@charset "iso-8859-1";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
}

body {
	background-image: url(../images/fond_haut.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#5a6c07;
	padding-bottom:10px;
}

#cadre_body {
	position:relative;
	width:1000px;
	margin:auto;
	z-index:1;
	background-image: url(../images/fond.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height: 400px;
	text-align:center;
	/*border:solid red 1px;*/
}

#officiel{
	position:absolute;
	z-index:2;
	left:13px;
	top:0px;
}

#liens_recherche {
	position:absolute;
	z-index:2;
	right:110px;
	top:0px;
}

#logo {
	position:absolute;
	z-index:2;
	left:12px;
	top:55px;
	width:105px;
	height:170px;
}
#logo a {
	display:block;
	width:100%;
	height:100%;
	border:solid red 0px;
}
/*
#logo a:hover {
	background-color:#FFFFFF;
	opacity:0.3;
	filter:Alpha(opacity=30);
}
*/
#titre {
	position:absolute;
	z-index:2;
	left:503px;
	top:161px;
}

.bouton_menu {
	border:solid red 0px;
	cursor:pointer;
}
.bouton_menu img.survol {
	display:none;
}
.bouton_menu:hover img.survol {
	display:inline;
}
.bouton_menu:hover img.normale {
	display:none;
}

#bouton_decouvrir {
	position:absolute;
	z-index:4;
	left:80px;
	top:234px;
}

#bouton_vivre {
	position:absolute;
	z-index:4;
	left:383px;
	top:234px;
}
#bouton_citoyen {
	position:absolute;
	z-index:4;
	left:682px;
	top:235px;
}

#menu {
	position:absolute;
	width:974px;
	z-index:5;
	height: 30px;
	left:12px;
	top:333px;
	text-align:center;
	overflow:visible;
	padding-top:10px;
}
#cadre_bas {
	position:absolute;
	width:976px;
	z-index:3;
	background-color: #f9f9f8;
	left:11px;
	top:278px;
	padding-top:90px;
}
#sous_menu {
	float:left;
	margin:3px;
}
#sous_menu_bord_haut {
	width:215px;
	height:60px;
}
#sous_menu_contenu {
	width:165px;
	padding-left:25px;
	padding-right:25px;
	background-repeat: repeat-y;
}
#sous_menu_bord_bas {
	width:215px;
	height:62px;
}
#contenu {
	float:right;
	margin:3px;
}
#contenu_bord_haut {
	width:741px;
	height:60px;
}
#contenu_contenu {
	width:701px;
	background-repeat: repeat-y;
	padding-left:20px;
	padding-right:20px;
	overflow:hidden;
}
#contenu_bord_bas {
	width:741px;
	height:62px;
}
#pied {
	clear:both;
	width:976px;
	height: 35px;
	background-image: url(../images/pied_page.jpg);
	background-position:bottom;
	margin:auto;
	padding-top:5px;
	font-size:10px;
}
#pied #copyright {
	position:relative;
	top:3px;
}