diff --git a/public/styles/styleQuoteLittle.css b/public/styles/styleQuoteLittle.css
index abb308f..32f3c67 100644
--- a/public/styles/styleQuoteLittle.css
+++ b/public/styles/styleQuoteLittle.css
@@ -13,8 +13,8 @@
     border-radius: 12px;
     color: white;
     display: flex;
+    width: 100%;
     align-items: flex-start;
-    width: 49%; /* Chaque citation occupe 45% de la largeur pour laisser 5% d'espace */
     box-sizing: border-box;
     padding: 0;
     height: 150px;
@@ -32,6 +32,7 @@
     justify-content: center;
     height: 150px;
 }
+
 .quote {
     padding: 0;
     overflow: hidden;
diff --git a/vue/accueil.php b/vue/accueil.php
index 96f2d0b..f76183f 100644
--- a/vue/accueil.php
+++ b/vue/accueil.php
@@ -19,23 +19,17 @@ if (!empty($citationDuJour)) {
         'movie' => $citationDuJour['title'],
         'character' => $citationDuJour['caracter'],
         'year' => $citationDuJour['dates'],
-        'imagePath' => $citationDuJour['imgpath']
+        'imagePath' => $citationDuJour['imgpath'],
+        'id' => $citationDuJour['id_quote'],
     ]);
 } else {
     echo "<p class='error'>Aucune citation du jour n'a été trouvée.</p>";
 }
 
 // Affichage des suggestions de citations
-echo "<h2>Suggestions</h2>";
-echo "<div class='suggestions-container'>";
-foreach ($suggestions as $suggestion) {
-    echo $twig->render('suggestion.html.twig', [
-        'quote' => $suggestion['content'],
-        'movie' => $suggestion['title'],
-        'character' => $suggestion['caracter'],
-        'year' => $suggestion['dates'],
-        'imagePath' => $suggestion['imgpath']
+
+echo $twig->render('quote.html.twig', [
+        'quotes' => $suggestions,
+        'titre' => "Suggestions"
     ]);
-}
-echo "</div>";
 ?>
\ No newline at end of file
diff --git a/vue/favorits.php b/vue/favorits.php
index f0c944e..777f424 100644
--- a/vue/favorits.php
+++ b/vue/favorits.php
@@ -9,20 +9,8 @@ echo $twig->render('head.html.twig', [
 
 echo $twig->render('bandeau.html.twig');
 
-if (!empty($favorites)) {
-    echo "<h2>Vos favoris</h2>";
-    echo "<div class='suggestions-container'>";
-    foreach ($favorites as $favorite) {
-        echo $twig->render('suggestion.html.twig', [
-            'quote' => $favorite['content'],
-            'movie' => $favorite['title'],
-            'character' => $favorite['caracter'],
-            'year' => $favorite['dates'],
-            'imagePath' => $favorite['imgpath']
+echo $twig->render('quote.html.twig', [
+            'quotes' => $favorites,
+            'titre' => "Favoris"
         ]);
-    }
-    echo "</div>";
-} else {
-    echo "<p>Vous n'avez pas encore de favorits</p>";
-}
 ?>
diff --git a/vue/templates/citation_du_jour.html.twig b/vue/templates/citation_du_jour.html.twig
index 940d013..d0185ee 100644
--- a/vue/templates/citation_du_jour.html.twig
+++ b/vue/templates/citation_du_jour.html.twig
@@ -1,6 +1,7 @@
 <h2>Citation du jour</h2>
+<a href="{{ racine }}/quote/{{ id }}" class="link-citation"">
 <div class="citation-container citation-du-jour">
-    <img src="{{ imagePath }}" alt="{{ movie }}" class="citation-image">
+    <img src="{{ imagePath }}" alt="{{ movie }}" class="citation-image"/>
     <div class="text-content">
         <p class="quote">"{{ quote }}"</p>
         <p class="movie">- {{ movie }}</p>
@@ -8,3 +9,4 @@
         <p class="year">Année : {{ year }}</p>
     </div>
 </div>
+</a>
\ No newline at end of file
diff --git a/vue/templates/quoteLittle.html.twig b/vue/templates/quoteLittle.html.twig
index 3f60e60..226b7ed 100644
--- a/vue/templates/quoteLittle.html.twig
+++ b/vue/templates/quoteLittle.html.twig
@@ -1,9 +1,20 @@
-<div class='citation-container quote'>
-    <img src="{{ srcImg }}" alt='{{ sourceName }}' class='citation-image'>
-    <div class='text-content'>
-        <p class='quoteContent'>{{ quoteContent }}</p>
-        <p class='movie'>- {{ sourceName }}</p>
-        <p class='character'>Personnage : {{ nameCarac }}</p>
-        <p class='year'>Année : {{ dateSortie }}</p>
-    </div>
-</div>
\ No newline at end of file
+<h2>{{ titre }}</h2>
+{% if quotes|length > 0 %}
+<div class='suggestions-container'>
+    {% for quote in quotes %}
+        <a href="{{ racine }}/quote/{{ quote.id_quote }}" class="link-citation">
+        <div class="citation-container suggestion">
+                <img src="{{ quote.imgpath }}" alt="{{ quote.caracter }}" class="citation-image">
+                <div class="text-content">
+                    <p class="quote">"{{ quote.content }}"</p>
+                    <p class="movie">- {{ quote.title }}</p>
+                    <p class="character">Personnage : {{ quote.caracter }}</p>
+                    <p class="year">Année : {{ quote.dates }}</p>
+                </div>
+            </div>
+        </a>
+    {% endfor %}
+</div>
+{% else %}
+<p>Aucune {{ titre }} n'a été trouvée.</p>
+{% endif %}
\ No newline at end of file