html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{
  margin: 0 auto;
	font: normal 13px Verdana;
  color: #462e07;
  background-image: url(../images/charte/repeat-y.jpg);
  background-color: #942e06;
  background-repeat: repeat-y;
  background-position:center top;
  display:table;
	}
p, ul, li, table, div, h1, h2, h3, hr, img{
	padding:0px;
	margin:0px;
	}

#container{
  background-image: url(../images/charte/bg-container.jpg);
  background-position:left top;
  background-repeat:no-repeat;
	width:1008px;
	margin:0px auto;
  display:table;
	}
#container1{
  width:784px;
  margin: 0 auto;
  background-position: left top;
  background-repeat: no-repeat;
  display:table;
}

#header{
  width:784px;
  height:305px;
	margin:0 auto;
}

#left-col{
  width:206px;
  float:left;
}
#menu{
  width:206px;
  height:210px;
  float:left;
}
#adresse{
  width:206px;
  height:130px;
  background-image:url(../images/charte/bg-adresse.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  float:left;
}
#adresse p{
  color:#340b03;
  text-align:left;
  padding-top:43px;
  padding-left:17px;
  line-height:19px;
  float:left;
}

#mail{
  width:206px;
  height:38px;
  float:left;
}
#horaires{
  width:206px;
  height:136px;
  background-image: url(../images/charte/bg-horaires.jpg);
  background-position: left;
  background-repeat: no-repeat;
  float:left;
}
#horaires p{
  color:#340b03;
  width:206px;
  text-align: center;
  padding-top:48px;
  line-height:19px;
  float:left;
}

#devis{
  width: 206px;
  height: 199px;
  background-image: url(../images/charte/bg-devis.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  float:left;
}
#devis p{
  color:#340b03;
  text-align:left;
  padding-top:30px;
  padding-left:17px;
  line-height:19px;
  float:left;
}
#devis a:link , #devis a:visited{
  color:#e36f0b;
  text-align:left;
  font-weight: bolder;
  line-height:19px;
  float:left;
}
#devis a:hover , #devis a:active{
  color:#e36f0b;
  text-align:left;
  font-weight: bolder;
  line-height:19px;
  float:left;
  text-decoration: none;
}

#plan{
  width:206px;
  height:53px;
  background-image: url(../images/charte/bg-plan.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  float:left;
}
#right-col{
  width:578px;
  text-align:justify;
  float:left;
}
#page-title{
  width:578px;
  height:37px;
  float:left;
  background-color:green;
   
}
#page-dynamic{
  width:570px;
  padding-left:5px;
  float:left;
   
}
#page-dynamic .thumb{
  width:138px;
  height:103px;
  border:solid 1px #746244;
  float:left;
  cursor: pointer;
}
#page-dynamic .important{
  width:553px;
  height:31px;
  padding-top:12px;
  padding-left:10px;
  float:left;
   
}

#page-dynamic p{
  width:545px;
  line-height:18px;
  padding-left:15px;
  padding-top:15px;
  text-align:justify;
  float:left;
   
  }
#page-dynamic h3{
  width:550px;
  padding-left:13px;
  padding-top:8px;
  font:bold 15px Verdana;
  float:left;
}

#page-dynamic .line{
  padding-left:10px;
  padding-top:10px;
  padding-bottom:10px;
  float:left;
   
}
#page-dynamic ul.list{
	list-style:none;
  width:522px;
  padding-top:15px;
  padding-left:43px;
  float:left;
}
#page-dynamic	ul.list li{
  padding-left:22px;
  padding-right:4px;
  background:url(../images/charte/bullet.jpg) left 3px no-repeat;
  text-align: justify;
  line-height:18px;
}
.lefttxt-rightpic{
  width:553px;
  height:152px;
  padding-left:10px;
  background-image:url(../images/charte/bg-rightpic-lefttxt.jpg);
  background-position: right 10px;
  background-repeat: no-repeat;
  float:left;
   
}
.lefttxt-rightpic .left-txt{
  width:320px;
  padding-left:27px;
  text-align: justify;
  float:left;
}
.lefttxt-rightpic .right-pic{
  width:140px;
  height:105px;
  padding-top:29px;
  padding-left:39px;
  float:left
}
.rightpic-lefttxt{
  width:553px;
  height:152px;
  padding-left:10px;
  background-image:url(../images/charte/bg-leftpic-righttxt.jpg);
  background-position: right 10px;
  background-repeat: no-repeat;
  float:left;

}
.rightpic-lefttxt .left-pic{
  width:140px;
  height:105px;
  padding-top:28px;
  padding-left:27px;
  float:left
}

.rightpic-lefttxt .right-txt{
  width:320px;
  padding-left:39px;
  text-align: justify;
  float:left;
}
.right-pic1{
width:194px;
height:130px;
background-image:url(../images/charte/right-pic1.jpg);
background-position: right 15px;
background-repeat:no-repeat;
float:right;
display:table;
}
.rightpictures-lefttxt{
  width:553px;
  height:232px;
  padding-left:10px;
  background-image:url(../images/charte/avant-apres-up.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  float:left;

}
.rightpictures-lefttxt .right-txt{
  width:320px;
  padding-right:28px;
  text-align: justify;
  float:right;
}
.rightpictures-lefttxt .left-pic-avant{
  width:140px;
  height:105px;
  padding-top:7px;
  padding-left:24px;
  float:left;
}
.rightpictures-lefttxt .left-pic-apres{
  width:140px;
  height:105px;
  padding-top:10px;
  padding-left:24px;
  float:left;
}


#page-title{
  width:578px;
  height:37px;
  float:left;
}
#partenaires{
  width:568px;
  height:116px;
  margin-top:10px;
  border:solid 1px #746244;
  float:left;
  background-color:yellow;
}
#partenaires .partenaire{
  float:left;
}
#footer{
  margin:0 auto;
  width:1008px;
  height:58px;
  background-image: url(../images/charte/footer.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  display:table;
}
#digital-age{
  width:297px;
  height:58px;
  float:left;
}
#nav-footer{
  width:575px;
  padding-left:50px;
  height:15px;
  padding-top:26px;
  float:left;
  text-align: left;
  font:bold 12px Verdana;
  color:#410e02;
}
#nav-footer a:link, #nav-footer a:visited{
	font:bold 12px Verdana;
	text-decoration:none;
	color:#410e02;
	text-align:left;
	}
#nav-footer a:hover, #nav-footer a:active{
	font:bold 12px Verdana;
	color:#410e02;
	text-decoration:underline;
	text-align:left;
	}
#footer-droits{
  width:525px;
  padding-left:125px;
  height:16px;
  float:left;
  text-align: left;
  font:bold 10px Verdana;
  color:#661903;
}
#footer-droits p{
  font:normal 10px Verdana;
  text-align:left;
  padding-top:3px;
  float:left;
  color:#661903;
}
#footer-droits #mentions-link:link, #footer-droits #mentions-link:visited{
	color:#661903;
	font:bold 10px Verdana;
	text-decoration:none;
	}
#footer-droits #mentions-link:hover, #footer-droits  #mentions-link:active{
	color:#661903;
	font:bold 10px Verdana;
	text-decoration:underline;
	}
.button1{
	background-color: #fcd577;
	color: #824b36;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #824b36;
	width: 75px;
	height: 20px;
  margin-left:3px;
  margin-right: 3px;
}
.buttonover1{
	background-color: #824b36;
	color: #fcd577;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #fcd577;
	width: 75px;
	height: 20px;
	cursor: pointer;
  margin-left:3px;
  margin-right: 3px;
}