html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{
	font:normal 62.5% Tahoma;
	background:#F4F3E7 url(../images/charte/bg-body.jpg) repeat-x left top;
	}
p, ul, li, table, div, h1, h2, h3, hr, img{
	padding:0px;
	margin:0px;
	}
#container{
	width:100%;
	margin:0;
}
#container1{
	color:#605E53; 
	background:url(../images/charte/bg-container.jpg) repeat-y left top;
	width:858px;
	margin:0 auto;
	height:100%;
	}
#header{
	width:790px;
	height:295px;
/*	background-color:red;*/
	}
/* ---left content---*/
#left-col{
	float:left;
	width:249px;
	}
	#menu{
		width:249px;
		height:175px;
		margin-bottom: 278px;
		}
/*---right content---*/
#right-col{
	float:left;
	width:609px;
	color:#292928;
	}
	.page-title{
		width:609px;
		height:36px;
		}
		.presentation{
			background:url(../images/charte/title-presentation.jpg) no-repeat left top;
			}
		.construction{
			background:url(../images/charte/title-construction.jpg) no-repeat left top;
			}
		.renovation{
			background:url(../images/charte/title-renovation.jpg) no-repeat left top;
			}
		.surelevation{
			background:url(../images/charte/title-surelevation.jpg) no-repeat left top;
			}
		.contact{
			background:url(../images/charte/title-contact.jpg) no-repeat left top;
			}
		.merci{
			background:url(../images/charte/title-merci.jpg) no-repeat left top;
			}
	#page-dynamic{
			padding:15px 28px 0px 18px;
			font-size:1.3em;
			text-align: justify;
			font-family:tahoma;
			}
		#page-dynamic p{
			margin:5px 0px;
			padding-right:12px;
			}
		#page-dynamic .couleur{
			font-weight:bold;
			color:#5D571F;
			text-align:center;
			}
		#page-dynamic p.icon-text{
			background:url(../images/charte/icon-text.jpg) no-repeat left 4px;
			padding-left:15px;
			}
		#page-dynamic div#content {
			clear:both;
			background:#F6F5EB url(../images/charte/bg-content-bottom.jpg) no-repeat left bottom;
			float:left;
			width:555px;
			padding-bottom:40px;
			}
		div.subtitle img{
			padding-top:20px;
			}
	.spacer{
		clear:both;
		height:30px;
		width:557px;	
		}
	.line{
		padding:5px 0px;
		}
	ul.list1{
		margin:2px 0px 0px 100px;
		padding:0.5em;
		list-style-type:none;
		text-align:left;
		}
		ul.list1 li{
			background-image:url(../images/charte/icon-text.jpg);
			background-repeat:no-repeat;
			background-position:left 5px;
			padding-left:1.7em;
			margin-top:2px;
			}
	.image-right{
		float:right;
		padding-right:10px;
		margin-left:15px;
		cursor:pointer;
		width:148px;
		height:109px;
		}
	.image-left{
		width:148px;
		height:109px;
		float:left;
		margin-right:15px;
		padding-left:10px;
		cursor:pointer;
		}
	.contact-link:link, .contact-link:visited{
		color:#158DC2;
		}
	.contact-link:hover, .contact-link:active{
		color:#91D1F4;
		}
/*---footer---*/
#footer{
	height:39px;
	width:100%;
	bottom:0px;
	clear:both;
	background:#000 url(../images/charte/bg-footer.jpg) no-repeat center top;
	margin:0px auto;
	font-size:1.2em;
	}
	#footer #footer-content{
		width:858px; 
		margin:0px auto; 
		padding-top:3px;
		}
	#house{
		float: left;
		position:absolute;
		z-index:0;
		margin:-281px 0 0 0;
		background:url(../images/charte/footer-image.jpg) top no-repeat;
		width:249px;
		height:278px;
	}
	#digital{
		width: 121px;
		height: 33px;
		margin: 282px auto 0 auto;
/*		margin-left:42px;*/
		}
	#nav-footer{
		text-align: center;
		color:#897E75;
		float:right;
		padding-right:105px;
		}
	#nav-footer a:link, #nav-footer a:visited{
		text-decoration:none;
		color:#E1E1E1;
		letter-spacing:-0.05m;
		}
	#nav-footer a:hover, #nav-footer a:active{
		color:#B1B1B1;
		text-decoration:underline;
		}
	#footer-droits{
		margin-top:5px;
		color:#ABAAA0;
		font-size:0.91em;
		}
/*---popup---*/
#fermer a:link, #fermer a:visited{
	margin-top:5px;
	height:30px;
	font: bold 1.2em Arial;
	color:#fff;
	text-decoration:none;
	}
#fermer a:hover{
	margin-top:5px;
	height:30px;
	font: bold 1.2em Arial;
	color:#A1D1E7;
	text-decoration:underline;
	}