/***************** 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:#51220e url(../images/charte/bg.jpg) no-repeat 1003px top;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:1003px;
margin:0;
background:url(../images/charte/bg-page-y.gif) repeat-y top left;
}
/***************** HEADER *****************/
#header{
width:1003px;
height:193px;
}
#contenu{
width:1003px;
min-height:346px;
background:url(../images/charte/bg-contenu.jpg) no-repeat left top;
}


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

#texte{
float:left;
width:535px;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
	clear: both;
	display: block;
	height: 0px;
	margin-bottom: 0px;
	font-size: 0px;
	line-height: 0px;
}
#clearFooter{
height:31px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:1003px;
height:31px;
margin:-31px 0 0 0;
background:url(../images/charte/bg-footer.gif) no-repeat top left;
}
#idep{
position:absolute;
left:50px;
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:#fff;

}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#fff;
}