diff --git a/assets/css/menu.css b/assets/css/menu.css
index 1dd1fe3..c061779 100644
--- a/assets/css/menu.css
+++ b/assets/css/menu.css
@@ -75,17 +75,18 @@ margin: 0 10px;
 	overflow-y: scroll;
 	background-color: #333;
 	position: fixed;
-	width: 100%;
+	width: 95%;
 	z-index: 100;
 	border-radius: 10px;
 	margin-top: 1vh;
 	height: auto;
+	margin-left: 2.5%;
+	margin-right: 2.5%;
   }
   
   /* Hide the links inside the navigation menu (except for logo/home) */
   .topnav #mobile_menu_links {
 	display: none;
-	
   }
   
   /* Style navigation menu links */
@@ -95,6 +96,13 @@ margin: 0 10px;
 	text-decoration: none;
 	font-size: 4vh;
 	display: block;
+	margin-left: auto;
+	margin-right: auto;
+	text-align: center;
+  }
+
+  .topnav li {
+	display: flex;
 	text-align: center;
   }
   
diff --git a/structure/menu.php b/structure/menu.php
index 4cc15dc..b4a1e3b 100644
--- a/structure/menu.php
+++ b/structure/menu.php
@@ -12,13 +12,14 @@ include "assets/scripts/globals.php"
     <ul>
 <?php 
 
-
-for($i = 0; $i <= 17; $i++){
+for($i = 0; $i <= sizeof($SITE_MAP,1); $i++){
 
 
-    echo "<li><a href=\"".$SITE_MAP[$i][0]."\">".$SITE_MAP[$i][1]."</a></li>";
+  echo "<a href=\"".$SITE_MAP[$i][0]."\">".$SITE_MAP[$i][1]."</a>";
 
 }
+
+
 ?>
     </ul>
 
@@ -40,14 +41,14 @@ for($i = 0; $i <= 17; $i++){
   <div id="mobile_menu_links">
 
 
-    <?php 
+    <?php
 
+    for($i = 0; $i <= 17; $i = $i + 2){
 
-    for($i = 0; $i <= 17; $i++){
-
-
-        echo "<a href=\"".$SITE_MAP[$i][0]."\">".$SITE_MAP[$i][1]."</a>";
-
+      // affiche les liens 2 par 2
+      echo "<li><a href=\"".$SITE_MAP[$i][0]."\">".$SITE_MAP[$i][1]."</a>
+      <a href=\"".$SITE_MAP[$i+1][0]."\">".$SITE_MAP[$i+1][1]."</a></li>";
+    
     }
     ?>