/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
html, body {width: 100%;}
body{ background-color:#ffffff; font: 12px  Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;}

ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0; }
p{padding:7px 0 0; line-height:14px; text-align: justify;  font: 12px  Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;}
a:link,
a:visited{color:#001F72; text-decoration: none;}
a:active,
a:hover{color:#CC001A; }
a:focus{outline: none;}

.left{float: left;} .right{float: right;}
#push, .clr	{clear: both;}

body{}
#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{}

h1 span{display:none;}
h1 {height:36px; clear:both;}


.ilnr{
  width:30px;
  float:left;
}


h1#presentation{background:url("../../images/charte/title-presentation.jpg") no-repeat left top;}
h1#diagnostics{background:url("../../images/charte/title-diagnostics.jpg") no-repeat left top;}
h1#devis{background:url("../../images/charte/title-devis.jpg") no-repeat left top;}
h1#actualite{background:url("../../images/charte/title-actualite.jpg") no-repeat left top;}
h1#contact{background:url("../../images/charte/title-contact.jpg") no-repeat left top;}
h1#merci{background:url("../../images/charte/title-merci.jpg") no-repeat left top;}

h2{font:bold 13px Tahoma; color:#2E4C9F; background-color: #ffffff; display:inline; padding:0 5px; }
h3{font:bold 12px Tahoma; color:#CA021C;margin-top:10px}
h3 span{font:normal 12px Tahoma; color:#212121;margin-top:10px}

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

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden; }
#left-outter div.outter{background: url(images/box1.gif) 50% 0% no-repeat;padding: 0 0 10px;	min-height: 159px; height: auto!important; height:159px; }
#left-outter div.inner{padding: 0px 5px 0px;}

#left-outter div.box1{padding:0 5px 10px;}
#left-outter .box1 .inner{padding:0}

#left-outter div.box2{}
#left-outter div.box3{}
#left-outter .box4{}

#info{width:292px; height: 142px; position: relative;}
#info{ clear:both; background: url("../../images/charte/bg-adresse.jpg") no-repeat left top; margin: 0px 0 7px; padding-top:53px; padding-left:12px; color:#202020; }
#info p{line-height: 15px;}

.plan-acces{position:absolute; right:46px; top:130px;}
#diaporama{margin-bottom:7px;}

/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{float:left;	margin:0; padding:0; overflow: hidden;}
#right-inner{padding-left:10px; padding-right:15px; background:url("../../images/charte/bg-title.jpg") no-repeat 70px 0px; padding-top:17px; padding-bottom:20px;}
#right-inner p{color: #212121; line-height:16px;}

/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left; background-color:#332364; height:44px; border-top:1px solid #AEAADC;}
#footer{ margin:0 auto; padding-top:15px;}
#footer p{color:#C2BDD1; font-size:11px;}
.footer-digital{float:left}
.footer-links{float:right; color:#C2BDD1;}
.footer-links a:link,
.footer-links a:visited{color:#C2BDD1; margin:0 1px; font-size:11px; text-decoration: none;}
.footer-links a:hover,
.footer-links a:active{color:#ffffff; }

.footer-digital a.digital:link,
.footer-digital a.digital:visited{color:#ffffff; margin:0 4px; font-size:11px; text-decoration: none;}
.footer-digital a.digital:hover,
.footer-digital a.digital:active{color:#C2BDD1;}

div.ref{padding: 0px 10px 0px; clear:both; text-align:center; font-size:11px; color:#6058AA; line-height:13px;}

/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}
.lead{padding-top:0px !important; }
.lead1{padding-top:2px !important; }
.lead2{padding-top:15px; }
.lead3{padding-top:4px; }
.couleur{color:#D4001B;}
.clear{clear:both}
.image-right{float:right;margin-left:13px;}
.image-left{float:left;margin-right:13px}
.left{float:left;}
.right{float:right;}
.line{height:14px; background: url(../../images/charte/line.jpg) repeat-x left center; line-height:0; font-size:0px; padding:0; clear:both;}
.line1{height:14px; background: url(../../images/charte/line-index.jpg) no-repeat left center; line-height:0; font-size:0px; padding:0; margin-top:12px;}
.centered{text-align: center; margin:0 auto}
.indent{margin-left:20px;}
ul.list{
  list-style:none;
  padding-left:40px;
  margin-top:10px;
  }
  ul.list li{
    background: url(../../images/charte/icon-list.jpg) no-repeat left 7px;
    padding-left:12px;
    line-height:17px;
    color:#202020;
    }
/* contact */
#contact-form{
  float:left;
  width:610px;
  margin-left:50px;
  display:inline;
  }
.contact-left{
  width:280px;
  float:left;
  padding-left:20px;
  }


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

.inputForm{
	border:1px solid #5470BA;
	background-color:#ffffff;
	color:#7A7A7A;
  width:180px;
  font:normal 12px Tahoma;
  padding-left:2px
	}
.inputFormOver{
  border:1px solid #D60E2B;
	background-color:#ffffff;
	color:#D5001D;
  width:180px;
  font:normal 12px Tahoma;
  padding-left:2px
	}
textarea{font:normal 11px Tahoma;}

.label{
	width:80px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#212121;
	text-align:left;
  font:normal 12px Tahoma;
	}
  .label span, .obligatoire span, .indent span{color:#CF1129;}
  .wide{width:200px !important;}

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

.submit-buttons{
  width:400px;
  text-align: center;
  margin:40px 0 0 148px;
  }
  .submit-buttons div{
    float:left;
    display:inline;
    width:200px;
    }
.button{
  background:url(../../images/charte/button.jpg) no-repeat center bottom;
  border:none;
	width:125px;
  height:25px;
	cursor:pointer;
  color:#ffffff;
  font:bold 12px Tahoma;
	}
  .buttonOver{
    background:url(../../images/charte/button-over.jpg) no-repeat center bottom;
    border:none;
  	width:125px;
    height:25px;
  	cursor:pointer;
    color:#EBEAF4;
    font:bold 12px Tahoma;
    }
.obligatoire {font-size:10px; margin-left:300px }
.comment{height:200px}

/* presentation */
.subtitle{background: url(../../images/charte/line-subtitle.jpg) repeat-x left 12px; text-align: center; margin-bottom:10px}
.cadre{background-color:#F0EFFF; float:right; width: 588px; margin-top:10px; }
p.dots{background:url(../../images/charte/bg-dots.jpg) repeat-x left 28px;}
p.dots span{background-color:#ffffff; padding-right:8px;}
p.bordered{border:1px solid #C8D2F0; border-width: 1px 0; border-top-color:#C8D2F0; border-bottom-color:#9BAEE3; padding: 14px 0; width:525px; float:left; margin-top:24px;}
.btn1{margin:5px 4px 0px}
a:hover img.btn1{opacity:0.6;}
.border{border: 1px solid #8197D1; padding:1px;}

body#map{
  background-color:#fff;
  margin:0;
  padding:0;
	}

/* map buttons */
#imprimer{
	position:absolute;
  right:31px;
	top:5px;
  }
#plus{
	position:absolute;
  left:20px;
	top:132px;
	}
#imprimer img, #fermer img, #plus img{
  cursor:pointer;
  border:0;
  }
#map-adresse{
	position:absolute;
	left:213px;
	top:13px;
	}
  #map-adresse p{
    font:normal 11px/15px Arial;
    margin:0;
    padding:0;
    color:#212121;
    text-align:center;
    }
/* devis */
.devisform .contact-left{
  width:460px;
  margin-left:65px;
  display:inline;
  }
  .devisform .label{
  width:250px;
  background: url(../../images/charte/bg-dots.jpg) repeat-x left 12px;
  }
  .devisform .label span{background-color:#ffffff}
   .devisform .label span.name{color:#212121}

  .devisform .submit-buttons{
    margin-left:0px;
    margin-top:0px;

    }
  .radiobuttons{
    float:left;
    width:18px;
    height:15px;
    padding-top:3px
    }
    .radiobuttons1{
    float:left;
    width:18px;
    height:15px;
    padding-top:0px
    }