diff --git a/html/CV/LouayDARDOURI.html b/html/CV/LouayDARDOURI.html
new file mode 100644
index 0000000..a56f60f
--- /dev/null
+++ b/html/CV/LouayDARDOURI.html
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html lang="fr-FR">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <style>
+        body {
+            font-family: 'Arial', sans-serif;
+            margin: 0;
+            padding: 0;
+            background-color: #f8f9fa;
+        }
+
+        .cv-container {
+            max-width: 800px;
+            margin: 20px auto;
+            padding: 20px;
+            background-color: #fff;
+            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+            border-radius: 8px;
+        }
+
+        header h1 {
+            color: #007BFF;
+            text-align: center;
+        }
+
+        header h2 {
+            color: #007BFF;
+            text-align: center;
+        }
+
+        section {
+            margin-top: 30px;
+        }
+
+        .job h3 {
+            color: #007BFF;
+        }
+
+        ul {
+            list-style-type: none;
+            padding: 0;
+        }
+
+        .competence ul,
+        .education ul {
+            padding-left: 20px;
+            margin-bottom: 10px;
+        }
+
+        .competence p,
+        .education p {
+            margin-bottom: 10px;
+        }
+
+        ul, ol {
+            list-style-type: disc; 
+            padding: 0;
+        }
+
+        @media print {
+            body {
+                width: 21cm;
+                height: 29.7cm;
+                margin: 20mm;
+            }
+
+            .cv-container {
+                max-width: 100%;
+                margin: 0;
+                padding: 0;
+                box-shadow: none;
+                border-radius: 0;
+            }
+        }
+    </style>
+    <title>CV - Moncef STITI</title>
+</head>
+
+<body>
+    <div class="cv-container">
+        <header>
+            <h1>Moncef STITI</h1>
+        </header>
+
+        <section class="education">
+            <h2>Formation</h2>
+            <p>2023 - 2024 | IUT de Fontainebleau</p>
+            <p>Première année de Bachelor universitaire de technologie en informatique</p>
+            <p>2023 | Lycée Durzy (45700 Villemandeur)</p>
+            <p>Baccalauréat général (mention assez bien) spécialités :</p>
+            <ul>
+                <li>Numérique et sciences informatiques</li>
+                <li>Sciences de l'Ingénieur</li>
+                <li>Langues, littératures et cultures étrangères (Anglais)</li>
+            </ul>
+        </section>
+
+        <section class="competence">
+            <h2>Informatique</h2>
+            <h3>Langages :</h3>
+            <ul>
+                <li>Python 3 (niveau avancé)</li>
+                <li>C 89 (niveau avancé)</li>
+                <li>Bash (bonne maîtrise)</li>
+                <li>Java (notions)</li>
+                <li>Assembleur (notions)</li>
+            </ul>
+            <h3>Programmation :</h3>
+            <ul>
+                <li>HTML 5 / CSS 3 / JavaScript (niveau avancé)</li>
+            </ul>
+            <p>Modélisation et base de données :</p>
+            <ul>
+                <li>UML (bonne maîtrise)</li>
+                <li>SQL (bonne maîtrise)</li>
+            </ul>
+            <h3>Réalisations :</h3>
+            <ul>
+                <li>Tour de Hanoï récursif (Python) - Programmation orientée objet</li>
+                <li>Jeu SNAKE (C 89) - Utilisation d’un Git, Réalisation d’un Makefile</li>
+                <li>Configuration machine virtuelle (Terminal) - Installation d’un Dual Boot (Grub),
+                    Installation de Windows 7 / Arch Linux, Création de profils utilisateurs</li>
+                <li>Simulation de feux d’artifice (Python)</li>
+            </ul>
+        </section>
+
+        <section class="experience">
+            <h2>Expérience Professionnelle</h2>
+            <div class="job">
+                <h3>Mars 2021 - Février 2022 | Marché de Montargis les dimanches matin</h3>
+                <p>Poissonnier / Primeur chargé de la préparation des commandes</p>
+            </div>
+            <div class="job">
+                <h3>Février 2019 | ERAMET Paris 15</h3>
+                <p>Stage d'observation d'une semaine</p>
+                <ul>
+                    <li>Observation d’un administrateur réseau</li>
+                    <li>Observation d’une équipe de développeurs web</li>
+                    <li>Observation d’une équipe d’experts en cybersécurité</li>
+            </div>
+            <div class="job">
+                <h3>Juillet/Août 2023 | Darty Montargis</h3>
+                <p>Conseiller de vente</p>
+            </div>
+        </section>
+    </div>
+</body>
+
+</html>
diff --git a/html/CV/MarcoORFAO.html b/html/CV/MarcoORFAO.html
new file mode 100644
index 0000000..a56f60f
--- /dev/null
+++ b/html/CV/MarcoORFAO.html
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html lang="fr-FR">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <style>
+        body {
+            font-family: 'Arial', sans-serif;
+            margin: 0;
+            padding: 0;
+            background-color: #f8f9fa;
+        }
+
+        .cv-container {
+            max-width: 800px;
+            margin: 20px auto;
+            padding: 20px;
+            background-color: #fff;
+            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+            border-radius: 8px;
+        }
+
+        header h1 {
+            color: #007BFF;
+            text-align: center;
+        }
+
+        header h2 {
+            color: #007BFF;
+            text-align: center;
+        }
+
+        section {
+            margin-top: 30px;
+        }
+
+        .job h3 {
+            color: #007BFF;
+        }
+
+        ul {
+            list-style-type: none;
+            padding: 0;
+        }
+
+        .competence ul,
+        .education ul {
+            padding-left: 20px;
+            margin-bottom: 10px;
+        }
+
+        .competence p,
+        .education p {
+            margin-bottom: 10px;
+        }
+
+        ul, ol {
+            list-style-type: disc; 
+            padding: 0;
+        }
+
+        @media print {
+            body {
+                width: 21cm;
+                height: 29.7cm;
+                margin: 20mm;
+            }
+
+            .cv-container {
+                max-width: 100%;
+                margin: 0;
+                padding: 0;
+                box-shadow: none;
+                border-radius: 0;
+            }
+        }
+    </style>
+    <title>CV - Moncef STITI</title>
+</head>
+
+<body>
+    <div class="cv-container">
+        <header>
+            <h1>Moncef STITI</h1>
+        </header>
+
+        <section class="education">
+            <h2>Formation</h2>
+            <p>2023 - 2024 | IUT de Fontainebleau</p>
+            <p>Première année de Bachelor universitaire de technologie en informatique</p>
+            <p>2023 | Lycée Durzy (45700 Villemandeur)</p>
+            <p>Baccalauréat général (mention assez bien) spécialités :</p>
+            <ul>
+                <li>Numérique et sciences informatiques</li>
+                <li>Sciences de l'Ingénieur</li>
+                <li>Langues, littératures et cultures étrangères (Anglais)</li>
+            </ul>
+        </section>
+
+        <section class="competence">
+            <h2>Informatique</h2>
+            <h3>Langages :</h3>
+            <ul>
+                <li>Python 3 (niveau avancé)</li>
+                <li>C 89 (niveau avancé)</li>
+                <li>Bash (bonne maîtrise)</li>
+                <li>Java (notions)</li>
+                <li>Assembleur (notions)</li>
+            </ul>
+            <h3>Programmation :</h3>
+            <ul>
+                <li>HTML 5 / CSS 3 / JavaScript (niveau avancé)</li>
+            </ul>
+            <p>Modélisation et base de données :</p>
+            <ul>
+                <li>UML (bonne maîtrise)</li>
+                <li>SQL (bonne maîtrise)</li>
+            </ul>
+            <h3>Réalisations :</h3>
+            <ul>
+                <li>Tour de Hanoï récursif (Python) - Programmation orientée objet</li>
+                <li>Jeu SNAKE (C 89) - Utilisation d’un Git, Réalisation d’un Makefile</li>
+                <li>Configuration machine virtuelle (Terminal) - Installation d’un Dual Boot (Grub),
+                    Installation de Windows 7 / Arch Linux, Création de profils utilisateurs</li>
+                <li>Simulation de feux d’artifice (Python)</li>
+            </ul>
+        </section>
+
+        <section class="experience">
+            <h2>Expérience Professionnelle</h2>
+            <div class="job">
+                <h3>Mars 2021 - Février 2022 | Marché de Montargis les dimanches matin</h3>
+                <p>Poissonnier / Primeur chargé de la préparation des commandes</p>
+            </div>
+            <div class="job">
+                <h3>Février 2019 | ERAMET Paris 15</h3>
+                <p>Stage d'observation d'une semaine</p>
+                <ul>
+                    <li>Observation d’un administrateur réseau</li>
+                    <li>Observation d’une équipe de développeurs web</li>
+                    <li>Observation d’une équipe d’experts en cybersécurité</li>
+            </div>
+            <div class="job">
+                <h3>Juillet/Août 2023 | Darty Montargis</h3>
+                <p>Conseiller de vente</p>
+            </div>
+        </section>
+    </div>
+</body>
+
+</html>
diff --git a/html/CV/MoncefSTITI.html b/html/CV/MoncefSTITI.html
index 006516e..a56f60f 100644
--- a/html/CV/MoncefSTITI.html
+++ b/html/CV/MoncefSTITI.html
@@ -4,7 +4,78 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="../../css/CV/MoncefSTITI.css">
+    <style>
+        body {
+            font-family: 'Arial', sans-serif;
+            margin: 0;
+            padding: 0;
+            background-color: #f8f9fa;
+        }
+
+        .cv-container {
+            max-width: 800px;
+            margin: 20px auto;
+            padding: 20px;
+            background-color: #fff;
+            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+            border-radius: 8px;
+        }
+
+        header h1 {
+            color: #007BFF;
+            text-align: center;
+        }
+
+        header h2 {
+            color: #007BFF;
+            text-align: center;
+        }
+
+        section {
+            margin-top: 30px;
+        }
+
+        .job h3 {
+            color: #007BFF;
+        }
+
+        ul {
+            list-style-type: none;
+            padding: 0;
+        }
+
+        .competence ul,
+        .education ul {
+            padding-left: 20px;
+            margin-bottom: 10px;
+        }
+
+        .competence p,
+        .education p {
+            margin-bottom: 10px;
+        }
+
+        ul, ol {
+            list-style-type: disc; 
+            padding: 0;
+        }
+
+        @media print {
+            body {
+                width: 21cm;
+                height: 29.7cm;
+                margin: 20mm;
+            }
+
+            .cv-container {
+                max-width: 100%;
+                margin: 0;
+                padding: 0;
+                box-shadow: none;
+                border-radius: 0;
+            }
+        }
+    </style>
     <title>CV - Moncef STITI</title>
 </head>
 
