html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{
	font:normal 62.5% Arial;
	background:#F9F6E9;	
	}
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:222px;
	}
#left-col{
	width:244px;
	float:left;
	padding-left:2px;
	}	
	#evenements{
		width:244px;
		height:182px;
		background:url(../images/charte/bg-evenements.jpg) no-repeat left top;
		padding-bottom:16px;
		}
	#adresse{
		width:244px;
		height:187px;
		background:url(../images/charte/bg-adresse.jpg) no-repeat left top;
		padding-bottom:16px;
		}
		#adresse div{
			padding-top:30px;
			text-align:center;
			}
		#adresse p{
				font:normal 13px Arial;
				color:#55077B;
				width:172px;
				line-height:18px;
				margin-right:10px;
				margin-left:40px;
				
				}
	#horaire{
		width:244px;
		height:130px;
		background:url(../images/charte/bg-horaire.jpg) no-repeat left top;
		padding-bottom:16px;
		}
		#horaire div{
			padding-top:30px;
			text-align:center;
			}
		#horaire p{
				font:normal 13px Arial;
				color:#55077B;
				width:172px;
				line-height:24px;
				margin-right:15px;
				margin-left:35px;
				}	
	#plan{
		width:244px;
		height:165px;
		background:url(../images/charte/bg-plan.jpg) no-repeat left top;
		}
	#plan1{
		width:202px;
		height:121px;
		padding-top:34px;
		padding-left:18px;
		}
	#diaporama{
		width:244px;
		height:62px;
		background:url(../images/charte/diaporama.jpg) no-repeat left top;
		}
	#contact-link {
		color:#FF8D00;
		font:normal 13px Arial;
		text-align:justify;
		font-style:oblique;
		}
		.contact-link:link, .contact-link:visited{
				font:bold 13px Arial;
				text-decoration:none;
				color:#FF8D00;
				}
		.contact-link:hover, .contact-link:active{
				font:bold 13px Arial;
				text-decoration:underline;
				color:#73AEFF;
				}
	#fermer-link {
		color:#FF8D00;
		font:normal 14px Arial;
		text-align:justify;
		}
		a#fermer-link:link, #fermer-link:visited{
				font:bold 14px Arial;
				text-decoration:underline;
				color:#FF8D00;
				text-decoration:underline;
				}
		a#fermer-link:hover, #fermer-link:active{
				font:bold 14px Arial;
				text-decoration:none;
				color:#73AEFF;
				text-decoration:none;
				}
#right-col{
	width:538px;
	float:right;
	background:url(../images/charte/bg-right.jpg) no-repeat left 0px;
	}
	#right-col p{
		color:#826A0C;
		font:normal 13px Arial;
		text-align:justify;
		margin:0px;
		line-height:18px;
		padding-left:7px;
		padding-right:5px;
		}
#page-title{
	padding-top:0px;
	padding-left:360px;
}
#page-title1{
	padding-top:0px;
	padding-left:325px;
}
#page-title2{
	padding-top:0px;
	padding-left:440px;
}
	#page-dynamic{
		width:538px;
		padding:20px 0px 0px 0px;
		}
	.image-right{
		float:right;
		clear:both;
		margin-left:10px;
		padding-top:22px;
		padding-right:11px;
		}
	.image-right_01{
		float:right;
		clear:both;
		margin-left:10px;
		padding-top:8px;
		padding-right:11px;
		}
	.image-left{
		float:left;
		padding-top:35px;
		padding-left:17px;
		padding-right:38px;
		width:155px;
		}
	.image-left1{
		float:left;
		padding-top:6px;
		padding-left:17px;
		padding-right:37px;
		width:155px;
		}
	.diaporama{
		float:right;
		clear:both;
		margin-left:10px;
		padding-top:13px;
		padding-right:11px;
		}
.subtitle1{
	padding-top:15px;
	padding-left:7px;
	padding-bottom:15px;
	}
.subtitle2{
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	}
.line{
	padding-bottom:5px;
	text-align:right;
	padding-right:8px;
	}
