/***************** 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:#D4EAFF url(../images/charte/bg-intro.gif) repeat-x;
}
#container{
position:relative;
min-height:100%;
width:935px;
margin:0 auto;
}

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:133px;/*--- = à la hauteur du footer ---*/
}

/*********** FOOTER INTRO ******************/
#footerintro{
position:absolute;
top:500px;
left:50%;
margin-left:-450px;
width:900px;
text-align:center;
font:normal 12px Arial, Helvetica, sans-serif;
color:#000099;
}


#footerintro p{
margin-left:20px;
float:right;
width:680px;
margin-right:20px;

}

#idep{
position:absolute;
left:0;
top:0;
width:175px;
height:30px;
}
#idep img{
float:left;
}
a img{
border:none;
}
#footerintro #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#003399;
margin:4px 0 0;
}
#footerintro #idep a.idep.optea{
margin:0;
}
#footerintro #idep a:hover.idep{
text-decoration:none;
color:#0099CC;
}
#menu-footer {
position:relative;
clear:both;
text-align:center;
padding-top:5px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#0099CC;
}

a {
text-decoration:none;
color:#0099CC;
}

a:hover {
color:#003399;
}