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

#header a{
width:1004px;
height:164px;
}

#headerFlash{
	float:left;
	width:1004px;
	height:200px;
	/*obligatoire si il y a un flash (firefox)*/
	display:block;
	outline:0;
}
/***************** MENU LEFT *****************/
#colLeft{
	float:left;
	width:241px;
	background:url(../images/charte/bg-colleft.jpg) right top no-repeat;
}

#menuLeft{
	margin:35px 0 0 59px;
	float:left;
	width:182px;
	list-style:none;
	background:url(../images/charte/bg-menuleft.jpg) right top no-repeat;
	padding:40px 0 20px 0;
}

#menuLeft li a{
	text-decoration:none;
	font:13px/25px Arial, Helvetica, sans-serif;
	color:#fcd742;
	display:block;
	padding:0 0 0 20px;
	margin:0 2px;
}
#menuLeft li a:hover,
#menuLeft li a.rubrique_active{
	background:#494949;
	color:#fff;
}
/***************** SOUS MENU */
#menuLeft li ul{
	list-style:none;
}
#menuLeft li ul li a{
	background:none;
	border:none;
	text-decoration:none;
	font:13px/14px Arial, Helvetica, sans-serif;
	color:#fcd742;
	display:block;
	padding:2px 5px 2px 35px;
}
#menuLeft li ul li a:hover,
#menuLeft li ul li a.rubrique_active{
	background:#494949;
	color:#fff;
}
#menuLeftBas{
	margin:0 0 20px 59px;
	float:left;
	width:182px;
	height:27px;
	background:url(../images/charte/bg-menuleft-bas.jpg) right top no-repeat;
}
#contact{
	margin:0 0 20px 59px;
	font:bold 15px/20px Arial, Helvetica, sans-serif;
	color:#fcd742;
	float:left;
	width:182px;
	text-align:center;
}
#contact .adresse{
	font:13px/20px Arial, Helvetica, sans-serif;
	color:#000;
}
#email{
	font:13px/35px Arial, Helvetica, sans-serif;
	color:#000;
	height:40px;
	width:182px;
	background:url(../images/charte/bg-email.png) left top no-repeat; 
	_background:url();
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/charte/bg-email.png", sizingMethod="crop")
}
#email a{
	font:13px/20px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}
#email a:hover{
	color:#fcd742;
}
/***************** CONTENU *****************/
#contenu{
float:left;
width:666px;
background:url(../images/charte/bg-contenu.jpg) left top no-repeat;
padding:35px 75px 20px 22px ;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:257px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footerGeneral{
position:relative;
clear:both;
width:100%;
height:257px;
margin:-257px auto 0;
background: url(../images/charte/bg-footer-general.jpg) center bottom no-repeat;
}
#footer{
position:relative;
clear:both;
width:1004px;
height:257px;
margin:0 auto 0;
background: url(../images/charte/bg-footer.jpg) center bottom no-repeat;
}
#creationweb{
position:absolute;
left:40px;
bottom:0;
width:195px;
height:30px;
}
#footer #creationweb a{
text-decoration:none;
display:block;
font:10px/8px Arial, Helvetica, sans-serif;
color:#7e7f7f;
margin:4px 0 0;
}
#footer #creationweb a:hover{
text-decoration:none;
color:#fff;
}