/***************** BODY *****************/
*{
	margin:0;
	padding:0;
}
body,html{
	height:100%;
	overflow:hidden;
}
body{min-width:990px;}

/*body#jour{background:#fff url(../images/charte/bg-body-hugue.jpg) center bottom no-repeat;}*/
body#jour{background:#fff url(../images/charte/bg-body-jour.jpg) center bottom no-repeat;}
body#nuit{background:#000 url(../images/charte/bg-body-nuit.jpg) center bottom no-repeat;}

/***************** CONTAINER *****************/
#container{
	position:relative;
	height:100%;
	width:100%;
	/*background: url(../images/charte/bg-container.gif) center top repeat-x;*/
	font-family:Arial, Helvetica, sans-serif;
}
#container2{
	position:relative;
	z-index:30;
	width:100%;
	margin:0 auto;
}
#upline {
	width:640px;
	height:17px;
	background: #FFF url(../images/charte/bg-upline.jpg) -2px 6px no-repeat;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-480px;
	padding-left:300px;
	padding-right:20px;
	z-index:20;
}
#upline p{
	font:10px Arial, Helvetica, sans-serif;
	color:#999999;
	margin-right:20px;
	text-align:center;
	
}
#container2 a:link, #container2 a:visited{
	text-decoration:none;
	color:#FF9900;
}
#container2 a:hover, #container2 a:active{
	color:#666666;
	text-decoration:none;
}
/***************** HEADER *****************/
#header{
	position:absolute;
	z-index:20;
	left:50%;
	margin-left:-480px;
	margin-top:17px;
	top:0;
	width:960px;
	height:190px;
	background:url(../images/charte/bg-header.png) left top no-repeat;
}

/***************** LIEN LOGO */
#header a#logo{
	text-decoration:none;
	position:absolute;
	display:block;
	left:0;
	top:0px;
	width:250px;
	height:78px;
}

/***************** MENU GAUCHE */
#header #menuLeft{
	list-style:none;
	position:absolute;
	left:0;
	top:116px;
	width:250px;
	height:22px;
}
#header #menuLeft li{float:left;}
#header #menuLeft li a{
	text-decoration:none;
	display:block;
	height:22px;
	background:left top no-repeat;
}
#header #menuLeft li a span{display:none;}
#header #menuLeft li.bt1 {width:82px;}
#header #menuLeft li.bt2 {width:82px;}
#header #menuLeft li.bt3 {width:86px;}
#header #menuLeft li.bt1 a{background:url(../images/charte/bt-01.gif);}
#header #menuLeft li.bt2 a{background:url(../images/charte/bt-02.gif);}
#header #menuLeft li.bt3 a{background:url(../images/charte/bt-03.gif);}
#header #menuLeft li a:hover{background-position:left bottom;}

/***************** MENU DROITE */
#header #menuRight{
	list-style:none;
	position:absolute;
	right:0;
	width:434px;
	height:45px;
}
#header #menuRight li{
	font:10px Arial, Helvetica, sans-serif;
	float:left;
	/*color:#000;*/
}
#header #menuRight li span{
visibility:hidden;
}


#header #menuRight li#lang a{margin-right:15px;}
#header #menuRight li a{
	float:left;
	text-decoration:none;
	display:block;
	height:30px;
	/*color:#000;
	padding:0 3px;*/
}
/*#header #menuRight li a:hover{ background:bottom left;}*/
#header #menuRight a:hover{
	background-position:bottom left;
}

#menuRight li.bt01 a {background:url(../images/charte/bt01.jpg) top left no-repeat; width:125px; height:30px;}
#menuRight li.bt02 a {background:url(../images/charte/bt02.jpg) top left no-repeat; width:105px; height:30px;}
#menuRight li.bt03 a {background:url(../images/charte/bt03.jpg) top left no-repeat; width:109px; height:30px;}
#menuRight li.bt04 a {background:url(../images/charte/bt04.jpg) top left no-repeat; width:91px; height:30px;}

