/***************** BODY *****************/
* {/*---on passe toutes les marges à 0---*/margin:0;padding:0;}
body, html {	height:100%;}
body{background: #191919 url(../images/charte/bg-body.jpg) center top no-repeat fixed;font-family:"Century Gothic", Arial, sans-serif;}

/***************** CONTAINER *****************/
#container {position:relative;min-height:100%;width:100%;background: transparent url(../images/charte/bg_header.png) center top no-repeat;}
#container-interne {position:relative;width:990px;margin:0 auto;}

/***************** HEADER *****************/
#header {float:left;position:relative;display:inline;width:990px;height:131px;}
#headerFlash {position:absolute;z-index:1;width:990px;height:131px;/*obligatoire si il y a un flash (firefox)*/display:block;outline:0;}
#homeFlash {float:left;position:relative;display:inline;width:970px;height:330px;/*obligatoire si il y a un flash (firefox)*/display:block;outline:0;}

/***************** MENU TOP *****************/
#headerMenu {bottom:0;display:inline;right:0;position:absolute;z-index:50;}
#menuTop {display:inline;list-style:none;z-index:50}
#menuTop li {position:relative;float:left;width:auto;}
#menuTop a {	text-decoration:none;font:bold 12px/30px "Century Gothic", Arial, sans-serif;color:#00488b;text-align:center;display:block;float:left;height:30px;overflow:hidden;padding-left:30px;width:auto;text-transform:uppercase;}
#container #menuTop a:hover, #container #menuTop a.trigered, #container #menuTop a.rubrique_active {color:#ffffff;}

/**************** MENU PHOTO  *****************/
#menuPhoto{float:left;position:relative;display:inline;width:990px;height:auto;height:350px;margin-top:24px;background:#000000 url(../images/charte/bg-photo.jpg) center top no-repeat;}
#menuPhoto .photo{position:absolute;top:10px;left:10px;width:970px;height:330px;}
#menuPhoto .barre{position:absolute;top:10px;left:10px;width:970px;height:330px;background:transparent url(../images/charte/ombre_photo.png) center top no-repeat;}
.menuPhoto{position:absolute;top:12px;left:150px;width:auto;height:50px;list-style:none;}
.menuPhoto li {position:relative;float:left;width:auto;width:auto;padding-right:54px;}
.menuPhoto li a{display:block;line-height:55px;font-weight:bold;height:50px;background:transparent url(../images/charte/bg-menu_photo.png) no-repeat;text-decoration:none;text-transform:uppercase;font-size:12px;color:#FFFFFF;}
.menuPhoto li a span.mot{margin-left:34px;}
.menuPhoto li a span.lettre{display:none;}

.menuPhoto li a.bt1{background-position: 0px 0px;}
.menuPhoto li  a.bt2{background-position: -140px 0px;}
.menuPhoto li  a.bt3{background-position: -348px 0px;}
.menuPhoto li  a.bt4{background-position: -560px 0px;}

.menuPhoto li a:hover{background:transparent url(../images/charte/bg-menu_photo_hover.png) no-repeat left 0px;}
.menuPhoto li a:hover{color:#5099dd;text-decoration:none;}
.menuPhoto li a:hover.bt1{background-position: 0px 0px;}
.menuPhoto li  a:hover.bt2{background-position: -140px 0px;}
.menuPhoto li  a:hover.bt3{background-position: -348px 0px;}
.menuPhoto li  a:hover.bt4{background-position: -560px 0px;}
/***************** CONTENU *****************/
#contenu {float:left;position:relative;display:inline;width:990px;}
#contenu #encart{display:block;text-align:justify;width:990px;}
#contenu #encart-top{padding:15px 24px 25px;float:left;position:relative;display:inline;background:transparent url(../images/charte/bg-contenu_01.png) top left repeat-y;width:942px;}
#contenu #encart-bottom{padding-top:18px;width:990px;text-align:center;float:left;background:transparent url(../images/charte/bg-contenu_02.png) top left repeat-x;}
#contenu #encart-top #enc-left{width:455px;display:block;float:left;}
#contenu #encart-top #enc-right{width:455px;display:block;float:right;}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer {clear:both;}
#clearFooter {height:90px;/*90--- = à la hauteur du footer ---*/}
/***************** FOOTER *****************/
/*#footer { position:relative; clear:both;height:90px; margin: -90px 0 0 0; width:100%; background: url(../images/charte/bg-footer.png) center bottom no-repeat; } 
#footer .content{width:990px; height: 90px; margin:0 auto;text-align:center;} 
#footer #preFooter{width:970px; height: 50px; margin:0 auto;text-align:center;} 
#footer #preFooter p{font:normal 12px Verdana, Helvetica, sans-serif;color:#000000;margin-top:15px;} 
#footer p.links { font-size:10px; color:#2b2b2b; float:right; display:inline; margin:10px 0 0 0; } 
*/
#footer { position:relative; clear:both; margin: -90px 0 0 0; width:100%; height:90px; background: url(../images/charte/bg-footer.png) center bottom no-repeat; } 
#footer .content{width:990px; height: 90px; margin:0 auto; } 
#footer #preFooter{width:970px; height: 50px; margin:0 auto;text-align:center;} 
#footer #preFooter p{
	margin-top:10px;
	color:#575757;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
} 
#footer p.links {
	color:#999;
	float:right;
	display:inline;
	margin:5px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
} 
#footer a:link, #footer a:visited{
	text-decoration:none;
	color:#999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
} 
#footer a:hover, #footer a:active{ text-decoration:underline; color:#ffffff; }
/***************** STYLE GLOBAUX *****************/
a img{border:none;}
a:active, a:focus{outline:none;}
/***************** STYLE CONTENU *****************/
#contenu h1{font:bold 12px Verdana, Helvetica, sans-serif;color:#175fb8;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase;height:44px;line-height:44px;}
#contenu h2{font:bold 14px Arial, Helvetica, sans-serif;color:#ffffff;letter-spacing:1px;margin:0 0 7px;}
#contenu p{font:normal 12px Verdana, Helvetica, sans-serif;text-align:justify;color:#666;margin-bottom:1.2em;}
#contenu p strong{font:bold 12px Verdana, Helvetica, sans-serif;color:#ffffff;}
#contenu p.blue, span.blue{font:bold 13px Verdana, Helvetica, sans-serif;color:#175FB8;}
#contenu p.white, span.white{font:normal 12px Verdana, Helvetica, sans-serif;color:#ffffff;}
#contenu #encart-bottom p{height:32px;text-align:center;margin-bottom:0;}
#contenu a:link, #contenu a:visited{font:bold 13px Arial, Helvetica, sans-serif;text-decoration:underline;color:#ffffff;}
#contenu a:hover, #contenu a:active{color:#8a8a8a;}