/* Basic code - don't modify */
 a {text-decoration: none}
 #nav { display: block; margin: 0; padding: 0; position: relative; z-index:900;
 /* background:url(images/fond-menu.jpg); */
 }
/* racine generique */
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; width:162px; text-align:center; }

/* racine bienvenue sanctuaire */
#nav li.biensanc { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; width:170px; text-align:center; }

  #nav a { display: block; }
  
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  
  #nav ul a { zoom: 1; } /* IE6/7 fix */
  
  #nav ul li { float: none; height:33px; }
  
  #nav ul ul { top:0px; }
    
/* Essentials - configure this */

#nav ul { width:118px;  }

#nav ul ul { left: 118px; }

/* Everything else is theming */
#nav a:hover { width: 118px; height: 33px; color:#ffffff; }

/* #nav { height: 33px; }
#nav *:hover { background-color: none; }
#nav li{ height: 30px; } /* 41 */

#nav a { 
	color: white; 
	font-size: 12px; 
	padding:0px; 
	padding-left:0px;
	padding-right:0px;
	padding-top:1px; 
	/* line-height: 20px; */
	width:118px; 
	height:33px; 
	/* font-size: 10.2pt; */
	font-weight: bold;
 }

#nav li.hover a { height:33px; } 

#nav ul { top: 33px; }
  
#nav ul li a{ height: 33px; font-size: 9pt; font-weight: normal; }

#nav ul li.hover > a { height: 33px;}

ul#nav ul li.hover a{ height: 33px;}

#nav ul a { border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */