/* 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: url(img/fond.jpg);
width: 1000px;
margin: 0 auto;
}

/* HAUT DE PAGE */
#hdp {
position: absolute;
background: #f0bd61 url(img/hdp.jpg) no-repeat;
width: 100%;
height: 120px;
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: url(img/fondframe.png);
position: absolute;
width: 1000px;
margin-top: 145px;
padding-top: 10px;
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.png) no-repeat;
line-height: 30px;
text-align: left;
padding-left: 20px;
font-family: 'Times New Roman', Times, fantasy, Comic Sans MS;
font-size: 12px;
color : #7b5a20;
font-weight: bold;
}
#z2 p.auteur {
display: block;
background: url(img/auteur.png) no-repeat;
background-position: right;
line-height: 30px;
text-align: right;
padding-right: 20px;
font-family: 'Times New Roman', Times, fantasy;
font-size: 12px;
color : #7b5a20;
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: 10px;
background: #e7b969 url(img/fondbox.png) repeat-x;
height: 100%;
border: 1px solid #897048;
}



/* STYLE MENU **********************************************************************
*/
#menu {
background: url(img/fondmenu.png) repeat-x;
position: absolute;
width: 100%;
height: 35px;
left: 0px;
top: 125px;
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: 14px;
color : #000000;
font-weight: bold;
}
#menu01ok,#menu02ok,#menu03ok,#menu04ok,#menu05ok,#menu06ok {
position: absolute;
/*background: url(img/boutons.png) 0 -35px;*/
width: 150px;
display: block;
line-height: 35px;
text-align: center;
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
font-size: 12px;
color : #ffffff;
font-weight: bold;
text-decoration: none;
border-left: 1px solid #ac7618;
border-right: 1px solid #ac7618;
}
#menu01nok,#menu02nok,#menu03nok,#menu04nok,#menu05nok,#menu06nok {
position: absolute;
/*background: url(img/boutons.png) 0 -70px;*/
width: 150px;
display: block;
line-height: 35px;
text-align: center;
font-family: 'Times New Roman', Times, fantasy, Comic Sans MS;
font-size: 12px;
color : #000000;
font-weight: bold;
text-decoration: none;
border-left: 1px solid #ac7618;
border-right: 1px solid #ac7618;
}
 
#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 : #533605;
text-align: justify;
}
#boxpr a {
color : #533605;
}
#boxpr a:hover {
font-size: 14px;
color : #533605;
}
#boxpr p.titrebox {
background: url(img/titrebox.png) repeat-x;
line-height: 18px; 
text-align: center;
margin-top: 0px; 
margin-left: -22px;
margin-right: -12px;
font-family: , 'Times New Roman', Times, fantasy ,'Comic Sans MS';
color : #ffffff;
font-size: 18px;
font-weight: bold;
}
#boxpr_item_nac {
text-align: left;
line-height: 20px; 
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 {
width: 100%;
background: url(img/point.png) no-repeat;
text-align: left;
line-height: 20px;
margin-left: -20px;
padding-left: 20px;
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
font-weight: bold;
font-size: 13px;
color : #533605;
}

#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 {
height: 60px;
/*background: #687a41;*/
font-family: 'Comic Sans MS', 'Times New Roman', fantasy;
font-size: 10px;
vertical-align: middle;
border-top: 1px solid #d53c29;
border-bottom: 1px solid #d53c29;
}
#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 : #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: 18px; 
text-align: center;
margin-top: 0px; 
margin-left: -2px;
margin-right: -2px;
font-family: , 'Times New Roman', Times, fantasy ,'Comic Sans MS';
color : #ffffff;
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;
}