From c033829ca1fb25eda27668fbe66e71f867ed2a5e Mon Sep 17 00:00:00 2001
From: mfaurel <12185901+mfaurel@users.noreply.github.com>
Date: Wed, 23 Apr 2025 13:11:21 +0000
Subject: [PATCH] [create-pull-request] automated change

---
 site/svg-icons/sprite.symbol.html             |   2 +-
 styleguide/sg-bloc-banner.html                |  12 ++---
 styleguide/sg-bloc-carte-interactive.html     |   4 +-
 styleguide/sg-bloc-chiffres-cles.html         |   4 +-
 styleguide/sg-bloc-citation.html              |   4 +-
 styleguide/sg-bloc-colonnes.html              |  20 ++++----
 styleguide/sg-bloc-contact.html               |   4 +-
 styleguide/sg-bloc-contacts.html              |   4 +-
 styleguide/sg-bloc-diaporama.html             |   4 +-
 styleguide/sg-bloc-fil-twitter.html           |   4 +-
 styleguide/sg-bloc-fonctions-ans.html         |   4 +-
 styleguide/sg-bloc-frise-chronologique.html   |   4 +-
 styleguide/sg-bloc-liste-fichiers.html        |   8 +--
 styleguide/sg-bloc-mise-en-avant-1.html       |  36 ++++++-------
 styleguide/sg-bloc-mise-en-avant-2.html       |  12 ++---
 styleguide/sg-bloc-mise-en-avant-3.html       |   8 +--
 styleguide/sg-bloc-organisation.html          |   4 +-
 styleguide/sg-bloc-parcours.html              |   8 +--
 styleguide/sg-bloc-remontees-diverses.html    |   4 +-
 styleguide/sg-bloc-remontees-faq.html         |   4 +-
 styleguide/sg-bloc-remontees-multiple.html    |   4 +-
 styleguide/sg-bloc-remontees-projets.html     |   4 +-
 styleguide/sg-bloc-remontees-services.html    |   8 +--
 styleguide/sg-bloc-texte-plus-2-items.html    |   4 +-
 ...sg-bloc-texte-plus-texte-mis-en-avant.html |   4 +-
 styleguide/sg-c-accordeon.html                |   4 +-
 styleguide/sg-c-breadcrumb.html               |   4 +-
 styleguide/sg-c-buttons.html                  |  28 +++++-----
 styleguide/sg-c-footer.html                   |   4 +-
 styleguide/sg-c-form-button-add.html          |   4 +-
 styleguide/sg-c-form-check.html               |  28 +++++-----
 styleguide/sg-c-form-group-champs.html        |  16 +++---
 styleguide/sg-c-form-input.html               |  32 ++++++------
 styleguide/sg-c-form-recap.html               |   4 +-
 styleguide/sg-c-form-search.html              |   4 +-
 styleguide/sg-c-form-select.html              |  20 ++++----
 styleguide/sg-c-form-textarea.html            |  20 ++++----
 styleguide/sg-c-header.html                   |  16 +++---
 styleguide/sg-c-links.html                    |  12 ++---
 styleguide/sg-c-lists.html                    |   8 +--
 styleguide/sg-c-menu-slide-bar.html           |   4 +-
 styleguide/sg-c-messages-cta.html             |  16 +++---
 styleguide/sg-c-messages.html                 |  16 +++---
 styleguide/sg-c-modal.html                    |   4 +-
 styleguide/sg-c-pagination.html               |   4 +-
 styleguide/sg-c-progress-bar.html             |   4 +-
 styleguide/sg-c-skiplinks.html                |   4 +-
 styleguide/sg-c-stepper.html                  |   4 +-
 styleguide/sg-c-table.html                    |   4 +-
 styleguide/sg-c-tabs.html                     |   8 +--
 styleguide/sg-c-tooltip.html                  |  12 ++---
 styleguide/sg-c-widget-access.html            |   4 +-
 styleguide/sg-charte-2.html                   |  32 ++++++------
 styleguide/sg-grid.html                       |   4 +-
 styleguide/sg-typography.html                 |  40 +++++++--------
 styleguide/sg-utilities.html                  |  48 +++++++++---------
 styleguide/svg-icons/sprite.symbol.html       |   2 +-
 styleguide/zip/logotype.zip                   | Bin 881354 -> 881354 bytes
 styleguide/zip/pictogrammes-fonctionnels.zip  | Bin 33931 -> 33931 bytes
 styleguide/zip/pictogrammes-illustratifs.zip  | Bin 409227 -> 409227 bytes
 styleguide/zip/starterkit.zip                 | Bin 591678 -> 591678 bytes
 styleguide/zip/tarteaucitron-ds-ans.css.zip   | Bin 3961 -> 3961 bytes
 62 files changed, 296 insertions(+), 296 deletions(-)

diff --git a/site/svg-icons/sprite.symbol.html b/site/svg-icons/sprite.symbol.html
index db39496..0f3f205 100644
--- a/site/svg-icons/sprite.symbol.html
+++ b/site/svg-icons/sprite.symbol.html
@@ -1971,7 +1971,7 @@ <h2>youtube</h2>
 
 		</section>
 		<footer>
-			<p>Generated at Wed, 23 Apr 2025 13:08:30 GMT by <a href="https://github.com/jkphl/svg-sprite" target="_blank">svg-sprite</a>.</p>
+			<p>Generated at Wed, 23 Apr 2025 13:11:13 GMT by <a href="https://github.com/jkphl/svg-sprite" target="_blank">svg-sprite</a>.</p>
 		</footer>
 	</body>
 </html>
diff --git a/styleguide/sg-bloc-banner.html b/styleguide/sg-bloc-banner.html
index c898697..3a53377 100644
--- a/styleguide/sg-bloc-banner.html
+++ b/styleguide/sg-bloc-banner.html
@@ -620,11 +620,11 @@ <h2>Bannière - page d'accueil</h2>
     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_763259537" aria-expanded="false" aria-controls="collapse_763259537">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_786003271" aria-expanded="false" aria-controls="collapse_786003271">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_763259537">
+        <div class="collapse o-sg-prism__collapse" id="collapse_786003271">
             
 <script type="text/plain" class="language-html">                    <!-- SVG pour les formes/pétales. A ajouter seulement une fois dans la page -->
 <svg class="d-block" aria-hidden="true" focusable="false" height="0" width="0">
@@ -757,11 +757,11 @@ <h1>Bannière sans image</h1>
     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_756570333" aria-expanded="false" aria-controls="collapse_756570333">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1471936242" aria-expanded="false" aria-controls="collapse_1471936242">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_756570333">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1471936242">
             
 <script type="text/plain" class="language-html">                    
 
@@ -891,11 +891,11 @@ <h1>Bannière avec image</h1>
     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_667737167" aria-expanded="false" aria-controls="collapse_667737167">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_628052664" aria-expanded="false" aria-controls="collapse_628052664">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_667737167">
+        <div class="collapse o-sg-prism__collapse" id="collapse_628052664">
             
 <script type="text/plain" class="language-html">                    
 <!-- SVG pour les formes/pétales. A ajouter seulement une fois dans la page -->
diff --git a/styleguide/sg-bloc-carte-interactive.html b/styleguide/sg-bloc-carte-interactive.html
index f3683d8..12f578c 100644
--- a/styleguide/sg-bloc-carte-interactive.html
+++ b/styleguide/sg-bloc-carte-interactive.html
@@ -585,11 +585,11 @@ <h2 class="h4" id="region-title"></h2>
 
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1560952678" aria-expanded="false" aria-controls="collapse_1560952678">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_814762336" aria-expanded="false" aria-controls="collapse_814762336">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1560952678">
+        <div class="collapse o-sg-prism__collapse" id="collapse_814762336">
             
 <script type="text/plain" class="language-html">                    <div class="container paragraph-space">
     <div class="row">
diff --git a/styleguide/sg-bloc-chiffres-cles.html b/styleguide/sg-bloc-chiffres-cles.html
index e43948f..889a098 100644
--- a/styleguide/sg-bloc-chiffres-cles.html
+++ b/styleguide/sg-bloc-chiffres-cles.html
@@ -620,11 +620,11 @@ <h2>Chiffres clés</h2>            </div>
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_427915069" aria-expanded="false" aria-controls="collapse_427915069">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_902047910" aria-expanded="false" aria-controls="collapse_902047910">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_427915069">
+        <div class="collapse o-sg-prism__collapse" id="collapse_902047910">
             
 <script type="text/plain" class="language-html">                    <div class="paragraph-space o-paragraph--key-figures">
     <div class="container">
diff --git a/styleguide/sg-bloc-citation.html b/styleguide/sg-bloc-citation.html
index a3f0766..16c060a 100644
--- a/styleguide/sg-bloc-citation.html
+++ b/styleguide/sg-bloc-citation.html
@@ -682,11 +682,11 @@ <h1>Citation</h1>
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_180889244" aria-expanded="false" aria-controls="collapse_180889244">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1596386740" aria-expanded="false" aria-controls="collapse_1596386740">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_180889244">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1596386740">
             
 <script type="text/plain" class="language-html">                    <!-- SVG pour les formes/pétales. A ajouter seulement une fois dans la page -->
 <svg class="d-block" aria-hidden="true" focusable="false" height="0" width="0">
diff --git a/styleguide/sg-bloc-colonnes.html b/styleguide/sg-bloc-colonnes.html
index 45c887f..753bda7 100644
--- a/styleguide/sg-bloc-colonnes.html
+++ b/styleguide/sg-bloc-colonnes.html
@@ -612,11 +612,11 @@ <h3 class="m-card__title h4">Ségur du numérique en santé</h3>
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_325180160" aria-expanded="false" aria-controls="collapse_325180160">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_658135707" aria-expanded="false" aria-controls="collapse_658135707">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_325180160">
+        <div class="collapse o-sg-prism__collapse" id="collapse_658135707">
             
 <script type="text/plain" class="language-html">                    <div class="paragraph-space o-paragraph--columns">
     <div class="container">
@@ -715,11 +715,11 @@ <h3 class="m-card__title h4">Ségur du numérique en santé</h3>
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1351538322" aria-expanded="false" aria-controls="collapse_1351538322">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1127583350" aria-expanded="false" aria-controls="collapse_1127583350">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1351538322">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1127583350">
             
 <script type="text/plain" class="language-html">                    <div class="paragraph-space o-paragraph--columns bg-gray-100 bg-drop">
     <div class="container">
@@ -851,11 +851,11 @@ <h3 class="m-card__title h4">Ségur du numérique en santé</h3>
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1272376848" aria-expanded="false" aria-controls="collapse_1272376848">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_2100209202" aria-expanded="false" aria-controls="collapse_2100209202">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1272376848">
+        <div class="collapse o-sg-prism__collapse" id="collapse_2100209202">
             
 <script type="text/plain" class="language-html">                    <div class="paragraph-space o-paragraph--columns">
     <div class="container">
@@ -1021,11 +1021,11 @@ <h3 class="m-card__title h4">Ségur du numérique en santé</h3>
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_568033909" aria-expanded="false" aria-controls="collapse_568033909">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1699165110" aria-expanded="false" aria-controls="collapse_1699165110">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_568033909">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1699165110">
             
 <script type="text/plain" class="language-html">                    <div class="paragraph-space o-paragraph--columns">
     <div class="container">
@@ -1239,11 +1239,11 @@ <h3 class="m-card__title h4">Ségur du numérique en santé</h3>
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_425453286" aria-expanded="false" aria-controls="collapse_425453286">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1328574894" aria-expanded="false" aria-controls="collapse_1328574894">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_425453286">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1328574894">
             
 <script type="text/plain" class="language-html">                    <div class="paragraph-space o-paragraph--columns bg-gray-100">
     <div class="container">
diff --git a/styleguide/sg-bloc-contact.html b/styleguide/sg-bloc-contact.html
index 9f2de91..ef6d0c8 100644
--- a/styleguide/sg-bloc-contact.html
+++ b/styleguide/sg-bloc-contact.html
@@ -559,11 +559,11 @@ <h2>Contactez-nous</h2>                <div class="wysiwyg mb-3"><p>Pour toutes
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1718720957" aria-expanded="false" aria-controls="collapse_1718720957">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1459067385" aria-expanded="false" aria-controls="collapse_1459067385">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1718720957">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1459067385">
             
 <script type="text/plain" class="language-html">                    <div class="container paragraph-space">
     <div class="o-paragraph--contact bg-white rounded-lg top-right-radius-0 shadow-lg">
diff --git a/styleguide/sg-bloc-contacts.html b/styleguide/sg-bloc-contacts.html
index 35efaa1..e926e17 100644
--- a/styleguide/sg-bloc-contacts.html
+++ b/styleguide/sg-bloc-contacts.html
@@ -724,11 +724,11 @@ <h3 class="h4 mt-1 mb-0">Prénom Nom</h3>            <p class="mt-0 mb-0">Foncti
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_63666425" aria-expanded="false" aria-controls="collapse_63666425">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_239778095" aria-expanded="false" aria-controls="collapse_239778095">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_63666425">
+        <div class="collapse o-sg-prism__collapse" id="collapse_239778095">
             
 <script type="text/plain" class="language-html">                    <div class="container paragraph-space">
     <div class="paragraph__header row justify-content-center">
diff --git a/styleguide/sg-bloc-diaporama.html b/styleguide/sg-bloc-diaporama.html
index 3cc6c5b..661479b 100644
--- a/styleguide/sg-bloc-diaporama.html
+++ b/styleguide/sg-bloc-diaporama.html
@@ -590,11 +590,11 @@ <h1>Diaporama</h1>
     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_849765294" aria-expanded="false" aria-controls="collapse_849765294">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1308076586" aria-expanded="false" aria-controls="collapse_1308076586">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_849765294">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1308076586">
             
 <script type="text/plain" class="language-html">                        <div class="paragraph-space o-paragraph--diaporama container--small">
         <div class="container">
diff --git a/styleguide/sg-bloc-fil-twitter.html b/styleguide/sg-bloc-fil-twitter.html
index 4b03207..09b866d 100644
--- a/styleguide/sg-bloc-fil-twitter.html
+++ b/styleguide/sg-bloc-fil-twitter.html
@@ -611,11 +611,11 @@ <h2>Fil X</h2>
     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1272020213" aria-expanded="false" aria-controls="collapse_1272020213">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_535834296" aria-expanded="false" aria-controls="collapse_535834296">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1272020213">
+        <div class="collapse o-sg-prism__collapse" id="collapse_535834296">
             
 <script type="text/plain" class="language-html">                        <div class="paragraph-space bg-gray-100 bg-drop bg-drop--reverse">
         <div class="container">
diff --git a/styleguide/sg-bloc-fonctions-ans.html b/styleguide/sg-bloc-fonctions-ans.html
index 05a3198..6c2eb8c 100644
--- a/styleguide/sg-bloc-fonctions-ans.html
+++ b/styleguide/sg-bloc-fonctions-ans.html
@@ -567,11 +567,11 @@ <h2>Promoteur, Valorisateur</h2>                        <p>Lorem ipsum dolor sit
     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_471965642" aria-expanded="false" aria-controls="collapse_471965642">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1587517209" aria-expanded="false" aria-controls="collapse_1587517209">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_471965642">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1587517209">
             
 <script type="text/plain" class="language-html">                    <div class="paragraph-space o-paragraph--fonctions-ans text-white bg-black">
     <div class="container">
diff --git a/styleguide/sg-bloc-frise-chronologique.html b/styleguide/sg-bloc-frise-chronologique.html
index 3414897..df4a0b2 100644
--- a/styleguide/sg-bloc-frise-chronologique.html
+++ b/styleguide/sg-bloc-frise-chronologique.html
@@ -568,11 +568,11 @@ <h2>Frise chronologique</h2>
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1277659191" aria-expanded="false" aria-controls="collapse_1277659191">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_2009812333" aria-expanded="false" aria-controls="collapse_2009812333">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1277659191">
+        <div class="collapse o-sg-prism__collapse" id="collapse_2009812333">
             
 <script type="text/plain" class="language-html">                    <div class="paragraph-space o-paragraph--timeline">
     <div class="container">
diff --git a/styleguide/sg-bloc-liste-fichiers.html b/styleguide/sg-bloc-liste-fichiers.html
index fead0d6..9e976e5 100644
--- a/styleguide/sg-bloc-liste-fichiers.html
+++ b/styleguide/sg-bloc-liste-fichiers.html
@@ -560,11 +560,11 @@ <h2>Liste de fichiers (< 3 éléments)</h2>            <p>Lorem ipsum dolor sit
     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1619306849" aria-expanded="false" aria-controls="collapse_1619306849">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_305478006" aria-expanded="false" aria-controls="collapse_305478006">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1619306849">
+        <div class="collapse o-sg-prism__collapse" id="collapse_305478006">
             
 <script type="text/plain" class="language-html">                    <div class="container paragraph-space">
     <div class="paragraph__header row justify-content-center">
@@ -629,11 +629,11 @@ <h2>Liste de fichiers (> 3 éléments)</h2>            <p>Lorem ipsum dolor sit
     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1788425100" aria-expanded="false" aria-controls="collapse_1788425100">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1792866846" aria-expanded="false" aria-controls="collapse_1792866846">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1788425100">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1792866846">
             
 <script type="text/plain" class="language-html">                    <div class="container paragraph-space">
     <div class="paragraph__header row justify-content-center">
diff --git a/styleguide/sg-bloc-mise-en-avant-1.html b/styleguide/sg-bloc-mise-en-avant-1.html
index d7d9223..a8b8136 100644
--- a/styleguide/sg-bloc-mise-en-avant-1.html
+++ b/styleguide/sg-bloc-mise-en-avant-1.html
@@ -585,11 +585,11 @@ <h2>Mise en avant 1 - Image à gauche</h2>                                    <d
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1660876241" aria-expanded="false" aria-controls="collapse_1660876241">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_638094013" aria-expanded="false" aria-controls="collapse_638094013">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1660876241">
+        <div class="collapse o-sg-prism__collapse" id="collapse_638094013">
             
 <script type="text/plain" class="language-html">                    <!-- SVG pour les formes/pétales. A ajouter seulement une fois dans la page -->
 <svg class="d-block" aria-hidden="true" focusable="false" height="0" width="0">
@@ -685,11 +685,11 @@ <h3 class="title--icon justify-content-center"><svg class="svg-icon svg-circle-i
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1851477964" aria-expanded="false" aria-controls="collapse_1851477964">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_544472793" aria-expanded="false" aria-controls="collapse_544472793">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1851477964">
+        <div class="collapse o-sg-prism__collapse" id="collapse_544472793">
             
 <script type="text/plain" class="language-html">                    <!-- SVG pour les formes/pétales. A ajouter seulement une fois dans la page -->
 <svg class="d-block" aria-hidden="true" focusable="false" height="0" width="0">
@@ -790,11 +790,11 @@ <h2>Mise en avant 1 - Image à gauche + Option Goutte</h2>
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_232449794" aria-expanded="false" aria-controls="collapse_232449794">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_923910498" aria-expanded="false" aria-controls="collapse_923910498">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_232449794">
+        <div class="collapse o-sg-prism__collapse" id="collapse_923910498">
             
 <script type="text/plain" class="language-html">                    <!-- SVG pour les formes/pétales. A ajouter seulement une fois dans la page -->
 <svg class="d-block" aria-hidden="true" focusable="false" height="0" width="0">
@@ -886,11 +886,11 @@ <h2>Mise en avant 1 - Image à droite + Option Goutte</h2>
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1154256974" aria-expanded="false" aria-controls="collapse_1154256974">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_2133570512" aria-expanded="false" aria-controls="collapse_2133570512">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1154256974">
+        <div class="collapse o-sg-prism__collapse" id="collapse_2133570512">
             
 <script type="text/plain" class="language-html">                    <!-- SVG pour les formes/pétales. A ajouter seulement une fois dans la page -->
 <svg class="d-block" aria-hidden="true" focusable="false" height="0" width="0">
@@ -991,11 +991,11 @@ <h2>Mise en avant 1 - Vidéo à droite</h2>                                    <
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1675273813" aria-expanded="false" aria-controls="collapse_1675273813">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1267604743" aria-expanded="false" aria-controls="collapse_1267604743">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1675273813">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1267604743">
             
 <script type="text/plain" class="language-html">                    <!-- SVG pour les formes/pétales. A ajouter seulement une fois dans la page -->
 <svg class="d-block" aria-hidden="true" focusable="false" height="0" width="0">
@@ -1097,11 +1097,11 @@ <h2>Mise en avant 1 - Vidéo à gauche</h2>                                    <
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_2062479291" aria-expanded="false" aria-controls="collapse_2062479291">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1735696039" aria-expanded="false" aria-controls="collapse_1735696039">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_2062479291">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1735696039">
             
 <script type="text/plain" class="language-html">                    <!-- SVG pour les formes/pétales. A ajouter seulement une fois dans la page -->
 <svg class="d-block" aria-hidden="true" focusable="false" height="0" width="0">
@@ -1281,11 +1281,11 @@ <h2>Mise en avant 1 - Vidéo à droite</h2>                                    <
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1369775505" aria-expanded="false" aria-controls="collapse_1369775505">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1826182784" aria-expanded="false" aria-controls="collapse_1826182784">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1369775505">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1826182784">
             
 <script type="text/plain" class="language-html">                    <!-- SVG pour les formes/pétales. A ajouter seulement une fois dans la page -->
 <svg class="d-block" aria-hidden="true" focusable="false" height="0" width="0">
@@ -1437,11 +1437,11 @@ <h2>Mise en avant 1 - Fond gris</h2>                                    <div cla
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_850006067" aria-expanded="false" aria-controls="collapse_850006067">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1780487363" aria-expanded="false" aria-controls="collapse_1780487363">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_850006067">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1780487363">
             
 <script type="text/plain" class="language-html">                    <!-- SVG pour les formes/pétales. A ajouter seulement une fois dans la page -->
 <svg class="d-block" aria-hidden="true" focusable="false" height="0" width="0">
@@ -1558,11 +1558,11 @@ <h2>Mise en avant 1 - Fond gris - Image à  droite</h2>
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1741486857" aria-expanded="false" aria-controls="collapse_1741486857">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1081929869" aria-expanded="false" aria-controls="collapse_1081929869">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1741486857">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1081929869">
             
 <script type="text/plain" class="language-html">                    <!-- SVG pour les formes/pétales. A ajouter seulement une fois dans la page -->
 <svg class="d-block" aria-hidden="true" focusable="false" height="0" width="0">
diff --git a/styleguide/sg-bloc-mise-en-avant-2.html b/styleguide/sg-bloc-mise-en-avant-2.html
index d07bcfe..aba2251 100644
--- a/styleguide/sg-bloc-mise-en-avant-2.html
+++ b/styleguide/sg-bloc-mise-en-avant-2.html
@@ -551,11 +551,11 @@ <h2>Mise en avant 2 - Sans image</h2>            <div class="wysiwyg mb-3"><p>Le
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1930136140" aria-expanded="false" aria-controls="collapse_1930136140">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1425398781" aria-expanded="false" aria-controls="collapse_1425398781">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1930136140">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1425398781">
             
 <script type="text/plain" class="language-html">                    
 <div class="container paragraph-space">
@@ -606,11 +606,11 @@ <h2>Mise en avant 2 - Image à droite</h2>            <div class="wysiwyg mb-3">
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_393775111" aria-expanded="false" aria-controls="collapse_393775111">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_395380998" aria-expanded="false" aria-controls="collapse_395380998">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_393775111">
+        <div class="collapse o-sg-prism__collapse" id="collapse_395380998">
             
 <script type="text/plain" class="language-html">                    <!-- SVG pour les formes/pétales. A ajouter seulement une fois dans la page -->
 <svg class="d-block" aria-hidden="true" focusable="false" height="0" width="0">
@@ -678,11 +678,11 @@ <h2>Mise en avant 2 - Image à gauche</h2>            <div class="wysiwyg mb-3">
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1395663982" aria-expanded="false" aria-controls="collapse_1395663982">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1073013753" aria-expanded="false" aria-controls="collapse_1073013753">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1395663982">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1073013753">
             
 <script type="text/plain" class="language-html">                    <!-- SVG pour les formes/pétales. A ajouter seulement une fois dans la page -->
 <svg class="d-block" aria-hidden="true" focusable="false" height="0" width="0">
diff --git a/styleguide/sg-bloc-mise-en-avant-3.html b/styleguide/sg-bloc-mise-en-avant-3.html
index 587c212..db32f3b 100644
--- a/styleguide/sg-bloc-mise-en-avant-3.html
+++ b/styleguide/sg-bloc-mise-en-avant-3.html
@@ -557,11 +557,11 @@ <h2>Mise en avant 3 - Texte à gauche</h2>                        <div class="pa
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_307796908" aria-expanded="false" aria-controls="collapse_307796908">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_2109098667" aria-expanded="false" aria-controls="collapse_2109098667">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_307796908">
+        <div class="collapse o-sg-prism__collapse" id="collapse_2109098667">
             
 <script type="text/plain" class="language-html">                    <div class="container paragraph-space">
     <div class="o-paragraph--image-texte-cta-3 bg-white rounded-md top-left-radius-0 position--left">
@@ -607,11 +607,11 @@ <h2>Mise en avant 3 - Texte à droite</h2>            <div class="wysiwyg mb-3">
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_2071794036" aria-expanded="false" aria-controls="collapse_2071794036">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_625442510" aria-expanded="false" aria-controls="collapse_625442510">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_2071794036">
+        <div class="collapse o-sg-prism__collapse" id="collapse_625442510">
             
 <script type="text/plain" class="language-html">                    <div class="container paragraph-space">
     <div class="o-paragraph--image-texte-cta-3 bg-white rounded-md top-left-radius-0 position--right">
diff --git a/styleguide/sg-bloc-organisation.html b/styleguide/sg-bloc-organisation.html
index ab0f492..a7e5d11 100644
--- a/styleguide/sg-bloc-organisation.html
+++ b/styleguide/sg-bloc-organisation.html
@@ -1071,11 +1071,11 @@ <h2>La Direction Expertise, Innovation et International</h2>
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_747287179" aria-expanded="false" aria-controls="collapse_747287179">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1435185178" aria-expanded="false" aria-controls="collapse_1435185178">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_747287179">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1435185178">
             
 <script type="text/plain" class="language-html">                    <!-- SVG pour les formes/pétales. A ajouter seulement une fois dans la page -->
 <svg class="d-block" aria-hidden="true" focusable="false" height="0" width="0">
diff --git a/styleguide/sg-bloc-parcours.html b/styleguide/sg-bloc-parcours.html
index 9cc1759..81fe976 100644
--- a/styleguide/sg-bloc-parcours.html
+++ b/styleguide/sg-bloc-parcours.html
@@ -567,11 +567,11 @@ <h2>Parcours</h2>                                                            <di
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1719574371" aria-expanded="false" aria-controls="collapse_1719574371">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_6580193" aria-expanded="false" aria-controls="collapse_6580193">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1719574371">
+        <div class="collapse o-sg-prism__collapse" id="collapse_6580193">
             
 <script type="text/plain" class="language-html">                    <div class="container paragraph-space o-paragraph--parcours__wrapper">
     <div class="o-paragraph--parcours has-number">
@@ -624,11 +624,11 @@ <h2>Parcours - sans chiffre</h2>
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1514013217" aria-expanded="false" aria-controls="collapse_1514013217">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_163556280" aria-expanded="false" aria-controls="collapse_163556280">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1514013217">
+        <div class="collapse o-sg-prism__collapse" id="collapse_163556280">
             
 <script type="text/plain" class="language-html">                    <div class="container paragraph-space o-paragraph--parcours__wrapper">
     <div class="o-paragraph--parcours">
diff --git a/styleguide/sg-bloc-remontees-diverses.html b/styleguide/sg-bloc-remontees-diverses.html
index 220ca99..08e1974 100644
--- a/styleguide/sg-bloc-remontees-diverses.html
+++ b/styleguide/sg-bloc-remontees-diverses.html
@@ -663,11 +663,11 @@ <h2>Remontées diverses</h2>                <p>Lorem ipsum dolor sit amet, conse
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1310508004" aria-expanded="false" aria-controls="collapse_1310508004">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1593915309" aria-expanded="false" aria-controls="collapse_1593915309">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1310508004">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1593915309">
             
 <script type="text/plain" class="language-html">                    <div class="paragraph-space o-paragraph--mixed-push">
     <div class="container">
diff --git a/styleguide/sg-bloc-remontees-faq.html b/styleguide/sg-bloc-remontees-faq.html
index 067ee95..7b6bd9d 100644
--- a/styleguide/sg-bloc-remontees-faq.html
+++ b/styleguide/sg-bloc-remontees-faq.html
@@ -591,11 +591,11 @@ <h3 class="js-accordion__header">Accordion 03<svg class="svg-icon svg-angle-down
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_757016690" aria-expanded="false" aria-controls="collapse_757016690">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1692594020" aria-expanded="false" aria-controls="collapse_1692594020">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_757016690">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1692594020">
             
 <script type="text/plain" class="language-html">                    <div class="paragraph-space o-paragraph--faq-push">
     <div class="container">
diff --git a/styleguide/sg-bloc-remontees-multiple.html b/styleguide/sg-bloc-remontees-multiple.html
index bd354df..8e1592b 100644
--- a/styleguide/sg-bloc-remontees-multiple.html
+++ b/styleguide/sg-bloc-remontees-multiple.html
@@ -604,11 +604,11 @@ <h3 class="m-teaser__title h4 mb-0">Le Référentiel MSSanté Editeurs de Client
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1971485485" aria-expanded="false" aria-controls="collapse_1971485485">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1993553818" aria-expanded="false" aria-controls="collapse_1993553818">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1971485485">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1993553818">
             
 <script type="text/plain" class="language-html">                    <div class="paragraph-space o-paragraph--multi-push">
     <div class="container">
diff --git a/styleguide/sg-bloc-remontees-projets.html b/styleguide/sg-bloc-remontees-projets.html
index 22ad3d5..d839299 100644
--- a/styleguide/sg-bloc-remontees-projets.html
+++ b/styleguide/sg-bloc-remontees-projets.html
@@ -597,11 +597,11 @@ <h2>Remontées projets</h2>                <p>Lorem ipsum dolor sit amet, consec
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_981635524" aria-expanded="false" aria-controls="collapse_981635524">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_666436459" aria-expanded="false" aria-controls="collapse_666436459">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_981635524">
+        <div class="collapse o-sg-prism__collapse" id="collapse_666436459">
             
 <script type="text/plain" class="language-html">                    <div class="paragraph-space o-paragraph--projet-push">
     <div class="container">
diff --git a/styleguide/sg-bloc-remontees-services.html b/styleguide/sg-bloc-remontees-services.html
index 3b9e25b..9b1dccd 100644
--- a/styleguide/sg-bloc-remontees-services.html
+++ b/styleguide/sg-bloc-remontees-services.html
@@ -593,11 +593,11 @@ <h2>Remontées services (< 4 éléments)</h2>                <p>Lorem ipsum dolo
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1662396760" aria-expanded="false" aria-controls="collapse_1662396760">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1720119151" aria-expanded="false" aria-controls="collapse_1720119151">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1662396760">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1720119151">
             
 <script type="text/plain" class="language-html">                    <div class="paragraph-space o-paragraph--service-push">
     <div class="container">
@@ -735,11 +735,11 @@ <h2>Remontées services (+ 4 éléments)</h2>                            </div>
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1128794165" aria-expanded="false" aria-controls="collapse_1128794165">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_2115776638" aria-expanded="false" aria-controls="collapse_2115776638">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1128794165">
+        <div class="collapse o-sg-prism__collapse" id="collapse_2115776638">
             
 <script type="text/plain" class="language-html">                    <div class="paragraph-space o-paragraph--service-push">
     <div class="container">
