/***************** 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:#fff url(../images/charte/bg-body.jpg) center top no-repeat;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
/*width:786px;*/
width:990px;
margin:0 auto;
/*overflow: visible;*/
/*background: url(../images/charte/bg-container.jpg) repeat-y;*/
}
/***************** HEADER *****************/
#header{
position:relative;
width:786px;
height:102px;
background:url(../images/charte/bg-header.jpg) center top no-repeat;
margin-left:102px;
}

#headermodecli{
position:relative;
width:786px;
height:102px;
background:url(../images/charte/bg-header.jpg) center top no-repeat;
margin-left:238px;
}

#encart{
position: absolute;
width:468px;
height:60px;
top:21px;
left:298px;
/*margin:21px 0px 0 308px;
float:left;*/
border:1px solid #FFF;
}
/***************** infos *****************/
#infos{
width:786px;
margin-left:102px;
height:33px;
background: url(../images/charte/bg-infos.jpg) left top no-repeat;
float:left;
display:inline;
}
#infos p{
font:11px/30px Arial, Helvetica, sans-serif;
color:#666666;
text-align:left;
}
#infos a:link, #infos a:visited{
font:11px/30px Arial, Helvetica, sans-serif;
text-decoration:underline;
color: #000000;

}
#infos a:hover, #infos a:active{
font:11px/30px Arial, Helvetica, sans-serif;
text-decoration:underline;
color: #999999;
}

#lesinfos{
float:left;
width:600px;
height:33px;
float:left;

}

#rechercher{
width:170px;
height:33px;
float:right;
padding-left:16px;
}
#rechercher input{
width:132px;
height:16px;
float:left;
font:11px Arial, Helvetica, sans-serif;
color:#180e09;
margin:5px 0 0 0px;
}

/***************** MENU TOP2 *****************/
#menuTop{
position:relative;
z-index:10;
width:786px;
margin-left:102px;
height:46px;
background:url(../images/charte/bg-menuTop.jpg) top no-repeat;
list-style:none;
}
#menuTop li{
position:relative;
float:left;
}
#menuTop a{
text-decoration:none;
display:block;
height:46px;
overflow:hidden;
background:left bottom no-repeat;
}

#menuTop li.fav {
	float:right;
	display:block;
	margin-top:22px;
}

#menuTop li.fav a{
text-decoration:none;
display:inline;
height:46px;
overflow:hidden;
background:left bottom no-repeat;
margin: 16px 2px auto 16px;
font: 11px Arial, Helvetica, sans-serif;
font-style:italic; color: #000000;
}

#menuTop a span{
visibility:hidden;
}
#container #menuTop a:hover,
#container #menuTop a.trigered{
background-position:left top;
}
#menuTop li.btn2_01 {width:35px;}
#menuTop li.btn2_02 {width:73px;}
#menuTop li.btn2_03 {width:90px;}
#menuTop li.btn2_04 {width:57px;}
#menuTop li.btn2_05 { width: 120px;}
#menuTop li.btn2_05bis {width:80px;}
#menuTop li.btn2_05ter {width:120px;}
#menuTop li.btn2_06 {width:96px;}

#menuTop li.btn2_01 a{background-image:url(../images/charte/btn2_01.gif);}
#menuTop li.btn2_02 a{background-image:url(../images/charte/btn2_02.gif);}
#menuTop li.btn2_03 a{background-image:url(../images/charte/btn2_03.gif);}
#menuTop li.btn2_04 a{background-image:url(../images/charte/btn2_04.gif);}
#menuTop li.btn2_05 a{background-image:url(../images/charte/btn2_05.gif);}
#menuTop li.btn2_05bis a{background-image:url(../images/charte/btn2_05bis.gif);}
#menuTop li.btn2_05ter a {background-image:url(../images/charte/btn2_05ter.gif);}
#menuTop li.btn2_06 a{background-image:url(../images/charte/btn2_06.gif);}


