/***************** 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:#120a48 url(../images/charte/bg-body.jpg) repeat-x;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
height: 100%;
height:auto!important;
width:990px;
margin:0 auto;
background:url(../images/charte/bg-container.jpg) 0 358px no-repeat;
}
/***************** HEADER *****************/
#header{
width:990px;
height:318px;
}
/***************** HEADER *****************/
#intro{
width:990px;
height:523px;
}
/***************** MENU TOP *****************/
#menuTop{
position:relative;
z-index:10;
width:990px;
height:40px;
list-style:none;
}
#menuTop li{
position:relative;
float:left;
}
#menuTop a{
text-decoration:none;
font:bold 12px/40px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
text-transform:uppercase;
display:block;
height:40px;
overflow:hidden;
}
#menuTop a span{
display:none;
}

#container #menuTop li:hover,
#container #menuTop li .trigered{
background-position:bottom left;
}

a.bt01 {
background:url(../images/charte/bt_01.jpg) top left no-repeat;
width:185px;}

a:hover.bt01 {
background:url(../images/charte/bt_01.jpg) bottom left no-repeat;
width:185px;}

a.bt02 {
background:url(../images/charte/bt_02.jpg) top left no-repeat;
width:153px;}

a:hover.bt02 {
background:url(../images/charte/bt_02.jpg) bottom left no-repeat;
width:153px;}


a.bt03 {
background:url(../images/charte/bt_03.jpg) top left no-repeat;
width:162px;}
a:hover.bt03 {
background:url(../images/charte/bt_03.jpg) bottom left no-repeat;
width:162px;}


a.bt04 {
background:url(../images/charte/bt_04.jpg) top left no-repeat;
width:159px;}
a:hover.bt04 {
background:url(../images/charte/bt_04.jpg) bottom left no-repeat;
width:159px;}

a.bt05 {
background:url(../images/charte/bt_05.jpg) top left no-repeat;
width:188px;}
a:hover.bt05 {
background:url(../images/charte/bt_05.jpg) bottom left no-repeat;
width:188px;}


a.bt06 {
background:url(../images/charte/bt_06.jpg) top left no-repeat;
width:143px;}

a:hover.bt06 {
background:url(../images/charte/bt_06.jpg) bottom left no-repeat;
width:143px;}
/***************** SOUS MENU *****************/
#menuTop li ul{
list-style:none;
position:absolute;
width:160px;
top:-6000px;
left:0;
background:#ffc0a9;
border:solid #fff;
border-width:1px 0 0 0;
}
#menuTop li li{
float:none;
}
#container #menuTop li li a{
background:none;
width:auto;
position:relative;
height:20px;
font:11px/20px Arial, Helvetica, sans-serif;
text-transform:none;
color:#fff;
text-decoration:none;
border:solid #ffcfbd;
border-width:0 0 1px 0;
}
#container #menuTop li li a:hover{
background:#ff8598;
}
/***************** MENU LEFT *****************/
#menuLeft{
float:left;
width:140px;
}
#menuLeft ul{
list-style:none;
padding-bottom:10px;
border:solid #b5c76b;
border-width:0 0 1px 0;
}
#menuLeft a{
text-decoration:none;
font:bold 12px/25px Arial, Helvetica, sans-serif;
color:#7d8a2e;
display:block;
overflow:hidden;
text-align:center;
}
#menuLeft a:hover,
#menuTop a.trigered{
/*background:#7d8a2e;*/
color:#fff;
}
/***************** SOUS MENU */
#container #menuLeft li a{
background:none;
border:none;
text-decoration:none;
font:bold 11px/20px Arial, Helvetica, sans-serif;
color:#98a451;
display:block;
height:20px;
overflow:hidden;
padding:0;
}
#container #menuLeft li a:hover{
text-decoration:underline;
color:#7d8a2e;
}
/***************** CONTENU *****************/
#contenu{
float:left;
width:780px;
padding:20px 0px 0 55px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
text-align:justify;
color:#FFF;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:92px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:100%;
height:92px;
margin:-92px auto 0;
background: url(../images/charte/bg-footer.jpg) repeat-x;
}
#foot{
position:relative;
clear:both;
width:990px;
height:92px;
margin:0 auto;
}

#idep{
position:absolute;
left:0;
bottom:0px;
width:240px;
height:54px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#4f4b6f;
margin:18px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#fff;
}


#bloc{
width:320px;
height:123px;
float:left;
margin:10px 5px;

padding:5px 25px;}

#bloc1{
border: 0px solid red;
width:320px;
height:123px;
float:left;
margin:10px 5px;
padding:5px 25px;}


#bloc2{
width:320px;
height:123px;
float:left;
margin:10px 5px;
padding:5px 25px;}

#bloc3{
width:320px;
height:123px;
float:left;
margin:10px 5px;
padding:5px 25px;}

.espaceentreprise {
background:url(../images/charte/espaceentreprise.jpg) no-repeat;}

