/***************** 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: transparent url(../images/charte/bg_body.jpg) center top fixed no-repeat;}
/***************** CONTAINER *****************/
#container {	position:relative;width:990px;margin:0 auto;}
/***************** HEADER *****************/
#header {float:left;	position:relative;display:inline;width:990px;height:200px;background: url(../images/charte/bg_header.png) center top no-repeat;}
#headerFlash {float:left;position:absolute;display:inline;width:355px;height:156px;top:44px;left:33px;/*obligatoire si il y a un flash (firefox)*/display:block;outline:0;}
/***************** MENU TOP *****************/
#menuTop {float:left;position:absolute;display:inline;z-index:10;width:545px;height:105px;bottom:0px;right:33px;list-style:none;z-index:10;}
#menuTop li {float:left;position:relative;}
#menuTop li a {display:block;height:105px;font:normal 14px/20px Georgia, Georgia, sans-serif;color:#000000;text-decoration:none;background: url(../images/charte/bg_menu_repos.png) left top no-repeat;}
#menuTop li a:hover {color:#a04611;text-decoration:none;background: url(../images/charte/bg_menu_actif.png) left top no-repeat;}
#menuTop li a  span{display:none;}

#menuTop .bt1 a,#menuTop .bt1 a:hover{width:84px;background-position:0px 0px;}
#menuTop .bt2 a,#menuTop .bt2 a:hover {width:100px;background-position:-84px 0px;}
#menuTop .bt3 a,#menuTop .bt3 a:hover {width:85px;background-position:-184px 0px;}
#menuTop .bt4 a,#menuTop .bt4 a:hover {width:89px;background-position:-269px 0px;}
#menuTop .bt5 a,#menuTop .bt5 a:hover {width:99px;background-position:-358px 0px;}
#menuTop .bt6 a,#menuTop .bt6 a:hover {width:88px;background-position:-457px 0px;}

/***************** CONTENU *****************/
#contenu {float:left;position:relative;display:inline;width:960px;padding:0 15px;background: url(../images/charte/bg_container.png) left top repeat-y;}

#contenu #contenu-left{display:inline;float:left;padding-bottom:20px;padding-top:20px;position:relative;width:292px;}
#contenu #contenu-left #vente{background:transparent url(../images/charte/bg_vente.png) no-repeat left top;
display:block;height:248px;margin-left:20px;width:252px;}
#contenu #contenu-left #presta{background:transparent url(../images/charte/bg_presta.png) repeat-y scroll left top;
display:block;height:206px;margin-left:20px;margin-top:20px;width:252px;}

#contenu #contenu-left h3{font:normal 15px Georgia, Helvetica, sans-serif;color:#729dcb;padding-top:15px;display:block;width:100%;text-align:center;}
#contenu #contenu-left ul{list-style:none;width:240px;margin-left:6px;}
#contenu #contenu-left ul li a{display:block;width:240px;height:48px;background:yellow;}
#contenu #contenu-left ul li a span{display:none;}

#contenu #contenu-left #vente #menuLeftVente{margin-top:24px;}
#contenu #contenu-left #vente #menuLeftVente li a {display:block;font:normal 14px/20px Georgia, Georgia, sans-serif;color:#000000;text-decoration:none;background: url(../images/charte/menu_vente_repos.jpg) left top no-repeat;}
#contenu #contenu-left #vente #menuLeftVente li a:hover {color:#a04611;text-decoration:none;background: url(../images/charte/menu_vente_actif.jpg) left top no-repeat;}
#contenu #contenu-left #vente #menuLeftVente .bt1 a,#contenu #contenu-left #vente #menuLeftVente .bt1 a:hover{height:51px;background-position:0px 0px;}
#contenu #contenu-left #vente #menuLeftVente .bt2 a,#contenu #contenu-left #vente #menuLeftVente .bt2 a:hover {height:51px;background-position:0px -51px;}
#contenu #contenu-left #vente #menuLeftVente .bt3 a,#contenu #contenu-left #vente #menuLeftVente .bt3 a:hover {height:51px;background-position:0px -102px;}


