diff --git a/WEB/ressources/navbarhtml.css b/WEB/ressources/navbarhtml.css
new file mode 100644
index 0000000..dd8061b
--- /dev/null
+++ b/WEB/ressources/navbarhtml.css
@@ -0,0 +1,39 @@
+#menuDiv{
+    width: 100%;
+    display: block;
+}
+
+#menuDiv a{
+    font-family: "Arial";
+    font-size: 1em;
+}
+
+#menu {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+    background-color: rgb(65, 154, 28);
+}
+
+.menuItem {
+    display: flex;
+    flex-wrap: nowrap;
+    align-items: center;
+    justify-content: center;
+    color: white;
+    width: 10%;
+    min-width: 5em;
+    font-weight: bold;
+    text-decoration: none;
+    padding: 0.8em;
+    border-bottom: 4px solid rgb(65, 154, 28);
+    border-top: 4px solid rgb(65, 154, 28);
+    font-size: 1.1em;
+    text-align: center;
+}
+
+.menuItem:hover{
+    cursor: pointer;
+    border-bottom: 4px solid orange;
+}
\ No newline at end of file
diff --git a/WEB/ressources/navbarhtml.php b/WEB/ressources/navbarhtml.php
index 79d979b..4902d71 100644
--- a/WEB/ressources/navbarhtml.php
+++ b/WEB/ressources/navbarhtml.php
@@ -1,10 +1,19 @@
-  <nav class="menu">
-    <a class="menuItem" href="./../inscription.php">Tableau de bord</a>
-    <a class="menuItem" href="../inscription.php">Trajets publiés</a>
-    <a class="menuItem" href="../inscription.php">Trajets réservés</a>
-    <a class="menuItem" href="../inscription.php">Messagerie</a>
-    <a class="menuItem" href="../inscription.php">Avis reçus</a>
-    <a class="menuItem" href="../inscription.php">Avis laissés</a>
-    <a class="menuItem" href="../inscription.php">Profil</a>
-    <a class="menuItem" href="../deconnexion.php">Se déconnecter</a>
-  </nav>
+<?php
+    $protocol = "https";
+    if (!isset($_SERVER['HTTPS_HOST'])){
+        $protocol = "http";
+    }
+    $path = "$protocol://".$_SERVER['HTTP_HOST'];
+?>
+<div id="menuDiv">
+    <nav id="menu">
+        <a class="menuItem" href="<?php echo $path ; ?>/tableauBord/tableauBord.php">Tableau de bord</a>
+        <a class="menuItem" href="<?php echo $path ; ?>/inscription.php">Trajets publiés</a>
+        <a class="menuItem" href="<?php echo $path ; ?>/inscription.php">Trajets réservés</a>
+        <a class="menuItem" href="<?php echo $path ; ?>/inscription.php">Messagerie</a>
+        <a class="menuItem" href="<?php echo $path ; ?>/inscription.php">Avis reçus</a>
+        <a class="menuItem" href="<?php echo $path ; ?>/inscription.php">Avis laissés</a>
+        <a class="menuItem" href="<?php echo $path ; ?>/profil.php">Profil</a>
+        <a class="menuItem" href="<?php echo $path ; ?>/deconnexion.php">Se déconnecter</a>
+    </nav>
+</div>
\ No newline at end of file