diff --git a/html/convention.html b/html/convention.html
index 8a25f30..8e6c859 100644
--- a/html/convention.html
+++ b/html/convention.html
@@ -10,11 +10,11 @@
 </head>
 
 <body>
-    <div class="w3-bar w3-black">
+    <div class="w3-bar w3-black w3-container">
         <a href="#" class="w3-bar-item w3-button">Accueil</a>
-        <a href="#" class="w3-bar-item w3-button">Déposer une offre</a>
-        <a href="#" class="w3-bar-item w3-button">Consulter les offres</a>
-        <a href="#" class="w3-bar-item w3-button">Demander une convention</a>
+        <a href="depotOffre1.html" class="w3-bar-item w3-button">Déposer une offre</a>
+        <a href="offrestage.html" class="w3-bar-item w3-button">Consulter les offres</a>
+        <a href="convention.html" class="w3-bar-item w3-button">Obtenir ma convention</a>
     </div>
 
     <button class="w3-button w3-xlarge w3-topleft"><a href="../sombre/convention.html"><img src="ModeSbr.jpg">Mode sombre</a></button>
diff --git a/html/depotOffre1.html b/html/depotOffre1.html
index 8122d2c..791c158 100644
--- a/html/depotOffre1.html
+++ b/html/depotOffre1.html
@@ -11,7 +11,7 @@
     <div class="w3-bar w3-black w3-container">
         <a href="#" class="w3-bar-item w3-button">Accueil</a>
         <a href="depotOffre1.html" class="w3-bar-item w3-button">Déposer une offre</a>
-        <a href="recherche.html" class="w3-bar-item w3-button">Consulter les offres</a>
+        <a href="offrestage.html" class="w3-bar-item w3-button">Consulter les offres</a>
         <a href="convention.html" class="w3-bar-item w3-button">Obtenir ma convention</a>
     </div>
 
@@ -26,7 +26,7 @@
 
         <div class="w3-container">
             <button class="w3-button w3-round-large w3-grey">Annonce externe</button>
-            <button class="w3-button w3-round-large w3-blue-grey">Annonce complète</button>
+            <a href="depotOffre2.html"><button class="w3-button w3-round-large w3-blue-grey">Annonce complète</button></a>
         </div>
 
         <form class="w3-container w3-center w3-padding-32">
diff --git a/html/depotOffre2.html b/html/depotOffre2.html
index 220aaf6..d022cb2 100644
--- a/html/depotOffre2.html
+++ b/html/depotOffre2.html
@@ -11,7 +11,7 @@
     <div class="w3-bar w3-black w3-container">
         <a href="#" class="w3-bar-item w3-button">Accueil</a>
         <a href="depotOffre1.html" class="w3-bar-item w3-button">Déposer une offre</a>
-        <a href="recherche.html" class="w3-bar-item w3-button">Consulter les offres</a>
+        <a href="offrestage.html" class="w3-bar-item w3-button">Consulter les offres</a>
         <a href="convention.html" class="w3-bar-item w3-button">Obtenir ma convention</a>
     </div>
     
@@ -21,7 +21,7 @@
         <h1>D&eacute;poser une offre</h1>
     
         <div class="w3-container w3-center">
-            <button class="w3-button w3-round-large w3-blue-grey">Annonce externe</button>
+            <a href="depotOffre1.html"><button class="w3-button w3-round-large w3-blue-grey">Annonce externe</button></a>
             <button class="w3-button w3-round-large w3-grey">Annonce complète</button>
         </div>
         <form class="w3-container w3-padding-64">
diff --git a/html/nouveaulieu.html b/html/nouveaulieu.html
index f3ec114..62a68f4 100644
--- a/html/nouveaulieu.html
+++ b/html/nouveaulieu.html
@@ -9,10 +9,11 @@
 
 </head>
 <body>
-    <div class="w3-bar w3-black">
-        <a href="#" class="w3-bar-item w3-button">Accueil</a>
-        <a href="#" class="w3-bar-item w3-button">Déposer une offre</a>
-        <a href="#" class="w3-bar-item w3-button">Consulter les offres</a>
+    <div class="w3-bar w3-black w3-container">
+      <a href="#" class="w3-bar-item w3-button">Accueil</a>
+      <a href="depotOffre1.html" class="w3-bar-item w3-button">Déposer une offre</a>
+      <a href="offrestage.html" class="w3-bar-item w3-button">Consulter les offres</a>
+      <a href="convention.html" class="w3-bar-item w3-button">Obtenir ma convention</a>
     </div>
 
     <button class="w3-button w3-xlarge w3-topleft"><a href="modesombre.html"><img src="ModeSbr.jpg">Mode sombre</a></button>
diff --git a/html/offrestage.html b/html/offrestage.html
index 0ae298f..701c14c 100644
--- a/html/offrestage.html
+++ b/html/offrestage.html
@@ -10,13 +10,14 @@
 
 </head>
 <body>
-    <div class="w3-bar w3-black">
-        <a href="#" class="w3-bar-item w3-button">Accueil</a>
-        <a href="#" class="w3-bar-item w3-button">Déposer une offre</a>
-        <a href="#" class="w3-bar-item w3-button">Consulter les offres</a>
+    <div class="w3-bar w3-black w3-container">
+      <a href="#" class="w3-bar-item w3-button">Accueil</a>
+      <a href="depotOffre1.html" class="w3-bar-item w3-button">Déposer une offre</a>
+      <a href="offrestage.html" class="w3-bar-item w3-button">Consulter les offres</a>
+      <a href="convention.html" class="w3-bar-item w3-button">Obtenir ma convention</a>
     </div>
 
