html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{
	font:normal 62.5% Arial;
	background:url(../images/charte/bg-body.jpg) repeat-x left top;
	bottom:0;
	}
p, ul, li, table, div, h1, h2, h3, hr, img{
	padding:0px;
	margin:0px;
	}
#container{
	width:786px;
	margin:0px auto;
	}
#container0{
	width:100%;
	display:table;
	background:url(../images/charte/bg-body1.jpg) repeat-x left bottom;
	}
#container1{
	width:786px;
	background:url(../images/charte/bg-container1.jpg) repeat-y left top;
	float:right;
	clear:both;
	}
#container2{
	width:786px;
	background:url(../images/charte/photo-left.jpg) no-repeat left bottom;
	float:right;
	clear:both;
	}
#container3{
	width:786px;
	background:url(../images/charte/photo-right.jpg) no-repeat 237px bottom;
	float:right;
	clear:both;
	}
#header{
	width:786px;
	height:220px;
	}
#left-col{
	width:237px;
	float:left;
	}
	#menu{
		width:237px;
		height:292px;
		background:url(../images/charte/bg-menu.jpg) no-repeat left top;
		}
	#actualites{
		width:237px;
		height:172px;
		background:url(../images/charte/bg-actualites.jpg) no-repeat left top;
		}
	#adresse{
		width:237px;
		height:320px;
		background:url(../images/charte/bg-adresse.jpg) no-repeat left top;
		}
		#adresse div{
			padding-top:0px;
			text-align:center;
      float: left;
			}
		#adresse p{
				font:normal 12px Arial;
				color:#421501;
				width:143px;
				line-height:18px;
				margin-right:45px;
				margin-left:49px;
        clear: both;

				}
    #logo{
      width:83px;
      height:83px;
      padding-top:0px;
      padding-bottom:40px;
      padding-left: 6px;
      float:left;
    }
    #logo1{
      width:81px;
      height:83px;
      padding-left:29px;
      padding-top:0px;
      padding-bottom:40px;
      float:left;
    }
	#plan{
		width:237px;
		height:161px;
		background:url(../images/charte/bg-plan.jpg) no-repeat left top;
		}
	#plan1{
		width:178px;
		height:114px;
		margin-top:36px;
		padding-left:25px;
		}
#right-col{
	width:549px;
	
	float:right;
	background:url(../images/charte/bg-title.jpg) no-repeat left top;
	}
	#right-col p{
		color:#773F25;
		font:normal 12px Arial;
		text-align:justify;
		margin:0px;
		line-height:16px;
		margin-left:9px;
		margin-right:20px;
		padding-bottom:5px;
		}
#page-right{
	width:549px;
	min-height:698px;
	height:auto;
	_height:698px;
	background:url(../images/charte/bg-right.jpg) no-repeat right top;
	}
#page-dynamic{
	width:533px;
	padding:0px 0px 0px 10px;
	}
#page-title{
	height:125px;
	}
#page-title img{
	margin-left:333px;
	}
#page-title1{
	height:125px;
	}
#page-title1 img{
	margin-left:230px;
	}
#page-title2{
	height:125px;
	}
#page-title2 img{
	margin-left:260px;
	}
#page-title3{
	height:125px;
	}
#page-title3 img{
	margin-left:260px;
	}
#page-title4{
	height:125px;
	}
#page-title4 img{
	margin-left:430px;
	}
ul.list{
	 		padding:0px 0px 0px 17px;
			list-style:none;
		 	}
		ul.list li{
			color:#773F25;
			font:normal 12px Arial;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 2px;
			padding-left:15px;
			line-height:13px;
			}
ul.list1{
	 		padding:20px 0px 0px 8px;
			list-style:none;
		 	}
		ul.list1 li{
			color:#773F25;
			font:normal 12px Arial;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
			padding-left:15px;
			line-height:16px;
			}
ul.list2{
	 		padding:20px 0px 0px 0px;
			list-style:none;
		 	}
		ul.list2 li{
			color:#773F25;
			font:normal 12px Arial;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
			padding-left:15px;
			line-height:16px;
			}
ul.list3{
	 		padding:5px 0px 0px 150px;
			list-style:none;
		 	}
		ul.list3 li{
			color:#773F25;
			font:normal 12px Arial;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
			padding-left:15px;
			line-height:16px;
			}
ul.list4{
	 		padding:25px 0px 0px 100px;
			list-style:none;
		 	}
		ul.list4 li{
			color:#773F25;
			font:normal 12px Arial;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
			padding-left:15px;
			line-height:16px;
			}
.image-right{
	float:right;
	clear:both;
	padding-top:8px;
	padding-right:18px;
	}
.image-right1{
	float:right;
	clear:both;
	padding-right:18px;
	padding-left:10px;
	padding-bottom:5px;
	}
.image-left{
	float:left;
	padding-left:10px;
	padding-right:15px;
	width:155px;
	}
