/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis style.css.
 */

/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;/*---obligatoire pour le footer---*/
scrollbar-base-color: #5BA4E8;
}

#intro {
width:990px;
padding:0;
margin:0 auto;
font:bold 1.4em Arial, Helvetica, sans-serif;
color:#FFFF00;
text-align:right;

}
#intro a{
font:bold 1em Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
display:block;
border:0;

}
#intro a:hover{
font:bold 1em Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:underline;

}

body{
font-size:62.5%;
background:#779fd2 url(../images/charte/bg-intro.jpg) repeat-x scroll center top;
}
#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:944px;
margin:0 auto;
background:  /*#FFCC00*/ url(../images/charte/bg-container.jpg) repeat-y scroll center top;
}
#container2{
position: relative;
min-height:500px;
height:auto !important;
height:500px;
width:944px;
background: /*#0099CC*/ url(../images/charte/bg-container2.jpg) no-repeat scroll left 235px;
}
#header{
width:944px;
height:148px;
}
#contenu{
position:relative;/*---obligatoire pour le footer---*/
width:944px;
padding-bottom:90px;/*---la hauteur du footer + une marge de securitee---*/
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
/***************** FOOTER *****************/
#footer{
position: relative;/*---obligatoire pour le footer---*/
margin: -39px auto 0 auto;/*---margin top = - hauteur du footer---*/
width:944px;
height:39px;
background:url(../images/charte/bg-footer.jpg) no-repeat scroll left bottom;
}