.line1{
	padding-bottom:10px;
	padding-top:5px;
	text-align:right;
	padding-right:8px;
	}
ul.list{
	 		margin:0px 17px;
			list-style:none;
		 	}
		ul.list li{
			color:#826A0C;
			font:normal 13px Arial;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 2px;
			padding-left:20px;
			line-height:13px;
			}
ul.list_01{
	 		margin:0px 17px;
			list-style:none;
		 	}
		ul.list_01 li{
			color:#826A0C;
			font:normal 13px Arial;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 2px;
			padding-left:20px;
			line-height:20px;
			}
#img-background1{
	background:url(../images/charte/background1.jpg) no-repeat left top;
	margin-bottom:5px;
	width:531px;
	height:157px;
	clear:both;
		}
#img-background2{
	background:url(../images/charte/background2.jpg) no-repeat left top;
	margin-bottom:5px;
	width:531px;
	height:209px;
	clear:both;
		}
#img-background11{
	background:url(../images/charte/background2.jpg) no-repeat left top;
	margin-bottom:5px;
	width:531px;
	height:159px;
	clear:both;
	border-bottom:1px solid #f5e39e;
		}
#img-background3{
	background:url(../images/charte/background3.jpg) no-repeat left top;
	margin-bottom:5px;
	width:531px;
	height:164px;
	clear:both;
		}	
#img-background12{
	background:url(../images/charte/background3.jpg) no-repeat left top;
	margin-bottom:5px;
	width:531px;
	height:130px;
	clear:both;
	border-bottom:1px solid #f5e39e;
		}
#img-background4{
	background:url(../images/charte/background4.jpg) no-repeat left top;
	margin-bottom:5px;
	width:531px;
	height:120px;
	clear:both;
		}	
#img-background5{
	background:url(../images/charte/background5.jpg) no-repeat left top;
	margin-bottom:5px;
	width:531px;
	height:163px;
	clear:both;
		}	
#img-background6{
	background:url(../images/charte/background6.jpg) no-repeat left top;
	margin-bottom:5px;
	width:531px;
	height:182px;
	clear:both;
		}	
#img-background7{
	background:url(../images/charte/background7.jpg) no-repeat left top;
	margin-bottom:5px;
	width:531px;
	height:182px;
	clear:both;
		}	
#img-background8{
	background:url(../images/charte/background8.jpg) no-repeat left top;
	margin-bottom:0px;
	width:531px;
	height:231px;
	clear:both;
		}																	
#img-background9{
	background:url(../images/charte/background9.jpg) no-repeat left top;
	margin-bottom:0px;
	width:531px;
	height:299px;
	clear:both;
		}																	
#img-background10{
	background:url(../images/charte/background10.jpg) no-repeat left top;
	margin-bottom:5px;
	width:531px;
	height:220px;
	clear:both;
		}																			
#footer{
	height:41px;
	width:784px;
	background:url(../images/charte/bg-footer.jpg) no-repeat left bottom;
	margin-left:2px;
	clear:both;
	margin:0px auto;
		}
		#digital-age{
			padding-left:58px;
			margin-top:9px; 
			float:left;
			}
		#nav-footer{
			float:right;
			color:#662A87;
			padding-top:9px;
			width:526px;
			}
		#nav-footer div{
			float:left;
			}
				#nav-footer a:link, #nav-footer a:visited{
					font:normal 13px Arial;
					text-decoration:none;
					color:#662A87;
					}
				#nav-footer a:hover, #nav-footer a:active{
					font:normal 13px Arial;
					color:#FF8D00;
					text-decoration:underline;
					}
				#footer-droits {
					color:#390357;
					padding-top:1px;
					font:normal 10px verdana;
					clear:both;
					width:500px;
					text-align:center;
					}
				#footer-droits #mentions-link:link, #footer-droits #mentions-link:visited{
					color:#390357;
					font:bold 10px Verdana;
					text-decoration:none;
					}
				#footer-droits #mentions-link:hover, #footer-droits  #mentions-link:active{
					color:#FF8D00;
					text-decoration:underline;
					}
.bullet{
	padding-left:10px;
	padding-right:10px;
	}
