/***************** 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:#d0bf9c url(../images/charte/bg-body.jpg) top left repeat-x;
}
#intro{
position:absolute;
width:970px;
height:550px;
left:50%;
top:50%;
margin-left:-485px;
margin-top:-275px;
background:#fff;
}


/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:960px;
margin:0;
background:scroll url(../images/charte/bg-container.jpg) center top repeat-y;
}
#container2{
position:relative;
min-height:100%;
width:960px;
margin:0;
background:scroll url(../images/charte/bg-container2.jpg) 226px 0 no-repeat;
}
/***************** HEADER *****************/
#header{
width:960px;
height:200px;
}

#headerFlash{
	float:left;
	width:960px;
	height:200px;
	/*obligatoire si il y a un flash (firefox)*/
	display:block;
	outline:0;
}

/***************** MENU TOP *****************/
#menuTopvisage{
position:relative;
z-index:10;
width:601px;
height:30px;
list-style:none;
float:right;
margin:10px 0;
}
#menuTopvisage li a span{
visibility:hidden;
}
#menuTopvisage li{
position:relative;
float:left;
}
#menuTopvisage a{
text-decoration:none;
font:bold 12px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
text-transform:uppercase;
display:block;
height:30px;
overflow:hidden;
}
#container #menuTopvisage a:hover,
#container #menuTopvisage a.trigered,
#container #menuTopvisage a.rubrique_active{
	background-position:bottom left;
}
#menuTopvisage li.bt1 a{background:url(../images/charte/bt-01.jpg) no-repeat; width:69px;}
#menuTopvisage li.bt2 a{background:url(../images/charte/bt-02.jpg) no-repeat; width:71px;}
#menuTopvisage li.bt3 a{background:url(../images/charte/bt-03.jpg) no-repeat; width:40px;}
#menuTopvisage li.bt4 a{background:url(../images/charte/bt-04.jpg) no-repeat; width:61px;}
#menuTopvisage li.bt5 a{background:url(../images/charte/bt-05.jpg) no-repeat; width:60px;}
#menuTopvisage li.bt6 a{background:url(../images/charte/bt-06.jpg) no-repeat; width:55px;}
#menuTopvisage li.bt7 a{background:url(../images/charte/bt-07.jpg) no-repeat; width:79px;}
#menuTopvisage li.bt8 a{background:url(../images/charte/bt-08.jpg) no-repeat; width:49px;}
#menuTopvisage li.bt9 a{background:url(../images/charte/bt-09.jpg) no-repeat; width:48px;}
#menuTopvisage li.bt10 a{background:url(../images/charte/bt-10.jpg) no-repeat; width:69px;}


/***************** MENU TOP ENGLAIS*****************/
#menuTopvisage_en{
position:relative;
z-index:10;
width:716px;
height:30px;
list-style:none;
float:right;
margin:10px 0;
}
#menuTopvisage_en li a span{
visibility:hidden;
}
#menuTopvisage_en li{
position:relative;
float:left;
}
#menuTopvisage_en a{
text-decoration:none;
font:bold 12px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
text-transform:uppercase;
display:block;
height:30px;
overflow:hidden;
}
#container #menuTopvisage_en a:hover,
#container #menuTopvisage_en a.trigered,
#container #menuTopvisage_en a.rubrique_active{
	background-position:bottom left;
}
#menuTopvisage_en li.bt1 a{background:url(../images/charte/bt-en_01.gif) no-repeat; width:60px;}
#menuTopvisage_en li.bt2 a{background:url(../images/charte/bt-en_02.jpg) no-repeat; width:49px;}
#menuTopvisage_en li.bt3 a{background:url(../images/charte/bt-en_03.jpg) no-repeat; width:53px;}
#menuTopvisage_en li.bt4 a{background:url(../images/charte/bt-en_04.jpg) no-repeat; width:33px;}
#menuTopvisage_en li.bt5 a{background:url(../images/charte/bt-en_05.jpg) no-repeat; width:51px;}
#menuTopvisage_en li.bt6 a{background:url(../images/charte/bt-en_06.jpg) no-repeat; width:61px;}
#menuTopvisage_en li.bt7 a{background:url(../images/charte/bt-en_07.jpg) no-repeat; width:52px;}
#menuTopvisage_en li.bt8 a{background:url(../images/charte/bt-en_08.jpg) no-repeat; width:75px;}
#menuTopvisage_en li.bt9 a{background:url(../images/charte/bt-en_09.jpg) no-repeat; width:112px;}
#menuTopvisage_en li.bt10 a{background:url(../images/charte/bt-en_10.jpg) no-repeat; width:50px;}
#menuTopvisage_en li.bt11 a{background:url(../images/charte/bt-en_11.jpg) no-repeat; width:120px;}

