html, body{
	width:100%;
	
	margin:0px;
	padding:0px;
	}
	
body{
	font:normal 62.5% verdana;
	background:url(../images/charte/bkg_line.jpg) repeat-x left top #5649CC;
	}
	
p, ul, li, table, div, h1, h2, h3, hr, img{
	padding:0px;
	margin:0px;
	}

#header{
	width:744px;
	height:140px;
	margin:0 auto;
	}
	
#container{
	background: url(../images/charte/bkg_h.jpg) repeat-y center top;
	width:744px;
	
	margin:0 auto;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	}
			
	#left-col{
		width:195px;
		float:left;
		padding-bottom:10px;
		}
		
		#menu{
				width:195px;
				height:147px;
				
			}

	#adresse{
        height:525px;
		width:195px;
		background: url(../images/charte/adresse.jpg) no-repeat left top;
	    }
			
			
	#h_left{
	font:normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#130D49;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
	}
	
	.adr{
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:5px;
	color:#130D49;
	font-weight:600;	
	}
	
	.tel{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding-top:5px;
	padding-left:15px;
	color:#130D49;
	}
	
	#champ-daction{
	width:100px;
	margin:5px auto;
	border:solid 1px #130D49;
	}
	
	#container-left{
	width:195px;
	height:150px;}
	
	
			
		
/*right column=contenu*/			
#right-col{
	width:549px;
	float:left;
	
	}
.image-left{
float:left;
padding:0px 5px 0px 9px;
cursor:pointer;
}
.image-right{
float:right;
padding:0px 12px 5px 0px;
cursor:pointer;
}
		.text {
		font-family:Tahoma;
		font-size:12px;
		padding-top:10px;
		padding-left:25px;
		text-align:left;
		}	
		.text1{
		font-family:Tahoma;
		font-size:15px;
		font-weight:600;
		color:#3C3766;
		}
.text-notre
{
		font-family:Tahoma;
		font-size:15px;
		font-weight:600;
		color:#3C3766;
		padding-left:9px;
		margin-top:20px;
		line-height:25px;
		}
		
		.text-notre1
		{text-align:center;
		font-family:Tahoma;
		font-size:15px;
		font-weight:600;
		color:#3C3766;
		margin:10px;
		line-height:25px;
		}
		
#back{
	background:url(../images/charte/bg-right.jpg) no-repeat right top;
	width:548px;
	height:690px;
	}
	
	#proj{
	width:400px;
	float:left;
	padding-top:100px;
	}
	
		
		#plac{
		font-family:Tahoma;
		font-size:15px;
		font-weight:600;
		color:#074897;
		padding-top:20px;
		padding-left:50px;
		}
	
	#photo1{
	padding-right:14px;
	float:right;
	padding-top:90px;
	width:123px;
	height:156px;
	}
	
	#photo2{
	float:left;
	padding-top:10px;
	width:200px;
	height:156px;
    padding-left:7px;
	display:block;
	}
	
	#photo3{
	float:left;
	padding-top:10px;
	width:109px;
	height:156px;
	padding-left:8px;
	}	
	
	#maison{
	background:url(../images/charte/bg-index.jpg) no-repeat left top;
	float:left;
	width:328px;
	height:185px;
	margin-left:4px;
	}
	

	
	#realisations span{
	color:#FF7E00;
	font-weight:bold;
	}
	
	#photos{
	background:url(../images/charte/bg-photos.jpg) no-repeat left top;
	width:449px;
	height:180px;
	margin-left:40px;
	margin-top:10px;
	padding:13px 10px 10px 20px;
	
	}
	
		#left{
			width:204px;
			float:left;
			margin:10px 5px 10px 70px;
			
		}
		#right{
			width:204px;
			float:left;
			margin-top:10px;
    	}
			.title-photo{
			font-family:Tahoma;
			font-size:15px;
			font-weight:600;
			color:#074897;
			padding-top:20px;
			text-align:center;
			margin-bottom:10px;
			}
			
