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