diff --git a/styleguide/sg-bloc-texte-plus-2-items.html b/styleguide/sg-bloc-texte-plus-2-items.html
index 6664de2..8933891 100644
--- a/styleguide/sg-bloc-texte-plus-2-items.html
+++ b/styleguide/sg-bloc-texte-plus-2-items.html
@@ -576,11 +576,11 @@ <h3 class="m-card__title h4">Lorem ipsum dolor sit amet</h3>
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1670913159" aria-expanded="false" aria-controls="collapse_1670913159">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1066429006" aria-expanded="false" aria-controls="collapse_1066429006">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1670913159">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1066429006">
             
 <script type="text/plain" class="language-html">                    <div class="container paragraph-space">
     <div class="row">
diff --git a/styleguide/sg-bloc-texte-plus-texte-mis-en-avant.html b/styleguide/sg-bloc-texte-plus-texte-mis-en-avant.html
index d7e7f9c..6748859 100644
--- a/styleguide/sg-bloc-texte-plus-texte-mis-en-avant.html
+++ b/styleguide/sg-bloc-texte-plus-texte-mis-en-avant.html
@@ -568,11 +568,11 @@ <h2>Texte plus texte mis en avant</h2>            <div class="wysiwyg mb-3"><p>L
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_77309512" aria-expanded="false" aria-controls="collapse_77309512">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1342417955" aria-expanded="false" aria-controls="collapse_1342417955">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_77309512">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1342417955">
             
 <script type="text/plain" class="language-html">                    <div class="container paragraph-space">
     <div class="row">
diff --git a/styleguide/sg-c-accordeon.html b/styleguide/sg-c-accordeon.html
index b7d5a8c..3e76bdc 100644
--- a/styleguide/sg-c-accordeon.html
+++ b/styleguide/sg-c-accordeon.html
@@ -577,11 +577,11 @@ <h3 class="js-accordion__header">Accordion 03<svg class="svg-icon svg-angle-down
     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1956012327" aria-expanded="false" aria-controls="collapse_1956012327">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_8267743" aria-expanded="false" aria-controls="collapse_8267743">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1956012327">
+        <div class="collapse o-sg-prism__collapse" id="collapse_8267743">
             
 <script type="text/plain" class="language-html">                    <div class="js-accordion" data-accordion-prefix-classes="o" data-accordion-multiselectable="none">
             <h3 class="js-accordion__header">Accordion 01<svg class="svg-icon svg-angle-down" aria-hidden="true" focusable="false"><use xlink:href="svg-icons/icon-sprite.svg#angle-down"></use></svg>
diff --git a/styleguide/sg-c-breadcrumb.html b/styleguide/sg-c-breadcrumb.html
index 117ea4a..b702e0f 100644
--- a/styleguide/sg-c-breadcrumb.html
+++ b/styleguide/sg-c-breadcrumb.html
@@ -543,11 +543,11 @@ <h1>Fil d'Ariane</h1>
     </ol>
 </nav>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_634422443" aria-expanded="false" aria-controls="collapse_634422443">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1461098254" aria-expanded="false" aria-controls="collapse_1461098254">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_634422443">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1461098254">
             
 <script type="text/plain" class="language-html">                    <nav class="breadcrumb-wrapper" role="navigation" aria-label="Fil d'ariane">
     <ol class="breadcrumb">
diff --git a/styleguide/sg-c-buttons.html b/styleguide/sg-c-buttons.html
index 366568a..b313dbf 100644
--- a/styleguide/sg-c-buttons.html
+++ b/styleguide/sg-c-buttons.html
@@ -541,11 +541,11 @@ <h3>Bouton primaire</h3>
 
     <button type="button"     class="btn btn--plain btn--primary">Bouton primaire</button>
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_55142308" aria-expanded="false" aria-controls="collapse_55142308">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1585886995" aria-expanded="false" aria-controls="collapse_1585886995">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_55142308">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1585886995">
             
 <script type="text/plain" class="language-html">    <button type="button"     class="btn btn--plain btn--primary">Bouton primaire</button></script>
         </div>
@@ -571,11 +571,11 @@ <h3>Variante du bouton primaire</h3>
 
     <button type="button"     class="btn btn--ghost btn--primary">Bouton primaire alternatif</button>
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_574946569" aria-expanded="false" aria-controls="collapse_574946569">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_420248097" aria-expanded="false" aria-controls="collapse_420248097">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_574946569">
+        <div class="collapse o-sg-prism__collapse" id="collapse_420248097">
             
 <script type="text/plain" class="language-html">    <button type="button"     class="btn btn--ghost btn--primary">Bouton primaire alternatif</button></script>
         </div>
@@ -600,11 +600,11 @@ <h3>Bouton secondaire</h3>
 
     <button type="button"     class="btn btn--ghost btn--default">Bouton secondaire</button>
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_2048277174" aria-expanded="false" aria-controls="collapse_2048277174">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1728917313" aria-expanded="false" aria-controls="collapse_1728917313">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_2048277174">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1728917313">
             
 <script type="text/plain" class="language-html">    <button type="button"     class="btn btn--ghost btn--default">Bouton secondaire</button></script>
         </div>
@@ -629,11 +629,11 @@ <h2>Boutons désactivés</h2>
 
     <button type="button" disabled     class="btn btn--ghost btn--primary">Désactivé</button>
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1464914718" aria-expanded="false" aria-controls="collapse_1464914718">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_926363282" aria-expanded="false" aria-controls="collapse_926363282">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1464914718">
+        <div class="collapse o-sg-prism__collapse" id="collapse_926363282">
             
 <script type="text/plain" class="language-html">    <button type="button" disabled     class="btn btn--ghost btn--primary">Désactivé</button></script>
         </div>
@@ -651,11 +651,11 @@ <h2>Boutons avec pictogrammes</h2>
 
     <button type="button"     class="btn btn--plain btn--primary btn--icon-before"><svg class="svg-icon svg-search" aria-hidden="true" focusable="false"><use xlink:href="svg-icons/icon-sprite.svg#search"></use></svg>Rechercher</button>    <button type="button"     class="btn btn--plain btn--primary btn--icon-only"><svg class="svg-icon svg-user" aria-hidden="true" focusable="false"><use xlink:href="svg-icons/icon-sprite.svg#user"></use></svg><span class="sr-only">Button label</span></button>
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1092627160" aria-expanded="false" aria-controls="collapse_1092627160">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_41720228" aria-expanded="false" aria-controls="collapse_41720228">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1092627160">
+        <div class="collapse o-sg-prism__collapse" id="collapse_41720228">
             
 <script type="text/plain" class="language-html">    <button type="button"     class="btn btn--plain btn--primary btn--icon-before"><svg class="svg-icon svg-search" aria-hidden="true" focusable="false"><use xlink:href="svg-icons/icon-sprite.svg#search"></use></svg>Rechercher</button>    <button type="button"     class="btn btn--plain btn--primary btn--icon-only"><svg class="svg-icon svg-user" aria-hidden="true" focusable="false"><use xlink:href="svg-icons/icon-sprite.svg#user"></use></svg><span class="sr-only">Button label</span></button></script>
         </div>
@@ -673,11 +673,11 @@ <h2>Groupe de boutons</h2>
                             <button type="button"     class="btn btn--ghost btn--default">Bouton secondaire</button>    <button type="button"     class="btn btn--plain btn--primary">Bouton primaire</button>                    </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_998416731" aria-expanded="false" aria-controls="collapse_998416731">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1440411329" aria-expanded="false" aria-controls="collapse_1440411329">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_998416731">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1440411329">
             
 <script type="text/plain" class="language-html">                    <div class="btn-group">
                             <button type="button"     class="btn btn--ghost btn--default">Bouton secondaire</button>    <button type="button"     class="btn btn--plain btn--primary">Bouton primaire</button>                    </div>
@@ -695,11 +695,11 @@ <h2>Bouton petite taille</h2>
 
     <button type="button"     class="btn btn--plain btn--primary btn-xs">Bouton primaire</button>
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_2023816110" aria-expanded="false" aria-controls="collapse_2023816110">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_425795769" aria-expanded="false" aria-controls="collapse_425795769">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_2023816110">
+        <div class="collapse o-sg-prism__collapse" id="collapse_425795769">
             
 <script type="text/plain" class="language-html">    <button type="button"     class="btn btn--plain btn--primary btn-xs">Bouton primaire</button></script>
         </div>
diff --git a/styleguide/sg-c-footer.html b/styleguide/sg-c-footer.html
index 39192a2..d9814ca 100644
--- a/styleguide/sg-c-footer.html
+++ b/styleguide/sg-c-footer.html
@@ -671,11 +671,11 @@ <h2>Pied de page desktop</h2>
     </div>
 </footer>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_8168681" aria-expanded="false" aria-controls="collapse_8168681">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1600276154" aria-expanded="false" aria-controls="collapse_1600276154">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_8168681">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1600276154">
             
 <script type="text/plain" class="language-html">                    <footer class="footer footer-principal" role="contentinfo">
     <div class="footer__region1">
diff --git a/styleguide/sg-c-form-button-add.html b/styleguide/sg-c-form-button-add.html
index f83cde9..b397a69 100644
--- a/styleguide/sg-c-form-button-add.html
+++ b/styleguide/sg-c-form-button-add.html
@@ -537,11 +537,11 @@ <h1>Bouton d'ajout</h1>
 
                         <button type="button"     class="btn btn--add btn--icon-before"><svg class="svg-icon svg-circle-cross" aria-hidden="true" focusable="false"><use xlink:href="svg-icons/icon-sprite.svg#circle-cross"></use></svg>Ajouter lorem ipsum</button>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_2103604733" aria-expanded="false" aria-controls="collapse_2103604733">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1062454506" aria-expanded="false" aria-controls="collapse_1062454506">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_2103604733">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1062454506">
             
 <script type="text/plain" class="language-html">                        <button type="button"     class="btn btn--add btn--icon-before"><svg class="svg-icon svg-circle-cross" aria-hidden="true" focusable="false"><use xlink:href="svg-icons/icon-sprite.svg#circle-cross"></use></svg>Ajouter lorem ipsum</button>                </script>
         </div>
diff --git a/styleguide/sg-c-form-check.html b/styleguide/sg-c-form-check.html
index b91abad..cdd91ee 100644
--- a/styleguide/sg-c-form-check.html
+++ b/styleguide/sg-c-form-check.html
@@ -630,11 +630,11 @@ <h3>Liste verticale</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_372386001" aria-expanded="false" aria-controls="collapse_372386001">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1255528641" aria-expanded="false" aria-controls="collapse_1255528641">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_372386001">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1255528641">
             
 <script type="text/plain" class="language-html">                    <div class="form-group">
                         <fieldset>
@@ -816,11 +816,11 @@ <h3>Liste horizontale</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1447485306" aria-expanded="false" aria-controls="collapse_1447485306">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1762192697" aria-expanded="false" aria-controls="collapse_1762192697">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1447485306">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1762192697">
             
 <script type="text/plain" class="language-html">                    <div class="form-group">
                         <fieldset>
@@ -985,11 +985,11 @@ <h3>Liste verticale</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1110017284" aria-expanded="false" aria-controls="collapse_1110017284">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1918341539" aria-expanded="false" aria-controls="collapse_1918341539">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1110017284">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1918341539">
             
 <script type="text/plain" class="language-html">                    <div class="form-group">
                         <fieldset>
@@ -1132,11 +1132,11 @@ <h3>Liste horizontale</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1671517167" aria-expanded="false" aria-controls="collapse_1671517167">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_117651256" aria-expanded="false" aria-controls="collapse_117651256">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1671517167">
+        <div class="collapse o-sg-prism__collapse" id="collapse_117651256">
             
 <script type="text/plain" class="language-html">                    <div class="form-group">
                         <fieldset>
@@ -1253,11 +1253,11 @@ <h3>Erreur</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1785032855" aria-expanded="false" aria-controls="collapse_1785032855">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1170367841" aria-expanded="false" aria-controls="collapse_1170367841">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1785032855">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1170367841">
             
 <script type="text/plain" class="language-html">                    <div class="form-group is-invalid">
                         <fieldset>
@@ -1344,11 +1344,11 @@ <h3>Radio sous forme de boîte</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1380859063" aria-expanded="false" aria-controls="collapse_1380859063">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_725224147" aria-expanded="false" aria-controls="collapse_725224147">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1380859063">
+        <div class="collapse o-sg-prism__collapse" id="collapse_725224147">
             
 <script type="text/plain" class="language-html">                    <div class="form-group">
                         <fieldset>
@@ -1425,11 +1425,11 @@ <h3>Radio sous forme de bouton</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_384782941" aria-expanded="false" aria-controls="collapse_384782941">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1941293114" aria-expanded="false" aria-controls="collapse_1941293114">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_384782941">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1941293114">
             
 <script type="text/plain" class="language-html">                    <div class="form-group">
                         <fieldset>
diff --git a/styleguide/sg-c-form-group-champs.html b/styleguide/sg-c-form-group-champs.html
index 280c9ee..a278139 100644
--- a/styleguide/sg-c-form-group-champs.html
+++ b/styleguide/sg-c-form-group-champs.html
@@ -569,11 +569,11 @@ <h3>Groupe de champs par rapprochement sémantique</h3>
                     </fieldset>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1801236575" aria-expanded="false" aria-controls="collapse_1801236575">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1315353133" aria-expanded="false" aria-controls="collapse_1315353133">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1801236575">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1315353133">
             
 <script type="text/plain" class="language-html">                    <fieldset class="form-box">
                         <legend class="form-box__title">Votre adresse</legend>
@@ -664,11 +664,11 @@ <h3>Pour différencier des champs aux mêmes intitulés</h3>
                     </fieldset>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_2143044612" aria-expanded="false" aria-controls="collapse_2143044612">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1970595217" aria-expanded="false" aria-controls="collapse_1970595217">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_2143044612">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1970595217">
             
 <script type="text/plain" class="language-html">                    <fieldset class="form-box">
                         <legend class="form-box__title">Adresse de facturation</legend>
@@ -780,11 +780,11 @@ <h3>Sous-groupes de champs</h3>
                 </fieldset>
             
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1385496460" aria-expanded="false" aria-controls="collapse_1385496460">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_453157184" aria-expanded="false" aria-controls="collapse_453157184">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1385496460">
+        <div class="collapse o-sg-prism__collapse" id="collapse_453157184">
             
 <script type="text/plain" class="language-html">                <fieldset class="form-box">
                     <legend class="form-box__title">Identité</legend>
@@ -907,11 +907,11 @@ <h2 class="form-box__title">Vos choix</h2>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1871833477" aria-expanded="false" aria-controls="collapse_1871833477">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_347764469" aria-expanded="false" aria-controls="collapse_347764469">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1871833477">
+        <div class="collapse o-sg-prism__collapse" id="collapse_347764469">
             
 <script type="text/plain" class="language-html">                    <div class="form-box">
                         <h2 class="form-box__title">Vos informations</h2>
diff --git a/styleguide/sg-c-form-input.html b/styleguide/sg-c-form-input.html
index 9870395..34a3dda 100644
--- a/styleguide/sg-c-form-input.html
+++ b/styleguide/sg-c-form-input.html
@@ -549,11 +549,11 @@ <h3>Par défaut</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1754076331" aria-expanded="false" aria-controls="collapse_1754076331">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1905650684" aria-expanded="false" aria-controls="collapse_1905650684">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1754076331">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1905650684">
             
 <script type="text/plain" class="language-html">                    <div class="form-group">
                           <label for="formInput">Input label</label>
@@ -597,11 +597,11 @@ <h3>Avec une icône contextuelle</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_204065302" aria-expanded="false" aria-controls="collapse_204065302">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_287304936" aria-expanded="false" aria-controls="collapse_287304936">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_204065302">
+        <div class="collapse o-sg-prism__collapse" id="collapse_287304936">
             
 <script type="text/plain" class="language-html">                    <div class="form-group">
                           <label for="inputIconLeft">Input label</label>
@@ -654,11 +654,11 @@ <h3>Le champ de saisie « mail »</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_2027218488" aria-expanded="false" aria-controls="collapse_2027218488">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1429325675" aria-expanded="false" aria-controls="collapse_1429325675">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_2027218488">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1429325675">
             
 <script type="text/plain" class="language-html">                    <div class="form-group">
                           <label for="inputEmail">Input email (ex.: jean@gmail.com)</label>
@@ -692,11 +692,11 @@ <h3>Le champ de saisie « date »</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1253844860" aria-expanded="false" aria-controls="collapse_1253844860">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1942807151" aria-expanded="false" aria-controls="collapse_1942807151">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1253844860">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1942807151">
             
 <script type="text/plain" class="language-html">                    <div class="form-group form-group--date">
                           <label for="formDate">Input date (jj/mm/aaaa)</label>
@@ -732,11 +732,11 @@ <h3>Champ obligatoire</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1408344003" aria-expanded="false" aria-controls="collapse_1408344003">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_7227469" aria-expanded="false" aria-controls="collapse_7227469">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1408344003">
+        <div class="collapse o-sg-prism__collapse" id="collapse_7227469">
             
 <script type="text/plain" class="language-html">                    <div class="form-group">
                           <label for="formInputRequired">Input label <span class="form-required" title="Ce champ est requis">*</span></label>
@@ -766,11 +766,11 @@ <h3>Désactivé</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_418820611" aria-expanded="false" aria-controls="collapse_418820611">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_439563219" aria-expanded="false" aria-controls="collapse_439563219">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_418820611">
+        <div class="collapse o-sg-prism__collapse" id="collapse_439563219">
             
 <script type="text/plain" class="language-html">                    <div class="form-group">
                           <label for="formInputDisabled">Input label</label>
@@ -803,11 +803,11 @@ <h3>Message</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_567733973" aria-expanded="false" aria-controls="collapse_567733973">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1065632587" aria-expanded="false" aria-controls="collapse_1065632587">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_567733973">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1065632587">
             
 <script type="text/plain" class="language-html">                    <div class="form-group">
                           <label for="formInputDesc">Input label</label>
@@ -843,11 +843,11 @@ <h3>Message d’erreur</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1819201194" aria-expanded="false" aria-controls="collapse_1819201194">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1103514824" aria-expanded="false" aria-controls="collapse_1103514824">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1819201194">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1103514824">
             
 <script type="text/plain" class="language-html">                    <div class="form-group is-invalid">
                           <label for="formInputError">Input label</label>
diff --git a/styleguide/sg-c-form-recap.html b/styleguide/sg-c-form-recap.html
index 99c5754..87e6e95 100644
--- a/styleguide/sg-c-form-recap.html
+++ b/styleguide/sg-c-form-recap.html
@@ -580,11 +580,11 @@ <h3 class="title--icon"><svg class="svg-icon svg-circle-info" aria-hidden="true"
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1172633872" aria-expanded="false" aria-controls="collapse_1172633872">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_272559836" aria-expanded="false" aria-controls="collapse_272559836">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1172633872">
+        <div class="collapse o-sg-prism__collapse" id="collapse_272559836">
             
 <script type="text/plain" class="language-html">                    <div class="form-box">
                         <h2 class="form-box__title">Récapitulatif du formulaire</h2>
diff --git a/styleguide/sg-c-form-search.html b/styleguide/sg-c-form-search.html
index 656e0e3..2e19ecc 100644
--- a/styleguide/sg-c-form-search.html
+++ b/styleguide/sg-c-form-search.html
@@ -542,11 +542,11 @@ <h1>Champ de recherche</h1>
 
     <button type="submit"     class="btn btn--plain btn--primary btn--icon-before"><svg class="svg-icon svg-search" aria-hidden="true" focusable="false"><use xlink:href="svg-icons/icon-sprite.svg#search"></use></svg>Rechercher</button></div>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1617671827" aria-expanded="false" aria-controls="collapse_1617671827">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_894147785" aria-expanded="false" aria-controls="collapse_894147785">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1617671827">
+        <div class="collapse o-sg-prism__collapse" id="collapse_894147785">
             
 <script type="text/plain" class="language-html"><div class="input-group search-group">
       <label for="formInput" class="sr-only">Recherche</label>
diff --git a/styleguide/sg-c-form-select.html b/styleguide/sg-c-form-select.html
index f442c5e..2875119 100644
--- a/styleguide/sg-c-form-select.html
+++ b/styleguide/sg-c-form-select.html
@@ -552,11 +552,11 @@ <h3>Par défaut</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1368299240" aria-expanded="false" aria-controls="collapse_1368299240">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1384313839" aria-expanded="false" aria-controls="collapse_1384313839">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1368299240">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1384313839">
             
 <script type="text/plain" class="language-html">                    <div class="form-group">
                           <label for="formSelect">Select label</label>
@@ -595,11 +595,11 @@ <h3>Champ obligatoire</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_313619270" aria-expanded="false" aria-controls="collapse_313619270">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1457353314" aria-expanded="false" aria-controls="collapse_1457353314">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_313619270">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1457353314">
             
 <script type="text/plain" class="language-html">                    <div class="form-group">
                           <label for="formSelectRequired">Select label <span class="form-required" title="Ce champ est requis">*</span></label>
@@ -635,11 +635,11 @@ <h3>Désactivé</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1721911115" aria-expanded="false" aria-controls="collapse_1721911115">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1929690606" aria-expanded="false" aria-controls="collapse_1929690606">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1721911115">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1929690606">
             
 <script type="text/plain" class="language-html">                    <div class="form-group">
                           <label for="formSelectDisabled">Select label</label>
@@ -678,11 +678,11 @@ <h3>Message</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1801169214" aria-expanded="false" aria-controls="collapse_1801169214">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_629695744" aria-expanded="false" aria-controls="collapse_629695744">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1801169214">
+        <div class="collapse o-sg-prism__collapse" id="collapse_629695744">
             
 <script type="text/plain" class="language-html">                    <div class="form-group">
                           <label for="formSelectDesc">Select label</label>
@@ -724,11 +724,11 @@ <h3>Message d’erreur</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_137395467" aria-expanded="false" aria-controls="collapse_137395467">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1699983719" aria-expanded="false" aria-controls="collapse_1699983719">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_137395467">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1699983719">
             
 <script type="text/plain" class="language-html">                    <div class="form-group is-invalid">
                           <label for="formSelectError">Select label</label>
diff --git a/styleguide/sg-c-form-textarea.html b/styleguide/sg-c-form-textarea.html
index c8fb2c0..9f13129 100644
--- a/styleguide/sg-c-form-textarea.html
+++ b/styleguide/sg-c-form-textarea.html
@@ -546,11 +546,11 @@ <h3>Par défaut</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1889581095" aria-expanded="false" aria-controls="collapse_1889581095">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1951063145" aria-expanded="false" aria-controls="collapse_1951063145">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1889581095">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1951063145">
             
 <script type="text/plain" class="language-html">                    <div class="form-group">
                           <label for="formTextarea">Textarea label</label>
@@ -581,11 +581,11 @@ <h3>Champ obligatoire</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1381611605" aria-expanded="false" aria-controls="collapse_1381611605">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_563098465" aria-expanded="false" aria-controls="collapse_563098465">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1381611605">
+        <div class="collapse o-sg-prism__collapse" id="collapse_563098465">
             
 <script type="text/plain" class="language-html">                    <div class="form-group">
                           <label for="formTextareaRequired">Textarea label <span class="form-required" title="Ce champ est requis">*</span></label>
@@ -613,11 +613,11 @@ <h3>Désactivé</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_765647902" aria-expanded="false" aria-controls="collapse_765647902">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1909433928" aria-expanded="false" aria-controls="collapse_1909433928">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_765647902">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1909433928">
             
 <script type="text/plain" class="language-html">                    <div class="form-group">
                           <label for="formTextareaDisabled">Textarea label</label>
@@ -648,11 +648,11 @@ <h3>Message</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1213809519" aria-expanded="false" aria-controls="collapse_1213809519">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1185888813" aria-expanded="false" aria-controls="collapse_1185888813">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1213809519">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1185888813">
             
 <script type="text/plain" class="language-html">                    <div class="form-group">
                           <label for="formTextareaDesc">Textarea label</label>
@@ -686,11 +686,11 @@ <h3>Message d’erreur</h3>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_829716393" aria-expanded="false" aria-controls="collapse_829716393">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_988263707" aria-expanded="false" aria-controls="collapse_988263707">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_829716393">
+        <div class="collapse o-sg-prism__collapse" id="collapse_988263707">
             
 <script type="text/plain" class="language-html">                    <div class="form-group is-invalid">
                           <label for="formTextareaError">Textarea label</label>
diff --git a/styleguide/sg-c-header.html b/styleguide/sg-c-header.html
index 736ef83..538191c 100644
--- a/styleguide/sg-c-header.html
+++ b/styleguide/sg-c-header.html
@@ -860,11 +860,11 @@ <h2 class="o-widget-access__intro" id="widget-access-title">Options d'accessibil
     </div>
 </header>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1332679532" aria-expanded="false" aria-controls="collapse_1332679532">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1444058452" aria-expanded="false" aria-controls="collapse_1444058452">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1332679532">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1444058452">
             
 <script type="text/plain" class="language-html">                    <header class="header header-principal" role="banner">
     <div class="header-principal__inner">
@@ -1518,11 +1518,11 @@ <h2 class="o-widget-access__intro" id="widget-access-title">Options d'accessibil
     </div>
 </header>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1527098954" aria-expanded="false" aria-controls="collapse_1527098954">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1956411952" aria-expanded="false" aria-controls="collapse_1956411952">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1527098954">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1956411952">
             
 <script type="text/plain" class="language-html">                    <header class="header header-principal" role="banner">
     <div class="header-principal__inner">
@@ -2185,11 +2185,11 @@ <h2 class="o-widget-access__intro" id="widget-access-title">Options d'accessibil
     </div>
 </header>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_114625829" aria-expanded="false" aria-controls="collapse_114625829">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1965045423" aria-expanded="false" aria-controls="collapse_1965045423">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_114625829">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1965045423">
             
 <script type="text/plain" class="language-html">                    <header class="header header-principal" role="banner">
     <div class="header-principal__inner">
@@ -2766,11 +2766,11 @@ <h2 class="o-widget-access__intro" id="widget-access-title">Options d'accessibil
     </div>
 </header>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1111097919" aria-expanded="false" aria-controls="collapse_1111097919">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_429283632" aria-expanded="false" aria-controls="collapse_429283632">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1111097919">
+        <div class="collapse o-sg-prism__collapse" id="collapse_429283632">
             
 <script type="text/plain" class="language-html">                    <header class="header header-principal" role="banner">
     <div class="header-principal__inner">
diff --git a/styleguide/sg-c-links.html b/styleguide/sg-c-links.html
index 625cd5d..4a43d8f 100644
--- a/styleguide/sg-c-links.html
+++ b/styleguide/sg-c-links.html
@@ -545,11 +545,11 @@ <h2>Liens dans le corps de texte</h2>
                     <p>Filium morte multavit si sine causa quae fuerit causa mox videro interea hoc epicurus in voluptate ponit <a href="document.pdf">lien vers un document (poids - type)</a> iactare vestra se repellere idque facere possimus omnis</p>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_496508454" aria-expanded="false" aria-controls="collapse_496508454">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_461519572" aria-expanded="false" aria-controls="collapse_461519572">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_496508454">
+        <div class="collapse o-sg-prism__collapse" id="collapse_461519572">
             
 <script type="text/plain" class="language-html">                    <p>Filium morte multavit si sine causa quae fuerit causa mox videro interea hoc epicurus in voluptate ponit <a href="#">lien interne</a> iactare vestra se repellere idque facere possimus omnis</p>
                     <p>Filium morte multavit si sine causa quae fuerit causa mox videro interea hoc epicurus in voluptate ponit <a href="#" target="_blank">lien externe</a> iactare vestra se repellere idque facere possimus omnis</p>
@@ -574,11 +574,11 @@ <h2>Liens simples</h2>
                     <p>    <a href="document.pdf"    class=" btn--icon-before"><svg class="svg-icon svg-angle-right" aria-hidden="true" focusable="false"><use xlink:href="svg-icons/icon-sprite.svg#angle-right"></use></svg>Lien vers un document (poids - type)</a></p>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_484885079" aria-expanded="false" aria-controls="collapse_484885079">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_292987296" aria-expanded="false" aria-controls="collapse_292987296">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_484885079">
+        <div class="collapse o-sg-prism__collapse" id="collapse_292987296">
             
 <script type="text/plain" class="language-html">                    <p>    <a href="#"    class=" btn--icon-before"><svg class="svg-icon svg-angle-right" aria-hidden="true" focusable="false"><use xlink:href="svg-icons/icon-sprite.svg#angle-right"></use></svg>Lien interne</a></p>
                     <p>    <a href="#" target="_blank"    class=" btn--icon-before"><svg class="svg-icon svg-angle-right" aria-hidden="true" focusable="false"><use xlink:href="svg-icons/icon-sprite.svg#angle-right"></use></svg>Lien externe</a></p>
@@ -603,11 +603,11 @@ <h2>Liens mis en exergue</h2>
                     <p>    <a href="document.pdf"    class="btn btn--style1 btn--white">Lien vers un document Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab distinctio labore voluptate quod (poids - type)</a></p>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_630161225" aria-expanded="false" aria-controls="collapse_630161225">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_755925071" aria-expanded="false" aria-controls="collapse_755925071">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_630161225">
+        <div class="collapse o-sg-prism__collapse" id="collapse_755925071">
             
 <script type="text/plain" class="language-html">                    <p>    <a href="#"    class="btn btn--style1 btn--white">Lien interne</a></p>
                     <p>    <a href="#" target="_blank"    class="btn btn--style1 btn--white">Lien externe</a></p>
diff --git a/styleguide/sg-c-lists.html b/styleguide/sg-c-lists.html
index e3c9cdb..f7e52e1 100644
--- a/styleguide/sg-c-lists.html
+++ b/styleguide/sg-c-lists.html
@@ -545,11 +545,11 @@ <h2>Liste non ordonnée UL</h2>
 </div>
 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_790940716" aria-expanded="false" aria-controls="collapse_790940716">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_969952267" aria-expanded="false" aria-controls="collapse_969952267">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_790940716">
+        <div class="collapse o-sg-prism__collapse" id="collapse_969952267">
             
 <script type="text/plain" class="language-html"><div class="wysiwyg">
     <ul>
@@ -578,11 +578,11 @@ <h2>Liste ordonnée OL</h2>
 </div>
 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1059573611" aria-expanded="false" aria-controls="collapse_1059573611">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1004718942" aria-expanded="false" aria-controls="collapse_1004718942">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1059573611">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1004718942">
             
 <script type="text/plain" class="language-html"><div class="wysiwyg">
     <ol>
