/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
body{
  font:normal 12px/15px Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
  background:#ffffff url(../../images/charte/bg-body.jpg) left top repeat-x;
  color:#434242;
  }

ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}

p{padding-top: 10px; text-align:justify;}

#push, .clr	{clear: both;}
object{outline:none;}
a:focus{outline:none}

a:link,a:visited{color:#006FDD; text-decoration: none;}
a:hover,a:active{color:#5AA2E9;}
#push, .clr	{clear: both;}

#bg1{position:absolute;z-index: 1; width:100%; background:url("images/bg0.gif") 50% 0% repeat-y;}
#bg2{position:absolute;z-index: 2; width:100%; background:url("images/bg1.jpg") 50% 0% repeat-x;}
#bg3{position:absolute;z-index: 3; background:url("images/bg2.jpg") 50% 0% no-repeat;}

#wrap-container{position:relative;z-index:4; width: 100%;}
#container{background: url("../../images/charte/bg-repeat.jpg") repeat-y left 0px; margin:0 auto;	text-align: left;}
#content{float:left;	margin:0; padding:0; overflow: hidden; background:url("../../images/charte/bg-content.jpg") no-repeat left 0px; padding-top:9px}

h1{height:27px; margin-bottom:9px;}
h1 span{display: none;}

h1#presentation{background: url("../../images/charte/title-presentation.jpg") no-repeat right 0px; border-bottom:1px solid #ffffff;}
h1#electricite{background: url("../../images/charte/title-electricite.jpg") no-repeat right 0px; border-bottom:1px solid #ffffff;}
h1#chauffage{background: url("../../images/charte/title-chauffage.jpg") no-repeat right 0px; border-bottom:1px solid #ffffff;}
h1#contact{background: url("../../images/charte/title-contact.jpg") no-repeat right 0px; border-bottom:1px solid #ffffff;}
h1#merci{background: url("../../images/charte/title-merci.jpg") no-repeat right 0px; border-bottom:1px solid #ffffff;}

h2{font:bold 14px Verdana; color:#0E69C4}



/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{background:url("images/header.jpg") 50% 0 no-repeat;}

#left-outter{float:left;	margin:0; padding:0; overflow: hidden; background-color:#333333;}
#left-inner{padding: 0 15px 0 20px;}
#left-inner{color:#ffffff}


#right-outter{float:left;	margin:0; padding:0; overflow: hidden;}
#right-inner{padding:0 20px 0 0;}

/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {background: url("../../images/charte/bg-wrapfooter.jpg") no-repeat center 0px; position:relative; z-index: 4; width: 100%;}

#footer{margin:0 auto; padding-top:26px; width:940px;}
.footer-digital{float:left; display:inline; width:480px; padding-top:0;}
.footer-digital p{font-size:10px; line-height: 13px;}

.footer-links{float:right; padding-right:0px; color:#333333; text-align:right; font-size:10px;}
.footer-links a:link,.footer-links a:visited{color:#333333; margin:0; font-size:10px; text-transform: uppercase;}
.footer-links a:hover,.footer-links a:active{color:#006FDD; text-decoration: underline;}

#fwrap1, #fwrap2, #fwrap3{display:none;}

div.ref{padding: 0px 10px 5px; clear:both; text-align:center; color:#6E7563; line-height:13px; margin-top:6px; font-size:10px;}
.copyright{padding: 17px 0 0; text-align: center;}

#info{width:940px; height:81px; margin-bottom:18px;}
#info .inner {padding-left:64px; padding-top:1px;}
#info .adresse{margin-left:74px; float:left; width:170px; padding-top:2px; display:inline; margin-right:55px;}
#info .links{ float:left; padding-top:20px; width:164px}
#info #mailsPlace a{background: url("../../images/charte/mail.jpg") no-repeat left 5px; padding-left:20px; display:block; height:23px; text-decoration: underline;}

#info a.zoom{background: url("../../images/charte/zoom.jpg") no-repeat left 3px; font-weight:bold; padding-left:20px; text-decoration: underline;}

/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
.left{float: left;}
.right{float: right;}

.lead{padding-top:0 !important; margin:0 !important; }
.lead1{padding-top:5px !important; }
.lead2{padding-top:12px !important; }
.lead3{padding-top:19px !important; }
.couleur{font-size:15px}
.clear{clear:both}
.image-right{float:right;margin-left:14px; margin-bottom:5px;}
.image-left{float:left;margin-right:14px; margin-bottom:5px;}
.line{height:30px; background: url(../../images/charte/line.jpg) repeat-x left center; line-height:0; font-size:0px; padding:0; clear:both;}
.line1{height:28px; background: url(../../images/charte/line-right.jpg) no-repeat right bottom; line-height:0; font-size:0px; margin-bottom:20px; clear:both;}
.short{width:372px; float:right; height:10px; background-position:left bottom; display:inline}
.centered{text-align: center; margin:0 auto}
.small{font-size:10px;}


.indent{padding-left:30px;}
.text{padding-right:10px;}



.indent1{padding-right:10px;}
.text1{padding-left:10px ;}




.border{text-decoration: underline !important;}



ul.list{
  list-style:none;
  margin-top:8px;
  padding:0;
  }
  ul.list li{
    background: url(../../images/charte/icon-list.jpg) no-repeat left 7px;
    padding-left:12px;
    line-height:15px;
    margin:5px 0 0;
    }
ul.presentation{width:200px; float:left; height:120px; margin-left:8px; margin-top:15px;}
ul.electricite{padding-left:20px; padding-bottom:35px; float:left; margin:0; padding-top:20px;}
ul.chauffage{padding-left:20px; padding-bottom:10px; float:left; margin:0; padding-top:5px;}


/* presentation */
.icon1{background: url(../../images/charte/presentation-icon1.jpg) no-repeat left top; padding-left:53px; padding-top:0px; padding-bottom:4px;}
.icon2{background: url(../../images/charte/presentation-icon2.jpg) no-repeat left top; padding-left:53px; margin-top:10px; padding-bottom:7px; clear:both;}
.cadre{background:#0E69C4 url(../../images/charte/cadre.jpg) no-repeat right top; width:450px; height:80px; color:#ffffff; margin:8px 0}
  .cadre ul{padding-left:20px;}
  .cadre ul li{margin-top:10px;}

.cadre1{background:#0E69C4 url(../../images/charte/cadre1.jpg) no-repeat right top; width:450px; height:150px; color:#ffffff; margin:8px 0}
  .cadre1 ul{padding-left:20px;}
  .cadre1 ul li{margin-top:10px;}
/* electricite generale */
.diaporama{
  margin-left:20px;
  width:440px;
  height:140px;
  padding-top:10px;
  clear:both;
  }
p.title{text-align:center; font:bold 11px Verdana; background-color:#EAEAEA; color:#0E69C4; margin:1px; padding:3px 0; border:1px solid #ffffff; }

/* mdm popup */
#mdm-popup{background:url("../../images/charte/bg-popup.jpg") 0 0 no-repeat;}
    .mdm-popup-content{
      width:585px;
      height: 340px;
      overflow: auto;
      margin-top:145px;
      margin-left:20px;
      padding-right:5px;
      text-align: justify;
      line-height:15px;
      float:left;
      display: inline;
      }
    #mdm-popup img{border:1px solid #939393;}

#mdm-popup p{
  color:#434242;
  }

/* Contact */
#contact-content{
  width:565px;
  clear:both;
  padding:16px 0 0;
  float:left;
  margin-left:70px;
  display: inline;
  }

.contact-left{
  width:330px;
  float:left;
  }
  .contact-right{
    width:210px;
    display:inline;
    float:left;
    }
    .contact-right p{
      padding-left:5px;
      }

.inputForm{
	border:1px solid #848181;
	background-color:#ffffff;
	color:#727272;
  width:190px;
  font:normal 12px Verdana;
	}
.inputFormOver{
  border:1px solid #848181;
	background-color:#FFD3D6;
	color:#202020;
  width:190px;
  font:normal 12px Verdana;
	}

.label{
	width:100px;
	float:left;
	display:inline;
	clear:both;
	margin-top:1px;
	text-align:left;
  line-height:15px;
	}
  .label span, .obligatoire span{color:#6FB7FC;}
  .wide{width:360px !important;}
  .obligatoire{font-size:10px; color:#A9A9A9; text-align:center; clear:both }


.field{
	width:192px;
	float:left;
	margin-top:1px;
  font:normal 11px Arial;
 	}

.submit-buttons{
  width:300px;
  text-align: center;
  margin:0px 0 0 67px;
  clear: both;
  float:left;
  display:inline;
  }
  .submit-buttons div{
    float:left;
    display:inline;
    width:150px;
    }
.button{
  background:url(../../images/charte/button.jpg) no-repeat center bottom;
  border:none;
	width:114px;
  height:33px;
	cursor:pointer;
  color:#ffffff;
  font:bold 13px Verdana;
	}
  .buttonOver{
    background:url(../../images/charte/button-over.jpg) no-repeat center bottom;
    border:none;
  	width:114px;
    height:33px;
  	cursor:pointer;
    color:#ffffff;
    font:bold 13px Verdana;
    }

.contact-adresse{background:url(../../images/charte/contact-adresse.jpg) no-repeat left top; width:397px; height:102px; margin-left:26px; margin-top:80px;}
.contact-adresse p{margin-left:16px; color:#ffffff; text-align:center; width:180px;}
/* plan */
body#map{
  background-color:#A1CEFA;
  margin:0;
  padding:0;
	}
#imprimer{
	position:absolute;
  left:13px;
	bottom:2px;
  }
#plus{
	position:absolute;
  left:513px;
	top:102px;
	}
#imprimer img, #fermer img, #plus img{
  cursor:pointer;
  border:0;
  }

/* map adresse */
#map-adresse{
	position:absolute;
	left:198px;
	top:478px;
	}
  #map-adresse p{
    font:normal 11px Verdana;
    margin:0;
    padding:0;
    color:#000810;
    text-align: left;
    }