/* Déclaration des largeurs des zones 1, 2 et 3 (et non dans leurs styles associés */
/* ATTENTION INSTRUCTION ABSOLUMENT EN LIGNE */
.thm_z1 {width: 0px;}
.thm_z2 {width: 650px;}
.thm_z3 {width: 200px;}


/* 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: #ba6e01 url(img/fondpalmeraie.jpg) top center fixed no-repeat;
width: 100%;
margin: 0 auto;
}

/* HAUT DE PAGE */
#hdp {
position: absolute;
background: url(img/hdp.png) no-repeat;
height: 88px;
margin: 0px;
top:40px;
left:50%;
margin-left: -400px;
width: 900px;
}
#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;
/*background: url(img/fondframe_blanc80.png);*/
width: 900px;
margin: 0 auto;
margin-left: 50%;
left: -450px;
top: 150px;
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;
margin-left: 0px;
padding: 20 10 10 10 ;
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
border-top: 1px solid #897048;
border-left: 1px solid #4a0f00;
border-right: 4px solid #897048;
border-bottom: 4px 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: 30px;
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: 1px;
color : #004623;
font-weight: bold;
font-style: italic;
}
#z2 img:hover{
border-width: 2px;
}

/* ZONE DE DROITE (largeur saisie en tete de la feuille) */
#z3 {
width: 100%;
height: 100%;
}


/* STYLE MENU **********************************************************************
*/
#menu {
position: absolute;
width: 740px;
left: 50%;
margin-left: -370px;
top: 15px;
height: 21px;
border: 1px solid #670e00;
}
#menu a:hover {
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
font-size: 13px;
color : #d6db64;
font-weight: bold;
}
#menu01ok,#menu02ok,#menu03ok,#menu04ok,#menu05ok,#menu06ok {
position: absolute;
background: #d6db64;
width: 120px;
display: block;
line-height: 19px;
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: 12px;
color : #670e00;
font-weight: bold;
text-decoration: none ;
}
#menu01nok,#menu02nok,#menu03nok,#menu04nok,#menu05nok,#menu06nok {
position: absolute;
width: 120px;
display: block;
line-height: 20px;
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: 12px;
color : #670e00;
font-weight: bold;
text-decoration: none; 
}

#menu01ok,#menu01nok {
left: 10px;
top: 0px;
}
#menu02ok,#menu02nok {
left: 130px;
top: 0px;
}
#menu03ok,#menu03nok {
left: 250px;
top: 0px;
}
#menu04ok,#menu04nok {
left: 370px;
top: 0px;
}
#menu05ok,#menu05nok {
left: 490px;
top: 0px;
}
#menu06ok,#menu06nok {
left: 610px;
top: 0px;
}



/* Style de box latérale */

#box{
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 20px;
background: url(img/fondbox.png);
border-top: 1px solid #897048;
border-left: 1px solid #897048;
border-right: 4px solid #897048;
border-bottom: 4px solid #897048;
width: 190px;
}
#boxpr {
margin-left: 0px; 
margin-right: 10px; 
line-height: 16px; 
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
font-size: 12px;
color : #300a00;
font-weight: bold;
text-align: justify;
}
#boxpr form {
margin-left: 20px;
}
#boxpr a {
color : #004623;
}
#boxpr a:hover {
font-size: 14px;
color : #004623;
}
#boxpr p.titrebox {
text-align: center;
margin-top: 10px;
margin-left: 10px;
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
color : #4a0f00;
font-size: 18px;
font-style: italic;
font-weight: bold;
}
#boxpr_item_nac {
text-align: left;
line-height: 20px;
margin-left: 20px;
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: 0px;
padding-left: 20px;
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 : #004623;
}

#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: #d6db64;
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
font-size: 10px;
vertical-align: middle;
border: 1px solid #897048;
-moz-border-radius: 20px;
}
#bdp table {
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 : #90901D;
}
#bdp a {
position: relative;
text-align: center;
font-weight: bold;
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
font-size: 10px;
color : #90901D;
}
#bdp p {
position: relative;
text-align: left;
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
font-size: 10px;
color : #90901D;
}
#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 : #90901D;
}

/* CALENDRIER */
#calendar {
margin: 0 auto;
text-align: center;
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
}
#calendar p.titrecalendar {
text-align: center;
margin-top: 10px; 
margin-left: 0px; 
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
color : #897048;
font-size: 20px;
font-style: italic;
font-weight: bold;
}
#calendar a {
font-weight: bold;
color: #010000;
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: #c3c136;
color : #5f4f4f;
}
.autrejour {
color : #686060;
}
.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;
}