diff --git a/WEB/Config/Config.php b/WEB/Config/Config.php
index 4483bd30..e26ff61f 100644
--- a/WEB/Config/Config.php
+++ b/WEB/Config/Config.php
@@ -17,7 +17,7 @@ $vues['login'] = 'View/src/pages/LogSign/Login.php';
 $vues['signUp'] = 'View/src/pages/LogSign/SignUp.php';
 $vues['test'] = 'View/src/pages/FirstTests/FirstTest1.html';
 $vues['next'] = 'View/src/pages/FirstTests/FirstTest';
-$vues['admin'] = 'View/src/pages/Admin.php';
+$vues['admin'] = 'View/src/pages/Admin/Admin.php';
 // Enigme
 // $vues['enigme'] = 'View/src/pages/Enigme/Palindrome.html';
 $vues['enigme'] = 'View/src/pages/Enigme/EnigmePage.php';
diff --git a/WEB/View/assets/img/BackgroundAdmin.png b/WEB/View/assets/img/BackgroundAdmin.png
new file mode 100644
index 00000000..324a0f25
Binary files /dev/null and b/WEB/View/assets/img/BackgroundAdmin.png differ
diff --git a/WEB/View/assets/img/virtualverse_dark_city_2d_high_resolution.png b/WEB/View/assets/img/virtualverse_dark_city_2d_high_resolution.png
new file mode 100644
index 00000000..6b746fa3
Binary files /dev/null and b/WEB/View/assets/img/virtualverse_dark_city_2d_high_resolution.png differ
diff --git a/WEB/View/src/CSS/Admin.css b/WEB/View/src/CSS/Admin.css
new file mode 100644
index 00000000..754318c0
--- /dev/null
+++ b/WEB/View/src/CSS/Admin.css
@@ -0,0 +1,273 @@
+@import url("https://fonts.googleapis.com/css2?family=Orbitron&display=swap");
+
+
+/*Default CSS*/
+body {
+  min-height: 100vh;
+  font-family: "Orbitron", sans-serif;
+  color: white;
+  background-image: url(../../assets/img/BackgroundAdmin.png);
+  scroll-behavior: smooth;
+  height: 100vh;
+  background-position: center center;
+  background-attachment: fixed;
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-color: #464646;
+}
+
+p,
+a,
+li,
+button,
+ul {
+  margin: 0;
+  padding: 0;
+  line-height: normal;
+  text-decoration: none !important;
+}
+
+/* Animation CSS */
+
+@keyframes blink {
+  0%,
+  22%,
+  36%,
+  75% {
+    color: #ffe6ff;
+    text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #dd07bf,
+      -0.2rem 0.1rem 1rem #dd07bf, 0.2rem 0.1rem 1rem #dd07bf,
+      0 -0.5rem 2rem #841174, 0 0.5rem 3rem #841174;
+  }
+  28%,
+  33% {
+    color: #dd07bf;
+    text-shadow: none;
+  }
+  82%,
+  97% {
+    color: #991888;
+    text-shadow: none;
+  }
+}
+
+@keyframes flicker {
+  from {
+    opacity: 1;
+  }
+
+  4% {
+    opacity: 0.9;
+  }
+
+  6% {
+    opacity: 0.85;
+  }
+
+  8% {
+    opacity: 0.95;
+  }
+
+  10% {
+    opacity: 0.9;
+  }
+
+  11% {
+    opacity: 0.922;
+  }
+
+  12% {
+    opacity: 0.9;
+  }
+
+  14% {
+    opacity: 0.95;
+  }
+
+  16% {
+    opacity: 0.98;
+  }
+
+  17% {
+    opacity: 0.9;
+  }
+
+  19% {
+    opacity: 0.93;
+  }
+
+  20% {
+    opacity: 0.99;
+  }
+
+  24% {
+    opacity: 1;
+  }
+
+  26% {
+    opacity: 0.94;
+  }
+
+  28% {
+    opacity: 0.98;
+  }
+
+  37% {
+    opacity: 0.93;
+  }
+
+  38% {
+    opacity: 0.5;
+  }
+
+  39% {
+    opacity: 0.96;
+  }
+
+  42% {
+    opacity: 1;
+  }
+
+  44% {
+    opacity: 0.97;
+  }
+
+  46% {
+    opacity: 0.94;
+  }
+
+  56% {
+    opacity: 0.9;
+  }
+
+  58% {
+    opacity: 0.9;
+  }
+
+  60% {
+    opacity: 0.99;
+  }
+
+  68% {
+    opacity: 1;
+  }
+
+  70% {
+    opacity: 0.9;
+  }
+
+  72% {
+    opacity: 0.95;
+  }
+
+  93% {
+    opacity: 0.93;
+  }
+
+  95% {
+    opacity: 0.95;
+  }
+
+  97% {
+    opacity: 0.93;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes animate1 {
+  0% {
+    left: -100%;
+  }
+  50%,
+  100% {
+    left: 100%;
+  }
+}
+
+@keyframes animate2 {
+  0% {
+    top: -100%;
+  }
+  50%,
+  100% {
+    top: 100%;
+  }
+}
+
+@keyframes animate3 {
+  0% {
+    right: -100%;
+  }
+  50%,
+  100% {
+    right: 100%;
+  }
+}
+
+@keyframes animate4 {
+  0% {
+    bottom: -100%;
+  }
+  50%,
+  100% {
+    bottom: 100%;
+  }
+}
+
+.flicker {
+  animation: shine 2s forwards, blink 3s 2s infinite;
+}
+
+.fast-flicker {
+  animation: shine 2s forwards, blink 10s 1s infinite;
+}
+
+h1 {
+  letter-spacing: 0.5rem;
+  color: #ffe6ff;
+  text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #dd07bf,
+    -0.2rem 0.1rem 1rem #dd07bf, 0.2rem 0.1rem 1rem #dd07bf,
+    0 -0.5rem 2rem #841174, 0 0.5rem 3rem #841174;
+  animation: shine 2s forwards, flicker 3s infinite;
+}
+
+a {
+    letter-spacing: 0.2rem;
+    font-weight: 400;
+    border-radius: 10px;
+    font-size: 30px;
+    cursor: pointer;
+    transition: 0.5s;
+  }
+
+a span {
+position: absolute;
+display: block;
+}
+
+#enigmeSoloManager {
+color: #ff86ff;
+}
+
+#enigmeSoloManager:hover {
+background: #ff86ff;
+color: #000000;
+box-shadow: 0 0 5px #ff86ff, 0 0 25px #ff86ff, 0 0 50px #ff86ff,
+    0 0 100px #ff86ff;
+-webkit-box-reflect: below 1px linear-gradient(transparent, #0005);
+}
+
+#enigmeMultiManager {
+color: #56fcfc;
+}
+
+#enigmeMultiManager:hover {
+background: #56fcfc;
+color: #000000;
+box-shadow: 0 0 5px #56fcfc, 0 0 25px #56fcfc, 0 0 50px #56fcfc,
+    0 0 100px #56fcfc;
+-webkit-box-reflect: below 1px linear-gradient(transparent, #0005);
+}
\ No newline at end of file
diff --git a/WEB/View/src/CSS/Main.css b/WEB/View/src/CSS/Main.css
index 592e01f1..fbce276e 100644
--- a/WEB/View/src/CSS/Main.css
+++ b/WEB/View/src/CSS/Main.css
@@ -250,6 +250,7 @@ a span {
   display: block;
 }
 
