diff --git a/public/styles/style.css b/public/styles/style.css
index 5d68522..90ba15f 100644
--- a/public/styles/style.css
+++ b/public/styles/style.css
@@ -13,11 +13,6 @@
 }   
 
 /* Général */
-::-webkit-scrollbar {
-    width: 14px;
-    height: 14px;
-}
-
 body{
     font-family: "Lemon", serif;
     margin : 0%;
@@ -116,6 +111,11 @@ body{
     height: 10vh;
 }
 
+::-webkit-scrollbar {
+    width: 14px;
+    height: 14px;
+}
+
 #theme-icon{
     height : 5vh
 }
diff --git a/public/styles/styleAccueil.css b/public/styles/styleAccueil.css
index 393b767..c1b8103 100644
--- a/public/styles/styleAccueil.css
+++ b/public/styles/styleAccueil.css
@@ -11,6 +11,7 @@
     overflow: hidden;
     margin-bottom: 20px;
     height: 150px;
+    transition: transform 0.3s ease;
 }
 
 /* dark-mode */
@@ -24,3 +25,9 @@ body.dark-mode .citation-du-jour {
 body.light-mode .citation-du-jour {
     background: var(--main-light-gradient); 
 }
+
+.citation-du-jour:hover {
+    transform: scale(1.02);
+    z-index: 5;
+    position: relative;
+}
\ No newline at end of file
diff --git a/public/styles/styleQuoteLittle.css b/public/styles/styleQuoteLittle.css
index 6c90df5..faa26ef 100644
--- a/public/styles/styleQuoteLittle.css
+++ b/public/styles/styleQuoteLittle.css
@@ -25,6 +25,12 @@ body.light-mode .citation-container{
 
 /* écran par défaut */
 
+a.link-citation:hover {
+    transform: scale(1.02);
+    z-index: 5;
+    position: relative;
+}
+
 .suggestions-container {
     display: flex;
     flex-wrap: wrap;
@@ -37,6 +43,7 @@ a.link-citation {
     text-decoration: none;
     width: 47.5%;
     height: 100%;
+    transition: transform 0.3s ease;
 }
 
 .citation-container {