/* Declaration des largeurs des zones 1, 2 et 3 (et non dans leurs styles associes */
/* ATTENTION INSTRUCTION ABSOLUMENT EN LIGNE */
.thm_z1 {width: 0px;}
.thm_z2 {width: 700px;}
.thm_z3 {width: 250px;}


/* Feuille de style GTWeb pour affichage dégradé (ie6, ie7, ...) */

#onglet_ie {
background: red;
width: 500px; /* Largeur des bouton */
line-height: 20px; /* De la même hauteur que l'image*/
text-align: center;
font-family:  tahoma, times, sans-serif;
font-size: 10px;
color : #ffffff;
font-weight: bold;
text-decoration: none;
}


/* FOND DE PAGE */
body {
background: #fdfec0 url(img/fondpage.png) repeat-x;
width: 1000px;
margin: 0 auto;
}
/* HAUT DE PAGE */
#hdp {
position: absolute;
background: #f0bd61 url(img/hdp.jpg) no-repeat;
width: 100%;
height: 152px;
top: 0px;
left: 0px;
}
#hdp p {
position: relative;
}
#hdp p.logo {
position: absolute;
width: 1000px;
height: 100px;
margin-top: 5px;
margin-left: 20px;
}


/* ZONE DES ARTICLES */
#page {
background: #ffffff url(img/fondframe.png) repeat-x;
position: absolute;
width: 1000px;
margin-top: 170px;
vertical-align: top;
left: 50%;
margin-left: -500px;
}
/* Reglage du tableau contenant */
#page table, #page tr, #page td {
margin-top: 0px; 
vertical-align: top;
}


/* ZONE DE GAUCHE (largeur saisie en tete de la feuille) */
#z1 {
}

/* ZONE DES ARTICLES EUX-MEME */
#z2 {
margin: 0 auto;
margin-left: 0px;
padding: 20 10 10 10 ;
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
}

#z2 p.date {
background: url(img/date.jpg) no-repeat;
line-height: 40px;
text-align: left;
padding-left: 20px;
font-family: 'Times New Roman', Times, fantasy, Comic Sans MS;
font-size: 12px;
color : #808000;
font-weight: bold;
}
#z2 p.auteur {
display: block;
background: url(img/auteur.jpg) no-repeat;
background-position: right;
line-height: 40px;
text-align: right;
padding-right: 20px;
font-family: 'Times New Roman', Times, fantasy;
font-size: 12px;
color : #808000;
font-weight: bold;
}

#z2 form {
position: relative;
width: 100%;
margin-left: 30px;
margin-top: 0px;
margin-bottom : 0px;
font-family: , 'Times New Roman', Times, fantasy, Comic Sans MS;
font-size: 12px;
color : #d53c29;
font-weight: bold;
}


#z2 img {
margin: 2px;
padding: 2px;
vertical-align: middle;
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
font-size: 8px;
border-width: 0px;
font-weight: bold;
font-style: italic;
}

#z2-form table {
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
font-size: 12px;
color : #000000;
}


/* ZONE DE DROITE (largeur saisie en tete de la feuille) */
#z3 {
margin-top: 5px;
background: #e0df7e;
height: 100%;
}



/* STYLE MENU **********************************************************************
*/
#menu {
background: url(img/fondmenu.png) repeat-x;
position: absolute;
width: 100%;
height: 40px;
left: 200px;
top: 117px;
z-index: 2;
}
#menu a:hover {
background: url(img/boutons.png);
line-height: 35px;
font-family: 'Times New Roman', Times, fantasy, Comic Sans MS;
font-size: 13px;
color : #C64100;
font-weight: bold;
}
#menu01ok,#menu02ok,#menu03ok,#menu04ok,#menu05ok,#menu06ok {
position: absolute;
background: url(img/boutons.png) 0 -40px;
width: 150px;
display: block;
line-height: 35px;
text-align: center;
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
font-size: 11px;
color : #C64100;
font-weight: bold;
text-decoration: none;
}
#menu01nok,#menu02nok,#menu03nok,#menu04nok,#menu05nok,#menu06nok {
position: absolute;
background: url(img/boutons.png) 0 -80px;
width: 150px;
display: block;
line-height: 35px;
text-align: center;
font-family: 'Times New Roman', Times, fantasy, Comic Sans MS;
font-size: 11px;
color : #C64100;
font-weight: bold;
text-decoration: none;
}
 