@@ -16,18 +87,18 @@
 
         <section class="education">
             <h2>Formation</h2>
+            <p>2023 - 2024 | IUT de Fontainebleau</p>
             <p>Première année de Bachelor universitaire de technologie en informatique</p>
+            <p>2023 | Lycée Durzy (45700 Villemandeur)</p>
             <p>Baccalauréat général (mention assez bien) spécialités :</p>
             <ul>
                 <li>Numérique et sciences informatiques</li>
                 <li>Sciences de l'Ingénieur</li>
                 <li>Langues, littératures et cultures étrangères (Anglais)</li>
             </ul>
-            <p>2023 - 2024 | IUT de Fontainebleau</p>
-            <p>2023 | Lycée Durzy (45700 Villemandeur)</p>
         </section>
 
-        <section class="skills">
+        <section class="competence">
             <h2>Informatique</h2>
             <h3>Langages :</h3>
             <ul>
diff --git a/html/a-propos.html b/html/a-propos.html
index 1cdb136..ed216ed 100644
--- a/html/a-propos.html
+++ b/html/a-propos.html
@@ -14,7 +14,7 @@
         </div>
         <nav class="nav-links">
             <a href="index.html">Accueil</a>
-            <a href="#">Menu</a>
+            <a href="menu.html">Menu</a>
             <div class="dropdown">
                 <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
                 <div class="dropdown-content">
