/* Block categories */
.top-menu { 
	/*ICI LA MISE EN FORME DU FOND DE VOTRE MENU */
	width: 960px;
	padding:0 10px;
	display: block;
	background:silver;
	font-family:arial, helvetica, sans, sans-serif;
	background:url('http://www.thegolfinghouse.com/img/menu_banner.png') no-repeat;
	margin-top:-85px;
	position:relative;
	height:30px;
} 
 
/* style du menu par defaut */
#menu{
  font-size:12px;
  padding: 2px 0 6px 2px;
  text-transform: capitalize;
  height:30px;
  position:absolute;
    width:730px;
  }

 
div#menu a { 
	text-transform:capitalize; 
	font-weight:bold; 
	margin-bottom:6px;
}
 
div#menu ul {padding: 0; margin:0px; }
 
/* style niveau principal */
div#menu ul.niveau1 > li, div#menu ul.niveau1 > li:hover {
	background: transparent; 
	border-bottom: none; 
	width: auto;
	line-height: auto;
}
 
div#menu ul.niveau1 > li > a {
	/* ICI LA MISE EN FORME DU MENU DE BASE */
	padding:5px 10px 2px 5px; 
	color:#474747; 
	width: auto;
}
 
div#menu ul.niveau1 > li.last > a {
	/* ICI LA MISE EN FORME DU DERNIER ELEMENT DU MENU DE BASE (si besoin) */
}
 /*top row hover*/
div#menu ul.niveau1 > li > a:hover, div#menu ul.niveau1 > li:hover > a {
	color: white;
}
 
div#menu li {background:#c2d2e2; line-height: auto; color: #474747; }
div#menu li a {
	color:#474747;
	display:block;
	padding:2px 8px;      /* PADDING (ESPACE) AUTOUR DES ELEMENTS DE MENU */
	text-decoration:none;
	width:150px;           /* LARGEUR DES ELEMENTS DE MENU HORS PADDING */
	line-height:auto;
}
 /*list elements hover */
div#menu li:hover {background: #474747; }
div #menu li:hover a {color: #474747; }
div #menu li a:hover {color: #fff; }
div #menu li.sousmenu:hover > a {color: #fff; }
 
div#menu ul li {position:relative; z-index: 998; list-style: none; float:left; border-bottom:1px solid #fff; }
div#menu ul li.last { border-bottom: none;}
 /*drop down 1*/
 
div#menu ul ul {
	text-align:left;
	display:none;
	position:absolute;
	width:166px;        /* DIMENSION = LARGEUR DES ELEMENTS DE MENU + PADDING LEFT + PADDING RIGHT */
	z-index:999;
}
 
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu ul.niveau3 {
	top:4px; 
	left: 166px;        /* DOIT ETRE EGALE A LA DIMENSION DE div#menu ul ul */ 
	z-index:999 !important;
}

/* rajout de couleur de fond et de survol */
div#menu ul.niveau3 li { background: #1f1f1f; color: #ef541a; }
div#menu ul.niveau3 li:hover { background: #ef541a; color: #fff; }