diff --git a/VeraxShield/VeraxShield/wwwroot/css/composants/authentification/FormulaireConnexion.css b/VeraxShield/VeraxShield/wwwroot/css/composants/authentification/FormulaireConnexion.css
index 1eeaf24..e8edfff 100644
--- a/VeraxShield/VeraxShield/wwwroot/css/composants/authentification/FormulaireConnexion.css
+++ b/VeraxShield/VeraxShield/wwwroot/css/composants/authentification/FormulaireConnexion.css
@@ -33,11 +33,15 @@
 }
 
 .btn-se-connecter {
-    background-color: darkblue;
+    background-color: #053679;
     color: white;
 }
+    .btn-se-connecter:hover, .btn-s-inscrire:hover {
+        background-color: #afc1db;
+        color: #053679;
+    }
 
-.btn-s-inscrire {
-    background-color: grey;
-    color: white;
-}
+    .btn-s-inscrire {
+        background-color: grey;
+        color: white;
+    }
diff --git a/VeraxShield/VeraxShield/wwwroot/css/index.css b/VeraxShield/VeraxShield/wwwroot/css/index.css
index a5863c7..23d3ff4 100644
--- a/VeraxShield/VeraxShield/wwwroot/css/index.css
+++ b/VeraxShield/VeraxShield/wwwroot/css/index.css
@@ -48,11 +48,17 @@ main {
     cursor: pointer;
 }
 
-/*Authorized
+    .btn-link:hover {
+        background-color: #afc1db;
+        color: #053679;
+    }
+
+
+    /*Authorized
     ---------------------------------------------------
 */
 
-.navbar {
+    .navbar {
     background-color: #053679;
 }
 
@@ -61,6 +67,10 @@ main {
     background-color: none;
 }
 
+    .btn-navbar:hover {
+        color: #afc1db;
+    }
+
 .home-center-box {
     background-color: white;
     padding: 40px;