/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
width:100%;

/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body{
background:#000 scroll url(../images/charte/bg.jpg) top center no-repeat;

}

.bg {background:black;}

/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:995px;
margin:0 auto;
background: url(../images/charte/bg_repeat.jpg) repeat-y  0 720px;
}

/********** CONTANIER INTRO ***************/

#container_intro{
position:absolute;
height:600px;
width:950px;
left:50%;
top:50%;
margin-left:-475px;
margin-top:-300px;}


/***************** HEADER *****************/
#header{
width:995px;
height:254px;
}


/***************** HEADER *****************/
#infos{
position:relative;
margin:auto;
height:31px;
width:995px;
top:0;
background:#000 url(../images/charte/bg_infos.jpg) top left no-repeat;
}



/***************** CONTENU *****************/
#contenu{
width:650px;
padding:10px 75px 0 10px;
min-height:435px;
float:right;
background:url(../images/charte/bg_contenu.jpg) top right no-repeat;
}


/***************** LEFT MENU *****************/
#leftMenu{
position:relative;
float:left;
width:260px;
}


/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:30px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:995px;
height:70px;
margin:-30px auto 0;
background:#000 scroll url(../images/charte/bg_footer.jpg) bottom center no-repeat;
}


#idep{
position:absolute;
left:0;
bottom:0;
width:195px;
height:30px;
padding: 0 0  0 40px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#fff;
margin:4px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#fff;
}