diff --git a/app/view/Includes/menu.include.html b/app/view/Includes/menu.include.html
index e3227892cf7069f1074d7a529b48063d17619e04..d8019e4bd8e3dd7eb37fc70ceb70cd5bb11bd1de 100644
--- a/app/view/Includes/menu.include.html
+++ b/app/view/Includes/menu.include.html
@@ -1,5 +1,15 @@
     <nav class="row">
-		<ul>
-			<li>Un élément du menu</li>
+		<ul class="row">
+			<div class="space col-1 col-m-1"></div>
+			<a href="listejeux">
+				<li class="col-3 col-m-3">La liste de nos jeux</li>
+			</a>
+			<a href="#">
+				<li class="actif col-3 col-m-3">Le classement général</li>
+			</a>
+			<a href="#">
+				<li class="col-3 col-m-3">Un autre élément</li>
+			</a>
+			<div class="space col-1 col-m-1"></div>
 		</ul>
     </nav>
diff --git a/www/css/style.css b/www/css/style.css
index 671c3fd4b0072af07dc92ff34e5250ca4ea6d999..291123bca06912f0cc06791c0e8b44418c416bce 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -32,8 +32,9 @@ nav
 {
     padding:5px;
     background:#26346D;
-    height: 40px;
+    min-height: 40px;
 	z-index:100;
+	margin:0;
 }
 
 footer{
@@ -95,6 +96,7 @@ header a:hover, footer a:hover{
     position: static;
 
 }
+
 .connexion
 {
     text-align: center;
@@ -142,6 +144,37 @@ header a:hover, footer a:hover{
     background: blue linear-gradient(to bottom, #02071E, #02071E, rgba(255, 255, 255, 0));
 }
 
+nav ul {
+	text-align:center;
+	margin:0;
+	padding:0;
+}
+
+nav ul li {
+    display: inline-block;
+    text-align: center;
+    margin:0 5px 2px 5px;
+    padding: 2px 8px 0 8px;
+    line-height: 28px;
+    height:28px;
+    border-radius: 2px;
+    color:blanchedalmond;
+    background: #02071E linear-gradient(to bottom, #02071E, #02071E, rgba(255, 255, 255, 0));
+    -webkit-transition: background 500ms; /* Safari */
+    transition: background 500ms ;
+}
+
+nav ul li.actif {
+    color:blanchedalmond;
+    background: #0f0 linear-gradient(to bottom, #02071E, #02071E, rgba(255, 255, 255, 0));
+}
+
+nav ul li:hover{
+    background: magenta linear-gradient(to bottom, #02071E, #02071E, rgba(255, 255, 255, 0));
+}
+
+
+
 
 
 
@@ -421,7 +454,7 @@ article h2{
 
 
     header{
-        height: 40px;
+        min-height: 40px;
     }
 
     .main{