@@ -22,7 +22,7 @@
                     <a href="faq.html">FAQ</a>
                     <a href="nos-chefs.html">Nos chefs</a>
                     <a href="fournisseurs.html">Nos fournisseurs</a>
-                    <a href="#">Notre équipe</a>
+                    <a href="notre-equipe.html">Notre équipe</a>
                 </div>
             </div>
             <a href="../html/contact.html" class="nav-link">Contact</a>
@@ -36,6 +36,14 @@
             <div class="bar"></div>
         </div>
     </header>
+        
+        <!-- BARRE DU MENU BURGER -->
+        <div class="burger-menu">
+            <div class="bar"></div>
+            <div class="bar"></div>
+            <div class="bar"></div>
+        </div>
+    </header>
 
     <div class="content">
         <section class="about-section">
@@ -60,19 +68,20 @@
         </section>
     </div>
 
-    <footer class="footer">
+<footer class="footer">
         <div class="footer-content">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <!-- Ajoutez ici les liens vers les différentes sections du site -->
+                <a href="plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <!-- Ajoutez ici les informations légales nécessaires -->
+                <a href="mention-legal.html">Consulter nos mentions légales</a>
             </div>
             <div class="footer-section">
                 <h3>Contact</h3>
                 <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
+                <p>
                 <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
             </div>
             <div class="footer-section horizontally-aligned">
@@ -80,22 +89,22 @@
                 <div class="logo-reseaux">
                     <p>
                         <a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
+                            <img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook">
+                            <img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/X.png" alt="X">
+                            <img src="../img/RéseauxSociaux/X.png" alt="Logo X">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube">
+                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
                         </a>
                     </p>
                     <p>
diff --git a/html/contact.html b/html/contact.html
index 80a9cb6..7c40616 100644
--- a/html/contact.html
+++ b/html/contact.html
@@ -14,7 +14,7 @@
         </div>
         <nav class="nav-links">
             <a href="index.html">Accueil</a>
-            <a href="#">Menu</a>
+            <a href="menu.html">Menu</a>
             <div class="dropdown">
                 <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
                 <div class="dropdown-content">
@@ -22,7 +22,7 @@
                     <a href="faq.html">FAQ</a>
                     <a href="nos-chefs.html">Nos chefs</a>
                     <a href="fournisseurs.html">Nos fournisseurs</a>
-                    <a href="#">Notre équipe</a>
+                    <a href="notre-equipe.html">Notre équipe</a>
                 </div>
             </div>
             <a href="../html/contact.html" class="nav-link">Contact</a>
@@ -72,19 +72,20 @@
         </section>
     </div>
 
-    <footer class="footer">
+<footer class="footer">
         <div class="footer-content">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <!-- Ajoutez ici les liens vers les différentes sections du site -->
+                <a href="plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <!-- Ajoutez ici les informations légales nécessaires -->
+                <a href="mention-legal.html">Consulter nos mentions légales</a>
             </div>
             <div class="footer-section">
                 <h3>Contact</h3>
                 <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
+                <p>
                 <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
             </div>
             <div class="footer-section horizontally-aligned">
@@ -92,22 +93,22 @@
                 <div class="logo-reseaux">
                     <p>
                         <a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
+                            <img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook">
+                            <img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/X.png" alt="X">
+                            <img src="../img/RéseauxSociaux/X.png" alt="Logo X">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube">
+                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
                         </a>
                     </p>
                     <p>
diff --git a/html/faq.html b/html/faq.html
index 1724622..14d65ec 100644
--- a/html/faq.html
+++ b/html/faq.html
@@ -14,7 +14,7 @@
         </div>
         <nav class="nav-links">
             <a href="index.html">Accueil</a>
