body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
#container {
	width: 900px;
	background: #E1EBF9;
	margin: 0 auto;
	border: 0;
	text-align: left;
}
#haut {
	padding: 0;
	width:900px;
	height:223px;
	background-image:url(images/haut.jpg);
}
#milieu {
	padding: 0;
}
#gauche {
	float: left;
	width:240px;
	height:728px;
	z-index:1;
	margin: 0;
	padding: 0;
	background-image:url(images/gauche.gif);
}
#menu {
	position:relative;
	width:170px;
	height:210px;
	overflow:auto;
	left: 21px;
	top: 56px;
	z-index:2;
	margin: 0;
	padding: 0px 5px;
}
#menu a:hover {color: #ffffff; }
#menu a:link {color: #ffffff; }
#menu a:visited {color: #ffffff; }
#bt-menu {
	position:relative;
	width:182px;
	left:19px;
	top:75px;
	z-index:2;
	margin: 4px 0px 0px 0px;
	padding: 0;
}
#email {
	position:relative;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color:white;
	text-align:center;
	width:120px;
	height:28px;
	left: 46px;
	top: 70px;
	z-index:2;
	margin: 0;
	padding: 0;
}
#email a:hover {color: #ffffff; }
#email a:link {color: #ffffff; }
#email a:visited {color: #ffffff; }
#mairie {
	position:relative;
	font: 60% Verdana, Arial, Helvetica, sans-serif;
	color:#023f9e;
	width:162px;
	height:349px;
	left: 21px;
	top: 74px;
	z-index:2;
	margin: 0;
	padding: 10px 10px;
}
#contenu {
	float: right;
	margin: 0 10px 0 0;
	width:649px;
	height:740px;
	z-index:1;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color:#006;
	z-index:0;
}
#hp {
	position:relative;
	left: 620px;
	top: -790px;
	width:33px;
	height:30px;
	z-index:10;
}
#fond-de-page {
	float:left;
	background-image:url(images/fond-texte.gif);
	margin: 0;
	width:649px;
	height:720px;
	z-index:1;
}
#txt-fond-de-page {
	position:relative;
	left: 10px;
	top: 10px;
	margin: 10px;
	width:619px;
	height:650px;
	overflow:auto;
	z-index:2;
}
#titre {
	position:relative;
	left: 71px;
	top: 10px;
	width:174px;
	margin: 0;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	z-index:3;
}
#menu-historique {
	position:relative;
	width:160px;
	height:200px;
	left: 90px;
	top: -702px;
	z-index:4;
}
#bulle {
	position:relative;
	left: 286px;
	top: -718px;
	width:85px;
	margin: 0;
	z-index:10;
}
#retour {
	position:relative;
	left: 566px;
	top: -700px;
	width:85px;
	margin: 0;
	z-index:10;
}
#edito {
	position:absolute;
	width:430px;
	height:374px;
	background-image:url(images/edito.gif);
	padding: 0px;
	z-index:1;
}
#txtedito {
	position:relative;
	left: 20px;
	top: 50px;
	width:400px;
	height:310px;
	overflow:auto;
	padding: 0;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	z-index:1;
}
#news {
	position:relative;
	width:193px;
	height:520px;
	background-image:url(images/news.gif);
	z-index:1;
	left: 450px;
	top: 12px;
}
#txtnews {
	position:relative;
	width:181px;
	height:470px;
	overflow:auto;
	z-index:1;
	left: 10px;
	top: 40px;
	padding: 0;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
}
#plan {
	float:right;
	width:200px;
	height:173px;
	margin-top:28px;
	z-index:2;
}
#adresse {
	position:relative;
	width:430px;
	height:256px;
	background-image:url(images/adresses.gif);
	z-index:3;
	top: -56px;
	left: 0px;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
}
#txtadresse {
	position:relative;
	width:410px;
	height:200px;
	z-index:3;
	top: 44px;
	left: 10px;
}
#txtadresse td{
	color:#FFF;
}
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 2px;
}
#bas {
	padding: 0 10px;
	color:#023f9e;
}
#bas p {
	margin: 0;
	padding: 10px 0;
	text-align:center;
	font-size:60%;
}
#table-adresse {
	border-collapse: collapse;
	border-spacing:0px;
	border: 1px solid #023F9E;
	width:98%;
	padding:0;
	margin:0;
}
#table-adresse tr{
	background-color:#FFEB8A;
	vertical-align:top;
}
#table-adresse .titre-tableau{
	background-color:#EFAE2F;
	font-weight:bold;
	vertical-align:top;
}
#table-adresse td {
	border: 1px solid #023F9E;
}
#table-plan {
	border-collapse: collapse;
	border-spacing:0px;
	width:90%;
	padding:0;
	margin:0;
}
#table-plan td {
	vertical-align:top;
	font-size:80%;
}
#tb-ad-utile {
	border-collapse:separate;
	border-spacing:2px;
	border: 1px solid #023F9E;
	background-color:#FFFDDC;
	width:98%;
	font-size:84%;
	padding:0;
	margin:0;
}
#tb-conseil {
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
	font-size:84%;
	padding:0;
	margin:0;
}

#tb-conseil td{
	margin:0px;
	padding:10px;
	width:25%;
	text-align:center;
	vertical-align:top;
	border: 1px solid #1C4988;
}
#tb-budget {
	border-collapse: collapse;
	border-spacing:0px;
	width:98%;
	padding:0;
	margin:0;
}
#tb-budget tr{
	background-color:#FBE7BD;
	vertical-align:top;
}
#tb-budget td {
	font-size:84%;
}
#tb-social {
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
	font-size:84%;
	padding:0;
	margin:0;
}

#tb-social td{
	margin:0px;
	padding:4px;
	width:25%;
	vertical-align:top;
	border: 1px solid #1C4988;
}
#tb-vierge {
	border-collapse:collapse;
	border-spacing:0px;
	width:98%;
	font-size:84%;
	padding:0;
	margin:0;
}

#tb-vierge td{
	margin:0px;
	padding:4px;
	vertical-align:top;
	border: 1px solid #1C4988;
}

a:hover {color:#023f9e; font-style:italic;}
a:link {color:#023f9e; text-decoration: none}
a:visited {color:#023f9e; text-decoration: none}

.titre-page {
	font-size:110%;
	font-weight:bold;
	margin:0px 20px 0px 0px;
}
.titre {
	font-size:100%;
	font-weight:bold;
}
.datenews {
	font-size:90%;
	font-style:italic;
}
.petit {
	font-size:80%;
}
.contour {
border: 1px solid #023f9e;
padding: 3px;
margin: 0px;
}