/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
html, body {width: 100%;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
p{padding-top: 10px; text-align:justify}
.left{float: left;} .right{float: right;}
#push, .clr	{clear: both;}
a:link,
a:visited{color:#CA8712; text-decoration: none;}
a:hover,
a:active{color:#C59842; text-decoration: underline;}
a:focus{outline:none}

object { outline:none;}
h1{height:26px; width:645px;  border-bottom:1px solid #C5C5C5}

h1 span{display: none;}

h1#presentation{background: url("../../images/charte/title-presentation.jpg") no-repeat right 0px;}
h1#couverture{background: url("../../images/charte/title-couverture.jpg") no-repeat right 0px;}
h1#isolation{background: url("../../images/charte/title-isolation.jpg") no-repeat right 0px;}
h1#photo{background: url("../../images/charte/title-photo.jpg") no-repeat right 0px;}
h1#contact{background:url("../../images/charte/title-contact.jpg") no-repeat right 0;}
h1#merci{background:url("../../images/charte/title-merci.jpg") no-repeat right 0;}

h4{font:bold 11px Arial; color:#006C9E}
h3{font:bold 12px/16px Tahoma; color:#005F01; clear:both; padding-top:8px; padding-bottom:10px;}


body{font: 11px/16px  Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif; background:#ffffff url(../../images/charte/bg-body.jpg) left top repeat-x;
  color:#002C0C;
}
#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/bg0.gif") 50% 50% repeat-y; margin:0 auto;	text-align: left;}
#content{}

/* ===| II. HEADER ELEMENTS |================================================*/

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;}
  #mdm{background: url(../../images/charte/bg-mdm.jpg) no-repeat left top; height:96px; padding-top:45px; padding-left:14px; padding-right:24px;}
  #mdm p{padding-top:0px; line-height:13px;}

  .actualite img{border:1px solid #969696; padding:2px;}

  #mdm-popup{
    background:#ffffff url("../../images/charte/bg-popup.jpg") 0 0 no-repeat;
    }
    .mdm-popup-content{
      width:560px;
      height: 345px;
      overflow: auto;
      margin-top:145px;
      margin-left:20px;
      padding-right:5px;
      color:#323232;
      text-align: justify;
      line-height:15px;
      }
    #mdm-popup img{border:1px solid #969696; padding:2px;}

#mdm-popup p{
  color:#002C0C;
  font:normal 11px/15px Tahoma;
  }




  #info{background: url(../../images/charte/bg-info.jpg) no-repeat left top; height:91px; padding-top:38px; padding-left:14px; width:318px}
    #info p{line-height:13px;}

  #left-outter a:link, #left-outter a:visited {color:#16AB1C; text-transform: uppercase;; font-size:10px; text-decoration: underline;}
  #left-outter a:hover, #left-outter a:active {color:#4D9C60; text-decoration: none;}
  p.mail{background:url(../../images/charte/mail.jpg) no-repeat left 7px; padding-left:20px;}
  p.zoom{background:url(../../images/charte/zoom.jpg) no-repeat left 7px; padding-left:20px;}




/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; overflow: hidden;}
#right-inner{padding: 19px 0px 0px 19px;}

/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left;  background:#6D9B7A url(../../images/charte/bg-footer.jpg) left top repeat-x;}
#fwrap1 {position:absolute; z-index: -3; left:0; background:url("images/footer-bg-0.gif") 50% 0% repeat-y; width:100%;}
#fwrap2 {position:absolute; z-index: -2; left:0; background:url("images/footer-bg-1.gif") 50% 100% no-repeat; width:100%;}
#fwrap3 {position:absolute; z-index: -1; left:0; }

#footer{height:46px; margin:0 auto; padding-top:8px;}
#footer p{color:#B6DCB8; font-size:11px; line-height:19px;}
.footer-digital{float:left; margin-left:20px; display:inline; width:300px; padding-top:0}
.footer-links{float:right; padding-right:0px; color:#FFFFFF; text-align:right;}

.footer-links a:link,
.footer-links a:visited{color:#FFFFFF; margin:0 5px; font-size:11px; }
.footer-links a:hover,
.footer-links a:active{color:#B6DCB7; text-decoration: underline;}
#footer a.digital:link, #footer a.digital:visited{color:#ffffff; }
#footer a.digital:hover, #footer a.digital:active{color:#B6DCB8; }

div.ref{padding: 0px 10px 0px; clear:both; text-align:center; color:#637E6A; line-height:13px; margin-top:3px}
.copyright{padding: 17px 0 0; text-align: center;}

img {border: 0;}
.lead{padding-top:0 !important; margin:0 !important; }
.lead1{padding-top:5px !important; }
.lead2{padding-top:14px !important; }
.big{font-size:13px; line-height:17px;}
.couleur{color:#006004;}
.clear{clear:both}
.image-right{float:right;margin-left:14px; margin-bottom:5px; margin-top:4px; border:1px solid #ffffff}
.image-left{float:left;margin-right:14px; margin-bottom:5px; margin-top:4px; border:1px solid #ffffff}
.left{float:left;}
.right{float:right;}
.line{height:30px; background: url(../../images/charte/line.jpg) repeat-x left center; line-height:0; font-size:0px; padding:0; clear:both;}
.centered{text-align: center; margin:0 auto}
.indent{padding-left:40px;}

ul.list{
  list-style:none;
  display:inline;
  margin-right:65px;
  margin-top:0;
  padding:0;
  }
  ul.list li, ul.list1 li{
    background: url(../../images/charte/icon-list.jpg) no-repeat left 4px;
    padding-left:17px;
    line-height:15px;
    }
ul.list1{
  list-style:none;
  display:inline;
  margin-right:37px;
  margin-top:0;
  padding:0;
  }
ul.list2{
  list-style:none;
  display:inline;
  margin-top:0;
  padding:0;
  float:left;
  width:460px;
  }
  ul.list2 li{
    background: url(../../images/charte/icon-list.jpg) no-repeat left 6px;
    padding-left:17px;
    line-height:16px;
    margin-top:4px;
    }


/* Contact */
#contact-form{
  width:664px;
  }
#contact-content{
  width:565px;
  border:1px solid #7AD292;
  clear:both;
  padding:10px 0;
  float:left;
  margin-left:40px;
  display: inline;
  }

.contact-left{
  width:245px;
  float:left;
  padding-left:40px;

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

.inputForm{
	border:1px solid #C5C5C5;
	background-color:#ffffff;
	color:#727272;
  width:160px;
  font:normal 12px Arial;
	}
.inputFormOver{
  border:1px solid #F3BB80;
	background-color:#ffffff;
	color:#F3BB80;
  width:160px;
  font:normal 12px Arial;
	}

.label{
	width:72px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	text-align:left;
	}
  .label span, .obligatoire span{color:#EA8827;}
  .wide{width:260px !important;}

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

.submit-buttons{
  width:565px;
  text-align: center;
  margin:0px 0 0 75px;
  clear: both;
  padding-top:10px;
  padding-bottom:5px
  }
  .submit-buttons div{
    float:left;
    display:inline;
    width:250px;
    }
.button{
  background:url(../../images/charte/button.jpg) no-repeat center bottom;
  border:none;
	width:108px;
  height:22px;
	cursor:pointer;
  color:#ffffff;
  font:bold 11px Tahoma;
	}
  .buttonOver{
    background:url(../../images/charte/button-over.jpg) no-repeat center bottom;
    border:none;
  	width:108px;
    height:22px;
  	cursor:pointer;
    color:#ffffff;
    font:bold 11px Tahoma;
    }


#mail-labels{
  background:#E4EAE4 url(../../images/charte/bg-maillabels.jpg) no-repeat 160px 15px;
  width:223px;
  height:110px;
  margin-top:6px;
  }
  #mail-labels ul{
   padding-top:10px;
   padding-left:50px;
   }
   #mail-labels input{
    float:left;
    }
    #mail-labels li{
      height:18px;
      line-height:10px;
      clear:both;
      }
.obligatoire{text-align: center; font-size:10px;clear:both; color:#676767;}

/* index */
.cadre{
  background:#ffffff url(../../images/charte/cadre.jpg) no-repeat left top;
  float:left;
  width:485px;
  padding:10px 0 13px 40px;
  margin-top:7px;
  margin-bottom:6px;
  }
.cadre1{
  background:#ffffff url(../../images/charte/cadre.jpg) no-repeat left top;
  float:left;
  width:415px;
  padding:10px 0 13px 60px;
  margin-top:7px;
  margin-bottom:6px;
  }
/* Plan d'accès */
body#map{
  background-color:#fff;
  margin:0;
  padding:0;
	}

/* map buttons */
#imprimer{
	position:absolute;
  left:46px;
	top:74px;
  }
#plus{
	position:absolute;
  left:510px;
	top:127px;
	}
#imprimer img, #fermer img, #plus img{
  cursor:pointer;
  border:0;
  }

/* map adresse */
#map-adresse{
	position:absolute;
	left:15px;
	top:130px;
	}
  #map-adresse p{
    font:normal 11px Tahoma;
    margin:0;
    padding:0;
    color:#014403;
    }