/************** menu langues **************/

ul#langues { float:left;}
ul#langues li { display:inline;}
ul#langues li a {}

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

li a { font-family:Arial; font-size:12px;}

ul#outils {float:right; padding:13px 0 0 10px; width:420px; height:28px; background:url(../images/bg_menu_outils.gif) no-repeat;}
ul#outils li {display:inline; padding:4px 7px 4px 5px; border-right:1px solid #CBC3B2;}
ul#outils li.last {border:none;}
ul#outils li a {color:#fff;}
ul#outils li a:hover {color:#000;}

ul#menuagenda {display:none; float:right; width:155px; height:41px; background:url(../images/bg_menu_agenda.gif) no-repeat;}
ul#menuagenda li { color:#000; height:27px; padding:12px 4px 2px 8px; background:url(../images/bg_li_agenda.gif) no-repeat 0 3px; font-weight:bold; font-size:15px;}
ul#menuagenda li a { padding-left:10px; color:#fff; font-weight:normal; font-size:12px;}
ul#menuagenda li a:hover {color:#000;}

/*************menu pied*******************/
#menu-pied {}
#menu-pied li {display:inline; border-right:1px solid #fff; padding:0 0.5em;}
#menu-pied li.last {border:none; }
#menu-pied li a {color:#fff;}
#menu-pied li a:hover {color:#000;}

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

/* 1e niveau */
#navigation {clear:both; width:100%; height:48px; padding-top:1px; border-top:1px solid #fff; background:transparent url(../images/bg_menu_nav.gif) repeat-x scroll 0 bottom;  }
#navigation li {float:left; text-align:center; height:38px; border-right:1px solid #9d9d9d; width:124px; }
#navigation li a { height:30px; padding-top:8px; }
#navigation li.developpement-urbain a, #navigation li.developpement-economique a { height:36px; padding-top:2px; }

#navigation li a {color:#000; display:block;}
#navigation li a:hover {color:#6d1e12;}
#navigation li a.aselect {color:#fff; }

#navigation li.votre-mairie.select {background:#6d1e12;}
#navigation li.vie-pratique.select {background:#ff530d;}
#navigation li.actualites.select {background:#f2b705;}
#navigation li.developpement-urbain.select {background:#5eb900;}
#navigation li.plu.select  {background:#7d6c79;}
#navigation li.developpement-economique.select  {background:#ff1b37;}
#navigation li.vie-associative.select  {background:#b03f95;}
#navigation li.tourisme.select {background:#f7e500;}

#navigation li.votre-mairie {border-top:10px solid #6d1e12; }
#navigation li.vie-pratique {border-top:10px solid #ff530d; }
#navigation li.actualites {border-top:10px solid #f2b705; }
#navigation li.developpement-urbain {border-top:10px solid #5eb900; width:116px;}
#navigation li.plu {border-top:10px solid #7d6c79; }
#navigation li.developpement-economique {border-top:10px solid #ff1b37; }
#navigation li.vie-associative {border-top:10px solid #b03f95; }
#navigation li.tourisme {border-top:10px solid #f7e500; border-right:0; width:132px;}

/* 2e niveau */
ul#navigation ul {visibility:hidden; z-index:1; }
ul#navigation ul li {float:none; width:116px; height:auto; padding:4px; border-top:1px solid #fff; }
ul#navigation ul li.select a.aselect {color:#000;}
ul#navigation li:hover ul {visibility:visible; position:relative;}
#navigation li.developpement-urbain ul li {width:108px;}
#navigation li.tourisme ul li {width:124px;}

#navigation li.votre-mairie:hover ul li{background:#6d1e12;}
#navigation li.vie-pratique:hover ul li{background:#ff530d;}
#navigation li.actualites:hover ul li{background:#f2b705;}
#navigation li.developpement-urbain:hover ul li{background:#5eb900;}
#navigation li.plu:hover ul li {background:#7d6c79;}
#navigation li.developpement-economique:hover ul li{background:#ff1b37;}
#navigation li.vie-associative:hover ul  li{background:#b03f95;}
#navigation li.tourisme:hover ul li{background:#f7e500;}

#navigation ul li a {color:#fff; display:inline;}
#navigation ul li a:hover {color:#000;}
#navigation li.tourisme ul li a {color:#a19273;}
#navigation li.tourisme ul li a:hover {color:#000;}

/*****************Sous Nav Votre Mairie - Releves du Conseil ************************/

#preview ul.snav {margin-bottom:20px; margin-left:0; height:20px; background:#6d1e12; padding:10px; text-align:center; }
#preview ul.snav li {background:none; display:inline; padding:0 13px; border-right:1px solid #fff;}
#preview ul.snav li.last {border-right:none;}
ul.snav li a {color:#fff; font-size:15px; font-weight:bold;}
ul.snav li a:hover {color:#a19273;}
ul.plan > li { margin-bottom: 10px !important; }
ul.plan > li > ul > li > ul { border-left: 1px solid !important; }
ul.plan > li li li { background: none !important; }