diff --git a/resources/css/blocks/content-heading.css b/resources/css/blocks/content-heading.css
index 40c84e0..6916ca1 100644
--- a/resources/css/blocks/content-heading.css
+++ b/resources/css/blocks/content-heading.css
@@ -9,17 +9,55 @@
     &.has-icon:before {
       @apply bg-secondary-light;
     }
-    &.has-icon--key::before {
+    /* &.has-icon--key::before {
       background-image: url('../resources/img/pictogrammes/icon_key_dark.svg');
     }
     &.has-icon--house::before {
       background-image: url('../resources/img/pictogrammes/icon_house_dark.svg');
     }
+
+    &.has-icon--chain::before {
+      background-image: url('../resources/img/pictogrammes/icon_chain_dark.svg');
+    }
+    &.has-icon--documentation::before {
+      background-image: url('../resources/img/pictogrammes/icon_documentation_dark.svg');
+    } */
+
+    &.has-icon--acoustic::before {
+      background-image: url('../resources/img/pictogrammes/icon_acoustic_dark.svg');
+    }
     &.has-icon--bulb::before {
       background-image: url('../resources/img/pictogrammes/icon_bulb_dark.svg');
     }
     &.has-icon--chain::before {
       background-image: url('../resources/img/pictogrammes/icon_chain_dark.svg');
     }
+    &.has-icon--documentation::before {
+      background-image: url('../resources/img/pictogrammes/icon_documentation_dark.svg');
+    }
+    &.has-icon--euro::before {
+      background-image: url('../resources/img/pictogrammes/icon_euro_dark.svg');
+    }
+    &.has-icon--house::before {
+      background-image: url('../resources/img/pictogrammes/icon_house_dark.svg');
+    }
+    &.has-icon--info::before {
+      background-image: url('../resources/img/pictogrammes/icon_info_dark.svg');
+    }
+    &.has-icon--key::before {
+      background-image: url('../resources/img/pictogrammes/icon_key_dark.svg');
+    }
+    &.has-icon--notification::before {
+      background-image: url('../resources/img/pictogrammes/icon_notification_dark.svg');
+    }
+    &.has-icon--search::before {
+      background-image: url('../resources/img/pictogrammes/icon_search_dark.svg');
+    }
+    &.has-icon--tip::before {
+      background-image: url('../resources/img/pictogrammes/icon_tip_dark.svg');
+    }
+    &.has-icon--warning::before {
+      background-image: url('../resources/img/pictogrammes/icon_warning_dark.svg');
+    }
   }
 }