-            <a href="#">Menu</a>
+            <a href="menu.html">Menu</a>
             <div class="dropdown">
                 <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
                 <div class="dropdown-content">
@@ -22,7 +22,7 @@
                     <a href="faq.html">FAQ</a>
                     <a href="nos-chefs.html">Nos chefs</a>
                     <a href="fournisseurs.html">Nos fournisseurs</a>
-                    <a href="#">Notre équipe</a>
+                    <a href="notre-equipe.html">Notre équipe</a>
                 </div>
             </div>
             <a href="../html/contact.html" class="nav-link">Contact</a>
@@ -108,19 +108,20 @@
         </section>
     </div>
 
-    <footer class="footer">
+<footer class="footer">
         <div class="footer-content">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <!-- Ajoutez ici les liens vers les différentes sections du site -->
+                <a href="plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <!-- Ajoutez ici les informations légales nécessaires -->
+                <a href="mention-legal.html">Consulter nos mentions légales</a>
             </div>
             <div class="footer-section">
                 <h3>Contact</h3>
                 <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
+                <p>
                 <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
             </div>
             <div class="footer-section horizontally-aligned">
@@ -128,22 +129,22 @@
                 <div class="logo-reseaux">
                     <p>
                         <a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
+                            <img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook">
+                            <img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/X.png" alt="X">
+                            <img src="../img/RéseauxSociaux/X.png" alt="Logo X">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube">
+                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
                         </a>
                     </p>
                     <p>
diff --git a/html/fournisseurs.html b/html/fournisseurs.html
index 1ea80f7..3e97a57 100644
--- a/html/fournisseurs.html
+++ b/html/fournisseurs.html
@@ -14,7 +14,7 @@
         </div>
         <nav class="nav-links">
             <a href="index.html">Accueil</a>
-            <a href="#">Menu</a>
+            <a href="menu.html">Menu</a>
             <div class="dropdown">
                 <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
                 <div class="dropdown-content">
@@ -22,7 +22,7 @@
                     <a href="faq.html">FAQ</a>
                     <a href="nos-chefs.html">Nos chefs</a>
                     <a href="fournisseurs.html">Nos fournisseurs</a>
-                    <a href="#">Notre équipe</a>
+                    <a href="notre-equipe.html">Notre équipe</a>
                 </div>
             </div>
             <a href="../html/contact.html" class="nav-link">Contact</a>
@@ -69,19 +69,20 @@
 
     </div>
 
-    <footer class="footer">
+<footer class="footer">
         <div class="footer-content">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <!-- Ajoutez ici les liens vers les différentes sections du site -->
+                <a href="plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <!-- Ajoutez ici les informations légales nécessaires -->
+                <a href="mention-legal.html">Consulter nos mentions légales</a>
             </div>
             <div class="footer-section">
                 <h3>Contact</h3>
                 <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
+                <p>
                 <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
             </div>
             <div class="footer-section horizontally-aligned">
@@ -89,22 +90,22 @@
                 <div class="logo-reseaux">
                     <p>
                         <a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
+                            <img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook">
+                            <img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/X.png" alt="X">
+                            <img src="../img/RéseauxSociaux/X.png" alt="Logo X">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube">
+                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
                         </a>
                     </p>
                     <p>
diff --git a/html/index.html b/html/index.html
index 62566eb..108b593 100644
--- a/html/index.html
+++ b/html/index.html
@@ -14,7 +14,7 @@
         </div>
         <nav class="nav-links">
             <a href="index.html">Accueil</a>
-            <a href="#">Menu</a>
+            <a href="menu.html">Menu</a>
             <div class="dropdown">
                 <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
                 <div class="dropdown-content">
@@ -22,7 +22,7 @@
                     <a href="faq.html">FAQ</a>
                     <a href="nos-chefs.html">Nos chefs</a>
                     <a href="fournisseurs.html">Nos fournisseurs</a>
-                    <a href="#">Notre équipe</a>
+                    <a href="notre-equipe.html">Notre équipe</a>
                 </div>
             </div>
             <a href="../html/contact.html" class="nav-link">Contact</a>
@@ -151,19 +151,20 @@
         </section>
     </div>
 
-    <footer class="footer">
+<footer class="footer">
         <div class="footer-content">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <!-- Ajoutez ici les liens vers les différentes sections du site -->
+                <a href="plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <!-- Ajoutez ici les informations légales nécessaires -->
+                <a href="mention-legal.html">Consulter nos mentions légales</a>
             </div>
             <div class="footer-section">
                 <h3>Contact</h3>
                 <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
+                <p>
                 <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
             </div>
             <div class="footer-section horizontally-aligned">
@@ -171,22 +172,22 @@
                 <div class="logo-reseaux">
                     <p>
                         <a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
+                            <img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook">
+                            <img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/X.png" alt="X">
+                            <img src="../img/RéseauxSociaux/X.png" alt="Logo X">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube">
+                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
                         </a>
                     </p>
                     <p>
diff --git a/html/mention-legal.html b/html/mention-legal.html
index 306a170..ae2b063 100644
--- a/html/mention-legal.html
+++ b/html/mention-legal.html
@@ -13,7 +13,7 @@
         </div>
         <nav class="nav-links">
             <a href="index.html">Accueil</a>
