html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{
	font:normal 62.5% Tahoma;
	background:#E8E6D9 url(../images/charte/bg-body.jpg) repeat-x left top;
	color:#000000;
	}
p, ul, li, table, div, h1, h2, h3, hr, img{
	padding:0px;
	margin:0px;
	}
#container{
	margin:0px auto;
	width:788px;
	}
#container1{
	width:788px;
	background:url(../images/charte/container1-repeat.jpg) repeat-y left top;
	margin:0px auto;
	}
#header{
	width:788px;
	height:149px;
	}
/*---left-col---*/
#left-col{
	width:232px;
	float:left;
	}	
	#menu{
		width:232px;
		height:162px;
		}
	#adresse{
		width:231px;
		height:193px;
		background:url(../images/charte/bg-adresse.jpg) no-repeat left top;
		}
		#adresse div{
			padding-top:54px;
			margin-left:26px;
			}
			#adresse p{
				font:normal 1.2em tahoma;
				letter-spacing:1.1px;
				margin-bottom:18px;
				}
			#adresse p#tel{
				letter-spacing:normal;
				}
			a#contact-link:link, a#contact-link:visited{
				color:#FF0000;
				text-decoration:none;
				font-weight:bold;
				background:url(../images/charte/adresse-envelope.jpg) no-repeat right 0px;
				padding-top:10px;
				padding-right:40px;
				padding-bottom:20px;
				} 
			a#contact-link:hover, a#contact-link:active{
				color:#FA6842;
				text-decoration:none;
				font-weight:bold;
				background:url(../images/charte/adresse-envelope-over.jpg) no-repeat right 0px;
				} 
		#plan{
			width:232px;
			height:48px;
			background:url(../images/charte/bg-plan.jpg) no-repeat left top;
			}
			#plan img{
				margin-top:14px;
				margin-left:35px;
				}
		#image{
			background:url(../images/charte/left-image.jpg) no-repeat left top;
			width:232px;
			height:356px;
			}
/*---right col---*/
#right-col{
	width:556px;
	float:left;
	background:url(../images/charte/bg-right1.jpg) repeat-y left 109px;
	}
	#page-title{
		background:url(../images/charte/bg-title.jpg) no-repeat left top;
		width:556px;
		height:32px;
		}
	#page-title img{
		margin-top:7px;
		margin-left:26px;
		}
	#page-dynamic{
		width:539px;
		margin-left:10px;
		font:normal 1.2em Tahoma;
		padding-top:10px;
		}
		#page-dynamic p{
			text-align:justify;
			line-height:19px;
			}
			p.lead-text{
				padding-top:22px;
				float:left;
				}
			p.lead-text1{
				padding-top:10px;
				float:left;
				}
			.subtitle{
				text-align:center;
				}
		.content-line-bottom{
			background:#EBE6CF url(../images/charte/line-bottom.jpg) no-repeat left bottom;
			float:left;
			padding:10px 5px;
			margin-bottom:10px;
			width:529px;
			}
		.content-line-top{
			background:#EBE6CF url(../images/charte/line-top.jpg) no-repeat left top;
			float:left;
			padding:5px;
			margin-top:10px;
			width:529px;
			}	
	.image-left{
		float:left;
		margin-right:15px;
		}
	.image-right{
		float:right;
		margin-left:15px;
		}
	.line{
		padding:8px 0px;
		clear:both;
		}
	 ul.list1{
	 		margin:5px 0px 5px 90px;
			
			list-style:none;
		 	}
			ul.list1 li{
				margin-top:5px;
				background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
				padding-left:15px;
				}
	 ul.list2{
	 		margin-left:90px;
			list-style:none;
		 	}
			ul.list2 li{
				margin-top:5px;
				background: url(../images/charte/icon-list-white.jpg) no-repeat left 4px;
				padding-left:15px;
				}
		.list-line{
			font-weight:bold;
			margin-left:10px;
			}
		.line-subtitle{
			background: url(../images/charte/bg-subtitle.jpg) no-repeat left 4px;
			height:25px;
			padding-left:20px;
			font-size:1.2em;
			color:red;
			clear:both;
			}	
			.fond-white{
				background: url(../images/charte/bg-subtitle1.jpg) no-repeat left 4px;
				}
			a#fermer:link, a#fermer:visited{
				color:#FF0000;
				text-decoration:none;
				font-weight:bold;
				} 
			a#fermer:hover, a#fermer:active{
				color:#FA6842;
				text-decoration:none;
				font-weight:bold;
				}
.realisations{
	background-image:url(../images/charte/recherche-bar.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:530px;
	height:35px;
}
.recherche{
	background:url(../images/charte/recherche.gif) no-repeat left top;
	cursor:pointer;
	width:84px;
	height:22px;
	border:none;
}
.rechercheover{
	background:url(../images/charte/recherche-over.gif) no-repeat left top;
	cursor:pointer;
	width:84px;
	height:22px;
	border:none;
}
.box{
	background-image:url(../images/charte/box.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:250px;
	height:200px;
}
.link_page:link, .link_page:visited{
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
.link_page:hover, .link_page:active{
	font-size:12px;
	color:#FF0000;
	font-weight:bold;
	text-decoration:underline;
}
.link_page1:link, .link_page1:visited{
	font-size:12px;
	color:#FF0000;
	font-weight:bold;
	text-decoration:underline;
}
.link_page1:hover, .link_page1:active{
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
/*---footer---*/
#footer{
	height:70px;
	width:794px;
	background:url(../images/charte/bg-footer.jpg) no-repeat left top;
	color:#000;
	}
		#digital-age{
			margin-top:17px; 
			float:left;
			padding-left:26px;
			}
		#nav-footer{
			padding-top:10px;
			float:right;
			padding-right:10px;
			}
				#nav-footer a:link, #nav-footer a:visited{
					text-decoration:none;
					margin-right:3px;
					margin-left:3px;
					color:#000;	
					font:normal 1.1em Tahoma;
					}
				#nav-footer a:hover, #nav-footer a:active{
					color:#F24628;
					text-decoration:underline;	
					font:normal 1.1em Tahoma;
					}
		#container #footer-droits {
			margin-left:385px;
			font:normal 1.1em Tahoma;
			padding-bottom:20px;
			}
		#footer-droits #mentions-link:link, #footer-droits #mentions-link:visited{
			color:#F24628;
			text-decoration:underline;
			}
		#footer-droits #mentions-link:hover, #footer-droits  #mentions-link:active{
			color:#F8A58F;
			text-decoration:none;
			}