/***************** 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: #000 url(../images/charte/bg-body.jpg) center top no-repeat fixed;
}
/***************** INTRO *****************/
#containerIntro {
	position:absolute;
	z-index:5;
	width:990px;
	height:590px;
	left:50%;
	top:50%;
	margin-left:-495px;
	margin-top:-295px;
	background: url(../images/charte/bg-container.jpg) center top no-repeat;
}
#containerIntroFlash {
	position:absolute;
	z-index:10;
	width:990px;
	height:590px;
}
#containerIntroEntrer {
	position:absolute;
	z-index:50;
	width:990px;
	height:590px;
}
/***************** CONTAINER *****************/
#container {
	position:relative;
	width:990px;
	margin:0 auto;
	background:url(../images/charte/bg-container.png) center top repeat-y; 
	_background:url();
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/charte/bg-container.png", sizingMethod="scale");
}
/***************** HOME *****************/
#contenuHomeDelimitation {
	position:relative;
	width:510px;
	height:425px;
}
#contenuHome {
	position:absolute;
	top:0;
	left:65px;
	width:510px;
	height:226px;
	font:14px Arial, Helvetica, sans-serif;
	color:#68380e;
	text-align:justify;
}
#contenuHome h1 {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#ae5e17;
	margin:0 0 15px 0;
}
#homeNews {
	position:absolute;
	top:238px;
	left:60px;
	width:504px;
	height:170px;
	background:url(../images/charte/bg-home-actu.png) center top repeat-y; 
	_background:url();
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/charte/bg-home-actu.png", sizingMethod="scale");
}
#homeNewsTexte {
	position:absolute;
	top:48px;
	left:19px;
	width:470px;
	height:80px;
	font:14px Arial, Helvetica, sans-serif;
	color:#9a4408;
	text-align:justify;
	overflow: hidden;
}
#homeNewsTexte a{
	color:#000;
	text-decoration:underline;
}
#homeNewsTexte a:hover{
	color:#9a4408;
}
#homePhotosFlash {
	position:absolute;
	top:0px;
	right:68px;
	width:302px;
	height:406px;
}
/***************** HEADER *****************/
#header {
	position:relative;
	width:990px;
	height:371px;
	margin:0 auto;
	background:url(../images/charte/bg-header.png) center top no-repeat; 
	_background:url();
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/charte/bg-header.png", sizingMethod="crop");
}
#menuTop {
	position:absolute;
	bottom:0;
	left:0;
	width:990px;
	height:166px;
}
/***************** CONTENU *****************/
#contenu {
	float:left;
	width:860px;
	padding:0 65px 10px 65px;
}
#sousrubrique {
	position:relative;
	float:left;
	display:inline;
	margin:0 70px;
	width:254px;
	height:146px;
}
#fondsousrubrique {
	position:absolute;
	z-index:20;
	top:0;
	left:0;
	width:164px;
	height:64px;
	padding:82px 26px 0 64px;
	background:url(../images/charte/bg-sousrubrique.png) center top no-repeat; 
	_background:url();
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/charte/bg-sousrubrique.png", sizingMethod="crop");
	color:#68380e;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-align:center;
}
#boutonsousrubrique {
	position:absolute;
	z-index:30;
	top:0;
	left:0:
	width:254px;
	height:146px;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer {
	clear:both;
}
#clearFooter {
	height:0;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer {
	position:relative;
	clear:both;
	width:990px;
	height:205px;
	margin:0 auto;
	background:url(../images/charte/bg-footer.png) center top no-repeat; 
	_background:url();
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/charte/bg-footer.png", sizingMethod="crop");
}
#adresse {
	position:absolute;
	top:50px;
	left:98px;
	width:350px;
	color:#844300;
	font:14px Arial, Helvetica, sans-serif;
}
#tel {
	position:absolute;
	top:98px;
	left:98px;
	width:350px;
	color:#fff;
	font:16px Arial, Helvetica, sans-serif;
	text-align:center;
	margin-left: 30px;
}
#horaires {
	position:absolute;
	top:50px;
	left:542px;
	width:350px;
	color:#844300;
	font:14px Arial, Helvetica, sans-serif;
}
#liens {
	position:absolute;
	bottom:10px;
	right:0;
	margin-top: 20px;
}#contenuHome h5 {
	color:#ae5e17;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.6em;
	font-weight: bold;
}