/***************** 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:#64b3f6 url(../images/charte/bg-body.jpg) center top repeat-x;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:980px;
margin:0 auto;
background: url(../images/charte/bg-container.jpg) center top repeat-y;
}
/***************** HEADER *****************/
#header{
width:980px;
height:209px;
}

#headerFlash{
	float:left;
	width:980px;
	height:209px;
	/*obligatoire si il y a un flash (firefox)*/
	display:block;
	outline:0;
}
#headerLiens{
position:absolute;
top:5px;
right:8px;
color:#77c3fa;
font:11px Arial, Helvetica, sans-serif;
}
#headerLiens a{
color:#77c3fa;
font:11px Arial, Helvetica, sans-serif;
text-decoration:none;
margin:0 2px;
}
#headerLiens a:hover{
color:#fff;
}
/***************** MENU LEFT *****************/
#colLeft{
	float:left;
	width:206px;
	list-style:none;
	background: url(../images/charte/bg-menuleft.jpg) center top no-repeat;
	padding:23px 0;
}
#menuLeft, #menuLeft2{
	float:left;
	width:206px;
	list-style:none;
	background:url(../images/charte/bg-menuleft-bloc-haut.png) center top no-repeat; 
	_background:url(../images/charte/bg-menuleft-bloc-haut.gif) right top no-repeat; 
}
#menuLeft li.Titre, #menuLeft2 li.Titre{
	width:206px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	display:block;
	text-align:center;
	margin:11px 0;
}
#menuLeft li a, #menuLeft2 li a{
	text-decoration:none;
	font:bold 11px/25px Arial, Helvetica, sans-serif;
	color:#ee5f00;
	display:block;
	padding:0 0 0 23px;
	height:25px;
	vertical-align:middle;
}
#menuLeft li.espace a, #menuLeft2 li.espace a{
	margin-top:10px;
}
#menuLeft li a:hover,
#menuLeft li a.rubrique_active,
#menuLeft2 li a:hover,
#menuLeft2 li a.rubrique_active{
	background:url(../images/charte/bg-menuleft-bloc-hover.gif) left top repeat-y;
}
#Fin, #Fin2{
	float:left;
	width:206px;
	height:14px;
	background:url(../images/charte/bg-menuleft-bloc-bas.png) center top no-repeat; 
	_background:url();
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/charte/bg-menuleft-bloc-bas.png", sizingMethod="crop");
	margin-bottom:10px;
}
/***************** MENU RIGHT *****************/
#menuRight{
	float:left;
	width:206px;
	list-style:none;
	background: url(../images/charte/bg-menuright.jpg) center top no-repeat;
	padding:23px 0;
}
#tarif{
	float:left;
	width:206px;
	height:145px;
	margin-bottom:10px;
}
#contact{
	float:left;
	width:206px;
	background: url(../images/charte/bg-menuright-contact-haut.jpg) left top no-repeat;
	text-align:center;
}
#contact .titre{
	width:206px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	display:block;
	margin:13px 0 178px 0;
}
#contact .nom{
	width:206px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#093a5c;
	display:block;
}
#contact .tel{
	width:206px;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#ee5f00;
	display:block;
}
#contact .adresse{
	width:206px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#717171;
	display:block;
	margin-bottom:10px;
}
#finContact{
	float:left;
	width:206px;
	height:15px;
	background: url(../images/charte/bg-menuright-contact-bas.jpg) left top no-repeat;
	margin-bottom:10px;
}
#agree{
	float:left;
	width:206px;
	margin-bottom:10px;
}
/***************** CONTENU *****************/
#contenu{
float:left;
width:568px;
padding:23px 0;
background: url(../images/charte/bg-contenu.jpg) center top no-repeat;
}
#FlashHome{
margin-bottom:20px;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:97px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:980px;
height:97px;
margin:-97px auto 0;
background: url(../images/charte/bg-footer.jpg) center top no-repeat;
text-align:center;
}
#ZoneFooter1{
width:980px;
height:31px;
float:left;
font:12px/35px Arial, Helvetica, sans-serif;
color:#18436d;
}
#footer #ZoneFooter1 .bold{
font-weight:bold;
}
#footer #ZoneFooter1 a{
color:#18436d;
}
#footer #ZoneFooter1 a:hover{
color:#000;
}
#ZoneFooter2{
width:980px;
height:31px;
float:left;
font:12px Arial, Helvetica, sans-serif;
color:#7b7b7b;
}
#footer #ZoneFooter2 .nom{
font-weight:bold;
color:#18436d;
}
#footer #ZoneFooter2 .tel{
font-weight:bold;
color:#ee5f00;
}
#footer #ZoneFooter3{
width:980px;
height:29px;
float:left;
font:12px/30px Arial, Helvetica, sans-serif;
color:#add9ff;
}
#footer #ZoneFooter3 a{
color:#add9ff;
}
#footer #ZoneFooter3 a:hover{
color:#fff;
}