/***************** SOUS MENU 2*****************/
#menuTop li ul{
list-style:none;
position:absolute;
width:145px;
top:-6000px;
left:0;
background:#cecece url(../images/charte/bg-ul.gif) left top no-repeat;
}
#menuTop li li{
float:none;
}
#container #menuTop li li a{
background:none;
width:auto;
height:20px;
font:11px/20px Arial, Helvetica, sans-serif;
text-transform:none;
color:#000;
text-decoration:none;
padding:0 0 0 5px;
border-bottom:1px solid #bbb;
}
#container #menuTop li li a:hover{
color:#163f6d;
background:#a3b8d3;
}
/***************** SOUS MENU 3*****************/
#container #menuTop li li a.rubrique{
padding:0 0 0 17px;
background:url(../images/charte/puce.gif) 5px top no-repeat;
}
#container #menuTop li li a.rubrique:hover,
#container #menuTop li li a.rubrique_active
{
color:#163f6d;
background:#a3b8d3 url(../images/charte/puce.gif) 5px bottom no-repeat;
}
#container #menuTop li li div.sous-rubrique{
border-bottom:1px solid #bbb;
}
#container #menuTop li li div.sous-rubrique a{
text-decoration:none;
display:block;
background:none;
border:none;
color:#666;
font:10px/16px Arial, Helvetica, sans-serif;
height:16px;
padding:0 0 0 9px;
}
#container #menuTop li li div.sous-rubrique a:hover{
color:#fff;
background:#e39944;
}
/***************** CONTENU *****************/
#contenu{
float:left;
width:786px;
padding:0 102px;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}

#contenu.need1024 {
	width:990px;
	padding:0;
}

#clearFooter{
height:30px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/

#footer{
position:relative;
clear:both;
width:100%;
height:30px;
margin:-30px auto;
background:#fff url(../images/charte/bg-footer2.jpg) center no-repeat;
}
#footer2{
position:relative;
clear:both;
width:786px;
margin:0 auto ;
height:30px;
background:#fff url(../images/charte/bg-footer.jpg) center top no-repeat;
}

.formfooter 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #000000;
height: 15px;
width: 180px;
border: 1px solid #000000;
}

#idep{
position:absolute;
top:0;
right:0;
width:110px;
height:30px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#999;
margin:7px 0 0 0;
}
#footer #idep a.idep.optea{
margin:0;

}
#footer #idep a:hover.idep{
text-decoration:none;
color:#000000;
}
#footer p{
font:9px/20px Arial, Helvetica, sans-serif;
color:#666666;
text-align:left;
padding:8px 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color: #666666;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#000000;
}









/* OLD SITE MAIS ENCORE UTILE
*****************************************/




/* header
********************/
#header #headpub{
  width: 468px;
  text-align: center;
  margin: 17px auto 0;
  font: 10px Arial, Helvetica, sans-serif;
  }
#header #headpub form{
  margin: 5px 0;
  }
#header #headpub form img{
  vertical-align: bottom;
  }
#header #headpub a{
  text-decoration: none;
  margin: 0 6px;
  color: #003C81;
  }
#header #headpub a:hover{
  color:#004FFA;
  }
#header #headpub select{
  margin: 0 10px 0 0;
  font: 9px Arial, Helvetica, sans-serif;
  color: #003C81;
  border: 1px solid #003c81;
  }
#header #headpub input{
  vertical-align: middle;
  }
#header #headperso{
  width: 246px;
  height: 68px;
  float: right;
  padding: 50px 0 0 10px;
  background: url(../images/charte/bg_espaceperso.jpg);
  }
#headermodecli #headperso{
  width: 246px;
  height: 68px;
  float: right;
  padding: 50px 0 0 10px;
  background: url(../images/charte/bg_espaceperso.jpg);
  }
  #header #headperso.alt {
  	padding-top: 13px;
	height: 108px;
	background: url(../images/charte/bg_espaceperso_alt.jpg);
  }
#headermodecli #headperso.alt {
  	padding-top: 13px;
	height: 108px;
	background: url(../images/charte/bg_espaceperso_alt.jpg);
  }
  #header #headperso h4 
  {
  	font: bold 14px/40px "Verdana",Arial, sans-serif;
	color:#000066;
	padding-left: 25px;
  }
  
#header #headperso h3{
  width: 226px;
  font: 11px Arial, Helvetica, sans-serif;
  color: #666;
  text-align: right;
  border-bottom: 1px solid #0000FE;
  }
#header #headperso div, #caddie_ident div{
  float: left;
  margin: 7px 0 0;
  width: 170px;
  font: 11px Arial, Helvetica, sans-serif;
  color: #666;
  }
  

#header #headperso a{
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #0000FE;
  text-decoration: none;
  }
#header #headperso a:hover{
  text-decoration: underline;
  }
#header ul{
  clear: both;
  height: 18px;
  margin: 0 10px 5px;
  background: #757575;
  list-style-type: none;
  }
#header li{
  display: inline;
  vertical-align: top;
  font: bold 11px/18px Arial, Helvetica, sans-serif;
  color: #FFF;
  }
#header li a{
  margin: 0 3px 3px 3px;
  font: bold 11px/18px Arial, Helvetica, sans-serif;
  color: #FFF;
  text-decoration: none;
  }
#header li a:hover{
  text-decoration: underline;
  color: #B5CAFF;
  }
#header li.floatright a{
  margin: 0 27px;
  }