/***************** 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: #690e00 url(../images/charte/bg-body.jpg) center top no-repeat fixed;
}
/***************** CONTAINER *****************/
#container {
	position:relative;
	width:968px;
	margin:0 auto;
	}
/***************** HEADER *****************/
#header {
	position:relative;
	width:968px;
	margin:0 auto;
	height:329px;
	z-index:10;
}
#menutopFlash {
	top:0;
	left:0;
	z-index:1;
	width:968px;
	height:329px;
	/*obligatoire si il y a un flash (firefox)*/
	display:block;
	outline:0;
}
/***************** MENU TOP *****************/
#menuTop {
	z-index:100;
	position:absolute;
	top:217px;
	left:0;
	width:968px;
	height:112px;
	list-style:none;
}
#menuTop li{
position:relative;
display:inline;
float:left;
}
#menuTop a{
	text-decoration:none;
	display:block;
	height:112px;
	width:88px;
	overflow:hidden;
	background: url(../images/charte/blank.gif) center top repeat;
}
#container #menuTop a:hover,
#container #menuTop a.trigered,
#container #menuTop a.rubrique_active{
	background-position:left bottom;
}

#menuTop a span{
	display:none;
}
#menuTop li.bt1{margin:0 0 0 31px;}
#menuTop li.bt2{margin:0 0 0 9px;}
#menuTop li.bt3{margin:0 0 0 9px;}
#menuTop li.bt4{margin:0 0 0 9px;}
#menuTop li.bt5{margin:0 0 0 53px;}
#menuTop li.bt6{margin:0 0 0 9px;}
#menuTop li.bt7{margin:0 0 0 9px;}
#menuTop li.bt8{margin:0 0 0 9px;}
#menuTop li.bt9{margin:0 0 0 9px;}
/***************** SOUS MENU *****************/
#menuTop li ul {
	list-style:none;
	position:absolute;
	top:-6000px;
	left:0;
	background:#f0b266;
	width:160px;
}
#menuTop li li {
	float:none;
	width:160px;
}
#menuTop li li.titre {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:5px;
	width:150px;
}
#container #menuTop li li a {
	background:none;
	width:150px;
	position:relative;
	height:15px;
	font:12px/15px Arial, Helvetica, sans-serif;
	text-transform:none;
	color:#b10015;
	text-decoration:none;
	margin:5px;
	text-align:center;
}
#container #menuTop li li a:hover {
	background:#ed913f;
}
/***************** MENU LEFT *****************/
#coordonnees {
	float:left;
	position:relative;
	display:inline;
	width:251px;
	height:152px;
	margin:0 0 0 14px;
	padding:72px 0 0 0;
	background: url(../images/charte/bg-encart-contact.jpg) center top no-repeat;
	color:#d05b10;
	font:13px Georgia, "Times New Roman", Times, serif;
	text-align:center;
}
#coordonnees .titre{
	font:15px Georgia, "Times New Roman", Times, serif;
}
#colLeft {
	float:left;
	position:relative;
	display:inline;
	width:280px;
}
#menuGauche {
	float:left;
	position:relative;
	display:inline;
	width:266px;
	margin:10px 0 0 14px;
	background: url(../images/charte/bg-colleft-menu-middle.gif) center top repeat-y;
}
#categorieTitre {
	float:left;
	position:relative;
	display:inline;
	width:236px;
	height:116px;
	font:18px/80px Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
	color:#fff;
	background: url(../images/charte/bg-colleft-menu-top.jpg) center top no-repeat;
	padding:0 0 0 30px;
}
#listeSousRubriques {
	float:left;
	position:relative;
	display:inline;
	width:196px;
	margin:0 0 10px 30px;
	color:#5d1803;
	list-style:none;
}
#listeSousRubriques li.titre{
	color:#fff;
	font-style:italic;
	margin:10px 0 0 0;
}
#listeSousRubriques li a{
	font:11px Georgia, "Times New Roman", Times, serif;
	color:#5d1803;
	padding:0 0 0 15px;
	background:url(../images/charte/bg-colleft-menu-puce.gif) center left no-repeat;
}
#listeSousRubriques li a:hover{
	color:#fff;
}
#categoriePhoto{
	float:left;
	position:relative;
	display:inline;
	margin:10px 0 0 13px;
}
#menuLeftFondBas{
	float:left;
	position:relative;
	display:inline;
	height:13px;
	width:266px;
	margin:0 0 0 14px;
	background:url(../images/charte/bg-colleft-menu-bottom.jpg) center top no-repeat;
}
/***************** HOME *****************/
#homeZoneAnimation {
	float:left;
	display:inline;
	position:relative;
	width:930px;
	height:342px;
	margin:20px 19px 0 19px;
	background:url(../images/charte/bg-home-animation.jpg) center top no-repeat;
	z-index:3;
}
#homeFlash {
	position:absolute;
	top:0;
	left:0;
	width:690px;
	height:342px;
	z-index:10;
}
#homePromotions {
	position:absolute;
	top:78px;
	right:32px;
	width:190px;
	height:155px;
	z-index:10;
	font:13px Georgia, "Times New Roman", Times, serif;
	color:#d05b10;
	text-align:justify;
	overflow: hidden;
}
#homePromotions a{
	font:12px Georgia, "Times New Roman", Times, serif;
	color:#b10015;
}
#homePromotions a:hover{
	color:#000;
}
#homeZoneBas {
	float:left;
	position:relative;
	display:inline;
	width:968px;
	margin:10px 0 0 0;
}
#homeZoneBasTexte {
	position:absolute;
	z-index:50;
	height:185px;
	width:648px;
	top:27px;
	right:34px;
}
#homeZoneBasTexte h1{
	color:#b10015;
	font:17px Georgia, "Times New Roman", Times, serif;
	margin:0 0 20px 0;
}
#homeZoneBasTexte p{
	color:#c46221;
	font:13px Georgia, "Times New Roman", Times, serif;
	margin:0 0 15px 0;
	text-align:justify;
}
/***************** CONTENU *****************/
#fondContainer {
	float:left;
	width:968px;
	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");
}
#contenu {
	float:left;
	position:relative;
	display:inline;
	width:655px;
	margin:10px 0 0 0;
}
#contenuTitre{
	float:left;
	position:relative;
	display:inline;
	margin:10px 0 0 0;
	height:80px;
	width:680px;
	background:url(../images/charte/bg-centre-titre-rubrique.jpg) left top no-repeat;
	color:#5d1803;
	font:16px/80px Georgia, "Times New Roman", Times, serif;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer {
	clear:both;
}
#clearFooter {
	height:0px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer {
	position:relative;
	clear:both;
	width:968px;
	height:40px;
	margin:0 auto;
	padding:60px 0 0 0;
	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");
}