Forum d'entraide: tuto-fr.com

body {behavior: url(csshover.htc);} 

/* DEFINITION DU MENU PRINCIPAL */
div#menu a {
	color:#000000;
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size: 10px;
	 }
div#menu ul { margin:0px; text-align:center;} /* POSSITONNEMENT DES SOUS MENUS */
div#menu li { background:#73A2DA ;} /* FOND DU MENU */
div#menu li:hover {background: #EDD} 
div#menu li.sousmenu:hover {background: #EBB;} 
 
div#menu li.sousmenu { background-color:#ff9900} /* COULEUR DE FOND DES BLOCS AVEC SOUS MENU*/

div#menu ul li {position:relative; list-style: none; float:left; border-top:0px solid} /* une petite bordure en top*/ 

div#menu ul ul {position: absolute;display:none; width:100px} 
div#menu li a {text-decoration: none; padding: 4px 0 4px; display:block; width:86px}/* TAILLE DES BLOCS DU MENU PRINCIPAL */
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:-1px; left: 86px;} /* POSSITONNEMENT DES SOUS-SOUS MENUS */

/* rajout de couleures de fond et de survol */ 
div#menu ul.niveau3 li { background: #99CCCC} 
div#menu ul.niveau3 li:hover { background: #99CC00}

<div id="menu" style="width:774px ;"> 
<ul class="niveau1"> 
	<li><a href="lien">Accueil</a></li> 
	
	<li class="sousmenu"><a href="lien">Eau Vive</a> 
		<ul class="niveau2"> 
			<li><a href="lien">Rafintg</a></li> 
			<li><a href="lien">Hydrospeed</a></li> 
			<li><a href="lien">Kayak-Raft</a></li> 
			<li class="sousmenu"><a href="lien">Les rivières</a> 
				<ul class="niveau3"> 
					<li><a href="lien">La Dranse</a></li> 
					<li><a href="lien">La Dora Baltéa</a></li> 
					<li><a href="lien">Le Giffre</a></li> 
					<li><a href="lien">L'Hisère</a></li> 
				</ul> 
			</li> 
			<li><a href="lien">Classification</a>
			</li> 
		</ul> 
	</li> 
	
	<li class="sousmenu"><a href="lien">Activités</a> 
		<ul class="niveau2"> 
			<li class="sousmenu"><a href="lien">Les Journées</a>
				<ul class="niveau3"> 
					<li><a href="lien">Eau Vive</a></li> 
					<li><a href="lien">Accrobranche & Raft</a></li> 
					<li><a href="lien">Aér' Eau</a></li> 
				</ul> 
			</li> 
			<li class="sousmenu"><a href="lien">Les Week-Ends</a>
				<ul class="niveau3"> 
					<li><a href="lien">La montagne vue d'en Eau</a></li> 
					<li><a href="lien">Trie Eau</a></li> 
					<li><a href="lien">Multi-activités</a></li> 
					<li><a href="lien">Découverte</a></li> 
				</ul> 			
			</li> 
			
			<li><a href="lien">Passeport aquaforme</a></li> 
			
			<li class="sousmenu"><a href="lien">Les sorties hivernales</a> 
				<ul class="niveau3"> 
					<li><a href="lien">Journée Snow & Ski</a></li> 
					<li><a href="lien">Motoneige et raquettes</a></li> 
					<li><a href="lien">Multi neige</a></li> 
				</ul> 
			</li> 
			<li><a href="lien">Les sorties hivernales</a></li> 
			<li><a href="lien">Les Entreprises</a></li> 
			<li><a href="lien">Les Juniors</a></li> 
		</ul> 
	</li> 
	
	<li><a href="lien">Boutique</a></li> 
	
	<li><a href="lien">Tarifs</a></li> 
	
	<li><a href="lien">Photos</a></li> 

	<li><a href="lien">Livre d'Or</a></li> 

	<li><a href="lien">Contact</a></li> 

	<li class="sousmenu"><a href="lien">Infos</a> 
		<ul class="niveau2"> 
			<li><a href="lien">Liens</a></li> 
			<li><a href="lien">Partenaires</a></li> 
			<li><a href="lien">Clients</a></li> 
			<li><a href="lien">L'équipe</a></li> 
			<li><a href="lien">C.G.V</a></li> 
		</ul> 
	</li> 
</ul> 
</div>