html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{
	font:normal 62.5% Arial;
	background: url(../images/charte/bg-body.jpg) no-repeat center top;	
	background-color:#E9D1AC;
	}
p, ul, li, table, div, h1, h2, h3, hr, img{
	padding:0px;
	margin:0px;
	}
#container{
	width:784px;
	margin:0px auto;
	}
#container1{
	width:784px;
	background:url(../images/charte/bg-container1.jpg) repeat-y left top;
	float:right;
	clear:both;
	}
#header{
	width:784px;
	height:267px;
	}
#left-col{
	width:211px;
	float:left;
	}	
	#menu{
		width:211px;
		height:186px;
		background:url(../images/charte/bg-menu.jpg) no-repeat left top;
		}
	#actualites{
		width:211px;
		height:185px;
		background:url(../images/charte/bg-actualites.jpg) no-repeat left top;
		}
	#adresse{
		width:211px;
		height:189px;
		background:url(../images/charte/bg-adresse.jpg) no-repeat left top;
		}
		#adresse div{
			padding-top:11px;
			padding-left:16px;
			text-align:center;
			}
			#adresse p{
				font:normal 13px Arial;
				color:#373F76;
				text-align:left;
				line-height:22px;
				}
	#plan{
		width:211px;
		height:70px;
		background:url(../images/charte/bg-plan.jpg) no-repeat left top;
		padding-bottom:260px;
		}
	#img-plan{
		margin-left:3px;
		}
	.contact-link {
		color:#F2A667;
		font:normal 13px Arial;
		text-align:justify;
		font-style:oblique;
		}
		a.contact-link:link, .contact-link:visited{
				font:normal 13px Arial;
				text-decoration:underline;
				color:#F2A667;
				text-decoration:underline;
				}
		a.contact-link:hover, .contact-link:active{
				font:normal 13px Arial;
				text-decoration:none;
				color:#838FB7;
				text-decoration:none;
				}
	#fermer-link {
		color:#CF1D00;
		font:normal 14px Arial;
		text-align:justify;
		}
		a#fermer-link:link, #fermer-link:visited{
				font:bold 14px Arial;
				text-decoration:underline;
				color:#CF1D00;
				text-decoration:underline;
				}
		a#fermer-link:hover, #fermer-link:active{
				font:bold 14px Arial;
				text-decoration:none;
				color:#373F76;
				text-decoration:none;
				}
#right-col{
	width:573px;
	float:right;
	background:url(../images/charte/bg-right.jpg) no-repeat left top;
	}
	#right-col p{
		color:#22245B;
		font:normal 13px Arial;
		text-align:justify;
		margin:0px;
		line-height:20px;
		padding-left:15px;
		}
	#page-dynamic{
		width:556px;
		padding:14px 0px 0px 0px;
		}
.line{
	padding-bottom:5px;
	padding-top:5px;
	text-align:center;
	padding-left:10px;
	}
.img-background1{
	background:url(../images/charte/background1.jpg) no-repeat left top;
	margin-bottom:8px;
	width:554px;
	height:167px;
	clear:both;
	margin-top:8px;
	margin-left:9px;
	}
	.img-background1 p{
		padding-left:8px;
		padding-right:10px;
		}
.img-background2{
	background:url(../images/charte/background2.jpg) no-repeat left top;
	margin-bottom:8px;
	width:554px;
	height:124px;
	clear:both;
	margin-top:8px;
	margin-left:9px;
	}
	.img-background2 p{
		padding-left:8px;
		padding-right:10px;
		}
#background-galerie{
	background:url(../images/charte/background2.jpg) no-repeat left top;
	margin-bottom:8px;
	width:554px;
	height:124px;
	clear:both;
	margin-top:8px;
	margin-left:9px;
	}
.background-subtitle{
	background:url(../images/charte/background-subtitle.jpg) no-repeat left top;
	margin-bottom:8px;
	width:554px;
	height:24px;
	clear:both;
	margin-left:9px;
	}
	.background-subtitle p{
		padding-left:8px;
		padding-right:10px;
		font:bold 14px Arial;
		padding-top:2px;
		}
ul.list{
	list-style:none;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 7px;
	margin-left: 15px;
		 	}
		ul.list li{
			color:#282473;
			font:normal 13px Arial;
			text-align:justify;
			margin-bottom:12px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
			padding-left:20px;
			line-height:20px;
			}
ul.list1{
	 		padding:10px 10px 7px 60px;
			list-style:none;
		 	}
		ul.list1 li{
			color:#282473;
			font:normal 13px Arial;
			text-align:justify;
			margin-bottom:2px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
			padding-left:30px;
			line-height:20px;
			}
ul.list2{
	 		padding:10px 10px 7px 25px;
			list-style:none;
		 	}
		ul.list2 li{
			color:#282473;
			font:normal 13px Arial;
			text-align:justify;
			margin-bottom:4px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
			padding-left:24px;
			line-height:20px;
			}
	.image-right{
		float:right;
		clear:both;
		margin-left:10px;
		padding-bottom:18px;
		padding-right:15px;
		}
	.image-right1{
		float:right;
		clear:both;
		margin-left:20px;
		padding-right:15px;
		padding-top:8px;
		}
	.image-right2{
		float:right;
		clear:both;
		margin-left:20px;
		padding-right:5px;
		padding-top:8px;
		}
	.image-left{
		float:left;
		padding-right:20px;
		padding-top:8px;
		padding-bottom:9px;
		padding-left:15px;
		}
.subtitle{
	padding-top:10px;
	padding-left:15px;
	padding-bottom:4px;
	text-align:center;
	}
.images{
	float:left;
	padding-right:15px;
	padding-left:10px;
	margin-top:6px;
	}
.images1{
	float:left;
	padding-right:15px;
	padding-left:25px;
	margin-top:6px;
	}
#footer{
	height:44px;
	width:784px;
	background:url(../images/charte/bg-footer.jpg) no-repeat left bottom;
	margin-left:2px;
	clear:both;
	margin:0px auto;
		}
	#footer #footer-content{
		width:784px; 
		margin:0px auto; 
		padding-top:3px;
		}
	#photo{
		float: left;
		position:absolute;
		z-index:0;
		margin:-260px 0 0 0;
		width:211px;
		height:258px;
		background:url(../images/charte/photo-left.jpg) no-repeat left top;
		}
		#digital-age{
			padding-left:43px;
			margin:270px auto 0 auto;
			float:left;
			}
		#nav-footer{
			float:right;
			color:#ffffff;
			padding-top:8px;
			width:526px;
			}
		#nav-footer div{
			float:left;
			}
				#nav-footer a:link, #nav-footer a:visited{
					font:normal 12px Arial;
					text-decoration:none;
					color:#ffffff;
					}
				#nav-footer a:hover, #nav-footer a:active{
					font:normal 12px Arial;
					color:#F3CB87;
					text-decoration:underline;
					}
				#footer-droits {
					color:#ffffff;
					padding-top:2px;
					font:normal 10px Arial;
					clear:both;
					width:500px;
					text-align:center;
					}
				#footer-droits #mentions-link:link, #footer-droits #mentions-link:visited{
					color:#ffffff;
					font:bold 10px Arial;
					text-decoration:none;
					}
				#footer-droits #mentions-link:hover, #footer-droits  #mentions-link:active{
					color:#F3CB87;
					text-decoration:underline;
					}
.bullet{
	padding-right:15px;
	padding-left:15px;
	}