.espaceparticulier {
background:url(../images/charte/espaceparticulier.jpg) no-repeat;}
.encart1{
  background:url(../images/contenu/encart1.jpg) no-repeat;
  height: 163px;
}
.menu1{
  background:url(../images/contenu/bullet1.jpg) no-repeat 0px 4px;
  padding-left:15px;
  border-bottom:1px solid #2C2174 ;
  color: #9D99B3 !important;
}
.menu11{
  background:url(../images/contenu/bullet1.jpg) no-repeat 0px 11px;
  padding-left:15px;
  padding-top: 5px;
  border-bottom:1px solid #2C2174 ;
  color: #9D99B3 !important;
}
.menu1-over{
  background:#2C2174 url(../images/contenu/bullet1.jpg) no-repeat 0px 4px;
  padding-left:15px;
  color: #fff;

  border-bottom: 1px solid #2C2174;
}
.menu11-over{
  background:#2C2174 url(../images/contenu/bullet1.jpg) no-repeat 0px 11px;
  padding-left:15px;
  color: #fff;
  border-bottom: 1px solid #2C2174;

}
.liste-1,.liste-2,.liste-3 {
  list-style-type: none;
}
.liste-1 li{
  background:url(../images/contenu/bullet2.gif) no-repeat 0px 5px;
  padding-left:10px;
  font-family: arial;
  font-size: 11px;
  color: #D9D6EE;
  margin-top: 8px;
  line-height: 15px;
  text-align: justify;
  border: 0px solid red;
}
.liste-2 li{
  background:url(../images/contenu/bullet1.jpg) no-repeat 0px 5px;
  font-family:arial;
  font-size: 11px;
  color: #D9D6EE;
  line-height: 17px;
  padding-left:10px;
  text-align: justify;
}

.liste-3 li{
  background:url(../images/contenu/bullet2.gif) no-repeat 0px 8px;
  padding-left:10px;
  margin-left: 15px;
  font-family: arial;
  font-size: 11px;
  color: #D9D6EE;
  line-height: 20px;
  text-align: justify;
}

.prix{
  color: #70AAD9;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  width: 475px;
  border: 1px solid #2D2175;
  margin:15px 0px 5px 0px;
  background-color: #1C125A;
}


.home-border{
float: left;
  width: 240px;
  margin-top: 25px;


}


.home{
  color: #70AAD9;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  width: 238px;
  border: 1px solid #2D2175;
  background-color: #1C125A;

}
.home-text{
background-image: url(../images/charte/repeat.jpg);
background-repeat: repeat-x;
background-position: top left;
width: 240px;
height: 92px;

}

.meteo{
width: 150px;
background-image: url(../images/charte/repeats.jpg);
background-repeat: repeat-x;
background-position: top left;
height: 114px;
border-top: 1px solid #60AED5;
border-bottom: 1px solid #60AED5;
}

.meteos{

  height: 1px;
width: 150px;

}



.prix2{
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  width: 475px;
  border: 0px solid #2D2175;
  margin:0px 0px 25px 0px;

}
.brief{
  text-align: center;
  padding-top: 15px;
  font-style: italic;
}



#contenu .table1 td{
  color: #ffffff;
  text-align: center !important;
  font-family: arial;
  font-size:11px;

  width: 190px;
  height: 20px;
}
#contenu .table1 th{
  color: #70AAD9;
  text-transform: uppercase;
  text-align: center !important;
  font-family: arial;
  font-size:11px;
  width: 190px;
  height: 25px;
  background-color: #0B062C;
}

.partner{
background-color: #1F1366;
border: 1px solid #2D2175;
}

.partner_title{
background-color: #271A77;
font-size: 11px;
font-weight: bold;
height: 22px;
text-align: center;
line-height: 22px;

}




.left{
  text-align: left !important;
}
.right{
  text-align: right;
}
.objet-select{
  width:250px;
  height:19px;
  font-size:11px;
  font-family:verdana;
  background-color: #9D99B3;
  color: #fff;
}
.bg-temp{
  background:url(../images/contenu/bg-temp.jpg) no-repeat;
  padding-top: 9px;
  height: 127px;
}
.bg-inf{
  background:url(../images/contenu/bg-inf.jpg) no-repeat;
  height: 136px;
  padding-top: 15px;
  text-align: center;
}
.bg-inf p{
  color: #08032B !important;
  text-align: center !important;
}
.bg-part{
  background:url(../images/contenu/bg-part.jpg) no-repeat;
  height: 120px;
}
#contenu .texte p{
  color: #D9D6EE !important;

}

.pdf{
  background:url(../images/contenu/pdf.gif) no-repeat 135px 0px;
  height: 21px;
  padding-top: 4px;
}
.pdf2{
  background:url(../images/contenu/pdf.gif) no-repeat 345px 0px;
  height: 21px;
  padding-top: 4px;
}
.invisible{
	display:none;
}
.phone{
  background:url(../images/contenu/phone.gif) no-repeat;
}
.encart10{
  width:295px;float:left;
}
.encart11{
  width:475px;float:left;
}
#contenu .fonctionnement p{padding-bottom:5px;}


#contenu p.imageHolder{font-size:11px; line-height:15px; text-align:center;}
#contenu p.imageHolder img{padding:2px; border:1px solid #70AAD9;}
#contenu p.leftimg{float:left; margin-right:15px;}
#contenu p.rightimg{float:right; margin-left:15px;}
#contenu .clearer{clear:both; line-height:0; font-size:0; height:0; margin:0; padding:0;}
#contenu .clearer15{clear:both; line-height:15px; font-size:0; height:15px; margin:0; padding:0;}

#contenu div.colLeft{
  float: left;
  width: 362px;
  border-right:1px dashed #3981bb;
  margin-bottom:20px;
  padding:10px 0 10px 0;
  padding-right:15px;
}
#contenu div.colRight{
  float: right;
  width: 362px;
  margin-bottom:20px;
  padding:10px 0 10px 0;
  padding-left:15px;
}