html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{
	font:normal 62.5% Verdana;
	background: url(../images/charte/bg-body.jpg) repeat left top;	
	}
p, ul, li, table, div, h1, h2, h3, hr, img{
	padding:0px;
	margin:0px;
	}
#container{
	width:802px;
	background:url(../images/charte/bg-container.jpg) repeat-y left top;
	margin:0px auto;
	}
#header{
	width:802px;
	height:241px;
	}
#left-col{
	width:231x;
	float:left;
	}
	#infos{
		width:208px;
		height:213px;
		background:url(../images/charte/bg-infos.jpg);
		margin-left:13px;
		}
/*	#logo{
		width:138px;
		height:220px;
		margin-left:13px;
		margin-bottom:4px;
		}
*/	#coordonnees{
		width:208px;
		height:190px;
		background:url(../images/charte/bg-coordonnees.jpg);
		margin-left:13px;
		}	
		#coordonnees div{
			padding-top:55px;
			}
		#coordonnees p{
			color:#3C4900;
			font:normal 12px Verdana;
			margin-bootom:10px;
			text-align:center;
			line-height:20px;
			}
	#mail{
		padding-top:16px;
		padding-left:60px;
			
		}
	#plan{
		width:208px;
		height:182px;
		background:url(../images/charte/bg-plan.jpg);
		margin-left:13px;
		}	
		#plan1{
			padding-top:55px;
			padding-left:16px;
			}
	#box-left{
		width:208px;
		height:203px;
		background:url(../images/charte/bg1.jpg);
		margin-left:13px;
		}	
#right-col{
	width:571px;
	float:right;
	background:url(../images/charte/bg-title.jpg) no-repeat;
	}
	#right-col p{
		color:#5B6E03;
		font:normal 1.2em Verdana;
		text-align:justify;
		line-height:20px;
		padding:1px 13px;
		}
#page-title{
	text-align:right;
	padding-top:6px;
	padding-right:10px;
		}
#subtitle{
	text-align:center;
	padding-top:10px;
	padding-left:5px;	
	}
#subtitle1{
	text-align:center;
	padding-top:5px;
	padding-left:5px;	
	padding-bottom:5px;
	}
#image-background1-text{
	background-color:#EFEDF4;
	padding:8px 0px 0px 0px;
	width:549px;
	height:170px;
	margin-bottom:10px;
	clear:both;
	}
#image-background2-text{
	background:url(../images/charte/background2-text.jpg) no-repeat left top;
	padding:8px 0px 0px 0px;
	width:549px;
	height:121px;
	clear:both;
	}
#image-background3-text{
	background:url(../images/charte/background3-text.jpg) no-repeat left top;
	padding:8px 0px 0px 0px;
	width:549px;
	height:127px;
	clear:both;
	}
#image-background4-text{
	background:url(../images/charte/background4-text.jpg) no-repeat left top;
	padding:1px 0px 0px 0px;
	width:549px;
	height:163px;
	clear:both;
	}
#image-background5-text{
	background:url(../images/charte/background5-text.jpg) no-repeat left top;
	padding:1px 0px 0px 0px;
	width:549px;
	height:167px;
	clear:both;
	}
#contact-link {
		color:#5C8A09;
		font:normal 1.2em Arial;
		text-align:justify;
		line-height:15px;
		padding-right:12px;
		margin-bottom:2px;
		margin-top:40px;
		}
		a#contact-link:link, #contact-link:visited{
				font:bold 1.2em Arial;
				text-decoration:underline #0D81B4;
				color:#5C8A09;
				text-decoration:underline;
				}
		a#contact-link:hover, #contact-link:active{
				font:bold 1.2em Arial;
				text-decoration:none;
				color:#F8BF49;
				text-decoration:none;
				}
#text-link {
		color:#5C8A09;
		font:normal 1.2em Arial;
		text-align:justify;
		line-height:15px;
		padding-right:12px;
		margin-bottom:2px;
		margin-top:40px;
		}
		a#text-link:link, #text-link:visited{
				font:bold 1.2em Arial;
				text-decoration:none;
				color:#5C8A09;
				text-decoration:none;
				}
		a#text-link:hover, #text-link:active{
				font:bold 1.2em Arial;
				text-decoration:underline;
				color:#F8BF49;
				text-decoration:underline;
				}
#page-dynamic{
	width:543px;
	padding:5px 2px 0px 4px;
	}
	.line{
		padding:8px 0px;
		clear:both;
		}
	.image-right{
		float:right;
		margin-left:15px;
		}
	.image-left{
		float:left;
		padding-right:20px;
		padding-top:7px;
		padding-left:15px;
		}
	.image-left-ul{
		float:left;
		padding-right:10px;
		padding-top:7px;
		padding-left:15px;
		}
		.bg{
			padding-top:0px;
			}
	ul.list1{
	 		margin:5px 32px;
			list-style:none;
		 	}
		ul.list1 li{
			color:#5B6E03;
			font:normal 1.2em Verdana;
			margin-top:8px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
			padding-left:18px;
			line-height:20px;
			}
	ul.list2{
	 		margin:0px 0px;
			list-style:none;
		 	}
		ul.list2 li{
			color:#5B6E03;
			font:normal 1.2em Verdana;
			margin-top:0px;
			background: url(../images/charte/icon-list2.jpg) no-repeat left 4px;
			padding-left:15px;
			line-height:20px;
			text-align:justify;
			}
	ul.list1-bg{
	 		margin:5px 32px;
			list-style:none;
		 	}
		ul.list1-bg li{
			color:#5B6E03;
			font:normal 1.2em Verdana;
			margin-top:5px;
			background: url(../images/charte/icon-list2.jpg) no-repeat left 4px;
			padding-left:18px;
			line-height:20px;
			}
	ul.chaufages{
	 		margin:0px 15px;
			list-style:none;
		 	}
		ul.chaufages li{
			color:#543C8A;
			font:bold 13px Verdana;
			margin-top:2px;
			background: url(../images/charte/bullet1.jpg) no-repeat left 5px;
			padding-left:18px;
			line-height:20px;
			}
#footer{
	height:55px;
	width:802px;
	background:url(../images/charte/bg-footer.jpg) no-repeat left bottom;
	clear:both;
	margin:0px auto;
	}
	#photo{
		float: left;
		position:absolute;
		z-index:0;
		margin:-230px 0 0 18px;
		width:202px;
		height:231px;
		background:url(../images/charte/logo.jpg) no-repeat left top;
		}

	#digital-age{
			padding-left:60px;
			padding-top:14px; 
			float:left;
			margin:230px auto 0 auto;
			}
	#nav-footer{
			padding-top:6px;
			padding-left:130px;
			color:#ffffff;
			letter-spacing:1px;
			line-height:20px;
			}
		#nav-footer a:link, #nav-footer a:visited{
			font:normal 11px Verdana;
			text-decoration:none;
			color:#fff;
			}
		#nav-footer a:hover, #nav-footer a:active{
			font:normal 11px Verdana;
			color:#FBD496;
			text-decoration:underline;
			}
		#footer-droits {
					color:#fff;
					padding-left:210px;
					font:normal 10px Verdana;
					xletter-spacing:1px;
					margin-top:0px;
					}