/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
font:10px/24px Verdana, Geneva, sans-serif;
/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body{
background:#b2b2b2 url(../images/charte/bg-body.gif) center top repeat-x;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:950px;
margin:0 auto;
background:url(../images/charte/bg-container.gif) center top repeat-y;
}
/***************** HEADER *****************/
#header{
width:950px;
height:180px;
background:url(../images/charte/bg-header.gif) center bottom no-repeat;
}

#headerFlash{
	float:left;
	width:950px;
	height:158px;
	/*obligatoire si il y a un flash (firefox)*/
	display:block;
	outline:0;
}



/***************** MENU LEFT *****************/
#menuLeft{
float:left;
width:165px;
background:url(../images/charte/bg-menuleft.gif) left top repeat-y;
}
#menuLeftTexte{
width:137px;
padding:0 10px;
font:10px Verdana, Geneva, sans-serif;
color:#fff;
}
#menuLeftTexte a{
font:bold 10px Verdana, Geneva, sans-serif;
color:#fff;
text-decoration:none;
}
#menuLeftTexte a:hover{
color:#222;
}
/***************** MENU RIGHT *****************/
#menuRight{
float:left;
width:157px;
}
#ContactParrain{
float:left;
width:157px;
}
#ContactParrain img{
float:left;
}
#Adresses{
float:left;
width:128px;
padding:18px 12px 10px 17px;
background:url(../images/charte/bg-menuright-adresses.gif) right top repeat-y;
font:10px Verdana, Geneva, sans-serif;
letter-spacing:-1px;
color:#3d3d3d;
}
#Adresses .Ville{
font:bold 12px Verdana, Geneva, sans-serif;
text-transform:uppercase;
color:#88b009;
}
#Adresses img{
vertical-align:text-top;
}


#BoxSupplementaires{
float:left;
width:149px;
padding-left:8px
}

#blocNewsletter
{
	float:left;
	width:137px;
	padding-left:8px;
	border:0px solid #ccc;
	background:#fff url(../images/fd_newsletter.gif) 0 0 repeat-x;
	margin-left:7px;
	border-left:5px solid #06c;
	padding-bottom:10px;
}

#blocNewsletter h3
{
	color:#0066CC;
	font-size:15px;
	text-transform:uppercase;
	margin:10px 0 10px 0;
}

#blocNewsletter form
{
	margin:10px 0 20px 0;
}

input#email
{
	width:110px;
}

input#validation
{
	border:1px solid #999;
	font-size:11px;
	width:100px;
	text-align:center;
}

/***************** CONTENU *****************/
#contenu{
float:left;
width:628px;
background:#fff url(../images/charte/bg-contenu.gif) center top no-repeat;
}
#contenuTexte{
float:left;
width:568px;
padding:0 30px 20px 30px;
}
#contenuAccueil{
float:left;
width:628px;
background:#fff url(../images/charte/bg-contenu-accueil.jpg) center top no-repeat;
}
#contenuParrain{
float:left;
width:628px;
}
#contenu #contenuParrain a,
#contenuAccueil #contenuParrain a{
float:right;
}
#contenuAccueilTexte{
float:left;
width:478px;
height:212px;
padding:45px 75px 20px 75px;
}
#contenuAccueilTexte .Titre{
font:bold 18px Verdana, Geneva, sans-serif;
color:#04539a;
}
#contenuAccueilTexte .Italique{
font:18px Verdana, Geneva, sans-serif;
color:#04539a;
}
#contenuAccueilTexte .SousTitre{
font:bold 13px Verdana, Geneva, sans-serif;
color:#04539a;
}
#contenuAccueilTexte p{
font:12px Verdana, Geneva, sans-serif;
color:#404141;
padding:0 0 10px 0;
}
#contenuZoneEncarts{
float:left;
width:628px;
}
#Encart1, #Encart2, #Encart3{
float:left;
width:120px;
margin: 30px 43px 10px 43px;
list-style:none;
}
#Encart1 li.EncartTitre, #Encart2 li.EncartTitre, #Encart3 li.EncartTitre{
font:bold 12px Verdana, Geneva, sans-serif;
color:#04539a;
height:45px;
}
#Encart1 li.EncartTexte, #Encart2 li.EncartTexte, #Encart3 li.EncartTexte{
font:9px Verdana, Geneva, sans-serif;
color:#3b3b3b;
height:50px;
}
#Encart1 li.EncartLien a, #Encart2 li.EncartLien a, #Encart3 li.EncartLien a{
font:bold 9px Verdana, Geneva, sans-serif;
color:#a1d00c;
text-decoration:none;
}
#Encart1 a:hover, #Encart2 a:hover, #Encart3 a:hover{
color:#000;
text-decoration:underline;
}
#Encart1 img, #Encart2 img, #Encart3 img{
vertical-align:text-top;
}
table
{
margin-left:auto;
margin-right:auto;
}
/*---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:950px;
height:30px;
margin:-30px auto 0;
background:#b2b2b2;
}
#creationweb{
position:absolute;
left:0;
top:5px;
height:30px;
}
#footer #creationweb a{
text-decoration:none;
display:block;
font:bold 10px Verdana, Geneva, sans-serif;
color:#fff;
margin:4px 0 0;
}
#footer #creationweb a:hover{
text-decoration:underline;
color:#fff;
}