/* Basic code - don't modify */
 
 #menu {margin:0 0 20px 0;}
 #nav {display:block; margin:0; padding:0; position:relative;}
  #nav li {display:block; list-style:none; margin:0; padding:0; float:left; position:relative; cursor:pointer;}
  #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;}
    #nav ul ul {top:0;}
  
/* Essentials - configure this */

#nav ul {width:250px;}

/* Everything else is theming */
 
#nav {height:47px;}
#nav *:hover {background-color:none;}

#nav li.rub1 a.menu {margin:0;padding:0;
width:80px;
height:47px;
background:url(grafx/accueil.png) no-repeat top left;
}
#nav li.rub2 a.menu {margin:0;padding:0;
width:145px;
height:47px;
background:url(grafx/qui.png) no-repeat top left;
}
#nav li.rub3 a.menu {margin:0;padding:0;
width:110px;
height:47px;
background:url(grafx/missions.png) no-repeat top left;
}
#nav li.rub4 a.menu {margin:0;padding:0;
width:126px;
height:47px;
background:url(grafx/realisations.png) no-repeat top left;
}
#nav li.rub5 a.menu {margin:0;padding:0;
width:123px;
height:47px;
background:url(grafx/references.png) no-repeat top left;
}
#nav li.rub6 a.menu {margin:0;padding:0;
width:129px;
height:47px;
background:url(grafx/contact.png) no-repeat top left;
}
.menu {height:47px;}
#nav li.rub1 a.menu:hover, #nav li.rub2 a.menu:hover, #nav li.rub3 a.menu:hover, #nav li.rub4 a.menu:hover, #nav li.rub5 a.menu:hover, #nav li.rub6 a.menu:hover, #nav li.rub1#select a.menu, #nav li.rub2#select a.menu, #nav li.rub3#select a.menu, #nav li.rub4#select a.menu, #nav li.rub5#select a.menu, #nav li.rub6#select a.menu {background-position:0 -47px; cursor:pointer;}

/* anglais */
#nav li.rub1_en a.menu {margin:0;padding:0;
width:80px;
height:47px;
background:url(grafx/accueil_en.png) no-repeat top left;
}
#nav li.rub2_en a.menu {margin:0;padding:0;
width:145px;
height:47px;
background:url(grafx/qui_en.png) no-repeat top left;
}
#nav li.rub3_en a.menu {margin:0;padding:0;
width:110px;
height:47px;
background:url(grafx/missions_en.png) no-repeat top left;
}
#nav li.rub4_en a.menu {margin:0;padding:0;
width:126px;
height:47px;
background:url(grafx/realisations_en.png) no-repeat top left;
}
#nav li.rub5_en a.menu {margin:0;padding:0;
width:123px;
height:47px;
background:url(grafx/references_en.png) no-repeat top left;
}
#nav li.rub6_en a.menu {margin:0;padding:0;
width:129px;
height:47px;
background:url(grafx/contact_en.png) no-repeat top left;
}
#nav li.rub1_en a.menu:hover, #nav li.rub2_en a.menu:hover, #nav li.rub3_en a.menu:hover, #nav li.rub4_en a.menu:hover, #nav li.rub5_en a.menu:hover, #nav li.rub6_en a.menu:hover, #nav li.rub1_en#select a.menu, #nav li.rub2_en#select a.menu, #nav li.rub3_en#select a.menu, #nav li.rub4_en#select a.menu, #nav li.rub5_en#select a.menu, #nav li.rub6_en#select a.menu {background-position:0 -47px; cursor:pointer;}

/* */

#nav a {color:white; font-size:12px; padding:6px; line-height:1; text-decoration:none;}
  #nav li.hover a {cursor:pointer;}
  #nav ul {top:48px;}
    #nav ul li a {background-color:#5E5A5A; cursor:pointer;}
      #nav ul a.hover {background-color:#30A8C3; }
   #nav ul a {border-bottom:1px solid white; border-right:none; opacity:0.95; filter:alpha(opacity=95);}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */