.espace_haut_bas {
	margin-top:5px;
	margin-bottom:5px;
}







#page {
	width:801px;
	margin : 0 auto;
}



/* position de tout le contenu situé sous le menu - notamment pour Mozilla qui l'exige */
#main {
	float:left;
	padding:0px 0;
}








/** Menu HOME (lien accueil bleu) **/
#home {
	float:left;
	height:14px;
	width:30px;
	padding:0px 0;
	text-align: center;
	margin : 0;
}
#home li {
	display: inline;
	list-style-type: none;
}










/** MENU **/
.menu {

	float:left;
	height:25px;
	margin-left:0px;
}
.menu li {
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
	list-style-type: none;
}

.menu li span {
	text-indent:-1000em;
	display:block;
	height:25px;
	width:0; /* Pour ne pas décaler le menu vers la droite sous IE7 (sans JS) */
}

.menu li.unique span {
	width:auto;
}

.menu li a:link span, .menu li a:visited span, .menu li a:hover span, .menu li a:active span {
	cursor:pointer;
}

/* images */
.menu li.accueil {
	background-image:url("menu/images/item1/m_accueil.gif");
	width:30px;
}

.menu li.decouvrir {
	background-image:url("menu/images/item1/m_decouvrir.gif");
	width:217px;
}

.menu li.mairie {
	background-image:url("menu/images/item1/m_mairie.gif");
	width:81px;
}

.menu li.services {
	background-image:url("menu/images/item1/m_services.gif");
	width:210px;
}

.menu li.cadre {
	background-image:url("menu/images/item1/m_vivre.gif");
	width:121px;
}

.menu li.marches {
	background-image:url("menu/images/item1/m_marches_publics.gif");
	width:142px;
}






/* actif */
.menu ul li.actif { background-position : right top; }
.menu ul li.hover ul, .menu ul li.css:hover ul { display : block; }




ul.menu2 {
	display : none;
	position : absolute;
	z-index : 10000;
	width : 180px;
	height : auto;
	background : #239E06;
	border-top:3px solid #7AD262;
	border-bottom: 1px solid #7AD262;
	padding-bottom:5px;
	filter:alpha(opacity=90);
	opacity:.90;
}


ul.menu3 {
	display : none;
	position : absolute;
	z-index : 10000;
	width : 180px;
	height : auto;
	background : #FF7E00;
	border-top:3px solid #FFCB99;
	border-bottom: 1px solid #FFCB99;
	padding-bottom:5px;
	filter:alpha(opacity=90);
	opacity:.90;
}


ul.menu4 {
	display : none;
	position : absolute;
	z-index : 10000;
	width : 180px;
	height : auto;
	background : #D00224;
	border-top:3px solid #FC768C;
	border-bottom: 1px solid #FC768C;
	padding-bottom:5px;
	filter:alpha(opacity=90);
	opacity:.90;
}


ul.menu5 {
	display : none;
	position : absolute;
	z-index : 10000;
	width : 180px;
	height : auto;
	background : #950783;
	border-top:3px solid #E266D8;
	border-bottom: 1px solid #E266D8;
	padding-bottom:5px;
	filter:alpha(opacity=90);
	opacity:.90;
}


ul.menu6 {
	display : none;
	position : absolute;
	z-index : 10000;
	width : 180px;
	height : auto;
	background : #F5B50A;
	border-top:3px solid #FED66B;
	border-bottom: 1px solid #FED66B;
	padding-bottom:5px;
	filter:alpha(opacity=90);
	opacity:.90;
}


















*+html .menu ul ul { margin-top:25px; } /* Hack IE7 pour décaler le menu vers le bas (sans JS) */

.menu ul ul li {
	float :none;
	border-bottom:1px dashed #FFFFFF;
}

.menu ul ul a, .menu ul ul a:visited {
	color : #fff;
	display:block;
	padding:2px 1px 2px 1.5em;
	width:164px;
	text-decoration : none;
	background: url("menu/images/b_flecheblanc.gif") no-repeat .5em 50%;
}
.menu ul ul a:hover, .menu ul ul a:active {
	background : #FFFFFF url("menu/images/b_flechenoire.gif") no-repeat .5em 50%;
	color: #000000;
}







.police_menu {
	font-family : Arial, sans-serif;
	font-size : 11px;
}