diff --git a/resources/img/pictogrammes/icon_acoustic_dark.svg b/resources/img/pictogrammes/icon_acoustic_dark.svg
new file mode 100644
index 0000000..2071251
--- /dev/null
+++ b/resources/img/pictogrammes/icon_acoustic_dark.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="acoustique" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 10.62 11">
+  <path stroke="#000" fill="#000" stroke-linecap="round" stroke-linejoin="round" d="M4.75,1.44c-.37.32-.62.66-.79.93h-1.5c-1.09,0-1.97.88-1.97,1.97v2.34c0,1.09.88,1.97,1.97,1.97h1.5c.24.3.59.67,1.07,1.01.7.5,1.38.74,1.83.85V.5c-.42.06-1.31.24-2.12.94Z"/>
+  <path stroke="#000" fill="none" stroke-linecap="round" stroke-linejoin="round" d="M9.04,3.13c.13.12,1.19,1.11,1.06,2.63-.1,1.21-.88,1.95-1.06,2.11"/>
+</svg>
\ No newline at end of file
diff --git a/resources/img/pictogrammes/icon_acoustic_light.svg b/resources/img/pictogrammes/icon_acoustic_light.svg
new file mode 100644
index 0000000..a069f4d
--- /dev/null
+++ b/resources/img/pictogrammes/icon_acoustic_light.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="acoustique" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 10.62 11">
+  <path stroke="white" fill="white" stroke-linecap="round" stroke-linejoin="round" d="M4.75,1.44c-.37.32-.62.66-.79.93h-1.5c-1.09,0-1.97.88-1.97,1.97v2.34c0,1.09.88,1.97,1.97,1.97h1.5c.24.3.59.67,1.07,1.01.7.5,1.38.74,1.83.85V.5c-.42.06-1.31.24-2.12.94Z"/>
+  <path stroke="white" fill="none" stroke-linecap="round" stroke-linejoin="round" d="M9.04,3.13c.13.12,1.19,1.11,1.06,2.63-.1,1.21-.88,1.95-1.06,2.11"/>
+</svg>
\ No newline at end of file
diff --git a/resources/img/pictogrammes/icon_documentation_dark.svg b/resources/img/pictogrammes/icon_documentation_dark.svg
new file mode 100644
index 0000000..9910a09
--- /dev/null
+++ b/resources/img/pictogrammes/icon_documentation_dark.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="documentation" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 7.38 8.98">
+  <g id="Icon_feather-book" data-name="Icon feather-book">
+    <path id="Tracé_20347" data-name="Tracé 20347" stroke="#000" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M.5,7.48c0-.55.45-1,1-1h5.38"/>
+    <path id="Tracé_20348" data-name="Tracé 20348" stroke="#000" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M1.5.5h5.38v7.98H1.5c-.55,0-1-.45-1-1V1.5c0-.55.45-1,1-1Z"/>
+  </g>
+  <line stroke="#000" stroke-linecap="round" stroke-linejoin="round" x1="2.88" y1="2.98" x2="4.82" y2="2.98"/>
+</svg>
\ No newline at end of file
diff --git a/resources/img/pictogrammes/icon_documentation_light.svg b/resources/img/pictogrammes/icon_documentation_light.svg
new file mode 100644
index 0000000..82e5bd4
--- /dev/null
+++ b/resources/img/pictogrammes/icon_documentation_light.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="documentation" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 7.38 8.98">
+  <g id="Icon_feather-book" data-name="Icon feather-book">
+    <path id="Tracé_20347" data-name="Tracé 20347" stroke="white" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M.5,7.48c0-.55.45-1,1-1h5.38"/>
+    <path id="Tracé_20348" data-name="Tracé 20348" stroke="white" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M1.5.5h5.38v7.98H1.5c-.55,0-1-.45-1-1V1.5c0-.55.45-1,1-1Z"/>
+  </g>
+  <line stroke="white" stroke-linecap="round" stroke-linejoin="round" x1="2.88" y1="2.98" x2="4.82" y2="2.98"/>
+</svg>
\ No newline at end of file
diff --git a/resources/img/pictogrammes/icon_euro_dark.svg b/resources/img/pictogrammes/icon_euro_dark.svg
new file mode 100644
index 0000000..8e87eff
--- /dev/null
+++ b/resources/img/pictogrammes/icon_euro_dark.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="euro" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 7.35 7.17">
+  <path stroke="#000" fill="transparent" class="cls-1" d="M6.85,1.54c-.15-.15-1.2-1.18-2.68-1.02-1.46.16-2.85,1.42-2.85,3.07,0,1.73,1.53,2.99,3.02,3.07,1.37.08,2.33-.85,2.51-1.02"/>
+  <line stroke="#000" class="cls-1" x1=".5" y1="2.74" x2="4.34" y2="2.74"/>
+  <line stroke="#000" class="cls-1" x1=".5" y1="4.33" x2="4.34" y2="4.33"/>
+</svg>
\ No newline at end of file
diff --git a/resources/img/pictogrammes/icon_euro_light.svg b/resources/img/pictogrammes/icon_euro_light.svg
new file mode 100644
index 0000000..7b35851
--- /dev/null
+++ b/resources/img/pictogrammes/icon_euro_light.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="euro" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 7.35 7.17">
+  <path stroke="white" fill="transparent" class="cls-1" d="M6.85,1.54c-.15-.15-1.2-1.18-2.68-1.02-1.46.16-2.85,1.42-2.85,3.07,0,1.73,1.53,2.99,3.02,3.07,1.37.08,2.33-.85,2.51-1.02"/>
+  <line stroke="white" class="cls-1" x1=".5" y1="2.74" x2="4.34" y2="2.74"/>
+  <line stroke="white" class="cls-1" x1=".5" y1="4.33" x2="4.34" y2="4.33"/>
+</svg>
\ No newline at end of file
diff --git a/resources/img/pictogrammes/icon_info_dark.svg b/resources/img/pictogrammes/icon_info_dark.svg
new file mode 100644
index 0000000..dd4da28
--- /dev/null
+++ b/resources/img/pictogrammes/icon_info_dark.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="info" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 1 6.18">
+  <line stroke="#000" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" x1=".5" y1="2.41" x2=".5" y2="5.68"/>
+  <line stroke="#000" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" x1=".5" y1=".5" x2=".5" y2=".5"/>
+</svg>
\ No newline at end of file
diff --git a/resources/img/pictogrammes/icon_info_light.svg b/resources/img/pictogrammes/icon_info_light.svg
new file mode 100644
index 0000000..36dd14f
--- /dev/null
+++ b/resources/img/pictogrammes/icon_info_light.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="info" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 1 6.18">
+  <line stroke="white" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" x1=".5" y1="2.41" x2=".5" y2="5.68"/>
+  <line stroke="white" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" x1=".5" y1=".5" x2=".5" y2=".5"/>
+</svg>
\ No newline at end of file
diff --git a/resources/img/pictogrammes/icon_notification_dark.svg b/resources/img/pictogrammes/icon_notification_dark.svg
new file mode 100644
index 0000000..38b56f0
--- /dev/null
+++ b/resources/img/pictogrammes/icon_notification_dark.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="notification" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 8.61 10.45">
+  <path stroke="#000" fill="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" d="M4.31.5v.55c.77.12,1.21.41,1.42.59.83.69.9,1.74.96,2.6.06.88-.11,1,.02,1.56.21.88.86,1.51,1.39,1.92h-3.8s0,0,0,0H.5c.54-.41,1.18-1.04,1.39-1.92.13-.56-.04-.68.02-1.56.06-.86.13-1.92.96-2.6.22-.18.66-.47,1.42-.59v-.55"/>
+  <path stroke="#000" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" d="M3.34,9.29c.15.39.52.65.93.66.43.01.82-.25.98-.66"/>
+</svg>
\ No newline at end of file
diff --git a/resources/img/pictogrammes/icon_notification_light.svg b/resources/img/pictogrammes/icon_notification_light.svg
new file mode 100644
index 0000000..1383207
--- /dev/null
+++ b/resources/img/pictogrammes/icon_notification_light.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="notification" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 8.61 10.45">
+  <path stroke="white" fill="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" d="M4.31.5v.55c.77.12,1.21.41,1.42.59.83.69.9,1.74.96,2.6.06.88-.11,1,.02,1.56.21.88.86,1.51,1.39,1.92h-3.8s0,0,0,0H.5c.54-.41,1.18-1.04,1.39-1.92.13-.56-.04-.68.02-1.56.06-.86.13-1.92.96-2.6.22-.18.66-.47,1.42-.59v-.55"/>
+  <path stroke="white" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" d="M3.34,9.29c.15.39.52.65.93.66.43.01.82-.25.98-.66"/>
+</svg>
\ No newline at end of file
diff --git a/resources/img/pictogrammes/icon_search_dark.svg b/resources/img/pictogrammes/icon_search_dark.svg
new file mode 100644
index 0000000..44e1292
--- /dev/null
+++ b/resources/img/pictogrammes/icon_search_dark.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="recherche" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 8.23 8.2">
+  <circle stroke="#000" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" cx="3.5" cy="3.5" r="3"/>
+  <line stroke="#000" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" x1="5.65" y1="5.61" x2="7.73" y2="7.7"/>
+</svg>
\ No newline at end of file
diff --git a/resources/img/pictogrammes/icon_search_light.svg b/resources/img/pictogrammes/icon_search_light.svg
new file mode 100644
index 0000000..4d6b204
--- /dev/null
+++ b/resources/img/pictogrammes/icon_search_light.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="recherche" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 8.23 8.2">
+  <circle stroke="white" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" cx="3.5" cy="3.5" r="3"/>
+  <line stroke="white" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" x1="5.65" y1="5.61" x2="7.73" y2="7.7"/>
+</svg>
\ No newline at end of file
diff --git a/resources/img/pictogrammes/icon_tip_dark.svg b/resources/img/pictogrammes/icon_tip_dark.svg
new file mode 100644
index 0000000..1cdceff
--- /dev/null
+++ b/resources/img/pictogrammes/icon_tip_dark.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="astuce" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 9.14 9.16">
+  <path stroke="#000" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" d="M8.15,3.68c-.74-.72-1.92-.45-2.03-.42.17-.64.14-1.15.09-1.45-.07-.43-.16-1.05-.61-1.25-.05-.02-.3-.12-.52-.01-.35.18-.31.72-.47,1.3-.11.39-.34.92-.92,1.5-.16.09-.39.23-.62.44v-.21l-2.57-.09v4.37h2.57v-.16c1,.84,2.23.91,2.68.94.77.04,1.34.07,1.88-.3.95-.65.99-1.98,1.01-2.66.02-.78.04-1.49-.48-2Z"/>
+  <line stroke="#000" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" x1="3.07" y1="7.86" x2="3.07" y2="3.79"/>
+</svg>
\ No newline at end of file
diff --git a/resources/img/pictogrammes/icon_tip_light.svg b/resources/img/pictogrammes/icon_tip_light.svg
new file mode 100644
index 0000000..1618999
--- /dev/null
+++ b/resources/img/pictogrammes/icon_tip_light.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="astuce" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 9.14 9.16">
+  <path stroke="white" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" d="M8.15,3.68c-.74-.72-1.92-.45-2.03-.42.17-.64.14-1.15.09-1.45-.07-.43-.16-1.05-.61-1.25-.05-.02-.3-.12-.52-.01-.35.18-.31.72-.47,1.3-.11.39-.34.92-.92,1.5-.16.09-.39.23-.62.44v-.21l-2.57-.09v4.37h2.57v-.16c1,.84,2.23.91,2.68.94.77.04,1.34.07,1.88-.3.95-.65.99-1.98,1.01-2.66.02-.78.04-1.49-.48-2Z"/>
+  <line stroke="white" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" x1="3.07" y1="7.86" x2="3.07" y2="3.79"/>
+</svg>
\ No newline at end of file
diff --git a/resources/img/pictogrammes/icon_warning_dark.svg b/resources/img/pictogrammes/icon_warning_dark.svg
new file mode 100644
index 0000000..ca26fdd
--- /dev/null
+++ b/resources/img/pictogrammes/icon_warning_dark.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="attention" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409"  viewBox="0 0 1.39 7.25">
+  <line stroke="#000" stroke-linecap="round" stroke-linejoin="round" x1=".69" y1="4.33" x2=".7" y2=".5"/>
+  <circle fill="#000" cx=".69" cy="6.56" r=".69"/>
+</svg>
\ No newline at end of file
diff --git a/resources/img/pictogrammes/icon_warning_light.svg b/resources/img/pictogrammes/icon_warning_light.svg
new file mode 100644
index 0000000..5ddf402
--- /dev/null
+++ b/resources/img/pictogrammes/icon_warning_light.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="attention" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409"  viewBox="0 0 1.39 7.25">
+  <line stroke="white" stroke-linecap="round" stroke-linejoin="round" x1=".69" y1="4.33" x2=".7" y2=".5"/>
+  <circle fill="white" cx=".69" cy="6.56" r=".69"/>
+</svg>
\ No newline at end of file