diff --git a/package-lock.json b/package-lock.json
index c4893b7..1b99e24 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,7 +20,7 @@
         "@testing-library/react": "^13.4.0",
         "@testing-library/user-event": "^13.5.0",
         "addeventlistener": "^2.0.0",
-        "axios": "^1.1.3",
+        "axios": "^1.2.0",
         "chart": "^0.1.2",
         "chart.js": "^3.9.1",
         "crypto-js": "^4.1.1",
@@ -5489,9 +5489,9 @@
       }
     },
     "node_modules/axios": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.1.3.tgz",
-      "integrity": "sha512-00tXVRwKx/FZr/IDVFt4C+f9FYairX517WoGCL6dpOntqLkZofjhu43F/Xl44UOpqa+9sLFDrG/XAnFsUYgkDA==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.2.0.tgz",
+      "integrity": "sha512-zT7wZyNYu3N5Bu0wuZ6QccIf93Qk1eV8LOewxgjOZFd2DenOs98cJ7+Y6703d0wkaXGY6/nZd4EweJaHz9uzQw==",
       "dependencies": {
         "follow-redirects": "^1.15.0",
         "form-data": "^4.0.0",
@@ -21701,9 +21701,9 @@
       "integrity": "sha512-32+ub6kkdhhWick/UjvEwRchgoetXqTK14INLqbGm5U2TzBkBNF3nQtLYm8ovxSkQWArjEQvftCKryjZaATu3w=="
     },
     "axios": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.1.3.tgz",
-      "integrity": "sha512-00tXVRwKx/FZr/IDVFt4C+f9FYairX517WoGCL6dpOntqLkZofjhu43F/Xl44UOpqa+9sLFDrG/XAnFsUYgkDA==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.2.0.tgz",
+      "integrity": "sha512-zT7wZyNYu3N5Bu0wuZ6QccIf93Qk1eV8LOewxgjOZFd2DenOs98cJ7+Y6703d0wkaXGY6/nZd4EweJaHz9uzQw==",
       "requires": {
         "follow-redirects": "^1.15.0",
         "form-data": "^4.0.0",
diff --git a/package.json b/package.json
index 1babbb6..445a66f 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "addeventlistener": "^2.0.0",
-    "axios": "^1.1.3",
+    "axios": "^1.2.0",
     "chart": "^0.1.2",
     "chart.js": "^3.9.1",
     "crypto-js": "^4.1.1",
diff --git a/src/components/NavigationAdmin.js b/src/components/NavigationAdmin.js
index d1fc0d4..f41a9ca 100644
--- a/src/components/NavigationAdmin.js
+++ b/src/components/NavigationAdmin.js
@@ -8,22 +8,16 @@ const NavigationAdmin = (props) => {
         <div className="nav_bar_verticale">
             <img className="logo" srcSet="./LogoApp.svg"></img>
             <NavLink className="create_user" to="/Admin_create">
-                <button id="bouton_créer" className="bouton" type="button" value="Créer un utilisateur" onClick={changeColor}>Créer utilisateur</button>
+                <button id="bouton_créer" className="bouton" type="button" value="Créer un utilisateur">Créer utilisateur</button>
             </NavLink>
             <NavLink className="modify_user" to="/Admin_modif" state={{ iduser: props.iduser }}>
-                <button id="bouton_modif" className="bouton" type="button" value="Modifier un utilisateur" onClick={changeColor}>Modifier utilisateur</button>
+                <button id="bouton_modif" className="bouton" type="button" value="Modifier un utilisateur">Modifier utilisateur</button>
             </NavLink>
             <NavLink className="delete_user" to="/Admin_supp">
-                <button id="bouton_sup" className="bouton" type="button" value="Supprimer un utilisateur" onClick={changeColor}>Supprimer utilisateur</button>
+                <button id="bouton_sup" className="bouton" type="button" value="Supprimer un utilisateur">Supprimer utilisateur</button>
             </NavLink>
         </div>
     );
 };
 
-
-function changeColor() {
-    let b1 = document.querySelector('button');
-    b1.style.backgroundColor = "rgb(170,170,170)";
-}
-
 export default NavigationAdmin;