.image-left1{
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	}
	#contact-link {
		color:#773F25;
		font:normal 12px Arial;
		text-align:justify;
		}
		.contact-link:link, .contact-link:visited{
				font:bold 12px Arial;
				text-decoration:underline;
				color:#773F25;
				}
		.contact-link:hover, .contact-link:active{
				font:bold 12px Arial;
				text-decoration:none;
				color:#F57828;
				}
	#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:#661F20;
				text-decoration:none;
				}
.subtitle{
	padding-top:15px;
	padding-left:7px;
	padding-bottom:15px;
	clear:both;
	}
.subtitle1{
	padding-left:7px;
	padding-bottom:25px;
	clear:both;
	}
.subtitle2{
	padding-left:7px;
	padding-bottom:37px;
	clear:both;
	}
.line{
	padding-bottom:10px;
	padding-top:10px;
	text-align:right;
	padding-right:14px;
	}
#button-recherche{
	float:right; 
	padding-right:15px; 
	margin-bottom:5px;
	}
.recherche{
	background:#C8AB57;
	cursor:pointer;
	height:23px;
	margin-top:5px;
	}
.rechercheover{
	background:#F5A81B;
	cursor:pointer;
	height:23px;
	margin-top:5px;
	}
.table{
	border:1px solid #C2A065; 
	display:table; 
	width:420px; 
	height:20px; 
	background-color:#FAE3B8; 
	padding-bottom:5px;
	margin-top:0px;
	}
.table1{
	margin-left:10px; 
	display:inline;
	}
.table2{
	width:250px; 
	float:left; 
	padding-left:20px;
	color:#773F25;
	font:normal 12px Arial;
	}
.box{
	height:20px; 
	width:150px; 
	margin-left:25px;
	margin-bottom:2px;
	padding-left:5px;
	margin-top:5px;
	}
.table3{
	float:left; 
	width:235px; 
	height:190px; 
	border:solid 1px #A87E34; 
	margin-right:10px;
	margin-bottom:25px;
	background:#E8CFA3;
	}
.table4{
	height:25px;
	padding-top:5px;
	border-bottom:1px solid #A87E34; 
	background:#C2A065; 
	text-align:center; 
	
	}
.table5{
	margin-left:10px; 
	margin-top:10px; 
	margin-bottom:10px;
	}
.table6{
	border:1px solid #C2A065;
	float:left;
	width:520px; 
	background-color:#FAE3B8; 
	padding-bottom:5px;
	margin-top:0px;
	}
.table7{
	height:20px;
	padding-top:5px;
	background:#C2A065; 
	text-align:center; 
	font:bold 14px Arial;
	color:#FFEFD5;
	}
.table8{
	height:20px;
	padding-top:5px;
	border-bottom:1px solid #A87E34; 
	background:#D4B47E; 
	text-align:center; 
	font:bold 13px Arial;
	color:#773F25;
	}
.table9{
	background:#C2A065; 
	height:26px; 
	border-top:1px solid #A87E34; 
	padding:5px;
	text-align:center;
	}
.button-retour{
	float:right; 
	margin-top:15px;
	padding-bottom:10px;
	padding-right:15px; 
	clear:both;
	}
.page-txt{
	color:#773F25;
	font:bold 12px Arial;
	}
.page-txt1{
	color:#773F25;
	font:normal 12px Arial;
	text-align:justify;
	margin:5px;
	}
.page-link {
	color:#773F25;
	font:normal 12px Arial;
	text-align:center; 
	margin-bottom:5px;
	}
	.page-link:link, .page-link:visited{
		font:normal 12px Arial;
		text-decoration:underline;
		color:#A87F33;
		}
	.page-link:hover, .page-link:active{
		font:normal 12px Arial;
		text-decoration:none;
		color:#DB9718;
		}
.text-pg{
		color:#773F25;
		font:normal 12px Arial;
		text-align:center;
		margin:0px;
		line-height:18px;
	}
#footer{
	width:774px;
	clear:both;
	margin:0px auto;
		}
		#digital-age{
			padding-left:43px;
			margin-top:0px; 
			float:left;
			}
		#nav-footer{
			float:right;
			color:#662A87;
			padding-top:2px;
			width:530px;
			}
		#nav-footer div{
			float:left;
			}
				#nav-footer a:link, #nav-footer a:visited{
					font:normal 12px Arial;
					text-decoration:none;
					color:#6F4B09;
					}
				#nav-footer a:hover, #nav-footer a:active{
					font:normal 12px Arial;
					color:#79300F;
					text-decoration:underline;
					}
				#footer-droits {
					color:#000000;
					padding-top:1px;
					font:bold 10px Arial;
					clear:both;
					width:360px;
					text-align:right;
					padding-left:160px;
					}
				#footer-droits #mentions-link:link, #footer-droits #mentions-link:visited{
					color:#773F25;
					font:bold 10px Arial;
					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;
	}
.tablefck{
	border:1px solid red;
	}
.ref
{
  width:100%;
	clear:both;
	margin:0px auto;
    background-color:#F4D59F;
}

