diff --git a/public/styles/style.css b/public/styles/style.css
index 90ba15f..dc57f62 100644
--- a/public/styles/style.css
+++ b/public/styles/style.css
@@ -8,7 +8,7 @@
 
     --main-light-background-color: #ffffff;
     --main-light-text-color : #000000;
-    --main-light-gradient : linear-gradient(45deg, #ff9a9e, #fad0c4, #fad0c4, #fad0c4, #fad0c4, #fad0c4, #fad0c4, #fad0c4);
+    --main-light-gradient : linear-gradient(45deg, #73CFF6, #DE95CA);
     --main-light-other-color : #d2d2d8;
 }   
 
@@ -85,13 +85,13 @@ body.light-mode .header img{
 }
 
 .light-mode::-webkit-scrollbar-thumb:hover {
-    background: linear-gradient(45deg, #ff9a9e, #fad0c4); 
-    box-shadow: 0 0 15px rgba(255, 182, 193, 0.7), 0 0 30px rgba(255, 182, 193, 0.5);
+    background: linear-gradient(45deg, #a0e4ff, #f7cce6); 
+    box-shadow: 0 0 15px rgba(160, 228, 255, 0.7), 0 0 30px rgba(247, 204, 230, 0.5);
     transform: scale(1.1);
 }
 
 .light-mode .theme-icon:hover, .light-mode .nav a:hover {
-    filter: brightness(0) saturate(100%) invert(85%) sepia(5%) saturate(5638%) hue-rotate(302deg) brightness(96%) contrast(107%);
+    filter: brightness(0) saturate(100%) invert(84%) sepia(88%) saturate(6613%) hue-rotate(276deg) brightness(89%) contrast(95%);
 }
 
 /* écran par défaut */
@@ -139,6 +139,11 @@ body{
     width: 20%;
 }
 
+.logo:hover{
+    transform: scale(1.1);
+    transition: transform 0.3s ease-in-out;
+}
+
 .logo img{
     height : 10vh;
 }
diff --git a/public/styles/styleQuoteLittle.css b/public/styles/styleQuoteLittle.css
index faa26ef..14ad6d6 100644
--- a/public/styles/styleQuoteLittle.css
+++ b/public/styles/styleQuoteLittle.css
@@ -110,7 +110,7 @@ h2 {
 
 /* écran tablette*/
 
-@media (max-width: 1638px){
+@media (max-width: 780px){
     .suggestions-container {
         flex-direction: column;
         width: 100%;