-            <a href="#">Menu</a>
+            <a href="menu.html">Menu</a>
             <div class="dropdown">
                 <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
                 <div class="dropdown-content">
@@ -21,7 +21,7 @@
                     <a href="faq.html">FAQ</a>
                     <a href="nos-chefs.html">Nos chefs</a>
                     <a href="fournisseurs.html">Nos fournisseurs</a>
-                    <a href="#">Notre équipe</a>
+                    <a href="notre-equipe.html">Notre équipe</a>
                 </div>
             </div>
             <a href="../html/contact.html" class="nav-link">Contact</a>
@@ -76,19 +76,20 @@
         </section>
     </div>
 
-    <footer class="footer">
+<footer class="footer">
         <div class="footer-content">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <!-- Ajoutez ici les liens vers les différentes sections du site -->
+                <a href="plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <!-- Ajoutez ici les informations légales nécessaires -->
+                <a href="mention-legal.html">Consulter nos mentions légales</a>
             </div>
             <div class="footer-section">
                 <h3>Contact</h3>
                 <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
+                <p>
                 <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
             </div>
             <div class="footer-section horizontally-aligned">
@@ -96,22 +97,22 @@
                 <div class="logo-reseaux">
                     <p>
                         <a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
+                            <img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook">
+                            <img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/X.png" alt="X">
+                            <img src="../img/RéseauxSociaux/X.png" alt="Logo X">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube">
+                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
                         </a>
                     </p>
                     <p>
diff --git a/html/menu.html b/html/menu.html
new file mode 100644
index 0000000..d702c2a
--- /dev/null
+++ b/html/menu.html
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html lang="fr-FR">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../css/styles.css">
+    <link rel="stylesheet" href="../css/menu.css"> <!-- Ajoutez le fichier CSS spécifique pour le menu -->
+    <title>Menu - Neo Eat</title>
+</head>
+<body>
+    <header class="navbar">
+        <div class="logo">
+            <img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
+        </div>
+        <nav class="nav-links">
+            <a href="index.html">Accueil</a>
+            <a href="menu.html">Menu</a>
+            <div class="dropdown">
+                <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
+                <div class="dropdown-content">
+                    <a href="a-propos.html">Qui sommes-nous ?</a>
+                    <a href="faq.html">FAQ</a>
+                    <a href="nos-chefs.html">Nos chefs</a>
+                    <a href="fournisseurs.html">Nos fournisseurs</a>
+                    <a href="notre-equipe.html">Notre équipe</a>
+                </div>
+            </div>
+            <a href="../html/contact.html" class="nav-link">Contact</a>
+            <a href="../html/reservation.html" class="nav-link reserve-btn">Réserver une table</a>
+        </nav>
+        
+        <!-- BARRE DU MENU BURGER -->
+        <div class="burger-menu">
+            <div class="bar"></div>
+            <div class="bar"></div>
+            <div class="bar"></div>
+        </div>
+    </header>
+
+    <div class="menu-category">
+        <h3>Plats Principaux</h3>
+        <div class="menu-items">
+            <div class="menu-item">
+                <h4>Filet de saumon grillé</h4>
+                <img src="../img/Plat/Plat1.png" alt="Filet de saumon grillé">
+                <p>Accompagné de purée de patates douces et d'une sauce au citron.</p>
+            </div>
+            <!-- Ajoutez d'autres plats ici -->
+        </div>
+    </div>
+    
+    <!-- Desserts Gastronomiques -->
+    <div class="menu-category">
+        <h3>Desserts Gastronomiques</h3>
+        <div class="menu-items">
+            <div class="menu-item">
+                <h4>Fondant au chocolat noir</h4>
+                <img src="../img/Plat/Plat2.png" alt="Fondant au chocolat noir">
+                <p>Servi avec une boule de glace à la vanille et une tuile aux amandes.</p>
+            </div>
+            <!-- Ajoutez d'autres desserts gastronomiques ici -->
+        </div>
+    </div>
+    
+    <!-- Menu Éphémère -->
+    <div class="menu-category">
+        <h3>Menu Éphémère</h3>
+        <div class="menu-items">
+            <div class="menu-item">
+                <h4>Tartare de thon mariné</h4>
+                <img src="../img/Plat/Plat3.png" alt="Tartare de thon mariné">
+                <p>Accompagné d'avocat frais et de vinaigrette au wasabi.</p>
+            </div>
+            <!-- Ajoutez d'autres éléments du menu éphémère ici -->
+        </div>
+    </div>
+
+<footer class="footer">
+        <div class="footer-content">
+            <div class="footer-section">
+                <h3>Plan du site</h3>
+                <a href="plan-du-site.html">Consulter le plan du site</a>
+            </div>
+            <div class="footer-section">
+                <h3>Mentions légales</h3>
+                <a href="mention-legal.html">Consulter nos mentions légales</a>
+            </div>
+            <div class="footer-section">
+                <h3>Contact</h3>
+                <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
+                <p>
+                <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
+            </div>
+            <div class="footer-section horizontally-aligned">
+                <h3>Réseaux sociaux</h3>
+                <div class="logo-reseaux">
+                    <p>
+                        <a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
+                            <img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
+                        </a>
+                    </p>
+                    <p>
+                        <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
+                            <img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
+                        </a>
+                    </p>
+                    <p>
+                        <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
+                            <img src="../img/RéseauxSociaux/X.png" alt="Logo X">
+                        </a>
+                    </p>
+                    <p>
+                        <a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
+                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
+                        </a>
+                    </p>
+                    <p>
+                        <a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
+                            <img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
+                        </a>
+                    </p>
+                </div>
+            </div>
+        </div>
+        <div class="footer-signature">
+            <img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
+            <p>&copy; 2024 Neo Eat. Tous droits réservés.</p>
+        </div>
+    </footer>
+
+    <script src="../js/script.js"></script>
+    <button id="scrollTopBtn" onclick="scrollToTop()">
+        <span>&#x1F680;</span>
+    </button>
+</body>
+</html>
diff --git a/html/nos-chefs.html b/html/nos-chefs.html
index cf01609..419dd71 100644
--- a/html/nos-chefs.html
+++ b/html/nos-chefs.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="../css/styles.css">
-    <link rel="stylesheet" href="../css/nos-chefs.css"> <!-- Ajoutez le fichier CSS spécifique pour cette page -->
+    <link rel="stylesheet" href="../css/nos-chefs.css"> 
     <title>Nos Chefs - Neo Eat</title>
 </head>
 <body>
