html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{
background:#F1C274 url(../images/charte/bg-body.jpg) repeat-x ;
		}

#container0{
	margin:auto;
	width:783px;
	}
	#header{
	padding:0px;
	margin:0px;
	width:783px;
	height:208px;
	}

#container1{
	width:783px;
	display:table;
	background:url(../images/charte/bg-container1.jpg);
	background-repeat:repeat-y;
	height:100%;
}
/* ---left menu---*/
#left_col{
	margin:0px;
	float:left;
	width:232px;
	}
	#left_col p{
	margin:0px;
	padding:0px;
	}
	#menu{
		float:left;
		width:208px;
		height:191px;
		}
		#mdm{ background:url(../images/charte/bg-mdm.jpg) no-repeat top;
		float:left;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		color:#56260F;
		width:232px;
		height:195px;
		color:#304203;
		}		
		#adress{
		float:left;
		background:url(../images/charte/bg-adress.jpg) no-repeat top;
		width:232px;
		height:236px;
		line-height:18px;
		
		}
		#adr {
		width:170px;
		margin-top:61px;
		margin-left:50px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#000000;
		}
		#tel{
		width:170px;
		height:40px;
		margin-left:50px;
		margin-top:41px;
		text-align:left;
		color:#000000;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		}
		#email{
		width:170px;
		margin-left:50px;
		color:#000000;
		}
		#email a:link, #email a:visited{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#000000;
			text-decoration:none;
		}
		#email a:hover, #email a:active{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#000000;
			text-decoration:underline;
		}
		#plan{
		float:left;
		background:url(../images/charte/bg-plan.jpg) no-repeat top;
		width:232px;
		height:166px;
		}
		.map{
		cursor:pointer;
		margin-left:5px;
		margin-top:38px;
		}
		#diaporama{
		float:left;
		width:232px;
		height:209px;
		}
	

/*---right content---*/
#right_col{
	float:right;
	width:551px;
	color:#000000;

	}
	.page-dynamic{
		text-align:left;
		width:532px;
		margin-left:5px;
		color:#000000;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:19px;
		}
	.page-title{
		width:534px;
		height:35px;
		float:left;
		}
		.presentation{
		background:url(../images/charte/title-presentation.jpg) no-repeat right top;
			}
		.traitement{
		background:url(../images/charte/title-traitement.jpg) no-repeat right top;
		}
		.ravalement {
		background:url(../images/charte/title-ravalement.jpg) no-repeat right top;
		}
		.isolation{
		background:url(../images/charte/title-isolation.jpg) no-repeat right top;
		}
		.contact{
		background:url(../images/charte/title-contact.jpg) no-repeat right top;
		}
		.merci{
			background:url(../images/charte/title-merci.jpg) no-repeat right top;
			}
	.page-dynamic p{
		padding:0px;
		margin:0px;
		margin-left:5px;
		text-align:left;
		color:#000000;
		letter-spacing:normal;
		}
	ul.list{
		margin-top:10px;
		width:450px;
		float:left;
		color:#000000;
	}
	.list li{
			background:url(../images/charte/bullet.jpg) no-repeat;
			list-style-type:none;
			background-position: 2px 6px;
			background-repeat:no-repeat;
			padding:3px 2px 2px 10px;
			padding-left:30px;
		}	
	
ul.list2{
		margin-top:10px;
		margin-left:-5px;
		width:250px;
		float:left;
		color:#000000;
	}
	.list2 li{
			background:url(../images/charte/bullet.jpg) no-repeat;
			list-style-type:none;
			background-position: 2px 7px;
			background-repeat:no-repeat;
			padding:3px 2px 2px 10px;
			padding-left:35px;
		}	
		ul.list1{
		margin-top:10px;
		width:270px;
		float:left;
		color:#000000;
	}
	.list1 li{
			background:url(../images/charte/bullet.jpg) no-repeat;
			list-style-type:none;
			background-position: 2px 7px;
			background-repeat:no-repeat;
			padding:3px 2px 2px 0px;
			padding-left:35px;
		}	


ul.list11{
		width:478px;
		float:left;
		color:#000000;
		margin-left:30px;
	}
	.list11 li{
			background:url(../images/charte/bullet.jpg) no-repeat;
			list-style-type:none;
			background-position: 2px 5px;
			background-repeat:no-repeat;
			padding:3px 2px 2px 35px;
		}	
	.image-right{
		float:right;
		margin:0px 8px 5px 8px;
		cursor:pointer;
	
		}
	.image-left{
		float:left;
		margin:0px 5px 0px 3px;
		cursor:pointer;
		}
	
.line{
		clear:both;
		padding:5px 0px;
		}
#text{
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	line-height:18px;
	color:#FF9F00;
	font-size:14px;
	font-weight:bold;
}		
.image{
margin-left:80px;
}
.text1{
	padding-top:5px;
	padding-bottom:5px;
	margin-left:180px;
}
#text-p{
line-height:25px;
text-align:justify;
}
	#diaporama-traitmement
	{width:500px;
	height:165px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	}
/*---merci page---*/	
	#text-merci{
		color:#000000;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		line-height:19px;
		font-weight:bold;
		text-align:center;
	}
	#contact_link:link, #contact_link:visited{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:13px;
			color:#FF9F00 ;
			text-decoration:underline;
			}
		#contact_link:hover, #contact_link:active{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:13px;
			color:#FF9F00 ;
			text-decoration:none; 
			}
/*---footer---*/

#footer{background:url(../images/charte/bg-footer.jpg) no-repeat top;
	height:69px;
	width:783px;
	color:#000000;
	
}

#digital{
	background:url(../images/charte/bg-digital.jpg) repeat-y;
	width:120px;
	float:left;
	padding-left:50px;
	margin-top:30px;
	cursor:pointer;

}
	#nav_footer{
		float:right;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		width:550px;
		height:30px;
		color:#000000;
		margin-top:25px;
		text-align:center;

		}
#footer_droits{
		float:right;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		text-align:center;
		width:540px;
		color:#000000;
		}

	#nav_footer a:link, #nav_footer a:visited{
		text-decoration:none;
		color:#000000;
		}
	#nav_footer a:hover, #nav_footer a:active{
		color:#000000;
		text-decoration:underline;
		}

	#mentions-link:link, #mentions-link:visited{
		color:#000000;
		text-decoration:none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px !important;
		font-weight:bold !important;
		}
	#mentions-link:hover, #mentions-link:active{
		color:#000000;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px !important;
		font-weight:bold !important;
		text-decoration:underline;
		}	


/*---popup---*/
#fermer { background-color:#F1C274; height:30px}
#fermer a:link, #fermer a:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	}
#fermer a:hover, #fermer a:active{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
	}