Avoir le menu fixe

Bonjour à tous,

Je suis nouvelle et débutante en css.
J'ai un problème concernant l'affichage de mon menu . J'ai téléchargé un template bootstrap de site onepage que j'ai adapté et j'aimerai que le menu de droite reste fixe en haut quand on défile sur la page. Pouvez-vous me donner un coup de main s'il vous plait? Je vous remercie d'avance.Voici mon code html:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="nav">
   <ul>
	<li><a href=""></a></li>
	<li><a href="contact.html">Contact</a></li>
	<li><a href="marques.html">Marques</a></li>
	<li><a href="produits.html">Produits</a></li>
	<li><a href="equipe.html">Equipe</a></li>
	<li><a href="presentation.html">Présentation</a></li>
	<li><a href="index.html">Accueil</a></li>
	<li><a href=""></a></li>
 
   </ul>
   <div class="clear"></div> 
</div>

et le CSS:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
/*Début Css fixe*/
/*.nav-container{ background: transparent;}*/
.f-nav{ z-index: 9999; position: fixed; right: 0; top: 0; width: 100%; height: 100vh;} /* menu fixe */
 
.nav { height: 42px;}
.nav ul { list-style: none; }
.nav ul li{float: right; margin-top: 6px; padding: 6px;;}
.nav ul li:first-child{ padding-right: 0;}
.nav ul li a { }
.nav ul li a:hover{ text-decoration: no;}
 
}
/*Fin Css fixe*/