/***************** BODY *****************/
* {/*---on passe toutes les marges à 0---*/
margin:0;padding:0;}
body,html{height:100%;/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;---*/
}
body{background:#FFF url(../../charte/images/bg-body.jpg) center top repeat-x;}
/***************** CONTAINER *****************/
#container{position:relative;min-height:100%;width:990px;margin:0 auto;background:none;}
/***************** HEADER *****************/
#header{width:990px;height:203px;/*obligatoire si il y a un flash*/
display:block;outline:0;background:url(../../charte/images/bg-header.jpg) left top no-repeat;}
/***************** MENU TOP *****************/
#menuTop{position:relative;z-index:10;padding-left:15px;width:975px;height:52px;background: url(../../charte/images/menuTop.jpg) left top no-repeat;list-style:none;}
#menuTop li{position:relative;float:left;width:auto;margin-left:30px; margin-right:30px;}
#menuTop a{text-decoration:none;font:bold 12px/50px Arial, Helvetica, sans-serif;color:#fff;text-align:center;text-transform:uppercase;display:block;height:52px;overflow:hidden;}
#container #menuTop a:hover,
#container #menuTop a.trigered,
#container #menuTop a.rubrique_active
{color:#81AEDE;}
/***************** SOUS MENU */
#menuTop li ul{list-style:none;position:absolute;width:160px;top:-6000px;left:0;background:#40BFD3;opacity:0.90;}
#menuTop li li{float:none;}
#container #menuTop li li a{background:none;width:auto;position:relative;height:20px;font:11px/20px Arial, Helvetica, sans-serif;text-transform:none;color:#fff;text-decoration:none;}
#container #menuTop li li a:hover{background:#fff;}
/***************** MENU LEFT *****************/
#menuLeft{float:left;margin-left:15px;width:200px;list-style:none;}
#menuLeft li a{background:#D5D9E2;text-decoration:none;font:bold 12px/25px Arial, Helvetica, sans-serif;color:#2C2F35;display:block;height:25px;overflow:hidden;}
#menuLeft li a:hover ,
#menuLeft li a.rubrique_active{background:#2C2F35;color:#fff;}
/***************** SOUS MENU */
#menuLeft li ul{list-style:none;}
#menuLeft li ul li a{background:none;border:none;text-decoration:none;font:bold 11px/20px Arial, Helvetica, sans-serif;color:#2C2F35;display:block;height:20px;overflow:hidden;padding:0 0 0 10px;}
#menuLeft li ul li a:hover{text-decoration:underline;color:#FFF;background:none;}
/***************** CONTENU *****************/
#contenu_bg {float:left;width:775px;}
#contenu{float:left;width:753px;padding:0 0 10px 22px;}
#contenu-gauche{float:left;width:481px;margin:0 22px 0 0;}
#contenu-droite{float:left;width:235px;}

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{clear:both;}
#clearFooter{height:39px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#containerfooter{position:relative;clear:both;width:100%;height:39px;margin:-39px 0 auto;background: url(../../charte/images/bg-containerFooter.jpg) top center repeat-x;}
#footer{position:relative;clear:both;width:990px;height:39px;margin:0 auto 0;background:url(../../charte/images/bg-footer.jpg) left top no-repeat;}
#linkeo{position:absolute;left:0;top:9px;width:325px;height:30px;line-height:10px;color:#FFF;}
#linkeo img{float:left;margin:8px 10px 0 10px;}
#footer #linkeo a.linkeo{text-decoration:none;font:9px/8px Arial, Helvetica, sans-serif;color:#FFF;margin:7px 0 0;}
#footer #linkeo a.linkeo.optea{margin:0;}
#footer #linkeo a:hover.linkeo{text-decoration:none;color:#81AEDE;}
/******************* STYLE FOOTER *****************/
#footer p{font:10px/30px Arial, Helvetica, sans-serif;color:#fff;text-align:right;padding:7px 10px 0 0;}
#footer a:link, #footer a:visited{text-decoration:none;color:#fff;}
#footer a:hover, #footer a:active{color:#81AEDE;}
#contenu #contenu-gauche h1 {color:#003BA4;}
#contenu #contenu-gauche strong {color:#003BA4;}
#contenu #contenu-gauche a:hover {color:#003BA4;}
#contenu #contenu-gauche h2 {color:#003BA4; border-bottom:1px dotted #333;}
#contenu input {color:#003BA4;}
#contenu .ideo_cnt_blocLigneFormulaire input:hover, #contenu .ideo_cnt_blocValidation input:hover, #contenu .ideo_cnt_blocLigneFormulaire textarea:hover {border:1px solid #003BA4;}
#contenu #contenu-gauche  ul li {    background: url("../../charte/images/puce.png") no-repeat scroll 10px 0px transparent;    list-style: none outside none;    padding-left: 40px;color:#6C3C30;}