/* 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---*/
}
body{
font-size:62.5%;
background:url(../images/charte/bg-site.jpg);
}
#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:1379px;
margin:0px auto;
background-color:#ffffff;
}
#header{
position:relative;
width:100%;
height:272px;
background:url(../images/charte/banniere.jpg) no-repeat 50% 0;
margin:0 auto;
overflow:hidden;
}

a img { 
  border-width : 0; 
}
/***************** MENU TOP ********************/

#title{
margin:0 auto;
position:relative;
width:1084px;
height:63px;
background:url(../images/charte/title.jpg);
}


/***************** CONTENU *****************/
#contenu{
position:relative;
width:1104px;
margin:0px auto;
background: url(../images/charte/bg-contenu.jpg);
}

#logos{
float:left;
width:1058px;
margin-top:0px;
margin-left:10px;
margin-right:0px;
background:#f7f7f7 url(../images/charte/bg-logos.jpg) repeat-x 0 0;
padding-left:26px;
padding-bottom:12px;
}

#logos a{
float:left;
display:block;
width:206px;
height:107px;
background:url() no-repeat 50% 50%;
}

#logos .divider{
float:left;
display:block;
width:900px;
height:19px;
background:url(../images/bg.gif) no-repeat 0 0;
}
/**********************/
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 84px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
.clearer2
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

/***************** FOOTER *****************/
#footer{
margin:0 auto;
width:1104px;
position:relative;
height:84px;
margin:-84px auto 0 auto;
background:url(../images/charte/bg-footer.jpg) 
}
#footer p{
float:left;
margin-top:16px;
margin-left:100px;
font:12px Arial, Helvetica, sans-serif;
color:#0F0F0F;
width:700px;
}
#lien_site{
margin-top:15px;
float:right;
width:200px;
height:22px;
}

#lien_site img{
width:200px;
height:22px;
}
/***************** STYLE FOOTER *****************/
#footer {
font:10px Arial, Helvetica, sans-serif;
color:#0F0F0F;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#0F0F0F;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#0F0F0F;
}