diff --git a/_sass/main.scss b/_sass/main.scss
index 9e571e8..1505a86 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -31,7 +31,15 @@ $primary-invert:#3c3c3c;
 
 @import "../node_modules/bulma/bulma";
 
-#idCard .hero-body {
-    padding-bottom: 2rem;
-    padding-top: 2rem;
+#idCard {
+
+    .hero-body {
+        padding-bottom: 2rem;
+        padding-top: 2rem;
+    }
+
+    // permet de re-aligner les tags avec les subtitles
+    .tags {
+        margin-top: -1.25rem;
+    }
 }
\ No newline at end of file
diff --git a/css/main.css b/css/main.css
index b7a7cf5..6a50ca6 100644
--- a/css/main.css
+++ b/css/main.css
@@ -6949,3 +6949,6 @@ label.panel-block {
 #idCard .hero-body {
   padding-bottom: 2rem;
   padding-top: 2rem; }
+
+#idCard .tags {
+  margin-top: -1.25rem; }
diff --git a/index.html b/index.html
index 7d99a36..bc37b2b 100644
--- a/index.html
+++ b/index.html
@@ -61,9 +61,15 @@
                                 <div class="media-content">
                                     <p class="title is-4">Développeur Web</p>
                                     <p class="subtitle is-6">Harvest - Cournon d'Auvergne</p>
+                                    <div class="tags">
+                                        <span class="tag">Java</span>
+                                        <span class="tag">JQuery</span>
+                                        <span class="tag">Spring</span>
+                                        <span class="tag">Jira</span>
+                                        <span class="tag">Excel</span>
+                                    </div>
                                 </div>
                             </div>
-
                             <div class="content">
                                 Développement de simulateurs bancaires responsives.
                             </div>
@@ -78,6 +84,12 @@
                                 <div class="media-content">
                                     <p class="title is-4">Développeur Internet des Objets</p>
                                     <p class="subtitle is-6">Michelin - Clermont-Ferrand</p>
+                                    <div class="tags">
+                                        <span class="tag">MongoDB</span>
+                                        <span class="tag">Node.JS</span>
+                                        <span class="tag">Word</span>
+                                        <span class="tag">Powerpoint</span>
+                                    </div>
                                 </div>
                             </div>
 
@@ -96,6 +108,12 @@
                                 <div class="media-content">
                                     <p class="title is-4">DUT Informatique - Imagerie Numérique</p>
                                     <p class="subtitle is-6">IUT du Puy en Velay</p>
+                                    <div class="tags">
+                                        <span class="tag">Unity</span>
+                                        <span class="tag">3DSMax</span>
+                                        <span class="tag">Visual Studio</span>
+                                        <span class="tag">Photoshop</span>
+                                    </div>
                                 </div>
                             </div>