/* Basic code - don't modify */
 
 #nav { display: block; margin: 0 auto; padding: 0; position: absolute; z-index:10;}
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative;}
  #nav a {display: block; }
  #nav .actif {background: none #fff; color:#050058; }
  #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; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 130px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */
 
#nav { height: 32px; }
.separation{
	width:2px;
	height:51px;
	overflow:hidden;
	background:url(../img/navigations/premiere_nav/separation.jpg) repeat-y;
}
#nav li a {background:url(../img/navigations/premiere_nav/fond.jpg) repeat-x; color: #7775a1; padding:18px 0 17px 0; line-height:1; font:bold 14px Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; text-decoration:none; }
#nav li a img { vertical-align:middle; margin-right:5px;}
#nav li a span { vertical-align:middle; text-decoration:underline;}
#nav li a:hover { background: none #fff; color:#050058;}
  
  #nav ul { top: 51px; background:url(../img/navigations/premiere_nav/fondsnav.jpg) repeat-x; }
    #nav ul li a { background:none; color: #7775a1; padding:18px 0 17px 15px; line-height:1; font:bold 13px Arial, Helvetica, sans-serif; text-align:left; text-transform:none;}
    #nav ul .barre { width:95%; margin:0 auto; padding:0; height:1px; background-color:#c7c7c7; overflow:hidden;}
      #nav ul a.hover { background:#eeeeee; border:1px solid #000; }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */