/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis style.css.
 */

/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont à 0---*/
	margin:0;
	padding:0;
}

body,html{
	height:100%;/*---obligatoire pour le footer---*/
	scrollbar-base-color:#fff;
}

body{
	background:#112f81;
	font: 70% Arial, Helvetica, sans-serif;
	background:#adcad9 url(../images/charte/bg-body.jpg) repeat-x left top;
}

#container{ 
	position: relative;/*---obligatoire pour le footer---*/
	min-height:100%; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:100%;/*---obligatoire pour le footer:IE---*/
	width:1003px;
	margin:0 auto;
	background:url(../images/charte/bg-page-y.gif) repeat-y scroll left top;
}

#header{
	width:1003px;
	height:174px;
	background-image:url(../images/charte/header.jpg);
}


/*-----------------------------Menu----------------------------------------------*/
#menuTop{
	position:relative;
	z-index:10;
	width:1003px;
	height:39px;
list-style-type:none;
}



#menuTop li{
	position:relative;
	height:39px;
	float:left;
}

#menuTop li a{
	display:block;
	height:39px;
}

#menuTop li a span{
	display:none;
}

#menuTop li.bt01 a{
	width:80px;
	background-image:url(../images/charte/btn-01.gif);
}
#menuTop li.bt01-off a{
	width:80px;
	background-image:url(../images/charte/btn-01-off.gif);
}
#menuTop li.bt02 a{
	width:111px;
	background-image:url(../images/charte/btn-02.gif);
}
#menuTop li.bt02-off a{
	width:111px;
	background-image:url(../images/charte/btn-02-off.gif);
}
#menuTop li.bt03 a{
	width:127px;
	background-image:url(../images/charte/btn-03.gif);
}
#menuTop li.bt03-off a{
	width:127px;
	background-image:url(../images/charte/btn-03-off.gif);
}
#menuTop li.bt04 a{
	width:132px;
	background-image:url(../images/charte/btn-04.gif);
}
#menuTop li.bt04-off a{
	width:132px;
	background-image:url(../images/charte/btn-04-off.gif);
}
#menuTop li.bt05 a{
	width:76px;
	background-image:url(../images/charte/btn-05.gif);
}
#menuTop li.bt05-off a{
	width:76px;
	background-image:url(../images/charte/btn-05-off.gif);
}
#menuTop li.bt06 a{
	width:112px;
	background-image:url(../images/charte/btn-06.gif);
}
#menuTop li.bt06-off a{
	width:112px;
	background-image:url(../images/charte/btn-06-off.gif);
}
#menuTop li.bt07 a{
	width:75px;
	background-image:url(../images/charte/btn-07.gif);
}
#menuTop li.bt07-off a{
	width:75px;
	background-image:url(../images/charte/btn-07-off.gif);
}
#menuTop li.bt08 a{
	width:123px;
	background-image:url(../images/charte/btn-08.gif);
} 
#menuTop li.bt08-off a{
	width:123px;
	background-image:url(../images/charte/btn-08-off.gif);
}
#menuTop li.bt09 a{
	width:80px;
	background-image:url(../images/charte/btn-09.gif);
}
#menuTop li.bt09-off a{
	width:80px;
	background-image:url(../images/charte/btn-09-off.gif);
}
#menuTop li.bt10 a{
	width:87px;
	background-image:url(../images/charte/btn-10.gif);
}
#menuTop li.bt10-off a{
	width:87px;
	background-image:url(../images/charte/btn-10-off.gif);
}

#menuTop li a:hover{
	background-position:bottom;
}

/*-----------------------------sous-menu---------------------------------------------*/
#menuTop li ul{
list-style:none;
position:absolute;
width:179px;
top:-6000px;
left:0;
margin-top:33px;
background-color:#0099FF;
}
#menuTop li li{
float:none;
height:auto;
}
#container #menuTop li li a{
background:none;
background-color:#0099FF;
width:169px;
position:relative;
text-align:left;
font: 12px/15px Arial, Helvetica, sans-serif;
color:#fff;
height:auto;
margin:5px;
text-decoration:none;

}
#container #menuTop li li a:hover{
background-color:#0066FF;
text-decoration:underline;
}
/*-----------------------------Fin Menu----------------------------------------------*/

#contenu{
	position:relative;
	width:963px;
	min-height:250px;
	height:auto ;!important height:250px;	
	font-size:1em;
	line-height:1.3em;
	text-align:justify;
	color: #4e6f80;
	background:url(../images/charte/bg-contenu.jpg) no-repeat scroll center top;
	padding:20px 20px 56px 20px;
}
#contenu a:link, #contenu a:visited{
	text-decoration:underline;
	color:#455a99;
}
#contenu a:hover, #contenu a:active{
	text-decoration:none;
	color:#455a99;
}
#contenu h3 a:link, #contenu h3 a:visited{
	text-decoration:none;
}
#contenu h3{
	font-size:1.3em;
}
#contenu p{
	margin-bottom:0.7em;
}
#contenu p.couleur, #contenu span.couleur{
	color:#FF9900;
}
#contenu img{
	border:0px;
}

#contenu a img{
filter: alpha(opacity=100);
-moz-opacity: 1.00;
 opacity:1.00;
 }

#contenu a:hover img{
filter: alpha(opacity=80);
-moz-opacity: 0.70;
 opacity:0.70;
 }

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


/***************** FOOTER *****************/
#footer{
	position:relative;
	width:100%;
	height:56px;
	margin:-56px auto 0 auto;
	clear:both;
	background:url(../images/charte/bg-footer-x.gif) repeat-x top right;
}
#footer2{
	width:1003px;
	height:16px;
	margin:0 auto 0 auto;
	background:url(../images/charte/bg-footer.jpg) no-repeat top right;
	color:#1a82c8;
	padding:30px 0 0 0;
	text-align:center;
}


#footer2 a:link,#footer2 a:visited{
	text-decoration:none;
	color:#1a82c8;
}
#footer2 a:hover{
	text-decoration:underline;
	color:#47d8fc6;
}

.adresse{
	color:#374a82;
}