diff --git a/static/css/style.css b/static/css/style.css
index 565f639..d9cf880 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -136,7 +136,21 @@ h1, h2, h3, h4, h5, h6 {
   padding: 15px;
 }
 
-/* parametres pour catehory */
+.pre-art hr {
+  margin-top: 2em;
+  margin-bottom: 1em;
+}
+
+.tags a {
+  font-size: 12px;
+  background-color: #2c3e50;
+  padding: 0.25em;
+  padding-right: 0.5em;
+  padding-left: 0.5em;
+  margin-right: 1em;
+}
+
+/* parametres pour category */
 h1 {
   color: white;
   text-align: center;
diff --git a/templates/macros.html b/templates/macros.html
index faff043..63c8b3a 100644
--- a/templates/macros.html
+++ b/templates/macros.html
@@ -15,6 +15,14 @@
             {{ art.summary }}
         </div>
         <a href="{{ SITEURL }}/{{ art.url }}" class="continue">Continuer à lire</a>
+        {% if art.tags is not none  %}
+        <hr />
+        <div class="tags">
+            {% for tag in art.tags %}
+            <a href="">{{ tag }}</a>
+            {% endfor %}
+        </div>
+        {% endif %}
     </div>
 {% endfor %}
 {%- endmacro %}