diff --git a/public/styles/styleAccueil.css b/public/styles/styleAccueil.css
index c9af717..cbe8a48 100644
--- a/public/styles/styleAccueil.css
+++ b/public/styles/styleAccueil.css
@@ -19,9 +19,10 @@ h2 {
 }
 /* Citation du jour - toujours en pleine largeur */
 .citation-du-jour {
-    width: 90%; /* Prend toute la largeur */
+    width: 97.5%; /* Prend toute la largeur */
     background: linear-gradient(to right, #ff5722, #ff9800); /* Dégradé spécial pour la citation du jour */
     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 9703a26..e86d857 100644
--- a/public/styles/styleQuoteLittle.css
+++ b/public/styles/styleQuoteLittle.css
@@ -72,7 +72,7 @@ a.link-citation {
 
 
 
-.movie, .character, .year {
+.citation .movie, .character, .year {
     margin-bottom: 5px;
 }
 
@@ -88,7 +88,7 @@ body.light-mode .quote {
     color:black; /* Changer le texte en noir pour le mode clair */
 }
 
-body.light-mode .quote, 
+body.light-mode .citation, 
 body.light-mode .movie, 
 body.light-mode .character, 
 body.light-mode .year {
diff --git a/vue/templates/citation_du_jour.html.twig b/vue/templates/citation_du_jour.html.twig
index d0185ee..21ae17b 100644
--- a/vue/templates/citation_du_jour.html.twig
+++ b/vue/templates/citation_du_jour.html.twig
@@ -3,7 +3,7 @@
 <div class="citation-container citation-du-jour">
     <img src="{{ imagePath }}" alt="{{ movie }}" class="citation-image"/>
     <div class="text-content">
-        <p class="quote">"{{ quote }}"</p>
+        <p class="citation">"{{ quote }}"</p>
         <p class="movie">- {{ movie }}</p>
         <p class="character">Personnage : {{ character }}</p>
         <p class="year">Année : {{ year }}</p>
diff --git a/vue/templates/quoteLittle.html.twig b/vue/templates/quoteLittle.html.twig
index 226b7ed..bc9f397 100644
--- a/vue/templates/quoteLittle.html.twig
+++ b/vue/templates/quoteLittle.html.twig
@@ -3,10 +3,10 @@
 <div class='suggestions-container'>
     {% for quote in quotes %}
         <a href="{{ racine }}/quote/{{ quote.id_quote }}" class="link-citation">
-        <div class="citation-container suggestion">
+        <div class="citation-container quote">
                 <img src="{{ quote.imgpath }}" alt="{{ quote.caracter }}" class="citation-image">
                 <div class="text-content">
-                    <p class="quote">"{{ quote.content }}"</p>
+                    <p class="citation">"{{ quote.content }}"</p>
                     <p class="movie">- {{ quote.title }}</p>
                     <p class="character">Personnage : {{ quote.caracter }}</p>
                     <p class="year">Année : {{ quote.dates }}</p>