body{
margin-left:2%;
margin-right:2%;
margin-bottom:20px;
font-family:tahoma;
background-color:#004759;
}
#ecran{
background-color:#eeeeee;
border:2px solid black;
}
/***********************************************************************************************/
#outils{
text-align:right;
padding-bottom:10px;
padding-right:10px;
}

#outils a{
color:white;
text-decoration:none;
font-size:8pt;
}

#outils a:hover{
text-decoration:underline;
}

/***********************************************************************************************/
#banniere{
padding-top:50px;
padding-left:50px;
padding-bottom:50px;
font-size:25pt;
color:white;
background-image:url("../images/fond_banniere.bmp");
font-family:"Nimbus Sans L";
}

/***********************************************************************************************/
#menu_haut{
text-align:center;
font-size:11pt;
background-image:url("../images/fond_menu_haut.bmp");
padding-bottom:10px;
margin-bottom:10px;
}

#menu_haut a{
text-decoration:none;
padding-right:15px;
color:#004759;
}

#menu_haut a:hover{
/*text-decoration:underline;*/
color:white;
}
/***********************************************************************************************/
#position{
color:black;
font-size:8pt;
padding-left:10px;
font-weight:bold;
background-color:#eeeeee;
}
#position img{
border:0px;
}

#position a{
color:rgb(225,170,4);
text-decoration:none;
}
#position a:hover{
text-decoration:underline;
}
/***********************************************************************************************/
#colonne_gauche{
float:left;
padding-left:20px;
width:250px;
}

#brochure{
font-size:12pt;
margin-bottom:80px;
background-image:url('../images/brochure.jpg');
background-repeat:no-repeat;
padding-left:100px;
height:100px;
padding-top:10px;
padding-bottom:10px;
font-weight:bold;
background-position:15% 0;
}

#brochure a{
color:black;
text-decoration:none;
}
#brochure a:hover{
color:rgb(225,170,4);
text-decoration:underline;
}
/***********************************************************************************************/
#menu_gauche{
margin-bottom:100px;
font-size:12pt;
padding-left:30px;
margin-top:80px;
background-image:url('../images/fond_menu_gauche.bmp');
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:100px;
font-weight:bold;
}

#menu_gauche a{
text-decoration:none;
display:block;
/*color:#0092BD;*/
color:#004759;
padding-top:10px;
}

#menu_gauche a:hover{
color:rgb(225,170,4);
text-decoration:underline;
}

#adresse{
font-size:8pt;
padding-top:120px;
padding-bottom:20px;
background-image:url('../images/cpc.bmp');
background-position: 50% 10%;
background-repeat:no-repeat;
text-align:center;
margin-bottom:40px;
color:#004759;
border:1px solid #eeeeee;
}
#adresse:hover{
border:1px solid rgb(225,170,4);
background-color:#fff0d0;
}
#adresse a{
color:rgb(225,170,4);
text-decoration:none;
}

#adresse a:hover{
color:rgb(225,170,4);
text-decoration:underline;
}





#adresse2{
font-size:8pt;
padding-top:120px;
padding-bottom:20px;
background-position: 50% 10%;
background-repeat:no-repeat;
text-align:center;
margin-bottom:40px;
color:#004759;
border:1px solid #eeeeee;
}
#adresse2:hover{
border:1px solid rgb(225,170,4);
background-color:#fff0d0;
}
#adresse2 a{
color:rgb(225,170,4);
text-decoration:none;
}

#adresse2 a:hover{
color:rgb(225,170,4);
text-decoration:underline;
}





#contenu{
font-size:10pt;
text-align:justify;
padding-right:20px;
padding-left:290px;
padding-bottom:40px;
background-color:#eeeeee;
min-height:750px;
}
#contenu ol{
list-style-type:circle;
padding-left:0px;
color:black;
text-decoration:none;
}
#contenu li{
padding-top:20px;
padding-bottom:10px;
padding-left:30px;
color:#0092BD;
text-decoration:underline;
display:block;
font-style:italic;
font-weight:bold;
}
#contenu h3{
border:1px solid #0092BD;
text-align:center;
padding-top:10px;
padding-bottom:10px;
margin-bottom:40px;
font-weight:bold;
font-size:14pt;
background-color:#f5f5f5;
}

#contenu img{
border:1px solid black;
}

#contenu td{
font-size:10pt;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
}
#contenu input{
border:1px solid #0092BD;
}
#contenu .photo{
height:20%;
}

#contenu .imag_droit{
margin-left:10px;
float:right;
margin-bottom:3px;

}

#contenu .imag_gauche{
float:left;
margin-right:10px;
margin-bottom:3px;
}

#contenu a{
text-decoration:none;
color:#0092BD;
}

#contenu a:hover{
text-decoration:underline;
}

/************************ test menu deroulant *****************************/

#contenu dt {
cursor: pointer;
}



/***********************************************************************************************/
#droits{
clear:both;
text-align:center;
font-style:italic;
font-size:8pt;
padding-top:5px;
padding-bottom:5px;
background-color:#0092bd;
border-top:1px solid black;
}
#droits h3{
display:inline;
font-size:8pt;
}
/***********************************************************************************************/
.centrer{
padding-left:40px;
padding-top:20px;
padding-bottom:20px;
}
/***********************************************************************************************/
#news{
margin-top:0px;
width:240px;
margin-right:10px;
font-size:10pt;
text-align:left;
border:1px solid #ffae00;
padding-left:5px;
padding-right:5px;
background-color:#fff0d0;
margin-bottom:40px;
}
#news h3{
padding-top:10px;
padding-bottom:10px;
font-size:12pt;
color:#ffae00;
background-color:#ffe1a2;
border:1px solid #ffae00;
text-align:center;
font-weight:bolder;
}
#news a{
color:#ffae00;
text-decoration:none;
}
#news a:hover{
text-decoration:underline;
}
/***********************************************************************************************/
#titre{
font-size:10pt;
margin-bottom:80px;
text-align:center;
}
/***********************************************************************************************/
#affichage_news
{
margin-top:40px;
margin-bottom:80px;
margin-left:20px;
margin-right:20px;
border:1px solid #ffae00;
padding-left:5px;
padding-right:5px;
background-color:#fff0d0;
font-size:10pt;
}
#affichage_news h1
{
color:#ffae00;
background-color:#ffe1a2;
border:1px solid #ffae00;
}
#navigateur_news{
text-align:center;
margin-top:40px;
margin-bottom:20px;
font-size:10pt;
}

#navigateur_news a{
padding:20px;
color:black;
text-decoration:none;
font-weight:bold;
}

#navigateur_news a:hover{
color:#ffae00;
text-decoration:underline;
}

/******************** cache le menu deroulant au chargement ****************/

#contenu dd{
display:none;
}


/**************************** essai page cdi *********************************/


#menu_cdi{
position:absolute;
width: 950px;
left: 50%;
margin-left: -475px;
background-color:#d0d0d0;
border:2px solid black;
min-height:500px;
}


#menu_cdi text{
margin-up:50px;
}