html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{
	font:normal 62.5% Tahoma;
	background: url(../images/charte/bg-body.jpg) repeat-x left top;	
	}
p, ul, li, table, div, h1, h2, h3, hr, img{
	padding:0px;
	margin:0px;
	}
#bottom_bg{
	width: 100%;	
	background: url(../images/charte/background-shape.gif) bottom no-repeat;
}
#container{
	width:839px;
	margin:0px auto;
	background: url(../images/charte/background-shape.gif) bottom no-repeat;
	}
#container1{
	width:799px;
	background:url(../images/charte/bg-container1.gif) repeat-y left top;
	margin-left:20px;
	}
#header{
	width:839px;
	height:232px;
	}
#left-col{
	width:239px;
	float:left;
	}	
	#menu{
		width:231px;
		height:236px;
		margin-left:8px;
		}
	#adresse{
		width:231px;
		height:231px;
		background:url(../images/charte/bg-adresse-en.jpg) no-repeat left top;
		margin-left:8px;
		}
		#adresse div{
			padding-top:55px;
			text-align:center;
			}
			#adresse p{
				font:normal 1.4em Arial;
				margin-bottom:10px;
				}
		#adresse2{
		width:231px;
		height:231px;
		background:url(../images/charte/bg-adresse-en.jpg) no-repeat left top;
		margin-left:8px;
		}
	#contact-link {
		color:#038D5F;
		font:normal 14px Arial;
		text-align:justify;
		font-style:oblique;
		}
		a#contact-link:link, #contact-link:visited{
				font:bold 14px Arial;
				text-decoration:underline #038D5F;
				color:#038D5F;
				text-decoration:underline;
				}
		a#contact-link:hover, #contact-link:active{
				font:bold 14px Arial;
				text-decoration:none;
				color:#FC7600;
				text-decoration:none;
				}
	#map{
		height:195px;
		width:231px;
		margin-left:8px;
		}
	
#right-col{
	width:560px;
	float:right;
	background:url(../images/charte/bg-right1.jpg) repeat-y left 109px;
	}
	#right-col p{
		color:#024631;
		font:normal 1.3em Arial;
		text-align:justify;
		margin:0px;
		}
#page-title{
	width:553px;
	height:30px;
}
	#page-dynamic{
		width:543px;
		padding:5px 2px 0px 4px;
		}
	#image-background-green{
		background:url(../images/charte/background-green.jpg) no-repeat left top;
		margin-top:11px;
		margin-bottom:8px;
/*		margin-left:-9px;*/
		width:546px;
		height:129px;
		clear:both;
		}
		#image-background-green1{
		background:url(../images/charte/background-green1.jpg) no-repeat left top;
		margin-top:11px;
		margin-bottom:8px;
/*		margin-left:-9px;*/
		width:548px;
		height:78px;
		clear:both;
		}
	#image-background-green p{
		margin-left:9px;
		margin-right:12px;
		padding-top:15px;
		
	}
	#image-background-green img{
		margin-right:6px;
		
	}
	#image-background-green1{
		background:url(../images/charte/background-green1.jpg) no-repeat left top;
		margin-top:11px;
		margin-bottom:8px;
		width:546px;
		height:62px;
		clear:both;
		}
	#image-background-green1 p{
		margin-left:9px;
		margin-right:12px;
		text-align:center;
		}
	.image-left{
		float:left;
		margin-right:6px;
		margin-top:5px;
		margin-left:2px;
	}
ul, ol, li{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-position: outside;
}
	
	.line{
		padding:8px 0px;
		clear:both;
		}
	ul.list1{
	 		margin:10px 0px;
			list-style:none;
			padding-left: 75px;
		 	}
			ul.list1 li{
				color:#024631;
				font:normal 1.3em Arial;
				margin-top:5px;
/*				text-align: center;*/
				background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
				padding-left:25px;
				width: 200px;
				}
	ul.list2{
	 		margin:10px 0px;
			list-style:none;
		 	}
			ul.list2 li{
				color:#024631;
				font:normal 1.3em Arial;
				margin-top:5px;
				background: url(../images/charte/icon-list1.jpg) no-repeat left 4px;
				padding-left:25px;
				}
	ul.list3{
	 		margin:10px 0;
			padding-left: 40px;
			list-style:none;
		 	}
			ul.list3 li{
				color:#024631;
				font:bold 1.3em Arial;
				margin-top:5px;
				background: url(../images/charte/bullet.jpg) no-repeat left top;
				padding-left:25px;
				}
			.image-right{
		float:right;
		margin-left:20px;
		margin-top:5px;
		}
#footer{
	height:57px;
	width:799px;
	background:url(../images/charte/bg-footer.jpg) no-repeat left bottom;
	clear: left;
	}
		#digital-age{
			padding-left:44px;
			margin-top:4px; 
			float:left;
			}
		#nav-footer{
			padding-top:3px;
			padding-left:265px;
			color:#A6A6A6;
			}
		#nav-footer div{
			width:100px; 
			text-align:center; 
			float:left;
			}
				#nav-footer a:link, #nav-footer a:visited{
					font:normal 1.0em Verdana;
					text-decoration:none;
					width:76px;
					color:#4F4F4F;
					}
				#nav-footer a:hover, #nav-footer a:active{
					font:normal 1.0em Verdana;
					color:#A6A6A6;
					width:76px;
					text-decoration:underline;
					}
				#container #footer-droits {
					color:#A6A6A6;
					margin-left:50px;
					font:normal 1.0em Verdana;
					width:400px;
					margin-top:5px;
					}
				#footer-droits #mentions-link:link, #footer-droits #mentions-link:visited{
					color:#A6A6A6;
					font-weight:bold;
					text-decoration:underline;
					}
				#footer-droits #mentions-link:hover, #footer-droits  #mentions-link:active{
					color:#4F4F4F;
					font-weight:bold;
					text-decoration:none;
					}
.photo2{
	float:left;
	margin-right:0px;
	margin-top:6px;
	}
#article p{
	color:#024631;
	font:normal 1.3em Arial;
	text-align:justify;
	line-height:25px;
	}
#fermer-article{ 
	margin-left:10px;
		}
.saviez-vous {
	background-color: #FFFFFF;
	width: 210px;
	border: 2px double #FBCF30;
	font-size: 11px;
	text-align: justify;
	margin-top: 5px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 12px;
	padding: 5px;
	font-style: italic;
	font-weight: bold;
}
.saviez-vous2 {

	background-color: #FFFFFF;
	width: 300px;
	border: 2px double #FBCF30;
	font-size: 12px;
	text-align: justify;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}