/***************** 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:#ffffff;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:980px;
padding:0 8px 0 8px;
margin:0 auto;
background:url(../images/charte/bg-container.gif) center top repeat-y;
}
/***************** HEADER *****************/
#header{
width:980px;
height:227px;
background:url(../images/charte/header.jpg) no-repeat;
}
#logo{
position:absolute;
top:60px;
}

/***************** CONTENU *****************/
#contenu{
width:960px;
padding:40px 20px 0 0;
background:url(../images/charte/contenu-top.jpg) top center no-repeat;
}
#contenu #coleft{
float:left;
width:281px;
height:360px;
margin:0 50px 0 50px;
padding-top:10px;
background:url(../images/charte/box-soins.jpg) left 50px no-repeat;
display: inline;
}
#contenu #colcenter{
  float:left;
  width:570px;
}

#contenu #colright{
  background: url(../images/charte/decoration.jpg) right center no-repeat;
  width:260px;
  height: 260px;
  padding: 0;
  margin: 0;
  float:right;
  }
#contenu #colcenter .list-left{
  width:49%;
  float:left;
}
#contenu #colcenter .list-right{
  width:49%;
  float:right;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
line-height: 0px;
height:0px;
font-size: 0px;

}
#clearFooter{
height:75px;/*--- = à la hauteur du footer ---*/
}
.spacer{
  background: url(../images/charte/spacer.jpg) center top no-repeat;
  line-height: 10px;
  height: 10px;
  padding: 0;
  margin:5px auto 5px auto;
  width:500px;
  clear: both;
}

/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:980px;
height:75px;
margin:-75px auto 0;
background:url(../images/charte/footer.jpg) no-repeat;
}
#idep{
position:absolute;
right:0;
top:20px;
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:#fff;
margin:3px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#CC0066;
}