html{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
display:table;


}

body{	
	background: url(../images/charte/repeat-container-y.jpg) center top repeat-y #f9fbf8;
	width: 100%;
	margin: 0 auto;
	display: table;
}


p, ul, li, table, div, h1, h2, h3, hr, img, form, input{
		padding: 0px;
		margin: 0px;
		}

#header{
		background: url(../images/charte/background-container.jpg) center top no-repeat;
		width:100%;
		height:318px;
		display: table;
}
	#header-container{
						width:842px;
						margin-left:13px;
						height:318px;
						margin:0 auto;
	}
		#bandeau-haute{
						float:left;
						padding-left:13px
		}
#dynamic{
		width: 100%;
		display: table;
}
#container{
			width:842px;
			margin:0 auto;
			background:url(../images/charte/repeat-container-y.jpg) center top repeat-y;
			display:table;			
}

	#left-col-background{
						background:url(../images/charte/down-left-col.jpg) left bottom no-repeat;
						width:284px;
						float:left;
						display:table;
	}
	
	#buttons{
	float:left;
	padding-left:13px;
	}
					
	#left-col{
			width:284px;
			float:left;
			height:565px;
			display:table;
			
	}
		
	  	
		#adresse{
				width:284px;
				height:229px;
				background:url(../images/charte/adresse-background.jpg) left bottom no-repeat;
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				line-height:15px;		
		}
		
		
			
			
			
			.mail-text{
					width:264px;
					height:20px;
					color:#67b428;
					font-family:Arial, Helvetica, sans-serif;
					font-size:13px ;
					
					
					}
					
							.mail-text:link, .mail-text:visited{
																color:#67b428;
																font-family:Tahoma;
																font-size:11px;
																text-decoration:underline;
																float:left;
							}	
						
									.mail-text:hover, .mail-text:active{
																		color:#454645;
																		font-family:Tahoma; 
																		font-size:11px;
																		text-decoration:none;																		
																		float:left;
																	}
																	
			.footer-link{
					color:#67b428;
					font-family:Arial, Helvetica, sans-serif ;
					font-size:12px;
					}
					
							.footer-link:link, .footer-link:visited{
																color:#454645;
																font-family:Arial, Helvetica, sans-serif ;
																font-size:12px;
																}	
						
									.footer-link:hover, .footer-link:active{
																			color:#67b428;
																			font-family:Arial, Helvetica, sans-serif ;
																			font-size:12px;
																	}
																	
			.retour{
					color:#67b428;
					font-family:Arial, Helvetica, sans-serif ;
					font-size:12px;
					}
					
							.retour:link, .retour:visited{
																color:#454645;
																font-family:Arial, Helvetica, sans-serif ;
																font-size:12px;
																}	
						
									.retour:hover, .retour:active{
																			color:#67b428;
																			font-family:Arial, Helvetica, sans-serif ;
																			font-size:12px;
																	}
			
			
			

		#plan{
				width:283px;
				height:223px;
				float:right;
				
		}
		#blank-space{
					height:115px;
					width:15px;
					float:left;
					display:table;					
		}
		
	#right-col{
				width:546px;
				float:left;
			}
				.txtleft-picright{
				 					width:362px;
									height:149px;
									float:left;
									margin-top:5px;
									padding-left:13px;
									text-align:justify;
									color:#204602;
									line-height:13px;
									font-size:13px;
				}
				
			
				.green-bullet{
								float:left;
								margin-right:4px;
								padding-left:4px;
								padding-top:1px;
																
				}
				 		
				.green-bullet-after{
								font-family:Arial, Helvetica, sans-serif;
								font-size:12px;
								font-weight:normal;
				}
				.small-bullet{
								background-image:url(../images/charte/small-green-bullet.jpg);
								background-position: 10px 19px;
								padding-top:15px;
								padding-left:29px;
							/*	margin-left:11px;*/
								line-height:13px;
								float:left;
								color:#204602;
								background-repeat:no-repeat;
								text-align:justify;	
								}
				.small-bullet1{
								background-image:url(../images/charte/small-green-bullet.jpg);
								background-position: 6px 9px;
								padding-left:15px;
							/*	margin-left:11px;*/
								line-height:12px;
								color:#204602;
								background-repeat:no-repeat;
								text-align:justify;
								padding-top:6px;	
								}
				
				.rightpic-txtleft{
									width:156px;
									height:149px;
									background-image:url(../images/charte/thumb-back-top.jpg);
									background-position:left top;
									background-repeat:no-repeat;
									float:left;
									margin-left:6px;
									display:table
				}
				
				.txtcenter{			width:520px;
									float:left;
									margin-left:13px;
									text-align:justify;
									color:#204602;
									line-height:13px;
									font-size:13px;
									}
									
				.picleft-txtright{
									background-image:url(../images/charte/thumb-back-millieu.jpg);
									background-position:left top;
									background-repeat:no-repeat;
									height:156px;
									width:156px;
									float:left;
									margin-left:14px;
				}
				
				.txtright-picleft{
									width:365px;
									height:156px;
									float:left;
									line-height:13px;
									margin-left:6px;
									padding-right:14px;
				}
	
#footer{
		width:100%;
		height:70px;
		margin:0 auto;
		background-color:#f9fbf8;
		display:table;
}
	#footer-container{
						background:url(../images/charte/footer.jpg) center top no-repeat #f9fbf8;
						width:842px;
						height:70px;
						margin:0 auto;
						display:table;
	}
		#digital-age{
		width:205px;
		height:44px;
		padding-top:8px;
		padding-left:63px;
		float:left;
		}
		#footer-links{
		padding-top:6px;
		padding-left:29px;
		float:left;
		color:#454645;
		}
		#copy-right{
		margin-left:237px;
		margin-top:10px;
		float:left;
		color:#737473;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		}
/*		<p class="small-bullet" >Vous voulez construire et vous fourmillez d'idées, sans pouvoir avoir un chiffre en face de chacune d'entre-elles?</p>
		<p class="small-bullet">Vous voulez rénover une maison ou faire une extension?</p>*/
		
		
		
		.pres-important{
		width:520px;
		float:left;
		margin-top:10px;
		margin-bottom:10px;
		}
		

																	
#administrable a{
					color:#67b428;
					font-family:Arial, Helvetica, sans-serif ;
					font-size:12px;
					font-weight:bolder;
					padding-bottom:15px;
}

					
							#administrable a:link, #administrable a:visited{
																color:#204602;
																font-family:Arial, Helvetica, sans-serif ;
																font-size:12px;
																font-weight:bold;
																}	
						
									#administrable a:hover, #administrable a:active{
																			color:#000000;
																			font-family:Arial, Helvetica, sans-serif ;
																			font-size:12px;
																			font-weight:bold;
																	}
.contact:link, .contact:visited{
text-decoration:underline;					
color:#67b428;
}			

.contact:hover, .contact:active{
text-decoration:none;
color:#67b428;	
}

.savoir-plus{
					color:#ce3a00;
					font-family:Arial, Helvetica, sans-serif ;
					font-size:10px;
					padding-left:350px;
					}
					
							.savoir-plus:link, .savooir-plus:visited{
																color:#ce3a00;
																font-family:Arial, Helvetica, sans-serif ;
																font-size:10px;
																}	
						
									.savooir-plus:hover, .savooir-plus:active{
																			color:#67b428;
																			font-family:Arial, Helvetica, sans-serif ;
																			font-size:10px;
																	}