/* Déclaration des largeurs de zones */

.thm_z1 {width: 0px;}
.thm_z2 {width: 700px;}
.thm_z3 {width: 300px;}

/* Feuille de style GTWeb pour affichage dégradé (ie6, ie7, ...) */

#onglet_ie {
position: absolute;
background: red;
left: 80%;
top: 0px;
width: 160px; /* Largeur des bouton */
display: block;
line-height: 20px; /* De la même hauteur que limage*/
text-align: center;
margin-top: 0px;
font-family:  tahoma, times, sans-serif;
font-size: 12px;
color : #ffffff;
font-weight: bold;
text-decoration: none ;
}


/* Style par défaut
*/


/* FOND DE PAGE */
body {
background: url(img/fond.jpg) center fixed;
width: 100%;
margin: 0 auto;
}

/* HAUT DE PAGE */
#hdp {
position: absolute;
height: 233px;
background: url(img/hdp.jpg) center;
font-family: 'Comic Sans MS', Times New Roman, Times, fantasy;
font-size: 10px;
top:0px;
left:50%;
margin-left: -500px;
width: 1000px;
}
#hdp table {
width: 100%;
text-align: left;
margin-left: -10px;
margin-right: 0px;
}
#hdp td {
margin-right: 20px;
width: 33%;
font-family: 'Comic Sans MS', Times New Roman, Times, fantasy;
font-size: 10px;
color : #F4EDD3;
}
#hdp a {
position: relative;
text-align: center;
font-weight: bold;
font-family: 'Comic Sans MS', Times New Roman, Times, fantasy;
font-size: 10px;
color : #004623;
}
#hdp p {
position: relative;
text-align: center;
font-weight: bold;
font-family: 'Comic Sans MS', Times New Roman, Times, fantasy;
font-size: 10px;
color : #DADADA;
}
#hdp p.logo {
margin-left: 20px;
text-align: left;
font-weight: bold;
font-family: 'Comic Sans MS', Times New Roman, Times, fantasy;
font-size: 10px;
color : #004623;
}

/* ZONE DES ARTICLES */
#page {
position: absolute;
width: 1000px;
margin: 0 auto;
margin-top: 240px;
left: 50%;
margin-left: -500px;
vertical-align: top;
}
/* Réglage 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 {
background: url(img/fondframe_blanc80.png);
margin: 0 auto;
padding: 20 10 10 10 ;
font-family: 'Comic Sans MS', Times New Roman, Times, fantasy;
border: 2px solid #897048;
}

#z2 p.date {
background: url(img/date.png) no-repeat;
line-height: 40px;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 20px;
padding-top: 10px;
font-family: 'Comic Sans MS', Times New Roman, Times, fantasy;
font-size: 14px;
color : #004623;
font-weight: bold;
font-style: italic;
}
#z2 p.auteur {
display: block;
background: url(img/auteur.jpg) no-repeat;
background-position: right;
line-height: 40px;
text-align: right;
margin-top: 0px;
margin-bottom: 0px;
padding-right: 20px;
padding-top: 0px;/
font-family: 'Comic Sans MS', Times New Roman, Times, fantasy;
font-size: 14px;
color : #004623;
font-weight: bold;
font-style: italic;
}

#z2 form {
position: relative;
width: 100%;
margin-left: 30px;
margin-top: 0px;
margin-bottom : 0px;
}
#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;
color : #004623;
font-weight: bold;
font-style: italic;
}


/* ZONE DE DROITE (largeur saisie en tete de la feuille) */
#z3 {
margin: 0 auto;
height: 1000px;
background: url(img/fondbox.png) no-repeat;
}



/* STYLE MENU **********************************************************************
*/
#menu {
position: absolute;
background: url(img/boutons.png);
height: 23px;
width: 1000px;
left: 50%;
margin-left: -500px;
top: 155px;
}
#menu a:hover {
background: url(img/boutons.png);
font-family: 'Comic Sans MS', Times New Roman, Times, fantasy;
font-size: 13px;
color : #a3ce41;
font-weight: bold;
}
#menu01ok,#menu02ok,#menu03ok,#menu04ok,#menu05ok,#menu06ok {
position: absolute;
/*background: url(img/boutons.png);*/
width: 150px;
display: block;
line-height: 23px;
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 0px;
padding-top: 0px;
font-family: 'Comic Sans MS', Times New Roman, Times, fantasy;
font-size: 14px;
color : #ffffff;
font-weight: bold;
text-decoration: none ;
}
#menu01nok,#menu02nok,#menu03nok,#menu04nok,#menu05nok,#menu06nok {
position: absolute;
/*background: url(img/boutons.png);*/
width: 150px;
display: block;
line-height: 23px;
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 0px;
padding-top: 0px;
font-family: 'Comic Sans MS', Times New Roman, Times, fantasy;
font-size: 14px;
color : #e1c917;
font-weight: bold;
text-decoration: none;
}