@@ -14,7 +14,7 @@
         </div>
         <nav class="nav-links">
             <a href="index.html">Accueil</a>
-            <a href="#">Menu</a>
+            <a href="menu.html">Menu</a>
             <div class="dropdown">
                 <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
                 <div class="dropdown-content">
@@ -22,7 +22,7 @@
                     <a href="faq.html">FAQ</a>
                     <a href="nos-chefs.html">Nos chefs</a>
                     <a href="fournisseurs.html">Nos fournisseurs</a>
-                    <a href="#">Notre équipe</a>
+                    <a href="notre-equipe.html">Notre équipe</a>
                 </div>
             </div>
             <a href="../html/contact.html" class="nav-link">Contact</a>
@@ -49,7 +49,7 @@
                 </div>
         
                 <div class="chef">
-                    <img src="../img/ChefCuisto/cedricgrolet.png" alt="Cedric Grolet">
+                    <img src="../img/ChefCuisto/CedricGrolet.png" alt="Cedric Grolet">
                     <h3>Cedric Grolet</h3>
                     <p>Pâtissier renommé, célèbre pour ses créations artistiques et innovantes.</p>
                 </div>
@@ -84,25 +84,24 @@
                     <p>Cheffe étoilée française, reconnue pour son expertise culinaire exceptionnelle et son influence marquante dans le monde de la gastronomie.</p>
                 </div>
         
-                <!-- Ajoute d'autres chefs de la même manière -->
-        
             </div>
         </section>        
     </div>
 
-    <footer class="footer">
+<footer class="footer">
         <div class="footer-content">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <!-- Ajoutez ici les liens vers les différentes sections du site -->
+                <a href="plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <!-- Ajoutez ici les informations légales nécessaires -->
+                <a href="mention-legal.html">Consulter nos mentions légales</a>
             </div>
             <div class="footer-section">
                 <h3>Contact</h3>
                 <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
+                <p>
                 <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
             </div>
             <div class="footer-section horizontally-aligned">
@@ -110,22 +109,22 @@
                 <div class="logo-reseaux">
                     <p>
                         <a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
+                            <img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook">
+                            <img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/X.png" alt="X">
+                            <img src="../img/RéseauxSociaux/X.png" alt="Logo X">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube">
+                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
                         </a>
                     </p>
                     <p>
@@ -143,6 +142,5 @@
     </footer>
 
     <script src="../js/script.js"></script>
-    <!-- ... (vos autres scripts) ... -->
 </body>
 </html>
diff --git a/html/notre-equipe.html b/html/notre-equipe.html
index a23239d..0b051f7 100644
--- a/html/notre-equipe.html
+++ b/html/notre-equipe.html
@@ -16,7 +16,7 @@
         </div>
         <nav class="nav-links">
             <a href="index.html">Accueil</a>
-            <a href="#">Menu</a>
+            <a href="menu.html">Menu</a>
             <div class="dropdown">
                 <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
                 <div class="dropdown-content">
@@ -24,7 +24,7 @@
                     <a href="faq.html">FAQ</a>
                     <a href="nos-chefs.html">Nos chefs</a>
                     <a href="fournisseurs.html">Nos fournisseurs</a>
-                    <a href="#">Notre équipe</a>
+                    <a href="notre-equipe.html">Notre équipe</a>
                 </div>
             </div>
             <a href="../html/contact.html" class="nav-link">Contact</a>
@@ -56,7 +56,7 @@
                 <h4>CURRICULUM VITAE</h4>
                 <p>Vous pouvez télécharger le CV de Moncef STITI ci-dessous :</p>
                 <a class="cv-link" href="../html/CV/MoncefSTITI.html" download="MoncefSTITI_CV.html">Télécharger le CV</a>
-                <a class="cv-link" href="../html/CV/MoncefSTITI.html" onclick="window.open('../html/CV/MoncefSTITI.html', '_blank'); return false;">Imprimer le CV</a>
+                <a class="cv-link" href="javascript:void(0);" onclick="printCV('../html/CV/MoncefSTITI.html');">Imprimer le CV</a>
             </div>
 
             <div class="membre-equipe">
