diff --git a/httpdocs/competences.html b/httpdocs/competences.html
index 9f2ff18..7fdd655 100644
--- a/httpdocs/competences.html
+++ b/httpdocs/competences.html
@@ -1,29 +1,31 @@
 <!DOCTYPE html>
 <html lang="fr">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link type="text/css" rel="stylesheet" href="style.css">
-    <script src="toggle.js"></script>
-    <script src="effect.js" defer></script>
-    <title>Compétences - Corentin</title>
-</head>
+	<head>
+		<meta charset="UTF-8">
+		<link type="text/css" rel="stylesheet" href="style.css">
+		<script src="toggle.js"></script>
+		<script src="effect.js" defer></script>
+		<title>Corentin</title>
+		<nav class="navbar"> 
+			<ul class="navbar-list">
+			  <li><a href="index.html">Accueil</a></li>
+			  <li><a href="cursus.html">Cursus</a></li>
+			  <li class="dropdown">
+				<a href="#">Technique</a>
+				<ul class="dropdown-content">
+				  <li><a href="projets.html">Projets</a></li>
+				  <li><a href="competences.html">Compétences</a></li>
+				</ul>
+			  </li>
+			  <li><a href="form.html">Contact</a></li>
+			  <label class="switch">
+				<input type="checkbox" id="theme-switch">
+				<span class="slider"></span>
+			</label>
+			</ul>
+		  </nav>
+	</head>
 <body>
-    <nav class="navbar">
-        <ul class="navbar-list">
-            <li><a href="index.html">Accueil</a></li>
-            <li><a href="cursus.html">Cursus</a></li>
-            <li class="dropdown">
-                <a href="#">Galerie</a>
-                <ul class="dropdown-content">
-                    <li><a href="projets.html">Projets</a></li>
-                    <li><a href="competences.html">Compétences</a></li>
-                </ul>
-            </li>
-            <li><a href="form.php">Contact</a></li>
-        </ul>
-    </nav>
-
     <header>
         <h1>Mes Compétences</h1>
     </header>
@@ -58,27 +60,14 @@
             <div class="tech-box git-box"><img src="logos/git.jpeg" alt="Git">Git</div>
             <div class="tech-box docker-box"><img src="logos/docker.jpeg" alt="Docker">Docker</div>
             <div class="tech-box vscode-box"><img src="logos/vscode.jpeg" alt="VS Code">VS Code</div>
-            <div class="tech-box postgresql-box"><img src="logos /postgresql.jpeg" alt="PostgreSQL">PostgreSQL</div>
+            <div class="tech-box postgresql-box"><img src="logos/postgresql.jpeg" alt="PostgreSQL">PostgreSQL</div>
         </div>
     </section>
 
-    <footer class="site-footer">
-        <div class="footer-content">
-            <div class="footer-left">
-                <p>&copy; 2025 Corentin Caillot. Tous droits réservés.</p>
-            </div>
-            <div class="footer-center">
-                <p>📩 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
-            </div>
-            <div class="footer-right">
-                <a href="https://github.com/your-github" target="_blank" class="social-icon">
-                    <img src="icons/github.png" alt="GitHub">
-                </a>
-                <a href="https://www.linkedin.com/in/your-linkedin" target="_blank" class="social-icon">
-                    <img src="icons/linkedin.png" alt="LinkedIn">
-                </a>
-            </div>
-        </div>
+    <footer>
+        <p>© 2025 Corentin Caillot. Tous droits réservés.</p>
+        <p>📧 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
+        <p><a href="https://github.com/">GitHub</a> | <a href="https://linkedin.com/">LinkedIn</a></p>
     </footer>
 
 </body>
diff --git a/httpdocs/cursus.html b/httpdocs/cursus.html
index 248d6e3..3090da4 100644
--- a/httpdocs/cursus.html
+++ b/httpdocs/cursus.html
@@ -52,23 +52,10 @@
 		</div>
 	</div>
 </body>
-<footer class="site-footer">
-	<div class="footer-content">
-		<div class="footer-left">
-			<p>&copy; 2025 Corentin Caillot. Tous droits réservés.</p>
-		</div>
-		<div class="footer-center">
-			<p>📩 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
-		</div>
-		<div class="footer-right">
-			<a href="https://github.com/your-github" target="_blank" class="social-icon">
-				<img src="icons/github.png" alt="GitHub">
-			</a>
-			<a href="https://www.linkedin.com/in/your-linkedin" target="_blank" class="social-icon">
-				<img src="icons/linkedin.png" alt="LinkedIn">
-			</a>
-		</div>
-	</div>
+<footer>
+	<p>© 2025 Corentin Caillot. Tous droits réservés.</p>
+	<p>📧 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
+	<p><a href="https://github.com/">GitHub</a> | <a href="https://linkedin.com/">LinkedIn</a></p>
 </footer>
 
 </html>