#savoir{
background:url(../images/charte/bg-notre.jpg) no-repeat left top #ffffff;
width:548px;
height:650px;
padding-top:90px;
}

	#faire {
	background:url(../images/charte/bg-maison.jpg) no-repeat left top;
	width:404px;
	height:187px;
	float:left;
	}
	
			ul.list{
				width:300px;
				margin-left:70px;
				padding-top:5px;
				font-family:Tahoma;
				font-size:12px;
				line-height:20px;
	  		}
			ul.list li{
			background:url(../images/charte/bullet.jpg) no-repeat top left;
			list-style-type:none;
			background-repeat:no-repeat;
			background-position:left 3px;
			padding-left:20px;
			}
	.link-pres{
		font-family:Tahoma;
		font-size:12px;
		padding:10px 10px 5px 10px;
		text-align:justify;
		line-height:22px;
		}	
		
		 .link-pres a:link, .link-pres a:visited{
			color:#FA7A21;
			text-decoration:none;
			font-weight:bold;
			}
		 .link-pres a:hover,  .link-pres a:active{
			text-decoration:underline;
			}	
	
	#contact-link{
	font-family:Tahoma;
	font-size:15px;
	font-weight:600;
	text-align:center;
	color:#3C3766;
	margin-left:20px;
	margin-top:10px;
	line-height:35px;
	}	
		 #contact-link a:link,  #contact-link a:visited{
			color:#FA7A21;
			text-decoration:none;
			}
		 #contact-link a:hover,  #contact-link a:active{
			text-decoration:underline;
			}
		
#page-title{
background:url(../images/charte/bg-merci.jpg) no-repeat right top #FFFFFF;
width:548px;
height:741px;

}
		
#footer{
	width:744px;
	height:69px;
	background: url(../images/charte/footer.jpg) no-repeat left top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0 auto;
	}
	#digital-age{
		float:left;
		padding-left:35px;
		padding-top:30px;
		width:127px;
		height:21px;
		
		}
	#nav-footer{
			margin-right:100px;
			padding-top:35px;
			}
		#nav-footer a:link, #nav-footer a:visited{
			color:#FFFFFF;
			text-decoration:none;
			}
		#nav-footer a:hover, #nav-footer a:active{
			color:#CDBDFF;
			}
		#footer-droits{
			margin-right:95px;
			margin-top:5px;
			}	
		#mentions-link:link, #mentions-link:visited{
			font-weight:bold;
			color:#FFFFFF;
			text-decoration:none;
			}
		#mentions-link:hover, #mentions-link:active{
			color:#CDBDFF;
			}

#pg_realisation{
background:url(../images/charte/bg-realisations.jpg) no-repeat right top #FFFFFF;
width:548px;
height:650px;
position:absolute;
z-index:1;
}



.contact-link:link, .contact-link:visited{
			font-weight:bold;
			color:#FA7A21;
			text-decoration:none;
			}
.contact-link:hover, .contact-link:active{
			color:#D8D6E9;
			}


.text-link:link, .text-link:visited{
		font-family:Tahoma;
		font-size:14px;
		color:#074897;
		text-decoration:none;
		}	
		
		.text-link:hover, .text-linkk:active{
										     font-family:Tahoma;
										     font-size:14px;
											 color:#3C3766;
										     text-decoration:none;
											}
.text-link2{
		text-align:center;
		font-family:Tahoma;
		font-size:14px;
		color:#3C3766;
		text-decoration:none;
		}															

.text-link2:link, .text-link2:visited{
		text-align:center;
		font-family:Tahoma;
		font-size:14px;
		color:#3C3766;
		text-decoration:none;
		}	
		
		.text-link2:hover, .text-linkk2:active{
												text-align:center;
												font-family:Tahoma;
												font-size:14px;
												color:#074897;
												text-decoration:none;
											}