diff --git a/config/config.php b/config/config.php
index 332f3ca..1f8b969 100644
--- a/config/config.php
+++ b/config/config.php
@@ -12,7 +12,7 @@ $base  = '';
 $login = '';
 $mdp   = '';
 
-$racine='/~kekentin/WF/WF-Website';
+$racine='/~marocher8/WF-Website';
 
 //Vues
 $vues['erreur']  = 'vue/erreur.php';
diff --git a/public/styles/style.css b/public/styles/style.css
index 05bfef8..9276d19 100644
--- a/public/styles/style.css
+++ b/public/styles/style.css
@@ -82,7 +82,7 @@ body.dark-mode .nav img:hover {
 }
 
 body.dark-mode .search {
-  background: linear-gradient(to right, #4a148c, #7b1fa2);
+  background: white;
 }
 
 /* Mode clair */
@@ -92,7 +92,7 @@ body.light-mode {
 }
 
 body.light-mode .header {
-  background-color: #F7F7EB;
+  background-color: #F4F1DE;
 }
 
 body.light-mode .header img {
@@ -104,63 +104,5 @@ body.light-mode .nav img:hover {
 }
 
 body.light-mode .search {
-  background: linear-gradient(180deg, rgba(187,211,249,1) 0%, rgba(199,246,196,1) 100%);
-}
-
-/* Media queries for responsiveness */
-
-/* For tablets and small devices */
-@media (max-width: 768px) {
-  .header {
-    flex-direction: column;
-    text-align: center;
-  }
-
-  .nav, .logo, .user {
-    width: 100%;
-    margin-bottom: 10px;
-  }
-}
-
-/* For mobile phones */
-@media (max-width: 480px) {
-  body {
-    margin-top: 100px;
-  }
-
-  .nav img, .logo img {
-    width: 50px;
-    height: auto;
-  }
-
-  .container {
-    padding: 10px;
-  }
-
-  form {
-    width: 100%;
-  }
-
-  form input {
-    width: 100%;
-    padding: 10px;
-    margin-bottom: 10px;
-  }
-}
-
-/* Banner images should be responsive */
-.header img {
-    max-width: 100%;
-    height: auto;
-}
-
-/* Media queries for different screen sizes */
-@media (max-width: 768px) {
-    .header {
-        flex-direction: column;
-    }
-    .header img {
-        width: 80px;
-        height: auto;
-    }
+  background: black;
 }
diff --git a/public/styles/styleAccueil.css b/public/styles/styleAccueil.css
index cbe8a48..2e4d384 100644
--- a/public/styles/styleAccueil.css
+++ b/public/styles/styleAccueil.css
@@ -18,9 +18,9 @@ h2 {
     margin: 0 auto;
 }
 /* Citation du jour - toujours en pleine largeur */
-.citation-du-jour {
+body.dark-mode .citation-du-jour {
     width: 97.5%; /* Prend toute la largeur */
-    background: linear-gradient(to right, #ff5722, #ff9800); /* Dégradé spécial pour la citation du jour */
+    background: linear-gradient(45deg, #4a148c, #7b1fa2);  
     padding: 0;
     margin-left: 1.25%;
     overflow: hidden;
@@ -28,3 +28,12 @@ h2 {
     height: 150px;
 }
 
+body.light-mode .citation-du-jour {
+    width: 97.5%; 
+    background-image: linear-gradient(-28deg, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%); 
+    padding: 0;
+    margin-left: 1.25%;
+    overflow: hidden;
+    margin-bottom: 20px;
+    height: 150px;
+}
diff --git a/public/styles/styleQuoteLittle.css b/public/styles/styleQuoteLittle.css
index 1d75ed5..9dc26cd 100644
--- a/public/styles/styleQuoteLittle.css
+++ b/public/styles/styleQuoteLittle.css
@@ -77,13 +77,13 @@ a.link-citation {
 
 /* Mode sombre */
 body.dark-mode .quote {
-    background: linear-gradient(to right, #4a148c, #7b1fa2);
+    background: linear-gradient(45deg, #4a148c, #7b1fa2);
     color:white;
 }
 
 /* Mode clair */
 body.light-mode .quote {
-    background: linear-gradient(180deg, rgba(187,211,249,1) 0%, rgba(199,246,196,1) 100%);
+    background-image: linear-gradient(-28deg, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%); 
     color:black; /* Changer le texte en noir pour le mode clair */
 }