fix definitif accueil

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;

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 {

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>

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>