#contenu #contenu-left #presta #menuLeftPresta{margin-top:24px;}
#contenu #contenu-left #presta #menuLeftPresta li a {margin-bottom:6px;display:block;font:normal 14px/20px Georgia, Georgia, sans-serif;color:#000000;text-decoration:none;background: url(../images/charte/menu_presta_repos.jpg) left top no-repeat;}
#contenu #contenu-left #presta #menuLeftPresta li a:hover {color:#a04611;text-decoration:none;background: url(../images/charte/menu_presta_actif.jpg) left top no-repeat;}
#contenu #contenu-left #presta #menuLeftPresta .bt1 a,#contenu #contenu-left #presta #menuLeftPresta .bt1 a:hover{background-position:0px 0px;}
#contenu #contenu-left #presta #menuLeftPresta .bt2 a,#contenu #contenu-left #presta #menuLeftPresta .bt2 a:hover {background-position:0px -54px;}


#contenu #contenu-right{display:inline;float:left;padding-bottom:20px;padding-top:20px;position:relative;width:629px;padding-left:10px;padding-right:29px;}
#contenu #contenu-right #content{width:630px;display:block;float:left;position:relative;}
#contenu #contenu-right #content #content-top{position:relative;width:630px;display:block;height:10px;float:left;background: url(../images/charte/bg_content_top.jpg) left top no-repeat;}
#contenu #contenu-right #content #content-bottom{position:relative;width:630px;display:block;height:10px;float:left;background: url(../images/charte/bg_content_bottom.jpg) left top no-repeat;}
#contenu #contenu-right #content #content-middle{position:relative;width:590px;float:left;padding-left:20px;padding-right:20px;display:block;height:auto;background: url(../images/charte/bg_content_middle.jpg) left top repeat-y;padding-bottom:1.2em;padding-top:1.2em;}

#contenu #content #content-middle img{margin:0;margin-right:0px;}
#contenu #content #content-middle #homeFlash{float:right;position:relative;display:inline;width:285px;height:325px;/*obligatoire si il y a un flash (firefox)*/display:block;outline:0;margin:0 0 10px 10px;}
#diapoFlash {position:absolute;top:23px;left:14px;width:262px;height:250px;}

#contenu #content #content-middle .pre-footer{font:normal 11px Georgia, Helvetica, sans-serif;text-align:justify;color:#7fb0e3;}

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer {clear:both;}
#clearFooter {}
/***************** FOOTER *****************/
#footer {position:relative;clear:both;width:960px;padding:0px 15px;height:160px;margin:0px auto;background: url(../images/charte/bg_footer.png) left top no-repeat;}
#footer p{font:10px/30px Georgia, Helvetica, sans-serif;color:#0e1b35;text-align:right;}
#footer a:link, #footer a:visited{text-decoration:none;color:#0e1b35;}
#footer a:hover, #footer a:active{text-decoration:underline;color:#0e1b35;}
#footer span, #footer strong{display:block;}
#footer .adresse{text-align:center;display:block;padding-top:50px;height:85px;font:normal 14px Georgia, Helvetica, sans-serif;}
#footer span.fonce{color:#23448f;}
#footer span.clair{color:#2d75c1;}
/***************** STYLE GLOBAUX *****************/
a img{border:none;}
a:active, a:focus{outline:none;}
/***************** STYLE CONTENU *****************/
#contenu h1{font:bold 16px Georgia, Helvetica, sans-serif;color:#2d75c1;letter-spacing:1px;margin:0 0 12px;}
#contenu h2{font:bold 15px Georgia, Helvetica, sans-serif;color:#729DCB;letter-spacing:1px;margin:0 0 7px;}
#contenu p{font:normal 14px/1.2em Georgia, Helvetica, sans-serif;text-align:justify;color:#383838;margin-bottom:1.2em;}
#contenu p em{font-weight:bold;font-size:14px;line-height:1.3em;}
#contenu p.couleur, span.couleur{font-weight:bold;color:#2d75c1;}
#contenu a:link, #contenu a:visited{font-weight:normal;text-decoration:underline;color:#2d75c1;}
#contenu a:hover, #contenu a:active{color:#23448F;}