/***************** 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:url(../images/charte/bg-body.gif);}
#fond{ position:absolute; width:100%; height:440px; left:0; top:0; background:url(../images/charte/bg-top.gif) repeat-x;}
/***************** CONTAINER *****************/
#container{ position:relative; min-height:100%; width:840px; padding:0 20px 0 20px; margin:0 auto;
  background:url(../images/charte/bg-container.png) repeat-y;}
/***************** HEADER *****************/
#header{ width:820px; height:30px; background:scroll url(../images/charte/bg-header.gif) center top repeat-y; float:left;
  font:10px/10px Arial, Helvetica, sans-serif; padding-top:70px; padding-left:20px; float:left;}
#header a{ color:#000; text-decoration:none;}
#header a:hover{ color:#777; text-decoration:underline;}
/***************** MENU TOP *****************/
#menuTop{ float:left; z-index:10; width:840px; height:90px; background:scroll url(../images/charte/bg-menu.gif) left bottom no-repeat;
  list-style:none; padding:0px 0px;}
#menuTop li{ position:relative; float:left; width:139px; padding-right:1px;}
#menuTop a{ text-decoration:none; font:bold 11px/30px Arial, Helvetica, sans-serif; height:90px; color:#ab8e6f; text-align:center; display:block;
  overflow:hidden; padding:0px 0px; border-right:1px solid #675037;}
#container #menuTop a:hover,
#container #menuTop a.trigered{ background:url(../images/charte/menuOver.gif); height:30px; line-height:inherit; padding-top:60px; line-height:inherit;
  font-weight:bold; color:#fff;}
/***************** SOUS MENU *****************/
#menuTop li ul{ list-style:none; position:absolute; width:139px; top:-6000px; left:0; background:#312110; border:solid #675037;
  border-width:1px 0 0 0;}
#menuTop li li{ float:left; padding-left:1px; width:137px;}
#container #menuTop li li a{ background:#543a1c; width:auto; display:block; font:11px Arial, Helvetica, sans-serif; line-height:inherit; height:auto;
  text-transform:none; color:#ad8359; padding-top:4px; padding-bottom:4px; text-decoration:none; border:solid #675037; border-width:0 0 1px 0;}
#container #menuTop li li a:hover{ background:#fff; color:#675037; line-height:inherit; display:block; height:auto; font-weight:normal;
  padding-top:4px; padding-bottom:4px;}
/***************** CONTENU *****************/
#contenu{ width:840px;}
#blocPress{ width:800px; float:left; padding:0px 20px 10px 20px; background:#312110 url(../images/charte/bloc1.gif) left top repeat-x;}
.press-photo{ float:left; margin-right:50px;}
.press-photo img{ border:1px solid #8A6840;}
#mov embed{ width:350px; height:300px;}
#blocGauche{ width:280px; height:320px; float:left; padding:10px 20px 10px 20px; background:url(../images/charte/bloc1.gif);}
#blocLarge{ width:800px; float:left; padding:10px 20px 10px 20px;}
#flash{ float:left; width:520px; height:340px; background:transparent url(../images/charte/bloc1.gif) repeat scroll 0 0;}
#contenu #blocGauche p{ color:#b79e81; font-size:12px;}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{ clear:both;}
#clearFooter{ height:130px;/*--- = à la hauteur du footer ---*/}
/***************** FOOTER *****************/
#footer{ position:relative; clear:both; width:840px; height:130px; margin:-130px auto 0; background:url(../images/charte/bg-footer.gif);}
#idep{ position:absolute; left:420px; top:60px; width:195px; height:30px;}
#idep img{ float:left; padding-right:3px;}
#footer #idep a.idep{ text-decoration:none; display:block; font:9px/8px Arial, Helvetica, sans-serif; color:#58432f; margin:8px 0 0;}
#footer #idep a.idep.optea{ margin:0;}
#footer #idep a:hover.idep{ text-decoration:none; color:#b99c7e;}