ul#nav {
	position:absolute;
	top:44px;
	left:158px; 
	list-style:none;
	height:36px;
	width:781px;
	margin:0;
	padding:0;
	z-index:2;
}
ul#nav li {
	float: left;
	position: relative;
	height:36px;
	margin:0;
	padding:0;
	z-index:2;
}
ul#nav li#accueil { width:67px; }
ul#nav li#fg { width:100px; }
ul#nav li#visitez { width:117px; }
ul#nav li#vacances { width:128px; }
ul#nav li#progressez { width:92px; }
ul#nav li#abonnez { width:103px; }
ul#nav li#boutiques { width:106px; }
ul#nav li#contact { width:68px; }

ul#nav li a {
	display:block;
	margin:0;
	padding:15px 0 0 0;
	height:21px;
	z-index:2;
}
li#accueil a { width:67px; background:url(/images/fr/common/top/accueil.gif) 0 15px no-repeat; }
li#fg a { width:100px; background:url(/images/fr/common/top/fg.gif) 0 15px no-repeat; }
li#visitez a { width:117px; background:url(/images/fr/common/top/visitez.gif) 0 15px no-repeat; }
li#vacances a { width:128px; background:url(/images/fr/common/top/vacances.gif) 0 15px no-repeat; }
li#progressez a { width:92px; background:url(/images/fr/common/top/progressez.gif) 0 15px no-repeat; }
li#abonnez a { width:103px; background:url(/images/fr/common/top/abonnez.gif) 0 15px no-repeat; }
li#boutiques a { width:106px; background:url(/images/fr/common/top/boutiques.gif) 0 15px no-repeat; }
li#contact a { width:68px; background:url(/images/fr/common/top/contact.gif) 0 15px no-repeat; }

li#accueil a:hover, li#accueil.ici a { background:url(/images/fr/common/top/accueil_on.gif) 0 15px no-repeat; }
li#fg a:hover, li#fg.ici a, li#fg:hover a, li#fg.over a { background:url(/images/fr/common/top/fg_on.gif) 0 15px no-repeat; }
li#visitez a:hover, li#visitez.ici a { background:url(/images/fr/common/top/visitez_on.gif) 0 15px no-repeat; }
li#vacances a:hover, li#vacances.ici a, li#vacances:hover a, li#vacances.over a { background:url(/images/fr/common/top/vacances_on.gif) 0 15px no-repeat; }
li#progressez a:hover, li#progressez.ici a, li#progressez:hover a, li#progressez.over a { background:url(/images/fr/common/top/progressez_on.gif) 0 15px no-repeat; }
li#abonnez a:hover, li#abonnez.ici a, li#abonnez:hover a, li#abonnez.over a { background:url(/images/fr/common/top/abonnez_on.gif) 0 15px no-repeat; }
li#boutiques a:hover, li#boutiques.ici a, li#boutiques:hover a, li#boutiques.over a { background:url(/images/fr/common/top/boutiques_on.gif) 0 15px no-repeat; }
li#contact a:hover, li#contact.ici a { background:url(/images/fr/common/top/contact_on.gif) 0 15px no-repeat; }

li#vacances ul, li#progressez ul, li#abonnez ul, li#boutiques ul, li#fg ul {
	display: none;
	position: absolute; 
	top: 36px;
	left: 0;
	list-style:none;
	margin:0;
	padding:0;
	z-index:4;
}
ul#nav li > ul {
	top: auto;
	left: auto;
	z-index: 1000;
}

ul#nav li:hover ul, ul#nav li.over ul { display: block; clear: left; }
ul#nav li li { margin:0; padding:0;	z-index:5; height:21px; }
li#vacances li { width:220px; }
li#progressez li { width:240px; }
li#abonnez li { width:200px; }
li#boutiques li { width:150px; }

ul#nav ul a {
	display:block;
	font-weight:bold;
	margin:0;
	padding:3px 0 3px 10px;
	height:15px;
	text-decoration:none;
	z-index:6;
	color:#aad045;
}
li#vacances li a, li#vacances.ici li a, li#vacances:hover li a, li#vacances.over li a { width:220px; background:#000; color:#aad045; }
li#progressez li a, li#progressez.ici li a, li#progressez:hover li a, li#progressez.over li a { width:240px; background:#000; color:#aad045; }
li#abonnez li a, li#abonnez.ici li a, li#abonnez:hover li a, li#abonnez.over li a { width:200px; background:#000; color:#aad045; }
li#boutiques li a, li#boutiques.ici li a, li#boutiques:hover li a, li#boutiques.over li a { width:150px; background:#000; color:#aad045; }
li#fg li a, li#fg.ici li a, li#fg:hover li a, li#fg.over li a { width:150px; background:#000; color:#aad045; }
li#vacances li a:hover { width:220px; background:#000; color:#fff; }
li#progressez li a:hover { width:240px; background:#000; color:#fff; }
li#abonnez li a:hover { width:200px; background:#000; color:#fff; }
li#boutiques li a:hover { width:150px; background:#000; color:#fff; }
li#fg li a:hover { width:150px; background:#000; color:#fff; }