diff --git a/app.js b/app.js
index a82e0d468037dd72bfe8e5137b147e5daf4ea5e5..644b9fbf22d9f6dba67add4bfc801e782708b8ab 100644
--- a/app.js
+++ b/app.js
@@ -5,7 +5,6 @@ const db = require('./db/Database.js');
 const auth = require('./controller/AuthController.js');
 const bodyParser = require('body-parser');
 const cookieParser = require('cookie-parser');
-const bcrypt = require('bcrypt');
 const { createHash, randomBytes } = require('crypto');
 
 
@@ -83,6 +82,14 @@ app.get("/document", (req, res) => {
     res.render("document", { title: 'Créer un Document' });
 });
 
+app.get("/mydocuments", (req, res) => {
+    if (!res.locals.user) {
+        return res.redirect("/login"); // Redirige vers la page de connexion si l'utilisateur n'est pas connecté
+    }
+    res.render("mydocuments", { title: 'Mes Documents' });
+});
+
+
 
 
 app.all("*", (req, res) => res.status(404).send("<h1>Il semblerait que cette page n'existe pas.</h1>"));
diff --git a/views/document.ejs b/views/document.ejs
index ad2ae00c5d637d0c6ba4543ee3d05a7f90625dfc..c729dbfa29cea1e130113c63306e228ab365ce90 100644
--- a/views/document.ejs
+++ b/views/document.ejs
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Signup Page</title>
+    <title>Création document</title>
     <link rel="stylesheet" href="/css/spreadsheet-style.css">
 </head>
 
diff --git a/views/partials/footer.ejs b/views/partials/footer.ejs
index 7a135954989f553a927af19669b6c45d68a2bca3..e91c84fc0e6a15461cb7b184cb964161080bde61 100644
--- a/views/partials/footer.ejs
+++ b/views/partials/footer.ejs
@@ -1,6 +1,4 @@
 <footer>
     <!-- Contenu de ton pied de page ici -->
-    <p> this is footer</p>
+    <p> CollabSheet </p>
 </footer>
-</body>
-</html>
diff --git a/views/partials/header.ejs b/views/partials/header.ejs
index 0a58c8c5815abe346721d276e987a623b4b9ad2f..5e96195fa81669ba758ea0cc268b67285fbdbc37 100644
--- a/views/partials/header.ejs
+++ b/views/partials/header.ejs
@@ -3,13 +3,22 @@
     
 
     <p>this is header</p>
-
-    <% if (locals.user) { %>
-        <div class="main-content">
-            Bonjour, <%= locals.user.username %>!
-            <form action="/logout" method="post">
-                <button type="submit">Se Déconnecter</button>
-            </form>
-        </div>
-    <% } %>
+    <div class="navbar">
+        <ul class="navbar_ul">
+            <% if (locals.user) { %>
+                <li>Bonjour, <%= locals.user.username %> !</li>
+            <% } %>
+            <li><a href="/">Accueil</a></li>
+            <li><a href="/mydocuments">Documents</a></li>
+            <li><a href="/document">Créer un document</a></li>
+            <% if (locals.user) { %>
+                    <form action="/logout" method="post">
+                        <li><button type="submit">Se Déconnecter</button> </li>
+                    </form>
+            <% }  else { %>
+                    <li><a href="/register">Inscription</a></li>
+                    <li><a href="/login">Connexion</a></li>
+            <% } %>
+        </ul>
+    </div>
 </header>