/***************** 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: #150a02 url(../images/charte/bg-body.jpg) center top repeat-y;}
/***************** CONTAINER *****************/
#container{
  position:relative;
  width:960px;
  min-height:100%;
  margin:0 auto;
  background:scroll url(../images/charte/bg-container.jpg) left top repeat-y;
}
/***************** HEADER *****************/
#header{ width:960px; height:150px;}
/***************** ANIM TOP *****************/
#anim_top{ width:760px; height:221px; float:left;}
/***************** MENU LEFT *****************/
#menuLeft{ float:left; width:200px; background: url(../images/charte/bg-menu-left.jpg) left top no-repeat; padding-top:86px;}
#menuLeft ul{ list-style:none;}
#menuLeft a{
  background:url(../images/charte/bg-rubrique.png) center top no-repeat;
  _background:url();
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/charte/bg-rubrique.png", sizingMethod="crop");
  text-decoration:none;
  font:bold 13px "Times New Roman", Times, serif;
  color:#351708;
  display:block;
  height:38px;
  padding:35px 25px 0 22px;
  text-align:center;
  cursor: pointer;
}
#menuLeft a:hover,
#menuTop a.trigered{ color:#fff;}
/***************** SOUS MENU */
#container #menuLeft li a{
  background:url(../images/charte/bg-sousrubrique.png) center bottom no-repeat;
  _background:url();
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/charte/bg-sousrubrique.png", sizingMethod="crop");
  text-decoration:none;
  border:0;
  margin:0;
  font:13px "Times New Roman", Times, serif;
  color:#fff;
  display:block;
  height:30px;
  padding:33px 25px 0 22px;
}
#container #menuLeft li a:hover{ text-decoration:underline; color:#351708;}
/***************** CONTENU *****************/
#contenu{ float:left; width:510px; padding:0 125px 0 125px; background: url(../images/charte/bg-contenu.jpg) left top no-repeat;}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{ clear:both;}
#clearFooter{ height:249px;/*--- = à la hauteur du footer ---*/}
/***************** FOOTER *****************/
/*#footer1{
  width:100%;
  height:30px;
  clear:both;
  position:relative;
  margin:-30px auto;
  background-color:#340B00;
}
#footer{
  position: relative;/*---obligatoire pour le footer---
  margin:auto;
  width:990px;
  height:30px;
  color:#fff;
}*/
#footer{
  position:relative;
  clear:both;
  width:100%;
  height:249px;
  margin:-249px 0;
  background: url(../images/charte/bg-footer.gif) center top no-repeat;
}
#footerHaut{
  position:relative;
  width:960px;
  height:19px;
  margin:0 auto;
  background:url(../images/charte/bg-footer-top.png) left top no-repeat;
  _background:url();
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/charte/bg-footer-top.png", sizingMethod="crop");
}
#footerBasContenu{
  position:relative;
  width:960px;
  height:230px;
  margin:0 auto;
  background: url(../images/charte/bg-footercontenu.jpg) center bottom no-repeat;
}
#footerBasLiens{ width:200px; height:116px; float:left; padding-top:30px;}
#footer #footerBasContenu #footerBasLiens a{ margin:0; width:200px; display:block;}
#footer #footerBasContenu #footerBasLiens img{ display:block;}
#idep{ position:absolute; left:21px; top:198px; width:195px; height:30px;}
#idep img{ float:left;}
#footer #idep a.idep{ text-decoration:none; display:block; font:9px/8px Arial, Helvetica, sans-serif; color:#341c0d; margin:4px 0 0;}
#footer #idep a.idep.optea{ margin:0;}
#footer #idep a:hover.idep{ text-decoration:none; color:#fff;}