/***************** 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:#434343;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
height:auto!important;
height:100%;
width:990px;
margin:0 auto;
background:url(../images/charte/bg-container.gif) center top repeat-y;
}
/***************** HEADER *****************/
#header{
width:990px;
height:165px;
background:url(../images/charte/header.jpg) left top no-repeat;
}
/***************** MENU TOP *****************/
#menuTop{
position:relative;
z-index:10;
width:990px;
height:42px;
background:url(../images/charte/bg-menu-top.jpg) left top no-repeat;
list-style:none;
}

#menuTop #search{
position:relative;
width:213px;
height:22px;
padding:20px 0 0 62px;
float:left;
}
#menuTop #search input{
position:relative;
float:left;
height:13px;
padding-left:5px;
margin-right:5px;
border:1px solid #434343;
font:11px Arial, Helvetica, sans-serif;
color: #666666;
}
#menuTop #search img{
float:left;
height:15px;
}
#menuTop #search a{
height:15px;
}


#menuTop li{
position:relative;
float:left;
}
#menuTop span{
display:none;
}
#menuTop a{
display:block;
height:42px;
background-position:left top;

}


#container #menuTop a:hover,
#container #menuTop a:active,
#container #menuTop a.trigered{
background-position:left bottom;
}
li.bt1 a{background:url(../images/charte/bt1.jpg) no-repeat; width:112px;}
li.bt2 a{background:url(../images/charte/bt2.jpg) no-repeat; width:108px;}
li.bt3 a{background:url(../images/charte/bt3.jpg) no-repeat; width:103px;}
li.bt4 a{background:url(../images/charte/bt4.jpg) no-repeat; width:117px;}
li.bt5 a{background:url(../images/charte/bt5.jpg) no-repeat; width:101px;}
li.bt5-1 a{background:url(../images/charte/bt5-1.jpg) no-repeat; width:116px;}
/***************** MENU LEFT *****************/



#menuLeft_en{
float:left;
width:217px;
padding:37px 0 0 58px;
min-height:350px;
height:auto!important;
background:url(../images/charte/bg-menu-left_en.jpg) left top no-repeat;
}
#menuLeft_en ul{
list-style:none;
}
#menuLeft_en span{
display:none;
}
#menuLeft_en a{
display:block;
background-position:left top;
}
#menuLeft_en a:hover,
#menuLeft_en a:active,
#menuLeft_en a.trigered{
background-position:left bottom;
}




#menuLeft{
float:left;
width:217px;
padding:37px 0 0 58px;
min-height:350px;
height:auto!important;
background:url(../images/charte/bg-menu-left.jpg) left top no-repeat;
}
#menuLeft ul{
list-style:none;
}
#menuLeft span{
display:none;
}
#menuLeft a{
display:block;
background-position:left top;
}
#menuLeft a:hover,
#menuLeft a:active,
#menuTop a.trigered{
background-position:left bottom;
}

a.bt6{background:url(../images/charte/bt6.jpg) no-repeat; height:32px;}
a.bt7{background:url(../images/charte/bt7.jpg) no-repeat; height:32px;}
a.bt8{background:url(../images/charte/bt8.jpg) no-repeat; height:32px;}

a.bt9{background:url(../images/charte/bt9.jpg) no-repeat; height:60px;}
a.bt10{background:url(../images/charte/Image-Anglais.jpg) no-repeat; height:60px;}



#menuLeft_en #srBuy{
height:155px;
width:210px;
/*background:url(../images/charte/bg-sr-buy.jpg) left top no-repeat;*/
}
#menuLeft #srBuy li{
height:20px;
}
/************/
#menuLeft #srBuy #sr1{
height:20px;
display:block;
}
#menuLeft #srBuy #sr1 a{
/*background:url(../images/charte/sr1.jpg) left top no-repeat;*/
}
#menuLeft #srBuy #sr1 a:hover{
/*background:url(../images/charte/sr1.jpg) left bottom no-repeat;*/
}
#menuLeft #srBuy #sr2{
height:20px;
display:block;
}
#menuLeft #srBuy #sr2 a{
/*background:url(../images/charte/sr2.jpg) left top no-repeat;*/
}
#menuLeft #srBuy #sr2 a:hover{
/*background:url(../images/charte/sr2.jpg) left bottom no-repeat;*/
}


