diff --git a/httpdocs/under_dev.html b/httpdocs/under_dev.html
index bab351f..e2ff22a 100644
--- a/httpdocs/under_dev.html
+++ b/httpdocs/under_dev.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
-<html lang=\"fr\">
+<html lang="fr">
 <head>
-    <meta charset=\"UTF-8\">
-    <link type=\"text/css\" rel=\"stylesheet\" href=\"style.css\">
-    <link href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap\" rel=\"stylesheet\">
+    <meta charset="UTF-8">
+    <link type="text/css" rel="stylesheet" href="style.css">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
     <title>Corentin - En Construction</title>
     <style>
         body {
@@ -17,18 +17,22 @@
             height: 100vh;
             margin: 0;
             padding: 0;
+            animation: fadeIn 2s ease-in;
         }
 
         .development-container {
             text-align: center;
-            animation: fadeIn 2s ease-in;
+            background: rgba(0, 0, 0, 0.6);
+            padding: 50px;
+            border-radius: 10px;
+            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.7);
         }
 
         .dev-message {
-            font-size: 2.5em;
+            font-size: 2em;
             font-weight: bold;
             margin: 20px 0;
-            text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);
+            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
         }
 
         .dev-submessage {
@@ -52,30 +56,40 @@
             100% { transform: rotate(360deg); }
         }
 
-        @keyframes fadeIn {
-            from { opacity: 0; }
-            to { opacity: 1; }
-        }
-
         footer {
-            position: absolute;
-            bottom: 10px;
+            position: fixed;
+            bottom: 20px;
             width: 100%;
             text-align: center;
-            color: #666;
+            color: #aaa;
             font-size: 0.9em;
         }
+
+        footer a {
+            color: #3498db;
+            text-decoration: none;
+            transition: color 0.3s ease;
+        }
+
+        footer a:hover {
+            color: #fff;
+        }
+
+        @keyframes fadeIn {
+            from { opacity: 0; }
+            to { opacity: 1; }
+        }
     </style>
 </head>
 <body>
-    <div class=\"development-container\">
-        <h1 class=\"dev-message\">Page en cours de développement</h1>
-        <p class=\"dev-submessage\">Revenez bientôt !</p>
-        <div class=\"spinner\"></div>
-        <p class=\"dev-submessage\">Merci pour votre patience !</p>
+    <div class="development-container">
+        <h1 class="dev-message">Page en cours de développement</h1>
+        <p class="dev-submessage">Revenez bientôt !</p>
+        <div class="spinner"></div>
+        <p class="dev-submessage">Merci pour votre patience !</p>
     </div>
     <footer>
-        <p>Pied de page</p>
+        <p>Pour toute question, contactez-moi à <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
     </footer>
 </body>
 </html>