@@ -71,12 +71,12 @@
             <div class="cv-container">
                 <h4>CURRICULUM VITAE</h4>
                 <p>Vous pouvez télécharger le CV de Marco ORFAO ci-dessous :</p>
-                <a class="cv-link" href="../html/CV/MoncefSTITI.html" download="MoncefSTITI_CV.html">Télécharger le CV</a>
-                <a class="cv-link" href="../html/CV/MoncefSTITI.html" onclick="window.open('../html/CV/MoncefSTITI.html', '_blank'); return false;">Imprimer le CV</a>
+                <a class="cv-link" href="../html/CV/MarcoORFAO.html" download="MarcoORFAO.html">Télécharger le CV</a>
+                <a class="cv-link" href="../html/CV/MarcoORFAO.html" onclick="window.open('../html/CV/MarcoORFAO.html', '_blank'); return false;">Imprimer le CV</a>
             </div>
 
             <div class="membre-equipe">
-                <img src="../img/NotreEquipe/MoncefSTITI.png" alt="Photo de Moncef STITI">
+                <img src="../img/NotreEquipe/MoncefSTITI.png" alt="Photo de Louay DARDOURI">
                 <div class="membre-info">
                     <h3>Louay DARDOURI</h3>
                     <p>Rôle : Cofondateur et ingénieur informatique</p>
@@ -87,25 +87,26 @@
             <div class="cv-container">
                 <h4>CURRICULUM VITAE</h4>
                 <p>Vous pouvez télécharger le CV de Louay DARDOURI ci-dessous :</p>
-                <a class="cv-link" href="../html/CV/MoncefSTITI.html" download="MoncefSTITI_CV.html">Télécharger le CV</a>
-                <a class="cv-link" href="../html/CV/MoncefSTITI.html" onclick="window.open('../html/CV/MoncefSTITI.html', '_blank'); return false;">Imprimer le CV</a>
+                <a class="cv-link" href="../html/CV/LouayDARDOURI.html" download="LouayDARDOURI.html">Télécharger le CV</a>
+                <a class="cv-link" href="../html/CV/LouayDARDOURI.html" onclick="window.open('../html/CV/LouayDARDOURI.html', '_blank'); return false;">Imprimer le CV</a>
             </div>
         </section>
     </div>
 
-    <footer class="footer">
+<footer class="footer">
         <div class="footer-content">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <!-- Ajoutez ici les liens vers les différentes sections du site -->
+                <a href="plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <!-- Ajoutez ici les informations légales nécessaires -->
+                <a href="mention-legal.html">Consulter nos mentions légales</a>
             </div>
             <div class="footer-section">
                 <h3>Contact</h3>
                 <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
+                <p>
                 <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
             </div>
             <div class="footer-section horizontally-aligned">
@@ -113,22 +114,22 @@
                 <div class="logo-reseaux">
                     <p>
                         <a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
+                            <img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook">
+                            <img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/X.png" alt="X">
+                            <img src="../img/RéseauxSociaux/X.png" alt="Logo X">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube">
+                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
                         </a>
                     </p>
                     <p>
diff --git a/html/plan-du-site.html b/html/plan-du-site.html
new file mode 100644
index 0000000..0da1ede
--- /dev/null
+++ b/html/plan-du-site.html
@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html lang="fr-FR">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../css/styles.css">
+    <link rel="stylesheet" href="../css/plan-du-site.css">
+    <title>Plan du site - Neo Eat</title>
+</head>
+
+<body>
+
+    <header class="navbar">
+        <div class="logo">
+            <img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
+        </div>
+        <nav class="nav-links">
+            <a href="index.html">Accueil</a>
+            <a href="menu.html">Menu</a>
+            <div class="dropdown">
+                <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
+                <div class="dropdown-content">
+                    <a href="a-propos.html">Qui sommes-nous ?</a>
+                    <a href="faq.html">FAQ</a>
+                    <a href="nos-chefs.html">Nos chefs</a>
+                    <a href="fournisseurs.html">Nos fournisseurs</a>
+                    <a href="notre-equipe.html">Notre équipe</a>
+                </div>
+            </div>
+            <a href="../html/contact.html" class="nav-link">Contact</a>
+            <a href="../html/reservation.html" class="nav-link reserve-btn">Réserver une table</a>
+        </nav>
+        
+        <!-- BARRE DU MENU BURGER -->
+        <div class="burger-menu">
+            <div class="bar"></div>
+            <div class="bar"></div>
+            <div class="bar"></div>
+        </div>
+    </header>
+
+    <div class="content">
+        <section class="plan-du-site-section">
+            <h2>Plan du site</h2>
+            <ul>
+                <li><a href="index.html">Accueil</a></li>
+                <li><a href="menu.html">Menu </a></li>
+                <li>
+                    <ul>
+                        <li><a href="a-propos.html">Qui sommes-nous ?</a></li>
+                        <li><a href="faq.html">FAQ</a></li>
+                        <li><a href="nos-chefs.html">Nos chefs</a></li>
+                        <li><a href="fournisseurs.html">Nos fournisseurs</a></li>
+                        <li><a href="notre-equipe.html">Notre équipe</a></li>
+                    </ul>
+                </li>
+                <li><a href="contact.html">Contact</a></li>
+                <li><a href="reservation.html">Réserver une table</a></li>
+                <li><a href="mention-legale.html">Mentions légales</a></li>
+                <li><a href="plan-du-site.html">Plan du site</a></li>
+            </ul>
+        </section>
+    </div>
+
+    <footer class="footer">
+        <div class="footer-content">
+            <div class="footer-section">
+                <h3>Plan du site</h3>
+                <a href="plan-du-site.html">Consulter le plan du site</a>
+            </div>
+            <div class="footer-section">
+                <h3>Mentions légales</h3>
+                <a href="mention-legal.html">Consulter nos mentions légales</a>
+            </div>
+            <div class="footer-section">
+                <h3>Contact</h3>
+                <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
+                <p>
+                <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
+            </div>
+            <div class="footer-section horizontally-aligned">
+                <h3>Réseaux sociaux</h3>
+                <div class="logo-reseaux">
+                    <p>
+                        <a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
+                            <img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
+                        </a>
+                    </p>
+                    <p>
+                        <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
+                            <img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
+                        </a>
+                    </p>
+                    <p>
+                        <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
+                            <img src="../img/RéseauxSociaux/X.png" alt="Logo X">
+                        </a>
+                    </p>
+                    <p>
+                        <a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
+                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
+                        </a>
+                    </p>
+                    <p>
+                        <a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
+                            <img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
+                        </a>
+                    </p>
+                </div>
+            </div>
+        </div>
+        <div class="footer-signature">
+            <img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
+            <p>&copy; 2024 Neo Eat. Tous droits réservés.</p>
+        </div>
+    </footer>
+
+    <script src="../js/script.js"></script>
+    <button id="scrollTopBtn" onclick="scrollToTop()">
+        <span>&#x1F680;</span>
+    </button>
+</body>
+
+</html>
diff --git a/html/reservation.html b/html/reservation.html
index 873365e..cc14602 100644
--- a/html/reservation.html
+++ b/html/reservation.html
@@ -14,7 +14,7 @@
         </div>
         <nav class="nav-links">
             <a href="index.html">Accueil</a>
