/***************** 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:#d4e7ee url(../images/charte/bg-body.jpg) repeat-x;
}
/***************** CONTAINER *****************/
#container{
	position: relative; /*---obligatoire pour le footer---*/
	min-height:100%; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:100%;/*---obligatoire pour le footer:IE---*/
width:990px;
margin:0 auto;
background:#dceff9 url(../images/charte/bg-container.jpg) 0 166px no-repeat;
}
/***************** HEADER *****************/
#header{
width:990px;
height:166px;
}
/***************** MENU LEFT *****************/
#menuLeft{
float:left;
width:280px;
height:353px;
}
/***************** CONTENU *****************/
#contenu{
float:left;
width:695px;
padding:20px 0 0 0px;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
height:0px;
margin:0;
padding:0;
line-height:0px;
font-size: 0px;
}
#clearFooter{
height:25px;/*--- = à la hauteur du footer ---*/
}

.box-white{
/* width:675px;
background:#ffffff;
 padding:10px 10px 3px 10px;*/
 
 margin-bottom:15px;}

#contenu img.image-left{
  float:left; padding:3px; border:1px solid #003366;
  margin-right:15px;
}


/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:990px;
height:25px;
margin:-25px auto 0;
}
#idep{
position:absolute;
left:0;
top:0;
width:195px;
height:25px;
}
#idep img{
float:left;
}

#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#679ec5;
margin:5px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:underline;
color:#679ec5;
}
#intro {
width:990px;
height:525px;
margin:0px auto;
}

#footerintro{
position:relative;
clear:both;
width:990px;
height:25px;
margin:-25px auto 0;
}
#idepintro{
position:absolute;
left:298px;
top:0;
width:195px;
height:25px;
}

#idepintro img{
float:left;
}

#footerintro #idepintro a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#679ec5;
margin:5px 0 0;
}
#footerintro #idepintro a.idep.optea{
margin:0;
}
#footerintro #idepintro a:hover.idep{
text-decoration:underline;
color:#679ec5;
}

.invisible{
  display: none;
}