/************** menu principal **************/

/* 1e niveau */
ul#navigation, #navigation ul, #navigation li { margin:0; padding: 0; }
ul#navigation {float: left; width: 972px; height: 50px; padding: 0 10px; margin: 0px; background: url(../images/menu_bg_ul.gif) no-repeat left top;}
ul#navigation li {float: left; position:relative; }
ul#navigation li.last a { padding-right:0;}
ul#navigation li a { display: block; padding: 10px 12px 10px 10px; font-size: 1.1em; text-align: center; color: #fff;  background-image: url(../images/menu_li.gif); background-repeat: no-repeat; background-position: 6px 10px;}
ul#navigation li a:hover, ul#navigation li a.aselect { color: #fff; background-position: 6px -29px;}
ul#navigation li a:hover {background-color: #4c162d; }

ul#navigation li.village a {background-image: url(../images/menu_li_village.gif);}
ul#navigation li.vie-pratique a {background-image: url(../images/menu_li_vie-pratique.gif);}
ul#navigation li.actualites-agenda a {background-image: url(../images/menu_li_actualites-agenda.gif);}
ul#navigation li.enfance-jeunesse a {background-image: url(../images/menu_li_enfance-jeunesse.gif);}
ul#navigation li.loisirs a {background-image: url(../images/menu_li_loisirs.gif);}
ul#navigation li.vie-economique a {background-image: url(../images/menu_li_vie-economique.gif);}

ul#navigation li.nature-environnement a { width:150px; background-image: url(../images/menu_li_nature-environnement.gif);}
ul#navigation li.nature-environnement ul li { width:100% !important;}
ul#navigation li.nature-environnement ul li a { width:220px !important;}

/* 2e niveau */
ul#navigation ul {
	display: none;
	position: absolute;
	width:250px;
	left: 0px;
	top: 36px;
	padding-bottom: 20px;
	background: url(../images/menu_ul_ul_bg.png) repeat-x left bottom;
}
ul#navigation ul li.last a { padding-right:10px;}
ul#navigation li.last ul {
	left: -72px;
}
ul#navigation li:hover ul { display: block !important; }
ul#navigation ul li {display:inline; height:auto; padding: 0 ; margin: 0 !important; border-bottom:1px solid #6c4053;}
ul#navigation ul li a { 
	display:block; 
	clear:both; 
	float:none; 
	width: 210px; 
	height:auto; 
	padding: 8px 10px 8px 30px;
	text-align: left;
}

#navigation ul li a:hover, #navigation ul li.select a { }
ul#navigation ul li.select a.aselect {}

ul#navigation li.village.select ul li.select a.aselect {color: #707e87;}
ul#navigation li.vie-pratique.select ul li.select a.aselect {color: #e05112;}
ul#navigation li.actualites-agenda.select ul li.select a.aselect {color: #ff2b40;}
ul#navigation li.enfance-jeunesse.select ul li.select a.aselect {color: #737a2f;}
ul#navigation li.loisirs.select ul li.select a.aselect {color: #72bdcc;}
ul#navigation li.vie-economique.select ul li.select a.aselect {color: #ff061e;}
ul#navigation li.nature-environnement.select ul li.select a.aselect {color: #b0cb18;}


/************** Menu Pied  **************/
#pied a:hover, ul#menu-pied li.select a {color: #ccc;}
ul#menu-pied {float: left; width: 1000px; margin-bottom: 3em; }
ul#menu-pied li {float: left; padding: 3px 10px; border-right: 1px solid #7e4d62;}
ul#menu-pied li.last { border:0;}

/************** menu outils **************/

ul#outils { float: left; width: 250px;}
ul#outils li { float: left;}
ul#outils li a { float: left;}
ul#outils li.plan-site a { border-right: 1px solid #FF2B40; padding-right: 10px;}
ul#outils li.plan-site { padding-right: 10px;}


/************** 3eme niveau *************/

#preview ul.snav { margin:15px 0 0; padding:5px; background:#59263c; text-align:center;}
#preview ul.snav li { display:inline; padding:0 5px; border-right:1px dotted #fff; margin:0; background:none;}
#preview ul.snav li.last { border:0;}
#preview ul.snav li a { color:#fff;}
#preview ul.snav li a:hover, #preview ul.snav li a.aselect { color:#adadad;}
#preview ul ul { display:none;}