/***************** 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:#55090a;

width:100%;

}

/***************** CONTAINER *****************/

#container0{

position:relative;

width:1003px;

height:100%;

margin: 0 auto;

background:url(../images/charte/bg-page-y.gif) repeat-y center top;

padding: 0px;

}

#container{

position:relative;

width:1003px;

margin:0 auto;

padding: 0px;

background:url(../images/charte/bg-page-y.gif) repeat-y center top;  

}

/***************** HEADER *****************/

#header{

width:1003px;

height:229px;

}

#contenu{

width:1003px;

float:left;

background:url(../images/charte/bg-contenu.jpg) no-repeat left top;

}



/***************** MENU LEFT *****************/

#menuLeft{

float:left;

width:248px;

padding: 20px 0 0 0 ;

margin: 0px;

}



#menuLeft ul{

list-style:none;

margin: 0px;

padding: 0px;



}



#menuLeft h1 a:link,#menuLeft h1 a:visited{

width:208px;

text-decoration:none;

font:bold 12px/25px Georgia, "Times New Roman", Times, serif;

color:#efd796;

display:block;

height:25px;

overflow:hidden;

padding:0 0 0 30px;

text-indent:10px;

}

#menuLeft h1 a:hover{

text-decoration:underline;

color:#fff;

}

/***************** SOUS MENU */

#container #menuLeft li a{

  background:none;

  border:none;

  text-decoration:none;

  font:normal 11px/15px Arial, Helvetica, sans-serif;

  color:#efd796;

  display:block;

  height:15px;

  overflow:hidden;

  padding:0 0 0 57px;

  text-indent:0;

  background: url(../images/charte/icon-menu.jpg) no-repeat 50px 6px;



  }

#container #menuLeft li a:hover{

text-decoration:underline;

color:#fff;

}

#container #menuLeft li span{

  color:#C97F53;

  font:bold 11px arial;

  text-decoration: none;

  padding-left:40px;

  }



/***************** CONTENU *****************/



#texte{

float:left;

width:640px;

margin: 0px;

padding: 0px;

}



#texte p{

	padding-top: 10px;

	line-height: 16px;

}

/*---obligatoire pour le footer---*/

/*---mettre <div class="clearer" id="clearFooter"></div>--*/

/*---apres la div contenu---*/

.clearer{

	clear: both;

}

/*#clearFooter{

height:30px; /*--- = a la hauteur du footer ---

}*/

/***************** FOOTER *****************/

#footerWrapper{

  width:100%;

  float:left;

  height:30px;

  text-align: center;

}



#footer{

position:relative;

width:1003px;

height:30px;

margin:0 auto;

background:url(../images/charte/bg-footer.gif) center top no-repeat;

}

#idep{

padding-left:30px;

width:195px;

height:15px;

padding-top: 5px;

}

#idep img{

float:left;



}

#footer #idep p{

  line-height: 1em; padding: 2px 0 0 0; margin:0;

  font:9px/9px Arial, Helvetica, sans-serif;

}



#footer .mentions{

  padding-top: 3px;

  width:130px;

  float:right;

}





#footer #idep a.idep{

text-decoration:none;



color:#6f1215;

padding: 0px; margin: 0px;



}

#footer #idep a.idep.optea{

margin:0;

}

#footer #idep a:hover.idep{

text-decoration:none;

color:#fff;

}



/*****************************************************/

.invisible

{

	display:none;

}