\ No newline at end of file
diff --git a/httpdocs/form.html b/httpdocs/form.html
index dc3b645..e7aaed4 100644
--- a/httpdocs/form.html
+++ b/httpdocs/form.html
@@ -1,45 +1,46 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="effect.js" defer></script>
-    <script src="toggle.js"></script>
-    <title>Contact Form</title>
-    <!-- Tailwind CSS -->
-    <script src="https://cdn.tailwindcss.com"></script>
-    <!-- EmailJS SDK -->
-    <script src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"></script>
-    <script>
-        (function() {
-            emailjs.init("BC9iUxDzXQ4MMHpAT"); // Replace with your EmailJS public key
-        })();
-    </script>
-    <link rel="stylesheet" href="style.css">
-</head>
+    <head>
+        <meta charset="UTF-8">
+        ‎ <link type="text/css" rel="stylesheet" href="style.css?v=1.0">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <script src="effect.js" defer></script>
+        <script src="toggle.js"></script>
+        <title>Contact Form</title>
+        <!-- Tailwind CSS -->
+        <script src="https://cdn.tailwindcss.com"></script>
+        <!-- EmailJS SDK -->
+        <script src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"></script>
+        <script>
+            (function() {
+                emailjs.init("BC9iUxDzXQ4MMHpAT"); // Replace with your EmailJS public key
+            })();
+        </script> 
+    </head>
 <body class="bg-gray-50 text-gray-800">
+    <header>
     <!-- Navigation -->
-    <nav class="navbar"> 
-        <ul class="navbar-list">
-            <li><a href="index.html">Accueil</a></li>
-            <li><a href="cursus.html">Cursus</a></li>
-            <li class="dropdown">
-			<a href="#">Technique</a>
-				<ul class="dropdown-content">
-				  <li><a href="projets.html">Projets</a></li>
-				  <li><a href="competences.html">Compétences</a></li>
-				</ul>
-            </li>
-            <li><a href="form.html">Contact</a></li>
-            <label class="switch">
-            <input type="checkbox" id="theme-switch">
-            <span class="slider"></span>
-        </label>
-        </ul>
-        </nav>
-
-
+        <nav class="navbar"> 
+            <ul class="navbar-list">
+                <li><a href="index.html">Accueil</a></li>
+                <li><a href="cursus.html">Cursus</a></li>
+                <li class="dropdown">
+                <a href="#">Technique</a>
+                    <ul class="dropdown-content">
+                    <li><a href="projets.html">Projets</a></li>
+                    <li><a href="competences.html">Compétences</a></li>
+                    </ul>
+                </li>
+                <li><a href="form.html">Contact</a></li>
+                <label class="switch">
+                <input type="checkbox" id="theme-switch">
+                <span class="slider"></span>
+            </label>
+            </ul>
+            </nav>
+    </header>
     <!-- Contact Form -->
+    
     <form id="contact-form" class="container mx-auto mt-10 px-4">
         <div class="max-w-md mx-auto px-8 py-6 bg-gray-800 rounded-lg shadow-lg">
             <h2 class="text-2xl font-semibold text-white mb-4">Contact Us</h2>
@@ -66,26 +67,10 @@
 
     <!-- External JS -->
     <script src="form-handler.js"></script>
+    <footer class="footer_index">
+        <p>© 2025 Corentin Caillot. Tous droits réservés.</p>
+        <p>📧 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
+        <p><a href="https://github.com/">GitHub</a> | <a href="https://linkedin.com/">LinkedIn</a></p>
+    </footer>
 </body>
-
-
-<footer class="site-footer">
-    <div class="footer-content">
-        <div class="footer-left">
-            <p>&copy; 2025 Corentin Caillot. Tous droits réservés.</p>
-        </div>
-        <div class="footer-center">
-            <p>📩 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
-        </div>
-        <div class="footer-right">
-            <a href="https://github.com/your-github" target="_blank" class="social-icon">
-                <img src="icons/github.png" alt="GitHub">
-            </a>
-            <a href="https://www.linkedin.com/in/your-linkedin" target="_blank" class="social-icon">
-                <img src="icons/linkedin.png" alt="LinkedIn">
-            </a>
-        </div>
-    </div>
-</footer>
-
 </html>
\ No newline at end of file
diff --git a/httpdocs/index.html b/httpdocs/index.html
index a1cef93..35536ce 100644
--- a/httpdocs/index.html
+++ b/httpdocs/index.html
@@ -150,23 +150,11 @@
 				</section>
 				</div>
 			</header>
+			<footer class="footer_index">
+				<p>© 2025 Corentin Caillot. Tous droits réservés.</p>
+				<p>📧 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
+				<p><a href="https://github.com/">GitHub</a> | <a href="https://linkedin.com/">LinkedIn</a></p>
+			</footer>
 		</body>
