html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{
	font:normal 62.5% Verdana;
	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;
	}
#container{
	width:782px;
	margin:0px auto;
	}
#container1{
	width:782px;
	background:url(../images/charte/bg-container1.jpg) repeat-y left top;
	float:right;
	clear:both;
	}
#header{
	width:782px;
	height:186px;
	}
#left-col{
	width:226px;
	float:left;
	}	
	#menu{
		width:226px;
		height:190px;
		background:url(../images/charte/bg-menu.jpg) no-repeat left top;
		}
	#news{
		width:226px;
		height:172px;
		background:url(../images/charte/bg-news.jpg) no-repeat left top;
		}
	#coordonnees{
		width:226px;
		height:256px;
		background:url(../images/charte/bg-coordonnees.jpg) no-repeat left top;
		}
		#coordonnees div{
			padding-top:69px;
			text-align:center;
			}
			#coordonnees p{
				font:normal 11px Verdana;
				color:#ffffff;
				}
	#contact-link {
		color:#194B73;
		font:normal 11px Verdana;
		text-align:justify;
		font-style:oblique;
		}
		.contact-link:link, .contact-link:visited{
				font:bold 11px Verdana;
				text-decoration:underline;
				color:#194B73;
				text-decoration:underline;
				}
		.contact-link:hover, .contact-link:active{
				font:bold 11px Verdana;
				text-decoration:none;
				color:#DB7600;
				text-decoration:none;
				}
	#fermer-link {
		color:#ffffff;
		font:normal 14px Verdana;
		text-align:justify;
		}
		a#fermer-link:link, #fermer-link:visited{
				font:bold 14px Verdana;
				text-decoration:underline;
				color:#ffffff;
				text-decoration:underline;
				}
		a#fermer-link:hover, #fermer-link:active{
				font:bold 14px Verdana;
				text-decoration:none;
				color:#D5BA3C;
				text-decoration:none;
				}
	#map{
		width:199px;
		margin-left:10px;
		}
	
#right-col{
	width:556px;
	float:right;
	background:url(../images/charte/bg-right1.jpg) no-repeat left 0px;
	}
	#right-col p{
		color:#4E4E4E;
		font:normal 11px Verdana;
		text-align:justify;
		margin:0px;
		line-height:15px;
		padding-bottom:15px;
		}
#page-title{
	padding-top:25px;
	padding-left:14px;
}
	#page-dynamic{
		width:530px;
		padding:20px 10px 0px 10px;
		}
	.image-right{
		float:right;
		clear:both;
		margin-left:10px;
		padding-bottom:9px;
		}
	.image-left{
		float:left;
		padding-right:0px;
		padding-bottom:9px;
		width:155px;
		}
.line{
	padding-bottom:9px;
	}
ul.list{
	 		margin:0px 12px;
			list-style:none;
			padding-bottom:15px;
		 	}
		ul.list li{
			color:#4E4E4E;
			font:normal 11px Verdana;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 3px;
			padding-left:15px;
			line-height:13px;
			}
#bg-footer{
	width:100%;
	height:104px;
	background-color:red;
	clear:both;
	background: url(../images/charte/img-footer.jpg) repeat-x left bottom;
	}
#footer{
	height:104px;
	width:782px;
	background:url(../images/charte/bg-footer.jpg) no-repeat left bottom;
	clear:both;
	margin:0px auto;
		}
		#digital-age{
			padding-left:5px;
			margin-top:47px; 
			float:left;
			}
		#nav-footer{
			float:right;
			color:#ffffff;
			padding-top:60px;
			width:510px;
			text-align:center;
			}
		#nav-footer div{
			float:left;
			}
				#nav-footer a:link, #nav-footer a:visited{
					font:normal 12px Tahoma;
					text-decoration:none;
					color:#ffffff;
					}
				#nav-footer a:hover, #nav-footer a:active{
					font:normal 12px Tahoma;
					color:#FFD92E;
					text-decoration:underline;
					}
				#footer-droits {
					color:#A8A8A8;
					padding-top:5px;
					font:normal 11px Tahoma;
					}
				#footer-droits #mentions-link:link, #footer-droits #mentions-link:visited{
					color:#A8A8A8;
					font:normal 11px Tahoma;
					text-decoration:underline;
					}
				#footer-droits #mentions-link:hover, #footer-droits  #mentions-link:active{
					color:#FFD92E;
					text-decoration:none;
					}