\ No newline at end of file
diff --git a/src/pages/Admin_create.js b/src/pages/Admin_create.js
index 6523549..da1c961 100644
--- a/src/pages/Admin_create.js
+++ b/src/pages/Admin_create.js
@@ -58,8 +58,7 @@ function Admin_create() {
 
     return (
         <div className="page_admin">
-            {/*<NavigationAdmin />*/}
-            {/* Create a admin page */}
+            <NavigationAdmin />
             <div className="Titre_Formulaire">
                 <p className="Titre">Admin</p>
                 <p className="Sous-titre">Création d'utilisateur</p>
diff --git a/src/pages/Admin_list.js b/src/pages/Admin_list.js
index d31c28a..63c2acc 100644
--- a/src/pages/Admin_list.js
+++ b/src/pages/Admin_list.js
@@ -10,6 +10,11 @@ const api = axios.create({
 
 function Admin_list() {
 
+    const [theme, setTheme] = useState("light");    
+    if (localStorage.getItem('theme') && localStorage.getItem("theme") !== '' && localStorage.getItem("theme") !== theme) {
+        setTheme(localStorage.getItem("theme"))
+    }
+
     const [users, setUsers] = useState([]);
     const [selectedIdUser, setSelectedIdUser] = useState();
 
@@ -24,8 +29,9 @@ function Admin_list() {
         setSelectedIdUser(iduser);
     };
 
+
     return (
-        <div className="page_admin">
+        <body className="page_admin">
             <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"></link>
             {/* Create a page to delete an user in the admin page*/}
             <NavigationAdmin iduser={selectedIdUser}/>
@@ -94,7 +100,7 @@ function Admin_list() {
                     </TableContainer>
                 </div>
             </div>
-         </div>
+         </body>
     );
 };
 
diff --git a/src/styles/components/_admin.scss b/src/styles/components/_admin.scss
index 4907f7d..14763cb 100644
--- a/src/styles/components/_admin.scss
+++ b/src/styles/components/_admin.scss
@@ -1,3 +1,8 @@
+.dark{
+    background-color: $xiketic;
+    color: white;
+}
+
 body {
     
     .page_admin {
@@ -74,14 +79,14 @@ body {
         .Titre_Formulaire{
             display: flex;
             flex-direction: column;
+            margin: 10px 10px 10px 0px;
+            padding: 10px;
             flex-basis: 100%;
             background: rgba(255, 255, 255, 0.3);
             border-radius: 15px;
             box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
             backdrop-filter: blur(3px);
             -webkit-backdrop-filter: blur(15px);
-            margin: 10px;
-            padding: 10px;
 
             .Titre {
                 display: flex;
@@ -198,42 +203,43 @@ body {
                 margin-top: 5%;
 
                 .bouton_val{
-                    //display: flex;
+                    display: flex;
+                    flex-direction: column;
+                    justify-content: center;
+                    align-items: center;
+                    width: 150px;
+                    height: 40px;
+                    font-size: 20px;
+                    text-decoration: none;
+                    color: white;
                     background-color: grey;
-                    border: 1px solid rgba(255, 255, 255, 0.1);
-                    backdrop-filter: blur(30px);
-                    color: rgb(255, 255, 255);
-                    cursor: pointer;
-                    font-size: 15px;
                     border-radius: 15px;
-                    width: 20%;
+                    border: 0;
 
                     &:hover {
-                        box-shadow: 0, 5px, 35px, 0 rgba(0, 0, 0, 1);
                         color: white;
                         background-color: rgba(114, 114, 114, 0.371);
                     }
-        
+
                     &:active {
                         background-color: rgba(68, 68, 68, 0.972);
                     }
                 }
 
                 .bouton_ann{
-                    //display: flex;
+                    display: flex;
+                    flex-direction: column;
+                    justify-content: center;
+                    align-items: center;
+                    width: 150px;
+                    height: 40px;
+                    font-size: 20px;
+                    text-decoration: none;
+                    color: white;
                     background-color: grey;
-                    border: 0px solid rgba(255, 255, 255, 0.1);
-                    backdrop-filter: blur(30px);
-                    color: rgb(255, 255, 255);
-                    cursor: pointer;
-                    font-size: 15px;
                     border-radius: 15px;
-                    width: 20%;
-                    text-decoration: none;
-                    text-align: center;
 
                     &:hover {
-                        box-shadow: 0, 5px, 35px, 0 rgba(0, 0, 0, 1);
                         color: white;
                         background-color: rgba(114, 114, 114, 0.371);
                     }
@@ -248,14 +254,14 @@ body {
         .Titre_Formulaire_Rech{
             display: flex;
             flex-direction: column;
+            margin: 10px 10px 10px 0px;
+            padding: 10px;
             flex-basis: 100%;
             background: rgba(255, 255, 255, 0.3);
             border-radius: 15px;
             box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
             backdrop-filter: blur(3px);
             -webkit-backdrop-filter: blur(15px);
-            margin: 10px;
-            padding: 10px;
 
             .Titre {
                 display: flex;