-    <button class="w3-button w3-xlarge w3-topleft"><a href="modesombre.html"><img src="ModeSbr.jpg">Mode sombre</a></button>
+    <button class="w3-button w3-xlarge w3-topleft"><a href="../sombre/modesombre.html"><img src="ModeSbr.jpg">Mode sombre</a></button>
 
 
     <div class="w3-card-4 w3-twothird w3-padding-32 w3-display-middle w3-center" >
diff --git a/sombre/convention.html b/sombre/convention.html
index 758b987..cfa3285 100644
--- a/sombre/convention.html
+++ b/sombre/convention.html
@@ -17,11 +17,11 @@
     }
 </style>
 <body>
-    <div class="w3-bar w3-black">
+    <div class="w3-bar w3-black w3-container">
         <a href="#" class="w3-bar-item w3-button">Accueil</a>
-        <a href="#" class="w3-bar-item w3-button">Déposer une offre</a>
-        <a href="#" class="w3-bar-item w3-button">Consulter les offres</a>
-        <a href="#" class="w3-bar-item w3-button">Demander une convention</a>
+        <a href="depotOffre1.html" class="w3-bar-item w3-button">Déposer une offre</a>
+        <a href="offrestage.html" class="w3-bar-item w3-button">Consulter les offres</a>
+        <a href="convention.html" class="w3-bar-item w3-button">Obtenir ma convention</a>
     </div>
 
     <button class="w3-button w3-xlarge w3-topleft"><a href="../html/convention.html"><img src="ModeSbr.jpg">Mode sombre</a></button>
diff --git a/sombre/depotOffre1.html b/sombre/depotOffre1.html
index 42e26af..1f60e22 100644
--- a/sombre/depotOffre1.html
+++ b/sombre/depotOffre1.html
@@ -19,7 +19,7 @@
     <div class="w3-bar w3-black w3-container">
         <a href="#" class="w3-bar-item w3-button">Accueil</a>
         <a href="depotOffre1.html" class="w3-bar-item w3-button">Déposer une offre</a>
-        <a href="recherche.html" class="w3-bar-item w3-button">Consulter les offres</a>
+        <a href="offrestage.html" class="w3-bar-item w3-button">Consulter les offres</a>
         <a href="convention.html" class="w3-bar-item w3-button">Obtenir ma convention</a>
     </div>
 
@@ -34,7 +34,7 @@
 
         <div class="w3-container">
             <button class="w3-button w3-round-large w3-grey">Annonce externe</button>
-            <button class="w3-button w3-round-large w3-blue-grey">Annonce complète</button>
+            <a href="depotOffre2.html"><button class="w3-button w3-round-large w3-blue-grey">Annonce complète</button></a>
         </div>
 
         <form class="w3-container w3-center w3-padding-32">
diff --git a/sombre/depotOffre2.html b/sombre/depotOffre2.html
index aa12bb3..5ed9f8f 100644
--- a/sombre/depotOffre2.html
+++ b/sombre/depotOffre2.html
@@ -19,7 +19,7 @@
     <div class="w3-bar w3-black w3-container">
         <a href="#" class="w3-bar-item w3-button">Accueil</a>
         <a href="depotOffre1.html" class="w3-bar-item w3-button">Déposer une offre</a>
-        <a href="recherche.html" class="w3-bar-item w3-button">Consulter les offres</a>
+        <a href="offrestage.html" class="w3-bar-item w3-button">Consulter les offres</a>
         <a href="convention.html" class="w3-bar-item w3-button">Obtenir ma convention</a>
     </div>
 
@@ -29,7 +29,7 @@
         <h1>D&eacute;poser une offre</h1>
     
         <div class="w3-container w3-center">
-            <button class="w3-button w3-round-large w3-blue-grey">Annonce externe</button>
+            <a href="depotOffre1.html"><button class="w3-button w3-round-large w3-blue-grey">Annonce externe</button></a>
             <button class="w3-button w3-round-large w3-grey">Annonce complète</button>
         </div>
         <form class="w3-container w3-padding-64">
diff --git a/sombre/modesombre.html b/sombre/modesombre.html
index 2e29dcb..618669d 100644
--- a/sombre/modesombre.html
+++ b/sombre/modesombre.html
@@ -9,10 +9,11 @@
 
 </head>
 <body>
-    <div class="w3-bar w3-black">
+    <<div class="w3-bar w3-black w3-container">
         <a href="#" class="w3-bar-item w3-button">Accueil</a>
-        <a href="#" class="w3-bar-item w3-button">Déposer une offre</a>
-        <a href="#" class="w3-bar-item w3-button">Consulter les offres</a>
+        <a href="depotOffre1.html" class="w3-bar-item w3-button">Déposer une offre</a>
+        <a href="offrestage.html" class="w3-bar-item w3-button">Consulter les offres</a>
+        <a href="convention.html" class="w3-bar-item w3-button">Obtenir ma convention</a>
     </div>
 
     <button class="w3-button w3-xlarge w3-topleft"><a href="../html/offrestage.html"><img src="ModeSbr.jpg"></a></button>
