/***************** 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:#25aeed url(../images/charte/bg-body.jpg) top center no-repeat;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:960px;
margin:0 auto;
background:url(../images/charte/bg-container.gif) top center repeat-y;
}
/***************** HEADER *****************/
#header{
width:960px;
height:145px;
}
/***************** MENU TOP *****************/
#menuTop form{
width:302px;
height:39px;
float:left;
background: url(../images/charte/search.jpg) top center no-repeat;
}
#menuTop input{
width:144px;
height:14px;
float:left;
border: solid 0px #fff;
font:11px Arial, Helvetica, sans-serif;
color:#180e09;
padding:1px 0px 0 5px;
margin:11px 0px 0 80px;
background: #FFFFFF;
}
#menuTop{
position:relative;
z-index:10;
width:960px;
height:39px;
background: url(../images/charte/bg-menu.jpg) top center no-repeat;
list-style:none;
float:left;
}
#menuTop li{
position:relative;
float:left;
display:block;
}
#menuTop li span{
display:none;
}
#menuTop a{
text-decoration:none;
font:bold 12px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
text-transform:uppercase;
display:block;
height:39px;
overflow:hidden;
}

#menuTop li.btn_01 a{
background:url(../images/charte/btn_01.gif);
width:92px; margin-left:121px;}
#menuTop li.btn_02 a{
background:url(../images/charte/btn_02.gif);
width:70px;}
#menuTop li.btn_03 a{
background:url(../images/charte/btn_03.gif);
width:126px;}
#menuTop li.btn_04 a{
background:url(../images/charte/btn_04.gif);
width:139px;}
#menuTop li.btn_05 a{
background:url(../images/charte/btn_05.gif);
width:95px;}
#container #menuTop a:hover,
#container #menuTop a.trigered{
background-position: bottom left;
}
/***************** SOUS MENU *****************/
#menuTop li ul{
list-style:none;
position:absolute;
width:126px;
top:-6000px;
left:0;
text-align:center;
background:none;
}
#menuTop li li{
float:none;
}
#container #menuTop li li a{
background:#e00079;
width:auto;
position:relative;
height:20px;
font:11px/20px Arial, Helvetica, sans-serif;
text-transform:none;
color: #fff;
text-decoration:none;
border:solid #fff;
border-width:0 0 1px 0;
}
#container #menuTop li li a:hover{
background:#fff !important;
color: #e00079 !important;
}
/***************** CONTENU *****************/
#contenu{
width:860px;

float:left;
padding: 16px 50px;
background:url(../images/charte/bg-contenu.jpg) top center no-repeat;
}
/*---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:960px;
height:60px;
margin:-60px auto 0;
background:#fff url(../images/charte/bg-footer.jpg) top center no-repeat;
}
#idep{
position:absolute;
left:0;
top:0;
width:195px;
height:60px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#143271;
margin:18px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#25aeed;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#25aeed;
text-align:right;
padding:13px 95px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#143271;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#25aeed;
}
.encart-devis{
  background:url(../images/contenu/demande-devis.jpg) no-repeat ;
  height: 93px;
}
.encart-designation{
  background:url(../images/contenu/encart-designation.jpg) no-repeat ;
  height: 25px;
  width: 390px;
  padding-left: 6px;
  padding-top: 3px;
  margin-bottom: 1px;
}
.encart-prodcontact{
  background:url(../images/contenu/encart-prodcontact.jpg) no-repeat;
  height: 43px;
  width: 206px;
  float: left;
  margin-top: 1px;
}
.encart-proddevis{
  background:url(../images/contenu/encart-proddevis.jpg) no-repeat;
  height: 43px;
  width: 189px;
  float: left;
  margin-left: 1px;
  margin-top: 1px;
}
.news-titre{
  background:url(../images/contenu/news-titre.jpg) no-repeat;
  width: 222px;
  height: 25px;
  color: #fff !important;
  font-weight: bold !important;
  font-size: 16px !important;
  padding-left: 6px;
  padding-top: 3px;
}
.encart-contacter{
  background:url(../images/contenu/contact-index.jpg) no-repeat;
  height: 72px;
  width: 296px;
  padding-top: 30px;
  float: left;
  margin-left:0px;
}
.ok{
  background:url(../images/contenu/ok.jpg) no-repeat !important;
  width: 18px !important;
  height: 16px;
  float: left !important;
  cursor: pointer;
}
.ok-over{
  background:url(../images/contenu/ok-over.jpg) no-repeat !important;
  width: 18px !important;
  height: 16px;
  float: left !important;
  cursor: pointer;
}
.bullet1{
  background:url(../images/contenu/bullet1.jpg) no-repeat 0px 4px;
  padding-left:20px;
  line-height: 18px !important;
}

.bullet2{
  background:url(../images/contenu/bullet2.jpg) no-repeat 15px 5px;
  padding-left: 35px;
  line-height: 18px !important;
}

.encart1{
  float:left;
  width:310px;
  border-right:1px solid #CAE0E6;
  margin-right:10px
}
.encart2{
  width:300px;
  border-bottom:1px solid #CAE0E6;
}
.encart3{
  width:186px;height:93px;float:left;padding-top:17px;
}
.encart-news{
background:#E9F1F4;width:226px;margin-top:2px;border:1px solid #B9BFC2;height:120px;
}
.encart-photo1{
  margin-top:5px;margin-left:3px;margin-right:5px;float:left;height:80px;width:80px;background:#fff;border:1px solid #006DA7;text-align:center;
}
.encart-photo2{
  margin:5px;float:left;height:80px;width:80px;background:#fff;border:1px solid #006DA7;text-align:center;
}
.invisible{
  display: none;
}