-		<footer class="site-footer">
-			<div class="footer-content">
-				<div class="footer-left">
-					<p>&copy; 2025 Corentin Caillot. Tous droits réservés.</p>
-				</div>
-				<div class="footer-center">
-					<p>📩 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
-				</div>
-				<div class="footer-right">
-					<a href="https://github.com/your-github" target="_blank" class="social-icon">
-						<img src="icons/github.png" alt="GitHub">
-					</a>
-					<a href="https://www.linkedin.com/in/your-linkedin" target="_blank" class="social-icon">
-						<img src="icons/linkedin.png" alt="LinkedIn">
-					</a>
-				</div>
-			</div>
-		</footer>
+
 </html>
\ No newline at end of file
diff --git a/httpdocs/project.html b/httpdocs/project.html
index ae035ee..10495e7 100644
--- a/httpdocs/project.html
+++ b/httpdocs/project.html
@@ -48,24 +48,10 @@
         <h2>Technologies utilisées</h2>
         <div id="project-tech-icons" class="tech-icons"></div>
     </section>
-
-    <footer class="site-footer">
-        <div class="footer-content">
-            <div class="footer-left">
-                <p>&copy; 2025 Corentin Caillot. Tous droits réservés.</p>
-            </div>
-            <div class="footer-center">
-                <p>📩 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
-            </div>
-            <div class="footer-right">
-                <a href="https://github.com/your-github" target="_blank" class="social-icon">
-                    <img src="icons/github.png" alt="GitHub">
-                </a>
-                <a href="https://www.linkedin.com/in/your-linkedin" target="_blank" class="social-icon">
-                    <img src="icons/linkedin.png" alt="LinkedIn">
-                </a>
-            </div>
-        </div>
+    <footer>
+        <p>© 2025 Corentin Caillot. Tous droits réservés.</p>
+        <p>📧 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
+        <p><a href="https://github.com/">GitHub</a> | <a href="https://linkedin.com/">LinkedIn</a></p>
     </footer>
     
 </body>
diff --git a/httpdocs/projets.html b/httpdocs/projets.html
index 3ab6c04..7e42ed2 100644
--- a/httpdocs/projets.html
+++ b/httpdocs/projets.html
@@ -11,12 +11,11 @@
 			<ul class="navbar-list">
 			  <li><a href="index.html">Accueil</a></li>
 			  <li><a href="cursus.html">Cursus</a></li>
-			  <li><a href="planning.html">Planning</a></li>
 			  <li class="dropdown">
 				<a href="#">Techniques</a>
 				<ul class="dropdown-content">
 				  <li><a href="projets.html">Projets</a></li>
-				  <li><a href="videos.html">Compétences</a></li>
+				  <li><a href="competences.html">Compétences</a></li>
 				</ul>
 			  </li>
 			  <li><a href="form.html">Contact</a></li>
@@ -134,24 +133,9 @@
     </div>
 
   </body>
-
-  <footer class="site-footer">
-    <div class="footer-content">
-      <div class="footer-left">
-        <p>&copy; 2025 Corentin Caillot. Tous droits réservés.</p>
-      </div>
-      <div class="footer-center">
-        <p>📩 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
-      </div>
-      <div class="footer-right">
-        <a href="https://github.com/your-github" target="_blank" class="social-icon">
-          <img src="icons/github.png" alt="GitHub">
-        </a>
-        <a href="https://www.linkedin.com/in/your-linkedin" target="_blank" class="social-icon">
-          <img src="icons/linkedin.png" alt="LinkedIn">
-        </a>
-      </div>
-    </div>
+  <footer>
+    <p>© 2025 Corentin Caillot. Tous droits réservés.</p>
+    <p>📧 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
+    <p><a href="https://github.com/">GitHub</a> | <a href="https://linkedin.com/">LinkedIn</a></p>
   </footer>
-  
 </html>
diff --git a/httpdocs/style.css b/httpdocs/style.css
index 8f983ec..d5f7cd7 100644
--- a/httpdocs/style.css
+++ b/httpdocs/style.css
@@ -166,14 +166,6 @@
       box-shadow: inset 15px -4px 0px 15px #ffc107; /* Golden shadow when active */
   }
 
-  /* Footer Light mode */
-  body.light-mode footer {
-      background-color: #f1f1f1;
-      color: #333333;
-      border-top: 1px solid #dcdcdc;
-      text-align: center;
-      padding: 10px;
-  }
 
   body.light-mode #profile {
       border-radius: 50%; 
@@ -1182,3 +1174,30 @@ body.fade-out {
       margin-bottom: 10px;
   }
 }
+
+
+
+
+
+
+
+/* ✅ Light Mode Support */
+body.light-mode footer {
+  background: #f1f1f1;
+  color: #333;
+  border-top: 1px solid #dcdcdc;
+}
+
+
+
+
+
+footer {
+  width: 100% !important;
+  text-align: center !important;
+  padding: 15px ! important;
+  background: #252323 ! important ; /* Default dark mode */
+  color: #fff ! important;
+  position: relative ! important;
+  bottom: 0 ! important;
+}