/***************** MENU TOPLIFTING *****************/
#menuToplifting{
position:relative;
z-index:10;
width:601px;
height:30px;
list-style:none;
float:right;
margin:10px 0;
}
#menuToplifting li a span{
visibility:hidden;
}
#menuToplifting li{
position:relative;
float:left;
}
#menuToplifting a{
text-decoration:none;
font:bold 12px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
text-transform:uppercase;
display:block;
height:30px;
overflow:hidden;
}
#container #menuToplifting a:hover,
#container #menuToplifting a.trigered,
#container #menuToplifting a.rubrique_active{
	background-position:bottom left;
}
#menuToplifting li.bt1 a{background:url(../images/charte/btlifting-01.jpg) no-repeat; width:167px;}
#menuToplifting li.bt2 a{background:url(../images/charte/btlifting-02.jpg) no-repeat; width:61px;}
#menuToplifting li.bt3 a{background:url(../images/charte/btlifting-03.jpg) no-repeat; width:71px;}
#menuToplifting li.bt4 a{background:url(../images/charte/btlifting-04.jpg) no-repeat; width:75px;}
#menuToplifting li.bt5 a{background:url(../images/charte/btlifting-05.jpg) no-repeat; width:113px;}
#menuToplifting li.bt6 a{background:url(../images/charte/btlifting-06.jpg) no-repeat; width:114px;}

/***************** MENU TOPLIFTING *****************/
#menuToplifting_en{
position:relative;
z-index:10;
width:601px;
height:30px;
list-style:none;
float:right;
margin:10px 0;
}
#menuToplifting_en li a span{
visibility:hidden;
}
#menuToplifting_en li{
position:relative;
float:left;
}
#menuToplifting_en a{
text-decoration:none;
font:bold 12px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
text-transform:uppercase;
display:block;
height:30px;
overflow:hidden;
}
#container #menuToplifting_en a:hover,
#container #menuToplifting_en a.trigered,
#container #menuToplifting_en a.rubrique_active{
	background-position:bottom left;
}
#menuToplifting_en li.bt1 a{background:url(../images/charte/bt-en-lifting_01.jpg) no-repeat; width:99px;}
#menuToplifting_en li.bt2 a{background:url(../images/charte/bt-en-lifting_02.jpg) no-repeat; width:74px;}
#menuToplifting_en li.bt3 a{background:url(../images/charte/bt-en-lifting_03.jpg) no-repeat; width:89px;}
#menuToplifting_en li.bt4 a{background:url(../images/charte/bt-en-lifting_04.jpg) no-repeat; width:75px;}
#menuToplifting_en li.bt5 a{background:url(../images/charte/bt-en-lifting_05.jpg) no-repeat; width:96px;}
#menuToplifting_en li.bt6 a{background:url(../images/charte/bt-en-lifting_06.jpg) no-repeat; width:168px;}


/***************** MENU TOPsilhouette *****************/
#menuTopsilhouette{
position:relative;
z-index:10;
width:601px;
height:30px;
list-style:none;
float:right;
margin:10px 0;
}
#menuTopsilhouette li a span{
visibility:hidden;
}
#menuTopsilhouette li{
position:relative;
float:left;
}
#menuTopsilhouette a{
text-decoration:none;
font:bold 12px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
text-transform:uppercase;
display:block;
height:30px;
overflow:hidden;
}
#container #menuTopsilhouette a:hover,
#container #menuTopsilhouette a.trigered,
#container #menuTopsilhouette a.rubrique_active{
	background-position:bottom left;
}
#menuTopsilhouette li.bt1 a{background:url(../images/charte/btsilhouette-01.jpg) no-repeat; width:83px;}
#menuTopsilhouette li.bt2 a{background:url(../images/charte/btsilhouette-02.jpg) no-repeat; width:102px;}
#menuTopsilhouette li.bt3 a{background:url(../images/charte/btsilhouette-03.jpg) no-repeat; width:132px;}
#menuTopsilhouette li.bt4 a{background:url(../images/charte/btsilhouette-04.jpg) no-repeat; width:102px;}
#menuTopsilhouette li.bt5 a{background:url(../images/charte/btsilhouette-05.jpg) no-repeat; width:109px;}
#menuTopsilhouette li.bt6 a{background:url(../images/charte/btsilhouette-06.jpg) no-repeat; width:73px;}


