/***************** 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:#1b7bc7 url(../../charte/images/bg.gif) center top repeat-y;}
/***************** CONTAINER *****************/
#container{position:relative;min-height:100%;width:960px;margin:0 auto;}
/***************** HEADER *****************/
#header{width:960px;height:200px;display:block;/*obligatoire si il y a un flash*/
background:url(../../charte/images/bg-header.jpg) no-repeat left top;outline:none;}
/***************** MENU TOP *****************/
#menuTop{position:relative;z-index:10;width:960px;height:30px;background:#000 url(../../charte/images/bg-menu.gif) repeat-x;list-style:none;}
#menuTop li{position:relative;float:left;width:106px;}
#menuTop a{text-decoration:none;font:bold 12px/30px Arial, Helvetica, sans-serif;color:#FFFFFF;text-align:center;text-transform:uppercase;display:block;height:30px;overflow:hidden;}
#container #menuTop a:hover,
#container #menuTop a.trigered{background:url(../../charte/images/bg-menu-hover.gif) repeat-x;color:#fff;}
/***************** SOUS MENU */
#menuTop li ul{list-style:none;position:absolute;width:160px;top:-6000px;left:0;background:#7B9A32 url(../../charte/images/bg-ssmenu.gif) top center no-repeat;border:solid #fff;border-width:1px 0 0 0;}
#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;text-align:left;padding:0 0 0 35px;color:#fff;text-decoration:none;border:solid #fff;border-width:0 0 1px 0;}
#container #menuTop li li a:hover{background:#000;color:#98be3e;}
/***************** MENU LEFT *****************/
#menuLeft{float:left;width:200px;padding:60px 0 0 0;min-height:300px;background:url(../../charte/images/bg-colLeft.gif) top center no-repeat;}
#menuLeft .voyage{width:178px;height:150px;float:left;margin:0 0 20px 12px;background:url(../../charte/images/separ.gif) bottom center no-repeat;}
/***************** CONTENU *****************/
#contenu_bg {float:left;width:960px;}
#contenu{float:left;width:945px;padding:35px 0 10px 15px;background:url(../../charte/images/bg-contenu.jpg) no-repeat 1px top;}

#contenu-droite{float:right;width:238px;margin:0;}
#contenu-gauche #titre-accueil{width:80px;height:19px;display:block;background:url(../../charte/images/titre-accueil.gif) no-repeat;}
#contenu-gauche h1 span{display:none;}

#contenu-gauche{float:left;width:655px;margin:0 25px 0 15px;}

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{clear:both;}
#clearFooter{height:30px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{position:relative;clear:both;width:960px;height:30px;margin:-30px auto 0;background:#0252a2 url(../../charte/images/bg-footer.gif) repeat-x;}
#idep{position:absolute;left:0;top:0;width:175px;height:30px;}
#idep img{float:left;}
#footer #idep a.idep{text-decoration:none;display:block;font:9px/8px Arial, Helvetica, sans-serif;color:#FFFFFF;margin:7px 0 0;}
#footer #idep a.idep.optea{margin:0;}
#footer #idep a:hover.idep{text-decoration:underline;color:#FFFFFF;}
/******************* STYLE FOOTER *****************/
#footer p{font:10px/30px Arial, Helvetica, sans-serif;color:#FFFFFF;text-align:right;letter-spacing:1px;padding:0 10px 0 0;}
#footer a:link, #footer a:visited{text-decoration:none;color:#FFFFFF;}
#footer a:hover, #footer a:active{text-decoration:underline;color:#FFFFFF;}