#menu01ok,#menu01nok {
left: 10px;
top: 0px;
}
#menu02ok,#menu02nok {
left: 161px;
top: 0px;
}
#menu03ok,#menu03nok {
left: 312px;
top: 0px;
}
#menu04ok,#menu04nok {
left: 463px;
top: 0px;
}
#menu05ok,#menu05nok {
left: 614px;
top: 0px;
}
#menu06ok,#menu06nok {
left: 765px;
top: 0px;
}


/* Style de box lat?rale */

#box{
margin-top: 10px;
margin-bottom: 20px;
padding-bottom: 20px;
}


#boxpr {
margin-left: 20px; 
margin-right: 10px; 
line-height: 16px; 
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
font-size: 12px;
color : #6E6902;
text-align: justify;
}
#boxpr a {
color : #6E6902;
}
#boxpr a:hover {
font-size: 14px;
color : #6E6902;
}
#boxpr p.titrebox {
background: url(img/titrebox.png) repeat-x;
line-height: 30px; 
text-align: center;
margin-top: 0px; 
margin-left: -22px;
margin-right: -12px;
font-family: , 'Times New Roman', Times, fantasy ,'Comic Sans MS';
color : #C64100;
font-size: 18px;
font-weight: bold;
}
#boxpr_item_nac {
text-align: left;
line-height: 15px; 
margin-left: 0px;
margin-bottom: 0px;
margin-top: 0px;
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
font-size: 12px;
}
#boxpr_item_aac {
background: url(img/point.png) no-repeat;
text-align: left;
line-height: 15px;
margin-left: -25px;
padding-left: 25px;
/*margin-top: -0px;
padding-top: 0px;
margin-bottom: -20px;
padding-bottom: 20px;*/
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
font-weight: bold;
font-size: 13px;
}

#framepublicbox, #framepublicbox a {
margin-top: 10px;
margin-left: 0px; 
margin-right: 0px; 
margin-bottom: 0px;
text-align: center;
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
font-size: 13px;
color : #000000;
/*font-weight: bold;*/
text-decoration: none ;
}
#framepublicbox a:hover {
color : #d53c29;
font-size: 13px;
text-decoration: underline ;
}
#framepublic, #framepublic img {
font-size: 12px;
margin-left: 0px; 
margin-right: 0px; 

}
#framepublic table, #framepublictr, #framepublic td {
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
margin-left: 0px; 
margin-right: 0px; 
font-weight: bold;
font-style: italic;
}


/* BAS DE PAGE */
#bdp {
margin-left: 5px;
height: 60px;
background: url(img/bdp.gif) repeat-x;
font-family: 'Comic Sans MS', 'Times New Roman', fantasy;
font-size: 10px;
vertical-align: middle;
}
#bdp table {
width: 100%;
text-align: left;
margin-left: 0px; 
margin-right: 0px; 
}
#bdp td {
text-align: center;
vertical-align: middle;
width: 33%;
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
font-weight: bold;
font-size: 10px;
color : #000000;
}
#bdp a {
position: relative;
text-align: center;
font-weight: bold;
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
font-size: 10px;
color : #d53c29;
}
#bdp p {
position: relative;
text-align: left;
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
font-size: 10px;
color : #000000;
}
#bdp p.logo {
position: absolute;
background: url(img/logo.gif) no-repeat;
width: 110px;
margin-top: 0px;
margin-left: 800px;
}

/* CALENDRIER */
#calendar {
margin: 0 auto;
text-align: center;
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
color: #a186a0;
}
#calendar p.titrecalendar {
background: url(img/titrebox.png) repeat-x;
line-height: 30px; 
text-align: center;
font-family: , 'Times New Roman', Times, fantasy ,'Comic Sans MS';
color : #C64100;
font-size: 18px;
font-weight: bold;
}
#calendar a {
font-weight: bold;
color: #035e65;
font-size: 12px;
}
#calendar table, #calendar tr {
width: 180px;
margin: 0 auto;
text-align: center;
font-size: 11px;
}
#calendar td {
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
font-size: -2px;
margin-left: 0px; 
margin-right: 0px;
text-align: center;
height: 20px;
}
.jour {
background: #000000;
color : #d53c29;
}
.autrejour {
color : #000000;
}
.retournormal {
display: block;
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
background: url(img/fondbox.png) no-repeat;
}
#calandar_logo_moisdav {
margin: 0 auto;
background: url(img/cal_mdav.gif) no-repeat center;
display: block;
width: 20px;
height: 13px;
}
#calandar_logo_moisdapr {
margin: 0 auto;
background: url(img/cal_mdap.gif) no-repeat center;
display: block;
width: 20px;
height: 13px;
}
#calandar_titre_annonce {
margin: 0 auto;
text-align: center;
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
color : #897048;
font-size: 20px;
font-style: italic;
font-weight: bold;
}