/***************** MENU TOPsilhouette *****************/
#menuTopsilhouette_en{
position:relative;
z-index:10;
width:601px;
height:30px;
list-style:none;
float:right;
margin:10px 0;
}
#menuTopsilhouette_en li a span{
visibility:hidden;
}
#menuTopsilhouette_en li{
position:relative;
float:left;
}
#menuTopsilhouette_en a{
text-decoration:none;
font:bold 12px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
text-transform:uppercase;
display:block;
height:30px;
overflow:hidden;
}
#container #menuTopsilhouette_en a:hover,
#container #menuTopsilhouette_en a.trigered,
#container #menuTopsilhouette_en a.rubrique_active{
	background-position:bottom left;
}
#menuTopsilhouette_en li.bt1 a{background:url(../images/charte/btsilhouette_en-01.jpg) no-repeat; width:62px;}
#menuTopsilhouette_en li.bt2 a{background:url(../images/charte/btsilhouette_en-02.jpg) no-repeat; width:112px;}
#menuTopsilhouette_en li.bt3 a{background:url(../images/charte/btsilhouette_en-03.jpg) no-repeat; width:91px;}
#menuTopsilhouette_en li.bt4 a{background:url(../images/charte/btsilhouette_en-04.jpg) no-repeat; width:109px;}
#menuTopsilhouette_en li.bt5 a{background:url(../images/charte/btsilhouette_en-05.jpg) no-repeat; width:114px;}
#menuTopsilhouette_en li.bt6 a{background:url(../images/charte/btsilhouette_en-06.jpg) no-repeat; width:113px;}

/***************** MENU TOPSEINS *****************/
#menuTopseins{
position:relative;
z-index:10;
width:601px;
height:30px;
list-style:none;
float:right;
margin:10px 0;
}
#menuTopseins li a span{
visibility:hidden;
}
#menuTopseins li{
position:relative;
float:left;
}
#menuTopseins a{
text-decoration:none;
font:bold 12px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
text-transform:uppercase;
display:block;
height:30px;
overflow:hidden;
}
#container #menuTopseins a:hover,
#container #menuTopseins a.trigered,
#container #menuTopseins a.rubrique_active{
	background-position:bottom left;
}
#menuTopseins li.bt1 a{background:url(../images/charte/bt-seins-01.jpg) no-repeat; width:217px;}
#menuTopseins li.bt2 a{background:url(../images/charte/bt-seins-02.jpg) no-repeat; width:135px;}
#menuTopseins li.bt3 a{background:url(../images/charte/bt-seins-03.jpg) no-repeat; width:106px;}
#menuTopseins li.bt4 a{background:url(../images/charte/bt-seins-04.jpg) no-repeat; width:143px;}

/***************** MENU TOPSEINS *****************/
#menuTopseins_en{
position:relative;
z-index:10;
width:601px;
height:30px;
list-style:none;
float:right;
margin:10px 0;
}
#menuTopseins_en li a span{
visibility:hidden;
}
#menuTopseins_en li{
position:relative;
float:left;
}
#menuTopseins_en a{
text-decoration:none;
font:bold 12px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
text-transform:uppercase;
display:block;
height:30px;
overflow:hidden;
}
#container #menuTopseins_en a:hover,
#container #menuTopseins_en a.trigered,
#container #menuTopseins_en a.rubrique_active{
	background-position:bottom left;
}
#menuTopseins_en li.bt1 a{background:url(../images/charte/bt-seins_en-01.jpg) no-repeat; width:211px;}
#menuTopseins_en li.bt2 a{background:url(../images/charte/bt-seins_en-02.jpg) no-repeat; width:136px;}
#menuTopseins_en li.bt3 a{background:url(../images/charte/bt-seins_en-03.jpg) no-repeat; width:112px;}
#menuTopseins_en li.bt4 a{background:url(../images/charte/bt-seins_en-04.jpg) no-repeat; width:142px;}

/***************** MENU LEFT *****************/
#menuLeft{
	float:left;
	width:226px;
	height:516px;
}

#en-menuLeft{
	float:left;
	width:226px;
	height:516px;
}

/***************** CONTENU *****************/
#contenu{
float:left;
width:700px;
padding:100px 0 0 30px;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:52px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
width:100%;
height:52px;
margin:-52px 0 0 0;
background: url(../images/charte/bg-footer.jpg) repeat-x;
}
#foot{
position:relative;
width:960px;
height:52px;
background: url(../images/charte/bg-foot.jpg) no-repeat;
}
#idep{
position:absolute;
left:0;
top:0;
width:226px;
height:30px;
padding-top:22px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
font:9px/30px Arial, Helvetica, sans-serif;
color:#d0bf9c;
padding:20px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#fff;
}