diff --git a/styleguide/sg-c-menu-slide-bar.html b/styleguide/sg-c-menu-slide-bar.html
index 71135a6..06c879c 100644
--- a/styleguide/sg-c-menu-slide-bar.html
+++ b/styleguide/sg-c-menu-slide-bar.html
@@ -593,11 +593,11 @@ <h3 class="menu-slide-bar__title" id="fr-sidemenu-title">Titre de rubrique (opti
 </div>
 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_342635528" aria-expanded="false" aria-controls="collapse_342635528">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_281973029" aria-expanded="false" aria-controls="collapse_281973029">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_342635528">
+        <div class="collapse o-sg-prism__collapse" id="collapse_281973029">
             
 <script type="text/plain" class="language-html"><div class="sg-menu-slide-bar">
     <nav class="navbar navbar-expand-lg navbar-light" role="navigation" aria-label="Menu latéral">
diff --git a/styleguide/sg-c-messages-cta.html b/styleguide/sg-c-messages-cta.html
index 2cddca3..ab1246c 100644
--- a/styleguide/sg-c-messages-cta.html
+++ b/styleguide/sg-c-messages-cta.html
@@ -549,11 +549,11 @@ <h2 class="o-alert__title">Error message</h2>
         <button type="button"     class="btn btn--close btn--icon-only"><svg class="svg-icon svg-close" aria-hidden="true" focusable="false"><use xlink:href="svg-icons/icon-sprite.svg#close"></use></svg><span class="sr-only">Masquer ce message</span></button>        <div class="d-flex justify-content-end mt-2">    <button type="button"     class="btn btn--plain btn--primary">Bouton primaire</button></div>
     </div>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_289284037" aria-expanded="false" aria-controls="collapse_289284037">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_337619179" aria-expanded="false" aria-controls="collapse_337619179">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_289284037">
+        <div class="collapse o-sg-prism__collapse" id="collapse_337619179">
             
 <script type="text/plain" class="language-html">                            
 <div class="o-alert o-alert--error" role="alert">
@@ -590,11 +590,11 @@ <h2 class="o-alert__title">Warning message</h2>
         <button type="button"     class="btn btn--close btn--icon-only"><svg class="svg-icon svg-close" aria-hidden="true" focusable="false"><use xlink:href="svg-icons/icon-sprite.svg#close"></use></svg><span class="sr-only">Masquer ce message</span></button>        <div class="d-flex justify-content-end mt-2">    <button type="button"     class="btn btn--ghost btn--primary">Bouton primaire alternatif</button></div>
     </div>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_2040922910" aria-expanded="false" aria-controls="collapse_2040922910">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_444616191" aria-expanded="false" aria-controls="collapse_444616191">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_2040922910">
+        <div class="collapse o-sg-prism__collapse" id="collapse_444616191">
             
 <script type="text/plain" class="language-html">                            
 <div class="o-alert o-alert--warning" role="alert">
@@ -631,11 +631,11 @@ <h2 class="o-alert__title">info message</h2>
         <button type="button"     class="btn btn--close btn--icon-only"><svg class="svg-icon svg-close" aria-hidden="true" focusable="false"><use xlink:href="svg-icons/icon-sprite.svg#close"></use></svg><span class="sr-only">Masquer ce message</span></button>        <div class="d-flex justify-content-end mt-2">    <button type="button"     class="btn btn--ghost btn--default">Bouton secondaire</button></div>
     </div>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1907253042" aria-expanded="false" aria-controls="collapse_1907253042">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_334602810" aria-expanded="false" aria-controls="collapse_334602810">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1907253042">
+        <div class="collapse o-sg-prism__collapse" id="collapse_334602810">
             
 <script type="text/plain" class="language-html">                            
 <div class="o-alert o-alert--info" role="status">
@@ -672,11 +672,11 @@ <h2 class="o-alert__title">Success message</h2>
         <button type="button"     class="btn btn--close btn--icon-only"><svg class="svg-icon svg-close" aria-hidden="true" focusable="false"><use xlink:href="svg-icons/icon-sprite.svg#close"></use></svg><span class="sr-only">Masquer ce message</span></button>        <div class="d-flex justify-content-end mt-2">    <button type="button"     class="btn btn--plain btn--primary">Bouton primaire</button></div>
     </div>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_858468470" aria-expanded="false" aria-controls="collapse_858468470">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_234474249" aria-expanded="false" aria-controls="collapse_234474249">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_858468470">
+        <div class="collapse o-sg-prism__collapse" id="collapse_234474249">
             
 <script type="text/plain" class="language-html">                            
 <div class="o-alert o-alert--success" role="status">
diff --git a/styleguide/sg-c-messages.html b/styleguide/sg-c-messages.html
index c3cb344..bd3e4ee 100644
--- a/styleguide/sg-c-messages.html
+++ b/styleguide/sg-c-messages.html
@@ -548,11 +548,11 @@ <h2 class="o-alert__title">Error message</h2>
     
         <button type="button"     class="btn btn--close btn--icon-only"><svg class="svg-icon svg-close" aria-hidden="true" focusable="false"><use xlink:href="svg-icons/icon-sprite.svg#close"></use></svg><span class="sr-only">Masquer ce message</span></button></div>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1961792876" aria-expanded="false" aria-controls="collapse_1961792876">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_796709474" aria-expanded="false" aria-controls="collapse_796709474">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1961792876">
+        <div class="collapse o-sg-prism__collapse" id="collapse_796709474">
             
 <script type="text/plain" class="language-html">                            
 <div class="o-alert o-alert--error" role="alert">
@@ -587,11 +587,11 @@ <h2 class="o-alert__title">Warning message</h2>
     
         <button type="button"     class="btn btn--close btn--icon-only"><svg class="svg-icon svg-close" aria-hidden="true" focusable="false"><use xlink:href="svg-icons/icon-sprite.svg#close"></use></svg><span class="sr-only">Masquer ce message</span></button></div>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1557274166" aria-expanded="false" aria-controls="collapse_1557274166">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1385639648" aria-expanded="false" aria-controls="collapse_1385639648">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1557274166">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1385639648">
             
 <script type="text/plain" class="language-html">                            
 <div class="o-alert o-alert--warning" role="alert">
@@ -626,11 +626,11 @@ <h2 class="o-alert__title">Info message</h2>
     
         <button type="button"     class="btn btn--close btn--icon-only"><svg class="svg-icon svg-close" aria-hidden="true" focusable="false"><use xlink:href="svg-icons/icon-sprite.svg#close"></use></svg><span class="sr-only">Masquer ce message</span></button></div>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1208085440" aria-expanded="false" aria-controls="collapse_1208085440">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_425840073" aria-expanded="false" aria-controls="collapse_425840073">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1208085440">
+        <div class="collapse o-sg-prism__collapse" id="collapse_425840073">
             
 <script type="text/plain" class="language-html">                            
 <div class="o-alert o-alert--info" role="status">
@@ -665,11 +665,11 @@ <h2 class="o-alert__title">Success message</h2>
     
         <button type="button"     class="btn btn--close btn--icon-only"><svg class="svg-icon svg-close" aria-hidden="true" focusable="false"><use xlink:href="svg-icons/icon-sprite.svg#close"></use></svg><span class="sr-only">Masquer ce message</span></button></div>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_2064780767" aria-expanded="false" aria-controls="collapse_2064780767">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1208386311" aria-expanded="false" aria-controls="collapse_1208386311">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_2064780767">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1208386311">
             
 <script type="text/plain" class="language-html">                            
 <div class="o-alert o-alert--success" role="status">
diff --git a/styleguide/sg-c-modal.html b/styleguide/sg-c-modal.html
index bd827d2..65bfff4 100644
--- a/styleguide/sg-c-modal.html
+++ b/styleguide/sg-c-modal.html
@@ -562,11 +562,11 @@ <h1 class="modal-title" id="modal1Label">Titre de la modale</h1>
     </div>
 </div>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1378605762" aria-expanded="false" aria-controls="collapse_1378605762">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_46204839" aria-expanded="false" aria-controls="collapse_46204839">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1378605762">
+        <div class="collapse o-sg-prism__collapse" id="collapse_46204839">
             
 <script type="text/plain" class="language-html">                    <!-- Bouton d'ouverture de la modale -->    <button type="button"  data-toggle="modal" data-target="#modal1"    class="btn btn--plain btn--primary">Afficher la modale</button>
                     <!-- Il est conseillé de placer toutes les modales à la fin de la balise body -->
diff --git a/styleguide/sg-c-pagination.html b/styleguide/sg-c-pagination.html
index fc567e9..8418518 100644
--- a/styleguide/sg-c-pagination.html
+++ b/styleguide/sg-c-pagination.html
@@ -570,11 +570,11 @@ <h2>Pagination simple</h2>
     </ul>
 </nav>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1888291507" aria-expanded="false" aria-controls="collapse_1888291507">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_624465375" aria-expanded="false" aria-controls="collapse_624465375">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1888291507">
+        <div class="collapse o-sg-prism__collapse" id="collapse_624465375">
             
 <script type="text/plain" class="language-html">                    <nav aria-label="Pagination" role="navigation">
     <ul class="pagination justify-content-center align-items-center">
diff --git a/styleguide/sg-c-progress-bar.html b/styleguide/sg-c-progress-bar.html
index d7d9400..466758a 100644
--- a/styleguide/sg-c-progress-bar.html
+++ b/styleguide/sg-c-progress-bar.html
@@ -583,11 +583,11 @@ <h1>Barre de progression</h1>
     </ol>
 </div>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_968266990" aria-expanded="false" aria-controls="collapse_968266990">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_195500581" aria-expanded="false" aria-controls="collapse_195500581">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_968266990">
+        <div class="collapse o-sg-prism__collapse" id="collapse_195500581">
             
 <script type="text/plain" class="language-html">                    <div class="o-progress-bar">
     <span class="sr-only">Préparation de la carte, étape 2 sur 3</span>
diff --git a/styleguide/sg-c-skiplinks.html b/styleguide/sg-c-skiplinks.html
index 6e852fd..f19dd89 100644
--- a/styleguide/sg-c-skiplinks.html
+++ b/styleguide/sg-c-skiplinks.html
@@ -551,11 +551,11 @@ <h1>Liens d'accès rapide</h1>
     </ul>
 </nav>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1272150135" aria-expanded="false" aria-controls="collapse_1272150135">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_985076921" aria-expanded="false" aria-controls="collapse_985076921">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1272150135">
+        <div class="collapse o-sg-prism__collapse" id="collapse_985076921">
             
 <script type="text/plain" class="language-html">                    <nav role="navigation" aria-label="Accès rapides">
     <ul class="nav-skip">
diff --git a/styleguide/sg-c-stepper.html b/styleguide/sg-c-stepper.html
index 947927f..2e73882 100644
--- a/styleguide/sg-c-stepper.html
+++ b/styleguide/sg-c-stepper.html
@@ -562,11 +562,11 @@ <h2>Stepper par défaut</h2>
     </ol>
 </div>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_2116124696" aria-expanded="false" aria-controls="collapse_2116124696">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_323683652" aria-expanded="false" aria-controls="collapse_323683652">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_2116124696">
+        <div class="collapse o-sg-prism__collapse" id="collapse_323683652">
             
 <script type="text/plain" class="language-html">                    <div class="o-stepper">
     <span class="sr-only">Activités, étape 2 sur 3</span>
diff --git a/styleguide/sg-c-table.html b/styleguide/sg-c-table.html
index 80fec34..e39f5ff 100644
--- a/styleguide/sg-c-table.html
+++ b/styleguide/sg-c-table.html
@@ -569,11 +569,11 @@ <h2>Tableau de base</h2>
 </table>
 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1721725606" aria-expanded="false" aria-controls="collapse_1721725606">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1820525450" aria-expanded="false" aria-controls="collapse_1820525450">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1721725606">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1820525450">
             
 <script type="text/plain" class="language-html"><table>
     <caption>Légende de tableau</caption>
diff --git a/styleguide/sg-c-tabs.html b/styleguide/sg-c-tabs.html
index b1607cf..9ce7a7f 100644
--- a/styleguide/sg-c-tabs.html
+++ b/styleguide/sg-c-tabs.html
@@ -565,11 +565,11 @@ <h2>Onglets par défaut</h2>
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_416836352" aria-expanded="false" aria-controls="collapse_416836352">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_415842510" aria-expanded="false" aria-controls="collapse_415842510">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_416836352">
+        <div class="collapse o-sg-prism__collapse" id="collapse_415842510">
             
 <script type="text/plain" class="language-html">                    
 
@@ -631,11 +631,11 @@ <h2>Onglets avec option « Check »</h2>
 </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_302329560" aria-expanded="false" aria-controls="collapse_302329560">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_204281840" aria-expanded="false" aria-controls="collapse_204281840">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_302329560">
+        <div class="collapse o-sg-prism__collapse" id="collapse_204281840">
             
 <script type="text/plain" class="language-html">                    
 
diff --git a/styleguide/sg-c-tooltip.html b/styleguide/sg-c-tooltip.html
index b44a049..e86f1db 100644
--- a/styleguide/sg-c-tooltip.html
+++ b/styleguide/sg-c-tooltip.html
@@ -542,11 +542,11 @@ <h2>Infobulle par défaut</h2>
     <span class="sr-only">Aide</span>
 </button>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_584881232" aria-expanded="false" aria-controls="collapse_584881232">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_83950371" aria-expanded="false" aria-controls="collapse_83950371">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_584881232">
+        <div class="collapse o-sg-prism__collapse" id="collapse_83950371">
             
 <script type="text/plain" class="language-html">                    <button type="button" data-toggle="tooltip" data-placement="top" data-html="true" title="<p>Contenu de l'infobulle</p>">
     <svg class="svg-icon svg-question-circle" aria-hidden="true" focusable="false"><use xlink:href="svg-icons/icon-sprite.svg#question-circle"></use></svg>
@@ -568,11 +568,11 @@ <h2>Infobulle avec titre</h2>
     <span class="sr-only">Aide</span>
 </button>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1127897063" aria-expanded="false" aria-controls="collapse_1127897063">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1924607735" aria-expanded="false" aria-controls="collapse_1924607735">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1127897063">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1924607735">
             
 <script type="text/plain" class="language-html">                    <button type="button" data-toggle="tooltip" data-placement="top" data-html="true" title="<h2>Titre de l'infobulle</h2><p>Epicurus in ea commodi consequatur quis autem vel illum qui dolorem</p>">
     <svg class="svg-icon svg-question-circle" aria-hidden="true" focusable="false"><use xlink:href="svg-icons/icon-sprite.svg#question-circle"></use></svg>
@@ -603,11 +603,11 @@ <h2>Exemple d'utilisation</h2>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1332374877" aria-expanded="false" aria-controls="collapse_1332374877">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_168071163" aria-expanded="false" aria-controls="collapse_168071163">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1332374877">
+        <div class="collapse o-sg-prism__collapse" id="collapse_168071163">
             
 <script type="text/plain" class="language-html">                    <div class="form-group">
                           <label for="formInput">Input label</label>
diff --git a/styleguide/sg-c-widget-access.html b/styleguide/sg-c-widget-access.html
index aac723c..c9d21ce 100644
--- a/styleguide/sg-c-widget-access.html
+++ b/styleguide/sg-c-widget-access.html
@@ -558,11 +558,11 @@ <h2 class="o-widget-access__intro" id="widget-access-title">Options d'accessibil
     </div>
 </section>                
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_996883054" aria-expanded="false" aria-controls="collapse_996883054">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1655717428" aria-expanded="false" aria-controls="collapse_1655717428">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_996883054">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1655717428">
             
 <script type="text/plain" class="language-html">                    <section aria-labelledby="widget-access-title">
     <h2 class="o-widget-access__intro" id="widget-access-title">Options d'accessibilité</h2>
diff --git a/styleguide/sg-charte-2.html b/styleguide/sg-charte-2.html
index 69b316f..27fccee 100644
--- a/styleguide/sg-charte-2.html
+++ b/styleguide/sg-charte-2.html
@@ -599,10 +599,10 @@ <h4>Contenu à jour et synthétique</h4>
 
             
 
-<figure role="group" aria-labelledby="figcaption-520666582">
+<figure role="group" aria-labelledby="figcaption-959931299">
 
     <img srcset="img/charte/contenu-a-jour-et-synthetique@2x.png 2x"        src="img/charte/contenu-a-jour-et-synthetique.png" alt="" width="770" height="409" loading="lazy" class="o-sg-prism">
-    <figcaption id="figcaption-520666582"><ol class='ol--figcaption'>
+    <figcaption id="figcaption-959931299"><ol class='ol--figcaption'>
                     <li><b>Date de publication :</b> Contenu mis à jour</li>
                     <li><b>Temps estimé de lecture :</b> Contenu synthétique</li>
                 </ol></figcaption>
@@ -665,10 +665,10 @@ <h3>Se servir des blocs disponibles dans le back-office du site</h3>
 
             
 
-<figure role="group" aria-labelledby="figcaption-1906505643">
+<figure role="group" aria-labelledby="figcaption-883675102">
 
     <img srcset="img/charte/bloc-disponible@2x.png 2x"        src="img/charte/bloc-disponible.png" alt="" width="770" height="803" loading="lazy" class="o-sg-prism">
-    <figcaption id="figcaption-1906505643"><ol class='ol--figcaption'>
+    <figcaption id="figcaption-883675102"><ol class='ol--figcaption'>
                     <li><b><span lang='en'>Header</span> :</b> titre (150 caractères max) + sous-titre (200 caractères max)</li>
                     <li><b>Bloc « Texte + Mise en avant » :</b> 500 caractères max pour le corps du texte</li>
                     <li><b>Bloc « Vidéo + texte »</b></li>
@@ -691,10 +691,10 @@ <h3>Bloc « Texte + Mise en avant »</h3>
 
             
 
-<figure role="group" aria-labelledby="figcaption-1910905918">
+<figure role="group" aria-labelledby="figcaption-1045955943">
 
     <img srcset="img/charte/bloc-mise-en-avant@2x.png 2x"        src="img/charte/bloc-mise-en-avant.png" alt="" width="770" height="285" loading="lazy" class="o-sg-prism">
-    <figcaption id="figcaption-1910905918"><ol class='ol--figcaption'>
+    <figcaption id="figcaption-1045955943"><ol class='ol--figcaption'>
                     <li><b>Titre :</b> 150 caractères max (standard Google)</li>
                     <li><b>Description :</b> 500 caractères max</li>
                     <li><b>Texte mise en avant :</b> 200 caractères max</li>
@@ -776,10 +776,10 @@ <h3>Titre + visuel évocateur avec son chapeau</h3>
 
             
 
-<figure role="group" aria-labelledby="figcaption-1664401862">
+<figure role="group" aria-labelledby="figcaption-1642155222">
 
     <img srcset="img/charte/titre-visuel-chapo@2x.png 2x"        src="img/charte/titre-visuel-chapo.png" alt="" width="770" height="409" loading="lazy" class="o-sg-prism">
-    <figcaption id="figcaption-1664401862"><ol class='ol--figcaption'>
+    <figcaption id="figcaption-1642155222"><ol class='ol--figcaption'>
                     <li><b>Titre :</b> 150 caractères max (standard Google)</li>
                     <li><b>Date de publication</b></li>
                     <li><b>Description :</b> 500 caractères max</li>
@@ -850,10 +850,10 @@ <h4>Autres recommandations</h4>
 
             
 
-<figure role="group" aria-labelledby="figcaption-1115399585">
+<figure role="group" aria-labelledby="figcaption-1687748214">
 
     <img srcset="img/charte/chiffres-cles@2x.png 2x"        src="img/charte/chiffres-cles.png" alt="" width="770" height="230" loading="lazy" class="o-sg-prism">
-    <figcaption id="figcaption-1115399585"><ol class='ol--figcaption'>
+    <figcaption id="figcaption-1687748214"><ol class='ol--figcaption'>
                     <li><b>Titre :</b> 150 caractères max</li>
                     <li><b>Chiffre-clés :</b> 20 caractères max</li>
                     <li><b>Sous-titre :</b> 120 caractères max</li>
@@ -874,10 +874,10 @@ <h4><span lang="en">Header</span></h4>
 
             
 
-<figure role="group" aria-labelledby="figcaption-594161412">
+<figure role="group" aria-labelledby="figcaption-1585485239">
 
     <img srcset="img/charte/atterrissage-header@2x.png 2x"        src="img/charte/atterrissage-header.png" alt="" width="770" height="288" loading="lazy" class="o-sg-prism">
-    <figcaption id="figcaption-594161412"><ol class='ol--figcaption'>
+    <figcaption id="figcaption-1585485239"><ol class='ol--figcaption'>
                     <li><b>Titre :</b> 150 caractères max</li>
                     <li><b>Chapô :</b> 200 caractères max</li>
                     <li><b>Visuel</b></li>
@@ -899,10 +899,10 @@ <h4>Mise en avant texte</h4>
 
             
 
-<figure role="group" aria-labelledby="figcaption-1577827454">
+<figure role="group" aria-labelledby="figcaption-294850391">
 
     <img srcset="img/charte/atterrissage-mise-en-avant@2x.png 2x"        src="img/charte/atterrissage-mise-en-avant.png" alt="" width="770" height="146" loading="lazy" class="o-sg-prism">
-    <figcaption id="figcaption-1577827454"><ol class='ol--figcaption'>
+    <figcaption id="figcaption-294850391"><ol class='ol--figcaption'>
                     <li><b>Titre :</b> 100 caractères max</li>
                     <li><b>Texte mise en avant :</b> 500 caractères max</li>
                     <li><b>Un seul CTA</b> en exergue (CTA = « <span lang='en'>call-to-action</span> » permet d’encourager l’utilisateur à cliquer.)</li>
@@ -934,10 +934,10 @@ <h3>Le composant onglet</h3>
 
             
 
-<figure role="group" aria-labelledby="figcaption-918245527">
+<figure role="group" aria-labelledby="figcaption-952065007">
 
     <img srcset="img/charte/onglet@2x.png 2x"        src="img/charte/onglet.png" alt="" width="770" height="362" loading="lazy" class="o-sg-prism">
-    <figcaption id="figcaption-918245527"><ol class='ol--figcaption'>
+    <figcaption id="figcaption-952065007"><ol class='ol--figcaption'>
                     <li><b>Titre :</b> 150 caractères max</li>
                     <li><b>Titre onglet :</b> 20-30 caractères max</li>
                     <li><b>Liens :</b> 120 caractères max</li>
diff --git a/styleguide/sg-grid.html b/styleguide/sg-grid.html
index 1324670..a457119 100644
--- a/styleguide/sg-grid.html
+++ b/styleguide/sg-grid.html
@@ -608,11 +608,11 @@ <h1>Titre h1</h1>
                     </div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1063249583" aria-expanded="false" aria-controls="collapse_1063249583">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_142302274" aria-expanded="false" aria-controls="collapse_142302274">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1063249583">
+        <div class="collapse o-sg-prism__collapse" id="collapse_142302274">
             
 <script type="text/plain" class="language-html">                    <div class="row justify-content-center">
                         <div class="col-md-10 col-lg-8 text-center">
diff --git a/styleguide/sg-typography.html b/styleguide/sg-typography.html
index b23e4a9..671d1ce 100644
--- a/styleguide/sg-typography.html
+++ b/styleguide/sg-typography.html
@@ -567,11 +567,11 @@ <h2>Titres</h2>
 
 <h1>Titre H1 - Lorem ipsum dolor sit amet</h1>
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1578027297" aria-expanded="false" aria-controls="collapse_1578027297">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_824876972" aria-expanded="false" aria-controls="collapse_824876972">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1578027297">
+        <div class="collapse o-sg-prism__collapse" id="collapse_824876972">
             
 <script type="text/plain" class="language-html"><h1>Titre H1 - Lorem ipsum dolor sit amet</h1></script>
         </div>
@@ -583,11 +583,11 @@ <h1>Titre H1 - Lorem ipsum dolor sit amet</h1>
 
 <h2>Titre H2 - Lorem ipsum dolor sit amet consectetur adipisicing elit</h2>
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_2083099887" aria-expanded="false" aria-controls="collapse_2083099887">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_161380125" aria-expanded="false" aria-controls="collapse_161380125">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_2083099887">
+        <div class="collapse o-sg-prism__collapse" id="collapse_161380125">
             
 <script type="text/plain" class="language-html"><h2>Titre H2 - Lorem ipsum dolor sit amet consectetur adipisicing elit</h2></script>
         </div>
@@ -599,11 +599,11 @@ <h2>Titre H2 - Lorem ipsum dolor sit amet consectetur adipisicing elit</h2>
 
 <h3>Titre H3 - Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_257163610" aria-expanded="false" aria-controls="collapse_257163610">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1137080310" aria-expanded="false" aria-controls="collapse_1137080310">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_257163610">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1137080310">
             
 <script type="text/plain" class="language-html"><h3>Titre H3 - Lorem ipsum dolor sit amet consectetur adipisicing elit</h3></script>
         </div>
@@ -615,11 +615,11 @@ <h3>Titre H3 - Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
 
 <h4>Titre H4 - Lorem ipsum dolor sit amet consectetur adipisicing elit</h4>
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_419162327" aria-expanded="false" aria-controls="collapse_419162327">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_514509225" aria-expanded="false" aria-controls="collapse_514509225">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_419162327">
+        <div class="collapse o-sg-prism__collapse" id="collapse_514509225">
             
 <script type="text/plain" class="language-html"><h4>Titre H4 - Lorem ipsum dolor sit amet consectetur adipisicing elit</h4></script>
         </div>
@@ -631,11 +631,11 @@ <h4>Titre H4 - Lorem ipsum dolor sit amet consectetur adipisicing elit</h4>
 
 <h5>Titre H5 - Lorem ipsum dolor sit amet consectetur adipisicing elit Lorem ipsum dolor sit amet consectetur adipisicing elit</h5>
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_332783880" aria-expanded="false" aria-controls="collapse_332783880">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1544936706" aria-expanded="false" aria-controls="collapse_1544936706">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_332783880">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1544936706">
             
 <script type="text/plain" class="language-html"><h5>Titre H5 - Lorem ipsum dolor sit amet consectetur adipisicing elit Lorem ipsum dolor sit amet consectetur adipisicing elit</h5></script>
         </div>
@@ -647,11 +647,11 @@ <h5>Titre H5 - Lorem ipsum dolor sit amet consectetur adipisicing elit Lorem ips
 
 <h6>Titre H6 - Lorem ipsum dolor sit amet consectetur adipisicing elit Lorem ipsum dolor sit amet consectetur adipisicing elit</h6>
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_2032403684" aria-expanded="false" aria-controls="collapse_2032403684">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1534023475" aria-expanded="false" aria-controls="collapse_1534023475">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_2032403684">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1534023475">
             
 <script type="text/plain" class="language-html"><h6>Titre H6 - Lorem ipsum dolor sit amet consectetur adipisicing elit Lorem ipsum dolor sit amet consectetur adipisicing elit</h6></script>
         </div>
@@ -670,11 +670,11 @@ <h2>Surtitre et Chapô</h2>
                     <p class="subtitle">Surtitre. Lorem ipsum dolor</p>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1474124154" aria-expanded="false" aria-controls="collapse_1474124154">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_2123541235" aria-expanded="false" aria-controls="collapse_2123541235">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1474124154">
+        <div class="collapse o-sg-prism__collapse" id="collapse_2123541235">
             
 <script type="text/plain" class="language-html">                    <p class="subtitle">Surtitre. Lorem ipsum dolor</p>
                 </script>
@@ -687,11 +687,11 @@ <h2>Surtitre et Chapô</h2>
                     <p class="lead">Chapô. Lorem ipsum dolor sit amet consectetur adipisicing elit. <b>[b] Magni ab soluta eligendi</b> sed earum <strong>[strong] maxime possimus</strong> quae vero <em>[em] sapiente voluptates minima</em> at cum nisi quia, <i>[i] porro in temporibus</i> quas obcaecati.</p>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_221609287" aria-expanded="false" aria-controls="collapse_221609287">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1656525710" aria-expanded="false" aria-controls="collapse_1656525710">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_221609287">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1656525710">
             
 <script type="text/plain" class="language-html">                    <p class="lead">Chapô. Lorem ipsum dolor sit amet consectetur adipisicing elit. <b>[b] Magni ab soluta eligendi</b> sed earum <strong>[strong] maxime possimus</strong> quae vero <em>[em] sapiente voluptates minima</em> at cum nisi quia, <i>[i] porro in temporibus</i> quas obcaecati.</p>
                 </script>
@@ -712,11 +712,11 @@ <h3>Paragraphe par défaut</h3>
                     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. <b>[b] Magni ab soluta eligendi</b> sed earum <strong>[strong] maxime possimus</strong> quae vero <em>[em] sapiente voluptates minima</em> at cum nisi quia, <i>[i] porro in temporibus</i> quas obcaecati.</p>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1519028736" aria-expanded="false" aria-controls="collapse_1519028736">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_573531772" aria-expanded="false" aria-controls="collapse_573531772">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1519028736">
+        <div class="collapse o-sg-prism__collapse" id="collapse_573531772">
             
 <script type="text/plain" class="language-html">                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. <b>[b] Magni ab soluta eligendi</b> sed earum <strong>[strong] maxime possimus</strong> quae vero <em>[em] sapiente voluptates minima</em> at cum nisi quia, <i>[i] porro in temporibus</i> quas obcaecati.</p>
                 </script>
@@ -734,11 +734,11 @@ <h3>Autres tailles de paragraphe</h3>
                     <p class="fz-16">Le symbole * indique les champs obligatoires</p>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_267369136" aria-expanded="false" aria-controls="collapse_267369136">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1378539557" aria-expanded="false" aria-controls="collapse_1378539557">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_267369136">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1378539557">
             
 <script type="text/plain" class="language-html">                    <p class="fz-16">Le symbole * indique les champs obligatoires</p>
                 </script>
diff --git a/styleguide/sg-utilities.html b/styleguide/sg-utilities.html
index 2726881..e029cd1 100644
--- a/styleguide/sg-utilities.html
+++ b/styleguide/sg-utilities.html
@@ -544,11 +544,11 @@ <h3>Les couleurs de texte</h3>
                     <div class="text-brand-2">.text-brand-2</div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1727817831" aria-expanded="false" aria-controls="collapse_1727817831">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_2127614493" aria-expanded="false" aria-controls="collapse_2127614493">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1727817831">
+        <div class="collapse o-sg-prism__collapse" id="collapse_2127614493">
             
 <script type="text/plain" class="language-html">                    <div class="text-primary">.text-primary</div>
                     <div class="text-white bg-default">.text-white</div>
@@ -571,11 +571,11 @@ <h3>Les couleurs de fond</h3>
                     <div class="bg-gray-100">.bg-gray-100</div>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_453357284" aria-expanded="false" aria-controls="collapse_453357284">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_239388997" aria-expanded="false" aria-controls="collapse_239388997">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_453357284">
+        <div class="collapse o-sg-prism__collapse" id="collapse_239388997">
             
 <script type="text/plain" class="language-html">                    <div class="bg-primary text-white">.bg-primary</div>
                     <div class="bg-white text-dark">.bg-white</div>
@@ -600,11 +600,11 @@ <h3>Les alignements</h3>
                     <p class="text-center">Texte centré. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid quae quaerat similique, nihil beatae ducimus excepturi hic voluptatem illum quibusdam eius incidunt pariatur, nesciunt tenetur? Tempore accusamus ab amet quasi.</p>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1772570920" aria-expanded="false" aria-controls="collapse_1772570920">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1616477985" aria-expanded="false" aria-controls="collapse_1616477985">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1772570920">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1616477985">
             
 <script type="text/plain" class="language-html">                    <p class="text-left">Texte aligné à gauche. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint velit, delectus debitis vel exercitationem minus. Ducimus fugiat sit voluptatum hic harum rerum velit cumque, voluptatem, ea natus quas? Velit, rerum?</p>
                     <p class="text-center">Texte centré. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid quae quaerat similique, nihil beatae ducimus excepturi hic voluptatem illum quibusdam eius incidunt pariatur, nesciunt tenetur? Tempore accusamus ab amet quasi.</p>
@@ -624,11 +624,11 @@ <h3>Les graisses</h3>
                     <p class="fw-bold">Bold (700)</p>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_674795445" aria-expanded="false" aria-controls="collapse_674795445">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1959484213" aria-expanded="false" aria-controls="collapse_1959484213">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_674795445">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1959484213">
             
 <script type="text/plain" class="language-html">                    <p class="fw-regular">Book (400)</p>
                     <p class="fw-medium">Medium (500)</p>
@@ -647,11 +647,11 @@ <h3>Les transformations</h3>
                     <p class="text-uppercase">Texte en capitale</p>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_703717840" aria-expanded="false" aria-controls="collapse_703717840">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1043755861" aria-expanded="false" aria-controls="collapse_1043755861">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_703717840">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1043755861">
             
 <script type="text/plain" class="language-html">                    <p class="text-uppercase">Texte en capitale</p>
                 </script>
@@ -674,11 +674,11 @@ <h2>Les faux titres</h2>
                     <p class="h6">Style h6</p>
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1612900035" aria-expanded="false" aria-controls="collapse_1612900035">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1677639762" aria-expanded="false" aria-controls="collapse_1677639762">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1612900035">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1677639762">
             
 <script type="text/plain" class="language-html">                    <p class="h1">Style h1</p>
                     <p class="h2">Style h2</p>
@@ -713,11 +713,11 @@ <h3>Séparateur sans sémantique</h3>
                     <hr aria-hidden="true">
                 
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1724098654" aria-expanded="false" aria-controls="collapse_1724098654">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1904446296" aria-expanded="false" aria-controls="collapse_1904446296">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1724098654">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1904446296">
             
 <script type="text/plain" class="language-html">                    <h3>Séparateur avec sémantique</h3>
                     <hr>
@@ -754,11 +754,11 @@ <h2>Les bordures et radius</h2>
                         
                     
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_525485619" aria-expanded="false" aria-controls="collapse_525485619">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1234485943" aria-expanded="false" aria-controls="collapse_1234485943">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_525485619">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1234485943">
             
 <script type="text/plain" class="language-html">                        <div class="border"></div>
 
@@ -792,11 +792,11 @@ <h2>Les bordures et radius</h2>
                         <div class="border rounded-md bottom-left-radius-0"></div>
                     
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_962097793" aria-expanded="false" aria-controls="collapse_962097793">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_654730814" aria-expanded="false" aria-controls="collapse_654730814">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_962097793">
+        <div class="collapse o-sg-prism__collapse" id="collapse_654730814">
             
 <script type="text/plain" class="language-html">                        <!-- Supprimer le radius haut gauche -->
                         <div class="border rounded-md top-left-radius-0"></div>
@@ -824,11 +824,11 @@ <h2>Les ombres</h2>
                         <div class="shadow-lg"></div>
                     
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_384724065" aria-expanded="false" aria-controls="collapse_384724065">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1836760583" aria-expanded="false" aria-controls="collapse_1836760583">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_384724065">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1836760583">
             
 <script type="text/plain" class="language-html">                        <div class="shadow"></div>
                         <div class="shadow-lg"></div>
@@ -940,11 +940,11 @@ <h3>Les paddings</h3>
                         <div class="border pr-6">Padding right 6</div>
                     
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1468678384" aria-expanded="false" aria-controls="collapse_1468678384">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1026274286" aria-expanded="false" aria-controls="collapse_1026274286">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_1468678384">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1026274286">
             
 <script type="text/plain" class="language-html">                        <div class="border p-1">Padding 1</div>
                         <div class="border p-2">Padding 2</div>
@@ -1080,11 +1080,11 @@ <h3>Les margins</h3>
                         <div class="border mr-6">Margin right 6</div>
                     
     </div>    <div class="o-sg-prism__code">
-        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_346688427" aria-expanded="false" aria-controls="collapse_346688427">
+        <button type="button" class="o-sg-prism__button" data-toggle="collapse" data-target="#collapse_1130095398" aria-expanded="false" aria-controls="collapse_1130095398">
             <span>Code HTML</span>
         </button>
 
-        <div class="collapse o-sg-prism__collapse" id="collapse_346688427">
+        <div class="collapse o-sg-prism__collapse" id="collapse_1130095398">
             
 <script type="text/plain" class="language-html">                        <div class="border m-1">Margin 1</div>
                         <div class="border m-2">Margin 2</div>
diff --git a/styleguide/svg-icons/sprite.symbol.html b/styleguide/svg-icons/sprite.symbol.html
index db39496..0f3f205 100644
--- a/styleguide/svg-icons/sprite.symbol.html
+++ b/styleguide/svg-icons/sprite.symbol.html
@@ -1971,7 +1971,7 @@ <h2>youtube</h2>
 
 		</section>
 		<footer>
-			<p>Generated at Wed, 23 Apr 2025 13:08:30 GMT by <a href="https://github.com/jkphl/svg-sprite" target="_blank">svg-sprite</a>.</p>
+			<p>Generated at Wed, 23 Apr 2025 13:11:13 GMT by <a href="https://github.com/jkphl/svg-sprite" target="_blank">svg-sprite</a>.</p>
 		</footer>
 	</body>
 </html>
diff --git a/styleguide/zip/logotype.zip b/styleguide/zip/logotype.zip
index 36d0a342dfa22311f3a7c470524bdad01d7d8be8..c0d620d47347681975b61ddcfe2b72bb0dcd0c32 100644
GIT binary patch
delta 222
zcmX^0)b!L-Q|<t7W)=|!1`ZB}h>hHHSr{XlSF*IPWMKqiCLm_szLJIIA|qo&do>#i
z5VLNtW@Gb|W{lW=RFO@N4=DabpACrFftX|a6MfEnH=tNZ8RzzpGOpltKy@orxP^i0
zrZX1t3b&s(;@*DVh^KuSP{0u=us!Q0&+$4SrxC<)jo=lO0CK_$crAd`gaTemAax2t
fu@r)Nc7?nSK*4$lbpS#E&9(;$0!;)_K(jmnTs}oe