/***************** SOUS MENU */
#container #menuLeft li a{
background:none;
border:none;
text-decoration:none;
font:bold 11px/20px Arial, Helvetica, sans-serif;
color:#07aad3;
display:block;
height:20px;
overflow:hidden;
padding:0 0 0 30px;

}
#container #menuLeft li a:hover{
color:#434343;
}

#container #menuLeft_en li a{
background:none;
border:none;
text-decoration:none;
font:bold 11px/20px Arial, Helvetica, sans-serif;
color:#07aad3;
display:block;
height:20px;
overflow:hidden;
padding:0 0 0 30px;

}
#container #menuLeft_en li a:hover{
color:#434343;
}

























#menuLeft #srBuy{
height:155px;
width:217px;
/*background:url(../images/charte/bg-sr-buy.jpg) left top no-repeat;*/
}
#menuLeft #srBuy li{
height:20px;
}
/************/
#menuLeft #srBuy #sr1{
height:20px;
display:block;
}
#menuLeft #srBuy #sr1 a{
/*background:url(../images/charte/sr1.jpg) left top no-repeat;*/
}
#menuLeft #srBuy #sr1 a:hover{
/*background:url(../images/charte/sr1.jpg) left bottom no-repeat;*/
}
#menuLeft #srBuy #sr2{
height:20px;
display:block;
}
#menuLeft #srBuy #sr2 a{
/*background:url(../images/charte/sr2.jpg) left top no-repeat;*/
}
#menuLeft #srBuy #sr2 a:hover{
/*background:url(../images/charte/sr2.jpg) left bottom no-repeat;*/
}


/***************** SOUS MENU */
#container #menuLeft li a{
background:none;
border:none;
text-decoration:none;
font:bold 11px/20px Arial, Helvetica, sans-serif;
color:#07aad3;
display:block;
height:20px;
overflow:hidden;
padding:0 0 0 30px;

}
#container #menuLeft li a:hover{
color:#434343;
}






















/***************** CONTENU *****************/
/*liste conseil*/
#conseil{
	background:url(../images/integration/separation_conseil.jpg) bottom no-repeat;
}
#conseil .liste_conseil{
	margin-left:4px;
}
/*fin liste conseil*/
#contenu{
float:left;
width:625px;
background:url(../images/charte/bg-contenu.jpg) left top no-repeat;
padding:15px 75px 30px 15px;
}
#contenu #encart{
float:left;
width:625px;
height:190px;
background:url(../images/charte/bg-encart.jpg) left top no-repeat;
}
#contenu #encart #bloc{
float:left;
font:11px Arial, Helvetica, sans-serif;
text-align:justify;
overflow:hidden;

}
a.plus1{background:url(../images/charte/plus1.jpg) left top no-repeat; width:80px; height:17px; display:block; margin: 0px auto;}
a:hover.plus1{background:url(../images/charte/plus1.jpg) left bottom no-repeat;}

a.plus2{background:url(../images/charte/plus2.jpg) left top no-repeat;  width:80px; height:17px; display:block;margin-left: 50px ; margin-top:15px;}
a:hover.plus2{background:url(../images/charte/plus2.jpg) left bottom no-repeat; }

a.plus3{background:url(../images/charte/plus3.jpg) left top no-repeat;  width:80px; height:17px;  display:block;margin-left: 50px ; margin-top:15px;}
a:hover.plus3{background:url(../images/charte/plus3.jpg) left bottom no-repeat;}




.premier{
width:168px;
height:100px;
padding:60px 20px 30px 20px;
}
.deuxieme{
width:168px;
height:100px;
padding:60px 15px 30px 20px;
}
.troisieme{
width:168px;
height:100px;
padding:60px 10px 30px 28px;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:60px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:990px;
height:45px;
margin:-45px auto 0;
background:url(../images/charte/footer.jpg) left top no-repeat;;
}
#idep{
position:absolute;
left:58px;
top:0;
width:450px;
height:30px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
float:left;
font:9px Arial, Helvetica, sans-serif;
color:#434343;
margin:13px 0 0;
}

#footer #idep a:hover.idep{
text-decoration:underline;
color:#434343;
}