/* Général */
ul.outils li, .nav, .nav li, ul.snav, .snav, .snav li, ul.menu-produit, ul.menu-produit li ul { margin: 0; padding: 0; list-style: none; }

/*
 * OUTILS 
*/
ul.outils { float:right; width:739px; height:22px; padding:0; font-size:0.9em; background: url(../images/bg_outils.jpg) repeat-x left bottom; text-align:right; }
ul.outils li  { padding:0; display:inline; }
ul.outils li.last a { padding-right:15px;}
ul.outils li a { padding: 5px 5px 0 13px; color:#000; line-height:1.8em; background:url(../images/puce_outils.gif) no-repeat 0 9px; }
ul.outils li a:hover, ul.outils li.select a { color:#ffce00;}

/*
 * Navigation premier niveau
*/
ul.nav { 
	height: 36px;
	background: url(../images/bg_nav.gif) no-repeat; 
}
ul.nav li { float:left; border-right:1px solid #b76e57; margin-top:7px;}
ul.nav li.last { border:0;}
ul.nav li a { display:block; float:left; height:20px; padding:0px 8px; background-position:center -8px; background-repeat:no-repeat; text-indent:-99999px; }

ul.nav li.votre-mairie a { width:77px; background-image:url(../images/nav_mairie.gif);}
ul.nav li.village a { width:61px; background-image:url(../images/nav_village.gif);}
ul.nav li.aide a { width:158px; background-image:url(../images/nav_aide.gif);}
ul.nav li.vie-pratique a { width:80px; background-image:url(../images/nav_pratique.gif);}
ul.nav li.vie-associative a { width:171px; background-image:url(../images/nav_associative.gif);}

ul.nav li a:hover, ul.nav li.select a { background-position:center -44px; /*background-color:#682917;*/}
ul.nav li.index { /*border:0;*/ margin-left:140px;}
ul.nav li.index a { width:18px; background-image:url(../images/nav_index.gif); }

/*
 * sous navigation
 */
ul.snav { /*border-top:1px solid #b76e57;*/ margin-left:3px; padding:7px 0; background:#9c391f url(../images/bg_snav.gif) no-repeat; text-align:center;}
ul.snav li { padding:0 8px; display:inline; border-right:1px solid #b76e57; }
ul.snav li a {color: #fff; font-size: 0.9em; }
ul.snav li.select a {color: #fff; border-bottom:2px solid #c48778;}
ul.snav li a:hover {color: #da9d8e; }
ul.snav li.last { border:0;}

ul.snav ul { display:none;}
 

/*
 *pied
 */
ul.pied {float: left; padding: 0px; margin: 0px 140px 0px 20px; list-style: none;}
ul.pied li {float: left; padding: 0 5px; border-right: 1px solid #ccc;}
ul.pied li.last {border: 0 !important;}