/***************** 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:#2A2A2A url(../images/charte/body.jpg) center top repeat-x;}
/***************** CONTAINER *****************/
#container{
  position:relative;
  min-height:100%;
  width:920px;
  margin:0 auto;
  background: url(../images/charte/bg-container.jpg) center top repeat-y;
}
#container2{
  background: url(../images/charte/container.jpg) center top no-repeat;
  width:920px;
  min-height:100%;
}
#container3{
  background: url(../images/charte/container1.jpg) center top no-repeat;
  width:920px;
  min-height:100%;
}
/***************** HEADER *****************/
#header{
  background:url(../images/charte/header.jpg) center top no-repeat;
  width:920px;
  height:250px;
}
/***************** THUMBS *****************/
#contenu a.thumb01{
  background:url(../images/charte/thumb01.jpg) center top no-repeat;
  width:161px;
  height:121px;
  display:block;
  float:left;
  margin:10px 12px 0 0;
}
#contenu a.thumb02{
  background:url(../images/charte/thumb02.jpg) center top no-repeat;
  width:161px;
  height:121px;
  display:block;
  float:left;
  margin:10px 12px 0 0;
}
#contenu a.thumb03{
  background:url(../images/charte/thumb03.jpg) center top no-repeat;
  width:161px;
  height:121px;
  display:block;
  float:left;
  margin:10px 12px 0 0;
}
#contenu a.thumb04{
  background:url(../images/charte/thumb04.jpg) center top no-repeat;
  width:161px;
  height:121px;
  display:block;
  float:left;
  margin:10px 12px 0 0;
}
#contenu a.thumb05{
  background:url(../images/charte/thumb05.jpg) center top no-repeat;
  width:161px;
  height:121px;
  display:block;
  float:left;
  margin:10px 0 0 0;
}
/***************** CONTENU *****************/
#contenu{
  width:860px;
  padding:20px 0 0 30px;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{ clear:both;}
#clearFooter{ height:60px;/*--- = à la hauteur du footer ---*/}
/***************** FOOTER *****************/
#footer{
  position:relative;
  clear:both;
  width:920px;
  height:30px;
  margin:-30px auto 0;
  background: url(../images/charte/footer.jpg) center top no-repeat;
}
#idep{
  position:absolute;
  left:20px;
  top:0;
  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:#174569;
  margin:8px 0 0;
}
#footer #idep a.idep.optea{ margin:0;}
#footer #idep a:hover.idep{
  text-decoration:none;
  color:#fff;
}