-            <a href="#">Menu</a>
+            <a href="menu.html">Menu</a>
             <div class="dropdown">
                 <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
                 <div class="dropdown-content">
@@ -22,7 +22,7 @@
                     <a href="faq.html">FAQ</a>
                     <a href="nos-chefs.html">Nos chefs</a>
                     <a href="fournisseurs.html">Nos fournisseurs</a>
-                    <a href="#">Notre équipe</a>
+                    <a href="notre-equipe.html">Notre équipe</a>
                 </div>
             </div>
             <a href="../html/contact.html" class="nav-link">Contact</a>
@@ -77,19 +77,20 @@
         </section>
     </div>
 
-    <footer class="footer">
+<footer class="footer">
         <div class="footer-content">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <!-- Ajoutez ici les liens vers les différentes sections du site -->
+                <a href="plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <!-- Ajoutez ici les informations légales nécessaires -->
+                <a href="mention-legal.html">Consulter nos mentions légales</a>
             </div>
             <div class="footer-section">
                 <h3>Contact</h3>
                 <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
+                <p>
                 <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
             </div>
             <div class="footer-section horizontally-aligned">
@@ -97,22 +98,22 @@
                 <div class="logo-reseaux">
                     <p>
                         <a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
+                            <img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook">
+                            <img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/X.png" alt="X">
+                            <img src="../img/RéseauxSociaux/X.png" alt="Logo X">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube">
+                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
                         </a>
                     </p>
                     <p>
diff --git a/html/reservationSucces.html b/html/reservationSucces.html
index 5f39cdd..2ee94d5 100644
--- a/html/reservationSucces.html
+++ b/html/reservationSucces.html
@@ -14,7 +14,7 @@
         </div>
         <nav class="nav-links">
             <a href="index.html">Accueil</a>
-            <a href="#">Menu</a>
+            <a href="menu.html">Menu</a>
             <div class="dropdown">
                 <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
                 <div class="dropdown-content">
@@ -22,7 +22,7 @@
                     <a href="faq.html">FAQ</a>
                     <a href="nos-chefs.html">Nos chefs</a>
                     <a href="fournisseurs.html">Nos fournisseurs</a>
-                    <a href="#">Notre équipe</a>
+                    <a href="notre-equipe.html">Notre équipe</a>
                 </div>
             </div>
             <a href="../html/contact.html" class="nav-link">Contact</a>
@@ -45,19 +45,20 @@
         </section>
     </div>
 
-    <footer class="footer">
+<footer class="footer">
         <div class="footer-content">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <!-- Ajoutez ici les liens vers les différentes sections du site -->
+                <a href="plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <!-- Ajoutez ici les informations légales nécessaires -->
+                <a href="mention-legal.html">Consulter nos mentions légales</a>
             </div>
             <div class="footer-section">
                 <h3>Contact</h3>
                 <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
+                <p>
                 <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
             </div>
             <div class="footer-section horizontally-aligned">
@@ -65,22 +66,22 @@
                 <div class="logo-reseaux">
                     <p>
                         <a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
+                            <img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook">
+                            <img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/X.png" alt="X">
+                            <img src="../img/RéseauxSociaux/X.png" alt="Logo X">
                         </a>
                     </p>
                     <p>
                         <a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
-                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube">
+                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
                         </a>
                     </p>
                     <p>