delta 222
zcmX^0)b!L-Q|<t7W)=|!1`ZAe=8fEQSs0m{SF*IPWMKqiCLm_szLJIIA|oSndo>#i
z5VLNtW@Gb|W@O%eRFO@N4=DabpACrFftX|a6MfEnH=tNZ8RzzpGOpltKy@orxP^i0
zrZX1t3b&s(;@*DVh^KuSP{0u=us!Q0&+$4SrxC<)jo=lO0CK_$crAd`gaTemAax2t
fu@r)Nc7?nSK*4$lbpS#E&9(;$0!;)_K(jmn1JFLC

diff --git a/styleguide/zip/pictogrammes-fonctionnels.zip b/styleguide/zip/pictogrammes-fonctionnels.zip
index 448f259804b2c6d02065cde052bc983387689a39..e643ec6a5202540a9e3a9cf346c08daf443fa0c9 100644
GIT binary patch
delta 1055
zcmW-eNlcSb6oo0RP(-2lGe}XS0c4a^WGobDK_g<&g2+$>BgkM-89LB;05uKK%`-&Q
zsEH#X!88S9jmpMoP@^my7Z{_78x07?frZ08|K@!6o}T;O{a=SYfy17_(A`x+QDi`X
zSRByc4NVdX8kk)8jZ`N3P8ziW8WOZ1Xz(ouSp)>V_<10qB2)s@t-b<tIgA0PBpx7U
z&2K;wc@`Lp+5`NJ))H9L+K1F^h?T)pNjJk27&+gGxB@uS>tf-&TmOTa7x6pbNfY=x
z9?1B^w<n5WYLbG1#^ldHSxN@bow}32{ArlJl|IHNGVj5Q&YC3eY1SOPG5I)9mwgwI
z<Rk()xo?0~`Eo!>>kvu{Gl6bJ1%Y{smZ-T}EJSlt`HS>&$rM?8OZiJU)gNji)EdmR
zmR|!xw)Oz#ZAN-r-%{lWI#1OIUN50K4`#h42IjGvCg4eJHh~G8oKI4B2eFxY1Dswb
z$7&n#SClt}Az7o90!Q|>126ZV0lHe0z>Nb182xZC3tf2IMPTAkClJ%|h`<)z99!(1
zCd1n$f`9vP6lR`vzehKI^dzvQCl1)vYb3D8efgyS`ie+pB92w}r&49?FD9MrFC?Ak
z>kM51)onTz>2)2_A9;<}BdOJwlAhNi|4Ls%8fidXZO9`%Zcvh{q#S!~NT*6*L|<ye
zq?K1cuRo1QZyLa4$AFqtlf<$619Gb7c{kOhpt{wROFC*ode(&7!p%9P6=qD@&B*x8
z$Sj!gbtx8Tiv|8U3;bCNk}IvK%dGIdMI1YA-AL6G?|!i&k!(XkYs0>yHryAX=GZ4&
zB2~e5{HC<S)!EBPr|fv6dEQBOpl)_xFXljU#(^yaPWTEZrh1)tfe9y0|H{{CE;#Kj
z<S)4J%5PoRj&sAQbYsft#tD8mPFv)CZx_cDgV?Eg5PMu2#EEl*$VCrjlU5F?{{yCE
BUf%!!

delta 1055
zcmW-eNlcSb6oo0RP(-2lGe}W{05VD{G8Rf{K_g<&f=HkWMv%dvGIXHxgqnuv<{2Vt
z)WngHV48xlMrC6(s8JS<3yjgkjRpkcz{264e{;TjPtSet{;$K{;9+lY`0g5^C^{%e
zEDjR-!c&C;A(IKektU12lg6xohJ`E$g#P6ai-4dPKMy8Ug-d{j)mLCHM=;=&#0$i&
z`3*>-&jMpHdw{>OS^{fc`;eLq@yYO1(#`M$M$UgCp%~8ex_CJ6*8ia9MdA*4(j@+l
z2g&^5+f&3aHL0OMQ`%>sB0U@E$=FF?flN%_${OPnIrrej=1!9LG<Oc(m~0$q$h!+j
z@>78Pf;YgbA{n5dbqLCm9H2*DMPR<tC2Fpg3DMkC{35+vK1J4EC4UL0`a?~WT7#Lk
z%4<N_)?UE8%}9^yU#cEK=dBsR>m}6|!fe#U!8}&i3_PjNBQSxJ^Gh1;AU4xzfYayX
zSbY=zipu5)B<r+N;K;rX;N|`^KzFMGxN)EuqaP0DqKj<52uvL60^&L!5!j-eV~btW
zWca#8@NXZE!OXLs_vprto&>h^CIGwoj0E<$zlii-e<^9Qh-0+_8B`eu%19>%N=WDV
zI$Kvvb-PYQdR>R~M_v>4NNV*;((`)cU+K$9qYbEQ4TYq~4GL0~lw+?ASyTy(=#@rH
zT6qod`qPN?ra?@04ys8tsT{jMD5GkgcQZ_Ks@qHjq@yOJXHB>*(wt9PWyYl4j7-3c
z%z_zTmu`W!THv3vz@N1sxzdWd!V2G4%CXbdjZ{tX?iVW(X*MLZHtaiU!+lX|j(xJF
zP!(#&ZwfnHoxOr|%8oah=bbbM>J|s~Vh$u{9N0qOgfDkus?UiRm~i6suY8^9g45wb
z{(=jy{MLo-I5(VXH>R9!oDgv1v_;<cb#qMa!A>n6>~YD16X!h0#SZ0>Ru8HF19(6y
A6951J

diff --git a/styleguide/zip/pictogrammes-illustratifs.zip b/styleguide/zip/pictogrammes-illustratifs.zip
index f8751e0a8566ad98b2be9705e0bd7d0329b95341..dff0edee988ece6380721222a5725f5af76803be 100644
GIT binary patch
delta 1506
zcmXAodrZ}37{_^kmsbcx<)9qL@dlm)=K|*dhr>C*5lJKPlr&_C&D7DH3pTn<g`l~>
zt%l~T&3>i1oQBv|3bpuQu`)Usjo6%GOJ*0+HHan9w1pd6-{(1hefC`5@B4k9-}5`N
zU_G*6O?)b%YN>H?@$qqWy@@ZSh`P^TOPNRjcH7=c2L5(kUJZ0tH9rEZt^Fto7}_%|
zfn)oU{J^PGqlv)t-OJ;FLzmjAru0=W1!}GiQDhx`md+ixWg+R#KVDq|=>OEA#oVQc
z1!T>gNumu+<}IuEm*Q&~q8n{ybH4B_2D{3Hjq-z)qR<Ndw?{bO$z0PY`l<eNv)Hl>
z%<L2uFk&{mBMy`P%vlji2c2Jw5$by|A`<a3Q;ds(MPT8CxB*?GH%D4b+qCF`VRLj&
zj8pN#y!evDo>P>cC|{hQ{MiDo>rj5TfQq5)VDo2`VKQs)Q4;78-T~zb<!6VKJ9OFD
zm=a9|-=9*dNpEUS`HlF)LuDOtT2a5ld80QECI(Z~5R%3m1xwP^&J1*%469kBG#F6>
zbkqDZY7$X4s9#|G=D>cnk#5dzR~J@-jt|r*jbr*#H5GB+_i7g%KYvrbsex_d>W4HP
z+qAl#+RHU9B@L`i*K$d&!=a7SwY#dcRysGnU2CQ3J-t_(SOEsxv_2a+^Pbka25jut
zK7pNX>##;2W#x74Ao1<n+C_4;aZ3A(+`8wr6BK`|>-RIkKBwNY9Q2jxyJ=p>EA?68
z>os~k&HwHWy@Bf0FX)+c?v++OgYxgT>({7n-%<T5dPe4Hy_ZH-UW$=TcIo`4#oy@3
z^pR}W^?5WK%fcu+Z|gavu>Fo6p@*EC*IP(=m6R7~URTrP3Ov;KWxd=8thUQAu+uIp
zfOB@a8JM(l&FPTkh#DR8QQ)FOJ_g)($TGm6#Vz}@xW&wpPavsfb5xPdwKuX^?8jI#
z*~!Ujr`&+fV@|H!aLQ6dOI>`!HWwd1;o_DtmyDpc*3HR!x7>v2yqoRbb@PENk1R&A
z-oxfU_ORwX5BtRWTa3qZqzer%=ddFF0J?iN25&A$O}VV!lgq-`dy65w(u2NSFTb?O
z%Qt`Kl_f~t^KzfZ$7t~Jm6v?nIpgCe`trEel*b;i@iZ^&I!!i^FDrpV`TVw#7}5&l
zlSu9@kTpPm0ULT)z+xqSK5*F2Dp5asRts6IG6t-+#W+*Qm;PGFqp%0$7D&Aq;KP>#
zZ2duig^P+<>R=InvS=*Qg0cz+wg$NqTWv8;2W0@Mu^?-#3h`92*B0YINV-uu8%s@w
z_$~fo_JqZ@7)Ohx7Yzf&>|#*~o31F~Z`~2Yl@gw+R?11NHLc&9rF?y~l&xW%Lr6x#
Taw~8$ENg+8Fxv@kklX$TPY}rL

delta 1506
zcmXAoeN5DK9LM?o9=<{#Du;58^9j6zdw@IO?zjU^B#S^w8nVo0>S)dd8$C^hpt-=U
zhUTixeyO>fhS*jLwfJGNGCGV#Y)-Kyvj@^Oh$Yapb#83EKcD;Swa>%%{e6Ewzt8XR
zg7xr%HTlUJRZCAuNK8yn`;uQu6YA%$rA;OQyKHZz0)M+Mtp<9kTOI<|)_;@&4DTM1
zz|p-ae&FQEv1H)+p5=+a!HXSKQ~GO{0(Do0DYA||OXv3Aw2*YyAFnO}^nad4i@8$~
z3&@%~QbaqN%$rv6FU420L=W1`mO|lK40e|b8|8<pM8FFEw_7;i$z0PU2B`jXi`cvj
z%<dAEFk&{oD-MzV>=_Zx1f5@tQR=%tDw6RsQ%s1WMPOi3T!*gFmnSWzZASFMusJp_
zCa8EmCcY%G=M?29%9kW5f3||_I+foopkgT7+5Bl`gv{D|l_YwEcTl-Z`MF``HeEJ8
zu0+$p<I_ql=}pfozY%|UpsXX#DC&1OZ}b(w#88?VM$(w4U`eLhm4%KI5jBUDhHBIx
z-4uI9O(Dug^$U#O9Neci(apIX>cUFU@qrqpam;+GrX%kEUhSsi=WeJsG_ZX_{g9?(
zn^D(OdxfT@Wq|dWT0Y5jI<yJ8c4xKLM&~BBX>ByUr}k)*E5J~@)^7u6-`CpKfK3D1
zC$Q6F9nt8cth}ZjAii@;yFjisPHTUWTX#%5M)9}0elHvBcj~RnL0`GPi{|xql|Dy&
zy-shS`QO>DH&VU!1wEV2z0#&<QU1LS{VMhCJ)(a_&&WQd_tD5I$}qC2Zk^w>_!~Wy
zK9cR49z(OSEP|r*mYzon+ivSM^pLYLy_J+#NqL^;btOZtz(b8+*2|5+YP*a8JM6L&
zIBS=W08@6ZIUTYBQIkVH3|w%?M}d0|Sq}JfxMg1sx0pHdaU``|jw*Ax_C_v?{TNTC
zIyqVElpD}_)XBB$PFaR%sf%ye>f+<aT--A5k~OHUb#t=8EjJ-L=VrTi+<YL%BTJBM
z@UZ!hJ*;`x!#=V87UQuz=|aQHd8~*(fbO1)!<)}hb3W_$=Cd&N-eL%^^q?=_%P(#A
z^39)lWhs((z1-*VF&ce*<wYNN&ieR?z5=c_7qCZcJk1NcPLmB5$|~SsA-`=jj*KGt
z1d@A-WF0V2#D*Reu~?~}4;=EdO4QGu)c}iC#evnf7^ee#>8}AEg*_-YL+ZsKAHEc1
z>-U2!TwKgj2a5TVMdOhclGQk{CB&WBYKw6yB!ftehgf4(n5T-pwix@v(v8ZQcxo!l
zZ}FF~CoHzbI8q|LXc#PE7mG^SbY&@j>&`eXm-1A#GEQQxY5m?T<LjekYz^xiMzSU%
Sw*V(1vL2X?u$|Bbx%Gdvbclig

diff --git a/styleguide/zip/starterkit.zip b/styleguide/zip/starterkit.zip
index 82284cd6e05b0ceb71b6e0c988298c6cc16722d5..2439d3aebbbd79b3cceb44c3f4c87c147fd0064e 100644
GIT binary patch
delta 3194
zcmXw)d0fr;8pqG?_dCDydrqZ>gCaL04R@@Qacwh0H1-;0>mV{nbuf&ru?!<!%WxUj
z@D(!{uRAWGtaGBNYnf?NLaDUThAb)3PV+p^dEI|{_dMUvvwWZL`F+2MyF3zidD#0+
zRP^n2I?(AXd+fVOp?msz;GfCeCCi@GJtgzG!@uYy^93)}*%4tjxf9lP>)|3<_8uGh
z2^z&iy$uL=FXI|SpUXX`NFmm#4pO~@^l_9Tmq-@topsVzBP5IPikJF1S;E9j`&*ko
z$O_Qu<OoT8?F${O|Bja;1JuZp!C#gOSCc$fGF#W1<lXI%4n5>nBk?2o6qdKf4VQD>
zkUz|p_uC<RhRW9+kWW|2kFXUiCifbMY>Abh*(0CC%O3->%OCPlT2Dxmm%NAUT_Bf{
z?NlnSqxc<FvM1F^sFx2oA*XA~YSLvmE3Q<hvYT>{bdmj(_GCv5QT`-d&^Tp68)Wn}
zWf;X*%u%MeAcux4pObFGCMAc~r|nik+aeQ>DhsHe?kAOFlt1aR65xt-yQfr=4$71d
zX`cgX6n_mF*`U-=-qo_cg!(lb^$q0rZ>!IvJiR*WUz5LUH@$u>(&Lc+oypORQ_cd9
zq+UjyuE|w+9@6)<&W_c8Mwt%9=^r_<;?0ooHpTWj-4-|Dx5D5d{JQBi>y;G!OB!5s
zw!WC;+l%!QZFI*AeQA5iEJhZBNen)u|G;`&R{udQ6xyk8iTNgV1hI1$wS*#CdaD+)
zLk6nx?#S)|>S)?pSg<;k))QB%y@-{Y)hw!*uv^_uBOd#c>e?AO|2MUiMm8oz9ncB6
zrbN9#@t;+zwfMWVdcIK;XoN3S!zfxG(ADsfGjD9Q>}_eV)9Ix5#kCunho~%rPS!Jn
z3^J8DJJQfV?VMa-h@y1fD-2OI`J(R(tsRNNklh7&{-PnOE7B+1kVb7fmmA#ZL<dzF
z_7T$?4C&Nvl&S%?A^e|!$$F`Sc9fjc-L-Ze$gnY*=zx?0wQp&f8-q1R3f{F;`;Ly$
zDO}q|>j!pfBPlNbfaXPh*P~h$>FuJm`?SaMD_SPa^5P9`8tv7tNb6%l4zAXmDc__f
zZ4Sl7NDxMwaB%@a`ObPk63sAt5DaL8-(s{k1Sv?nvCu<8dX8g?nrdu*(Rk=6Inoz;
zC$44fbDd7NL=xv_fQ#rq7F2P10<>Vr$%$~8Lg)KJTS~Rc51PncHW><tK2sr$=sX>+
z67vG!rqqVA*84pEZLg%$<p}?+nDk*SI9Ri1z|W*wJ_|Mz>jGg9Qf!-pSuNJhK`?{d
zMROs9IC>sL64T~`FVQ6!dJ(-BLIg1>1PX1%My{y1>W9VfV5nH%dMuU|1~W<3ZxIY9
zE?I2j=_SxrMmv3}ty+(-VH2&NSPlka><Y|^+_?(g*ann8D{=UF98j)~2IMS?8o@!F
z4~O4Twe%ZkN7*9QLK#IZTn~-Jxf^WRuWW?(X#M6Um`DD8n_)2PB5ii+KVco&qqo}j
zwrm>=Bm2~L=#LZy-$NFfu{$7x+~58SJ|>>q1zU(iet?a{xIJ*v)@<gg<weUCoi5HG
zJmaxhzg9f#sJ*bBj<2JDTO_YI05!zigAh*sNrzz)*+-7R6k_dB2qgv{gBI$3#;*`V
zHvAX7h~rPdM5OSSjV9}fli)_q<Y?GRoOBw}iCtn~6^S+}DEc)P0x6Sx9)f8x^aA7)
zy)VIGTjSOd%>_w#hUb<2zksvVV6_QK;y@!|<z?GoJmO(0C0dgJorrt?2iIwR`ZbtN
zJaZk+N%#>2{Q+xmUEEIsPbpN`C&NI5S2E7eB335jDVW9SWcU<OnGByJ`lY~Uh{Y-3
zjgqq|xJ9#QNx`yaF*p^*A~vR?Bt#^nVqA!5O2uhd1U`8t@kJUZj!1*y@c(B|q@=+p
zjIzH8a}buBFbk1%6BZzPr{fR6EOw>y+KY4uLd!P;@IAzgvPoRa06+Y{-7T1nSayqb
znYUQiKNBqIJebK=Qzoy?xXl@Vzs=4rci6e^4g{hy?+&khau>e|v)F%^%hcaxWk427
zE@nX(uDNBib3-<KiPpnx?)lSu9Psl!Fr%~X9`9gQ4(CkFf%)ik&t>I?TuxSC!;n0-
z@clB06L~Nmb+7U`|K$5DkGapgbI4~{^0{bwK7Ko9(W8JR5jGSTa5a39XdFihd3Wy$
zSu(ST+lw#awNAyXTwe?eQCU{Z+wy(Dus(oA=<NOwmLYz8$i2LN$jPRZaKM!k&f-$a
zt>e3665C4g^S~jN+J;yLU!fIU##3-A$4|v9zA5M62j$%Q&<ai*Rl%w1EBLhLJ!0$X
zBfQ<r;_r`H8S$8{r;j-tpB0+rr6*jwT_s!ioS4M+O8j}_c~o)>-cNbM|9Q%_+dN~r
z<ryFDpEkVzoM##FoSj9_x!F-KxadzWxFM|y0x)M#6)Z-iSHW_`h?m^S@t4?_ML1T&
zI7C1-_#p5BF$rrm48{NP5%EQgsDTNH?`zn~tHCq22=`Yo8L{dWM_sqUsg@<PYw>4o
z5izwK*I0{_wTSVr+4}J{eq|O>_!_=I^nSxwYeVWA4tK6&1lw?-jsu$OIDAY!-d+}Q
zupXu&Ue>d7SOb2?7O|xP#vn2pIG{r#mkn-&(dazY$jZ7#R*q_7<@P4t`CS`an|Upy
znb%^PIiS&IdA0D`&K7p&wy?zQEn8u4**g1{x6=BStK;Qu5;Nc7g=7)C-?1R)9j~~x
zf<HQ!welFRw32h5Y{Z%F^D&M#(#6u=*eB<2VresU*cWU35Et$n>4e-RQi;WqktTRi
zGScD5vXKUfw=`KtY<M9XX%Yh!BONJT&NQA3g`Ms793H6WWXJWK8gF2ekX0jHoP$&r
dY*3BV=WUhqcQvp)%wVL8^9)&LQExDg{R?DKW90w<

delta 3194
zcmXw)d0fr;8pqG?_dCDydrqZv4vO52bh%@ljIqri8heehWr<vb!Z5bRGK_RB!)3aL
zub9Dj%@{&i=R{N2GSjAn(q3AGEGf}W_j#W4x_`aT^L#(g@_oMN_x&d9bx+vqZtFWy
z(YMp-K&LZB*mjj1Bl@^YZ6hXklS~oodPvHJqd)5<<&vlBWRI9(b|Y-;+TB?)?LRT(
zQ#6W)co`6Gp2qcv-dB4}ksK^j?WB4M>1{8CFPBV~dmE)MM@S~&87K91Fa?WQjz_&e
z$@JIh<S<Em<pb?4|A~{r{Z)P5AiomfVwUGgie-~o-e*GEb(dR>#E;}NSl$vlT+VSt
zem_S(XoKvrM80W<e6~h@jICfXx#s|6ON{*77Wp(z{uq#*|CEo@dVH$9ye+a<fm}|u
zLz%ph;&)fc9#kj3UOwc2oUSSBNSE%UxKN$SuF7H3h4)q3ksUc$`HOUc<CF<)kWtf=
zp%h;+SDE6B91^O0PP)xom26s{woh5&h)g)HETn$AomNgz{=}<_zYEg!fl^62C|5qD
zefF<W{4`{EgHl6z*U9=)>UV}w-#~spM}02k>DfvDhWuT+>h&9t?nm_R&GrgTITPFy
zdm44RCKusxMBm3UCq_SvG98K4KXzcn+rgo2ifwhe?XJRiwZUEZcGYW^YsvaoG`OfN
zeKE;*73(G1=<b*LvUZXpMizou3_7C!yXB;;enKr2+Nke{`DS$lu~TQYlp<PssUc)9
z9-zj#A-nmjqiJiwLF!amPgtY&Bvx)yGpS<yK6Mw3c<hg=ODE)l-_<f2*_dRte@Eo{
zQuP+a535#d@qcOYc&o<K2w$m&QMBH_i{T?D-q<?XE2P0jr;|PqH*RU}qOu%1TFwnL
z$W-S1NJ9g)b9$j6lG1stHbm0oi@r6qb|4BvR%hhJ%ZA7<Nbf8|Dz)kK$lyvRI<U%c
zfSA@`NTYTmRSmEW;rA5GmMiVG<K&#~rkUK4!DBSh9w`NA-_SI-1ZnmZymy86Eghpn
zsJ4^V5AD%LQe6Ha&6E5t$F(Zb+eB%3w8ux+v<#Z%<y+b`+N({G*4vC6RINEtzDZ5m
zT#Ad9Aec7c><ohPop*;snqlZb=-&pv#V9WbRFF1fp}U0i7{?Sf)!6*f@z6oCr!Vwg
zY|DlhI-PF0BrePZXVGsgsN(DdXu*)v6X7a_F7N?IO10J(n#f)`848HrQz4b;G##!J
zbN%7A)P}Owdq4SozogS;3%?zhw4@g7ELk(*CsM7N4cmxy0T6){JLh6nlVw{V%p`Zw
zJXlN|Js-k}sSCh|=o|z+iC&8!jF`9>3a!OPuCBQ5i^XPGi}k6;Vwu4(i&TA=!f@j9
zWmcYD4qarl(^gokb^i*s()y`YU?9e<#;nLaYvHYRK>4#1hF`=1<>+WYPNJw0?8L=T
z_ybidz6KLz3)=wY6t!p*G!o}+wr0P!1=`a3?X57M{C&5<Al8Lj?UaAPMzTlmu<mW;
zP8dq|nO)EiDGI)WOf+M5Lpr&?`8Rw_ys#Ix69<0}TZpj{aN62z#@bays}!9s)*w9M
zuvy<$JnYE*u!)YZgMd3EuQ&uX#GJzrO8!YlVG`NLj=>aS?QvK_3^)NT)cwp~A)0LX
z4LphCPr*c_@RN;Z%c;}gO3tJx*g>3h7Sf2FqhT$Hwkjz4H3kAGlY9|^XmQCU$R~PT
zfuq*OEhCx>67dW#DhGcCCyT*i6_mz;M#9Rg*1@>P!Bk4LJ{~#}_x~4e()#opFr9er
zCR~v4BMAHx*5kU!O9T(eQP?KI0I99;Ov3q@#F`{L1x1`qg3l0@N$@$MZ!!!+EK3G2
zl$=k-Eh?fV8OthSPzsDiY)L_hgNRSTI0w;`g3~YweDciVi&Rb=mI}k+|IeOCPK8kz
zWqTXuB0_G%Y((O1ScvGAhJOG>>`mjfmuV1)mQOn1dx#ljv$&BCzWCd82j(DF-eFzF
z9oF^BfDm*Z&S0x4gV$!><&1yaWoPGm?A&+{0#KQIkJmoEkKcqM4&LW7_4irnpUINT
znGlR?u37BdoCW_xt0aqi{_Ft<{PX~3ptJ4)?_hQ|=S;|k1?Y6kVddr=PF7&W;9R!w
z{W6PFxiB7euX8#7<UE!~=kf0B@);rdTr@2oza2$%FJMWS6~zTy4PPW0$FV}*-TOk8
z%qrsc;)-~!V=*f?6~iJ_mKXE3d>%3^4`C@fyOqF7#1AFh%bOBTHl>sUu9b2Y=Q3^`
z-yO5qS%#kn4zbKS#B%r&t*COIg2N;HR21>`BMyG}h+7|0!HFX)I8}WGpVs`xY+Zkh
zx0@pV@r0FOPuP0)gv0S!p;=ye%C$|EY~gca7P~6(?~UhC$t`$2;|>4vjBB@f&hn7w
ze7JvE@xcq8W!MXL7QNtRN4?~tKfdIKv?}n&oPkxa43Sm^s}LhzaVIBVVP7U;Uk&3B
z{?*`(zz4)EEY&asf8!(KgBVc*6A<6ku$5bbXKWH~uVFG`?Q4#@X@x^AOXk$#-`XUi
zYdNm57AI>G<KM9L!yEj{Orr1&e1Yioma)N#l(!u2RL2Oi;!+(4G}m$Xn0mauOyY1o
zOhvq^XXnrc{EkgxdjpI?q&ILt`$jGs)Ci-|d8Uz-b&aeX)x^qOO}z8_R=70t+Tvzj
zi*DwCMyuu7!fSh4*qPJ964!TZ1;1nK{5#%C>pQNFm$zBWdXE>9N$h*ig6#La;@S#+
z=v>*#W4zW%&I7U$XL`WfINC@TOFLul?7xW>&CvcpjPXNU$TQLjxk;oF%OoRB@Ump2
z!;xhp4H9o@vW{8tQZ~{g1}H{4QoNjLJn0HM+vzzxK+nle>Nz#uz-A$<M!Gl$sw~*7
b8mZ5_D(CNFV0o~?NEhchvJ_EoFpm8n+5O;P

diff --git a/styleguide/zip/tarteaucitron-ds-ans.css.zip b/styleguide/zip/tarteaucitron-ds-ans.css.zip
index 0d2dcf6f26a1bdcf33964190db8281d6728f5bc5..cda6b595ca114010c947ab39c3a18b0a308a7048 100644
GIT binary patch
delta 26
hcmew<_fw8Lz?+#xgn@yBgCTt*w;VrX`eZGBe*jpz1=9ck

delta 26
hcmew<_fw8Lz?+#xgn@yBgMoh|w;Vqs|70zGe*jZD1tS0e