+
 #enigme {
   color: #ff86ff;
 }
diff --git a/WEB/View/src/pages/Admin/Admin.php b/WEB/View/src/pages/Admin/Admin.php
new file mode 100644
index 00000000..3487dc66
--- /dev/null
+++ b/WEB/View/src/pages/Admin/Admin.php
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Admin</title>
+    <!-- Required meta tags -->
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, shrink-to-fit=no"
+    />
+
+    <!-- CSS -->
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU"
+      crossorigin="anonymous"
+    />
+    <script
+      src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
+      integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js"
+      integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/"
+      crossorigin="anonymous"
+    ></script>
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0"
+    />
+    <link rel="stylesheet" href="./View/src/CSS/Admin.css" />
+</head>
+<body class="m-3">
+    <div class="container">
+        <div class="row g-5 py-5">
+            <h1
+            class="display-1 fw-bold text-uppercase d-flex justify-content-center"
+            >
+                <span class="fast-flicker">s</span>
+                <span>crip</span>
+                <span class="flicker">t</span>
+                <span>ed</span>
+            </h1>
+            <h1 class="display-1 fw-bold mb-5 text-uppercase d-flex justify-content-center">
+            <span class="flicker">Ad</span>
+                <span>min</span>
+                <span class="fast-flicker">i</span>
+                <span>str</span>
+                <span class="flicker">a</span>
+                <span>tion</span>
+            </h1>
+        </div>
+        <div class="row">
+            <div class="col d-flex justify-content-center g-5 py-4">
+            <a
+                id="enigmeSoloManager"
+                class="mb-3 text-uppercase d-flex justify-content-center align-items-center"
+                href="index.php?action=goToEnigmeSoloManager"
+                style="width: 300px; height: 150px"
+            >
+                <span></span>
+                <span></span>
+                <span></span>
+                <span></span>
+                Gestion Enigme Solo
+            </a>
+            </div>
+            <div class="col d-flex justify-content-center g-5 py-4">
+            <a
+                id="enigmeMultiManager"
+                class="mb-3 text-uppercase d-flex justify-content-center align-items-center"
+                href="index.php?action=goToEnigmeMultiManager"
+                style="width: 300px; height: 150px"
+            >
+                <span></span>
+                <span></span>
+                <span></span>
+                <span></span>
+                Gestion Enigme Multi
+            </a>
+            </div>
+        </div>
+    </div>
+</body>
+   
\ No newline at end of file
diff --git a/WEB/View/src/pages/Admin.php b/WEB/View/src/pages/Admin/EnigmeMultiManager.php
similarity index 70%
rename from WEB/View/src/pages/Admin.php
rename to WEB/View/src/pages/Admin/EnigmeMultiManager.php
index 696fc5dc..f55d2744 100644
--- a/WEB/View/src/pages/Admin.php
+++ b/WEB/View/src/pages/Admin/EnigmeMultiManager.php
@@ -1,25 +1,4 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <title>Admin</title>
-    <!-- Required meta tags -->
-    <meta charset="utf-8" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, shrink-to-fit=no"
-    />
-
-    <!-- CSS -->
-    <link
-      href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css"
-      rel="stylesheet"
-      integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU"
-      crossorigin="anonymous"
-    />
-</head>
-
-<body class="m-3">
-    <form>
+<form>
         <div class="col">
             <div class="mb-3">
                 <label for="" class="form-label">Enigme</label>
@@ -53,6 +32,4 @@
         <button class="left" type="submit">
             Submit
         </button>
-    </form>
-</body>
-   
\ No newline at end of file
+    </form>
\ No newline at end of file