#menu01ok,#menu01nok {
left: 0px;
top: 0px;
}
#menu02ok,#menu02nok {
left: 150px;
top: 0px;
}
#menu03ok,#menu03nok {
left: 300px;
top: 0px;
}
#menu04ok,#menu04nok {
left: 450px;
top: 0px;
}
#menu05ok,#menu05nok {
left: 600px;
top: 0px;
}
#menu06ok,#menu06nok {
left: 750px;
top: 0px;
}


/* Style de box latérale */

#box{
margin-top: 40px;
margin-bottom: 20px;
padding-bottom: 20px;
margin-left: 30px;
width: 200px;
}


#boxpr {
margin-left: 20px;
margin-right: 10px;
line-height: 16px;
font-family: 'Comic Sans MS', Times New Roman, Times, fantasy;
font-size: 12px;
color : #e1c917;
font-weight: bold;
text-align: justify;
}
#boxpr a {
color : #ffffff;
}
#boxpr a:hover {
font-size: 14px;
color : #ffffff;
}
#boxpr p.titrebox {
text-align: center;
margin-top: -15px;
margin-left: -10px;
font-family: 'Comic Sans MS', Times New Roman, Times, fantasy;
color : #e1c917;
font-size: 18px;
font-style: italic;
font-weight: bold;
}
#boxpr_item_nac {
text-align: left;
line-height: 20px;
margin-left: -10px;
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: 20px;
margin-left: -15px;
padding-left: 5px;
margin-top: -10px;
padding-top: 10px;
margin-bottom: -10px;
padding-bottom: 10px;
font-family: 'Comic Sans MS', Times New Roman, Times, fantasy;
font-size: 12px;
color : #ffffff;
}

#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 : #004623;
font-weight: bold;
text-decoration: none ;
}
#framepublicbox a:hover {
color : #004623;
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 {
height: 60px;
background: #a3ce41;
font-family: 'Comic Sans MS', Times New Roman, Times, fantasy;
font-size: 10px;
vertical-align: middle;
border: 1px solid #897048;
}
#bdp table {
width: 100%;
text-align: left;
margin-left: 0px;
margin-right: 0px;
}
#bdp td {
text-align: center;
vertical-align: middle;
margin-right: 20px;
width: 33%;
font-family: 'Comic Sans MS', Times New Roman, Times, fantasy;
font-weight: bold;
font-size: 10px;
color : #282f1f;
}
#bdp a {
position: relative;
text-align: center;
font-weight: bold;
font-family: 'Comic Sans MS', Times New Roman, Times, fantasy;
font-size: 10px;
color : #282f1f;
}
#bdp p {
position: relative;
text-align: left;
font-family: 'Comic Sans MS', Times New Roman, Times, fantasy;
font-size: 10px;
color : #282f1f;
}
#bdp p.logo {
margin-right: 20px;
text-align: right;
font-weight: bold;
font-family: 'Comic Sans MS', Times New Roman, Times, fantasy;
font-size: 10px;
color : #282f1f;
}

/* CALENDRIER */
#calendar {
margin: 0 auto;
text-align: center;
}
#calendar p.titrecalendar {
text-align: center;
margin-top: 10px;
margin-left: 0px;
font-family: 'Comic Sans MS', Times New Roman, Times, fantasy;
color : #e1c917;
font-size: 20px;
font-style: italic;
font-weight: bold;
}
#calendar a {
/*font-weight: bold;*/
color: #e1c917;
font-size: 12px;
}
#calendar table, #calendar tr {
width: 180px;
margin: 0 auto;
text-align: center;
font-size: 11px;
font-family: 'Comic Sans MS', Times New Roman, Times, fantasy;
color : #e1c917;
}
#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: #a3ce41;
color : #282f1f;
}
.autrejour {
color : #e1c917;
}
.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 : #e1c917;
font-size: 20px;
font-style: italic;
/*font-weight: bold;*/
}