/* 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: 720px;}
.thm_z3 {width: 260px;}
 

/* FOND DE PAGE */
body {
background: #656565 url(img/fondbody.png) fixed center repeat-y;
width: 1000px;
margin: 0 auto;
}

/* HAUT DE PAGE */
#hdp {
position: absolute;
background: #d53c29 url(img/hdp3.png) no-repeat;
width: 1000px;
height: 251px;
top: 0px;
left: 50%;
margin-left: -500px;   

}
#hdp p {
position: relative;

}
#hdp p.logo {
position: absolute;
width: 1000px;
height: 75px;
margin-top: 125px;
margin-left: -3px;
}
#hdp object {
position: absolute;
background: #000000;
width: 1000px;
height: 75px;
margin-top: 125px;
margin-left: -3px;  
}


/* ZONE DES ARTICLES */
#page {
background: #ffffff;
position: absolute;
width: 1000px;
margin-top: 230px;
vertical-align: top;
left: 50%;
margin-left: -500px;
}
/* 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 {
position: absolute;
top: -70px;
width: 200px;
left: 50%;
margin-left: -400px;
height: 1000px;
z-index: -5;
}

/* 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 .date {
background: url(img/date.png) no-repeat;
line-height: 60px;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 30px;
padding-top: 10px;
font-family: , 'Times New Roman', Times, fantasy, Comic Sans MS;
font-size: 12px;
color : #d53c29;
font-weight: bold;
}
#z2 .auteur {
display: block;
background: url(img/auteur.jpg) no-repeat;
background-position: right;
line-height: 20px;
text-align: right;
margin-top: 0px;
margin-bottom: 0px;
padding-right: 20px;
padding-top: 0px;
font-family:  'Times New Roman', Times, fantasy;
font-size: 12px;
color : #d53c29;
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_hdp {
background: url(img/fondz3_hdp.png) no-repeat;
height: 52px;
}
#z3 {
background: url(img/fondz3_corps.png) repeat-y;
height: auto;
}
#z3_bdp {
background: url(img/fondz3_bdp.png) no-repeat;
height: 73px;
}
#article {
border: 4px dashed #ede2c6;
padding: 4px;
margin-bottom: 5px;
}

/* STYLE MENU DEROULANT **********************************************************************
*/

#menuDL {
background: url(img/bouton.png) repeat-x;
position: absolute;
width: 1000px;
height: 30px;
line-height: 30px;
left: 50%;
margin-left: -500px;
top: -28px;
}
#menuDL ul {
display: block;
margin: 0px;
}
#menuDL li {
float: left;
width: 160px;
list-style-type: none;
}
#menuDL li a {
display: block;
text-align: center;
font-family: 'Times New Roman', Times, fantasy, Comic Sans MS;
font-size: 12px;
color : #000;
font-weight: bold;
text-decoration: none;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
#menuDL li a:hover {
font-size: 12px;
color : #fff;
font-weight: bold;
}
#menuDL .menuok {
font-size: 12px;
color : #fff;
}

/*Partie menu déroulant*/

#menuDL ul li ul {
position: relative;
left: -10px;
top: -15px;
padding-top: 14px;
padding-bottom: 30px;
width: 180px;
list-style-type: none;
display: none;
}
#menuDL ul li ul li a {
height: 15px;
line-height: 15px;
float: none;
margin-left: -30px;
width: 170px;
background: url(img/fondderoulant.png);
font-family: 'Times New Roman', Times, fantasy, Comic Sans MS;
color : #fff;
font-size: 12px;
text-align: left;
padding: 5px;
border: none;
}
#menuDL ul li ul li a:hover {
background: #000;
}
#menuDL ul li:hover ul {
display: block;
}
#menuDL .menuDLok {
background: #000;
text-align: center;
}

/* Style de box lat?rale */

#box{
margin-top: 2px;
padding-top: 10px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
}
#boxpr {
margin-left: 20px; 
margin-right: 10px;
line-height: 16px; 
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
font-size: 12px;
color : #000000;
text-align: justify;
}
#boxpr a {
color : #a186a0;
}
#boxpr a:hover {
font-size: 14px;
color : #d53c29;
}
#boxpr p.titrebox {
border-bottom: 1px solid #897048;
text-align: center;
margin-top: 0px; 
margin-left: -10px; 
font-family: , 'Times New Roman', Times, fantasy ,'Comic Sans MS';
color : #d53c29;
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: 'Times New Roman', Times, fantasy, Comic Sans MS;
font-size: 12px;
}
#boxpr_item_aac {
background: url(img/point.png) no-repeat;
text-align: left;
line-height: 20px;
margin-left: -25px;
padding-left: 25px;
margin-top: -5px;
padding-top: 5px;
margin-bottom: -10px;
padding-bottom: 10px;
font-family: 'Times New Roman', Times, fantasy, Comic Sans MS;
font-weight: bold;
font-size: 13px;
color : #000000;
}

#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 {
text-align: center;
border-bottom: 1px solid #897048;
margin-top: 10px; 
margin-left: 0px; 
font-family: 'Comic Sans MS', 'Times New Roman', Times, fantasy;
color : #a186a0;
font-size: 20px;
font-style: italic;
/*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;
}