/***************** COL LEFT *****************/
#colLeft{
	position:absolute;
	list-style:none;
	z-index:20;
	left:50%;
	margin-left:-473px;
	top:127px;
	width:240px;
	height:30%;
	overflow:auto;
	outline:none;
}
#titre{
	position:absolute;
	z-index:30;
	left:50%;
	margin-left:-473px;
	top:150px;
	width:220px;
	height:36px;
}
#colLeftTexte{
	position:relative;
	padding:36px 10px 0 0;
}
#nosactus{
	position:absolute;
	z-index:30;
	left:50%;
	margin-left:-473px;
	top:400px;
	width:215px;
	height:25px;
	text-align:right;
}
#nosactus a{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#fe6800;
	text-decoration:none;
}
#nosactus a:hover{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#fe6800;
	text-decoration:underline;
}

/***************** MENU LEFT *****************/
#menuLeft{
	position:absolute;
	list-style:none;
	z-index:20;
	left:50%;
	margin-left:-475px;
	top:110px;
	width:240px;
}
#menuLeft li a span{visibility:hidden;}
#menuLeft li a{
	text-decoration:none;
	background:#d7e1a5;
	font:bold 11px/34px Arial, Helvetica, sans-serif;
	height:34px;
	color:#7d8a2e;
	display:block;
}
#container #menuLeft li a:hover,
#container #menuLeft li a.rubrique_active{
	background-position:top right;
}
#menuLeft li.bt1 a{background:url(../images/charte/btn-01.png) top left no-repeat;}
#menuLeft li.bt2 a{background:url(../images/charte/btn-02.png) top left no-repeat;}
#menuLeft li.bt3 a{background:url(../images/charte/btn-03.png) top left no-repeat;}
#menuLeft li.bt4 a{background:url(../images/charte/btn-04.png) top left no-repeat;}
#menuLeft li.bt5 a{background:url(../images/charte/btn-05.png) top left no-repeat;}
#menuLeft li.bt6 a{background:url(../images/charte/btn-06.png) top left no-repeat;}


/***************** SOUS MENU */
#menuLeft li ul{
	list-style:none;
	display:none;
}
#menuLeft li ul.javascriptOk{
	display:block;
}
#container #menuLeft li ul li a{
	background:none;
	border:none;
	text-decoration:none;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	height:14px;
	color:#fd8821;
	display:block;
	text-align:left;
	padding:2px 0 2px 70px;
}
#container #menuLeft li ul li a:hover,
#container #menuLeft li ul li a.rubrique_active{
	text-decoration:underline;
	color:#fe6800;
	background:none;
}


/***************** CONTENU *****************/
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{clear:both;}


/***************** FOOTER *****************/
#footer{
	position:relative;
	z-index:15;
	clear:both;
	width:960px;
	height:50px;
	margin:-50px auto 0;
}
#footerFlash2 {
position:absolute;
bottom:50px;
left:50%;
margin-left:-212px;
z-index:200;
height:180px;
width:690px;
}
#footerFlash3 {
position:absolute;
bottom:50px;
left:50%;
margin-left:-212px;
z-index:200;
height:180px;
width:690px;
}


body#jour #footer{/*background:url(../images/charte/bg-footer-jour.jpg) 268px bottom no-repeat;*/}
body#nuit #footer{background:url(../images/charte/bg-footer-nuit.jpg) 271px bottom no-repeat;}

#footerFlash{
	position:relative;
	width:690px;
	height:180px;
	/*left:267px;*/
	display:block;
	outline:none;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}


/***************** STYLE FOOTER *****************/
#footer ul{
	list-style:none;
	position:absolute;
	left:56px;
	top:0px;
}
#footer ul li{
	font:10px Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
	padding:0 3px 0 0;
}
#footer a:link, #footer a:visited{
	text-decoration:none;
	color:#fff;
}
#footer a:hover, #footer a:active{
	text-decoration:underline;
	color:#fff;
}