/* Structure générale --------------------------------------------- */
body {
	margin: 0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#CCCCCC;
}
a {text-decoration:none; color:#333333;}
a:hover {text-decoration:underline; color:#FF6600;}

#contHaut{
	width:995px;
	height:150px;
	margin: 0 auto;
	background:url(../img-gen/bandeau-haut.jpg) no-repeat;
	overflow:hidden;
}
#contnavprinc{
	position:absolute;
	width:995px;
	padding-top:110px;
	z-index:34000;
}
#contadresse{
	position:absolute;
	width:200px;
	padding:82px 0px 0px 396px;
}
#contcentral{
	width:995px;
	min-height:500px;
	margin:0 auto;
	overflow:hidden;
	background:url(../img-gen/bandeau-gauche.jpg) repeat-y #FFFFFF;	
}
#contsignature{
	width:995px;
	height:20px;
	margin:0 auto;
	background:url(../img-gen/fond-signature.jpg) repeat-x;
}
#contnavsecond{
	width:200px;
	min-height:500px;
	margin:0 auto;
	float: left;
}
#contfck{
	width:775px;
	height: auto;
	margin:0 auto;
	float: left;
	padding:20px 0 0 20px;
}

/* Nagigation Principale----------------------------------------*/
dl, dt, dd{
	margin: 0 auto;
	padding:0;
	list-style-type: none;
	height:40px;
		z-index:34000;
}
ul, li {
	margin: 0 auto;
	padding:inherit;
	list-style-type: none;
	height:25px;
		z-index:34000;
}
#menu {
	margin:0 auto;
	width:995px;
	height:40px;
		z-index:34000;
}
#menu dl {
    margin:0 auto;
	padding:0;
	float: left;
	width: 199px;
		z-index:34000;
}
#menumairie {
	background:url(../img-gen/mairie-on.jpg) repeat-x;
	cursor: pointer;
	text-align: center;
	font-size:15px;
	line-height:40px;
		z-index:34000;
}
#menumairie a:hover{
	background:url(../img-gen/mairie-off.jpg) repeat-x;
	color: #fff;
	font-weight:bold;
	background-repeat:repeat-x;
		z-index:34000;
}
#menuhistoire {
	background:url(../img-gen/histoire-on.jpg) repeat-x;
	cursor: pointer;
	text-align: center;
	font-size:15px;
	line-height:40px;
		z-index:34000;
}
#menuhistoire a:hover{
	background:url(../img-gen/histoire-off.jpg) repeat-x;
	color: #fff;
	font-weight:bold;
	background-repeat:repeat-x;
		z-index:34000;
}
#menulocale {
	background:url(../img-gen/locale-on.jpg) repeat-x;
	cursor: pointer;
	text-align: center;
	font-size:15px;
	line-height:40px;
		z-index:34000;
}
#menulocale a:hover{
	background:url(../img-gen/locale-off.jpg) repeat-x;
	background-color: #006699;
	color: #fff;
	font-weight:bold;
		z-index:34000;
}
#menuvie {
	background: url(../img-gen/eco-on.jpg) repeat-x;
	cursor: pointer;
	text-align: center;
	font-size:15px;
	line-height:40px;
		z-index:34000;
}
#menuvie a:hover{
	background: url(../img-gen/eco-off.jpg) repeat-x;
	color: #fff;
	font-weight:bold;
		z-index:34000;
}
#menu dd {
	display: none;
	border:0 none;
		z-index:34000;
}
.mairie {
	text-align: center;
	font-size:11px;
	line-height:25px;
	border-bottom:  #666666 solid 1px;
	background-color: #FEE7B1;
		z-index:34000;
}
.mairie a:hover, .mairie li a:focus {
	color: #999999;
	font-style: italic;
	border-bottom: #CCCCCC solid 1px;
	background-color: #FFD688;
		z-index:34000;
}
.histoire {
	text-align: center;
	font-size:11px;
	line-height:25px;
	border-bottom:  #666666 solid 1px;
	background-color: #E3FFAA;
		z-index:34000;
}
.histoire a:hover, .histoire li a:focus {
	color: #999999;
	font-style: italic;
	border-bottom: #CCCCCC solid 1px;
	background-color: #94FF75;
		z-index:34000;
}
.locale {
	text-align: center;
	font-size:11px;
	line-height:25px;
	border-bottom:  #666666 solid 1px;
	background-color: #F4D5FF;
		z-index:34000;
}
.locale a:hover, .locale li a:focus {
	color: #999999;
	font-style: italic;
	border-bottom: #CCCCCC solid 1px;
	background-color: #F1B9FF;
		z-index:34000;
}
.eco {
	text-align: center;
	font-size:11px;
	line-height:25px;
	border-bottom:  #666666 solid 1px;
	background-color: #CEE9FF;
		z-index:34000;
}
.eco a:hover, .eco li a:focus {
	color: #999999;
	font-style: italic;
	border-bottom: #CCCCCC solid 1px;
	background-color: #B9DFFF;
		z-index:34000;
}
#menu li a {
	color: #666666;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
		z-index:34000;
}
#menu dt a {
	color: #fff;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
		z-index:34000;
}

/* Navigation secondaire----------------------------------------*/
#acces a{
	display: block;
	height:25px;
	width:149px;
	background:url(../img-gen/acces-on.jpg) no-repeat;
	border-bottom:solid #FFFFFF 2px;
	line-height:25px;
	padding:0 0 0 50px;
}
#acces a:hover{
	background:url(../img-gen/acces-off.jpg) no-repeat;
}
#meteo a{
	display: block;
	height:25px;
	width:149px;
	background:url(../img-gen/temps-on.jpg) no-repeat;
	border-bottom:solid #FFFFFF 2px;
	line-height:25px;
	padding:0 0 0 50px;
}
#meteo a:hover{
	background:url(../img-gen/temps-off.jpg) no-repeat;
}
#presse a{
	display: block;
	height:25px;
	width:149px;
	background:url(../img-gen/presse-on.jpg) no-repeat;
	border-bottom:solid #FFFFFF 2px;
	line-height:25px;
	padding:0 0 0 50px;
}
#presse a:hover{
	background:url(../img-gen/presse-off.jpg) no-repeat;
}
#bulletin a{
	display: block;
	height:25px;
	width:149px;
	background:url(../img-gen/bulletin-on.jpg) no-repeat;
	border-bottom:solid #FFFFFF 2px;
	line-height:25px;
	padding:0 0 0 50px;
}
#bulletin a:hover{
	background:url(../img-gen/bulletin-off.jpg) no-repeat;
}
#horaire a{
	display: block;
	height:25px;
	width:149px;
	background:url(../img-gen/horaire-on.jpg) no-repeat;
	border-bottom:solid #FFFFFF 2px;
	line-height:25px;
	padding:0 0 0 50px;
}
#horaire a:hover{
	background:url(../img-gen/horaire-off.jpg) no-repeat;
}
#accueil a{
	display: block;
	height:25px;
	width:149px;
	background:url(../img-gen/accueil-on.jpg) no-repeat;
	border-bottom:solid #FFFFFF 2px;
	line-height:25px;
	padding:0 0 0 50px;
}
#accueil a:hover{
	background:url(../img-gen/accueil-off.jpg) no-repeat;
}
#actu {
	height:30px;
	width:199px;
	background:url(../img-gen/fond-actu.jpg) no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	line-height:30px;
}
#actufck {
	background-color: #E2E2E2;
	min-height:300px;
	width:189px;
	padding: 5px 5px 5px 5px;
}