From 441a008a5a38fbeedf839a8a4d9bfc1181586752 Mon Sep 17 00:00:00 2001
From: victor <victor.zeinstra@gmail.com>
Date: Thu, 9 Jan 2025 09:25:55 +0100
Subject: [PATCH] chore: snap

---
 .../__snapshots__/a-propos.test.tsx.snap      |  88 +--
 .../droit-du-travail.test.js.snap             | 500 ++++++------
 .../glossaire-[slug].test.tsx.snap            |  66 +-
 .../__snapshots__/glossaire.test.tsx.snap     |  74 +-
 .../modeles-de-courriers.test.tsx.snap        | 104 +--
 .../__snapshots__/recherche.test.js.snap      |  76 +-
 .../__snapshots__/themes.test.tsx.snap        |  78 +-
 .../__snapshots__/Feedback.test.js.snap       |  68 +-
 .../__snapshots__/ReferenceList.test.js.snap  |  32 +-
 .../ReferencesJuridiques.test.js.snap         |  42 +-
 .../AccessibilityModal.test.js.snap           |  22 +-
 .../__snapshots__/Answer.test.js.snap         | 326 ++++----
 .../__snapshots__/Article.test.js.snap        |  14 +-
 .../__snapshots__/Breadcrumbs.test.js.snap    |   2 +-
 .../__snapshots__/ContactModal.test.js.snap   |  20 +-
 .../__snapshots__/RelatedItems.test.js.snap   |  34 +-
 .../ServiceRenseignement.test.js.snap         |  16 +-
 .../ServiceRenseignementModal.test.js.snap    |  26 +-
 .../__snapshots__/Share.test.js.snap          |   2 +-
 .../__snapshots__/Custom.test.js.snap         |  14 +-
 .../DisplayContentContribution.test.tsx.snap  | 152 ++--
 .../ReferencesJuridique.test.tsx.snap         |  24 +-
 .../__snapshots__/index.test.js.snap          | 734 +++++++++---------
 .../__snapshots__/Search.test.js.snap         |  66 +-
 .../__snapshots__/SearchModal.test.js.snap    |  16 +-
 .../FicheServicePublic.test.js.snap           | 274 +++----
 .../__snapshots__/Accordion.test.js.snap      |  96 +--
 .../__snapshots__/ElementBuilder.test.js.snap |   8 +-
 .../FragmentConditionne.test.tsx.snap         |  34 +-
 .../__snapshots__/Image.test.tsx.snap         |  14 +-
 .../__tests__/__snapshots__/List.test.js.snap |   2 +-
 .../__snapshots__/OuSAdresser.test.js.snap    |   2 +-
 .../__snapshots__/ServiceEnLigne.test.js.snap |  12 +-
 .../__snapshots__/Table.test.js.snap          |   2 +-
 .../__snapshots__/Tabulator.test.js.snap      |  66 +-
 .../__snapshots__/Title.test.js.snap          |   4 +-
 .../__snapshots__/index.test.tsx.snap         |   8 +-
 .../__snapshots__/Result.test.tsx.snap        |  18 +-
 .../__snapshots__/index.test.tsx.snap         |   8 +-
 .../__snapshots__/Result.test.js.snap         |  90 +--
 .../__snapshots__/Status.test.js.snap         | 104 +--
 .../__snapshots__/index.test.tsx.snap         |   8 +-
 .../__snapshots__/Result.test.tsx.snap        |  36 +-
 .../__snapshots__/index.test.tsx.snap         |   8 +-
 .../__snapshots__/Salaires.test.js.snap       |  40 +-
 .../__snapshots__/TypeContrat.test.js.snap    |  18 +-
 .../TypeRemuneration.test.js.snap             |  18 +-
 .../__tests__/__snapshots__/CDD.test.js.snap  |  72 +-
 .../__tests__/__snapshots__/CTT.test.js.snap  |  72 +-
 .../__snapshots__/Indemnite.test.js.snap      |  90 +--
 .../__snapshots__/InfosGenerales.test.js.snap | 168 ++--
 .../__snapshots__/Remuneration.test.js.snap   |  72 +-
 .../__snapshots__/SelectQuestion.test.js.snap |  24 +-
 .../__snapshots__/StepList.test.js.snap       |   4 +-
 .../__snapshots__/Wizard.test.tsx.snap        |  44 +-
 .../__snapshots__/YesNoQuestion.test.js.snap  |  18 +-
 .../__snapshots__/SearchResults.test.js.snap  | 142 ++--
 57 files changed, 2086 insertions(+), 2086 deletions(-)

diff --git a/packages/code-du-travail-frontend/__tests__/__snapshots__/a-propos.test.tsx.snap b/packages/code-du-travail-frontend/__tests__/__snapshots__/a-propos.test.tsx.snap
index 71615ab7f1..fde24b629d 100644
--- a/packages/code-du-travail-frontend/__tests__/__snapshots__/a-propos.test.tsx.snap
+++ b/packages/code-du-travail-frontend/__tests__/__snapshots__/a-propos.test.tsx.snap
@@ -18,7 +18,7 @@ exports[`<About /> should render 1`] = `
         le 04/01/2020, 00:00:00
       </div>
       <div
-        class="sc-c707bea3-0 sc-1bce5a92-4 fLyNGe jMVRmt"
+        class="sc-d8f596bd-0 sc-1bce5a92-4 jtWYDW jMVRmt"
       >
         <a
           class="sc-1bce5a92-5 dGVXOB"
@@ -66,7 +66,7 @@ exports[`<About /> should render 1`] = `
             role="search"
           >
             <div
-              class="sc-f92038f6-0 llOtbb"
+              class="sc-8dcb2faa-0 gxfPDw"
             >
               <label
                 for="floating-search"
@@ -97,7 +97,7 @@ exports[`<About /> should render 1`] = `
             />
             <button
               aria-label="Lancer ma recherche"
-              class="sc-b0ebfae6-0 dGXoMZ sc-830662af-4 hWCjEV"
+              class="sc-95bd4344-0 dxXsic sc-830662af-4 hWCjEV"
               title="Lancer ma recherche"
               type="submit"
             >
@@ -141,18 +141,18 @@ exports[`<About /> should render 1`] = `
           class="sc-1bce5a92-8 jegxDE"
         >
           <button
-            class="sc-b0ebfae6-0 iBhawp sc-464069b8-0 sc-1bce5a92-3 iHEjlX hcjICj"
+            class="sc-95bd4344-0 ksRRNY sc-7ce33c9e-0 sc-1bce5a92-3 dfFPma hcjICj"
           >
             Accessibilité
           </button>
         </div>
         <button
           aria-label="menu principal"
-          class="sc-b0ebfae6-0 hnMdUW sc-e95c929f-1 edZCax sc-46211e62-0 fntMFM"
+          class="sc-95bd4344-0 jfFcPD sc-826d929a-1 gOztMa sc-46211e62-0 fntMFM"
         >
           <svg
             aria-hidden="true"
-            class="sc-e95c929f-2 lblybl"
+            class="sc-826d929a-2 iVKgwY"
             fill="none"
             viewBox="0 0 32 32"
             xmlns="http://www.w3.org/2000/svg"
@@ -173,39 +173,39 @@ exports[`<About /> should render 1`] = `
       tabindex="-1"
     >
       <div
-        class="sc-6e8ce629-0 KibPI"
+        class="sc-a384ed57-0 iEQrzr"
       >
         <div
-          class="sc-c707bea3-0 cgPrTf"
+          class="sc-d8f596bd-0 hCPxfF"
         >
           <header
-            class="sc-238bfc37-0 bnxcHY"
+            class="sc-e32628d4-0 cXUuvO"
           >
             <h1
-              class="sc-efa69b03-0 cNAUpX"
+              class="sc-5f05e99b-0 dQbgIy"
             >
               <span
-                class="sc-f4f767e-0 jZdFSO"
+                class="sc-a4d7a179-0 jRxkkJ"
               />
               À propos
             </h1>
             <p
-              class="sc-e435e27-0 dhrCbn"
+              class="sc-ea8c0a81-0 hsqxhF"
             >
               Apprenez-en plus sur notre histoire, notre équipe et nos méthodes
             </p>
           </header>
           <div
-            class="sc-13323d30-0 eYPJba"
+            class="sc-2a0a4b0a-0 hpYuum"
           >
             <div
-              class="sc-238bfc37-0 iTixSU"
+              class="sc-e32628d4-0 cwDqXq"
             >
               <h2
-                class="sc-3c1fa745-0 eWYpOc"
+                class="sc-d6e72754-0 gUBAuw"
               >
                 <span
-                  class="sc-f4f767e-0 hiuRaG"
+                  class="sc-a4d7a179-0 gGBEJx"
                 />
                 Qu’est-ce que le Code du travail numérique ?
               </h2>
@@ -221,7 +221,7 @@ exports[`<About /> should render 1`] = `
                janvier 2020.
             </p>
             <h3
-              class="sc-a53a0f9a-0 bIsTsN"
+              class="sc-b879fc2d-0 hyiHle"
             >
               Pourquoi le Code du travail numérique ?
             </h3>
@@ -239,7 +239,7 @@ exports[`<About /> should render 1`] = `
               </a>
             </p>
             <h3
-              class="sc-a53a0f9a-0 bIsTsN"
+              class="sc-b879fc2d-0 hyiHle"
             >
               À qui ce service s’adresse-t-il ?
             </h3>
@@ -254,7 +254,7 @@ exports[`<About /> should render 1`] = `
               </a>
             </p>
             <h3
-              class="sc-a53a0f9a-0 bIsTsN"
+              class="sc-b879fc2d-0 hyiHle"
             >
               Que peut-on trouver sur le site ?
             </h3>
@@ -279,19 +279,19 @@ exports[`<About /> should render 1`] = `
               </li>
             </ul>
             <div
-              class="sc-238bfc37-0 iTixSU"
+              class="sc-e32628d4-0 cwDqXq"
             >
               <h2
-                class="sc-3c1fa745-0 eWYpOc"
+                class="sc-d6e72754-0 gUBAuw"
               >
                 <span
-                  class="sc-f4f767e-0 hiuRaG"
+                  class="sc-a4d7a179-0 gGBEJx"
                 />
                 Qui sommes-nous ?
               </h2>
             </div>
             <h3
-              class="sc-a53a0f9a-0 bIsTsN"
+              class="sc-b879fc2d-0 hyiHle"
             >
               Notre équipe
             </h3>
@@ -327,7 +327,7 @@ exports[`<About /> should render 1`] = `
               .
             </p>
             <h3
-              class="sc-a53a0f9a-0 bIsTsN"
+              class="sc-b879fc2d-0 hyiHle"
             >
               Nos méthodes
             </h3>
@@ -357,34 +357,34 @@ exports[`<About /> should render 1`] = `
         class="sc-ca359f9a-2 itkhox"
       >
         <div
-          class="sc-6e8ce629-0 KibPI sc-ca359f9a-3 kxOhzT"
+          class="sc-a384ed57-0 iEQrzr sc-ca359f9a-3 kxOhzT"
         >
           <div
-            class="sc-c707bea3-0 fLyNGe"
+            class="sc-d8f596bd-0 jtWYDW"
           >
             <div
               aria-level="2"
-              class="sc-238bfc37-0 ffFWxY"
+              class="sc-e32628d4-0 fQeCjG"
               role="heading"
             >
               <p
-                class="sc-3c1fa745-0 fqYbSi"
+                class="sc-d6e72754-0 gvSeXc"
               >
                 <span
-                  class="sc-f4f767e-0 jZdFSO"
+                  class="sc-a4d7a179-0 jRxkkJ"
                 />
                 Besoin de plus d’informations ?
               </p>
             </div>
             <div
-              class="sc-c707bea3-0 sc-ca359f9a-4 drFLyc hlhfYQ"
+              class="sc-d8f596bd-0 sc-ca359f9a-4 jMrYSO hlhfYQ"
             >
               <p>
                 Les services du ministère du Travail en région informent, conseillent et orientent les salariés et les employeurs du secteur privé sur leurs questions en droit du travail.
               </p>
             </div>
             <button
-              class="sc-b0ebfae6-0 hPQAhy"
+              class="sc-95bd4344-0 dqVtzj"
             >
               Contacter nos services en région
               <svg
@@ -403,10 +403,10 @@ exports[`<About /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-6e8ce629-0 KibPI sc-ca359f9a-6 fxAVmP"
+          class="sc-a384ed57-0 iEQrzr sc-ca359f9a-6 fxAVmP"
         >
           <div
-            class="sc-c707bea3-0 sc-ca359f9a-7 fLyNGe ehsFea"
+            class="sc-d8f596bd-0 sc-ca359f9a-7 jtWYDW ehsFea"
           >
             <div
               class="sc-ca359f9a-0 eCLRAV"
@@ -414,13 +414,13 @@ exports[`<About /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Code du travail numérique
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -471,13 +471,13 @@ exports[`<About /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Outils populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -508,13 +508,13 @@ exports[`<About /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Modèles populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -549,13 +549,13 @@ exports[`<About /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Fiches pratiques populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -586,13 +586,13 @@ exports[`<About /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Conventions collectives populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -624,7 +624,7 @@ exports[`<About /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-c707bea3-0 sc-d2f8e86a-0 fLyNGe gLHwsT"
+          class="sc-d8f596bd-0 sc-d2f8e86a-0 jtWYDW gLHwsT"
         >
           <div
             class="sc-d2f8e86a-1 ipUnWt"
diff --git a/packages/code-du-travail-frontend/__tests__/__snapshots__/droit-du-travail.test.js.snap b/packages/code-du-travail-frontend/__tests__/__snapshots__/droit-du-travail.test.js.snap
index 48763bc3ac..baf0c6d833 100644
--- a/packages/code-du-travail-frontend/__tests__/__snapshots__/droit-du-travail.test.js.snap
+++ b/packages/code-du-travail-frontend/__tests__/__snapshots__/droit-du-travail.test.js.snap
@@ -18,7 +18,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
         le 04/01/2020, 00:00:00
       </div>
       <div
-        class="sc-c707bea3-0 sc-1bce5a92-4 fLyNGe jMVRmt"
+        class="sc-d8f596bd-0 sc-1bce5a92-4 jtWYDW jMVRmt"
       >
         <a
           class="sc-1bce5a92-5 dGVXOB"
@@ -66,7 +66,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
             role="search"
           >
             <div
-              class="sc-f92038f6-0 llOtbb"
+              class="sc-8dcb2faa-0 gxfPDw"
             >
               <label
                 for="floating-search"
@@ -97,7 +97,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
             />
             <button
               aria-label="Lancer ma recherche"
-              class="sc-b0ebfae6-0 dGXoMZ sc-830662af-4 hWCjEV"
+              class="sc-95bd4344-0 dxXsic sc-830662af-4 hWCjEV"
               title="Lancer ma recherche"
               type="submit"
             >
@@ -141,18 +141,18 @@ exports[`<DroitDuTravail /> should render 1`] = `
           class="sc-1bce5a92-8 jegxDE"
         >
           <button
-            class="sc-b0ebfae6-0 iBhawp sc-464069b8-0 sc-1bce5a92-3 iHEjlX hcjICj"
+            class="sc-95bd4344-0 ksRRNY sc-7ce33c9e-0 sc-1bce5a92-3 dfFPma hcjICj"
           >
             Accessibilité
           </button>
         </div>
         <button
           aria-label="menu principal"
-          class="sc-b0ebfae6-0 hnMdUW sc-e95c929f-1 edZCax sc-46211e62-0 fntMFM"
+          class="sc-95bd4344-0 jfFcPD sc-826d929a-1 gOztMa sc-46211e62-0 fntMFM"
         >
           <svg
             aria-hidden="true"
-            class="sc-e95c929f-2 lblybl"
+            class="sc-826d929a-2 iVKgwY"
             fill="none"
             viewBox="0 0 32 32"
             xmlns="http://www.w3.org/2000/svg"
@@ -173,24 +173,24 @@ exports[`<DroitDuTravail /> should render 1`] = `
       tabindex="-1"
     >
       <div
-        class="sc-6e8ce629-0 KibPI"
+        class="sc-a384ed57-0 iEQrzr"
       >
         <div
-          class="sc-c707bea3-0 fLyNGe"
+          class="sc-d8f596bd-0 jtWYDW"
         >
           <header
-            class="sc-238bfc37-0 bnxcHY"
+            class="sc-e32628d4-0 cXUuvO"
           >
             <h1
-              class="sc-efa69b03-0 cNAUpX"
+              class="sc-5f05e99b-0 dQbgIy"
             >
               <span
-                class="sc-f4f767e-0 jZdFSO"
+                class="sc-a4d7a179-0 jRxkkJ"
               />
               Le droit du travail
             </h1>
             <p
-              class="sc-e435e27-0 dhrCbn"
+              class="sc-ea8c0a81-0 hsqxhF"
             >
               Retrouvez la définition du droit du travail, les textes qui en sont à l’origine 
               <br
@@ -200,19 +200,19 @@ exports[`<DroitDuTravail /> should render 1`] = `
             </p>
           </header>
           <div
-            class="sc-c707bea3-0 drFLyc"
+            class="sc-d8f596bd-0 jMrYSO"
           >
             <div
-              class="sc-13323d30-0 eYPJba"
+              class="sc-2a0a4b0a-0 hpYuum"
             >
               <div
-                class="sc-238bfc37-0 iTixSU"
+                class="sc-e32628d4-0 cwDqXq"
               >
                 <h2
-                  class="sc-3c1fa745-0 eWYpOc"
+                  class="sc-d6e72754-0 gUBAuw"
                 >
                   <span
-                    class="sc-f4f767e-0 hiuRaG"
+                    class="sc-a4d7a179-0 gGBEJx"
                   />
                   Qu’est-ce que le droit du travail ?
                 </h2>
@@ -229,13 +229,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                 Le droit du travail est un droit en constante évolution car il comprend des enjeux sociaux, économiques et politiques forts.
               </p>
               <div
-                class="sc-13323d30-0 exlNfj"
+                class="sc-2a0a4b0a-0 dLOZmV"
               >
                 <div
-                  class="sc-b74609e1-0 eEeXxw"
+                  class="sc-66a696c4-0 A-dcpl"
                 >
                   <div
-                    class="sc-b74609e1-1 jxlJZx"
+                    class="sc-66a696c4-1 dvlKxa"
                   >
                     <svg
                       aria-hidden="true"
@@ -255,17 +255,17 @@ exports[`<DroitDuTravail /> should render 1`] = `
                     </svg>
                   </div>
                   <div
-                    class="sc-b74609e1-2 ipaEJM"
+                    class="sc-66a696c4-2 eRMOZl"
                   >
                     <p
                       aria-level="3"
-                      class="sc-2fb21927-0 gCPqsu"
+                      class="sc-bdaf45c8-0 nMxaE"
                       role="heading"
                     >
                       Le droit du travail, ce n’est pas…
                     </p>
                     <p
-                      class="sc-a4406a0f-1 rjoOw"
+                      class="sc-3633cc97-1 bjxtLv"
                     >
                       Le droit du travail ne concerne pas les travailleurs qui sont soumis au droit public (par exemple, les fonctionnaires), les travailleurs indépendants (artisan, commerçant, professions libérales…), les bénévoles et les dirigeants d’entreprise.
                     </p>
@@ -276,22 +276,22 @@ exports[`<DroitDuTravail /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-6e8ce629-0 blXpGW"
+          class="sc-a384ed57-0 fCzpjp"
         >
           <div
-            class="sc-6e8ce629-1 deeUua"
+            class="sc-a384ed57-1 GFedb"
           />
           <div
-            class="sc-c707bea3-0 sc-6e8ce629-2 fLyNGe iZcJmi"
+            class="sc-d8f596bd-0 sc-a384ed57-2 jtWYDW fFVOAo"
           >
             <div
-              class="sc-238bfc37-0 ekUxzk"
+              class="sc-e32628d4-0 kzTfLq"
             >
               <h2
-                class="sc-3c1fa745-0 dgbBKP"
+                class="sc-d6e72754-0 egzXkL"
               >
                 <span
-                  class="sc-f4f767e-0 hiuRaG"
+                  class="sc-a4d7a179-0 gGBEJx"
                 />
                 Quels sont les textes à l’origine du droit du travail ?
               </h2>
@@ -303,21 +303,21 @@ exports[`<DroitDuTravail /> should render 1`] = `
             </p>
           </div>
           <div
-            class="sc-6e8ce629-3 gwTdKE"
+            class="sc-a384ed57-3 dylJnL"
           >
             <div
-              class="sc-c707bea3-0 fLyNGe"
+              class="sc-d8f596bd-0 jtWYDW"
             >
               <div
                 class="sc-d18d6cf6-1 iazvhS"
               >
                 <div
-                  class="sc-5ba3b7e7-0 kRJBmn"
+                  class="sc-4d2b2ff7-0 dCxcKq"
                   data-accordion-component="Accordion"
                 >
                   <div>
                     <div
-                      class="sc-5ba3b7e7-1 MGkrw"
+                      class="sc-4d2b2ff7-1 wYknJ"
                       data-accordion-component="AccordionItem"
                     >
                       <div
@@ -328,17 +328,17 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           aria-controls="accordion__panel-raa-0"
                           aria-disabled="false"
                           aria-expanded="false"
-                          class="sc-5ba3b7e7-3 jaIKNS"
+                          class="sc-4d2b2ff7-3 caQDFJ"
                           data-accordion-component="AccordionItemButton"
                           id="accordion__heading-raa-0"
                           role="button"
                           tabindex="0"
                         >
                           <div
-                            class="sc-5ba3b7e7-4 kjCVwx"
+                            class="sc-4d2b2ff7-4 gnLSHE"
                           >
                             <div
-                              class="sc-5ba3b7e7-5 oVLkw"
+                              class="sc-4d2b2ff7-5 keKnCd"
                             >
                               <svg
                                 aria-hidden="true"
@@ -407,10 +407,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                               </svg>
                             </div>
                             <div
-                              class="sc-5ba3b7e7-6 jHHipS"
+                              class="sc-4d2b2ff7-6 foAwyF"
                             >
                               <h3
-                                class="sc-a53a0f9a-0 bIsTsN"
+                                class="sc-b879fc2d-0 hyiHle"
                                 style="margin: 0px;"
                               >
                                 Les textes internationaux
@@ -419,7 +419,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </div>
                           <svg
                             aria-hidden="true"
-                            class="sc-efc7f1fd-0 cFvIxv"
+                            class="sc-93c68677-0 fWneNg"
                             fill="none"
                             height="24"
                             stroke="currentColor"
@@ -438,13 +438,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <div
                         aria-hidden="true"
-                        class="sc-5ba3b7e7-2 gUWLmN"
+                        class="sc-4d2b2ff7-2 fhHTEh"
                         data-accordion-component="AccordionItemPanel"
                         hidden=""
                         id="accordion__panel-raa-0"
                       >
                         <div
-                          class="sc-8fc9f174-0 glbEDc"
+                          class="sc-32c7807-0 iMDCLs"
                         >
                           <p>
                             Le droit du travail en France est influencé par les textes de
@@ -509,7 +509,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                   </div>
                   <div>
                     <div
-                      class="sc-5ba3b7e7-1 bewXWz"
+                      class="sc-4d2b2ff7-1 gOAcli"
                       data-accordion-component="AccordionItem"
                     >
                       <div
@@ -520,17 +520,17 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           aria-controls="accordion__panel-raa-1"
                           aria-disabled="false"
                           aria-expanded="false"
-                          class="sc-5ba3b7e7-3 jaIKNS"
+                          class="sc-4d2b2ff7-3 caQDFJ"
                           data-accordion-component="AccordionItemButton"
                           id="accordion__heading-raa-1"
                           role="button"
                           tabindex="0"
                         >
                           <div
-                            class="sc-5ba3b7e7-4 kjCVwx"
+                            class="sc-4d2b2ff7-4 gnLSHE"
                           >
                             <div
-                              class="sc-5ba3b7e7-5 oVLkw"
+                              class="sc-4d2b2ff7-5 keKnCd"
                             >
                               <svg
                                 aria-hidden="true"
@@ -553,10 +553,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                               </svg>
                             </div>
                             <div
-                              class="sc-5ba3b7e7-6 jHHipS"
+                              class="sc-4d2b2ff7-6 foAwyF"
                             >
                               <h3
-                                class="sc-a53a0f9a-0 bIsTsN"
+                                class="sc-b879fc2d-0 hyiHle"
                                 style="margin: 0px;"
                               >
                                 Les textes européens
@@ -565,7 +565,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </div>
                           <svg
                             aria-hidden="true"
-                            class="sc-efc7f1fd-0 cFvIxv"
+                            class="sc-93c68677-0 fWneNg"
                             fill="none"
                             height="24"
                             stroke="currentColor"
@@ -584,13 +584,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <div
                         aria-hidden="true"
-                        class="sc-5ba3b7e7-2 gUWLmN"
+                        class="sc-4d2b2ff7-2 fhHTEh"
                         data-accordion-component="AccordionItemPanel"
                         hidden=""
                         id="accordion__panel-raa-1"
                       >
                         <div
-                          class="sc-8fc9f174-0 glbEDc"
+                          class="sc-32c7807-0 iMDCLs"
                         >
                           <p>
                             Le droit du travail français est influencé par
@@ -693,7 +693,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                   </div>
                   <div>
                     <div
-                      class="sc-5ba3b7e7-1 dpdAFm"
+                      class="sc-4d2b2ff7-1 WEXqf"
                       data-accordion-component="AccordionItem"
                     >
                       <div
@@ -704,17 +704,17 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           aria-controls="accordion__panel-raa-2"
                           aria-disabled="false"
                           aria-expanded="false"
-                          class="sc-5ba3b7e7-3 jaIKNS"
+                          class="sc-4d2b2ff7-3 caQDFJ"
                           data-accordion-component="AccordionItemButton"
                           id="accordion__heading-raa-2"
                           role="button"
                           tabindex="0"
                         >
                           <div
-                            class="sc-5ba3b7e7-4 kjCVwx"
+                            class="sc-4d2b2ff7-4 gnLSHE"
                           >
                             <div
-                              class="sc-5ba3b7e7-5 oVLkw"
+                              class="sc-4d2b2ff7-5 keKnCd"
                             >
                               <svg
                                 aria-hidden="true"
@@ -741,10 +741,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                               </svg>
                             </div>
                             <div
-                              class="sc-5ba3b7e7-6 jHHipS"
+                              class="sc-4d2b2ff7-6 foAwyF"
                             >
                               <h3
-                                class="sc-a53a0f9a-0 bIsTsN"
+                                class="sc-b879fc2d-0 hyiHle"
                                 style="margin: 0px;"
                               >
                                 La Constitution française
@@ -753,7 +753,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </div>
                           <svg
                             aria-hidden="true"
-                            class="sc-efc7f1fd-0 cFvIxv"
+                            class="sc-93c68677-0 fWneNg"
                             fill="none"
                             height="24"
                             stroke="currentColor"
@@ -772,13 +772,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <div
                         aria-hidden="true"
-                        class="sc-5ba3b7e7-2 gUWLmN"
+                        class="sc-4d2b2ff7-2 fhHTEh"
                         data-accordion-component="AccordionItemPanel"
                         hidden=""
                         id="accordion__panel-raa-2"
                       >
                         <div
-                          class="sc-8fc9f174-0 glbEDc"
+                          class="sc-32c7807-0 iMDCLs"
                         >
                           <p>
                             Texte le plus important du système juridique français,
@@ -836,7 +836,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                   </div>
                   <div>
                     <div
-                      class="sc-5ba3b7e7-1 dpdAFm"
+                      class="sc-4d2b2ff7-1 WEXqf"
                       data-accordion-component="AccordionItem"
                     >
                       <div
@@ -847,17 +847,17 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           aria-controls="accordion__panel-raa-3"
                           aria-disabled="false"
                           aria-expanded="false"
-                          class="sc-5ba3b7e7-3 jaIKNS"
+                          class="sc-4d2b2ff7-3 caQDFJ"
                           data-accordion-component="AccordionItemButton"
                           id="accordion__heading-raa-3"
                           role="button"
                           tabindex="0"
                         >
                           <div
-                            class="sc-5ba3b7e7-4 kjCVwx"
+                            class="sc-4d2b2ff7-4 gnLSHE"
                           >
                             <div
-                              class="sc-5ba3b7e7-5 oVLkw"
+                              class="sc-4d2b2ff7-5 keKnCd"
                             >
                               <svg
                                 aria-hidden="true"
@@ -894,10 +894,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                               </svg>
                             </div>
                             <div
-                              class="sc-5ba3b7e7-6 jHHipS"
+                              class="sc-4d2b2ff7-6 foAwyF"
                             >
                               <h3
-                                class="sc-a53a0f9a-0 bIsTsN"
+                                class="sc-b879fc2d-0 hyiHle"
                                 style="margin: 0px;"
                               >
                                 Lois, ordonnances, décrets et arrêtés
@@ -906,7 +906,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </div>
                           <svg
                             aria-hidden="true"
-                            class="sc-efc7f1fd-0 cFvIxv"
+                            class="sc-93c68677-0 fWneNg"
                             fill="none"
                             height="24"
                             stroke="currentColor"
@@ -925,13 +925,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <div
                         aria-hidden="true"
-                        class="sc-5ba3b7e7-2 gUWLmN"
+                        class="sc-4d2b2ff7-2 fhHTEh"
                         data-accordion-component="AccordionItemPanel"
                         hidden=""
                         id="accordion__panel-raa-3"
                       >
                         <div
-                          class="sc-8fc9f174-0 glbEDc"
+                          class="sc-32c7807-0 iMDCLs"
                         >
                           <p>
                             La loi est votée par le Parlement et fixe les principes fondamentaux du droit du travail et de la sécurité sociale.
@@ -959,7 +959,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                   </div>
                   <div>
                     <div
-                      class="sc-5ba3b7e7-1 dpdAFm"
+                      class="sc-4d2b2ff7-1 WEXqf"
                       data-accordion-component="AccordionItem"
                     >
                       <div
@@ -970,17 +970,17 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           aria-controls="accordion__panel-raa-4"
                           aria-disabled="false"
                           aria-expanded="false"
-                          class="sc-5ba3b7e7-3 jaIKNS"
+                          class="sc-4d2b2ff7-3 caQDFJ"
                           data-accordion-component="AccordionItemButton"
                           id="accordion__heading-raa-4"
                           role="button"
                           tabindex="0"
                         >
                           <div
-                            class="sc-5ba3b7e7-4 kjCVwx"
+                            class="sc-4d2b2ff7-4 gnLSHE"
                           >
                             <div
-                              class="sc-5ba3b7e7-5 oVLkw"
+                              class="sc-4d2b2ff7-5 keKnCd"
                             >
                               <svg
                                 aria-hidden="true"
@@ -1015,10 +1015,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                               </svg>
                             </div>
                             <div
-                              class="sc-5ba3b7e7-6 jHHipS"
+                              class="sc-4d2b2ff7-6 foAwyF"
                             >
                               <h3
-                                class="sc-a53a0f9a-0 bIsTsN"
+                                class="sc-b879fc2d-0 hyiHle"
                                 style="margin: 0px;"
                               >
                                 Les conventions et accords collectifs
@@ -1027,7 +1027,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </div>
                           <svg
                             aria-hidden="true"
-                            class="sc-efc7f1fd-0 cFvIxv"
+                            class="sc-93c68677-0 fWneNg"
                             fill="none"
                             height="24"
                             stroke="currentColor"
@@ -1046,13 +1046,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <div
                         aria-hidden="true"
-                        class="sc-5ba3b7e7-2 gUWLmN"
+                        class="sc-4d2b2ff7-2 fhHTEh"
                         data-accordion-component="AccordionItemPanel"
                         hidden=""
                         id="accordion__panel-raa-4"
                       >
                         <div
-                          class="sc-8fc9f174-0 glbEDc"
+                          class="sc-32c7807-0 iMDCLs"
                         >
                           <p>
                             Les conventions et accords collectifs de travail sont des textes négociés entre un ou plusieurs employeurs et un ou plusieurs syndicats de salariés.
@@ -1069,7 +1069,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                   </div>
                   <div>
                     <div
-                      class="sc-5ba3b7e7-1 dpdAFm"
+                      class="sc-4d2b2ff7-1 WEXqf"
                       data-accordion-component="AccordionItem"
                     >
                       <div
@@ -1080,17 +1080,17 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           aria-controls="accordion__panel-raa-5"
                           aria-disabled="false"
                           aria-expanded="false"
-                          class="sc-5ba3b7e7-3 jaIKNS"
+                          class="sc-4d2b2ff7-3 caQDFJ"
                           data-accordion-component="AccordionItemButton"
                           id="accordion__heading-raa-5"
                           role="button"
                           tabindex="0"
                         >
                           <div
-                            class="sc-5ba3b7e7-4 kjCVwx"
+                            class="sc-4d2b2ff7-4 gnLSHE"
                           >
                             <div
-                              class="sc-5ba3b7e7-5 oVLkw"
+                              class="sc-4d2b2ff7-5 keKnCd"
                             >
                               <svg
                                 aria-hidden="true"
@@ -1133,10 +1133,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                               </svg>
                             </div>
                             <div
-                              class="sc-5ba3b7e7-6 jHHipS"
+                              class="sc-4d2b2ff7-6 foAwyF"
                             >
                               <h3
-                                class="sc-a53a0f9a-0 bIsTsN"
+                                class="sc-b879fc2d-0 hyiHle"
                                 style="margin: 0px;"
                               >
                                 Les usages et les engagements unilatéraux
@@ -1145,7 +1145,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </div>
                           <svg
                             aria-hidden="true"
-                            class="sc-efc7f1fd-0 cFvIxv"
+                            class="sc-93c68677-0 fWneNg"
                             fill="none"
                             height="24"
                             stroke="currentColor"
@@ -1164,13 +1164,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <div
                         aria-hidden="true"
-                        class="sc-5ba3b7e7-2 gUWLmN"
+                        class="sc-4d2b2ff7-2 fhHTEh"
                         data-accordion-component="AccordionItemPanel"
                         hidden=""
                         id="accordion__panel-raa-5"
                       >
                         <div
-                          class="sc-8fc9f174-0 glbEDc"
+                          class="sc-32c7807-0 iMDCLs"
                         >
                           <p>
                             L’usage d’entreprise est une pratique répétée de l’employeur attribuant un avantage aux salariés ou à un groupe de salariés de l’entreprise sans que la loi, la convention collective ou le contrat de travail ne le lui impose.
@@ -1192,7 +1192,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                   </div>
                   <div>
                     <div
-                      class="sc-5ba3b7e7-1 dpdAFm"
+                      class="sc-4d2b2ff7-1 WEXqf"
                       data-accordion-component="AccordionItem"
                     >
                       <div
@@ -1203,17 +1203,17 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           aria-controls="accordion__panel-raa-6"
                           aria-disabled="false"
                           aria-expanded="false"
-                          class="sc-5ba3b7e7-3 jaIKNS"
+                          class="sc-4d2b2ff7-3 caQDFJ"
                           data-accordion-component="AccordionItemButton"
                           id="accordion__heading-raa-6"
                           role="button"
                           tabindex="0"
                         >
                           <div
-                            class="sc-5ba3b7e7-4 kjCVwx"
+                            class="sc-4d2b2ff7-4 gnLSHE"
                           >
                             <div
-                              class="sc-5ba3b7e7-5 oVLkw"
+                              class="sc-4d2b2ff7-5 keKnCd"
                             >
                               <svg
                                 aria-hidden="true"
@@ -1232,10 +1232,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                               </svg>
                             </div>
                             <div
-                              class="sc-5ba3b7e7-6 jHHipS"
+                              class="sc-4d2b2ff7-6 foAwyF"
                             >
                               <h3
-                                class="sc-a53a0f9a-0 bIsTsN"
+                                class="sc-b879fc2d-0 hyiHle"
                                 style="margin: 0px;"
                               >
                                 Le règlement intérieur de l’entreprise
@@ -1244,7 +1244,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </div>
                           <svg
                             aria-hidden="true"
-                            class="sc-efc7f1fd-0 cFvIxv"
+                            class="sc-93c68677-0 fWneNg"
                             fill="none"
                             height="24"
                             stroke="currentColor"
@@ -1263,13 +1263,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <div
                         aria-hidden="true"
-                        class="sc-5ba3b7e7-2 gUWLmN"
+                        class="sc-4d2b2ff7-2 fhHTEh"
                         data-accordion-component="AccordionItemPanel"
                         hidden=""
                         id="accordion__panel-raa-6"
                       >
                         <div
-                          class="sc-8fc9f174-0 glbEDc"
+                          class="sc-32c7807-0 iMDCLs"
                         >
                           Le règlement intérieur de l’entreprise est un acte écrit par l’employeur qui fixe les règles concernant la discipline, la santé et la sécurité dans l’entreprise.
                         </div>
@@ -1278,7 +1278,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                   </div>
                   <div>
                     <div
-                      class="sc-5ba3b7e7-1 dpdAFm"
+                      class="sc-4d2b2ff7-1 WEXqf"
                       data-accordion-component="AccordionItem"
                     >
                       <div
@@ -1289,17 +1289,17 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           aria-controls="accordion__panel-raa-7"
                           aria-disabled="false"
                           aria-expanded="false"
-                          class="sc-5ba3b7e7-3 jaIKNS"
+                          class="sc-4d2b2ff7-3 caQDFJ"
                           data-accordion-component="AccordionItemButton"
                           id="accordion__heading-raa-7"
                           role="button"
                           tabindex="0"
                         >
                           <div
-                            class="sc-5ba3b7e7-4 kjCVwx"
+                            class="sc-4d2b2ff7-4 gnLSHE"
                           >
                             <div
-                              class="sc-5ba3b7e7-5 oVLkw"
+                              class="sc-4d2b2ff7-5 keKnCd"
                             >
                               <svg
                                 aria-hidden="true"
@@ -1328,10 +1328,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                               </svg>
                             </div>
                             <div
-                              class="sc-5ba3b7e7-6 jHHipS"
+                              class="sc-4d2b2ff7-6 foAwyF"
                             >
                               <h3
-                                class="sc-a53a0f9a-0 bIsTsN"
+                                class="sc-b879fc2d-0 hyiHle"
                                 style="margin: 0px;"
                               >
                                 Le contrat de travail
@@ -1340,7 +1340,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </div>
                           <svg
                             aria-hidden="true"
-                            class="sc-efc7f1fd-0 cFvIxv"
+                            class="sc-93c68677-0 fWneNg"
                             fill="none"
                             height="24"
                             stroke="currentColor"
@@ -1359,13 +1359,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <div
                         aria-hidden="true"
-                        class="sc-5ba3b7e7-2 gUWLmN"
+                        class="sc-4d2b2ff7-2 fhHTEh"
                         data-accordion-component="AccordionItemPanel"
                         hidden=""
                         id="accordion__panel-raa-7"
                       >
                         <div
-                          class="sc-8fc9f174-0 glbEDc"
+                          class="sc-32c7807-0 iMDCLs"
                         >
                           <p>
                             Le contrat de travail existe dès l’instant où une personne (le salarié) s’engage à travailler, moyennant rémunération, pour le compte et sous la direction d’une autre personne (l’employeur).
@@ -1386,10 +1386,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                 </div>
               </div>
               <div
-                class="sc-c707bea3-0 drFLyc"
+                class="sc-d8f596bd-0 jMrYSO"
               >
                 <div
-                  class="sc-13323d30-0 sc-d18d6cf6-2 gtmVnh cZsCUb"
+                  class="sc-2a0a4b0a-0 sc-d18d6cf6-2 hPfzrL cZsCUb"
                 >
                   La jurisprudence de la Cour Européenne des droits de l’Homme, de la Cour de justice de l’Union européenne, du Conseil Constitutionnel, du Conseil d’Etat et de la Cour de cassation influence également le droit du travail en France.
                 </div>
@@ -1398,16 +1398,16 @@ exports[`<DroitDuTravail /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-c707bea3-0 cgPrTf"
+          class="sc-d8f596bd-0 hCPxfF"
         >
           <div
-            class="sc-238bfc37-0 erxEOR"
+            class="sc-e32628d4-0 eFvDQP"
           >
             <h2
-              class="sc-3c1fa745-0 dgbBKP"
+              class="sc-d6e72754-0 egzXkL"
             >
               <span
-                class="sc-f4f767e-0 hiuRaG"
+                class="sc-a4d7a179-0 gGBEJx"
               />
               Existe-t-il une hiérarchie entre les textes ?
             </h2>
@@ -1428,7 +1428,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
           >
             <div>
               <div
-                class="sc-891e089b-0 kjsdrl"
+                class="sc-7c7e88ca-0 fnFiKD"
                 data-accordion-component="AccordionItem"
               >
                 <div
@@ -1439,29 +1439,29 @@ exports[`<DroitDuTravail /> should render 1`] = `
                     aria-controls="accordion__panel-raa-8"
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="sc-891e089b-2 fZcQwv"
+                    class="sc-7c7e88ca-2 aTnVj"
                     data-accordion-component="AccordionItemButton"
                     id="accordion__heading-raa-8"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="sc-891e089b-3 hqeQYz"
+                      class="sc-7c7e88ca-3 hXUKGj"
                     >
                       <div
-                        class="sc-891e089b-4 bQalGc"
+                        class="sc-7c7e88ca-4 eWhXsI"
                       >
                         1
                       </div>
                       <div
-                        class="sc-891e089b-5 bhSOfZ"
+                        class="sc-7c7e88ca-5 ifqdGp"
                       />
                     </div>
                     <div
-                      class="sc-891e089b-6 kWwPx"
+                      class="sc-7c7e88ca-6 hILpAR"
                     >
                       <div
-                        class="sc-891e089b-7 jhpIYy"
+                        class="sc-7c7e88ca-7 ebYWUW"
                       >
                         <svg
                           aria-hidden="true"
@@ -1530,10 +1530,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                         </svg>
                       </div>
                       <div
-                        class="sc-891e089b-8 jyejgz"
+                        class="sc-7c7e88ca-8 jnGuGj"
                       >
                         <h3
-                          class="sc-a53a0f9a-0 bIsTsN"
+                          class="sc-b879fc2d-0 hyiHle"
                           style="margin: 0px;"
                         >
                           Les textes internationaux et européens
@@ -1541,7 +1541,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <svg
                         aria-hidden="true"
-                        class="sc-efc7f1fd-0 cFvIxv"
+                        class="sc-93c68677-0 fWneNg"
                         fill="none"
                         height="24"
                         stroke="currentColor"
@@ -1561,13 +1561,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-891e089b-1 cbXfMB"
+                  class="sc-7c7e88ca-1 jVFBbD"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-raa-8"
                 >
                   <div
-                    class="sc-8fc9f174-0 glbEDc"
+                    class="sc-32c7807-0 iMDCLs"
                   >
                     <p>
                       Les textes nationaux doivent être conformes aux textes internationaux et européens.
@@ -1578,7 +1578,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
             </div>
             <div>
               <div
-                class="sc-891e089b-0 gQDdNq"
+                class="sc-7c7e88ca-0 deheNc"
                 data-accordion-component="AccordionItem"
               >
                 <div
@@ -1589,29 +1589,29 @@ exports[`<DroitDuTravail /> should render 1`] = `
                     aria-controls="accordion__panel-raa-9"
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="sc-891e089b-2 fZcQwv"
+                    class="sc-7c7e88ca-2 aTnVj"
                     data-accordion-component="AccordionItemButton"
                     id="accordion__heading-raa-9"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="sc-891e089b-3 jPxJXm"
+                      class="sc-7c7e88ca-3 hbTIDu"
                     >
                       <div
-                        class="sc-891e089b-4 bQalGc"
+                        class="sc-7c7e88ca-4 eWhXsI"
                       >
                         2
                       </div>
                       <div
-                        class="sc-891e089b-5 bhSOfZ"
+                        class="sc-7c7e88ca-5 ifqdGp"
                       />
                     </div>
                     <div
-                      class="sc-891e089b-6 jAGDos"
+                      class="sc-7c7e88ca-6 hbsRUQ"
                     >
                       <div
-                        class="sc-891e089b-7 jhpIYy"
+                        class="sc-7c7e88ca-7 ebYWUW"
                       >
                         <svg
                           aria-hidden="true"
@@ -1638,10 +1638,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                         </svg>
                       </div>
                       <div
-                        class="sc-891e089b-8 jyejgz"
+                        class="sc-7c7e88ca-8 jnGuGj"
                       >
                         <h3
-                          class="sc-a53a0f9a-0 bIsTsN"
+                          class="sc-b879fc2d-0 hyiHle"
                           style="margin: 0px;"
                         >
                           La Constitution
@@ -1649,7 +1649,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <svg
                         aria-hidden="true"
-                        class="sc-efc7f1fd-0 cFvIxv"
+                        class="sc-93c68677-0 fWneNg"
                         fill="none"
                         height="24"
                         stroke="currentColor"
@@ -1669,13 +1669,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-891e089b-1 cbXfMB"
+                  class="sc-7c7e88ca-1 jVFBbD"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-raa-9"
                 >
                   <div
-                    class="sc-8fc9f174-0 glbEDc"
+                    class="sc-32c7807-0 iMDCLs"
                   >
                     <p>
                       Tous les textes nationaux doivent être conformes à la Constitution française ainsi qu’au bloc de constitutionnalité.
@@ -1686,7 +1686,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
             </div>
             <div>
               <div
-                class="sc-891e089b-0 gQDdNq"
+                class="sc-7c7e88ca-0 deheNc"
                 data-accordion-component="AccordionItem"
               >
                 <div
@@ -1697,29 +1697,29 @@ exports[`<DroitDuTravail /> should render 1`] = `
                     aria-controls="accordion__panel-raa-10"
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="sc-891e089b-2 fZcQwv"
+                    class="sc-7c7e88ca-2 aTnVj"
                     data-accordion-component="AccordionItemButton"
                     id="accordion__heading-raa-10"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="sc-891e089b-3 jPxJXm"
+                      class="sc-7c7e88ca-3 hbTIDu"
                     >
                       <div
-                        class="sc-891e089b-4 bQalGc"
+                        class="sc-7c7e88ca-4 eWhXsI"
                       >
                         3
                       </div>
                       <div
-                        class="sc-891e089b-5 bhSOfZ"
+                        class="sc-7c7e88ca-5 ifqdGp"
                       />
                     </div>
                     <div
-                      class="sc-891e089b-6 jAGDos"
+                      class="sc-7c7e88ca-6 hbsRUQ"
                     >
                       <div
-                        class="sc-891e089b-7 jhpIYy"
+                        class="sc-7c7e88ca-7 ebYWUW"
                       >
                         <svg
                           aria-hidden="true"
@@ -1756,10 +1756,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                         </svg>
                       </div>
                       <div
-                        class="sc-891e089b-8 jyejgz"
+                        class="sc-7c7e88ca-8 jnGuGj"
                       >
                         <h3
-                          class="sc-a53a0f9a-0 bIsTsN"
+                          class="sc-b879fc2d-0 hyiHle"
                           style="margin: 0px;"
                         >
                           Lois, ordonnances et décrets (Code du travail)
@@ -1767,7 +1767,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <svg
                         aria-hidden="true"
-                        class="sc-efc7f1fd-0 cFvIxv"
+                        class="sc-93c68677-0 fWneNg"
                         fill="none"
                         height="24"
                         stroke="currentColor"
@@ -1787,16 +1787,16 @@ exports[`<DroitDuTravail /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-891e089b-1 cbXfMB"
+                  class="sc-7c7e88ca-1 jVFBbD"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-raa-10"
                 >
                   <div
-                    class="sc-8fc9f174-0 glbEDc"
+                    class="sc-32c7807-0 iMDCLs"
                   >
                     <h4
-                      class="sc-a53a0f9a-0 bIsTsN"
+                      class="sc-b879fc2d-0 hyiHle"
                     >
                       Hiérarchie entre le Code du travail et les conventions et accords collectifs
                     </h4>
@@ -1809,7 +1809,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                     >
                       <div>
                         <div
-                          class="sc-6ba2e448-0 wqwqk"
+                          class="sc-1571bed7-0"
                           data-accordion-component="AccordionItem"
                         >
                           <div
@@ -1820,7 +1820,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                               aria-controls="accordion__panel-raa-11"
                               aria-disabled="false"
                               aria-expanded="false"
-                              class="sc-6ba2e448-2 dhbWmA"
+                              class="sc-1571bed7-2 gNtlHI"
                               data-accordion-component="AccordionItemButton"
                               id="accordion__heading-raa-11"
                               role="button"
@@ -1828,7 +1828,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                             >
                               <svg
                                 aria-hidden="true"
-                                class="sc-efc7f1fd-0 cFvIxv"
+                                class="sc-93c68677-0 fWneNg"
                                 fill="none"
                                 height="24"
                                 stroke="currentColor"
@@ -1844,10 +1844,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                                 />
                               </svg>
                               <div
-                                class="sc-6ba2e448-3 dhjOwJ"
+                                class="sc-1571bed7-3 figaQV"
                               >
                                 <h5
-                                  class="sc-a53a0f9a-0 bIsTsN"
+                                  class="sc-b879fc2d-0 hyiHle"
                                   style="margin: 0px;"
                                 >
                                   Les conventions et accords collectifs doivent respecter le Code du travail
@@ -1857,13 +1857,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </div>
                           <div
                             aria-hidden="true"
-                            class="sc-6ba2e448-1 cDSlef"
+                            class="sc-1571bed7-1 hamHiw"
                             data-accordion-component="AccordionItemPanel"
                             hidden=""
                             id="accordion__panel-raa-11"
                           >
                             <div
-                              class="sc-8fc9f174-0 glbEDc"
+                              class="sc-32c7807-0 iMDCLs"
                             >
                               <p>
                                 Il existe des règles dans le Code du travail que les conventions et accords collectifs doivent respecter. Les conventions et accords collectifs peuvent toutefois prévoir des mesures plus avantageuses pour le salarié. Dans ce cas, c’est le texte le plus avantageux pour le salarié qui s’applique.
@@ -1874,7 +1874,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <div>
                         <div
-                          class="sc-6ba2e448-0 gAQMVA"
+                          class="sc-1571bed7-0 dpEeGj"
                           data-accordion-component="AccordionItem"
                         >
                           <div
@@ -1885,7 +1885,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                               aria-controls="accordion__panel-raa-12"
                               aria-disabled="false"
                               aria-expanded="false"
-                              class="sc-6ba2e448-2 dhbWmA"
+                              class="sc-1571bed7-2 gNtlHI"
                               data-accordion-component="AccordionItemButton"
                               id="accordion__heading-raa-12"
                               role="button"
@@ -1893,7 +1893,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                             >
                               <svg
                                 aria-hidden="true"
-                                class="sc-efc7f1fd-0 cFvIxv"
+                                class="sc-93c68677-0 fWneNg"
                                 fill="none"
                                 height="24"
                                 stroke="currentColor"
@@ -1909,10 +1909,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                                 />
                               </svg>
                               <div
-                                class="sc-6ba2e448-3 dhjOwJ"
+                                class="sc-1571bed7-3 figaQV"
                               >
                                 <h5
-                                  class="sc-a53a0f9a-0 bIsTsN"
+                                  class="sc-b879fc2d-0 hyiHle"
                                   style="margin: 0px;"
                                 >
                                   Les conventions et accords collectifs peuvent prévoir des mesures différentes que celles posées par le Code du travail
@@ -1922,13 +1922,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </div>
                           <div
                             aria-hidden="true"
-                            class="sc-6ba2e448-1 cDSlef"
+                            class="sc-1571bed7-1 hamHiw"
                             data-accordion-component="AccordionItemPanel"
                             hidden=""
                             id="accordion__panel-raa-12"
                           >
                             <div
-                              class="sc-8fc9f174-0 glbEDc"
+                              class="sc-32c7807-0 iMDCLs"
                             >
                               <p>
                                 Il existe d’autres règles dans le Code du travail qui permettent aux conventions et accords collectifs, sous certaines conditions, de prévoir des règles différentes de celles de la loi. Dans ce cas, c’est l’accord collectif ou la convention collective qui s’applique même s’il est plus défavorable pour le salarié que la loi.
@@ -1942,7 +1942,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <div>
                         <div
-                          class="sc-6ba2e448-0 gAQMVA"
+                          class="sc-1571bed7-0 dpEeGj"
                           data-accordion-component="AccordionItem"
                         >
                           <div
@@ -1953,7 +1953,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                               aria-controls="accordion__panel-raa-13"
                               aria-disabled="false"
                               aria-expanded="false"
-                              class="sc-6ba2e448-2 dhbWmA"
+                              class="sc-1571bed7-2 gNtlHI"
                               data-accordion-component="AccordionItemButton"
                               id="accordion__heading-raa-13"
                               role="button"
@@ -1961,7 +1961,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                             >
                               <svg
                                 aria-hidden="true"
-                                class="sc-efc7f1fd-0 cFvIxv"
+                                class="sc-93c68677-0 fWneNg"
                                 fill="none"
                                 height="24"
                                 stroke="currentColor"
@@ -1977,10 +1977,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                                 />
                               </svg>
                               <div
-                                class="sc-6ba2e448-3 dhjOwJ"
+                                class="sc-1571bed7-3 figaQV"
                               >
                                 <h5
-                                  class="sc-a53a0f9a-0 bIsTsN"
+                                  class="sc-b879fc2d-0 hyiHle"
                                   style="margin: 0px;"
                                 >
                                   En l’absence de convention ou d’accord collectif sur le sujet, le Code du travail s’applique
@@ -1990,13 +1990,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </div>
                           <div
                             aria-hidden="true"
-                            class="sc-6ba2e448-1 cDSlef"
+                            class="sc-1571bed7-1 hamHiw"
                             data-accordion-component="AccordionItemPanel"
                             hidden=""
                             id="accordion__panel-raa-13"
                           >
                             <div
-                              class="sc-8fc9f174-0 glbEDc"
+                              class="sc-32c7807-0 iMDCLs"
                             >
                               <p>
                                 Il existe également des règles dans le Code du travail qui s’appliquent par défaut, c’est-à-dire uniquement lorsqu’il n’y a pas de convention ou d’accord collectif sur le sujet. S’il existe une convention ou un accord collectif sur le sujet alors la loi ne s’applique pas.
@@ -2010,13 +2010,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                     </div>
                     <div
-                      class="sc-13323d30-0 gtmVnh"
+                      class="sc-2a0a4b0a-0 hPfzrL"
                     >
                       <div
-                        class="sc-b74609e1-0 eEeXxw"
+                        class="sc-66a696c4-0 A-dcpl"
                       >
                         <div
-                          class="sc-b74609e1-1 jxlJZx"
+                          class="sc-66a696c4-1 dvlKxa"
                         >
                           <svg
                             aria-hidden="true"
@@ -2036,10 +2036,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </svg>
                         </div>
                         <div
-                          class="sc-b74609e1-2 ipaEJM"
+                          class="sc-66a696c4-2 eRMOZl"
                         >
                           <h4
-                            class="sc-2fb21927-0 gCPqsu"
+                            class="sc-bdaf45c8-0 nMxaE"
                           >
                             Attention à certaines règles du Code du travail
                           </h4>
@@ -2066,7 +2066,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
               id="hierarchie"
             >
               <div
-                class="sc-891e089b-0 gQDdNq"
+                class="sc-7c7e88ca-0 deheNc"
                 data-accordion-component="AccordionItem"
               >
                 <div
@@ -2077,29 +2077,29 @@ exports[`<DroitDuTravail /> should render 1`] = `
                     aria-controls="accordion__panel-hierarchie"
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="sc-891e089b-2 fZcQwv"
+                    class="sc-7c7e88ca-2 aTnVj"
                     data-accordion-component="AccordionItemButton"
                     id="accordion__heading-hierarchie"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="sc-891e089b-3 jPxJXm"
+                      class="sc-7c7e88ca-3 hbTIDu"
                     >
                       <div
-                        class="sc-891e089b-4 bQalGc"
+                        class="sc-7c7e88ca-4 eWhXsI"
                       >
                         4
                       </div>
                       <div
-                        class="sc-891e089b-5 bhSOfZ"
+                        class="sc-7c7e88ca-5 ifqdGp"
                       />
                     </div>
                     <div
-                      class="sc-891e089b-6 jAGDos"
+                      class="sc-7c7e88ca-6 hbsRUQ"
                     >
                       <div
-                        class="sc-891e089b-7 jhpIYy"
+                        class="sc-7c7e88ca-7 ebYWUW"
                       >
                         <svg
                           aria-hidden="true"
@@ -2134,10 +2134,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                         </svg>
                       </div>
                       <div
-                        class="sc-891e089b-8 jyejgz"
+                        class="sc-7c7e88ca-8 jnGuGj"
                       >
                         <h3
-                          class="sc-a53a0f9a-0 bIsTsN"
+                          class="sc-b879fc2d-0 hyiHle"
                           style="margin: 0px;"
                         >
                           Les conventions et accords collectifs
@@ -2145,7 +2145,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <svg
                         aria-hidden="true"
-                        class="sc-efc7f1fd-0 cFvIxv"
+                        class="sc-93c68677-0 fWneNg"
                         fill="none"
                         height="24"
                         stroke="currentColor"
@@ -2165,19 +2165,19 @@ exports[`<DroitDuTravail /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-891e089b-1 cbXfMB"
+                  class="sc-7c7e88ca-1 jVFBbD"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-hierarchie"
                 >
                   <div
-                    class="sc-8fc9f174-0 glbEDc"
+                    class="sc-32c7807-0 iMDCLs"
                   >
                     <p>
                       La règle qui détermine quel est le texte applicable est différente en fonction du niveau des textes comparés.
                     </p>
                     <h4
-                      class="sc-a53a0f9a-0 bIsTsN"
+                      class="sc-b879fc2d-0 hyiHle"
                     >
                       Hiérarchie entre convention collective de branche et accord d’entreprise
                     </h4>
@@ -2185,13 +2185,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       Le principe est que l’accord d’entreprise s’applique en priorité par rapport à l’accord ou la convention collective de branche. Cela signifie que même si l’accord d’entreprise prévoit des règles différentes, voire plus désavantageuses, que la convention collective de branche, ce sera lui qui s’appliqura au salarié et non la convention collective de branche.
                     </p>
                     <div
-                      class="sc-13323d30-0 gtmVnh"
+                      class="sc-2a0a4b0a-0 hPfzrL"
                     >
                       <div
-                        class="sc-b74609e1-0 eEeXxw"
+                        class="sc-66a696c4-0 A-dcpl"
                       >
                         <div
-                          class="sc-b74609e1-1 jxlJZx"
+                          class="sc-66a696c4-1 dvlKxa"
                         >
                           <svg
                             aria-hidden="true"
@@ -2211,7 +2211,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </svg>
                         </div>
                         <div
-                          class="sc-b74609e1-2 ipaEJM"
+                          class="sc-66a696c4-2 eRMOZl"
                         >
                           <p
                             class="sc-22ca441a-4 ierDks"
@@ -2219,7 +2219,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                             Ce principe ne s’applique pas dans
                              
                             <button
-                              class="sc-b0ebfae6-0 jcMFcJ"
+                              class="sc-95bd4344-0 hgVQqQ"
                             >
                               13 matières
                               <svg
@@ -2238,7 +2238,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                             où la loi reconnaît la primauté à la convention collective de branche et
                              
                             <button
-                              class="sc-b0ebfae6-0 jcMFcJ"
+                              class="sc-95bd4344-0 hgVQqQ"
                             >
                               4 matières
                               <svg
@@ -2263,7 +2263,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       Ces règles sont les mêmes pour la hiérarchie entre convention collective de branche et accord de groupe ou accord d’établissement.
                     </p>
                     <h4
-                      class="sc-a53a0f9a-0 bIsTsN"
+                      class="sc-b879fc2d-0 hyiHle"
                     >
                       Hiérarchie entre accord de groupe et accord d’entreprise
                     </h4>
@@ -2271,7 +2271,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       L’accord de groupe s’applique en priorité par rapport à l’accord d’entreprise ou l’accord d’établissement si l’accord de groupe l’indique dans son accord. Si rien n’est indiqué dans l’accord de groupe alors l’accord le plus avantageux pour le salarié s’applique.
                     </p>
                     <h4
-                      class="sc-a53a0f9a-0 bIsTsN"
+                      class="sc-b879fc2d-0 hyiHle"
                     >
                       Hiérarchie entre accord d’entreprise et accord d’établissement
                     </h4>
@@ -2284,7 +2284,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
             </div>
             <div>
               <div
-                class="sc-891e089b-0 gQDdNq"
+                class="sc-7c7e88ca-0 deheNc"
                 data-accordion-component="AccordionItem"
               >
                 <div
@@ -2295,29 +2295,29 @@ exports[`<DroitDuTravail /> should render 1`] = `
                     aria-controls="accordion__panel-raa-15"
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="sc-891e089b-2 fZcQwv"
+                    class="sc-7c7e88ca-2 aTnVj"
                     data-accordion-component="AccordionItemButton"
                     id="accordion__heading-raa-15"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="sc-891e089b-3 jPxJXm"
+                      class="sc-7c7e88ca-3 hbTIDu"
                     >
                       <div
-                        class="sc-891e089b-4 bQalGc"
+                        class="sc-7c7e88ca-4 eWhXsI"
                       >
                         5
                       </div>
                       <div
-                        class="sc-891e089b-5 bhSOfZ"
+                        class="sc-7c7e88ca-5 ifqdGp"
                       />
                     </div>
                     <div
-                      class="sc-891e089b-6 jAGDos"
+                      class="sc-7c7e88ca-6 hbsRUQ"
                     >
                       <div
-                        class="sc-891e089b-7 jhpIYy"
+                        class="sc-7c7e88ca-7 ebYWUW"
                       >
                         <svg
                           aria-hidden="true"
@@ -2360,10 +2360,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                         </svg>
                       </div>
                       <div
-                        class="sc-891e089b-8 jyejgz"
+                        class="sc-7c7e88ca-8 jnGuGj"
                       >
                         <h3
-                          class="sc-a53a0f9a-0 bIsTsN"
+                          class="sc-b879fc2d-0 hyiHle"
                           style="margin: 0px;"
                         >
                           Les usages et les engagements unilatéraux
@@ -2371,7 +2371,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <svg
                         aria-hidden="true"
-                        class="sc-efc7f1fd-0 cFvIxv"
+                        class="sc-93c68677-0 fWneNg"
                         fill="none"
                         height="24"
                         stroke="currentColor"
@@ -2391,13 +2391,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-891e089b-1 cbXfMB"
+                  class="sc-7c7e88ca-1 jVFBbD"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-raa-15"
                 >
                   <div
-                    class="sc-8fc9f174-0 glbEDc"
+                    class="sc-32c7807-0 iMDCLs"
                   >
                     <p>
                       Les usages et les engagements unilatéraux doivent respecter les textes situés en haut. Ils peuvent être plus avantageux pour le salarié. Dans ce cas, ce sont les textes les plus avantageux qui s’appliquent.
@@ -2408,7 +2408,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
             </div>
             <div>
               <div
-                class="sc-891e089b-0 gQDdNq"
+                class="sc-7c7e88ca-0 deheNc"
                 data-accordion-component="AccordionItem"
               >
                 <div
@@ -2419,29 +2419,29 @@ exports[`<DroitDuTravail /> should render 1`] = `
                     aria-controls="accordion__panel-raa-16"
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="sc-891e089b-2 fZcQwv"
+                    class="sc-7c7e88ca-2 aTnVj"
                     data-accordion-component="AccordionItemButton"
                     id="accordion__heading-raa-16"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="sc-891e089b-3 jPxJXm"
+                      class="sc-7c7e88ca-3 hbTIDu"
                     >
                       <div
-                        class="sc-891e089b-4 bQalGc"
+                        class="sc-7c7e88ca-4 eWhXsI"
                       >
                         6
                       </div>
                       <div
-                        class="sc-891e089b-5 bhSOfZ"
+                        class="sc-7c7e88ca-5 ifqdGp"
                       />
                     </div>
                     <div
-                      class="sc-891e089b-6 jAGDos"
+                      class="sc-7c7e88ca-6 hbsRUQ"
                     >
                       <div
-                        class="sc-891e089b-7 jhpIYy"
+                        class="sc-7c7e88ca-7 ebYWUW"
                       >
                         <svg
                           aria-hidden="true"
@@ -2460,10 +2460,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                         </svg>
                       </div>
                       <div
-                        class="sc-891e089b-8 jyejgz"
+                        class="sc-7c7e88ca-8 jnGuGj"
                       >
                         <h3
-                          class="sc-a53a0f9a-0 bIsTsN"
+                          class="sc-b879fc2d-0 hyiHle"
                           style="margin: 0px;"
                         >
                           Le règlement intérieur de l’entreprise
@@ -2471,7 +2471,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <svg
                         aria-hidden="true"
-                        class="sc-efc7f1fd-0 cFvIxv"
+                        class="sc-93c68677-0 fWneNg"
                         fill="none"
                         height="24"
                         stroke="currentColor"
@@ -2491,13 +2491,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-891e089b-1 cbXfMB"
+                  class="sc-7c7e88ca-1 jVFBbD"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-raa-16"
                 >
                   <div
-                    class="sc-8fc9f174-0 glbEDc"
+                    class="sc-32c7807-0 iMDCLs"
                   >
                     <p>
                       Le règlement intérieur doit respecter les textes situés en haut. Il peut être plus avantageux pour le salarié. Dans ce cas, c’est le texte le plus avantageux pour le salarié qui s’applique.
@@ -2508,7 +2508,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
             </div>
             <div>
               <div
-                class="sc-891e089b-0 gYKoVX"
+                class="sc-7c7e88ca-0 bjGinB"
                 data-accordion-component="AccordionItem"
               >
                 <div
@@ -2519,29 +2519,29 @@ exports[`<DroitDuTravail /> should render 1`] = `
                     aria-controls="accordion__panel-raa-17"
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="sc-891e089b-2 fZcQwv"
+                    class="sc-7c7e88ca-2 aTnVj"
                     data-accordion-component="AccordionItemButton"
                     id="accordion__heading-raa-17"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="sc-891e089b-3 ipXDmH"
+                      class="sc-7c7e88ca-3 caFvzL"
                     >
                       <div
-                        class="sc-891e089b-4 bQalGc"
+                        class="sc-7c7e88ca-4 eWhXsI"
                       >
                         7
                       </div>
                       <div
-                        class="sc-891e089b-5 bhSOfZ"
+                        class="sc-7c7e88ca-5 ifqdGp"
                       />
                     </div>
                     <div
-                      class="sc-891e089b-6 jAGDos"
+                      class="sc-7c7e88ca-6 hbsRUQ"
                     >
                       <div
-                        class="sc-891e089b-7 jhpIYy"
+                        class="sc-7c7e88ca-7 ebYWUW"
                       >
                         <svg
                           aria-hidden="true"
@@ -2570,10 +2570,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                         </svg>
                       </div>
                       <div
-                        class="sc-891e089b-8 jyejgz"
+                        class="sc-7c7e88ca-8 jnGuGj"
                       >
                         <h3
-                          class="sc-a53a0f9a-0 bIsTsN"
+                          class="sc-b879fc2d-0 hyiHle"
                           style="margin: 0px;"
                         >
                           Le contrat de travail
@@ -2581,7 +2581,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <svg
                         aria-hidden="true"
-                        class="sc-efc7f1fd-0 cFvIxv"
+                        class="sc-93c68677-0 fWneNg"
                         fill="none"
                         height="24"
                         stroke="currentColor"
@@ -2601,13 +2601,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-891e089b-1 cbXfMB"
+                  class="sc-7c7e88ca-1 jVFBbD"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-raa-17"
                 >
                   <div
-                    class="sc-8fc9f174-0 glbEDc"
+                    class="sc-32c7807-0 iMDCLs"
                   >
                     <p>
                       Le contrat de travail doit respecter les textes situés en haut. Il peut prévoir des mesures plus avantageuses pour le salarié. Dans ce cas, c’est le contrat de travail qui s’applique.
@@ -2627,34 +2627,34 @@ exports[`<DroitDuTravail /> should render 1`] = `
         class="sc-ca359f9a-2 itkhox"
       >
         <div
-          class="sc-6e8ce629-0 KibPI sc-ca359f9a-3 kxOhzT"
+          class="sc-a384ed57-0 iEQrzr sc-ca359f9a-3 kxOhzT"
         >
           <div
-            class="sc-c707bea3-0 fLyNGe"
+            class="sc-d8f596bd-0 jtWYDW"
           >
             <div
               aria-level="2"
-              class="sc-238bfc37-0 ffFWxY"
+              class="sc-e32628d4-0 fQeCjG"
               role="heading"
             >
               <p
-                class="sc-3c1fa745-0 fqYbSi"
+                class="sc-d6e72754-0 gvSeXc"
               >
                 <span
-                  class="sc-f4f767e-0 jZdFSO"
+                  class="sc-a4d7a179-0 jRxkkJ"
                 />
                 Besoin de plus d’informations ?
               </p>
             </div>
             <div
-              class="sc-c707bea3-0 sc-ca359f9a-4 drFLyc hlhfYQ"
+              class="sc-d8f596bd-0 sc-ca359f9a-4 jMrYSO hlhfYQ"
             >
               <p>
                 Les services du ministère du Travail en région informent, conseillent et orientent les salariés et les employeurs du secteur privé sur leurs questions en droit du travail.
               </p>
             </div>
             <button
-              class="sc-b0ebfae6-0 hPQAhy"
+              class="sc-95bd4344-0 dqVtzj"
             >
               Contacter nos services en région
               <svg
@@ -2673,10 +2673,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-6e8ce629-0 KibPI sc-ca359f9a-6 fxAVmP"
+          class="sc-a384ed57-0 iEQrzr sc-ca359f9a-6 fxAVmP"
         >
           <div
-            class="sc-c707bea3-0 sc-ca359f9a-7 fLyNGe ehsFea"
+            class="sc-d8f596bd-0 sc-ca359f9a-7 jtWYDW ehsFea"
           >
             <div
               class="sc-ca359f9a-0 eCLRAV"
@@ -2684,13 +2684,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Code du travail numérique
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -2741,13 +2741,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Outils populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -2778,13 +2778,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Modèles populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -2819,13 +2819,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Fiches pratiques populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -2856,13 +2856,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Conventions collectives populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -2894,7 +2894,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-c707bea3-0 sc-d2f8e86a-0 fLyNGe gLHwsT"
+          class="sc-d8f596bd-0 sc-d2f8e86a-0 jtWYDW gLHwsT"
         >
           <div
             class="sc-d2f8e86a-1 ipUnWt"
diff --git a/packages/code-du-travail-frontend/__tests__/__snapshots__/glossaire-[slug].test.tsx.snap b/packages/code-du-travail-frontend/__tests__/__snapshots__/glossaire-[slug].test.tsx.snap
index 037a446ae0..e36d836ce4 100644
--- a/packages/code-du-travail-frontend/__tests__/__snapshots__/glossaire-[slug].test.tsx.snap
+++ b/packages/code-du-travail-frontend/__tests__/__snapshots__/glossaire-[slug].test.tsx.snap
@@ -18,7 +18,7 @@ exports[`<Term /> should render 1`] = `
         le 04/01/2020, 00:00:00
       </div>
       <div
-        class="sc-c707bea3-0 sc-1bce5a92-4 fLyNGe jMVRmt"
+        class="sc-d8f596bd-0 sc-1bce5a92-4 jtWYDW jMVRmt"
       >
         <a
           class="sc-1bce5a92-5 dGVXOB"
@@ -66,7 +66,7 @@ exports[`<Term /> should render 1`] = `
             role="search"
           >
             <div
-              class="sc-f92038f6-0 llOtbb"
+              class="sc-8dcb2faa-0 gxfPDw"
             >
               <label
                 for="floating-search"
@@ -97,7 +97,7 @@ exports[`<Term /> should render 1`] = `
             />
             <button
               aria-label="Lancer ma recherche"
-              class="sc-b0ebfae6-0 dGXoMZ sc-830662af-4 hWCjEV"
+              class="sc-95bd4344-0 dxXsic sc-830662af-4 hWCjEV"
               title="Lancer ma recherche"
               type="submit"
             >
@@ -141,18 +141,18 @@ exports[`<Term /> should render 1`] = `
           class="sc-1bce5a92-8 jegxDE"
         >
           <button
-            class="sc-b0ebfae6-0 iBhawp sc-464069b8-0 sc-1bce5a92-3 iHEjlX hcjICj"
+            class="sc-95bd4344-0 ksRRNY sc-7ce33c9e-0 sc-1bce5a92-3 dfFPma hcjICj"
           >
             Accessibilité
           </button>
         </div>
         <button
           aria-label="menu principal"
-          class="sc-b0ebfae6-0 hnMdUW sc-e95c929f-1 edZCax sc-46211e62-0 fntMFM"
+          class="sc-95bd4344-0 jfFcPD sc-826d929a-1 gOztMa sc-46211e62-0 fntMFM"
         >
           <svg
             aria-hidden="true"
-            class="sc-e95c929f-2 lblybl"
+            class="sc-826d929a-2 iVKgwY"
             fill="none"
             viewBox="0 0 32 32"
             xmlns="http://www.w3.org/2000/svg"
@@ -173,28 +173,28 @@ exports[`<Term /> should render 1`] = `
       tabindex="-1"
     >
       <div
-        class="sc-6e8ce629-0 KibPI"
+        class="sc-a384ed57-0 iEQrzr"
       >
         <div
-          class="sc-c707bea3-0 cgPrTf"
+          class="sc-d8f596bd-0 hCPxfF"
         >
           <header
-            class="sc-238bfc37-0 bnxcHY"
+            class="sc-e32628d4-0 cXUuvO"
           >
             <h1
-              class="sc-efa69b03-0 cNAUpX"
+              class="sc-5f05e99b-0 dQbgIy"
             >
               <span
-                class="sc-f4f767e-0 jZdFSO"
+                class="sc-a4d7a179-0 jRxkkJ"
               />
               Accord d'entreprise
             </h1>
           </header>
           <div
-            class="sc-13323d30-0 eYPJba"
+            class="sc-2a0a4b0a-0 hpYuum"
           >
             <table
-              class="sc-6d9f376d-0 iugiNe"
+              class="sc-4e3ba411-0 kKVapO"
             >
               <tbody>
                 <tr>
@@ -227,34 +227,34 @@ exports[`<Term /> should render 1`] = `
         class="sc-ca359f9a-2 itkhox"
       >
         <div
-          class="sc-6e8ce629-0 KibPI sc-ca359f9a-3 kxOhzT"
+          class="sc-a384ed57-0 iEQrzr sc-ca359f9a-3 kxOhzT"
         >
           <div
-            class="sc-c707bea3-0 fLyNGe"
+            class="sc-d8f596bd-0 jtWYDW"
           >
             <div
               aria-level="2"
-              class="sc-238bfc37-0 ffFWxY"
+              class="sc-e32628d4-0 fQeCjG"
               role="heading"
             >
               <p
-                class="sc-3c1fa745-0 fqYbSi"
+                class="sc-d6e72754-0 gvSeXc"
               >
                 <span
-                  class="sc-f4f767e-0 jZdFSO"
+                  class="sc-a4d7a179-0 jRxkkJ"
                 />
                 Besoin de plus d’informations ?
               </p>
             </div>
             <div
-              class="sc-c707bea3-0 sc-ca359f9a-4 drFLyc hlhfYQ"
+              class="sc-d8f596bd-0 sc-ca359f9a-4 jMrYSO hlhfYQ"
             >
               <p>
                 Les services du ministère du Travail en région informent, conseillent et orientent les salariés et les employeurs du secteur privé sur leurs questions en droit du travail.
               </p>
             </div>
             <button
-              class="sc-b0ebfae6-0 hPQAhy"
+              class="sc-95bd4344-0 dqVtzj"
             >
               Contacter nos services en région
               <svg
@@ -273,10 +273,10 @@ exports[`<Term /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-6e8ce629-0 KibPI sc-ca359f9a-6 fxAVmP"
+          class="sc-a384ed57-0 iEQrzr sc-ca359f9a-6 fxAVmP"
         >
           <div
-            class="sc-c707bea3-0 sc-ca359f9a-7 fLyNGe ehsFea"
+            class="sc-d8f596bd-0 sc-ca359f9a-7 jtWYDW ehsFea"
           >
             <div
               class="sc-ca359f9a-0 eCLRAV"
@@ -284,13 +284,13 @@ exports[`<Term /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Code du travail numérique
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -341,13 +341,13 @@ exports[`<Term /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Outils populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -378,13 +378,13 @@ exports[`<Term /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Modèles populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -419,13 +419,13 @@ exports[`<Term /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Fiches pratiques populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -456,13 +456,13 @@ exports[`<Term /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Conventions collectives populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -494,7 +494,7 @@ exports[`<Term /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-c707bea3-0 sc-d2f8e86a-0 fLyNGe gLHwsT"
+          class="sc-d8f596bd-0 sc-d2f8e86a-0 jtWYDW gLHwsT"
         >
           <div
             class="sc-d2f8e86a-1 ipUnWt"
diff --git a/packages/code-du-travail-frontend/__tests__/__snapshots__/glossaire.test.tsx.snap b/packages/code-du-travail-frontend/__tests__/__snapshots__/glossaire.test.tsx.snap
index c0972d4a55..99c8859f78 100644
--- a/packages/code-du-travail-frontend/__tests__/__snapshots__/glossaire.test.tsx.snap
+++ b/packages/code-du-travail-frontend/__tests__/__snapshots__/glossaire.test.tsx.snap
@@ -18,7 +18,7 @@ exports[`<Glossaire /> should render 1`] = `
         le 04/01/2020, 00:00:00
       </div>
       <div
-        class="sc-c707bea3-0 sc-1bce5a92-4 fLyNGe jMVRmt"
+        class="sc-d8f596bd-0 sc-1bce5a92-4 jtWYDW jMVRmt"
       >
         <a
           class="sc-1bce5a92-5 dGVXOB"
@@ -66,7 +66,7 @@ exports[`<Glossaire /> should render 1`] = `
             role="search"
           >
             <div
-              class="sc-f92038f6-0 llOtbb"
+              class="sc-8dcb2faa-0 gxfPDw"
             >
               <label
                 for="floating-search"
@@ -97,7 +97,7 @@ exports[`<Glossaire /> should render 1`] = `
             />
             <button
               aria-label="Lancer ma recherche"
-              class="sc-b0ebfae6-0 dGXoMZ sc-830662af-4 hWCjEV"
+              class="sc-95bd4344-0 dxXsic sc-830662af-4 hWCjEV"
               title="Lancer ma recherche"
               type="submit"
             >
@@ -141,18 +141,18 @@ exports[`<Glossaire /> should render 1`] = `
           class="sc-1bce5a92-8 jegxDE"
         >
           <button
-            class="sc-b0ebfae6-0 iBhawp sc-464069b8-0 sc-1bce5a92-3 iHEjlX hcjICj"
+            class="sc-95bd4344-0 ksRRNY sc-7ce33c9e-0 sc-1bce5a92-3 dfFPma hcjICj"
           >
             Accessibilité
           </button>
         </div>
         <button
           aria-label="menu principal"
-          class="sc-b0ebfae6-0 hnMdUW sc-e95c929f-1 edZCax sc-46211e62-0 fntMFM"
+          class="sc-95bd4344-0 jfFcPD sc-826d929a-1 gOztMa sc-46211e62-0 fntMFM"
         >
           <svg
             aria-hidden="true"
-            class="sc-e95c929f-2 lblybl"
+            class="sc-826d929a-2 iVKgwY"
             fill="none"
             viewBox="0 0 32 32"
             xmlns="http://www.w3.org/2000/svg"
@@ -173,30 +173,30 @@ exports[`<Glossaire /> should render 1`] = `
       tabindex="-1"
     >
       <div
-        class="sc-6e8ce629-0 KibPI"
+        class="sc-a384ed57-0 iEQrzr"
       >
         <div
-          class="sc-c707bea3-0 cgPrTf"
+          class="sc-d8f596bd-0 hCPxfF"
         >
           <header
-            class="sc-238bfc37-0 bnxcHY"
+            class="sc-e32628d4-0 cXUuvO"
           >
             <h1
-              class="sc-efa69b03-0 cNAUpX"
+              class="sc-5f05e99b-0 dQbgIy"
             >
               <span
-                class="sc-f4f767e-0 jZdFSO"
+                class="sc-a4d7a179-0 jRxkkJ"
               />
               Glossaire
             </h1>
             <p
-              class="sc-e435e27-0 dhrCbn"
+              class="sc-ea8c0a81-0 hsqxhF"
             >
               Les définitions de ce glossaire, disponibles en surbrillance dans les textes des réponses, ont pour objectif d’améliorer la compréhension des termes juridiques. Elles ne se substituent pas à la définition juridique exacte de ces termes.
             </p>
           </header>
           <div
-            class="sc-13323d30-0 eYPJba"
+            class="sc-2a0a4b0a-0 hpYuum"
           >
             <ul>
               <li
@@ -386,20 +386,20 @@ exports[`<Glossaire /> should render 1`] = `
             </ul>
             <div>
               <div
-                class="sc-238bfc37-0 iTixSU"
+                class="sc-e32628d4-0 cwDqXq"
                 id="ancre-A"
               >
                 <h2
-                  class="sc-3c1fa745-0 eWYpOc"
+                  class="sc-d6e72754-0 gUBAuw"
                 >
                   <span
-                    class="sc-f4f767e-0 hiuRaG"
+                    class="sc-a4d7a179-0 gGBEJx"
                   />
                   A
                 </h2>
               </div>
               <ul
-                class="sc-78dd7a00-0 fVqAjV"
+                class="sc-ab356c14-0 bpNHPl"
               >
                 <li>
                   <p>
@@ -423,34 +423,34 @@ exports[`<Glossaire /> should render 1`] = `
         class="sc-ca359f9a-2 itkhox"
       >
         <div
-          class="sc-6e8ce629-0 KibPI sc-ca359f9a-3 kxOhzT"
+          class="sc-a384ed57-0 iEQrzr sc-ca359f9a-3 kxOhzT"
         >
           <div
-            class="sc-c707bea3-0 fLyNGe"
+            class="sc-d8f596bd-0 jtWYDW"
           >
             <div
               aria-level="2"
-              class="sc-238bfc37-0 ffFWxY"
+              class="sc-e32628d4-0 fQeCjG"
               role="heading"
             >
               <p
-                class="sc-3c1fa745-0 fqYbSi"
+                class="sc-d6e72754-0 gvSeXc"
               >
                 <span
-                  class="sc-f4f767e-0 jZdFSO"
+                  class="sc-a4d7a179-0 jRxkkJ"
                 />
                 Besoin de plus d’informations ?
               </p>
             </div>
             <div
-              class="sc-c707bea3-0 sc-ca359f9a-4 drFLyc hlhfYQ"
+              class="sc-d8f596bd-0 sc-ca359f9a-4 jMrYSO hlhfYQ"
             >
               <p>
                 Les services du ministère du Travail en région informent, conseillent et orientent les salariés et les employeurs du secteur privé sur leurs questions en droit du travail.
               </p>
             </div>
             <button
-              class="sc-b0ebfae6-0 hPQAhy"
+              class="sc-95bd4344-0 dqVtzj"
             >
               Contacter nos services en région
               <svg
@@ -469,10 +469,10 @@ exports[`<Glossaire /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-6e8ce629-0 KibPI sc-ca359f9a-6 fxAVmP"
+          class="sc-a384ed57-0 iEQrzr sc-ca359f9a-6 fxAVmP"
         >
           <div
-            class="sc-c707bea3-0 sc-ca359f9a-7 fLyNGe ehsFea"
+            class="sc-d8f596bd-0 sc-ca359f9a-7 jtWYDW ehsFea"
           >
             <div
               class="sc-ca359f9a-0 eCLRAV"
@@ -480,13 +480,13 @@ exports[`<Glossaire /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Code du travail numérique
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -537,13 +537,13 @@ exports[`<Glossaire /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Outils populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -574,13 +574,13 @@ exports[`<Glossaire /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Modèles populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -615,13 +615,13 @@ exports[`<Glossaire /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Fiches pratiques populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -652,13 +652,13 @@ exports[`<Glossaire /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Conventions collectives populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -690,7 +690,7 @@ exports[`<Glossaire /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-c707bea3-0 sc-d2f8e86a-0 fLyNGe gLHwsT"
+          class="sc-d8f596bd-0 sc-d2f8e86a-0 jtWYDW gLHwsT"
         >
           <div
             class="sc-d2f8e86a-1 ipUnWt"
diff --git a/packages/code-du-travail-frontend/__tests__/__snapshots__/modeles-de-courriers.test.tsx.snap b/packages/code-du-travail-frontend/__tests__/__snapshots__/modeles-de-courriers.test.tsx.snap
index aa24a09661..1586e6d16d 100644
--- a/packages/code-du-travail-frontend/__tests__/__snapshots__/modeles-de-courriers.test.tsx.snap
+++ b/packages/code-du-travail-frontend/__tests__/__snapshots__/modeles-de-courriers.test.tsx.snap
@@ -18,7 +18,7 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
         le 04/01/2020, 00:00:00
       </div>
       <div
-        class="sc-c707bea3-0 sc-1bce5a92-4 fLyNGe jMVRmt"
+        class="sc-d8f596bd-0 sc-1bce5a92-4 jtWYDW jMVRmt"
       >
         <a
           class="sc-1bce5a92-5 dGVXOB"
@@ -66,7 +66,7 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
             role="search"
           >
             <div
-              class="sc-f92038f6-0 llOtbb"
+              class="sc-8dcb2faa-0 gxfPDw"
             >
               <label
                 for="floating-search"
@@ -97,7 +97,7 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
             />
             <button
               aria-label="Lancer ma recherche"
-              class="sc-b0ebfae6-0 dGXoMZ sc-830662af-4 hWCjEV"
+              class="sc-95bd4344-0 dxXsic sc-830662af-4 hWCjEV"
               title="Lancer ma recherche"
               type="submit"
             >
@@ -141,18 +141,18 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
           class="sc-1bce5a92-8 jegxDE"
         >
           <button
-            class="sc-b0ebfae6-0 iBhawp sc-464069b8-0 sc-1bce5a92-3 iHEjlX hcjICj"
+            class="sc-95bd4344-0 ksRRNY sc-7ce33c9e-0 sc-1bce5a92-3 dfFPma hcjICj"
           >
             Accessibilité
           </button>
         </div>
         <button
           aria-label="menu principal"
-          class="sc-b0ebfae6-0 hnMdUW sc-e95c929f-1 edZCax sc-46211e62-0 fntMFM"
+          class="sc-95bd4344-0 jfFcPD sc-826d929a-1 gOztMa sc-46211e62-0 fntMFM"
         >
           <svg
             aria-hidden="true"
-            class="sc-e95c929f-2 lblybl"
+            class="sc-826d929a-2 iVKgwY"
             fill="none"
             viewBox="0 0 32 32"
             xmlns="http://www.w3.org/2000/svg"
@@ -173,33 +173,33 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
       tabindex="-1"
     >
       <div
-        class="sc-6e8ce629-0 KibPI"
+        class="sc-a384ed57-0 iEQrzr"
       >
         <div
-          class="sc-c707bea3-0 cgPrTf"
+          class="sc-d8f596bd-0 hCPxfF"
         >
           <header
-            class="sc-238bfc37-0 bnxcHY"
+            class="sc-e32628d4-0 cXUuvO"
           >
             <h1
-              class="sc-efa69b03-0 cNAUpX"
+              class="sc-5f05e99b-0 dQbgIy"
             >
               <span
-                class="sc-f4f767e-0 jZdFSO"
+                class="sc-a4d7a179-0 jRxkkJ"
               />
               Modèles de documents
             </h1>
             <p
-              class="sc-e435e27-0 dhrCbn"
+              class="sc-ea8c0a81-0 hsqxhF"
             >
               Téléchargez et personnalisez les modèles de documents et de lettres pour vos démarches en lien avec le droit du travail
             </p>
           </header>
           <div
-            class="sc-b8970624-0 fGqAMG sc-f36c6fc-2 cQpmLT"
+            class="sc-5a2c6b8f-0 yOEut sc-f36c6fc-2 cQpmLT"
           >
             <select
-              class="sc-b8970624-2 cwLeaN"
+              class="sc-5a2c6b8f-2 leEqvE"
             >
               <option
                 value="all"
@@ -219,7 +219,7 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
             </select>
             <div
               aria-hidden="true"
-              class="sc-b8970624-1 bmgmee"
+              class="sc-5a2c6b8f-1 dTDGVJ"
             >
               <svg
                 aria-hidden="true"
@@ -249,10 +249,10 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
             </div>
           </div>
           <ul
-            class="sc-78dd7a00-0 sc-f36c6fc-0 fVqAjV dRUUmx"
+            class="sc-ab356c14-0 sc-f36c6fc-0 bpNHPl dRUUmx"
           >
             <h2
-              class="sc-f36c6fc-3 gWQLPi sc-a53a0f9a-0 bIsTsN"
+              class="sc-f36c6fc-3 gWQLPi sc-b879fc2d-0 hyiHle"
             >
               Embauche et contrat de travail
             </h2>
@@ -260,13 +260,13 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
               class="sc-f36c6fc-1 kJkExl"
             >
               <div
-                class="sc-e72909eb-0 btTdnX"
+                class="sc-d47d8018-0 cDsGtD"
               >
                 <div
-                  class="sc-d36b32f1-0 fCVbWV"
+                  class="sc-9d3cf83b-0 gYcXmc"
                 >
                   <div
-                    class="sc-d36b32f1-1 djtofL"
+                    class="sc-9d3cf83b-1 laYFae"
                   >
                     <svg
                       aria-hidden="true"
@@ -290,13 +290,13 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
                   </div>
                 </div>
                 <div
-                  class="sc-e72909eb-2 bNzKqg"
+                  class="sc-d47d8018-2 eBZhiP"
                 >
                   <div
-                    class="sc-e72909eb-3 hASMbR"
+                    class="sc-d47d8018-3 cAXyng"
                   >
                     <h3
-                      class="sc-e72909eb-5 cdJafA"
+                      class="sc-d47d8018-5 jNRMjT"
                     >
                       <a
                         href="modeles-de-courriers/rupture-de-periode-dessai-a-linitiative-de-lemployeur"
@@ -307,14 +307,14 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
                   </div>
                 </div>
                 <div
-                  class="sc-e72909eb-6 dOdFhK"
+                  class="sc-d47d8018-6 ipSAXR"
                 >
                   Pendant la période d’essai, le contrat de travail peut être rompu librement par l'employeur. L'employeur doit dans ce cas informer le salarié et respecter un délai…
                 </div>
               </div>
             </li>
             <h2
-              class="sc-f36c6fc-3 gWQLPi sc-a53a0f9a-0 bIsTsN"
+              class="sc-f36c6fc-3 gWQLPi sc-b879fc2d-0 hyiHle"
             >
               Départ de l'entreprise
             </h2>
@@ -322,13 +322,13 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
               class="sc-f36c6fc-1 kJkExl"
             >
               <div
-                class="sc-e72909eb-0 btTdnX"
+                class="sc-d47d8018-0 cDsGtD"
               >
                 <div
-                  class="sc-d36b32f1-0 fCVbWV"
+                  class="sc-9d3cf83b-0 gYcXmc"
                 >
                   <div
-                    class="sc-d36b32f1-1 djtofL"
+                    class="sc-9d3cf83b-1 laYFae"
                   >
                     <svg
                       aria-hidden="true"
@@ -352,13 +352,13 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
                   </div>
                 </div>
                 <div
-                  class="sc-e72909eb-2 bNzKqg"
+                  class="sc-d47d8018-2 eBZhiP"
                 >
                   <div
-                    class="sc-e72909eb-3 hASMbR"
+                    class="sc-d47d8018-3 cAXyng"
                   >
                     <h3
-                      class="sc-e72909eb-5 cdJafA"
+                      class="sc-d47d8018-5 jNRMjT"
                     >
                       <a
                         href="modeles-de-courriers/demande-de-rendez-vous-en-vue-dune-rupture-conventionnelle"
@@ -369,7 +369,7 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
                   </div>
                 </div>
                 <div
-                  class="sc-e72909eb-6 dOdFhK"
+                  class="sc-d47d8018-6 ipSAXR"
                 >
                   La rupture conventionnelle individuelle est une modalité de rupture spécifique du CDI. Elle nécessite le consentement de l’employeur et du salarié, et son homologation…
                 </div>
@@ -386,34 +386,34 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
         class="sc-ca359f9a-2 itkhox"
       >
         <div
-          class="sc-6e8ce629-0 KibPI sc-ca359f9a-3 kxOhzT"
+          class="sc-a384ed57-0 iEQrzr sc-ca359f9a-3 kxOhzT"
         >
           <div
-            class="sc-c707bea3-0 fLyNGe"
+            class="sc-d8f596bd-0 jtWYDW"
           >
             <div
               aria-level="2"
-              class="sc-238bfc37-0 ffFWxY"
+              class="sc-e32628d4-0 fQeCjG"
               role="heading"
             >
               <p
-                class="sc-3c1fa745-0 fqYbSi"
+                class="sc-d6e72754-0 gvSeXc"
               >
                 <span
-                  class="sc-f4f767e-0 jZdFSO"
+                  class="sc-a4d7a179-0 jRxkkJ"
                 />
                 Besoin de plus d’informations ?
               </p>
             </div>
             <div
-              class="sc-c707bea3-0 sc-ca359f9a-4 drFLyc hlhfYQ"
+              class="sc-d8f596bd-0 sc-ca359f9a-4 jMrYSO hlhfYQ"
             >
               <p>
                 Les services du ministère du Travail en région informent, conseillent et orientent les salariés et les employeurs du secteur privé sur leurs questions en droit du travail.
               </p>
             </div>
             <button
-              class="sc-b0ebfae6-0 hPQAhy"
+              class="sc-95bd4344-0 dqVtzj"
             >
               Contacter nos services en région
               <svg
@@ -432,10 +432,10 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-6e8ce629-0 KibPI sc-ca359f9a-6 fxAVmP"
+          class="sc-a384ed57-0 iEQrzr sc-ca359f9a-6 fxAVmP"
         >
           <div
-            class="sc-c707bea3-0 sc-ca359f9a-7 fLyNGe ehsFea"
+            class="sc-d8f596bd-0 sc-ca359f9a-7 jtWYDW ehsFea"
           >
             <div
               class="sc-ca359f9a-0 eCLRAV"
@@ -443,13 +443,13 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Code du travail numérique
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -500,13 +500,13 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Outils populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -537,13 +537,13 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Modèles populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -578,13 +578,13 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Fiches pratiques populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -615,13 +615,13 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Conventions collectives populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -653,7 +653,7 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-c707bea3-0 sc-d2f8e86a-0 fLyNGe gLHwsT"
+          class="sc-d8f596bd-0 sc-d2f8e86a-0 jtWYDW gLHwsT"
         >
           <div
             class="sc-d2f8e86a-1 ipUnWt"
diff --git a/packages/code-du-travail-frontend/__tests__/__snapshots__/recherche.test.js.snap b/packages/code-du-travail-frontend/__tests__/__snapshots__/recherche.test.js.snap
index 0f49e2f7cc..2b67754851 100644
--- a/packages/code-du-travail-frontend/__tests__/__snapshots__/recherche.test.js.snap
+++ b/packages/code-du-travail-frontend/__tests__/__snapshots__/recherche.test.js.snap
@@ -18,7 +18,7 @@ exports[`<Recherche /> should render 1`] = `
         le 04/01/2020, 00:00:00
       </div>
       <div
-        class="sc-c707bea3-0 sc-1bce5a92-4 fLyNGe jMVRmt"
+        class="sc-d8f596bd-0 sc-1bce5a92-4 jtWYDW jMVRmt"
       >
         <a
           class="sc-1bce5a92-5 dGVXOB"
@@ -61,18 +61,18 @@ exports[`<Recherche /> should render 1`] = `
           class="sc-1bce5a92-8 jegxDE"
         >
           <button
-            class="sc-b0ebfae6-0 iBhawp sc-464069b8-0 sc-1bce5a92-3 iHEjlX hcjICj"
+            class="sc-95bd4344-0 ksRRNY sc-7ce33c9e-0 sc-1bce5a92-3 dfFPma hcjICj"
           >
             Accessibilité
           </button>
         </div>
         <button
           aria-label="menu principal"
-          class="sc-b0ebfae6-0 hnMdUW sc-e95c929f-1 edZCax sc-46211e62-0 fntMFM"
+          class="sc-95bd4344-0 jfFcPD sc-826d929a-1 gOztMa sc-46211e62-0 fntMFM"
         >
           <svg
             aria-hidden="true"
-            class="sc-e95c929f-2 lblybl"
+            class="sc-826d929a-2 iVKgwY"
             fill="none"
             viewBox="0 0 32 32"
             xmlns="http://www.w3.org/2000/svg"
@@ -93,16 +93,16 @@ exports[`<Recherche /> should render 1`] = `
       tabindex="-1"
     >
       <div
-        class="sc-c707bea3-0 cgPrTf"
+        class="sc-d8f596bd-0 hCPxfF"
       >
         <header
-          class="sc-238bfc37-0 bnxcHY"
+          class="sc-e32628d4-0 cXUuvO"
         >
           <h1
-            class="sc-efa69b03-0 cNAUpX"
+            class="sc-5f05e99b-0 dQbgIy"
           >
             <span
-              class="sc-f4f767e-0 jZdFSO"
+              class="sc-a4d7a179-0 jRxkkJ"
             />
             Recherche
           </h1>
@@ -116,7 +116,7 @@ exports[`<Recherche /> should render 1`] = `
             role="search"
           >
             <div
-              class="sc-f92038f6-0 llOtbb"
+              class="sc-8dcb2faa-0 gxfPDw"
             >
               <label
                 for="search-input"
@@ -147,7 +147,7 @@ exports[`<Recherche /> should render 1`] = `
             />
             <button
               aria-label="Lancer ma recherche"
-              class="sc-b0ebfae6-0 jQBCMS sc-830662af-3 duukAP"
+              class="sc-95bd4344-0 jqYNvz sc-830662af-3 duukAP"
               title="Lancer ma recherche"
               type="submit"
             >
@@ -168,24 +168,24 @@ exports[`<Recherche /> should render 1`] = `
         </div>
       </div>
       <div
-        class="sc-6e8ce629-0 KibPI"
+        class="sc-a384ed57-0 iEQrzr"
       />
       <div
-        class="sc-6e8ce629-0 KibPI"
+        class="sc-a384ed57-0 iEQrzr"
       >
         <div
-          class="sc-c707bea3-0 fLyNGe"
+          class="sc-d8f596bd-0 jtWYDW"
         >
           <div
-            class="sc-13323d30-0 sc-25b8f0fc-1 gtmVnh eIPfXy"
+            class="sc-2a0a4b0a-0 sc-25b8f0fc-1 hPfzrL eIPfXy"
           >
             <strong
               aria-level="2"
-              class="sc-a53a0f9a-0 hXUEeL"
+              class="sc-b879fc2d-0 ddMxZe"
               role="heading"
             >
               <span
-                class="sc-f4f767e-0 cxMIVi"
+                class="sc-a4d7a179-0 jSVvrt"
               />
               Vous n’avez pas trouvé ce que vous cherchiez ? Essayez …
             </strong>
@@ -193,12 +193,12 @@ exports[`<Recherche /> should render 1`] = `
               class="sc-25b8f0fc-2 bfzTYW"
             >
               <button
-                class="sc-b0ebfae6-0 ffxSnV"
+                class="sc-95bd4344-0 iLunBo"
               >
                 Consulter les thèmes
               </button>
               <button
-                class="sc-b0ebfae6-0 ffxSnV"
+                class="sc-95bd4344-0 iLunBo"
               >
                 Chercher une convention collective
               </button>
@@ -214,34 +214,34 @@ exports[`<Recherche /> should render 1`] = `
         class="sc-ca359f9a-2 itkhox"
       >
         <div
-          class="sc-6e8ce629-0 KibPI sc-ca359f9a-3 kxOhzT"
+          class="sc-a384ed57-0 iEQrzr sc-ca359f9a-3 kxOhzT"
         >
           <div
-            class="sc-c707bea3-0 fLyNGe"
+            class="sc-d8f596bd-0 jtWYDW"
           >
             <div
               aria-level="2"
-              class="sc-238bfc37-0 ffFWxY"
+              class="sc-e32628d4-0 fQeCjG"
               role="heading"
             >
               <p
-                class="sc-3c1fa745-0 fqYbSi"
+                class="sc-d6e72754-0 gvSeXc"
               >
                 <span
-                  class="sc-f4f767e-0 jZdFSO"
+                  class="sc-a4d7a179-0 jRxkkJ"
                 />
                 Besoin de plus d’informations ?
               </p>
             </div>
             <div
-              class="sc-c707bea3-0 sc-ca359f9a-4 drFLyc hlhfYQ"
+              class="sc-d8f596bd-0 sc-ca359f9a-4 jMrYSO hlhfYQ"
             >
               <p>
                 Les services du ministère du Travail en région informent, conseillent et orientent les salariés et les employeurs du secteur privé sur leurs questions en droit du travail.
               </p>
             </div>
             <button
-              class="sc-b0ebfae6-0 hPQAhy"
+              class="sc-95bd4344-0 dqVtzj"
             >
               Contacter nos services en région
               <svg
@@ -260,10 +260,10 @@ exports[`<Recherche /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-6e8ce629-0 KibPI sc-ca359f9a-6 fxAVmP"
+          class="sc-a384ed57-0 iEQrzr sc-ca359f9a-6 fxAVmP"
         >
           <div
-            class="sc-c707bea3-0 sc-ca359f9a-7 fLyNGe ehsFea"
+            class="sc-d8f596bd-0 sc-ca359f9a-7 jtWYDW ehsFea"
           >
             <div
               class="sc-ca359f9a-0 eCLRAV"
@@ -271,13 +271,13 @@ exports[`<Recherche /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Code du travail numérique
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -328,13 +328,13 @@ exports[`<Recherche /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Outils populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -365,13 +365,13 @@ exports[`<Recherche /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Modèles populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -406,13 +406,13 @@ exports[`<Recherche /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Fiches pratiques populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -443,13 +443,13 @@ exports[`<Recherche /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Conventions collectives populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -481,7 +481,7 @@ exports[`<Recherche /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-c707bea3-0 sc-d2f8e86a-0 fLyNGe gLHwsT"
+          class="sc-d8f596bd-0 sc-d2f8e86a-0 jtWYDW gLHwsT"
         >
           <div
             class="sc-d2f8e86a-1 ipUnWt"
diff --git a/packages/code-du-travail-frontend/__tests__/__snapshots__/themes.test.tsx.snap b/packages/code-du-travail-frontend/__tests__/__snapshots__/themes.test.tsx.snap
index 8935a28119..2a991fc2ad 100644
--- a/packages/code-du-travail-frontend/__tests__/__snapshots__/themes.test.tsx.snap
+++ b/packages/code-du-travail-frontend/__tests__/__snapshots__/themes.test.tsx.snap
@@ -18,7 +18,7 @@ exports[`<Theme /> should render 1`] = `
         le 04/01/2020, 00:00:00
       </div>
       <div
-        class="sc-c707bea3-0 sc-1bce5a92-4 fLyNGe jMVRmt"
+        class="sc-d8f596bd-0 sc-1bce5a92-4 jtWYDW jMVRmt"
       >
         <a
           class="sc-1bce5a92-5 dGVXOB"
@@ -66,7 +66,7 @@ exports[`<Theme /> should render 1`] = `
             role="search"
           >
             <div
-              class="sc-f92038f6-0 llOtbb"
+              class="sc-8dcb2faa-0 gxfPDw"
             >
               <label
                 for="floating-search"
@@ -97,7 +97,7 @@ exports[`<Theme /> should render 1`] = `
             />
             <button
               aria-label="Lancer ma recherche"
-              class="sc-b0ebfae6-0 dGXoMZ sc-830662af-4 hWCjEV"
+              class="sc-95bd4344-0 dxXsic sc-830662af-4 hWCjEV"
               title="Lancer ma recherche"
               type="submit"
             >
@@ -141,18 +141,18 @@ exports[`<Theme /> should render 1`] = `
           class="sc-1bce5a92-8 jegxDE"
         >
           <button
-            class="sc-b0ebfae6-0 iBhawp sc-464069b8-0 sc-1bce5a92-3 iHEjlX hcjICj"
+            class="sc-95bd4344-0 ksRRNY sc-7ce33c9e-0 sc-1bce5a92-3 dfFPma hcjICj"
           >
             Accessibilité
           </button>
         </div>
         <button
           aria-label="menu principal"
-          class="sc-b0ebfae6-0 hnMdUW sc-e95c929f-1 edZCax sc-46211e62-0 fntMFM"
+          class="sc-95bd4344-0 jfFcPD sc-826d929a-1 gOztMa sc-46211e62-0 fntMFM"
         >
           <svg
             aria-hidden="true"
-            class="sc-e95c929f-2 lblybl"
+            class="sc-826d929a-2 iVKgwY"
             fill="none"
             viewBox="0 0 32 32"
             xmlns="http://www.w3.org/2000/svg"
@@ -177,7 +177,7 @@ exports[`<Theme /> should render 1`] = `
         class="sc-4acc650d-0 iZmHLs"
       >
         <ol
-          class="sc-c707bea3-0 sc-4acc650d-1 fLyNGe fiOSiq"
+          class="sc-d8f596bd-0 sc-4acc650d-1 jtWYDW fiOSiq"
         >
           <li
             class="sc-4acc650d-2 fEtKOP"
@@ -228,57 +228,57 @@ exports[`<Theme /> should render 1`] = `
         </ol>
       </nav>
       <div
-        class="sc-6e8ce629-0 KibPI"
+        class="sc-a384ed57-0 iEQrzr"
       >
         <div
-          class="sc-c707bea3-0 fLyNGe"
+          class="sc-d8f596bd-0 jtWYDW"
         >
           <header
-            class="sc-238bfc37-0 bnxcHY"
+            class="sc-e32628d4-0 cXUuvO"
           >
             <h1
-              class="sc-efa69b03-0 cNAUpX"
+              class="sc-5f05e99b-0 dQbgIy"
             >
               <span
-                class="sc-f4f767e-0 jZdFSO"
+                class="sc-a4d7a179-0 jRxkkJ"
               />
               Contrat de travail
             </h1>
             <p
-              class="sc-e435e27-0 dhrCbn"
+              class="sc-ea8c0a81-0 hsqxhF"
             >
               I am a description !
             </p>
           </header>
           <div
-            class="sc-c707bea3-0 sc-f262cf08-0 fLyNGe jNaGhn"
+            class="sc-d8f596bd-0 sc-f262cf08-0 jtWYDW jNaGhn"
           >
             <a
-              class="sc-f262cf08-1 bShleE sc-b0ebfae6-0 hPQAhy"
+              class="sc-f262cf08-1 bShleE sc-95bd4344-0 dqVtzj"
               href="/themes//themes/121-cdi"
             >
               CDI
             </a>
             <a
-              class="sc-f262cf08-1 bShleE sc-b0ebfae6-0 hPQAhy"
+              class="sc-f262cf08-1 bShleE sc-95bd4344-0 dqVtzj"
               href="/themes//themes/122-cdd"
             >
               CDD
             </a>
             <a
-              class="sc-f262cf08-1 bShleE sc-b0ebfae6-0 hPQAhy"
+              class="sc-f262cf08-1 bShleE sc-95bd4344-0 dqVtzj"
               href="/themes//themes/123-interim"
             >
               Intérim
             </a>
             <a
-              class="sc-f262cf08-1 bShleE sc-b0ebfae6-0 hPQAhy"
+              class="sc-f262cf08-1 bShleE sc-95bd4344-0 dqVtzj"
               href="/themes//themes/124-contrat-dapprentissage"
             >
               Contrat d'apprentissage
             </a>
             <a
-              class="sc-f262cf08-1 bShleE sc-b0ebfae6-0 hPQAhy"
+              class="sc-f262cf08-1 bShleE sc-95bd4344-0 dqVtzj"
               href="/themes//themes/125-contrat-de-professionnalisation"
             >
               Contrat de professionnalisation
@@ -294,34 +294,34 @@ exports[`<Theme /> should render 1`] = `
         class="sc-ca359f9a-2 itkhox"
       >
         <div
-          class="sc-6e8ce629-0 KibPI sc-ca359f9a-3 kxOhzT"
+          class="sc-a384ed57-0 iEQrzr sc-ca359f9a-3 kxOhzT"
         >
           <div
-            class="sc-c707bea3-0 fLyNGe"
+            class="sc-d8f596bd-0 jtWYDW"
           >
             <div
               aria-level="2"
-              class="sc-238bfc37-0 ffFWxY"
+              class="sc-e32628d4-0 fQeCjG"
               role="heading"
             >
               <p
-                class="sc-3c1fa745-0 fqYbSi"
+                class="sc-d6e72754-0 gvSeXc"
               >
                 <span
-                  class="sc-f4f767e-0 jZdFSO"
+                  class="sc-a4d7a179-0 jRxkkJ"
                 />
                 Besoin de plus d’informations ?
               </p>
             </div>
             <div
-              class="sc-c707bea3-0 sc-ca359f9a-4 drFLyc hlhfYQ"
+              class="sc-d8f596bd-0 sc-ca359f9a-4 jMrYSO hlhfYQ"
             >
               <p>
                 Les services du ministère du Travail en région informent, conseillent et orientent les salariés et les employeurs du secteur privé sur leurs questions en droit du travail.
               </p>
             </div>
             <button
-              class="sc-b0ebfae6-0 hPQAhy"
+              class="sc-95bd4344-0 dqVtzj"
             >
               Contacter nos services en région
               <svg
@@ -340,10 +340,10 @@ exports[`<Theme /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-6e8ce629-0 KibPI sc-ca359f9a-6 fxAVmP"
+          class="sc-a384ed57-0 iEQrzr sc-ca359f9a-6 fxAVmP"
         >
           <div
-            class="sc-c707bea3-0 sc-ca359f9a-7 fLyNGe ehsFea"
+            class="sc-d8f596bd-0 sc-ca359f9a-7 jtWYDW ehsFea"
           >
             <div
               class="sc-ca359f9a-0 eCLRAV"
@@ -351,13 +351,13 @@ exports[`<Theme /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Code du travail numérique
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -408,13 +408,13 @@ exports[`<Theme /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Outils populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -445,13 +445,13 @@ exports[`<Theme /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Modèles populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -486,13 +486,13 @@ exports[`<Theme /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Fiches pratiques populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -523,13 +523,13 @@ exports[`<Theme /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-ca359f9a-9 dTzxFA sc-a53a0f9a-0 vctiQ"
+                  class="sc-ca359f9a-9 dTzxFA sc-b879fc2d-0 dSFUuf"
                   role="heading"
                 >
                   Conventions collectives populaires
                 </strong>
                 <ul
-                  class="sc-78dd7a00-0 sc-ca359f9a-8 fVqAjV bzviQm"
+                  class="sc-ab356c14-0 sc-ca359f9a-8 bpNHPl bzviQm"
                 >
                   <li>
                     <a
@@ -561,7 +561,7 @@ exports[`<Theme /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-c707bea3-0 sc-d2f8e86a-0 fLyNGe gLHwsT"
+          class="sc-d8f596bd-0 sc-d2f8e86a-0 jtWYDW gLHwsT"
         >
           <div
             class="sc-d2f8e86a-1 ipUnWt"
diff --git a/packages/code-du-travail-frontend/src/common/Feedback/__tests__/__snapshots__/Feedback.test.js.snap b/packages/code-du-travail-frontend/src/common/Feedback/__tests__/__snapshots__/Feedback.test.js.snap
index c1179126ca..5df19a2494 100644
--- a/packages/code-du-travail-frontend/src/common/Feedback/__tests__/__snapshots__/Feedback.test.js.snap
+++ b/packages/code-du-travail-frontend/src/common/Feedback/__tests__/__snapshots__/Feedback.test.js.snap
@@ -3,22 +3,22 @@
 exports[`<Feedback/> should render 1`] = `
 <div>
   <div
-    class="sc-6e8ce629-0 KibPI sc-3f9d0357-0 fZXZfe"
+    class="sc-a384ed57-0 iEQrzr sc-3f9d0357-0 fZXZfe"
   >
     <div
-      class="sc-c707bea3-0 fLyNGe"
+      class="sc-d8f596bd-0 jtWYDW"
     >
       <div
-        class="sc-13323d30-0 gtmVnh"
+        class="sc-2a0a4b0a-0 hPfzrL"
       >
         <div
           class="sc-66a51d8b-3 iitVHg"
         >
           <h2
-            class="sc-66a51d8b-4 ihsodu sc-a53a0f9a-0 hXUEeL"
+            class="sc-66a51d8b-4 ihsodu sc-b879fc2d-0 ddMxZe"
           >
             <span
-              class="sc-f4f767e-0 cxMIVi"
+              class="sc-a4d7a179-0 jSVvrt"
             />
             Avez-vous trouvé la réponse à votre question ?
           </h2>
@@ -26,12 +26,12 @@ exports[`<Feedback/> should render 1`] = `
             class="sc-66a51d8b-5 eRJUhM"
           >
             <button
-              class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
+              class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
             >
               Non
             </button>
             <button
-              class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
+              class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
             >
               Oui
             </button>
@@ -46,22 +46,22 @@ exports[`<Feedback/> should render 1`] = `
 exports[`<Feedback/> should render form once user answer no 1`] = `
 <div>
   <div
-    class="sc-6e8ce629-0 KibPI sc-3f9d0357-0 fZXZfe"
+    class="sc-a384ed57-0 iEQrzr sc-3f9d0357-0 fZXZfe"
   >
     <div
-      class="sc-c707bea3-0 fLyNGe"
+      class="sc-d8f596bd-0 jtWYDW"
     >
       <div
-        class="sc-13323d30-0 gtmVnh"
+        class="sc-2a0a4b0a-0 hPfzrL"
       >
         <div
           class="sc-66a51d8b-3 iitVHg"
         >
           <h2
-            class="sc-66a51d8b-4 ihsodu sc-a53a0f9a-0 hXUEeL"
+            class="sc-66a51d8b-4 ihsodu sc-b879fc2d-0 ddMxZe"
           >
             <span
-              class="sc-f4f767e-0 cxMIVi"
+              class="sc-a4d7a179-0 jSVvrt"
             />
             Merci pour votre réponse.
           </h2>
@@ -76,11 +76,11 @@ exports[`<Feedback/> should render form once user answer no 1`] = `
               Pouvez-vous nous en dire plus ?
             </legend>
             <label
-              class="sc-2aed4ca4-0 hCUNwT"
+              class="sc-839d90a8-0 gMVMHp"
               for="unclear"
             >
               <input
-                class="sc-2aed4ca4-1 xIQyG"
+                class="sc-839d90a8-1 eqiyso"
                 id="unclear"
                 name="category"
                 type="checkbox"
@@ -89,11 +89,11 @@ exports[`<Feedback/> should render form once user answer no 1`] = `
               Les informations ne sont pas claires.
             </label>
             <label
-              class="sc-2aed4ca4-0 hCUNwT"
+              class="sc-839d90a8-0 gMVMHp"
               for="unrelated"
             >
               <input
-                class="sc-2aed4ca4-1 xIQyG"
+                class="sc-839d90a8-1 eqiyso"
                 id="unrelated"
                 name="category"
                 type="checkbox"
@@ -102,11 +102,11 @@ exports[`<Feedback/> should render form once user answer no 1`] = `
               Cette page ne correspond pas à ma recherche ou à ma situation.
             </label>
             <label
-              class="sc-2aed4ca4-0 hCUNwT"
+              class="sc-839d90a8-0 gMVMHp"
               for="unsatisfied"
             >
               <input
-                class="sc-2aed4ca4-1 xIQyG"
+                class="sc-839d90a8-1 eqiyso"
                 id="unsatisfied"
                 name="category"
                 type="checkbox"
@@ -115,11 +115,11 @@ exports[`<Feedback/> should render form once user answer no 1`] = `
               Je ne suis pas satisfait de cette réglementation.
             </label>
             <label
-              class="sc-2aed4ca4-0 hCUNwT"
+              class="sc-839d90a8-0 gMVMHp"
               for="wrong"
             >
               <input
-                class="sc-2aed4ca4-1 xIQyG"
+                class="sc-839d90a8-1 eqiyso"
                 id="wrong"
                 name="category"
                 type="checkbox"
@@ -135,7 +135,7 @@ exports[`<Feedback/> should render form once user answer no 1`] = `
             Faire une suggestion pour améliorer cette page
           </label>
           <textarea
-            class="sc-aa60ea15-0 gXalE sc-66a51d8b-8 hgLwfg"
+            class="sc-3dad25ce-0 gVEtdz sc-66a51d8b-8 hgLwfg"
             cols="50"
             id="suggestion"
             maxlength="150"
@@ -145,13 +145,13 @@ exports[`<Feedback/> should render form once user answer no 1`] = `
           />
           <div>
             <span
-              class="sc-a4406a0f-0 eiudNM"
+              class="sc-3633cc97-0 cictDJ"
             >
               150
                caractères restants
             </span>
             <div
-              class="sc-f92038f6-0 llOtbb"
+              class="sc-8dcb2faa-0 gxfPDw"
               role="status"
             >
               150
@@ -162,7 +162,7 @@ exports[`<Feedback/> should render form once user answer no 1`] = `
             class="sc-66a51d8b-10 iVMFlu"
           >
             <button
-              class="sc-b0ebfae6-0 kxyWXU sc-66a51d8b-6 xfnpJ"
+              class="sc-95bd4344-0 ddXsil sc-66a51d8b-6 xfnpJ"
             >
               Envoyer
             </button>
@@ -172,7 +172,7 @@ exports[`<Feedback/> should render form once user answer no 1`] = `
           Pour obtenir une réponse à votre question de droit du travail, nous vous invitons à joindre
            
           <button
-            class="sc-b0ebfae6-0 jcMFcJ"
+            class="sc-95bd4344-0 hgVQqQ"
             type="button"
           >
             les services du ministère du Travail en région
@@ -198,22 +198,22 @@ exports[`<Feedback/> should render form once user answer no 1`] = `
 exports[`<Feedback/> should render form once user answer yes 1`] = `
 <div>
   <div
-    class="sc-6e8ce629-0 KibPI sc-3f9d0357-0 fZXZfe"
+    class="sc-a384ed57-0 iEQrzr sc-3f9d0357-0 fZXZfe"
   >
     <div
-      class="sc-c707bea3-0 fLyNGe"
+      class="sc-d8f596bd-0 jtWYDW"
     >
       <div
-        class="sc-13323d30-0 gtmVnh"
+        class="sc-2a0a4b0a-0 hPfzrL"
       >
         <div
           class="sc-66a51d8b-3 iitVHg"
         >
           <h2
-            class="sc-66a51d8b-4 ihsodu sc-a53a0f9a-0 hXUEeL"
+            class="sc-66a51d8b-4 ihsodu sc-b879fc2d-0 ddMxZe"
           >
             <span
-              class="sc-f4f767e-0 cxMIVi"
+              class="sc-a4d7a179-0 jSVvrt"
             />
             Merci pour votre réponse.
           </h2>
@@ -226,7 +226,7 @@ exports[`<Feedback/> should render form once user answer yes 1`] = `
             Faire une suggestion pour améliorer cette page
           </label>
           <textarea
-            class="sc-aa60ea15-0 gXalE sc-66a51d8b-8 hgLwfg"
+            class="sc-3dad25ce-0 gVEtdz sc-66a51d8b-8 hgLwfg"
             cols="50"
             id="suggestion"
             maxlength="150"
@@ -236,13 +236,13 @@ exports[`<Feedback/> should render form once user answer yes 1`] = `
           />
           <div>
             <span
-              class="sc-a4406a0f-0 eiudNM"
+              class="sc-3633cc97-0 cictDJ"
             >
               150
                caractères restants
             </span>
             <div
-              class="sc-f92038f6-0 llOtbb"
+              class="sc-8dcb2faa-0 gxfPDw"
               role="status"
             >
               150
@@ -253,7 +253,7 @@ exports[`<Feedback/> should render form once user answer yes 1`] = `
             class="sc-66a51d8b-10 iVMFlu"
           >
             <button
-              class="sc-b0ebfae6-0 kxyWXU sc-66a51d8b-6 xfnpJ"
+              class="sc-95bd4344-0 ddXsil sc-66a51d8b-6 xfnpJ"
             >
               Envoyer
             </button>
diff --git a/packages/code-du-travail-frontend/src/common/References/__tests__/__snapshots__/ReferenceList.test.js.snap b/packages/code-du-travail-frontend/src/common/References/__tests__/__snapshots__/ReferenceList.test.js.snap
index 5290678b9f..af379dceee 100644
--- a/packages/code-du-travail-frontend/src/common/References/__tests__/__snapshots__/ReferenceList.test.js.snap
+++ b/packages/code-du-travail-frontend/src/common/References/__tests__/__snapshots__/ReferenceList.test.js.snap
@@ -3,16 +3,16 @@
 exports[`<ReferenceList /> should render 1`] = `
 <div>
   <ul
-    class="sc-78dd7a00-0 sc-ab4aba5d-1 fVqAjV dDdmoO"
+    class="sc-ab356c14-0 sc-ab4aba5d-1 bpNHPl dDdmoO"
   >
     <li>
       <a
-        class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu"
+        class="sc-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu"
         href="/code-du-travail/l2323-4"
       >
         <svg
           aria-hidden="true"
-          class="sc-c95f41ec-2 iFvcod"
+          class="sc-60a7e89-2 bJDpVh"
           fill="none"
           viewBox="0 0 28 15"
           xmlns="http://www.w3.org/2000/svg"
@@ -23,7 +23,7 @@ exports[`<ReferenceList /> should render 1`] = `
           />
         </svg>
         <span
-          class="sc-c95f41ec-1 juvzjJ"
+          class="sc-60a7e89-1 eSlLWj"
         >
           Article L2323-4 du Code du travail
         </span>
@@ -32,13 +32,13 @@ exports[`<ReferenceList /> should render 1`] = `
     <li>
       <a
         aria-label="Article yyy du JO (Nouvelle fenêtre)"
-        class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu no-after"
+        class="sc-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu no-after"
         href="https://article.jo/yyy"
         target="_blank"
       >
         <svg
           aria-hidden="true"
-          class="sc-c95f41ec-2 iFvcod"
+          class="sc-60a7e89-2 bJDpVh"
           fill="none"
           viewBox="0 0 28 15"
           xmlns="http://www.w3.org/2000/svg"
@@ -49,7 +49,7 @@ exports[`<ReferenceList /> should render 1`] = `
           />
         </svg>
         <span
-          class="sc-c95f41ec-1 juvzjJ"
+          class="sc-60a7e89-1 eSlLWj"
         >
           Article yyy du JO
         </span>
@@ -58,13 +58,13 @@ exports[`<ReferenceList /> should render 1`] = `
     <li>
       <a
         aria-label="CCN metallurgie (Nouvelle fenêtre)"
-        class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu no-after"
+        class="sc-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu no-after"
         href="https://legifrance/ccn-metallurgie"
         target="_blank"
       >
         <svg
           aria-hidden="true"
-          class="sc-c95f41ec-2 iFvcod"
+          class="sc-60a7e89-2 bJDpVh"
           fill="none"
           viewBox="0 0 28 15"
           xmlns="http://www.w3.org/2000/svg"
@@ -75,7 +75,7 @@ exports[`<ReferenceList /> should render 1`] = `
           />
         </svg>
         <span
-          class="sc-c95f41ec-1 juvzjJ"
+          class="sc-60a7e89-1 eSlLWj"
         >
           CCN metallurgie
         </span>
@@ -83,12 +83,12 @@ exports[`<ReferenceList /> should render 1`] = `
     </li>
     <li>
       <a
-        class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu"
+        class="sc-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu"
         href="/convention-collective/123-automobile"
       >
         <svg
           aria-hidden="true"
-          class="sc-c95f41ec-2 iFvcod"
+          class="sc-60a7e89-2 bJDpVh"
           fill="none"
           viewBox="0 0 28 15"
           xmlns="http://www.w3.org/2000/svg"
@@ -99,7 +99,7 @@ exports[`<ReferenceList /> should render 1`] = `
           />
         </svg>
         <span
-          class="sc-c95f41ec-1 juvzjJ"
+          class="sc-60a7e89-1 eSlLWj"
         >
           Convention collective: automobile
         </span>
@@ -107,12 +107,12 @@ exports[`<ReferenceList /> should render 1`] = `
     </li>
     <li>
       <a
-        class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu"
+        class="sc-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu"
         href="/code-du-travail/l1234-3"
       >
         <svg
           aria-hidden="true"
-          class="sc-c95f41ec-2 iFvcod"
+          class="sc-60a7e89-2 bJDpVh"
           fill="none"
           viewBox="0 0 28 15"
           xmlns="http://www.w3.org/2000/svg"
@@ -123,7 +123,7 @@ exports[`<ReferenceList /> should render 1`] = `
           />
         </svg>
         <span
-          class="sc-c95f41ec-1 juvzjJ"
+          class="sc-60a7e89-1 eSlLWj"
         >
           Article L1234-3 du Code du travail
         </span>
diff --git a/packages/code-du-travail-frontend/src/common/References/__tests__/__snapshots__/ReferencesJuridiques.test.js.snap b/packages/code-du-travail-frontend/src/common/References/__tests__/__snapshots__/ReferencesJuridiques.test.js.snap
index 93b19fad30..5763e0a577 100644
--- a/packages/code-du-travail-frontend/src/common/References/__tests__/__snapshots__/ReferencesJuridiques.test.js.snap
+++ b/packages/code-du-travail-frontend/src/common/References/__tests__/__snapshots__/ReferencesJuridiques.test.js.snap
@@ -3,17 +3,17 @@
 exports[`<ReferencesJuridiques /> should render 1`] = `
 <div>
   <div
-    class="sc-13323d30-0 gtmVnh"
+    class="sc-2a0a4b0a-0 hPfzrL"
   >
     <div>
       <button
         aria-expanded="false"
-        class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
+        class="sc-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
         type="button"
       >
         <svg
           aria-hidden="true"
-          class="sc-efc7f1fd-0 cFvIxv"
+          class="sc-93c68677-0 fWneNg"
           fill="none"
           height="24"
           stroke="currentColor"
@@ -29,25 +29,25 @@ exports[`<ReferencesJuridiques /> should render 1`] = `
           />
         </svg>
         <span
-          class="sc-a45f48bd-2 dzrMBi"
+          class="sc-da0440cf-2 cdlSfE"
         >
           Références juridiques concernées :
         </span>
       </button>
       <div
-        class="sc-a45f48bd-0 dnXrPP"
+        class="sc-da0440cf-0 kQbZar"
       >
         <ul
-          class="sc-78dd7a00-0 sc-ab4aba5d-1 fVqAjV dDdmoO"
+          class="sc-ab356c14-0 sc-ab4aba5d-1 bpNHPl dDdmoO"
         >
           <li>
             <a
-              class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu"
+              class="sc-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu"
               href="/code-du-travail/l1244-3"
             >
               <svg
                 aria-hidden="true"
-                class="sc-c95f41ec-2 iFvcod"
+                class="sc-60a7e89-2 bJDpVh"
                 fill="none"
                 viewBox="0 0 28 15"
                 xmlns="http://www.w3.org/2000/svg"
@@ -58,7 +58,7 @@ exports[`<ReferencesJuridiques /> should render 1`] = `
                 />
               </svg>
               <span
-                class="sc-c95f41ec-1 juvzjJ"
+                class="sc-60a7e89-1 eSlLWj"
               >
                 Article L1244-3 du Code du travail
               </span>
@@ -66,12 +66,12 @@ exports[`<ReferencesJuridiques /> should render 1`] = `
           </li>
           <li>
             <a
-              class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu"
+              class="sc-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu"
               href="/code-du-travail/r1244-4"
             >
               <svg
                 aria-hidden="true"
-                class="sc-c95f41ec-2 iFvcod"
+                class="sc-60a7e89-2 bJDpVh"
                 fill="none"
                 viewBox="0 0 28 15"
                 xmlns="http://www.w3.org/2000/svg"
@@ -82,7 +82,7 @@ exports[`<ReferencesJuridiques /> should render 1`] = `
                 />
               </svg>
               <span
-                class="sc-c95f41ec-1 juvzjJ"
+                class="sc-60a7e89-1 eSlLWj"
               >
                 Article R1244-4 du Code du travail
               </span>
@@ -91,13 +91,13 @@ exports[`<ReferencesJuridiques /> should render 1`] = `
           <li>
             <a
               aria-label="Article L3121-44 du JO (Nouvelle fenêtre)"
-              class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu no-after"
+              class="sc-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu no-after"
               href="https://article.jo/L3121-44"
               target="_blank"
             >
               <svg
                 aria-hidden="true"
-                class="sc-c95f41ec-2 iFvcod"
+                class="sc-60a7e89-2 bJDpVh"
                 fill="none"
                 viewBox="0 0 28 15"
                 xmlns="http://www.w3.org/2000/svg"
@@ -108,7 +108,7 @@ exports[`<ReferencesJuridiques /> should render 1`] = `
                 />
               </svg>
               <span
-                class="sc-c95f41ec-1 juvzjJ"
+                class="sc-60a7e89-1 eSlLWj"
               >
                 Article L3121-44 du JO
               </span>
@@ -117,13 +117,13 @@ exports[`<ReferencesJuridiques /> should render 1`] = `
           <li>
             <a
               aria-label="Article foo du JPO (Nouvelle fenêtre)"
-              class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu no-after"
+              class="sc-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu no-after"
               href="https://article.jo/foo"
               target="_blank"
             >
               <svg
                 aria-hidden="true"
-                class="sc-c95f41ec-2 iFvcod"
+                class="sc-60a7e89-2 bJDpVh"
                 fill="none"
                 viewBox="0 0 28 15"
                 xmlns="http://www.w3.org/2000/svg"
@@ -134,7 +134,7 @@ exports[`<ReferencesJuridiques /> should render 1`] = `
                 />
               </svg>
               <span
-                class="sc-c95f41ec-1 juvzjJ"
+                class="sc-60a7e89-1 eSlLWj"
               >
                 Article foo du JPO
               </span>
@@ -143,13 +143,13 @@ exports[`<ReferencesJuridiques /> should render 1`] = `
           <li>
             <a
               aria-label="Convention foo (Nouvelle fenêtre)"
-              class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu no-after"
+              class="sc-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu no-after"
               href="https://ma-convention-collective/ccc-foo"
               target="_blank"
             >
               <svg
                 aria-hidden="true"
-                class="sc-c95f41ec-2 iFvcod"
+                class="sc-60a7e89-2 bJDpVh"
                 fill="none"
                 viewBox="0 0 28 15"
                 xmlns="http://www.w3.org/2000/svg"
@@ -160,7 +160,7 @@ exports[`<ReferencesJuridiques /> should render 1`] = `
                 />
               </svg>
               <span
-                class="sc-c95f41ec-1 juvzjJ"
+                class="sc-60a7e89-1 eSlLWj"
               >
                 Convention foo
               </span>
diff --git a/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/AccessibilityModal.test.js.snap b/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/AccessibilityModal.test.js.snap
index c0724726b6..f43ff283cb 100644
--- a/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/AccessibilityModal.test.js.snap
+++ b/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/AccessibilityModal.test.js.snap
@@ -6,7 +6,7 @@ exports[`<AccessibilityModal /> renders a popup when click on button 1`] = `
     aria-hidden="true"
   >
     <button
-      class="sc-b0ebfae6-0 hPQAhy"
+      class="sc-95bd4344-0 dqVtzj"
     >
       texte dans le bouton
     </button>
@@ -22,40 +22,40 @@ exports[`<AccessibilityModal /> renders a popup when click on button 1`] = `
     >
       <div>
         <div
-          class="sc-f4126b8e-0 dWonlk"
+          class="sc-19478701-0 jZYVgz"
           data-reach-dialog-overlay=""
         >
           <div
             aria-label="Accessibilité"
             aria-modal="true"
-            class="sc-f4126b8e-1 kQHvXg"
+            class="sc-19478701-1 hQHZiT"
             data-reach-dialog-content=""
             role="dialog"
             tabindex="-1"
           >
             <div
-              class="sc-238bfc37-0 bFbuAZ"
+              class="sc-e32628d4-0 byJqQj"
             >
               <h1
-                class="sc-3c1fa745-0 fqYbSi"
+                class="sc-d6e72754-0 gvSeXc"
               >
                 <span
-                  class="sc-f4f767e-0 jZdFSO"
+                  class="sc-a4d7a179-0 jRxkkJ"
                 />
                 Accessibilité
               </h1>
             </div>
             <h2
-              class="sc-a53a0f9a-0 bIsTsN"
+              class="sc-b879fc2d-0 hyiHle"
             >
               Couleurs
             </h2>
             <label
-              class="sc-2aed4ca4-0 hCUNwT"
+              class="sc-839d90a8-0 gMVMHp"
               for="blackAndWhiteTheme"
             >
               <input
-                class="sc-2aed4ca4-1 xIQyG"
+                class="sc-839d90a8-1 eqiyso"
                 id="blackAndWhiteTheme"
                 name="blackAndWhiteTheme"
                 type="checkbox"
@@ -63,11 +63,11 @@ exports[`<AccessibilityModal /> renders a popup when click on button 1`] = `
               Passer le site en noir et blanc
             </label>
             <button
-              class="sc-b0ebfae6-0 dGXoMZ sc-f4126b8e-2 irTzHW"
+              class="sc-95bd4344-0 dxXsic sc-19478701-2 fGtwND"
               title="fermer la modale"
             >
               <div
-                class="sc-f92038f6-0 llOtbb"
+                class="sc-8dcb2faa-0 gxfPDw"
               >
                 fermer la modale
               </div>
diff --git a/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/Answer.test.js.snap b/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/Answer.test.js.snap
index 98ffffe5f4..52f51bc895 100644
--- a/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/Answer.test.js.snap
+++ b/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/Answer.test.js.snap
@@ -3,16 +3,16 @@
 exports[`<Answer /> should renders 1`] = `
 <div>
   <div
-    class="sc-c707bea3-0 sc-b551711e-0 fLyNGe dPgTeI"
+    class="sc-d8f596bd-0 sc-b551711e-0 jtWYDW dPgTeI"
   >
     <div
       class="sc-b551711e-1 fIhGar"
     >
       <div
-        class="sc-c707bea3-0 fLyNGe"
+        class="sc-d8f596bd-0 jtWYDW"
       >
         <div
-          class="sc-13323d30-0 eYPJba"
+          class="sc-2a0a4b0a-0 hpYuum"
         >
           <div
             class="sc-f2a41fcc-1 fNkZjj"
@@ -22,13 +22,13 @@ exports[`<Answer /> should renders 1`] = `
                 class="sc-f2a41fcc-0 hQZrlv"
               >
                 <header
-                  class="sc-238bfc37-0 exhNAB sc-f2a41fcc-4 cqLxSJ"
+                  class="sc-e32628d4-0 ktMpnf sc-f2a41fcc-4 cqLxSJ"
                 >
                   <h1
-                    class="sc-efa69b03-0 jXMLJR"
+                    class="sc-5f05e99b-0 cWsbaq"
                   >
                     <span
-                      class="sc-f4f767e-0 hiuRaG"
+                      class="sc-a4d7a179-0 gGBEJx"
                     />
                     Article du code
                   </h1>
@@ -37,7 +37,7 @@ exports[`<Answer /> should renders 1`] = `
                   class="sc-f2a41fcc-5 tnWPU"
                 >
                   <p
-                    class="sc-a4406a0f-1 dvtaRl"
+                    class="sc-3633cc97-1 ksBhgq"
                   >
                     <span
                       class="sc-f2a41fcc-8 ObhLq"
@@ -65,10 +65,10 @@ exports[`<Answer /> should renders 1`] = `
                 class="sc-f2a41fcc-6 vLCby"
               >
                 <div
-                  class="sc-13323d30-0 sc-c6a0a198-1 exlNfj bMPGyZ"
+                  class="sc-2a0a4b0a-0 sc-c6a0a198-1 dLOZmV bMPGyZ"
                 >
                   <p
-                    class="sc-a4406a0f-1 rjoOw"
+                    class="sc-3633cc97-1 bjxtLv"
                   >
                     intro de l'article
                   </p>
@@ -182,7 +182,7 @@ exports[`<Answer /> should renders 1`] = `
                   </span>
                 </button>
                 <div
-                  class="sc-26bde2b2-0 jUExxE"
+                  class="sc-95cc8fb1-0 iHYHyU"
                 >
                   <button
                     class="sc-85592e61-1 bcotEV spacing-left"
@@ -228,10 +228,10 @@ exports[`<Answer /> should renders 1`] = `
         </div>
       </div>
       <div
-        class="sc-c707bea3-0 sc-c6a0a198-2 fLyNGe ceCYyW"
+        class="sc-d8f596bd-0 sc-c6a0a198-2 jtWYDW ceCYyW"
       >
         <p
-          class="sc-a4406a0f-1 rjoOw"
+          class="sc-3633cc97-1 bjxtLv"
         >
           Partager ce contenu : 
         </p>
@@ -327,7 +327,7 @@ exports[`<Answer /> should renders 1`] = `
             </span>
           </button>
           <div
-            class="sc-26bde2b2-0 jUExxE"
+            class="sc-95cc8fb1-0 iHYHyU"
           >
             <button
               class="sc-85592e61-1 bcotEV spacing-left"
@@ -371,22 +371,22 @@ exports[`<Answer /> should renders 1`] = `
         </div>
       </div>
       <div
-        class="sc-6e8ce629-0 KibPI sc-3f9d0357-0 fZXZfe"
+        class="sc-a384ed57-0 iEQrzr sc-3f9d0357-0 fZXZfe"
       >
         <div
-          class="sc-c707bea3-0 fLyNGe"
+          class="sc-d8f596bd-0 jtWYDW"
         >
           <div
-            class="sc-13323d30-0 gtmVnh"
+            class="sc-2a0a4b0a-0 hPfzrL"
           >
             <div
               class="sc-66a51d8b-3 iitVHg"
             >
               <h2
-                class="sc-66a51d8b-4 ihsodu sc-a53a0f9a-0 hXUEeL"
+                class="sc-66a51d8b-4 ihsodu sc-b879fc2d-0 ddMxZe"
               >
                 <span
-                  class="sc-f4f767e-0 cxMIVi"
+                  class="sc-a4d7a179-0 jSVvrt"
                 />
                 Avez-vous trouvé la réponse à votre question ?
               </h2>
@@ -394,12 +394,12 @@ exports[`<Answer /> should renders 1`] = `
                 class="sc-66a51d8b-5 eRJUhM"
               >
                 <button
-                  class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
+                  class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
                 >
                   Non
                 </button>
                 <button
-                  class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
+                  class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
                 >
                   Oui
                 </button>
@@ -420,7 +420,7 @@ exports[`<Answer /> should renders a breadcrumbs 1`] = `
     class="sc-4acc650d-0 iZmHLs"
   >
     <ol
-      class="sc-c707bea3-0 sc-4acc650d-1 fLyNGe fiOSiq"
+      class="sc-d8f596bd-0 sc-4acc650d-1 jtWYDW fiOSiq"
     >
       <li
         class="sc-4acc650d-2 fEtKOP"
@@ -494,16 +494,16 @@ exports[`<Answer /> should renders a breadcrumbs 1`] = `
     </ol>
   </nav>
   <div
-    class="sc-c707bea3-0 sc-b551711e-0 fLyNGe dPgTeI"
+    class="sc-d8f596bd-0 sc-b551711e-0 jtWYDW dPgTeI"
   >
     <div
       class="sc-b551711e-1 fIhGar"
     >
       <div
-        class="sc-c707bea3-0 fLyNGe"
+        class="sc-d8f596bd-0 jtWYDW"
       >
         <div
-          class="sc-13323d30-0 eYPJba"
+          class="sc-2a0a4b0a-0 hpYuum"
         >
           <div
             class="sc-f2a41fcc-1 fNkZjj"
@@ -513,18 +513,18 @@ exports[`<Answer /> should renders a breadcrumbs 1`] = `
                 class="sc-f2a41fcc-0 hQZrlv"
               >
                 <p
-                  class="sc-9ce1a7bf-0 sc-f2a41fcc-3 bORIyL jigJXx"
+                  class="sc-9261d202-0 sc-f2a41fcc-3 iTbcuX jigJXx"
                 >
                   tag2
                 </p>
                 <header
-                  class="sc-238bfc37-0 exhNAB sc-f2a41fcc-4 cqLxSJ"
+                  class="sc-e32628d4-0 ktMpnf sc-f2a41fcc-4 cqLxSJ"
                 >
                   <h1
-                    class="sc-efa69b03-0 jXMLJR"
+                    class="sc-5f05e99b-0 cWsbaq"
                   >
                     <span
-                      class="sc-f4f767e-0 hiuRaG"
+                      class="sc-a4d7a179-0 gGBEJx"
                     />
                     Article du code
                   </h1>
@@ -533,7 +533,7 @@ exports[`<Answer /> should renders a breadcrumbs 1`] = `
                   class="sc-f2a41fcc-5 tnWPU"
                 >
                   <p
-                    class="sc-a4406a0f-1 dvtaRl"
+                    class="sc-3633cc97-1 ksBhgq"
                   >
                     <span
                       class="sc-f2a41fcc-8 ObhLq"
@@ -561,10 +561,10 @@ exports[`<Answer /> should renders a breadcrumbs 1`] = `
                 class="sc-f2a41fcc-6 vLCby"
               >
                 <div
-                  class="sc-13323d30-0 sc-c6a0a198-1 exlNfj bMPGyZ"
+                  class="sc-2a0a4b0a-0 sc-c6a0a198-1 dLOZmV bMPGyZ"
                 >
                   <p
-                    class="sc-a4406a0f-1 rjoOw"
+                    class="sc-3633cc97-1 bjxtLv"
                   >
                     intro de l'article
                   </p>
@@ -678,7 +678,7 @@ exports[`<Answer /> should renders a breadcrumbs 1`] = `
                   </span>
                 </button>
                 <div
-                  class="sc-26bde2b2-0 jUExxE"
+                  class="sc-95cc8fb1-0 iHYHyU"
                 >
                   <button
                     class="sc-85592e61-1 bcotEV spacing-left"
@@ -724,10 +724,10 @@ exports[`<Answer /> should renders a breadcrumbs 1`] = `
         </div>
       </div>
       <div
-        class="sc-c707bea3-0 sc-c6a0a198-2 fLyNGe ceCYyW"
+        class="sc-d8f596bd-0 sc-c6a0a198-2 jtWYDW ceCYyW"
       >
         <p
-          class="sc-a4406a0f-1 rjoOw"
+          class="sc-3633cc97-1 bjxtLv"
         >
           Partager ce contenu : 
         </p>
@@ -823,7 +823,7 @@ exports[`<Answer /> should renders a breadcrumbs 1`] = `
             </span>
           </button>
           <div
-            class="sc-26bde2b2-0 jUExxE"
+            class="sc-95cc8fb1-0 iHYHyU"
           >
             <button
               class="sc-85592e61-1 bcotEV spacing-left"
@@ -867,22 +867,22 @@ exports[`<Answer /> should renders a breadcrumbs 1`] = `
         </div>
       </div>
       <div
-        class="sc-6e8ce629-0 KibPI sc-3f9d0357-0 fZXZfe"
+        class="sc-a384ed57-0 iEQrzr sc-3f9d0357-0 fZXZfe"
       >
         <div
-          class="sc-c707bea3-0 fLyNGe"
+          class="sc-d8f596bd-0 jtWYDW"
         >
           <div
-            class="sc-13323d30-0 gtmVnh"
+            class="sc-2a0a4b0a-0 hPfzrL"
           >
             <div
               class="sc-66a51d8b-3 iitVHg"
             >
               <h2
-                class="sc-66a51d8b-4 ihsodu sc-a53a0f9a-0 hXUEeL"
+                class="sc-66a51d8b-4 ihsodu sc-b879fc2d-0 ddMxZe"
               >
                 <span
-                  class="sc-f4f767e-0 cxMIVi"
+                  class="sc-a4d7a179-0 jSVvrt"
                 />
                 Avez-vous trouvé la réponse à votre question ?
               </h2>
@@ -890,12 +890,12 @@ exports[`<Answer /> should renders a breadcrumbs 1`] = `
                 class="sc-66a51d8b-5 eRJUhM"
               >
                 <button
-                  class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
+                  class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
                 >
                   Non
                 </button>
                 <button
-                  class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
+                  class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
                 >
                   Oui
                 </button>
@@ -912,16 +912,16 @@ exports[`<Answer /> should renders a breadcrumbs 1`] = `
 exports[`<Answer /> should renders related content 1`] = `
 <div>
   <div
-    class="sc-c707bea3-0 sc-b551711e-0 fLyNGe dPgTeI"
+    class="sc-d8f596bd-0 sc-b551711e-0 jtWYDW dPgTeI"
   >
     <div
       class="sc-b551711e-1 giiHfQ"
     >
       <div
-        class="sc-c707bea3-0 fLyNGe"
+        class="sc-d8f596bd-0 jtWYDW"
       >
         <div
-          class="sc-13323d30-0 eYPJba"
+          class="sc-2a0a4b0a-0 hpYuum"
         >
           <div
             class="sc-f2a41fcc-1 fNkZjj"
@@ -931,13 +931,13 @@ exports[`<Answer /> should renders related content 1`] = `
                 class="sc-f2a41fcc-0 hQZrlv"
               >
                 <header
-                  class="sc-238bfc37-0 exhNAB sc-f2a41fcc-4 cqLxSJ"
+                  class="sc-e32628d4-0 ktMpnf sc-f2a41fcc-4 cqLxSJ"
                 >
                   <h1
-                    class="sc-efa69b03-0 jXMLJR"
+                    class="sc-5f05e99b-0 cWsbaq"
                   >
                     <span
-                      class="sc-f4f767e-0 hiuRaG"
+                      class="sc-a4d7a179-0 gGBEJx"
                     />
                     Article du code
                   </h1>
@@ -946,7 +946,7 @@ exports[`<Answer /> should renders related content 1`] = `
                   class="sc-f2a41fcc-5 tnWPU"
                 >
                   <p
-                    class="sc-a4406a0f-1 dvtaRl"
+                    class="sc-3633cc97-1 ksBhgq"
                   >
                     <span
                       class="sc-f2a41fcc-8 ObhLq"
@@ -974,10 +974,10 @@ exports[`<Answer /> should renders related content 1`] = `
                 class="sc-f2a41fcc-6 vLCby"
               >
                 <div
-                  class="sc-13323d30-0 sc-c6a0a198-1 exlNfj bMPGyZ"
+                  class="sc-2a0a4b0a-0 sc-c6a0a198-1 dLOZmV bMPGyZ"
                 >
                   <p
-                    class="sc-a4406a0f-1 rjoOw"
+                    class="sc-3633cc97-1 bjxtLv"
                   >
                     intro de l'article
                   </p>
@@ -1088,7 +1088,7 @@ exports[`<Answer /> should renders related content 1`] = `
                   </span>
                 </button>
                 <div
-                  class="sc-26bde2b2-0 jUExxE"
+                  class="sc-95cc8fb1-0 iHYHyU"
                 >
                   <button
                     class="sc-85592e61-1 bcotEV spacing-left"
@@ -1134,10 +1134,10 @@ exports[`<Answer /> should renders related content 1`] = `
         </div>
       </div>
       <div
-        class="sc-c707bea3-0 sc-c6a0a198-2 fLyNGe ceCYyW"
+        class="sc-d8f596bd-0 sc-c6a0a198-2 jtWYDW ceCYyW"
       >
         <p
-          class="sc-a4406a0f-1 rjoOw"
+          class="sc-3633cc97-1 bjxtLv"
         >
           Partager ce contenu : 
         </p>
@@ -1233,7 +1233,7 @@ exports[`<Answer /> should renders related content 1`] = `
             </span>
           </button>
           <div
-            class="sc-26bde2b2-0 jUExxE"
+            class="sc-95cc8fb1-0 iHYHyU"
           >
             <button
               class="sc-85592e61-1 bcotEV spacing-left"
@@ -1277,22 +1277,22 @@ exports[`<Answer /> should renders related content 1`] = `
         </div>
       </div>
       <div
-        class="sc-6e8ce629-0 KibPI sc-3f9d0357-0 fZXZfe"
+        class="sc-a384ed57-0 iEQrzr sc-3f9d0357-0 fZXZfe"
       >
         <div
-          class="sc-c707bea3-0 fLyNGe"
+          class="sc-d8f596bd-0 jtWYDW"
         >
           <div
-            class="sc-13323d30-0 gtmVnh"
+            class="sc-2a0a4b0a-0 hPfzrL"
           >
             <div
               class="sc-66a51d8b-3 iitVHg"
             >
               <h2
-                class="sc-66a51d8b-4 ihsodu sc-a53a0f9a-0 hXUEeL"
+                class="sc-66a51d8b-4 ihsodu sc-b879fc2d-0 ddMxZe"
               >
                 <span
-                  class="sc-f4f767e-0 cxMIVi"
+                  class="sc-a4d7a179-0 jSVvrt"
                 />
                 Avez-vous trouvé la réponse à votre question ?
               </h2>
@@ -1300,12 +1300,12 @@ exports[`<Answer /> should renders related content 1`] = `
                 class="sc-66a51d8b-5 eRJUhM"
               >
                 <button
-                  class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
+                  class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
                 >
                   Non
                 </button>
                 <button
-                  class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
+                  class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
                 >
                   Oui
                 </button>
@@ -1316,32 +1316,32 @@ exports[`<Answer /> should renders related content 1`] = `
       </div>
     </div>
     <div
-      class="sc-6e8ce629-0 KibPI sc-b551711e-2 rtxPE"
+      class="sc-a384ed57-0 iEQrzr sc-b551711e-2 rtxPE"
     >
       <div
-        class="sc-c707bea3-0 fLyNGe"
+        class="sc-d8f596bd-0 jtWYDW"
       >
         <div
           aria-level="2"
-          class="sc-a53a0f9a-0 bIsTsN"
+          class="sc-b879fc2d-0 hyiHle"
           role="heading"
         >
           Modèles et outils liés
            :
         </div>
         <ul
-          class="sc-78dd7a00-0 fVqAjV"
+          class="sc-ab356c14-0 bpNHPl"
         >
           <li
             class="sc-98ab2f81-0 eJqLXV"
           >
             <a
-              class="sc-c95f41ec-0 edttdJ"
+              class="sc-60a7e89-0 haggkt"
               href="url.extrenal/tool"
             >
               <svg
                 aria-hidden="true"
-                class="sc-c95f41ec-2 iFvcod"
+                class="sc-60a7e89-2 bJDpVh"
                 fill="none"
                 viewBox="0 0 28 15"
                 xmlns="http://www.w3.org/2000/svg"
@@ -1352,7 +1352,7 @@ exports[`<Answer /> should renders related content 1`] = `
                 />
               </svg>
               <span
-                class="sc-c95f41ec-1 juvzjJ"
+                class="sc-60a7e89-1 eSlLWj"
               >
                 related external title 1
               </span>
@@ -1362,12 +1362,12 @@ exports[`<Answer /> should renders related content 1`] = `
             class="sc-98ab2f81-0 eJqLXV"
           >
             <a
-              class="sc-c95f41ec-0 edttdJ"
+              class="sc-60a7e89-0 haggkt"
               href="/outils/TOOL_1"
             >
               <svg
                 aria-hidden="true"
-                class="sc-c95f41ec-2 iFvcod"
+                class="sc-60a7e89-2 bJDpVh"
                 fill="none"
                 viewBox="0 0 28 15"
                 xmlns="http://www.w3.org/2000/svg"
@@ -1378,7 +1378,7 @@ exports[`<Answer /> should renders related content 1`] = `
                 />
               </svg>
               <span
-                class="sc-c95f41ec-1 juvzjJ"
+                class="sc-60a7e89-1 eSlLWj"
               >
                 related tool title 1
               </span>
@@ -1387,25 +1387,25 @@ exports[`<Answer /> should renders related content 1`] = `
         </ul>
         <div
           aria-level="2"
-          class="sc-a53a0f9a-0 bIsTsN"
+          class="sc-b879fc2d-0 hyiHle"
           role="heading"
         >
           Articles liés
            :
         </div>
         <ul
-          class="sc-78dd7a00-0 fVqAjV"
+          class="sc-ab356c14-0 bpNHPl"
         >
           <li
             class="sc-98ab2f81-0 eJqLXV"
           >
             <a
-              class="sc-c95f41ec-0 edttdJ"
+              class="sc-60a7e89-0 haggkt"
               href="/fiche-service-public/LINK_1"
             >
               <svg
                 aria-hidden="true"
-                class="sc-c95f41ec-2 iFvcod"
+                class="sc-60a7e89-2 bJDpVh"
                 fill="none"
                 viewBox="0 0 28 15"
                 xmlns="http://www.w3.org/2000/svg"
@@ -1416,7 +1416,7 @@ exports[`<Answer /> should renders related content 1`] = `
                 />
               </svg>
               <span
-                class="sc-c95f41ec-1 juvzjJ"
+                class="sc-60a7e89-1 eSlLWj"
               >
                 related sheet sp title 1
               </span>
@@ -1426,12 +1426,12 @@ exports[`<Answer /> should renders related content 1`] = `
             class="sc-98ab2f81-0 eJqLXV"
           >
             <a
-              class="sc-c95f41ec-0 edttdJ"
+              class="sc-60a7e89-0 haggkt"
               href="/fiche-ministere-travail/LINK_2"
             >
               <svg
                 aria-hidden="true"
-                class="sc-c95f41ec-2 iFvcod"
+                class="sc-60a7e89-2 bJDpVh"
                 fill="none"
                 viewBox="0 0 28 15"
                 xmlns="http://www.w3.org/2000/svg"
@@ -1442,7 +1442,7 @@ exports[`<Answer /> should renders related content 1`] = `
                 />
               </svg>
               <span
-                class="sc-c95f41ec-1 juvzjJ"
+                class="sc-60a7e89-1 eSlLWj"
               >
                 related sheet mt title 1
               </span>
@@ -1452,12 +1452,12 @@ exports[`<Answer /> should renders related content 1`] = `
             class="sc-98ab2f81-0 eJqLXV"
           >
             <a
-              class="sc-c95f41ec-0 edttdJ"
+              class="sc-60a7e89-0 haggkt"
               href="/fiche-service-public/LINK_4"
             >
               <svg
                 aria-hidden="true"
-                class="sc-c95f41ec-2 iFvcod"
+                class="sc-60a7e89-2 bJDpVh"
                 fill="none"
                 viewBox="0 0 28 15"
                 xmlns="http://www.w3.org/2000/svg"
@@ -1468,7 +1468,7 @@ exports[`<Answer /> should renders related content 1`] = `
                 />
               </svg>
               <span
-                class="sc-c95f41ec-1 juvzjJ"
+                class="sc-60a7e89-1 eSlLWj"
               >
                 related sheet sp title 2
               </span>
@@ -1484,16 +1484,16 @@ exports[`<Answer /> should renders related content 1`] = `
 exports[`<Answer /> should renders tooltip 1`] = `
 <div>
   <div
-    class="sc-c707bea3-0 sc-b551711e-0 fLyNGe dPgTeI"
+    class="sc-d8f596bd-0 sc-b551711e-0 jtWYDW dPgTeI"
   >
     <div
       class="sc-b551711e-1 fIhGar"
     >
       <div
-        class="sc-c707bea3-0 fLyNGe"
+        class="sc-d8f596bd-0 jtWYDW"
       >
         <div
-          class="sc-13323d30-0 eYPJba"
+          class="sc-2a0a4b0a-0 hpYuum"
         >
           <div
             class="sc-f2a41fcc-1 fNkZjj"
@@ -1503,13 +1503,13 @@ exports[`<Answer /> should renders tooltip 1`] = `
                 class="sc-f2a41fcc-0 hQZrlv"
               >
                 <header
-                  class="sc-238bfc37-0 exhNAB sc-f2a41fcc-4 cqLxSJ"
+                  class="sc-e32628d4-0 ktMpnf sc-f2a41fcc-4 cqLxSJ"
                 >
                   <h1
-                    class="sc-efa69b03-0 jXMLJR"
+                    class="sc-5f05e99b-0 cWsbaq"
                   >
                     <span
-                      class="sc-f4f767e-0 hiuRaG"
+                      class="sc-a4d7a179-0 gGBEJx"
                     />
                     Article du code
                   </h1>
@@ -1518,7 +1518,7 @@ exports[`<Answer /> should renders tooltip 1`] = `
                   class="sc-f2a41fcc-5 tnWPU"
                 >
                   <p
-                    class="sc-a4406a0f-1 dvtaRl"
+                    class="sc-3633cc97-1 ksBhgq"
                   >
                     <span
                       class="sc-f2a41fcc-8 ObhLq"
@@ -1546,10 +1546,10 @@ exports[`<Answer /> should renders tooltip 1`] = `
                 class="sc-f2a41fcc-6 vLCby"
               >
                 <div
-                  class="sc-13323d30-0 sc-c6a0a198-1 exlNfj bMPGyZ"
+                  class="sc-2a0a4b0a-0 sc-c6a0a198-1 dLOZmV bMPGyZ"
                 >
                   <p
-                    class="sc-a4406a0f-1 rjoOw"
+                    class="sc-3633cc97-1 bjxtLv"
                   >
                     intro de l'article
                   </p>
@@ -1664,7 +1664,7 @@ exports[`<Answer /> should renders tooltip 1`] = `
                   </span>
                 </button>
                 <div
-                  class="sc-26bde2b2-0 jUExxE"
+                  class="sc-95cc8fb1-0 iHYHyU"
                 >
                   <button
                     class="sc-85592e61-1 bcotEV spacing-left"
@@ -1710,10 +1710,10 @@ exports[`<Answer /> should renders tooltip 1`] = `
         </div>
       </div>
       <div
-        class="sc-c707bea3-0 sc-c6a0a198-2 fLyNGe ceCYyW"
+        class="sc-d8f596bd-0 sc-c6a0a198-2 jtWYDW ceCYyW"
       >
         <p
-          class="sc-a4406a0f-1 rjoOw"
+          class="sc-3633cc97-1 bjxtLv"
         >
           Partager ce contenu : 
         </p>
@@ -1809,7 +1809,7 @@ exports[`<Answer /> should renders tooltip 1`] = `
             </span>
           </button>
           <div
-            class="sc-26bde2b2-0 jUExxE"
+            class="sc-95cc8fb1-0 iHYHyU"
           >
             <button
               class="sc-85592e61-1 bcotEV spacing-left"
@@ -1853,22 +1853,22 @@ exports[`<Answer /> should renders tooltip 1`] = `
         </div>
       </div>
       <div
-        class="sc-6e8ce629-0 KibPI sc-3f9d0357-0 fZXZfe"
+        class="sc-a384ed57-0 iEQrzr sc-3f9d0357-0 fZXZfe"
       >
         <div
-          class="sc-c707bea3-0 fLyNGe"
+          class="sc-d8f596bd-0 jtWYDW"
         >
           <div
-            class="sc-13323d30-0 gtmVnh"
+            class="sc-2a0a4b0a-0 hPfzrL"
           >
             <div
               class="sc-66a51d8b-3 iitVHg"
             >
               <h2
-                class="sc-66a51d8b-4 ihsodu sc-a53a0f9a-0 hXUEeL"
+                class="sc-66a51d8b-4 ihsodu sc-b879fc2d-0 ddMxZe"
               >
                 <span
-                  class="sc-f4f767e-0 cxMIVi"
+                  class="sc-a4d7a179-0 jSVvrt"
                 />
                 Avez-vous trouvé la réponse à votre question ?
               </h2>
@@ -1876,12 +1876,12 @@ exports[`<Answer /> should renders tooltip 1`] = `
                 class="sc-66a51d8b-5 eRJUhM"
               >
                 <button
-                  class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
+                  class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
                 >
                   Non
                 </button>
                 <button
-                  class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
+                  class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
                 >
                   Oui
                 </button>
@@ -1898,16 +1898,16 @@ exports[`<Answer /> should renders tooltip 1`] = `
 exports[`<Answer /> should renders tooltip for words with diacritics without breaking html 1`] = `
 <div>
   <div
-    class="sc-c707bea3-0 sc-b551711e-0 fLyNGe dPgTeI"
+    class="sc-d8f596bd-0 sc-b551711e-0 jtWYDW dPgTeI"
   >
     <div
       class="sc-b551711e-1 fIhGar"
     >
       <div
-        class="sc-c707bea3-0 fLyNGe"
+        class="sc-d8f596bd-0 jtWYDW"
       >
         <div
-          class="sc-13323d30-0 eYPJba"
+          class="sc-2a0a4b0a-0 hpYuum"
         >
           <div
             class="sc-f2a41fcc-1 fNkZjj"
@@ -1917,13 +1917,13 @@ exports[`<Answer /> should renders tooltip for words with diacritics without bre
                 class="sc-f2a41fcc-0 hQZrlv"
               >
                 <header
-                  class="sc-238bfc37-0 exhNAB sc-f2a41fcc-4 cqLxSJ"
+                  class="sc-e32628d4-0 ktMpnf sc-f2a41fcc-4 cqLxSJ"
                 >
                   <h1
-                    class="sc-efa69b03-0 jXMLJR"
+                    class="sc-5f05e99b-0 cWsbaq"
                   >
                     <span
-                      class="sc-f4f767e-0 hiuRaG"
+                      class="sc-a4d7a179-0 gGBEJx"
                     />
                     Article du code
                   </h1>
@@ -1932,7 +1932,7 @@ exports[`<Answer /> should renders tooltip for words with diacritics without bre
                   class="sc-f2a41fcc-5 tnWPU"
                 >
                   <p
-                    class="sc-a4406a0f-1 dvtaRl"
+                    class="sc-3633cc97-1 ksBhgq"
                   >
                     <span
                       class="sc-f2a41fcc-8 ObhLq"
@@ -1960,10 +1960,10 @@ exports[`<Answer /> should renders tooltip for words with diacritics without bre
                 class="sc-f2a41fcc-6 vLCby"
               >
                 <div
-                  class="sc-13323d30-0 sc-c6a0a198-1 exlNfj bMPGyZ"
+                  class="sc-2a0a4b0a-0 sc-c6a0a198-1 dLOZmV bMPGyZ"
                 >
                   <p
-                    class="sc-a4406a0f-1 rjoOw"
+                    class="sc-3633cc97-1 bjxtLv"
                   >
                     intro de l'article
                   </p>
@@ -2078,7 +2078,7 @@ exports[`<Answer /> should renders tooltip for words with diacritics without bre
                   </span>
                 </button>
                 <div
-                  class="sc-26bde2b2-0 jUExxE"
+                  class="sc-95cc8fb1-0 iHYHyU"
                 >
                   <button
                     class="sc-85592e61-1 bcotEV spacing-left"
@@ -2124,10 +2124,10 @@ exports[`<Answer /> should renders tooltip for words with diacritics without bre
         </div>
       </div>
       <div
-        class="sc-c707bea3-0 sc-c6a0a198-2 fLyNGe ceCYyW"
+        class="sc-d8f596bd-0 sc-c6a0a198-2 jtWYDW ceCYyW"
       >
         <p
-          class="sc-a4406a0f-1 rjoOw"
+          class="sc-3633cc97-1 bjxtLv"
         >
           Partager ce contenu : 
         </p>
@@ -2223,7 +2223,7 @@ exports[`<Answer /> should renders tooltip for words with diacritics without bre
             </span>
           </button>
           <div
-            class="sc-26bde2b2-0 jUExxE"
+            class="sc-95cc8fb1-0 iHYHyU"
           >
             <button
               class="sc-85592e61-1 bcotEV spacing-left"
@@ -2267,22 +2267,22 @@ exports[`<Answer /> should renders tooltip for words with diacritics without bre
         </div>
       </div>
       <div
-        class="sc-6e8ce629-0 KibPI sc-3f9d0357-0 fZXZfe"
+        class="sc-a384ed57-0 iEQrzr sc-3f9d0357-0 fZXZfe"
       >
         <div
-          class="sc-c707bea3-0 fLyNGe"
+          class="sc-d8f596bd-0 jtWYDW"
         >
           <div
-            class="sc-13323d30-0 gtmVnh"
+            class="sc-2a0a4b0a-0 hPfzrL"
           >
             <div
               class="sc-66a51d8b-3 iitVHg"
             >
               <h2
-                class="sc-66a51d8b-4 ihsodu sc-a53a0f9a-0 hXUEeL"
+                class="sc-66a51d8b-4 ihsodu sc-b879fc2d-0 ddMxZe"
               >
                 <span
-                  class="sc-f4f767e-0 cxMIVi"
+                  class="sc-a4d7a179-0 jSVvrt"
                 />
                 Avez-vous trouvé la réponse à votre question ?
               </h2>
@@ -2290,12 +2290,12 @@ exports[`<Answer /> should renders tooltip for words with diacritics without bre
                 class="sc-66a51d8b-5 eRJUhM"
               >
                 <button
-                  class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
+                  class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
                 >
                   Non
                 </button>
                 <button
-                  class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
+                  class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
                 >
                   Oui
                 </button>
@@ -2312,16 +2312,16 @@ exports[`<Answer /> should renders tooltip for words with diacritics without bre
 exports[`<Answer /> should renders tooltip without breaking a tag 1`] = `
 <div>
   <div
-    class="sc-c707bea3-0 sc-b551711e-0 fLyNGe dPgTeI"
+    class="sc-d8f596bd-0 sc-b551711e-0 jtWYDW dPgTeI"
   >
     <div
       class="sc-b551711e-1 fIhGar"
     >
       <div
-        class="sc-c707bea3-0 fLyNGe"
+        class="sc-d8f596bd-0 jtWYDW"
       >
         <div
-          class="sc-13323d30-0 eYPJba"
+          class="sc-2a0a4b0a-0 hpYuum"
         >
           <div
             class="sc-f2a41fcc-1 fNkZjj"
@@ -2331,13 +2331,13 @@ exports[`<Answer /> should renders tooltip without breaking a tag 1`] = `
                 class="sc-f2a41fcc-0 hQZrlv"
               >
                 <header
-                  class="sc-238bfc37-0 exhNAB sc-f2a41fcc-4 cqLxSJ"
+                  class="sc-e32628d4-0 ktMpnf sc-f2a41fcc-4 cqLxSJ"
                 >
                   <h1
-                    class="sc-efa69b03-0 jXMLJR"
+                    class="sc-5f05e99b-0 cWsbaq"
                   >
                     <span
-                      class="sc-f4f767e-0 hiuRaG"
+                      class="sc-a4d7a179-0 gGBEJx"
                     />
                     Article du code
                   </h1>
@@ -2346,7 +2346,7 @@ exports[`<Answer /> should renders tooltip without breaking a tag 1`] = `
                   class="sc-f2a41fcc-5 tnWPU"
                 >
                   <p
-                    class="sc-a4406a0f-1 dvtaRl"
+                    class="sc-3633cc97-1 ksBhgq"
                   >
                     <span
                       class="sc-f2a41fcc-8 ObhLq"
@@ -2374,10 +2374,10 @@ exports[`<Answer /> should renders tooltip without breaking a tag 1`] = `
                 class="sc-f2a41fcc-6 vLCby"
               >
                 <div
-                  class="sc-13323d30-0 sc-c6a0a198-1 exlNfj bMPGyZ"
+                  class="sc-2a0a4b0a-0 sc-c6a0a198-1 dLOZmV bMPGyZ"
                 >
                   <p
-                    class="sc-a4406a0f-1 rjoOw"
+                    class="sc-3633cc97-1 bjxtLv"
                   >
                     intro de l'article
                   </p>
@@ -2493,7 +2493,7 @@ exports[`<Answer /> should renders tooltip without breaking a tag 1`] = `
                   </span>
                 </button>
                 <div
-                  class="sc-26bde2b2-0 jUExxE"
+                  class="sc-95cc8fb1-0 iHYHyU"
                 >
                   <button
                     class="sc-85592e61-1 bcotEV spacing-left"
@@ -2539,10 +2539,10 @@ exports[`<Answer /> should renders tooltip without breaking a tag 1`] = `
         </div>
       </div>
       <div
-        class="sc-c707bea3-0 sc-c6a0a198-2 fLyNGe ceCYyW"
+        class="sc-d8f596bd-0 sc-c6a0a198-2 jtWYDW ceCYyW"
       >
         <p
-          class="sc-a4406a0f-1 rjoOw"
+          class="sc-3633cc97-1 bjxtLv"
         >
           Partager ce contenu : 
         </p>
@@ -2638,7 +2638,7 @@ exports[`<Answer /> should renders tooltip without breaking a tag 1`] = `
             </span>
           </button>
           <div
-            class="sc-26bde2b2-0 jUExxE"
+            class="sc-95cc8fb1-0 iHYHyU"
           >
             <button
               class="sc-85592e61-1 bcotEV spacing-left"
@@ -2682,22 +2682,22 @@ exports[`<Answer /> should renders tooltip without breaking a tag 1`] = `
         </div>
       </div>
       <div
-        class="sc-6e8ce629-0 KibPI sc-3f9d0357-0 fZXZfe"
+        class="sc-a384ed57-0 iEQrzr sc-3f9d0357-0 fZXZfe"
       >
         <div
-          class="sc-c707bea3-0 fLyNGe"
+          class="sc-d8f596bd-0 jtWYDW"
         >
           <div
-            class="sc-13323d30-0 gtmVnh"
+            class="sc-2a0a4b0a-0 hPfzrL"
           >
             <div
               class="sc-66a51d8b-3 iitVHg"
             >
               <h2
-                class="sc-66a51d8b-4 ihsodu sc-a53a0f9a-0 hXUEeL"
+                class="sc-66a51d8b-4 ihsodu sc-b879fc2d-0 ddMxZe"
               >
                 <span
-                  class="sc-f4f767e-0 cxMIVi"
+                  class="sc-a4d7a179-0 jSVvrt"
                 />
                 Avez-vous trouvé la réponse à votre question ?
               </h2>
@@ -2705,12 +2705,12 @@ exports[`<Answer /> should renders tooltip without breaking a tag 1`] = `
                 class="sc-66a51d8b-5 eRJUhM"
               >
                 <button
-                  class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
+                  class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
                 >
                   Non
                 </button>
                 <button
-                  class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
+                  class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
                 >
                   Oui
                 </button>
@@ -2727,16 +2727,16 @@ exports[`<Answer /> should renders tooltip without breaking a tag 1`] = `
 exports[`<Answer /> should renders tooltip without breaking previous word 1`] = `
 <div>
   <div
-    class="sc-c707bea3-0 sc-b551711e-0 fLyNGe dPgTeI"
+    class="sc-d8f596bd-0 sc-b551711e-0 jtWYDW dPgTeI"
   >
     <div
       class="sc-b551711e-1 fIhGar"
     >
       <div
-        class="sc-c707bea3-0 fLyNGe"
+        class="sc-d8f596bd-0 jtWYDW"
       >
         <div
-          class="sc-13323d30-0 eYPJba"
+          class="sc-2a0a4b0a-0 hpYuum"
         >
           <div
             class="sc-f2a41fcc-1 fNkZjj"
@@ -2746,13 +2746,13 @@ exports[`<Answer /> should renders tooltip without breaking previous word 1`] =
                 class="sc-f2a41fcc-0 hQZrlv"
               >
                 <header
-                  class="sc-238bfc37-0 exhNAB sc-f2a41fcc-4 cqLxSJ"
+                  class="sc-e32628d4-0 ktMpnf sc-f2a41fcc-4 cqLxSJ"
                 >
                   <h1
-                    class="sc-efa69b03-0 jXMLJR"
+                    class="sc-5f05e99b-0 cWsbaq"
                   >
                     <span
-                      class="sc-f4f767e-0 hiuRaG"
+                      class="sc-a4d7a179-0 gGBEJx"
                     />
                     Article du code
                   </h1>
@@ -2761,7 +2761,7 @@ exports[`<Answer /> should renders tooltip without breaking previous word 1`] =
                   class="sc-f2a41fcc-5 tnWPU"
                 >
                   <p
-                    class="sc-a4406a0f-1 dvtaRl"
+                    class="sc-3633cc97-1 ksBhgq"
                   >
                     <span
                       class="sc-f2a41fcc-8 ObhLq"
@@ -2789,10 +2789,10 @@ exports[`<Answer /> should renders tooltip without breaking previous word 1`] =
                 class="sc-f2a41fcc-6 vLCby"
               >
                 <div
-                  class="sc-13323d30-0 sc-c6a0a198-1 exlNfj bMPGyZ"
+                  class="sc-2a0a4b0a-0 sc-c6a0a198-1 dLOZmV bMPGyZ"
                 >
                   <p
-                    class="sc-a4406a0f-1 rjoOw"
+                    class="sc-3633cc97-1 bjxtLv"
                   >
                     intro de l'article
                   </p>
@@ -2903,7 +2903,7 @@ exports[`<Answer /> should renders tooltip without breaking previous word 1`] =
                   </span>
                 </button>
                 <div
-                  class="sc-26bde2b2-0 jUExxE"
+                  class="sc-95cc8fb1-0 iHYHyU"
                 >
                   <button
                     class="sc-85592e61-1 bcotEV spacing-left"
@@ -2949,10 +2949,10 @@ exports[`<Answer /> should renders tooltip without breaking previous word 1`] =
         </div>
       </div>
       <div
-        class="sc-c707bea3-0 sc-c6a0a198-2 fLyNGe ceCYyW"
+        class="sc-d8f596bd-0 sc-c6a0a198-2 jtWYDW ceCYyW"
       >
         <p
-          class="sc-a4406a0f-1 rjoOw"
+          class="sc-3633cc97-1 bjxtLv"
         >
           Partager ce contenu : 
         </p>
@@ -3048,7 +3048,7 @@ exports[`<Answer /> should renders tooltip without breaking previous word 1`] =
             </span>
           </button>
           <div
-            class="sc-26bde2b2-0 jUExxE"
+            class="sc-95cc8fb1-0 iHYHyU"
           >
             <button
               class="sc-85592e61-1 bcotEV spacing-left"
@@ -3092,22 +3092,22 @@ exports[`<Answer /> should renders tooltip without breaking previous word 1`] =
         </div>
       </div>
       <div
-        class="sc-6e8ce629-0 KibPI sc-3f9d0357-0 fZXZfe"
+        class="sc-a384ed57-0 iEQrzr sc-3f9d0357-0 fZXZfe"
       >
         <div
-          class="sc-c707bea3-0 fLyNGe"
+          class="sc-d8f596bd-0 jtWYDW"
         >
           <div
-            class="sc-13323d30-0 gtmVnh"
+            class="sc-2a0a4b0a-0 hPfzrL"
           >
             <div
               class="sc-66a51d8b-3 iitVHg"
             >
               <h2
-                class="sc-66a51d8b-4 ihsodu sc-a53a0f9a-0 hXUEeL"
+                class="sc-66a51d8b-4 ihsodu sc-b879fc2d-0 ddMxZe"
               >
                 <span
-                  class="sc-f4f767e-0 cxMIVi"
+                  class="sc-a4d7a179-0 jSVvrt"
                 />
                 Avez-vous trouvé la réponse à votre question ?
               </h2>
@@ -3115,12 +3115,12 @@ exports[`<Answer /> should renders tooltip without breaking previous word 1`] =
                 class="sc-66a51d8b-5 eRJUhM"
               >
                 <button
-                  class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
+                  class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
                 >
                   Non
                 </button>
                 <button
-                  class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
+                  class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
                 >
                   Oui
                 </button>
diff --git a/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/Article.test.js.snap b/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/Article.test.js.snap
index 89648c9c03..cb5c10e374 100644
--- a/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/Article.test.js.snap
+++ b/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/Article.test.js.snap
@@ -3,10 +3,10 @@
 exports[`<Article /> should render 1`] = `
 <div>
   <div
-    class="sc-c707bea3-0 fLyNGe"
+    class="sc-d8f596bd-0 jtWYDW"
   >
     <div
-      class="sc-13323d30-0 eYPJba"
+      class="sc-2a0a4b0a-0 hpYuum"
     >
       <div
         class="sc-f2a41fcc-1 fNkZjj"
@@ -16,13 +16,13 @@ exports[`<Article /> should render 1`] = `
             class="sc-f2a41fcc-0 hQZrlv"
           >
             <header
-              class="sc-238bfc37-0 exhNAB sc-f2a41fcc-4 cqLxSJ"
+              class="sc-e32628d4-0 ktMpnf sc-f2a41fcc-4 cqLxSJ"
             >
               <h1
-                class="sc-efa69b03-0 jXMLJR"
+                class="sc-5f05e99b-0 cWsbaq"
               >
                 <span
-                  class="sc-f4f767e-0 hiuRaG"
+                  class="sc-a4d7a179-0 gGBEJx"
                 />
                 Contrat de travail et formalités d'embauche de l'assistante maternelle
               </h1>
@@ -31,7 +31,7 @@ exports[`<Article /> should render 1`] = `
               class="sc-f2a41fcc-5 tnWPU"
             >
               <p
-                class="sc-a4406a0f-1 dvtaRl"
+                class="sc-3633cc97-1 ksBhgq"
               >
                 <span
                   class="sc-f2a41fcc-8 ObhLq"
@@ -153,7 +153,7 @@ exports[`<Article /> should render 1`] = `
               </span>
             </button>
             <div
-              class="sc-26bde2b2-0 jUExxE"
+              class="sc-95cc8fb1-0 iHYHyU"
             >
               <button
                 class="sc-85592e61-1 bcotEV spacing-left"
diff --git a/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/Breadcrumbs.test.js.snap b/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/Breadcrumbs.test.js.snap
index eb5e5362fd..c64853be7b 100644
--- a/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/Breadcrumbs.test.js.snap
+++ b/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/Breadcrumbs.test.js.snap
@@ -7,7 +7,7 @@ exports[`<Breadcrumbs /> should render a breadcrumbs 1`] = `
     class="sc-4acc650d-0 iZmHLs"
   >
     <ol
-      class="sc-c707bea3-0 sc-4acc650d-1 fLyNGe fiOSiq"
+      class="sc-d8f596bd-0 sc-4acc650d-1 jtWYDW fiOSiq"
     >
       <li
         class="sc-4acc650d-2 fEtKOP"
diff --git a/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/ContactModal.test.js.snap b/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/ContactModal.test.js.snap
index 2d52560417..94cdeaa4eb 100644
--- a/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/ContactModal.test.js.snap
+++ b/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/ContactModal.test.js.snap
@@ -6,7 +6,7 @@ exports[`<ContactModal /> renders a popup when click on button 1`] = `
     aria-hidden="true"
   >
     <button
-      class="sc-b0ebfae6-0 hPQAhy"
+      class="sc-95bd4344-0 dqVtzj"
     >
       texte dans le bouton
     </button>
@@ -22,37 +22,37 @@ exports[`<ContactModal /> renders a popup when click on button 1`] = `
     >
       <div>
         <div
-          class="sc-f4126b8e-0 dWonlk"
+          class="sc-19478701-0 jZYVgz"
           data-reach-dialog-overlay=""
         >
           <div
             aria-label="Contact"
             aria-modal="true"
-            class="sc-f4126b8e-1 kQHvXg"
+            class="sc-19478701-1 hQHZiT"
             data-reach-dialog-content=""
             role="dialog"
             tabindex="-1"
           >
             <header
-              class="sc-238bfc37-0 bnxcHY"
+              class="sc-e32628d4-0 cXUuvO"
             >
               <h1
-                class="sc-efa69b03-0 cNAUpX"
+                class="sc-5f05e99b-0 dQbgIy"
               >
                 <span
-                  class="sc-f4f767e-0 jZdFSO"
+                  class="sc-a4d7a179-0 jRxkkJ"
                 />
                 Contact
               </h1>
             </header>
             <div
-              class="sc-13323d30-0 exlNfj"
+              class="sc-2a0a4b0a-0 dLOZmV"
             >
               <p>
                 Si vous souhaitez nous interroger sur vos droits ou sur des dispositions en droit du travail, nous vous invitons à contacter
                  
                 <button
-                  class="sc-b0ebfae6-0 jcMFcJ"
+                  class="sc-95bd4344-0 hgVQqQ"
                 >
                   les services du ministère du Travail
                   <svg
@@ -94,11 +94,11 @@ exports[`<ContactModal /> renders a popup when click on button 1`] = `
               </a>
             </p>
             <button
-              class="sc-b0ebfae6-0 dGXoMZ sc-f4126b8e-2 irTzHW"
+              class="sc-95bd4344-0 dxXsic sc-19478701-2 fGtwND"
               title="fermer la modale"
             >
               <div
-                class="sc-f92038f6-0 llOtbb"
+                class="sc-8dcb2faa-0 gxfPDw"
               >
                 fermer la modale
               </div>
diff --git a/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/RelatedItems.test.js.snap b/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/RelatedItems.test.js.snap
index 38d1d3fe33..f50681152f 100644
--- a/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/RelatedItems.test.js.snap
+++ b/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/RelatedItems.test.js.snap
@@ -3,28 +3,28 @@
 exports[`<RelatedItems /> should render 1`] = `
 <div>
   <div
-    class="sc-c707bea3-0 fLyNGe"
+    class="sc-d8f596bd-0 jtWYDW"
   >
     <div
       aria-level="2"
-      class="sc-a53a0f9a-0 bIsTsN"
+      class="sc-b879fc2d-0 hyiHle"
       role="heading"
     >
       Modèles et outils liés
        :
     </div>
     <ul
-      class="sc-78dd7a00-0 fVqAjV"
+      class="sc-ab356c14-0 bpNHPl"
     >
       <li
         class="sc-98ab2f81-0 eJqLXV"
       >
         <a
-          class="sc-c95f41ec-0 edttdJ"
+          class="sc-60a7e89-0 haggkt"
         >
           <svg
             aria-hidden="true"
-            class="sc-c95f41ec-2 iFvcod"
+            class="sc-60a7e89-2 bJDpVh"
             fill="none"
             viewBox="0 0 28 15"
             xmlns="http://www.w3.org/2000/svg"
@@ -35,7 +35,7 @@ exports[`<RelatedItems /> should render 1`] = `
             />
           </svg>
           <span
-            class="sc-c95f41ec-1 juvzjJ"
+            class="sc-60a7e89-1 eSlLWj"
           >
             externalTool
           </span>
@@ -45,11 +45,11 @@ exports[`<RelatedItems /> should render 1`] = `
         class="sc-98ab2f81-0 eJqLXV"
       >
         <a
-          class="sc-c95f41ec-0 edttdJ"
+          class="sc-60a7e89-0 haggkt"
         >
           <svg
             aria-hidden="true"
-            class="sc-c95f41ec-2 iFvcod"
+            class="sc-60a7e89-2 bJDpVh"
             fill="none"
             viewBox="0 0 28 15"
             xmlns="http://www.w3.org/2000/svg"
@@ -60,7 +60,7 @@ exports[`<RelatedItems /> should render 1`] = `
             />
           </svg>
           <span
-            class="sc-c95f41ec-1 juvzjJ"
+            class="sc-60a7e89-1 eSlLWj"
           >
             modele de courrier
           </span>
@@ -69,24 +69,24 @@ exports[`<RelatedItems /> should render 1`] = `
     </ul>
     <div
       aria-level="2"
-      class="sc-a53a0f9a-0 bIsTsN"
+      class="sc-b879fc2d-0 hyiHle"
       role="heading"
     >
       Articles liés
        :
     </div>
     <ul
-      class="sc-78dd7a00-0 fVqAjV"
+      class="sc-ab356c14-0 bpNHPl"
     >
       <li
         class="sc-98ab2f81-0 eJqLXV"
       >
         <a
-          class="sc-c95f41ec-0 edttdJ"
+          class="sc-60a7e89-0 haggkt"
         >
           <svg
             aria-hidden="true"
-            class="sc-c95f41ec-2 iFvcod"
+            class="sc-60a7e89-2 bJDpVh"
             fill="none"
             viewBox="0 0 28 15"
             xmlns="http://www.w3.org/2000/svg"
@@ -97,7 +97,7 @@ exports[`<RelatedItems /> should render 1`] = `
             />
           </svg>
           <span
-            class="sc-c95f41ec-1 juvzjJ"
+            class="sc-60a7e89-1 eSlLWj"
           >
             fiche sp
           </span>
@@ -107,11 +107,11 @@ exports[`<RelatedItems /> should render 1`] = `
         class="sc-98ab2f81-0 eJqLXV"
       >
         <a
-          class="sc-c95f41ec-0 edttdJ"
+          class="sc-60a7e89-0 haggkt"
         >
           <svg
             aria-hidden="true"
-            class="sc-c95f41ec-2 iFvcod"
+            class="sc-60a7e89-2 bJDpVh"
             fill="none"
             viewBox="0 0 28 15"
             xmlns="http://www.w3.org/2000/svg"
@@ -122,7 +122,7 @@ exports[`<RelatedItems /> should render 1`] = `
             />
           </svg>
           <span
-            class="sc-c95f41ec-1 juvzjJ"
+            class="sc-60a7e89-1 eSlLWj"
           >
             contrib
           </span>
diff --git a/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/ServiceRenseignement.test.js.snap b/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/ServiceRenseignement.test.js.snap
index 1e5e769f9e..2ece1318ed 100644
--- a/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/ServiceRenseignement.test.js.snap
+++ b/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/ServiceRenseignement.test.js.snap
@@ -3,19 +3,19 @@
 exports[`<ServiceRenseignement /> should render suggestions 1`] = `
 <div>
   <header
-    class="sc-238bfc37-0 bnxcHY"
+    class="sc-e32628d4-0 cXUuvO"
   >
     <h1
-      class="sc-efa69b03-0 cNAUpX"
+      class="sc-5f05e99b-0 dQbgIy"
     >
       <span
-        class="sc-f4f767e-0 jZdFSO"
+        class="sc-a4d7a179-0 jRxkkJ"
       />
       Les services du ministère du Travail
     </h1>
   </header>
   <h2
-    class="sc-a53a0f9a-0 bIsTsN"
+    class="sc-b879fc2d-0 hyiHle"
   >
     Contact téléphonique
   </h2>
@@ -38,7 +38,7 @@ exports[`<ServiceRenseignement /> should render suggestions 1`] = `
     </em>
   </a>
   <h2
-    class="sc-a53a0f9a-0 bIsTsN"
+    class="sc-b879fc2d-0 hyiHle"
   >
     Contact par email et prise de rendez-vous
   </h2>
@@ -51,11 +51,11 @@ exports[`<ServiceRenseignement /> should render suggestions 1`] = `
       Saisissez votre numéro de département :
     </label>
     <div
-      class="sc-46a9700d-0 eEbjpm sc-56e7bccd-4 jcgfHv"
+      class="sc-669fe731-0 amSvQ sc-56e7bccd-4 jcgfHv"
     >
       <input
         autocomplete="off"
-        class="sc-46a9700d-1 dZpFqX"
+        class="sc-669fe731-1 bBYNqO"
         id="search-service"
         maxlength="3"
         name="departement"
@@ -66,7 +66,7 @@ exports[`<ServiceRenseignement /> should render suggestions 1`] = `
     </div>
     <button
       aria-label="Recherchez le service"
-      class="sc-b0ebfae6-0 dGXoMZ sc-56e7bccd-5 ifcrZi"
+      class="sc-95bd4344-0 dxXsic sc-56e7bccd-5 ifcrZi"
       title="Lancer une recherche"
       type="submit"
     >
diff --git a/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/ServiceRenseignementModal.test.js.snap b/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/ServiceRenseignementModal.test.js.snap
index 322c146b76..6f8e95eab3 100644
--- a/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/ServiceRenseignementModal.test.js.snap
+++ b/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/ServiceRenseignementModal.test.js.snap
@@ -6,7 +6,7 @@ exports[`<ServiceRenseignementModal /> renders a popup when click on button 1`]
     aria-hidden="true"
   >
     <button
-      class="sc-b0ebfae6-0 hPQAhy"
+      class="sc-95bd4344-0 dqVtzj"
     >
       texte dans le bouton
     </button>
@@ -22,31 +22,31 @@ exports[`<ServiceRenseignementModal /> renders a popup when click on button 1`]
     >
       <div>
         <div
-          class="sc-f4126b8e-0 dWonlk"
+          class="sc-19478701-0 jZYVgz"
           data-reach-dialog-overlay=""
         >
           <div
             aria-label="Service de renseignement"
             aria-modal="true"
-            class="sc-f4126b8e-1 kQHvXg"
+            class="sc-19478701-1 hQHZiT"
             data-reach-dialog-content=""
             role="dialog"
             tabindex="-1"
           >
             <header
-              class="sc-238bfc37-0 bnxcHY"
+              class="sc-e32628d4-0 cXUuvO"
             >
               <h1
-                class="sc-efa69b03-0 cNAUpX"
+                class="sc-5f05e99b-0 dQbgIy"
               >
                 <span
-                  class="sc-f4f767e-0 jZdFSO"
+                  class="sc-a4d7a179-0 jRxkkJ"
                 />
                 Les services du ministère du Travail
               </h1>
             </header>
             <h2
-              class="sc-a53a0f9a-0 bIsTsN"
+              class="sc-b879fc2d-0 hyiHle"
             >
               Contact téléphonique
             </h2>
@@ -69,7 +69,7 @@ exports[`<ServiceRenseignementModal /> renders a popup when click on button 1`]
               </em>
             </a>
             <h2
-              class="sc-a53a0f9a-0 bIsTsN"
+              class="sc-b879fc2d-0 hyiHle"
             >
               Contact par email et prise de rendez-vous
             </h2>
@@ -82,11 +82,11 @@ exports[`<ServiceRenseignementModal /> renders a popup when click on button 1`]
                 Saisissez votre numéro de département :
               </label>
               <div
-                class="sc-46a9700d-0 eEbjpm sc-56e7bccd-4 jcgfHv"
+                class="sc-669fe731-0 amSvQ sc-56e7bccd-4 jcgfHv"
               >
                 <input
                   autocomplete="off"
-                  class="sc-46a9700d-1 dZpFqX"
+                  class="sc-669fe731-1 bBYNqO"
                   id="search-service"
                   maxlength="3"
                   name="departement"
@@ -97,7 +97,7 @@ exports[`<ServiceRenseignementModal /> renders a popup when click on button 1`]
               </div>
               <button
                 aria-label="Recherchez le service"
-                class="sc-b0ebfae6-0 dGXoMZ sc-56e7bccd-5 ifcrZi"
+                class="sc-95bd4344-0 dxXsic sc-56e7bccd-5 ifcrZi"
                 title="Lancer une recherche"
                 type="submit"
               >
@@ -137,11 +137,11 @@ exports[`<ServiceRenseignementModal /> renders a popup when click on button 1`]
               </ul>
             </div>
             <button
-              class="sc-b0ebfae6-0 dGXoMZ sc-f4126b8e-2 irTzHW"
+              class="sc-95bd4344-0 dxXsic sc-19478701-2 fGtwND"
               title="fermer la modale"
             >
               <div
-                class="sc-f92038f6-0 llOtbb"
+                class="sc-8dcb2faa-0 gxfPDw"
               >
                 fermer la modale
               </div>
diff --git a/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/Share.test.js.snap b/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/Share.test.js.snap
index 277bbb8baf..2a29610a30 100644
--- a/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/Share.test.js.snap
+++ b/packages/code-du-travail-frontend/src/common/__tests__/__snapshots__/Share.test.js.snap
@@ -91,7 +91,7 @@ exports[`<Share /> renders 1`] = `
       </span>
     </button>
     <div
-      class="sc-26bde2b2-0 jUExxE"
+      class="sc-95cc8fb1-0 iHYHyU"
     >
       <button
         class="sc-85592e61-1 bcotEV spacing-left"
diff --git a/packages/code-du-travail-frontend/src/common/tiles/__tests__/__snapshots__/Custom.test.js.snap b/packages/code-du-travail-frontend/src/common/tiles/__tests__/__snapshots__/Custom.test.js.snap
index a8b7b688cb..f6c0296898 100644
--- a/packages/code-du-travail-frontend/src/common/tiles/__tests__/__snapshots__/Custom.test.js.snap
+++ b/packages/code-du-travail-frontend/src/common/tiles/__tests__/__snapshots__/Custom.test.js.snap
@@ -3,13 +3,13 @@
 exports[`<CallToActionTile /> should render 1`] = `
 <div>
   <div
-    class="sc-e72909eb-0 eVuCTM sc-45a05aa-1 jNkAaK"
+    class="sc-d47d8018-0 ezEIGw sc-45a05aa-1 jNkAaK"
   >
     <div
-      class="sc-e72909eb-2 bNzKqg"
+      class="sc-d47d8018-2 eBZhiP"
     >
       <div
-        class="sc-e72909eb-1 gzHMAu"
+        class="sc-d47d8018-1 xAHKj"
       >
         <svg
           aria-hidden="true"
@@ -36,10 +36,10 @@ exports[`<CallToActionTile /> should render 1`] = `
         </svg>
       </div>
       <div
-        class="sc-e72909eb-3 hASMbR"
+        class="sc-d47d8018-3 cAXyng"
       >
         <p
-          class="sc-e72909eb-5 cdJafA"
+          class="sc-d47d8018-5 jNRMjT"
         >
           <a
             href="/test"
@@ -50,7 +50,7 @@ exports[`<CallToActionTile /> should render 1`] = `
       </div>
     </div>
     <div
-      class="sc-e72909eb-6 dOdFhK"
+      class="sc-d47d8018-6 ipSAXR"
     >
       <div
         class="sc-45a05aa-0 dqQtNN"
@@ -62,7 +62,7 @@ exports[`<CallToActionTile /> should render 1`] = `
           class="sc-45a05aa-2 gcKsUr"
         >
           <p
-            class="sc-a4406a0f-1 bNZtsp"
+            class="sc-3633cc97-1 gDIqvu"
           >
             Bonjour
              
diff --git a/packages/code-du-travail-frontend/src/contributions/__tests__/__snapshots__/DisplayContentContribution.test.tsx.snap b/packages/code-du-travail-frontend/src/contributions/__tests__/__snapshots__/DisplayContentContribution.test.tsx.snap
index 0aa420863b..9cd3a073a8 100644
--- a/packages/code-du-travail-frontend/src/contributions/__tests__/__snapshots__/DisplayContentContribution.test.tsx.snap
+++ b/packages/code-du-travail-frontend/src/contributions/__tests__/__snapshots__/DisplayContentContribution.test.tsx.snap
@@ -14,7 +14,7 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
         id="report-ou-suspension-du-preavis"
       >
         <div
-          class="sc-6ba2e448-0 wqwqk"
+          class="sc-1571bed7-0"
           data-accordion-component="AccordionItem"
         >
           <div
@@ -25,7 +25,7 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
               aria-controls="accordion__panel-report-ou-suspension-du-preavis"
               aria-disabled="false"
               aria-expanded="false"
-              class="sc-6ba2e448-2 dhbWmA"
+              class="sc-1571bed7-2 gNtlHI"
               data-accordion-component="AccordionItemButton"
               id="accordion__heading-report-ou-suspension-du-preavis"
               role="button"
@@ -33,7 +33,7 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
             >
               <svg
                 aria-hidden="true"
-                class="sc-efc7f1fd-0 cFvIxv"
+                class="sc-93c68677-0 fWneNg"
                 fill="none"
                 height="24"
                 stroke="currentColor"
@@ -49,10 +49,10 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                 />
               </svg>
               <div
-                class="sc-6ba2e448-3 dhjOwJ"
+                class="sc-1571bed7-3 figaQV"
               >
                 <h3
-                  class="sc-a53a0f9a-0 bIsTsN"
+                  class="sc-b879fc2d-0 hyiHle"
                   data-testid="contrib-accordion-0"
                   style="margin: 0px;"
                 >
@@ -63,13 +63,13 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
           </div>
           <div
             aria-hidden="true"
-            class="sc-6ba2e448-1 cDSlef"
+            class="sc-1571bed7-1 hamHiw"
             data-accordion-component="AccordionItemPanel"
             hidden=""
             id="accordion__panel-report-ou-suspension-du-preavis"
           >
             <div
-              class="sc-8fc9f174-0 glbEDc"
+              class="sc-32c7807-0 iMDCLs"
             >
               <div>
                 <p>
@@ -88,7 +88,7 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                     id="conges-payes"
                   >
                     <div
-                      class="sc-6ba2e448-0 wqwqk"
+                      class="sc-1571bed7-0"
                       data-accordion-component="AccordionItem"
                     >
                       <div
@@ -99,7 +99,7 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                           aria-controls="accordion__panel-conges-payes"
                           aria-disabled="false"
                           aria-expanded="false"
-                          class="sc-6ba2e448-2 dhbWmA"
+                          class="sc-1571bed7-2 gNtlHI"
                           data-accordion-component="AccordionItemButton"
                           id="accordion__heading-conges-payes"
                           role="button"
@@ -107,7 +107,7 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                         >
                           <svg
                             aria-hidden="true"
-                            class="sc-efc7f1fd-0 cFvIxv"
+                            class="sc-93c68677-0 fWneNg"
                             fill="none"
                             height="24"
                             stroke="currentColor"
@@ -123,10 +123,10 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                             />
                           </svg>
                           <div
-                            class="sc-6ba2e448-3 dhjOwJ"
+                            class="sc-1571bed7-3 figaQV"
                           >
                             <h4
-                              class="sc-a53a0f9a-0 bIsTsN"
+                              class="sc-b879fc2d-0 hyiHle"
                               data-testid="contrib-accordion-0"
                               style="margin: 0px;"
                             >
@@ -137,13 +137,13 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                       </div>
                       <div
                         aria-hidden="true"
-                        class="sc-6ba2e448-1 cDSlef"
+                        class="sc-1571bed7-1 hamHiw"
                         data-accordion-component="AccordionItemPanel"
                         hidden=""
                         id="accordion__panel-conges-payes"
                       >
                         <div
-                          class="sc-8fc9f174-0 glbEDc"
+                          class="sc-32c7807-0 iMDCLs"
                         >
                           <div>
                             <div
@@ -155,7 +155,7 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                                 id="dates-des-conges-fixees-avant-la-notification-du-licenciement"
                               >
                                 <div
-                                  class="sc-6ba2e448-0 wqwqk"
+                                  class="sc-1571bed7-0"
                                   data-accordion-component="AccordionItem"
                                 >
                                   <div
@@ -166,7 +166,7 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                                       aria-controls="accordion__panel-dates-des-conges-fixees-avant-la-notification-du-licenciement"
                                       aria-disabled="false"
                                       aria-expanded="false"
-                                      class="sc-6ba2e448-2 dhbWmA"
+                                      class="sc-1571bed7-2 gNtlHI"
                                       data-accordion-component="AccordionItemButton"
                                       id="accordion__heading-dates-des-conges-fixees-avant-la-notification-du-licenciement"
                                       role="button"
@@ -174,7 +174,7 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                                     >
                                       <svg
                                         aria-hidden="true"
-                                        class="sc-efc7f1fd-0 cFvIxv"
+                                        class="sc-93c68677-0 fWneNg"
                                         fill="none"
                                         height="24"
                                         stroke="currentColor"
@@ -190,10 +190,10 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                                         />
                                       </svg>
                                       <div
-                                        class="sc-6ba2e448-3 dhjOwJ"
+                                        class="sc-1571bed7-3 figaQV"
                                       >
                                         <h5
-                                          class="sc-a53a0f9a-0 bIsTsN"
+                                          class="sc-b879fc2d-0 hyiHle"
                                           data-testid="contrib-accordion-0"
                                           style="margin: 0px;"
                                         >
@@ -206,13 +206,13 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                                   </div>
                                   <div
                                     aria-hidden="true"
-                                    class="sc-6ba2e448-1 cDSlef"
+                                    class="sc-1571bed7-1 hamHiw"
                                     data-accordion-component="AccordionItemPanel"
                                     hidden=""
                                     id="accordion__panel-dates-des-conges-fixees-avant-la-notification-du-licenciement"
                                   >
                                     <div
-                                      class="sc-8fc9f174-0 glbEDc"
+                                      class="sc-32c7807-0 iMDCLs"
                                     >
                                       <div>
                                         <p>
@@ -232,7 +232,7 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                                 id="dates-des-conges-fixees-apres-la-notification-du-licenciement"
                               >
                                 <div
-                                  class="sc-6ba2e448-0 gAQMVA"
+                                  class="sc-1571bed7-0 dpEeGj"
                                   data-accordion-component="AccordionItem"
                                 >
                                   <div
@@ -243,7 +243,7 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                                       aria-controls="accordion__panel-dates-des-conges-fixees-apres-la-notification-du-licenciement"
                                       aria-disabled="false"
                                       aria-expanded="false"
-                                      class="sc-6ba2e448-2 dhbWmA"
+                                      class="sc-1571bed7-2 gNtlHI"
                                       data-accordion-component="AccordionItemButton"
                                       id="accordion__heading-dates-des-conges-fixees-apres-la-notification-du-licenciement"
                                       role="button"
@@ -251,7 +251,7 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                                     >
                                       <svg
                                         aria-hidden="true"
-                                        class="sc-efc7f1fd-0 cFvIxv"
+                                        class="sc-93c68677-0 fWneNg"
                                         fill="none"
                                         height="24"
                                         stroke="currentColor"
@@ -267,10 +267,10 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                                         />
                                       </svg>
                                       <div
-                                        class="sc-6ba2e448-3 dhjOwJ"
+                                        class="sc-1571bed7-3 figaQV"
                                       >
                                         <h5
-                                          class="sc-a53a0f9a-0 bIsTsN"
+                                          class="sc-b879fc2d-0 hyiHle"
                                           data-testid="contrib-accordion-1"
                                           style="margin: 0px;"
                                         >
@@ -283,13 +283,13 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                                   </div>
                                   <div
                                     aria-hidden="true"
-                                    class="sc-6ba2e448-1 cDSlef"
+                                    class="sc-1571bed7-1 hamHiw"
                                     data-accordion-component="AccordionItemPanel"
                                     hidden=""
                                     id="accordion__panel-dates-des-conges-fixees-apres-la-notification-du-licenciement"
                                   >
                                     <div
-                                      class="sc-8fc9f174-0 glbEDc"
+                                      class="sc-32c7807-0 iMDCLs"
                                     >
                                       <div>
                                         <p>
@@ -310,7 +310,7 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                                 id="licenciement-notifie-pendant-les-conges-payes"
                               >
                                 <div
-                                  class="sc-6ba2e448-0 gAQMVA"
+                                  class="sc-1571bed7-0 dpEeGj"
                                   data-accordion-component="AccordionItem"
                                 >
                                   <div
@@ -321,7 +321,7 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                                       aria-controls="accordion__panel-licenciement-notifie-pendant-les-conges-payes"
                                       aria-disabled="false"
                                       aria-expanded="false"
-                                      class="sc-6ba2e448-2 dhbWmA"
+                                      class="sc-1571bed7-2 gNtlHI"
                                       data-accordion-component="AccordionItemButton"
                                       id="accordion__heading-licenciement-notifie-pendant-les-conges-payes"
                                       role="button"
@@ -329,7 +329,7 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                                     >
                                       <svg
                                         aria-hidden="true"
-                                        class="sc-efc7f1fd-0 cFvIxv"
+                                        class="sc-93c68677-0 fWneNg"
                                         fill="none"
                                         height="24"
                                         stroke="currentColor"
@@ -345,10 +345,10 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                                         />
                                       </svg>
                                       <div
-                                        class="sc-6ba2e448-3 dhjOwJ"
+                                        class="sc-1571bed7-3 figaQV"
                                       >
                                         <h5
-                                          class="sc-a53a0f9a-0 bIsTsN"
+                                          class="sc-b879fc2d-0 hyiHle"
                                           data-testid="contrib-accordion-2"
                                           style="margin: 0px;"
                                         >
@@ -359,13 +359,13 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                                   </div>
                                   <div
                                     aria-hidden="true"
-                                    class="sc-6ba2e448-1 cDSlef"
+                                    class="sc-1571bed7-1 hamHiw"
                                     data-accordion-component="AccordionItemPanel"
                                     hidden=""
                                     id="accordion__panel-licenciement-notifie-pendant-les-conges-payes"
                                   >
                                     <div
-                                      class="sc-8fc9f174-0 glbEDc"
+                                      class="sc-32c7807-0 iMDCLs"
                                     >
                                       <div>
                                         <p>
@@ -408,7 +408,7 @@ exports[`DisplayContentContribution Accordions should replace details element by
       id="ceci-est-un-titre"
     >
       <div
-        class="sc-6ba2e448-0 wqwqk"
+        class="sc-1571bed7-0"
         data-accordion-component="AccordionItem"
       >
         <div
@@ -419,7 +419,7 @@ exports[`DisplayContentContribution Accordions should replace details element by
             aria-controls="accordion__panel-ceci-est-un-titre"
             aria-disabled="false"
             aria-expanded="false"
-            class="sc-6ba2e448-2 dhbWmA"
+            class="sc-1571bed7-2 gNtlHI"
             data-accordion-component="AccordionItemButton"
             id="accordion__heading-ceci-est-un-titre"
             role="button"
@@ -427,7 +427,7 @@ exports[`DisplayContentContribution Accordions should replace details element by
           >
             <svg
               aria-hidden="true"
-              class="sc-efc7f1fd-0 cFvIxv"
+              class="sc-93c68677-0 fWneNg"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -443,10 +443,10 @@ exports[`DisplayContentContribution Accordions should replace details element by
               />
             </svg>
             <div
-              class="sc-6ba2e448-3 dhjOwJ"
+              class="sc-1571bed7-3 figaQV"
             >
               <h3
-                class="sc-a53a0f9a-0 bIsTsN"
+                class="sc-b879fc2d-0 hyiHle"
                 data-testid="contrib-accordion-0"
                 style="margin: 0px;"
               >
@@ -457,13 +457,13 @@ exports[`DisplayContentContribution Accordions should replace details element by
         </div>
         <div
           aria-hidden="true"
-          class="sc-6ba2e448-1 cDSlef"
+          class="sc-1571bed7-1 hamHiw"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-ceci-est-un-titre"
         >
           <div
-            class="sc-8fc9f174-0 glbEDc"
+            class="sc-32c7807-0 iMDCLs"
           >
             <div>
               <p>
@@ -492,7 +492,7 @@ exports[`DisplayContentContribution Accordions should replace details element wi
       id="ceci-est-un-titre"
     >
       <div
-        class="sc-6ba2e448-0 wqwqk"
+        class="sc-1571bed7-0"
         data-accordion-component="AccordionItem"
       >
         <div
@@ -503,7 +503,7 @@ exports[`DisplayContentContribution Accordions should replace details element wi
             aria-controls="accordion__panel-ceci-est-un-titre"
             aria-disabled="false"
             aria-expanded="false"
-            class="sc-6ba2e448-2 dhbWmA"
+            class="sc-1571bed7-2 gNtlHI"
             data-accordion-component="AccordionItemButton"
             id="accordion__heading-ceci-est-un-titre"
             role="button"
@@ -511,7 +511,7 @@ exports[`DisplayContentContribution Accordions should replace details element wi
           >
             <svg
               aria-hidden="true"
-              class="sc-efc7f1fd-0 cFvIxv"
+              class="sc-93c68677-0 fWneNg"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -527,10 +527,10 @@ exports[`DisplayContentContribution Accordions should replace details element wi
               />
             </svg>
             <div
-              class="sc-6ba2e448-3 dhjOwJ"
+              class="sc-1571bed7-3 figaQV"
             >
               <h3
-                class="sc-a53a0f9a-0 bIsTsN"
+                class="sc-b879fc2d-0 hyiHle"
                 data-testid="contrib-accordion-0"
                 style="margin: 0px;"
               >
@@ -541,13 +541,13 @@ exports[`DisplayContentContribution Accordions should replace details element wi
         </div>
         <div
           aria-hidden="true"
-          class="sc-6ba2e448-1 cDSlef"
+          class="sc-1571bed7-1 hamHiw"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-ceci-est-un-titre"
         >
           <div
-            class="sc-8fc9f174-0 glbEDc"
+            class="sc-32c7807-0 iMDCLs"
           >
             <div>
               <div
@@ -559,7 +559,7 @@ exports[`DisplayContentContribution Accordions should replace details element wi
                   id="ceci-est-un-sous-titre"
                 >
                   <div
-                    class="sc-6ba2e448-0 wqwqk"
+                    class="sc-1571bed7-0"
                     data-accordion-component="AccordionItem"
                   >
                     <div
@@ -570,7 +570,7 @@ exports[`DisplayContentContribution Accordions should replace details element wi
                         aria-controls="accordion__panel-ceci-est-un-sous-titre"
                         aria-disabled="false"
                         aria-expanded="false"
-                        class="sc-6ba2e448-2 dhbWmA"
+                        class="sc-1571bed7-2 gNtlHI"
                         data-accordion-component="AccordionItemButton"
                         id="accordion__heading-ceci-est-un-sous-titre"
                         role="button"
@@ -578,7 +578,7 @@ exports[`DisplayContentContribution Accordions should replace details element wi
                       >
                         <svg
                           aria-hidden="true"
-                          class="sc-efc7f1fd-0 cFvIxv"
+                          class="sc-93c68677-0 fWneNg"
                           fill="none"
                           height="24"
                           stroke="currentColor"
@@ -594,10 +594,10 @@ exports[`DisplayContentContribution Accordions should replace details element wi
                           />
                         </svg>
                         <div
-                          class="sc-6ba2e448-3 dhjOwJ"
+                          class="sc-1571bed7-3 figaQV"
                         >
                           <h4
-                            class="sc-a53a0f9a-0 bIsTsN"
+                            class="sc-b879fc2d-0 hyiHle"
                             data-testid="contrib-accordion-0"
                             style="margin: 0px;"
                           >
@@ -608,13 +608,13 @@ exports[`DisplayContentContribution Accordions should replace details element wi
                     </div>
                     <div
                       aria-hidden="true"
-                      class="sc-6ba2e448-1 cDSlef"
+                      class="sc-1571bed7-1 hamHiw"
                       data-accordion-component="AccordionItemPanel"
                       hidden=""
                       id="accordion__panel-ceci-est-un-sous-titre"
                     >
                       <div
-                        class="sc-8fc9f174-0 glbEDc"
+                        class="sc-32c7807-0 iMDCLs"
                       >
                         <div>
                           <p>
@@ -651,7 +651,7 @@ exports[`DisplayContentContribution Accordions should replace multiple details e
           id="ceci-est-le-titre-1"
         >
           <div
-            class="sc-6ba2e448-0 wqwqk"
+            class="sc-1571bed7-0"
             data-accordion-component="AccordionItem"
           >
             <div
@@ -662,7 +662,7 @@ exports[`DisplayContentContribution Accordions should replace multiple details e
                 aria-controls="accordion__panel-ceci-est-le-titre-1"
                 aria-disabled="false"
                 aria-expanded="false"
-                class="sc-6ba2e448-2 dhbWmA"
+                class="sc-1571bed7-2 gNtlHI"
                 data-accordion-component="AccordionItemButton"
                 id="accordion__heading-ceci-est-le-titre-1"
                 role="button"
@@ -670,7 +670,7 @@ exports[`DisplayContentContribution Accordions should replace multiple details e
               >
                 <svg
                   aria-hidden="true"
-                  class="sc-efc7f1fd-0 cFvIxv"
+                  class="sc-93c68677-0 fWneNg"
                   fill="none"
                   height="24"
                   stroke="currentColor"
@@ -686,10 +686,10 @@ exports[`DisplayContentContribution Accordions should replace multiple details e
                   />
                 </svg>
                 <div
-                  class="sc-6ba2e448-3 dhjOwJ"
+                  class="sc-1571bed7-3 figaQV"
                 >
                   <h3
-                    class="sc-a53a0f9a-0 bIsTsN"
+                    class="sc-b879fc2d-0 hyiHle"
                     data-testid="contrib-accordion-0"
                     style="margin: 0px;"
                   >
@@ -700,13 +700,13 @@ exports[`DisplayContentContribution Accordions should replace multiple details e
             </div>
             <div
               aria-hidden="true"
-              class="sc-6ba2e448-1 cDSlef"
+              class="sc-1571bed7-1 hamHiw"
               data-accordion-component="AccordionItemPanel"
               hidden=""
               id="accordion__panel-ceci-est-le-titre-1"
             >
               <div
-                class="sc-8fc9f174-0 glbEDc"
+                class="sc-32c7807-0 iMDCLs"
               >
                 <div>
                   <p>
@@ -722,7 +722,7 @@ exports[`DisplayContentContribution Accordions should replace multiple details e
           id="ceci-est-le-titre-2"
         >
           <div
-            class="sc-6ba2e448-0 gAQMVA"
+            class="sc-1571bed7-0 dpEeGj"
             data-accordion-component="AccordionItem"
           >
             <div
@@ -733,7 +733,7 @@ exports[`DisplayContentContribution Accordions should replace multiple details e
                 aria-controls="accordion__panel-ceci-est-le-titre-2"
                 aria-disabled="false"
                 aria-expanded="false"
-                class="sc-6ba2e448-2 dhbWmA"
+                class="sc-1571bed7-2 gNtlHI"
                 data-accordion-component="AccordionItemButton"
                 id="accordion__heading-ceci-est-le-titre-2"
                 role="button"
@@ -741,7 +741,7 @@ exports[`DisplayContentContribution Accordions should replace multiple details e
               >
                 <svg
                   aria-hidden="true"
-                  class="sc-efc7f1fd-0 cFvIxv"
+                  class="sc-93c68677-0 fWneNg"
                   fill="none"
                   height="24"
                   stroke="currentColor"
@@ -757,10 +757,10 @@ exports[`DisplayContentContribution Accordions should replace multiple details e
                   />
                 </svg>
                 <div
-                  class="sc-6ba2e448-3 dhjOwJ"
+                  class="sc-1571bed7-3 figaQV"
                 >
                   <h3
-                    class="sc-a53a0f9a-0 bIsTsN"
+                    class="sc-b879fc2d-0 hyiHle"
                     data-testid="contrib-accordion-1"
                     style="margin: 0px;"
                   >
@@ -771,13 +771,13 @@ exports[`DisplayContentContribution Accordions should replace multiple details e
             </div>
             <div
               aria-hidden="true"
-              class="sc-6ba2e448-1 cDSlef"
+              class="sc-1571bed7-1 hamHiw"
               data-accordion-component="AccordionItemPanel"
               hidden=""
               id="accordion__panel-ceci-est-le-titre-2"
             >
               <div
-                class="sc-8fc9f174-0 glbEDc"
+                class="sc-32c7807-0 iMDCLs"
               >
                 <div>
                   <p>
@@ -926,7 +926,7 @@ exports[`DisplayContentContribution Alerts should replace div with alert class i
         </p>
         <br />
         <div
-          class="sc-35146c68-0 eYIxsm"
+          class="sc-6c78813f-0 fnbVWG"
         >
           <p>
             <strong>
@@ -946,7 +946,7 @@ exports[`DisplayContentContribution Alerts should replace div with alert class t
   class="sc-10167302-0 dCJsPi"
 >
   <div
-    class="sc-35146c68-0 eYIxsm"
+    class="sc-6c78813f-0 fnbVWG"
   >
     <p>
       <strong>
@@ -964,12 +964,12 @@ exports[`DisplayContentContribution Headings should replace span with class "tit
     class="sc-10167302-0 dCJsPi"
   >
     <h2
-      class="sc-a53a0f9a-0 bIsTsN"
+      class="sc-b879fc2d-0 hyiHle"
     >
       Mon titre
     </h2>
     <h3
-      class="sc-a53a0f9a-0 bIsTsN"
+      class="sc-b879fc2d-0 hyiHle"
     >
       Mon sous titre
     </h3>
@@ -982,7 +982,7 @@ exports[`DisplayContentContribution Tables should add thead to table if not pres
   class="sc-10167302-0 dCJsPi"
 >
   <table
-    class="sc-6d9f376d-0 iugiNe"
+    class="sc-4e3ba411-0 kKVapO"
   >
     <thead>
       <tr>
@@ -1105,7 +1105,7 @@ exports[`DisplayContentContribution Tables should render correctly a table with
     class="sc-10167302-0 dCJsPi"
   >
     <table
-      class="sc-6d9f376d-0 iugiNe"
+      class="sc-4e3ba411-0 kKVapO"
     >
       <thead>
         <tr>
diff --git a/packages/code-du-travail-frontend/src/contributions/__tests__/__snapshots__/ReferencesJuridique.test.tsx.snap b/packages/code-du-travail-frontend/src/contributions/__tests__/__snapshots__/ReferencesJuridique.test.tsx.snap
index b21681233f..4d586e4e75 100644
--- a/packages/code-du-travail-frontend/src/contributions/__tests__/__snapshots__/ReferencesJuridique.test.tsx.snap
+++ b/packages/code-du-travail-frontend/src/contributions/__tests__/__snapshots__/ReferencesJuridique.test.tsx.snap
@@ -2,17 +2,17 @@
 
 exports[`ReferencesJuridiques doit mettre les références sans lien à la fin 1`] = `
 <div
-  class="sc-13323d30-0 gtmVnh"
+  class="sc-2a0a4b0a-0 hPfzrL"
 >
   <div>
     <button
       aria-expanded="false"
-      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
+      class="sc-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-efc7f1fd-0 cFvIxv"
+        class="sc-93c68677-0 fWneNg"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -28,27 +28,27 @@ exports[`ReferencesJuridiques doit mettre les références sans lien à la fin 1
         />
       </svg>
       <span
-        class="sc-a45f48bd-2 dzrMBi"
+        class="sc-da0440cf-2 cdlSfE"
       >
         Références
       </span>
     </button>
     <div
-      class="sc-a45f48bd-0 dnXrPP"
+      class="sc-da0440cf-0 kQbZar"
     >
       <ul
-        class="sc-78dd7a00-0 sc-ab4aba5d-1 fVqAjV dDdmoO"
+        class="sc-ab356c14-0 sc-ab4aba5d-1 bpNHPl dDdmoO"
       >
         <li>
           <a
             aria-label="Titre 2 (Nouvelle fenêtre)"
-            class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu no-after"
+            class="sc-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu no-after"
             href="http://lien2"
             target="_blank"
           >
             <svg
               aria-hidden="true"
-              class="sc-c95f41ec-2 iFvcod"
+              class="sc-60a7e89-2 bJDpVh"
               fill="none"
               viewBox="0 0 28 15"
               xmlns="http://www.w3.org/2000/svg"
@@ -59,7 +59,7 @@ exports[`ReferencesJuridiques doit mettre les références sans lien à la fin 1
               />
             </svg>
             <span
-              class="sc-c95f41ec-1 juvzjJ"
+              class="sc-60a7e89-1 eSlLWj"
             >
               Titre 2
             </span>
@@ -68,13 +68,13 @@ exports[`ReferencesJuridiques doit mettre les références sans lien à la fin 1
         <li>
           <a
             aria-label="Titre 5 (Nouvelle fenêtre)"
-            class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu no-after"
+            class="sc-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu no-after"
             href="http://lien4"
             target="_blank"
           >
             <svg
               aria-hidden="true"
-              class="sc-c95f41ec-2 iFvcod"
+              class="sc-60a7e89-2 bJDpVh"
               fill="none"
               viewBox="0 0 28 15"
               xmlns="http://www.w3.org/2000/svg"
@@ -85,7 +85,7 @@ exports[`ReferencesJuridiques doit mettre les références sans lien à la fin 1
               />
             </svg>
             <span
-              class="sc-c95f41ec-1 juvzjJ"
+              class="sc-60a7e89-1 eSlLWj"
             >
               Titre 5
             </span>
diff --git a/packages/code-du-travail-frontend/src/conventions/Convention/__tests__/__snapshots__/index.test.js.snap b/packages/code-du-travail-frontend/src/conventions/Convention/__tests__/__snapshots__/index.test.js.snap
index b95bc56617..c5439ec80b 100644
--- a/packages/code-du-travail-frontend/src/conventions/Convention/__tests__/__snapshots__/index.test.js.snap
+++ b/packages/code-du-travail-frontend/src/conventions/Convention/__tests__/__snapshots__/index.test.js.snap
@@ -3,18 +3,18 @@
 exports[`<Convention /> renders 1`] = `
 <div>
   <div
-    class="sc-238bfc37-0 iTixSU"
+    class="sc-e32628d4-0 cwDqXq"
   >
     <h2
-      class="sc-3c1fa745-0 eWYpOc"
+      class="sc-d6e72754-0 gUBAuw"
     >
       <span
-        class="sc-f4f767e-0 hiuRaG"
+        class="sc-a4d7a179-0 gGBEJx"
       />
       Questions-réponses fréquentes
     </h2>
     <p
-      class="sc-e435e27-0 htTGgK"
+      class="sc-ea8c0a81-0 dHtsEU"
     >
       Description de la CC
     </p>
@@ -25,7 +25,7 @@ exports[`<Convention /> renders 1`] = `
   >
     <div>
       <div
-        class="sc-6ba2e448-0 wqwqk"
+        class="sc-1571bed7-0"
         data-accordion-component="AccordionItem"
       >
         <div
@@ -36,7 +36,7 @@ exports[`<Convention /> renders 1`] = `
             aria-controls="accordion__panel-raa-0"
             aria-disabled="false"
             aria-expanded="false"
-            class="sc-6ba2e448-2 dhbWmA"
+            class="sc-1571bed7-2 gNtlHI"
             data-accordion-component="AccordionItemButton"
             id="accordion__heading-raa-0"
             role="button"
@@ -44,7 +44,7 @@ exports[`<Convention /> renders 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="sc-efc7f1fd-0 cFvIxv"
+              class="sc-93c68677-0 fWneNg"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -60,10 +60,10 @@ exports[`<Convention /> renders 1`] = `
               />
             </svg>
             <div
-              class="sc-6ba2e448-3 dhjOwJ"
+              class="sc-1571bed7-3 figaQV"
             >
               <h3
-                class="sc-a53a0f9a-0 bIsTsN"
+                class="sc-b879fc2d-0 hyiHle"
                 style="margin: 0px;"
               >
                 Congés et repos
@@ -73,13 +73,13 @@ exports[`<Convention /> renders 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-6ba2e448-1 cDSlef"
+          class="sc-1571bed7-1 hamHiw"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-raa-0"
         >
           <div
-            class="sc-8fc9f174-0 glbEDc"
+            class="sc-32c7807-0 iMDCLs"
           >
             <ul>
               <li>
@@ -137,7 +137,7 @@ exports[`<Convention /> renders 1`] = `
     </div>
     <div>
       <div
-        class="sc-6ba2e448-0 gAQMVA"
+        class="sc-1571bed7-0 dpEeGj"
         data-accordion-component="AccordionItem"
       >
         <div
@@ -148,7 +148,7 @@ exports[`<Convention /> renders 1`] = `
             aria-controls="accordion__panel-raa-1"
             aria-disabled="false"
             aria-expanded="false"
-            class="sc-6ba2e448-2 dhbWmA"
+            class="sc-1571bed7-2 gNtlHI"
             data-accordion-component="AccordionItemButton"
             id="accordion__heading-raa-1"
             role="button"
@@ -156,7 +156,7 @@ exports[`<Convention /> renders 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="sc-efc7f1fd-0 cFvIxv"
+              class="sc-93c68677-0 fWneNg"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -172,10 +172,10 @@ exports[`<Convention /> renders 1`] = `
               />
             </svg>
             <div
-              class="sc-6ba2e448-3 dhjOwJ"
+              class="sc-1571bed7-3 figaQV"
             >
               <h3
-                class="sc-a53a0f9a-0 bIsTsN"
+                class="sc-b879fc2d-0 hyiHle"
                 style="margin: 0px;"
               >
                 Départ de l’entreprise
@@ -185,13 +185,13 @@ exports[`<Convention /> renders 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-6ba2e448-1 cDSlef"
+          class="sc-1571bed7-1 hamHiw"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-raa-1"
         >
           <div
-            class="sc-8fc9f174-0 glbEDc"
+            class="sc-32c7807-0 iMDCLs"
           >
             <ul>
               <li>
@@ -313,7 +313,7 @@ exports[`<Convention /> renders 1`] = `
     </div>
     <div>
       <div
-        class="sc-6ba2e448-0 gAQMVA"
+        class="sc-1571bed7-0 dpEeGj"
         data-accordion-component="AccordionItem"
       >
         <div
@@ -324,7 +324,7 @@ exports[`<Convention /> renders 1`] = `
             aria-controls="accordion__panel-raa-2"
             aria-disabled="false"
             aria-expanded="false"
-            class="sc-6ba2e448-2 dhbWmA"
+            class="sc-1571bed7-2 gNtlHI"
             data-accordion-component="AccordionItemButton"
             id="accordion__heading-raa-2"
             role="button"
@@ -332,7 +332,7 @@ exports[`<Convention /> renders 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="sc-efc7f1fd-0 cFvIxv"
+              class="sc-93c68677-0 fWneNg"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -348,10 +348,10 @@ exports[`<Convention /> renders 1`] = `
               />
             </svg>
             <div
-              class="sc-6ba2e448-3 dhjOwJ"
+              class="sc-1571bed7-3 figaQV"
             >
               <h3
-                class="sc-a53a0f9a-0 bIsTsN"
+                class="sc-b879fc2d-0 hyiHle"
                 style="margin: 0px;"
               >
                 Embauche et contrat de travail
@@ -361,13 +361,13 @@ exports[`<Convention /> renders 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-6ba2e448-1 cDSlef"
+          class="sc-1571bed7-1 hamHiw"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-raa-2"
         >
           <div
-            class="sc-8fc9f174-0 glbEDc"
+            class="sc-32c7807-0 iMDCLs"
           >
             <ul>
               <li>
@@ -481,7 +481,7 @@ exports[`<Convention /> renders 1`] = `
     </div>
     <div>
       <div
-        class="sc-6ba2e448-0 gAQMVA"
+        class="sc-1571bed7-0 dpEeGj"
         data-accordion-component="AccordionItem"
       >
         <div
@@ -492,7 +492,7 @@ exports[`<Convention /> renders 1`] = `
             aria-controls="accordion__panel-raa-3"
             aria-disabled="false"
             aria-expanded="false"
-            class="sc-6ba2e448-2 dhbWmA"
+            class="sc-1571bed7-2 gNtlHI"
             data-accordion-component="AccordionItemButton"
             id="accordion__heading-raa-3"
             role="button"
@@ -500,7 +500,7 @@ exports[`<Convention /> renders 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="sc-efc7f1fd-0 cFvIxv"
+              class="sc-93c68677-0 fWneNg"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -516,10 +516,10 @@ exports[`<Convention /> renders 1`] = `
               />
             </svg>
             <div
-              class="sc-6ba2e448-3 dhjOwJ"
+              class="sc-1571bed7-3 figaQV"
             >
               <h3
-                class="sc-a53a0f9a-0 bIsTsN"
+                class="sc-b879fc2d-0 hyiHle"
                 style="margin: 0px;"
               >
                 Salaire et Rémunération
@@ -529,13 +529,13 @@ exports[`<Convention /> renders 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-6ba2e448-1 cDSlef"
+          class="sc-1571bed7-1 hamHiw"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-raa-3"
         >
           <div
-            class="sc-8fc9f174-0 glbEDc"
+            class="sc-32c7807-0 iMDCLs"
           >
             <ul>
               <li>
@@ -577,7 +577,7 @@ exports[`<Convention /> renders 1`] = `
     </div>
     <div>
       <div
-        class="sc-6ba2e448-0 gAQMVA"
+        class="sc-1571bed7-0 dpEeGj"
         data-accordion-component="AccordionItem"
       >
         <div
@@ -588,7 +588,7 @@ exports[`<Convention /> renders 1`] = `
             aria-controls="accordion__panel-raa-4"
             aria-disabled="false"
             aria-expanded="false"
-            class="sc-6ba2e448-2 dhbWmA"
+            class="sc-1571bed7-2 gNtlHI"
             data-accordion-component="AccordionItemButton"
             id="accordion__heading-raa-4"
             role="button"
@@ -596,7 +596,7 @@ exports[`<Convention /> renders 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="sc-efc7f1fd-0 cFvIxv"
+              class="sc-93c68677-0 fWneNg"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -612,10 +612,10 @@ exports[`<Convention /> renders 1`] = `
               />
             </svg>
             <div
-              class="sc-6ba2e448-3 dhjOwJ"
+              class="sc-1571bed7-3 figaQV"
             >
               <h3
-                class="sc-a53a0f9a-0 bIsTsN"
+                class="sc-b879fc2d-0 hyiHle"
                 style="margin: 0px;"
               >
                 Santé, sécurité et conditions de travail
@@ -625,13 +625,13 @@ exports[`<Convention /> renders 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-6ba2e448-1 cDSlef"
+          class="sc-1571bed7-1 hamHiw"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-raa-4"
         >
           <div
-            class="sc-8fc9f174-0 glbEDc"
+            class="sc-32c7807-0 iMDCLs"
           >
             <ul>
               <li>
@@ -657,7 +657,7 @@ exports[`<Convention /> renders 1`] = `
     </div>
     <div>
       <div
-        class="sc-6ba2e448-0 gAQMVA"
+        class="sc-1571bed7-0 dpEeGj"
         data-accordion-component="AccordionItem"
       >
         <div
@@ -668,7 +668,7 @@ exports[`<Convention /> renders 1`] = `
             aria-controls="accordion__panel-raa-5"
             aria-disabled="false"
             aria-expanded="false"
-            class="sc-6ba2e448-2 dhbWmA"
+            class="sc-1571bed7-2 gNtlHI"
             data-accordion-component="AccordionItemButton"
             id="accordion__heading-raa-5"
             role="button"
@@ -676,7 +676,7 @@ exports[`<Convention /> renders 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="sc-efc7f1fd-0 cFvIxv"
+              class="sc-93c68677-0 fWneNg"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -692,10 +692,10 @@ exports[`<Convention /> renders 1`] = `
               />
             </svg>
             <div
-              class="sc-6ba2e448-3 dhjOwJ"
+              class="sc-1571bed7-3 figaQV"
             >
               <h3
-                class="sc-a53a0f9a-0 bIsTsN"
+                class="sc-b879fc2d-0 hyiHle"
                 style="margin: 0px;"
               >
                 Temps de travail
@@ -705,13 +705,13 @@ exports[`<Convention /> renders 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-6ba2e448-1 cDSlef"
+          class="sc-1571bed7-1 hamHiw"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-raa-5"
         >
           <div
-            class="sc-8fc9f174-0 glbEDc"
+            class="sc-32c7807-0 iMDCLs"
           >
             <ul>
               <li>
@@ -729,24 +729,24 @@ exports[`<Convention /> renders 1`] = `
     </div>
   </div>
   <div
-    class="sc-238bfc37-0 iTixSU"
+    class="sc-e32628d4-0 cwDqXq"
   >
     <h2
-      class="sc-3c1fa745-0 eWYpOc"
+      class="sc-d6e72754-0 gUBAuw"
     >
       <span
-        class="sc-f4f767e-0 hiuRaG"
+        class="sc-a4d7a179-0 gGBEJx"
       />
       Articles de la convention collective
     </h2>
     <p
-      class="sc-e435e27-0 htTGgK"
+      class="sc-ea8c0a81-0 dHtsEU"
     >
       Consultez les articles de la convention collective qui s’appliquent à votre situation dans les thèmes sélectionnés ci-dessous.
     </p>
   </div>
   <div
-    class="sc-d134eab-0 kWKofh"
+    class="sc-9845d97e-0 jdstGa"
     data-accordion-component="Accordion"
   >
     <div
@@ -761,7 +761,7 @@ exports[`<Convention /> renders 1`] = `
           aria-controls="accordion__panel-raa-6"
           aria-disabled="false"
           aria-expanded="false"
-          class="sc-d134eab-1 eOhzkV"
+          class="sc-9845d97e-1 jffOUe"
           data-accordion-component="AccordionItemButton"
           id="accordion__heading-raa-6"
           role="button"
@@ -769,7 +769,7 @@ exports[`<Convention /> renders 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="sc-d134eab-2 gGXxaY"
+            class="sc-9845d97e-2 kPPRyj"
             fill="none"
             viewBox="0 0 16 16"
             xmlns="http://www.w3.org/2000/svg"
@@ -782,20 +782,20 @@ exports[`<Convention /> renders 1`] = `
             />
           </svg>
           <div
-            class="sc-d134eab-3 gvRoex"
+            class="sc-9845d97e-3 biBldq"
           >
             En savoir plus
           </div>
         </div>
       </div>
       <div
-        class="sc-d134eab-5 cvlMri"
+        class="sc-9845d97e-5 kPgcSs"
         data-accordion-component="AccordionItemPanel"
         hidden=""
         id="accordion__panel-raa-6"
       >
         <div
-          class="sc-d134eab-4 jJPysv"
+          class="sc-9845d97e-4 dcRMRW"
         >
           <p>
             Les thèmes sélectionnés par le ministère du Travail sont les thèmes pour lesquels la convention collective s’applique à votre situation. Cela signifique que même s’il existe un accord d’entreprise sur ces thèmes, celui-ci ne peut prévoir de règles différentes de celles prévues par la convention collective.
@@ -837,7 +837,7 @@ exports[`<Convention /> renders 1`] = `
   >
     <div>
       <div
-        class="sc-6ba2e448-0 wqwqk"
+        class="sc-1571bed7-0"
         data-accordion-component="AccordionItem"
       >
         <div
@@ -848,7 +848,7 @@ exports[`<Convention /> renders 1`] = `
             aria-controls="accordion__panel-raa-7"
             aria-disabled="false"
             aria-expanded="false"
-            class="sc-6ba2e448-2 dhbWmA"
+            class="sc-1571bed7-2 gNtlHI"
             data-accordion-component="AccordionItemButton"
             id="accordion__heading-raa-7"
             role="button"
@@ -856,7 +856,7 @@ exports[`<Convention /> renders 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="sc-efc7f1fd-0 cFvIxv"
+              class="sc-93c68677-0 fWneNg"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -872,10 +872,10 @@ exports[`<Convention /> renders 1`] = `
               />
             </svg>
             <div
-              class="sc-6ba2e448-3 dhjOwJ"
+              class="sc-1571bed7-3 figaQV"
             >
               <h3
-                class="sc-a53a0f9a-0 bIsTsN"
+                class="sc-b879fc2d-0 hyiHle"
                 style="margin: 0px;"
               >
                 Salaires minima hiérarchiques
@@ -885,31 +885,31 @@ exports[`<Convention /> renders 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-6ba2e448-1 cDSlef"
+          class="sc-1571bed7-1 hamHiw"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-raa-7"
         >
           <div
-            class="sc-8fc9f174-0 glbEDc"
+            class="sc-32c7807-0 iMDCLs"
           >
             <div
-              class="sc-926ceff3-0 hwyVxr"
+              class="sc-2496d0f8-0 dvplyw"
             >
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000047011451/?idConteneur=2941"
@@ -921,26 +921,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     Avenant n° 51-2022 du 23 mars 2022 relatif aux salaires
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000047011462/?idConteneur=2941"
@@ -952,7 +952,7 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     Avenant n° 52-2022 du 23 mars 2022 relatif aux salaires
                   </div>
@@ -965,7 +965,7 @@ exports[`<Convention /> renders 1`] = `
     </div>
     <div>
       <div
-        class="sc-6ba2e448-0 gAQMVA"
+        class="sc-1571bed7-0 dpEeGj"
         data-accordion-component="AccordionItem"
       >
         <div
@@ -976,7 +976,7 @@ exports[`<Convention /> renders 1`] = `
             aria-controls="accordion__panel-raa-8"
             aria-disabled="false"
             aria-expanded="false"
-            class="sc-6ba2e448-2 dhbWmA"
+            class="sc-1571bed7-2 gNtlHI"
             data-accordion-component="AccordionItemButton"
             id="accordion__heading-raa-8"
             role="button"
@@ -984,7 +984,7 @@ exports[`<Convention /> renders 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="sc-efc7f1fd-0 cFvIxv"
+              class="sc-93c68677-0 fWneNg"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -1000,10 +1000,10 @@ exports[`<Convention /> renders 1`] = `
               />
             </svg>
             <div
-              class="sc-6ba2e448-3 dhjOwJ"
+              class="sc-1571bed7-3 figaQV"
             >
               <h3
-                class="sc-a53a0f9a-0 bIsTsN"
+                class="sc-b879fc2d-0 hyiHle"
                 style="margin: 0px;"
               >
                 Durée du travail, répartition et aménagement des horaires
@@ -1013,31 +1013,31 @@ exports[`<Convention /> renders 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-6ba2e448-1 cDSlef"
+          class="sc-1571bed7-1 hamHiw"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-raa-8"
         >
           <div
-            class="sc-8fc9f174-0 glbEDc"
+            class="sc-32c7807-0 iMDCLs"
           >
             <div
-              class="sc-926ceff3-0 hwyVxr"
+              class="sc-2496d0f8-0 dvplyw"
             >
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805638/?idConteneur=2941"
@@ -1049,26 +1049,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805639/?idConteneur=2941"
@@ -1080,26 +1080,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000033116260/?idConteneur=2941"
@@ -1111,26 +1111,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805641/?idConteneur=2941"
@@ -1142,26 +1142,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805642/?idConteneur=2941"
@@ -1173,26 +1173,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805643/?idConteneur=2941"
@@ -1204,26 +1204,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805644/?idConteneur=2941"
@@ -1235,26 +1235,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805645/?idConteneur=2941"
@@ -1266,26 +1266,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805646/?idConteneur=2941"
@@ -1297,26 +1297,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805647/?idConteneur=2941"
@@ -1328,26 +1328,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805648/?idConteneur=2941"
@@ -1359,26 +1359,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000033116262/?idConteneur=2941"
@@ -1390,26 +1390,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805650/?idConteneur=2941"
@@ -1421,26 +1421,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805652/?idConteneur=2941"
@@ -1452,26 +1452,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805653/?idConteneur=2941"
@@ -1483,26 +1483,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     B. – Travail du dimanche et des jours fériés
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805654/?idConteneur=2941"
@@ -1514,26 +1514,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     B. – Travail du dimanche et des jours fériés
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805656/?idConteneur=2941"
@@ -1545,26 +1545,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     B. – Travail du dimanche et des jours fériés
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805657/?idConteneur=2941"
@@ -1576,26 +1576,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     B. – Travail du dimanche et des jours fériés
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805660/?idConteneur=2941"
@@ -1607,26 +1607,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     C. – Temps d'astreinte
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805659/?idConteneur=2941"
@@ -1638,26 +1638,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     C. – Temps d'astreinte
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805658/?idConteneur=2941"
@@ -1669,26 +1669,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     C. – Temps d'astreinte
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805669/?idConteneur=2941"
@@ -1700,26 +1700,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     A. – Travailleurs de nuit
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805667/?idConteneur=2941"
@@ -1731,26 +1731,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     A. – Travailleurs de nuit
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805666/?idConteneur=2941"
@@ -1762,26 +1762,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     A. – Travailleurs de nuit
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805665/?idConteneur=2941"
@@ -1793,26 +1793,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     A. – Travailleurs de nuit
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805664/?idConteneur=2941"
@@ -1824,26 +1824,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     A. – Travailleurs de nuit
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805671/?idConteneur=2941"
@@ -1855,26 +1855,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     B. – Salariés travaillant occasionnellement la nuit
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805672/?idConteneur=2941"
@@ -1886,26 +1886,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     B. – Salariés travaillant occasionnellement la nuit
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805673/?idConteneur=2941"
@@ -1917,26 +1917,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     B. – Salariés travaillant occasionnellement la nuit
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805662/?idConteneur=2941"
@@ -1948,26 +1948,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     Chapitre II Travail de nuit
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805675/?idConteneur=2941"
@@ -1979,26 +1979,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     A. – Dispositions communes aux différents modes d'aménagement du temps de travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805676/?idConteneur=2941"
@@ -2010,26 +2010,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     A. – Dispositions communes aux différents modes d'aménagement du temps de travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000033116268/?idConteneur=2941"
@@ -2041,26 +2041,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     B. – Modes d'aménagement du temps de travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000033116266/?idConteneur=2941"
@@ -2072,26 +2072,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     B. – Modes d'aménagement du temps de travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805679/?idConteneur=2941"
@@ -2103,26 +2103,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     B. – Modes d'aménagement du temps de travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805678/?idConteneur=2941"
@@ -2134,26 +2134,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     B. – Modes d'aménagement du temps de travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805677/?idConteneur=2941"
@@ -2165,7 +2165,7 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     B. – Modes d'aménagement du temps de travail
                   </div>
@@ -2178,7 +2178,7 @@ exports[`<Convention /> renders 1`] = `
     </div>
     <div>
       <div
-        class="sc-6ba2e448-0 gAQMVA"
+        class="sc-1571bed7-0 dpEeGj"
         data-accordion-component="AccordionItem"
       >
         <div
@@ -2189,7 +2189,7 @@ exports[`<Convention /> renders 1`] = `
             aria-controls="accordion__panel-raa-9"
             aria-disabled="false"
             aria-expanded="false"
-            class="sc-6ba2e448-2 dhbWmA"
+            class="sc-1571bed7-2 gNtlHI"
             data-accordion-component="AccordionItemButton"
             id="accordion__heading-raa-9"
             role="button"
@@ -2197,7 +2197,7 @@ exports[`<Convention /> renders 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="sc-efc7f1fd-0 cFvIxv"
+              class="sc-93c68677-0 fWneNg"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -2213,10 +2213,10 @@ exports[`<Convention /> renders 1`] = `
               />
             </svg>
             <div
-              class="sc-6ba2e448-3 dhjOwJ"
+              class="sc-1571bed7-3 figaQV"
             >
               <h3
-                class="sc-a53a0f9a-0 bIsTsN"
+                class="sc-b879fc2d-0 hyiHle"
                 style="margin: 0px;"
               >
                 Emploi des travailleurs handicapés
@@ -2226,16 +2226,16 @@ exports[`<Convention /> renders 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-6ba2e448-1 cDSlef"
+          class="sc-1571bed7-1 hamHiw"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-raa-9"
         >
           <div
-            class="sc-8fc9f174-0 glbEDc"
+            class="sc-32c7807-0 iMDCLs"
           >
             <p
-              class="sc-2fb21927-0 gCPqsu"
+              class="sc-bdaf45c8-0 nMxaE"
             >
               Important
             </p>
@@ -2245,22 +2245,22 @@ exports[`<Convention /> renders 1`] = `
               Pour que ce thème s’applique à votre situation, il doit être indiqué dans l’article en question qu’un accord d’entreprise ne peut pas déroger à la convention collective; à moins que l’accord d’entreprise ne prévoie des garanties au moins équivalentes.
             </p>
             <div
-              class="sc-926ceff3-0 hwyVxr"
+              class="sc-2496d0f8-0 dvplyw"
             >
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805517/?idConteneur=2941"
@@ -2272,26 +2272,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     Titre IX Emploi des travailleurs handicapés
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805515/?idConteneur=2941"
@@ -2303,26 +2303,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     Titre IX Emploi des travailleurs handicapés
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805514/?idConteneur=2941"
@@ -2334,26 +2334,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     Titre IX Emploi des travailleurs handicapés
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805513/?idConteneur=2941"
@@ -2365,26 +2365,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     Titre IX Emploi des travailleurs handicapés
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805512/?idConteneur=2941"
@@ -2396,26 +2396,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     Titre IX Emploi des travailleurs handicapés
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805511/?idConteneur=2941"
@@ -2427,26 +2427,26 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     Titre IX Emploi des travailleurs handicapés
                   </div>
                 </div>
               </div>
               <div
-                class="sc-74bdc36f-0 cyEzsJ"
+                class="sc-28aac820-0 oopOP"
               >
                 <div
-                  class="sc-e72909eb-0 btTdnX no-after"
+                  class="sc-d47d8018-0 cDsGtD no-after"
                 >
                   <div
-                    class="sc-e72909eb-2 bNzKqg"
+                    class="sc-d47d8018-2 eBZhiP"
                   >
                     <div
-                      class="sc-e72909eb-3 hASMbR"
+                      class="sc-d47d8018-3 cAXyng"
                     >
                       <p
-                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                       >
                         <a
                           href="https://legifrance.gouv.fr/conv_coll/id/KALIARTI000025805509/?idConteneur=2941"
@@ -2458,7 +2458,7 @@ exports[`<Convention /> renders 1`] = `
                     </div>
                   </div>
                   <div
-                    class="sc-e72909eb-6 dOdFhK"
+                    class="sc-d47d8018-6 ipSAXR"
                   >
                     Titre IX Emploi des travailleurs handicapés
                   </div>
@@ -2471,18 +2471,18 @@ exports[`<Convention /> renders 1`] = `
     </div>
   </div>
   <div
-    class="sc-238bfc37-0 iTixSU"
+    class="sc-e32628d4-0 cwDqXq"
   >
     <h2
-      class="sc-3c1fa745-0 eWYpOc"
+      class="sc-d6e72754-0 gUBAuw"
     >
       <span
-        class="sc-f4f767e-0 hiuRaG"
+        class="sc-a4d7a179-0 gGBEJx"
       />
       Recherche dans la convention collective
     </h2>
     <p
-      class="sc-e435e27-0 htTGgK"
+      class="sc-ea8c0a81-0 dHtsEU"
     >
       Recherchez par mots clés dans le texte de la convention collective sur le site Légifrance.
     </p>
@@ -2496,12 +2496,12 @@ exports[`<Convention /> renders 1`] = `
       class="sc-4bdafa31-0 jpKYqL"
     >
       <div
-        class="sc-46a9700d-0 eEbjpm sc-4bdafa31-1 hgHvZj"
+        class="sc-669fe731-0 amSvQ sc-4bdafa31-1 hgHvZj"
       >
         <input
           aria-label="Recherchez dans la collection collective"
           autocomplete="off"
-          class="sc-46a9700d-1 dZpFqX"
+          class="sc-669fe731-1 bBYNqO"
           id="search-agreement"
           name="rawQuery"
           placeholder="Congés exceptionnels, prime"
@@ -2540,7 +2540,7 @@ exports[`<Convention /> renders 1`] = `
       />
       <button
         aria-label="Recherchez dans la collection collective"
-        class="sc-b0ebfae6-0 dGXoMZ sc-4bdafa31-2 XkEJn"
+        class="sc-95bd4344-0 dxXsic sc-4bdafa31-2 XkEJn"
         title="Lancer une recherche"
         type="submit"
       >
@@ -2561,10 +2561,10 @@ exports[`<Convention /> renders 1`] = `
     </div>
   </form>
   <div
-    class="sc-b74609e1-0 elMQpY"
+    class="sc-66a696c4-0 MNJNF"
   >
     <div
-      class="sc-b74609e1-1 jxlJZx"
+      class="sc-66a696c4-1 dvlKxa"
     >
       <svg
         aria-hidden="true"
@@ -2584,7 +2584,7 @@ exports[`<Convention /> renders 1`] = `
       </svg>
     </div>
     <div
-      class="sc-b74609e1-2 ipaEJM"
+      class="sc-66a696c4-2 eRMOZl"
     >
       Selon le thème, un accord collectif d’entreprise peut prévoir des règles différentes par rapport à la convention collective.
        
diff --git a/packages/code-du-travail-frontend/src/conventions/Search/__tests__/__snapshots__/Search.test.js.snap b/packages/code-du-travail-frontend/src/conventions/Search/__tests__/__snapshots__/Search.test.js.snap
index 344b366c31..b2d6726f82 100644
--- a/packages/code-du-travail-frontend/src/conventions/Search/__tests__/__snapshots__/Search.test.js.snap
+++ b/packages/code-du-travail-frontend/src/conventions/Search/__tests__/__snapshots__/Search.test.js.snap
@@ -3,16 +3,16 @@
 exports[`<Search /> should render 1`] = `
 <div>
   <label
-    class="sc-9b1edd7b-0 erCyth"
+    class="sc-75bae102-0 jzkYDa"
     for="convention-search"
   >
     Renseignez le nom de votre convention collective, le nom de votre entreprise ou son SIRET.
   </label>
   <div
-    class="sc-46a9700d-0 eEbjpm sc-7029e335-0 btjXXy"
+    class="sc-669fe731-0 amSvQ sc-7029e335-0 btjXXy"
   >
     <input
-      class="sc-46a9700d-1 dZpFqX"
+      class="sc-669fe731-1 bBYNqO"
       id="convention-search"
       name="q"
       placeholder="Nom de la convention collective, de l’entreprise ou son SIRET"
@@ -30,7 +30,7 @@ exports[`<Search /> should render 1`] = `
       Consultez
        
       <button
-        class="sc-b0ebfae6-0 iBhawp sc-7029e335-3 enfoOw"
+        class="sc-95bd4344-0 ksRRNY sc-7029e335-3 enfoOw"
         type="button"
       >
         notre aide
@@ -44,16 +44,16 @@ exports[`<Search /> should render 1`] = `
 exports[`<Search /> should show no results when no result 1`] = `
 <div>
   <label
-    class="sc-9b1edd7b-0 erCyth"
+    class="sc-75bae102-0 jzkYDa"
     for="convention-search"
   >
     Renseignez le nom de votre convention collective, le nom de votre entreprise ou son SIRET.
   </label>
   <div
-    class="sc-46a9700d-0 eEbjpm sc-7029e335-0 btjXXy"
+    class="sc-669fe731-0 amSvQ sc-7029e335-0 btjXXy"
   >
     <input
-      class="sc-46a9700d-1 dZpFqX"
+      class="sc-669fe731-1 bBYNqO"
       id="convention-search"
       name="q"
       placeholder="Nom de la convention collective, de l’entreprise ou son SIRET"
@@ -65,7 +65,7 @@ exports[`<Search /> should show no results when no result 1`] = `
     class="sc-7029e335-4 iyEKsr"
   >
     <p
-      class="sc-a4406a0f-1 rjoOw"
+      class="sc-3633cc97-1 bjxtLv"
     >
       Aucun résultat n’a été trouvé.
     </p>
@@ -80,7 +80,7 @@ exports[`<Search /> should show no results when no result 1`] = `
       Consultez
        
       <button
-        class="sc-b0ebfae6-0 iBhawp sc-7029e335-3 enfoOw"
+        class="sc-95bd4344-0 ksRRNY sc-7029e335-3 enfoOw"
         type="button"
       >
         notre aide
@@ -94,16 +94,16 @@ exports[`<Search /> should show no results when no result 1`] = `
 exports[`<Search /> should show spinner when loading 1`] = `
 <div>
   <label
-    class="sc-9b1edd7b-0 erCyth"
+    class="sc-75bae102-0 jzkYDa"
     for="convention-search"
   >
     Renseignez le nom de votre convention collective, le nom de votre entreprise ou son SIRET.
   </label>
   <div
-    class="sc-46a9700d-0 eEbjpm sc-7029e335-0 btjXXy"
+    class="sc-669fe731-0 amSvQ sc-7029e335-0 btjXXy"
   >
     <input
-      class="sc-46a9700d-1 dZpFqX"
+      class="sc-669fe731-1 bBYNqO"
       id="convention-search"
       name="q"
       placeholder="Nom de la convention collective, de l’entreprise ou son SIRET"
@@ -115,7 +115,7 @@ exports[`<Search /> should show spinner when loading 1`] = `
     class="sc-7029e335-4 iyEKsr"
   >
     <p
-      class="sc-a4406a0f-1 rjoOw"
+      class="sc-3633cc97-1 bjxtLv"
     >
       <svg
         aria-labelledby="title desc"
@@ -175,7 +175,7 @@ exports[`<Search /> should show spinner when loading 1`] = `
       Consultez
        
       <button
-        class="sc-b0ebfae6-0 iBhawp sc-7029e335-3 enfoOw"
+        class="sc-95bd4344-0 ksRRNY sc-7029e335-3 enfoOw"
         type="button"
       >
         notre aide
@@ -189,16 +189,16 @@ exports[`<Search /> should show spinner when loading 1`] = `
 exports[`<Search /> when input is IDCC, should search conventions 1`] = `
 <div>
   <label
-    class="sc-9b1edd7b-0 erCyth"
+    class="sc-75bae102-0 jzkYDa"
     for="convention-search"
   >
     Renseignez le nom de votre convention collective, le nom de votre entreprise ou son SIRET.
   </label>
   <div
-    class="sc-46a9700d-0 eEbjpm sc-7029e335-0 btjXXy"
+    class="sc-669fe731-0 amSvQ sc-7029e335-0 btjXXy"
   >
     <input
-      class="sc-46a9700d-1 dZpFqX"
+      class="sc-669fe731-1 bBYNqO"
       id="convention-search"
       name="q"
       placeholder="Nom de la convention collective, de l’entreprise ou son SIRET"
@@ -210,17 +210,17 @@ exports[`<Search /> when input is IDCC, should search conventions 1`] = `
     class="sc-7029e335-4 iyEKsr"
   >
     <div
-      class="sc-13323d30-0 sc-f1b633f2-0 gtmVnh hVjMsy"
+      class="sc-2a0a4b0a-0 sc-f1b633f2-0 hPfzrL hVjMsy"
     >
       <h3
-        class="sc-a53a0f9a-0 bIsTsN"
+        class="sc-b879fc2d-0 hyiHle"
       >
         CONVENTIONS COLLECTIVES (2
          
         résultats)
       </h3>
       <ul
-        class="sc-78dd7a00-0 fVqAjV"
+        class="sc-ab356c14-0 bpNHPl"
       >
         <li
           class="sc-f1b633f2-1 fOEIjw"
@@ -271,7 +271,7 @@ exports[`<Search /> when input is IDCC, should search conventions 1`] = `
       Consultez
        
       <button
-        class="sc-b0ebfae6-0 iBhawp sc-7029e335-3 enfoOw"
+        class="sc-95bd4344-0 ksRRNY sc-7029e335-3 enfoOw"
         type="button"
       >
         notre aide
@@ -285,16 +285,16 @@ exports[`<Search /> when input is IDCC, should search conventions 1`] = `
 exports[`<Search /> when input is a valid IDCC, should show only the perfect match 1`] = `
 <div>
   <label
-    class="sc-9b1edd7b-0 erCyth"
+    class="sc-75bae102-0 jzkYDa"
     for="convention-search"
   >
     Renseignez le nom de votre convention collective, le nom de votre entreprise ou son SIRET.
   </label>
   <div
-    class="sc-46a9700d-0 eEbjpm sc-7029e335-0 btjXXy"
+    class="sc-669fe731-0 amSvQ sc-7029e335-0 btjXXy"
   >
     <input
-      class="sc-46a9700d-1 dZpFqX"
+      class="sc-669fe731-1 bBYNqO"
       id="convention-search"
       name="q"
       placeholder="Nom de la convention collective, de l’entreprise ou son SIRET"
@@ -306,17 +306,17 @@ exports[`<Search /> when input is a valid IDCC, should show only the perfect mat
     class="sc-7029e335-4 iyEKsr"
   >
     <div
-      class="sc-13323d30-0 sc-f1b633f2-0 gtmVnh hVjMsy"
+      class="sc-2a0a4b0a-0 sc-f1b633f2-0 hPfzrL hVjMsy"
     >
       <h3
-        class="sc-a53a0f9a-0 bIsTsN"
+        class="sc-b879fc2d-0 hyiHle"
       >
         CONVENTIONS COLLECTIVES (1
          
         résultat)
       </h3>
       <ul
-        class="sc-78dd7a00-0 fVqAjV"
+        class="sc-ab356c14-0 bpNHPl"
       >
         <li
           class="sc-f1b633f2-1 fOEIjw"
@@ -349,7 +349,7 @@ exports[`<Search /> when input is a valid IDCC, should show only the perfect mat
       Consultez
        
       <button
-        class="sc-b0ebfae6-0 iBhawp sc-7029e335-3 enfoOw"
+        class="sc-95bd4344-0 ksRRNY sc-7029e335-3 enfoOw"
         type="button"
       >
         notre aide
@@ -363,16 +363,16 @@ exports[`<Search /> when input is a valid IDCC, should show only the perfect mat
 exports[`<Search /> when searching by text, should use enterprise API 1`] = `
 <div>
   <label
-    class="sc-9b1edd7b-0 erCyth"
+    class="sc-75bae102-0 jzkYDa"
     for="convention-search"
   >
     Renseignez le nom de votre convention collective, le nom de votre entreprise ou son SIRET.
   </label>
   <div
-    class="sc-46a9700d-0 eEbjpm sc-7029e335-0 btjXXy"
+    class="sc-669fe731-0 amSvQ sc-7029e335-0 btjXXy"
   >
     <input
-      class="sc-46a9700d-1 dZpFqX"
+      class="sc-669fe731-1 bBYNqO"
       id="convention-search"
       name="q"
       placeholder="Nom de la convention collective, de l’entreprise ou son SIRET"
@@ -384,7 +384,7 @@ exports[`<Search /> when searching by text, should use enterprise API 1`] = `
     class="sc-7029e335-4 iyEKsr"
   >
     <p
-      class="sc-a4406a0f-1 rjoOw"
+      class="sc-3633cc97-1 bjxtLv"
     >
       Le service de recherche est indisponible.
     </p>
@@ -399,7 +399,7 @@ exports[`<Search /> when searching by text, should use enterprise API 1`] = `
       Consultez
        
       <button
-        class="sc-b0ebfae6-0 iBhawp sc-7029e335-3 enfoOw"
+        class="sc-95bd4344-0 ksRRNY sc-7029e335-3 enfoOw"
         type="button"
       >
         notre aide
diff --git a/packages/code-du-travail-frontend/src/conventions/__tests__/__snapshots__/SearchModal.test.js.snap b/packages/code-du-travail-frontend/src/conventions/__tests__/__snapshots__/SearchModal.test.js.snap
index 7543365f61..17d7f8f0b6 100644
--- a/packages/code-du-travail-frontend/src/conventions/__tests__/__snapshots__/SearchModal.test.js.snap
+++ b/packages/code-du-travail-frontend/src/conventions/__tests__/__snapshots__/SearchModal.test.js.snap
@@ -32,28 +32,28 @@ exports[`<ConventionModal /> should render a popup when click on button 1`] = `
     >
       <div>
         <div
-          class="sc-f4126b8e-0 dWonlk"
+          class="sc-19478701-0 jZYVgz"
           data-reach-dialog-overlay=""
         >
           <div
             aria-label="Rechercher votre convention collective"
             aria-modal="true"
-            class="sc-f4126b8e-1 kQHvXg"
+            class="sc-19478701-1 hQHZiT"
             data-reach-dialog-content=""
             role="dialog"
             tabindex="-1"
           >
             <label
-              class="sc-9b1edd7b-0 erCyth"
+              class="sc-75bae102-0 jzkYDa"
               for="convention-search"
             >
               Renseignez le nom de votre convention collective, le nom de votre entreprise ou son SIRET.
             </label>
             <div
-              class="sc-46a9700d-0 eEbjpm sc-7029e335-0 btjXXy"
+              class="sc-669fe731-0 amSvQ sc-7029e335-0 btjXXy"
             >
               <input
-                class="sc-46a9700d-1 dZpFqX"
+                class="sc-669fe731-1 bBYNqO"
                 id="convention-search"
                 name="q"
                 placeholder="Nom de la convention collective, de l’entreprise ou son SIRET"
@@ -71,7 +71,7 @@ exports[`<ConventionModal /> should render a popup when click on button 1`] = `
                 Consultez
                  
                 <button
-                  class="sc-b0ebfae6-0 iBhawp sc-7029e335-3 enfoOw"
+                  class="sc-95bd4344-0 ksRRNY sc-7029e335-3 enfoOw"
                   type="button"
                 >
                   notre aide
@@ -80,11 +80,11 @@ exports[`<ConventionModal /> should render a popup when click on button 1`] = `
               </span>
             </p>
             <button
-              class="sc-b0ebfae6-0 dGXoMZ sc-f4126b8e-2 irTzHW"
+              class="sc-95bd4344-0 dxXsic sc-19478701-2 fGtwND"
               title="fermer la modale"
             >
               <div
-                class="sc-f92038f6-0 llOtbb"
+                class="sc-8dcb2faa-0 gxfPDw"
               >
                 fermer la modale
               </div>
diff --git a/packages/code-du-travail-frontend/src/fiche-service-public/__tests__/__snapshots__/FicheServicePublic.test.js.snap b/packages/code-du-travail-frontend/src/fiche-service-public/__tests__/__snapshots__/FicheServicePublic.test.js.snap
index 4487784e1b..837cb75c6e 100644
--- a/packages/code-du-travail-frontend/src/fiche-service-public/__tests__/__snapshots__/FicheServicePublic.test.js.snap
+++ b/packages/code-du-travail-frontend/src/fiche-service-public/__tests__/__snapshots__/FicheServicePublic.test.js.snap
@@ -21,21 +21,21 @@ exports[`<FicheServicePublic /> should render 1`] = `
          
     </p>
     <div
-      class="sc-d69a28e-0 ctBffQ"
+      class="sc-ac4a133f-0 fvNPWb"
       data-rttabs="true"
     >
       <div
-        class="sc-d69a28e-1 gogiul"
+        class="sc-ac4a133f-1 fxZtdi"
       >
         <ul
-          class="sc-d69a28e-2 dDhiAS"
+          class="sc-ac4a133f-2 fHCeXh"
           role="tablist"
         >
           <li
             aria-controls="react-tabs-1"
             aria-disabled="false"
             aria-selected="true"
-            class="sc-d69a28e-3 djLETL react-tabs__tab--selected"
+            class="sc-ac4a133f-3 faZqNG react-tabs__tab--selected"
             data-rttab="true"
             id="react-tabs-0"
             role="tab"
@@ -47,7 +47,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
             aria-controls="react-tabs-3"
             aria-disabled="false"
             aria-selected="false"
-            class="sc-d69a28e-3 djLETL"
+            class="sc-ac4a133f-3 faZqNG"
             data-rttab="true"
             id="react-tabs-2"
             role="tab"
@@ -58,7 +58,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
             aria-controls="react-tabs-5"
             aria-disabled="false"
             aria-selected="false"
-            class="sc-d69a28e-3 djLETL"
+            class="sc-ac4a133f-3 faZqNG"
             data-rttab="true"
             id="react-tabs-4"
             role="tab"
@@ -69,21 +69,21 @@ exports[`<FicheServicePublic /> should render 1`] = `
       </div>
       <div
         aria-labelledby="react-tabs-0"
-        class="sc-d69a28e-4 hsuUYW react-tabs__tab-panel--selected"
+        class="sc-ac4a133f-4 haGXHZ react-tabs__tab-panel--selected"
         id="react-tabs-1"
         role="tabpanel"
       >
         <div
-          class="sc-f92038f6-0 llOtbb"
+          class="sc-8dcb2faa-0 gxfPDw"
         >
           <h2
-            class="sc-a53a0f9a-0 bIsTsN"
+            class="sc-b879fc2d-0 hyiHle"
           >
             CDI
           </h2>
         </div>
         <div
-          class="sc-d69a28e-5 fjXncv"
+          class="sc-ac4a133f-5 yflIk"
         >
           <div
             class="sc-74e63776-0 gELTXP"
@@ -93,7 +93,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
               id="de-quoi-sagit-il"
             >
               <div
-                class="sc-6ba2e448-0 wqwqk"
+                class="sc-1571bed7-0"
                 data-accordion-component="AccordionItem"
               >
                 <div
@@ -104,7 +104,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                     aria-controls="accordion__panel-de-quoi-sagit-il"
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="sc-6ba2e448-2 dhbWmA"
+                    class="sc-1571bed7-2 gNtlHI"
                     data-accordion-component="AccordionItemButton"
                     id="accordion__heading-de-quoi-sagit-il"
                     role="button"
@@ -112,7 +112,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      class="sc-efc7f1fd-0 cFvIxv"
+                      class="sc-93c68677-0 fWneNg"
                       fill="none"
                       height="24"
                       stroke="currentColor"
@@ -128,10 +128,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       />
                     </svg>
                     <div
-                      class="sc-6ba2e448-3 dhjOwJ"
+                      class="sc-1571bed7-3 figaQV"
                     >
                       <h3
-                        class="sc-a53a0f9a-0 bIsTsN"
+                        class="sc-b879fc2d-0 hyiHle"
                         style="margin: 0px;"
                       >
                         De quoi s'agit-il ?
@@ -141,13 +141,13 @@ exports[`<FicheServicePublic /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-6ba2e448-1 cDSlef"
+                  class="sc-1571bed7-1 hamHiw"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-de-quoi-sagit-il"
                 >
                   <div
-                    class="sc-8fc9f174-0 glbEDc"
+                    class="sc-32c7807-0 iMDCLs"
                   >
                     <p>
                       La démission est un mode de rupture du contrat de travail qui  vous permet de quitter votre entreprise sans avoir à justifier cette décision.
@@ -169,7 +169,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
               id="conditions"
             >
               <div
-                class="sc-6ba2e448-0 gAQMVA"
+                class="sc-1571bed7-0 dpEeGj"
                 data-accordion-component="AccordionItem"
               >
                 <div
@@ -180,7 +180,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                     aria-controls="accordion__panel-conditions"
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="sc-6ba2e448-2 dhbWmA"
+                    class="sc-1571bed7-2 gNtlHI"
                     data-accordion-component="AccordionItemButton"
                     id="accordion__heading-conditions"
                     role="button"
@@ -188,7 +188,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      class="sc-efc7f1fd-0 cFvIxv"
+                      class="sc-93c68677-0 fWneNg"
                       fill="none"
                       height="24"
                       stroke="currentColor"
@@ -204,10 +204,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       />
                     </svg>
                     <div
-                      class="sc-6ba2e448-3 dhjOwJ"
+                      class="sc-1571bed7-3 figaQV"
                     >
                       <h3
-                        class="sc-a53a0f9a-0 bIsTsN"
+                        class="sc-b879fc2d-0 hyiHle"
                         style="margin: 0px;"
                       >
                         Conditions
@@ -217,13 +217,13 @@ exports[`<FicheServicePublic /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-6ba2e448-1 cDSlef"
+                  class="sc-1571bed7-1 hamHiw"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-conditions"
                 >
                   <div
-                    class="sc-8fc9f174-0 glbEDc"
+                    class="sc-32c7807-0 iMDCLs"
                   >
                     <p>
                       Le salarié peut mettre fin à son contrat de travail dans les cas suivants :
@@ -288,7 +288,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
               id="volonte-de-demissionner"
             >
               <div
-                class="sc-6ba2e448-0 gAQMVA"
+                class="sc-1571bed7-0 dpEeGj"
                 data-accordion-component="AccordionItem"
               >
                 <div
@@ -299,7 +299,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                     aria-controls="accordion__panel-volonte-de-demissionner"
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="sc-6ba2e448-2 dhbWmA"
+                    class="sc-1571bed7-2 gNtlHI"
                     data-accordion-component="AccordionItemButton"
                     id="accordion__heading-volonte-de-demissionner"
                     role="button"
@@ -307,7 +307,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      class="sc-efc7f1fd-0 cFvIxv"
+                      class="sc-93c68677-0 fWneNg"
                       fill="none"
                       height="24"
                       stroke="currentColor"
@@ -323,10 +323,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       />
                     </svg>
                     <div
-                      class="sc-6ba2e448-3 dhjOwJ"
+                      class="sc-1571bed7-3 figaQV"
                     >
                       <h3
-                        class="sc-a53a0f9a-0 bIsTsN"
+                        class="sc-b879fc2d-0 hyiHle"
                         style="margin: 0px;"
                       >
                         Volonté de démissionner
@@ -336,13 +336,13 @@ exports[`<FicheServicePublic /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-6ba2e448-1 cDSlef"
+                  class="sc-1571bed7-1 hamHiw"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-volonte-de-demissionner"
                 >
                   <div
-                    class="sc-8fc9f174-0 glbEDc"
+                    class="sc-32c7807-0 iMDCLs"
                   >
                     <p>
                       Pour qu'une démission soit valable, vous devez manifester de façon claire et non équivoque votre volonté de mettre fin au contrat de travail.
@@ -391,7 +391,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
               id="procedure"
             >
               <div
-                class="sc-6ba2e448-0 gAQMVA"
+                class="sc-1571bed7-0 dpEeGj"
                 data-accordion-component="AccordionItem"
               >
                 <div
@@ -402,7 +402,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                     aria-controls="accordion__panel-procedure"
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="sc-6ba2e448-2 dhbWmA"
+                    class="sc-1571bed7-2 gNtlHI"
                     data-accordion-component="AccordionItemButton"
                     id="accordion__heading-procedure"
                     role="button"
@@ -410,7 +410,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      class="sc-efc7f1fd-0 cFvIxv"
+                      class="sc-93c68677-0 fWneNg"
                       fill="none"
                       height="24"
                       stroke="currentColor"
@@ -426,10 +426,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       />
                     </svg>
                     <div
-                      class="sc-6ba2e448-3 dhjOwJ"
+                      class="sc-1571bed7-3 figaQV"
                     >
                       <h3
-                        class="sc-a53a0f9a-0 bIsTsN"
+                        class="sc-b879fc2d-0 hyiHle"
                         style="margin: 0px;"
                       >
                         Procédure
@@ -439,13 +439,13 @@ exports[`<FicheServicePublic /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-6ba2e448-1 cDSlef"
+                  class="sc-1571bed7-1 hamHiw"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-procedure"
                 >
                   <div
-                    class="sc-8fc9f174-0 glbEDc"
+                    class="sc-32c7807-0 iMDCLs"
                   >
                     <p>
                       Pour manifester votre volonté claire et non équivoque de démissionner, vous devez nécessairement prévenir votre employeur.
@@ -455,21 +455,21 @@ exports[`<FicheServicePublic /> should render 1`] = `
                     </p>
                     <div
                       aria-label="Modèle de document Lettre de démission du salarié (nouvelle fenêtre)"
-                      class="sc-e72909eb-0 btTdnX sc-54b316ce-0 kCUWSF no-after"
+                      class="sc-d47d8018-0 cDsGtD sc-54b316ce-0 kCUWSF no-after"
                     >
                       <div
-                        class="sc-e72909eb-2 bNzKqg"
+                        class="sc-d47d8018-2 eBZhiP"
                       >
                         <div
-                          class="sc-e72909eb-3 hASMbR"
+                          class="sc-d47d8018-3 cAXyng"
                         >
                           <p
-                            class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                            class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
                           >
                             Modèle de document
                           </p>
                           <p
-                            class="sc-e72909eb-5 cdJafA"
+                            class="sc-d47d8018-5 jNRMjT"
                           >
                             <a
                               href="https://www.service-public.fr/simulateur/calcul/Demission"
@@ -482,7 +482,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                         </div>
                       </div>
                       <div
-                        class="sc-e72909eb-6 dOdFhK"
+                        class="sc-d47d8018-6 ipSAXR"
                       >
                         Source: 
                         Direction de l'information légale et administrative (Premier ministre)
@@ -509,7 +509,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
               id="preavis"
             >
               <div
-                class="sc-6ba2e448-0 gAQMVA"
+                class="sc-1571bed7-0 dpEeGj"
                 data-accordion-component="AccordionItem"
               >
                 <div
@@ -520,7 +520,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                     aria-controls="accordion__panel-preavis"
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="sc-6ba2e448-2 dhbWmA"
+                    class="sc-1571bed7-2 gNtlHI"
                     data-accordion-component="AccordionItemButton"
                     id="accordion__heading-preavis"
                     role="button"
@@ -528,7 +528,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      class="sc-efc7f1fd-0 cFvIxv"
+                      class="sc-93c68677-0 fWneNg"
                       fill="none"
                       height="24"
                       stroke="currentColor"
@@ -544,10 +544,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       />
                     </svg>
                     <div
-                      class="sc-6ba2e448-3 dhjOwJ"
+                      class="sc-1571bed7-3 figaQV"
                     >
                       <h3
-                        class="sc-a53a0f9a-0 bIsTsN"
+                        class="sc-b879fc2d-0 hyiHle"
                         style="margin: 0px;"
                       >
                         Préavis
@@ -557,38 +557,38 @@ exports[`<FicheServicePublic /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-6ba2e448-1 cDSlef"
+                  class="sc-1571bed7-1 hamHiw"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-preavis"
                 >
                   <div
-                    class="sc-8fc9f174-0 glbEDc"
+                    class="sc-32c7807-0 iMDCLs"
                   >
                     <p>
                       Vous ne pouvez pas quitter votre travail dès que vous avez signifié votre démission à votre employeur. Vous continuez de travailler jusqu'à la fin de votre contrat de travail, dans le respect du délai de préavis prévu (sauf en cas de dispense du préavis).
                     </p>
                     <h4
-                      class="sc-a53a0f9a-0 bIsTsN"
+                      class="sc-b879fc2d-0 hyiHle"
                     >
                       Durée
                     </h4>
                     <div
-                      class="sc-d69a28e-0 ctBffQ"
+                      class="sc-ac4a133f-0 fvNPWb"
                       data-rttabs="true"
                     >
                       <div
-                        class="sc-d69a28e-1 gogiul"
+                        class="sc-ac4a133f-1 fxZtdi"
                       >
                         <ul
-                          class="sc-d69a28e-2 dDhiAS"
+                          class="sc-ac4a133f-2 fHCeXh"
                           role="tablist"
                         >
                           <li
                             aria-controls="react-tabs-7"
                             aria-disabled="false"
                             aria-selected="true"
-                            class="sc-d69a28e-3 djLETL react-tabs__tab--selected"
+                            class="sc-ac4a133f-3 faZqNG react-tabs__tab--selected"
                             data-rttab="true"
                             id="react-tabs-6"
                             role="tab"
@@ -600,7 +600,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                             aria-controls="react-tabs-9"
                             aria-disabled="false"
                             aria-selected="false"
-                            class="sc-d69a28e-3 djLETL"
+                            class="sc-ac4a133f-3 faZqNG"
                             data-rttab="true"
                             id="react-tabs-8"
                             role="tab"
@@ -611,7 +611,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                             aria-controls="react-tabs-11"
                             aria-disabled="false"
                             aria-selected="false"
-                            class="sc-d69a28e-3 djLETL"
+                            class="sc-ac4a133f-3 faZqNG"
                             data-rttab="true"
                             id="react-tabs-10"
                             role="tab"
@@ -622,21 +622,21 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       </div>
                       <div
                         aria-labelledby="react-tabs-6"
-                        class="sc-d69a28e-4 hsuUYW react-tabs__tab-panel--selected"
+                        class="sc-ac4a133f-4 haGXHZ react-tabs__tab-panel--selected"
                         id="react-tabs-7"
                         role="tabpanel"
                       >
                         <div
-                          class="sc-f92038f6-0 llOtbb"
+                          class="sc-8dcb2faa-0 gxfPDw"
                         >
                           <h4
-                            class="sc-a53a0f9a-0 bIsTsN"
+                            class="sc-b879fc2d-0 hyiHle"
                           >
                             Cas général
                           </h4>
                         </div>
                         <div
-                          class="sc-d69a28e-5 fjXncv"
+                          class="sc-ac4a133f-5 yflIk"
                         >
                           <p>
                             La durée du préavis de démission est fixée :
@@ -677,10 +677,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                             Si vous travaillez à temps partiel, la durée calendaire du préavis de démission est la même que celle d'un salarié à temps plein.
                           </p>
                           <div
-                            class="sc-13323d30-0 sc-fb4ce9da-0 exlNfj bDyXMm"
+                            class="sc-2a0a4b0a-0 sc-fb4ce9da-0 dLOZmV bDyXMm"
                           >
                             <h5
-                              class="sc-a53a0f9a-0 bIsTsN"
+                              class="sc-b879fc2d-0 hyiHle"
                             >
                               À savoir
                             </h5>
@@ -692,19 +692,19 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       </div>
                       <div
                         aria-labelledby="react-tabs-8"
-                        class="sc-d69a28e-4 hsuUYW"
+                        class="sc-ac4a133f-4 haGXHZ"
                         id="react-tabs-9"
                         role="tabpanel"
                       />
                       <div
                         aria-labelledby="react-tabs-10"
-                        class="sc-d69a28e-4 hsuUYW"
+                        class="sc-ac4a133f-4 haGXHZ"
                         id="react-tabs-11"
                         role="tabpanel"
                       />
                     </div>
                     <h4
-                      class="sc-a53a0f9a-0 bIsTsN"
+                      class="sc-b879fc2d-0 hyiHle"
                     >
                       Dispense de préavis
                     </h4>
@@ -737,21 +737,21 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       En dehors de ces deux cas, vous pouvez être dispensé d'effectuer votre préavis, de votre propre initiative ou à la demande de votre employeur, dans les conditions suivantes :
                     </p>
                     <div
-                      class="sc-d69a28e-0 ctBffQ"
+                      class="sc-ac4a133f-0 fvNPWb"
                       data-rttabs="true"
                     >
                       <div
-                        class="sc-d69a28e-1 gogiul"
+                        class="sc-ac4a133f-1 fxZtdi"
                       >
                         <ul
-                          class="sc-d69a28e-2 dDhiAS"
+                          class="sc-ac4a133f-2 fHCeXh"
                           role="tablist"
                         >
                           <li
                             aria-controls="react-tabs-13"
                             aria-disabled="false"
                             aria-selected="true"
-                            class="sc-d69a28e-3 djLETL react-tabs__tab--selected"
+                            class="sc-ac4a133f-3 faZqNG react-tabs__tab--selected"
                             data-rttab="true"
                             id="react-tabs-12"
                             role="tab"
@@ -763,7 +763,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                             aria-controls="react-tabs-15"
                             aria-disabled="false"
                             aria-selected="false"
-                            class="sc-d69a28e-3 djLETL"
+                            class="sc-ac4a133f-3 faZqNG"
                             data-rttab="true"
                             id="react-tabs-14"
                             role="tab"
@@ -774,21 +774,21 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       </div>
                       <div
                         aria-labelledby="react-tabs-12"
-                        class="sc-d69a28e-4 hsuUYW react-tabs__tab-panel--selected"
+                        class="sc-ac4a133f-4 haGXHZ react-tabs__tab-panel--selected"
                         id="react-tabs-13"
                         role="tabpanel"
                       >
                         <div
-                          class="sc-f92038f6-0 llOtbb"
+                          class="sc-8dcb2faa-0 gxfPDw"
                         >
                           <h4
-                            class="sc-a53a0f9a-0 bIsTsN"
+                            class="sc-b879fc2d-0 hyiHle"
                           >
                             Vous demandez une dispense de préavis
                           </h4>
                         </div>
                         <div
-                          class="sc-d69a28e-5 fjXncv"
+                          class="sc-ac4a133f-5 yflIk"
                         >
                           <p>
                             Vous pouvez demander à votre employeur de vous dispenser d'effectuer votre préavis (par écrit ou par oral) :
@@ -801,7 +801,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                               id="accord-de-lemployeur"
                             >
                               <div
-                                class="sc-6ba2e448-0 wqwqk"
+                                class="sc-1571bed7-0"
                                 data-accordion-component="AccordionItem"
                               >
                                 <div
@@ -812,7 +812,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                                     aria-controls="accordion__panel-accord-de-lemployeur"
                                     aria-disabled="false"
                                     aria-expanded="false"
-                                    class="sc-6ba2e448-2 dhbWmA"
+                                    class="sc-1571bed7-2 gNtlHI"
                                     data-accordion-component="AccordionItemButton"
                                     id="accordion__heading-accord-de-lemployeur"
                                     role="button"
@@ -820,7 +820,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                                   >
                                     <svg
                                       aria-hidden="true"
-                                      class="sc-efc7f1fd-0 cFvIxv"
+                                      class="sc-93c68677-0 fWneNg"
                                       fill="none"
                                       height="24"
                                       stroke="currentColor"
@@ -836,10 +836,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                                       />
                                     </svg>
                                     <div
-                                      class="sc-6ba2e448-3 dhjOwJ"
+                                      class="sc-1571bed7-3 figaQV"
                                     >
                                       <h5
-                                        class="sc-a53a0f9a-0 bIsTsN"
+                                        class="sc-b879fc2d-0 hyiHle"
                                         style="margin: 0px;"
                                       >
                                         Accord de l'employeur
@@ -849,13 +849,13 @@ exports[`<FicheServicePublic /> should render 1`] = `
                                 </div>
                                 <div
                                   aria-hidden="true"
-                                  class="sc-6ba2e448-1 cDSlef"
+                                  class="sc-1571bed7-1 hamHiw"
                                   data-accordion-component="AccordionItemPanel"
                                   hidden=""
                                   id="accordion__panel-accord-de-lemployeur"
                                 >
                                   <div
-                                    class="sc-8fc9f174-0 glbEDc"
+                                    class="sc-32c7807-0 iMDCLs"
                                   >
                                     <p>
                                       
@@ -874,7 +874,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                               id="refus-de-lemployeur"
                             >
                               <div
-                                class="sc-6ba2e448-0 gAQMVA"
+                                class="sc-1571bed7-0 dpEeGj"
                                 data-accordion-component="AccordionItem"
                               >
                                 <div
@@ -885,7 +885,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                                     aria-controls="accordion__panel-refus-de-lemployeur"
                                     aria-disabled="false"
                                     aria-expanded="false"
-                                    class="sc-6ba2e448-2 dhbWmA"
+                                    class="sc-1571bed7-2 gNtlHI"
                                     data-accordion-component="AccordionItemButton"
                                     id="accordion__heading-refus-de-lemployeur"
                                     role="button"
@@ -893,7 +893,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                                   >
                                     <svg
                                       aria-hidden="true"
-                                      class="sc-efc7f1fd-0 cFvIxv"
+                                      class="sc-93c68677-0 fWneNg"
                                       fill="none"
                                       height="24"
                                       stroke="currentColor"
@@ -909,10 +909,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                                       />
                                     </svg>
                                     <div
-                                      class="sc-6ba2e448-3 dhjOwJ"
+                                      class="sc-1571bed7-3 figaQV"
                                     >
                                       <h5
-                                        class="sc-a53a0f9a-0 bIsTsN"
+                                        class="sc-b879fc2d-0 hyiHle"
                                         style="margin: 0px;"
                                       >
                                         Refus de l'employeur
@@ -922,13 +922,13 @@ exports[`<FicheServicePublic /> should render 1`] = `
                                 </div>
                                 <div
                                   aria-hidden="true"
-                                  class="sc-6ba2e448-1 cDSlef"
+                                  class="sc-1571bed7-1 hamHiw"
                                   data-accordion-component="AccordionItemPanel"
                                   hidden=""
                                   id="accordion__panel-refus-de-lemployeur"
                                 >
                                   <div
-                                    class="sc-8fc9f174-0 glbEDc"
+                                    class="sc-32c7807-0 iMDCLs"
                                   >
                                     <p>
                                       Si votre employeur refuse, vous devez effectuer votre préavis, sous peine de devoir lui verser une indemnité d'un montant égal à la rémunération brute que vous auriez perçue si vous aviez travaillé.
@@ -942,13 +942,13 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       </div>
                       <div
                         aria-labelledby="react-tabs-14"
-                        class="sc-d69a28e-4 hsuUYW"
+                        class="sc-ac4a133f-4 haGXHZ"
                         id="react-tabs-15"
                         role="tabpanel"
                       />
                     </div>
                     <h4
-                      class="sc-a53a0f9a-0 bIsTsN"
+                      class="sc-b879fc2d-0 hyiHle"
                     >
                       Report ou suspension du préavis
                     </h4>
@@ -998,7 +998,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       </li>
                     </ul>
                     <h4
-                      class="sc-a53a0f9a-0 bIsTsN"
+                      class="sc-b879fc2d-0 hyiHle"
                     >
                       Absence pour recherche d'emploi
                     </h4>
@@ -1023,7 +1023,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                         Ou s'adresser ?
                       </strong>
                       <h3
-                        class="sc-a53a0f9a-0 bIsTsN"
+                        class="sc-b879fc2d-0 hyiHle"
                       >
                         Agessa et Maison des artistes - Sécurité sociale
                       </h3>
@@ -1035,7 +1035,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                           id="par-telephone"
                         >
                           <div
-                            class="sc-6ba2e448-0 wqwqk"
+                            class="sc-1571bed7-0"
                             data-accordion-component="AccordionItem"
                           >
                             <div
@@ -1046,7 +1046,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                                 aria-controls="accordion__panel-par-telephone"
                                 aria-disabled="false"
                                 aria-expanded="false"
-                                class="sc-6ba2e448-2 dhbWmA"
+                                class="sc-1571bed7-2 gNtlHI"
                                 data-accordion-component="AccordionItemButton"
                                 id="accordion__heading-par-telephone"
                                 role="button"
@@ -1054,7 +1054,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                               >
                                 <svg
                                   aria-hidden="true"
-                                  class="sc-efc7f1fd-0 cFvIxv"
+                                  class="sc-93c68677-0 fWneNg"
                                   fill="none"
                                   height="24"
                                   stroke="currentColor"
@@ -1070,10 +1070,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                                   />
                                 </svg>
                                 <div
-                                  class="sc-6ba2e448-3 dhjOwJ"
+                                  class="sc-1571bed7-3 figaQV"
                                 >
                                   <h4
-                                    class="sc-a53a0f9a-0 bIsTsN"
+                                    class="sc-b879fc2d-0 hyiHle"
                                     style="margin: 0px;"
                                   >
                                     Par téléphone
@@ -1083,13 +1083,13 @@ exports[`<FicheServicePublic /> should render 1`] = `
                             </div>
                             <div
                               aria-hidden="true"
-                              class="sc-6ba2e448-1 cDSlef"
+                              class="sc-1571bed7-1 hamHiw"
                               data-accordion-component="AccordionItemPanel"
                               hidden=""
                               id="accordion__panel-par-telephone"
                             >
                               <div
-                                class="sc-8fc9f174-0 glbEDc"
+                                class="sc-32c7807-0 iMDCLs"
                               >
                                 <p>
                                   Du lundi au vendredi : de 9h à 17h
@@ -1105,7 +1105,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                           id="par-messagerie"
                         >
                           <div
-                            class="sc-6ba2e448-0 gAQMVA"
+                            class="sc-1571bed7-0 dpEeGj"
                             data-accordion-component="AccordionItem"
                           >
                             <div
@@ -1116,7 +1116,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                                 aria-controls="accordion__panel-par-messagerie"
                                 aria-disabled="false"
                                 aria-expanded="false"
-                                class="sc-6ba2e448-2 dhbWmA"
+                                class="sc-1571bed7-2 gNtlHI"
                                 data-accordion-component="AccordionItemButton"
                                 id="accordion__heading-par-messagerie"
                                 role="button"
@@ -1124,7 +1124,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                               >
                                 <svg
                                   aria-hidden="true"
-                                  class="sc-efc7f1fd-0 cFvIxv"
+                                  class="sc-93c68677-0 fWneNg"
                                   fill="none"
                                   height="24"
                                   stroke="currentColor"
@@ -1140,10 +1140,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                                   />
                                 </svg>
                                 <div
-                                  class="sc-6ba2e448-3 dhjOwJ"
+                                  class="sc-1571bed7-3 figaQV"
                                 >
                                   <h4
-                                    class="sc-a53a0f9a-0 bIsTsN"
+                                    class="sc-b879fc2d-0 hyiHle"
                                     style="margin: 0px;"
                                   >
                                     Par messagerie
@@ -1153,13 +1153,13 @@ exports[`<FicheServicePublic /> should render 1`] = `
                             </div>
                             <div
                               aria-hidden="true"
-                              class="sc-6ba2e448-1 cDSlef"
+                              class="sc-1571bed7-1 hamHiw"
                               data-accordion-component="AccordionItemPanel"
                               hidden=""
                               id="accordion__panel-par-messagerie"
                             >
                               <div
-                                class="sc-8fc9f174-0 glbEDc"
+                                class="sc-32c7807-0 iMDCLs"
                               >
                                 <p>
                                   http://www.secu-artistes-auteurs.fr/contact
@@ -1172,7 +1172,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                           id="par-courrier"
                         >
                           <div
-                            class="sc-6ba2e448-0 gAQMVA"
+                            class="sc-1571bed7-0 dpEeGj"
                             data-accordion-component="AccordionItem"
                           >
                             <div
@@ -1183,7 +1183,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                                 aria-controls="accordion__panel-par-courrier"
                                 aria-disabled="false"
                                 aria-expanded="false"
-                                class="sc-6ba2e448-2 dhbWmA"
+                                class="sc-1571bed7-2 gNtlHI"
                                 data-accordion-component="AccordionItemButton"
                                 id="accordion__heading-par-courrier"
                                 role="button"
@@ -1191,7 +1191,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                               >
                                 <svg
                                   aria-hidden="true"
-                                  class="sc-efc7f1fd-0 cFvIxv"
+                                  class="sc-93c68677-0 fWneNg"
                                   fill="none"
                                   height="24"
                                   stroke="currentColor"
@@ -1207,10 +1207,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                                   />
                                 </svg>
                                 <div
-                                  class="sc-6ba2e448-3 dhjOwJ"
+                                  class="sc-1571bed7-3 figaQV"
                                 >
                                   <h4
-                                    class="sc-a53a0f9a-0 bIsTsN"
+                                    class="sc-b879fc2d-0 hyiHle"
                                     style="margin: 0px;"
                                   >
                                     Par courrier
@@ -1220,13 +1220,13 @@ exports[`<FicheServicePublic /> should render 1`] = `
                             </div>
                             <div
                               aria-hidden="true"
-                              class="sc-6ba2e448-1 cDSlef"
+                              class="sc-1571bed7-1 hamHiw"
                               data-accordion-component="AccordionItemPanel"
                               hidden=""
                               id="accordion__panel-par-courrier"
                             >
                               <div
-                                class="sc-8fc9f174-0 glbEDc"
+                                class="sc-32c7807-0 iMDCLs"
                               >
                                 <p>
                                   60 rue du Faubourg Poissonnière
@@ -1248,7 +1248,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
               id="indemnisation"
             >
               <div
-                class="sc-6ba2e448-0 gAQMVA"
+                class="sc-1571bed7-0 dpEeGj"
                 data-accordion-component="AccordionItem"
               >
                 <div
@@ -1259,7 +1259,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                     aria-controls="accordion__panel-indemnisation"
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="sc-6ba2e448-2 dhbWmA"
+                    class="sc-1571bed7-2 gNtlHI"
                     data-accordion-component="AccordionItemButton"
                     id="accordion__heading-indemnisation"
                     role="button"
@@ -1267,7 +1267,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      class="sc-efc7f1fd-0 cFvIxv"
+                      class="sc-93c68677-0 fWneNg"
                       fill="none"
                       height="24"
                       stroke="currentColor"
@@ -1283,10 +1283,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       />
                     </svg>
                     <div
-                      class="sc-6ba2e448-3 dhjOwJ"
+                      class="sc-1571bed7-3 figaQV"
                     >
                       <h3
-                        class="sc-a53a0f9a-0 bIsTsN"
+                        class="sc-b879fc2d-0 hyiHle"
                         style="margin: 0px;"
                       >
                         Indemnisation
@@ -1296,13 +1296,13 @@ exports[`<FicheServicePublic /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-6ba2e448-1 cDSlef"
+                  class="sc-1571bed7-1 hamHiw"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-indemnisation"
                 >
                   <div
-                    class="sc-8fc9f174-0 glbEDc"
+                    class="sc-32c7807-0 iMDCLs"
                   >
                     <p>
                       <strong>
@@ -1372,7 +1372,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
               id="documents-remis-au-salarie"
             >
               <div
-                class="sc-6ba2e448-0 gAQMVA"
+                class="sc-1571bed7-0 dpEeGj"
                 data-accordion-component="AccordionItem"
               >
                 <div
@@ -1383,7 +1383,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                     aria-controls="accordion__panel-documents-remis-au-salarie"
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="sc-6ba2e448-2 dhbWmA"
+                    class="sc-1571bed7-2 gNtlHI"
                     data-accordion-component="AccordionItemButton"
                     id="accordion__heading-documents-remis-au-salarie"
                     role="button"
@@ -1391,7 +1391,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      class="sc-efc7f1fd-0 cFvIxv"
+                      class="sc-93c68677-0 fWneNg"
                       fill="none"
                       height="24"
                       stroke="currentColor"
@@ -1407,10 +1407,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       />
                     </svg>
                     <div
-                      class="sc-6ba2e448-3 dhjOwJ"
+                      class="sc-1571bed7-3 figaQV"
                     >
                       <h3
-                        class="sc-a53a0f9a-0 bIsTsN"
+                        class="sc-b879fc2d-0 hyiHle"
                         style="margin: 0px;"
                       >
                         Documents remis au salarié
@@ -1420,13 +1420,13 @@ exports[`<FicheServicePublic /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-6ba2e448-1 cDSlef"
+                  class="sc-1571bed7-1 hamHiw"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-documents-remis-au-salarie"
                 >
                   <div
-                    class="sc-8fc9f174-0 glbEDc"
+                    class="sc-32c7807-0 iMDCLs"
                   >
                     <p>
                       L'employeur doit remettre au salarié les documents suivants :
@@ -1470,34 +1470,34 @@ exports[`<FicheServicePublic /> should render 1`] = `
       </div>
       <div
         aria-labelledby="react-tabs-2"
-        class="sc-d69a28e-4 hsuUYW"
+        class="sc-ac4a133f-4 haGXHZ"
         id="react-tabs-3"
         role="tabpanel"
       />
       <div
         aria-labelledby="react-tabs-4"
-        class="sc-d69a28e-4 hsuUYW"
+        class="sc-ac4a133f-4 haGXHZ"
         id="react-tabs-5"
         role="tabpanel"
       />
     </div>
     <div
       aria-label="Modèle de document Lettre de démission du salarié (nouvelle fenêtre)"
-      class="sc-e72909eb-0 btTdnX sc-54b316ce-0 kCUWSF no-after"
+      class="sc-d47d8018-0 cDsGtD sc-54b316ce-0 kCUWSF no-after"
     >
       <div
-        class="sc-e72909eb-2 bNzKqg"
+        class="sc-d47d8018-2 eBZhiP"
       >
         <div
-          class="sc-e72909eb-3 hASMbR"
+          class="sc-d47d8018-3 cAXyng"
         >
           <p
-            class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+            class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
           >
             Modèle de document
           </p>
           <p
-            class="sc-e72909eb-5 cdJafA"
+            class="sc-d47d8018-5 jNRMjT"
           >
             <a
               href="https://www.service-public.fr/simulateur/calcul/Demission"
@@ -1510,7 +1510,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
         </div>
       </div>
       <div
-        class="sc-e72909eb-6 dOdFhK"
+        class="sc-d47d8018-6 ipSAXR"
       >
         Source: 
         Direction de l'information légale et administrative (Premier ministre)
diff --git a/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/Accordion.test.js.snap b/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/Accordion.test.js.snap
index 9e8570058a..c0d280e94a 100644
--- a/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/Accordion.test.js.snap
+++ b/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/Accordion.test.js.snap
@@ -3,13 +3,13 @@
 exports[`<Accordion /> should have two different levels of headings 1`] = `
 <div>
   <div
-    class="sc-238bfc37-0 erxEOR"
+    class="sc-e32628d4-0 eFvDQP"
   >
     <h2
-      class="sc-3c1fa745-0 dgbBKP"
+      class="sc-d6e72754-0 egzXkL"
     >
       <span
-        class="sc-f4f767e-0 hiuRaG"
+        class="sc-a4d7a179-0 gGBEJx"
       />
       titre 0
     </h2>
@@ -25,7 +25,7 @@ exports[`<Accordion /> should have two different levels of headings 1`] = `
       id="titre-1"
     >
       <div
-        class="sc-6ba2e448-0 wqwqk"
+        class="sc-1571bed7-0"
         data-accordion-component="AccordionItem"
       >
         <div
@@ -36,7 +36,7 @@ exports[`<Accordion /> should have two different levels of headings 1`] = `
             aria-controls="accordion__panel-titre-1"
             aria-disabled="false"
             aria-expanded="false"
-            class="sc-6ba2e448-2 dhbWmA"
+            class="sc-1571bed7-2 gNtlHI"
             data-accordion-component="AccordionItemButton"
             id="accordion__heading-titre-1"
             role="button"
@@ -44,7 +44,7 @@ exports[`<Accordion /> should have two different levels of headings 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="sc-efc7f1fd-0 cFvIxv"
+              class="sc-93c68677-0 fWneNg"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -60,10 +60,10 @@ exports[`<Accordion /> should have two different levels of headings 1`] = `
               />
             </svg>
             <div
-              class="sc-6ba2e448-3 dhjOwJ"
+              class="sc-1571bed7-3 figaQV"
             >
               <h2
-                class="sc-a53a0f9a-0 bIsTsN"
+                class="sc-b879fc2d-0 hyiHle"
                 style="margin: 0px;"
               >
                 titre 1
@@ -73,13 +73,13 @@ exports[`<Accordion /> should have two different levels of headings 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-6ba2e448-1 cDSlef"
+          class="sc-1571bed7-1 hamHiw"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-titre-1"
         >
           <div
-            class="sc-8fc9f174-0 glbEDc"
+            class="sc-32c7807-0 iMDCLs"
           >
             <p>
               paragraphe 1-1
@@ -95,7 +95,7 @@ exports[`<Accordion /> should have two different levels of headings 1`] = `
       id="titre-2"
     >
       <div
-        class="sc-6ba2e448-0 gAQMVA"
+        class="sc-1571bed7-0 dpEeGj"
         data-accordion-component="AccordionItem"
       >
         <div
@@ -106,7 +106,7 @@ exports[`<Accordion /> should have two different levels of headings 1`] = `
             aria-controls="accordion__panel-titre-2"
             aria-disabled="false"
             aria-expanded="false"
-            class="sc-6ba2e448-2 dhbWmA"
+            class="sc-1571bed7-2 gNtlHI"
             data-accordion-component="AccordionItemButton"
             id="accordion__heading-titre-2"
             role="button"
@@ -114,7 +114,7 @@ exports[`<Accordion /> should have two different levels of headings 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="sc-efc7f1fd-0 cFvIxv"
+              class="sc-93c68677-0 fWneNg"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -130,10 +130,10 @@ exports[`<Accordion /> should have two different levels of headings 1`] = `
               />
             </svg>
             <div
-              class="sc-6ba2e448-3 dhjOwJ"
+              class="sc-1571bed7-3 figaQV"
             >
               <h2
-                class="sc-a53a0f9a-0 bIsTsN"
+                class="sc-b879fc2d-0 hyiHle"
                 style="margin: 0px;"
               >
                 titre 2
@@ -143,13 +143,13 @@ exports[`<Accordion /> should have two different levels of headings 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-6ba2e448-1 cDSlef"
+          class="sc-1571bed7-1 hamHiw"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-titre-2"
         >
           <div
-            class="sc-8fc9f174-0 glbEDc"
+            class="sc-32c7807-0 iMDCLs"
           >
             <p>
               paragraphe 2-1
@@ -158,7 +158,7 @@ exports[`<Accordion /> should have two different levels of headings 1`] = `
               paragraphe 2-2
             </p>
             <h3
-              class="sc-a53a0f9a-0 bIsTsN"
+              class="sc-b879fc2d-0 hyiHle"
             >
               titre 2-1
             </h3>
@@ -170,7 +170,7 @@ exports[`<Accordion /> should have two different levels of headings 1`] = `
       id="titre-3"
     >
       <div
-        class="sc-6ba2e448-0 gAQMVA"
+        class="sc-1571bed7-0 dpEeGj"
         data-accordion-component="AccordionItem"
       >
         <div
@@ -181,7 +181,7 @@ exports[`<Accordion /> should have two different levels of headings 1`] = `
             aria-controls="accordion__panel-titre-3"
             aria-disabled="false"
             aria-expanded="false"
-            class="sc-6ba2e448-2 dhbWmA"
+            class="sc-1571bed7-2 gNtlHI"
             data-accordion-component="AccordionItemButton"
             id="accordion__heading-titre-3"
             role="button"
@@ -189,7 +189,7 @@ exports[`<Accordion /> should have two different levels of headings 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="sc-efc7f1fd-0 cFvIxv"
+              class="sc-93c68677-0 fWneNg"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -205,10 +205,10 @@ exports[`<Accordion /> should have two different levels of headings 1`] = `
               />
             </svg>
             <div
-              class="sc-6ba2e448-3 dhjOwJ"
+              class="sc-1571bed7-3 figaQV"
             >
               <h2
-                class="sc-a53a0f9a-0 bIsTsN"
+                class="sc-b879fc2d-0 hyiHle"
                 style="margin: 0px;"
               >
                 titre 3
@@ -218,13 +218,13 @@ exports[`<Accordion /> should have two different levels of headings 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-6ba2e448-1 cDSlef"
+          class="sc-1571bed7-1 hamHiw"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-titre-3"
         >
           <div
-            class="sc-8fc9f174-0 glbEDc"
+            class="sc-32c7807-0 iMDCLs"
           >
             <p>
               paragraphe 3-1
@@ -243,7 +243,7 @@ exports[`<Accordion /> should have two different levels of headings 1`] = `
 exports[`<Accordion /> should render all, siblings included 1`] = `
 <div>
   <h5
-    class="sc-a53a0f9a-0 bIsTsN"
+    class="sc-b879fc2d-0 hyiHle"
   >
     titre 0
   </h5>
@@ -258,7 +258,7 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
       id="titre-1"
     >
       <div
-        class="sc-6ba2e448-0 wqwqk"
+        class="sc-1571bed7-0"
         data-accordion-component="AccordionItem"
       >
         <div
@@ -269,7 +269,7 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
             aria-controls="accordion__panel-titre-1"
             aria-disabled="false"
             aria-expanded="false"
-            class="sc-6ba2e448-2 dhbWmA"
+            class="sc-1571bed7-2 gNtlHI"
             data-accordion-component="AccordionItemButton"
             id="accordion__heading-titre-1"
             role="button"
@@ -277,7 +277,7 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="sc-efc7f1fd-0 cFvIxv"
+              class="sc-93c68677-0 fWneNg"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -293,10 +293,10 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
               />
             </svg>
             <div
-              class="sc-6ba2e448-3 dhjOwJ"
+              class="sc-1571bed7-3 figaQV"
             >
               <h5
-                class="sc-a53a0f9a-0 bIsTsN"
+                class="sc-b879fc2d-0 hyiHle"
                 style="margin: 0px;"
               >
                 titre 1
@@ -306,13 +306,13 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-6ba2e448-1 cDSlef"
+          class="sc-1571bed7-1 hamHiw"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-titre-1"
         >
           <div
-            class="sc-8fc9f174-0 glbEDc"
+            class="sc-32c7807-0 iMDCLs"
           >
             <p>
               paragraphe 1-1
@@ -328,7 +328,7 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
       id="titre-2"
     >
       <div
-        class="sc-6ba2e448-0 gAQMVA"
+        class="sc-1571bed7-0 dpEeGj"
         data-accordion-component="AccordionItem"
       >
         <div
@@ -339,7 +339,7 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
             aria-controls="accordion__panel-titre-2"
             aria-disabled="false"
             aria-expanded="false"
-            class="sc-6ba2e448-2 dhbWmA"
+            class="sc-1571bed7-2 gNtlHI"
             data-accordion-component="AccordionItemButton"
             id="accordion__heading-titre-2"
             role="button"
@@ -347,7 +347,7 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="sc-efc7f1fd-0 cFvIxv"
+              class="sc-93c68677-0 fWneNg"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -363,10 +363,10 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
               />
             </svg>
             <div
-              class="sc-6ba2e448-3 dhjOwJ"
+              class="sc-1571bed7-3 figaQV"
             >
               <h5
-                class="sc-a53a0f9a-0 bIsTsN"
+                class="sc-b879fc2d-0 hyiHle"
                 style="margin: 0px;"
               >
                 titre 2
@@ -376,13 +376,13 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-6ba2e448-1 cDSlef"
+          class="sc-1571bed7-1 hamHiw"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-titre-2"
         >
           <div
-            class="sc-8fc9f174-0 glbEDc"
+            class="sc-32c7807-0 iMDCLs"
           >
             <p>
               paragraphe 2-1
@@ -391,7 +391,7 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
               paragraphe 2-2
             </p>
             <h6
-              class="sc-a53a0f9a-0 bIsTsN"
+              class="sc-b879fc2d-0 hyiHle"
             >
               titre 2-1
             </h6>
@@ -403,7 +403,7 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
       id="titre-3"
     >
       <div
-        class="sc-6ba2e448-0 gAQMVA"
+        class="sc-1571bed7-0 dpEeGj"
         data-accordion-component="AccordionItem"
       >
         <div
@@ -414,7 +414,7 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
             aria-controls="accordion__panel-titre-3"
             aria-disabled="false"
             aria-expanded="false"
-            class="sc-6ba2e448-2 dhbWmA"
+            class="sc-1571bed7-2 gNtlHI"
             data-accordion-component="AccordionItemButton"
             id="accordion__heading-titre-3"
             role="button"
@@ -422,7 +422,7 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="sc-efc7f1fd-0 cFvIxv"
+              class="sc-93c68677-0 fWneNg"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -438,10 +438,10 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
               />
             </svg>
             <div
-              class="sc-6ba2e448-3 dhjOwJ"
+              class="sc-1571bed7-3 figaQV"
             >
               <h5
-                class="sc-a53a0f9a-0 bIsTsN"
+                class="sc-b879fc2d-0 hyiHle"
                 style="margin: 0px;"
               >
                 titre 3
@@ -451,13 +451,13 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-6ba2e448-1 cDSlef"
+          class="sc-1571bed7-1 hamHiw"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-titre-3"
         >
           <div
-            class="sc-8fc9f174-0 glbEDc"
+            class="sc-32c7807-0 iMDCLs"
           >
             <p>
               paragraphe 3-1
diff --git a/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/ElementBuilder.test.js.snap b/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/ElementBuilder.test.js.snap
index b54f9e5af9..03fc2d33ab 100644
--- a/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/ElementBuilder.test.js.snap
+++ b/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/ElementBuilder.test.js.snap
@@ -31,22 +31,22 @@ exports[`<ElementBuilder /> does render several elements 1`] = `
 exports[`<ElementBuilder /> does render stuff inside a styled block 1`] = `
 <div>
   <div
-    class="sc-13323d30-0 sc-fb4ce9da-0 exlNfj bDyXMm"
+    class="sc-2a0a4b0a-0 sc-fb4ce9da-0 dLOZmV bDyXMm"
   >
     stuff 0
   </div>
   <div
-    class="sc-13323d30-0 sc-fb4ce9da-0 exlNfj bDyXMm"
+    class="sc-2a0a4b0a-0 sc-fb4ce9da-0 dLOZmV bDyXMm"
   >
     stuff 1
   </div>
   <div
-    class="sc-13323d30-0 sc-fb4ce9da-0 exlNfj bDyXMm"
+    class="sc-2a0a4b0a-0 sc-fb4ce9da-0 dLOZmV bDyXMm"
   >
     stuff 2
   </div>
   <div
-    class="sc-13323d30-0 sc-fb4ce9da-0 exlNfj bDyXMm"
+    class="sc-2a0a4b0a-0 sc-fb4ce9da-0 dLOZmV bDyXMm"
   >
     stuff 3
   </div>
diff --git a/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/FragmentConditionne.test.tsx.snap b/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/FragmentConditionne.test.tsx.snap
index 1b52251fcd..471bde75f2 100644
--- a/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/FragmentConditionne.test.tsx.snap
+++ b/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/FragmentConditionne.test.tsx.snap
@@ -3,13 +3,13 @@
 exports[`FragmentConditionne Should display element within 1`] = `
 <div>
   <div
-    class="sc-238bfc37-0 erxEOR"
+    class="sc-e32628d4-0 eFvDQP"
   >
     <h2
-      class="sc-3c1fa745-0 dgbBKP"
+      class="sc-d6e72754-0 egzXkL"
     >
       <span
-        class="sc-f4f767e-0 hiuRaG"
+        class="sc-a4d7a179-0 gGBEJx"
       />
       Comment le saisir le médiateur de l'apprentissage ?
     </h2>
@@ -18,21 +18,21 @@ exports[`FragmentConditionne Should display element within 1`] = `
     Le médiateur de l'apprentissage à saisir dépend de l'activité de l'entreprise. Il est désigné par la chambre consulaire.
   </p>
   <div
-    class="sc-d69a28e-0 ctBffQ"
+    class="sc-ac4a133f-0 fvNPWb"
     data-rttabs="true"
   >
     <div
-      class="sc-d69a28e-1 gogiul"
+      class="sc-ac4a133f-1 fxZtdi"
     >
       <ul
-        class="sc-d69a28e-2 dDhiAS"
+        class="sc-ac4a133f-2 fHCeXh"
         role="tablist"
       >
         <li
           aria-controls="react-tabs-1"
           aria-disabled="false"
           aria-selected="true"
-          class="sc-d69a28e-3 djLETL react-tabs__tab--selected"
+          class="sc-ac4a133f-3 faZqNG react-tabs__tab--selected"
           data-rttab="true"
           id="react-tabs-0"
           role="tab"
@@ -44,7 +44,7 @@ exports[`FragmentConditionne Should display element within 1`] = `
           aria-controls="react-tabs-3"
           aria-disabled="false"
           aria-selected="false"
-          class="sc-d69a28e-3 djLETL"
+          class="sc-ac4a133f-3 faZqNG"
           data-rttab="true"
           id="react-tabs-2"
           role="tab"
@@ -55,7 +55,7 @@ exports[`FragmentConditionne Should display element within 1`] = `
           aria-controls="react-tabs-5"
           aria-disabled="false"
           aria-selected="false"
-          class="sc-d69a28e-3 djLETL"
+          class="sc-ac4a133f-3 faZqNG"
           data-rttab="true"
           id="react-tabs-4"
           role="tab"
@@ -66,7 +66,7 @@ exports[`FragmentConditionne Should display element within 1`] = `
           aria-controls="react-tabs-7"
           aria-disabled="false"
           aria-selected="false"
-          class="sc-d69a28e-3 djLETL"
+          class="sc-ac4a133f-3 faZqNG"
           data-rttab="true"
           id="react-tabs-6"
           role="tab"
@@ -77,21 +77,21 @@ exports[`FragmentConditionne Should display element within 1`] = `
     </div>
     <div
       aria-labelledby="react-tabs-0"
-      class="sc-d69a28e-4 hsuUYW react-tabs__tab-panel--selected"
+      class="sc-ac4a133f-4 haGXHZ react-tabs__tab-panel--selected"
       id="react-tabs-1"
       role="tabpanel"
     >
       <div
-        class="sc-f92038f6-0 llOtbb"
+        class="sc-8dcb2faa-0 gxfPDw"
       >
         <h2
-          class="sc-a53a0f9a-0 bIsTsN"
+          class="sc-b879fc2d-0 hyiHle"
         >
           Commerce - industrie
         </h2>
       </div>
       <div
-        class="sc-d69a28e-5 fjXncv"
+        class="sc-ac4a133f-5 yflIk"
       >
         <p>
           Il faut saisir la chambre de commerce et d'industrie.
@@ -117,19 +117,19 @@ exports[`FragmentConditionne Should display element within 1`] = `
     </div>
     <div
       aria-labelledby="react-tabs-2"
-      class="sc-d69a28e-4 hsuUYW"
+      class="sc-ac4a133f-4 haGXHZ"
       id="react-tabs-3"
       role="tabpanel"
     />
     <div
       aria-labelledby="react-tabs-4"
-      class="sc-d69a28e-4 hsuUYW"
+      class="sc-ac4a133f-4 haGXHZ"
       id="react-tabs-5"
       role="tabpanel"
     />
     <div
       aria-labelledby="react-tabs-6"
-      class="sc-d69a28e-4 hsuUYW"
+      class="sc-ac4a133f-4 haGXHZ"
       id="react-tabs-7"
       role="tabpanel"
     />
diff --git a/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/Image.test.tsx.snap b/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/Image.test.tsx.snap
index f11ee5845f..55049314bd 100644
--- a/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/Image.test.tsx.snap
+++ b/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/Image.test.tsx.snap
@@ -21,7 +21,7 @@ exports[`Image should display image and caption 1`] = `
     </figcaption>
   </figure>
   <div
-    class="sc-d134eab-0 kWKofh"
+    class="sc-9845d97e-0 jdstGa"
     data-accordion-component="Accordion"
   >
     <div
@@ -36,7 +36,7 @@ exports[`Image should display image and caption 1`] = `
           aria-controls="accordion__panel-raa-0"
           aria-disabled="false"
           aria-expanded="false"
-          class="sc-d134eab-1 eOhzkV"
+          class="sc-9845d97e-1 jffOUe"
           data-accordion-component="AccordionItemButton"
           id="accordion__heading-raa-0"
           role="button"
@@ -44,7 +44,7 @@ exports[`Image should display image and caption 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="sc-d134eab-2 gGXxaY"
+            class="sc-9845d97e-2 kPPRyj"
             fill="none"
             viewBox="0 0 16 16"
             xmlns="http://www.w3.org/2000/svg"
@@ -57,23 +57,23 @@ exports[`Image should display image and caption 1`] = `
             />
           </svg>
           <div
-            class="sc-d134eab-3 gvRoex"
+            class="sc-9845d97e-3 biBldq"
           >
             Voir en détail
           </div>
         </div>
       </div>
       <div
-        class="sc-d134eab-5 dytUgY"
+        class="sc-9845d97e-5 mALye"
         data-accordion-component="AccordionItemPanel"
         hidden=""
         id="accordion__panel-raa-0"
       >
         <div
-          class="sc-d134eab-4 jJPysv"
+          class="sc-9845d97e-4 dcRMRW"
         >
           <div
-            class="sc-13323d30-0 exlNfj"
+            class="sc-2a0a4b0a-0 dLOZmV"
           >
             <p>
               Comment calculer un délai quand il y a un jour férié ?
diff --git a/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/List.test.js.snap b/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/List.test.js.snap
index 030a1daf95..da5cc77421 100644
--- a/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/List.test.js.snap
+++ b/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/List.test.js.snap
@@ -7,7 +7,7 @@ exports[`<List /> should render and increment heading level of children by one 1
       class="sc-5f052859-0 cWQbML"
     >
       <h3
-        class="sc-a53a0f9a-0 bIsTsN"
+        class="sc-b879fc2d-0 hyiHle"
       >
         title
       </h3>
diff --git a/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/OuSAdresser.test.js.snap b/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/OuSAdresser.test.js.snap
index 150b7d44a8..e21ec386fc 100644
--- a/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/OuSAdresser.test.js.snap
+++ b/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/OuSAdresser.test.js.snap
@@ -33,7 +33,7 @@ exports[`<OuSAdresser /> should render a simple case 1`] = `
       Ou s'adresser ?
     </strong>
     <h2
-      class="sc-a53a0f9a-0 bIsTsN"
+      class="sc-b879fc2d-0 hyiHle"
     >
       Nom du centre
     </h2>
diff --git a/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/ServiceEnLigne.test.js.snap b/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/ServiceEnLigne.test.js.snap
index 46f1108ee2..d5b86e0c3b 100644
--- a/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/ServiceEnLigne.test.js.snap
+++ b/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/ServiceEnLigne.test.js.snap
@@ -4,21 +4,21 @@ exports[`<ServiceEnLigne /> should render 1`] = `
 <div>
   <div
     aria-label="Se retrouve dans en entête Texte qui se retrouve dans le lien (nouvelle fenêtre)"
-    class="sc-e72909eb-0 btTdnX sc-54b316ce-0 kCUWSF no-after"
+    class="sc-d47d8018-0 cDsGtD sc-54b316ce-0 kCUWSF no-after"
   >
     <div
-      class="sc-e72909eb-2 bNzKqg"
+      class="sc-d47d8018-2 eBZhiP"
     >
       <div
-        class="sc-e72909eb-3 hASMbR"
+        class="sc-d47d8018-3 cAXyng"
       >
         <p
-          class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+          class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
         >
           Se retrouve dans en entête
         </p>
         <p
-          class="sc-e72909eb-5 cdJafA"
+          class="sc-d47d8018-5 jNRMjT"
         >
           <a
             href="url à retoruver dans le lien"
@@ -31,7 +31,7 @@ exports[`<ServiceEnLigne /> should render 1`] = `
       </div>
     </div>
     <div
-      class="sc-e72909eb-6 dOdFhK"
+      class="sc-d47d8018-6 ipSAXR"
     >
       Source: 
       Source qui se retrouve sous le lien
diff --git a/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/Table.test.js.snap b/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/Table.test.js.snap
index ae6c188b42..e2fdca596e 100644
--- a/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/Table.test.js.snap
+++ b/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/Table.test.js.snap
@@ -3,7 +3,7 @@
 exports[`<Table /> should render with th, td, colspan etc. 1`] = `
 <div>
   <table
-    class="sc-6d9f376d-0 iugiNe"
+    class="sc-4e3ba411-0 kKVapO"
   >
     <caption>
       Conditions ouvrant droit à la retraite anticipée pour carrière longue
diff --git a/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/Tabulator.test.js.snap b/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/Tabulator.test.js.snap
index 82a0806100..35d642d4d1 100644
--- a/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/Tabulator.test.js.snap
+++ b/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/Tabulator.test.js.snap
@@ -3,21 +3,21 @@
 exports[`<Tabulator /> should have two different levels of headings 1`] = `
 <div>
   <div
-    class="sc-d69a28e-0 ctBffQ"
+    class="sc-ac4a133f-0 fvNPWb"
     data-rttabs="true"
   >
     <div
-      class="sc-d69a28e-1 gogiul"
+      class="sc-ac4a133f-1 fxZtdi"
     >
       <ul
-        class="sc-d69a28e-2 dDhiAS"
+        class="sc-ac4a133f-2 fHCeXh"
         role="tablist"
       >
         <li
           aria-controls="react-tabs-1"
           aria-disabled="false"
           aria-selected="true"
-          class="sc-d69a28e-3 djLETL react-tabs__tab--selected"
+          class="sc-ac4a133f-3 faZqNG react-tabs__tab--selected"
           data-rttab="true"
           id="react-tabs-0"
           role="tab"
@@ -29,7 +29,7 @@ exports[`<Tabulator /> should have two different levels of headings 1`] = `
           aria-controls="react-tabs-3"
           aria-disabled="false"
           aria-selected="false"
-          class="sc-d69a28e-3 djLETL"
+          class="sc-ac4a133f-3 faZqNG"
           data-rttab="true"
           id="react-tabs-2"
           role="tab"
@@ -40,24 +40,24 @@ exports[`<Tabulator /> should have two different levels of headings 1`] = `
     </div>
     <div
       aria-labelledby="react-tabs-0"
-      class="sc-d69a28e-4 hsuUYW react-tabs__tab-panel--selected"
+      class="sc-ac4a133f-4 haGXHZ react-tabs__tab-panel--selected"
       id="react-tabs-1"
       role="tabpanel"
     >
       <div
-        class="sc-f92038f6-0 llOtbb"
+        class="sc-8dcb2faa-0 gxfPDw"
       >
         <h2
-          class="sc-a53a0f9a-0 bIsTsN"
+          class="sc-b879fc2d-0 hyiHle"
         >
           CDI
         </h2>
       </div>
       <div
-        class="sc-d69a28e-5 fjXncv"
+        class="sc-ac4a133f-5 yflIk"
       >
         <h3
-          class="sc-a53a0f9a-0 bIsTsN"
+          class="sc-b879fc2d-0 hyiHle"
         >
           titre 1
         </h3>
@@ -68,7 +68,7 @@ exports[`<Tabulator /> should have two different levels of headings 1`] = `
     </div>
     <div
       aria-labelledby="react-tabs-2"
-      class="sc-d69a28e-4 hsuUYW"
+      class="sc-ac4a133f-4 haGXHZ"
       id="react-tabs-3"
       role="tabpanel"
     />
@@ -79,21 +79,21 @@ exports[`<Tabulator /> should have two different levels of headings 1`] = `
 exports[`<Tabulator /> should incease heading levels if not 0 1`] = `
 <div>
   <div
-    class="sc-d69a28e-0 ctBffQ"
+    class="sc-ac4a133f-0 fvNPWb"
     data-rttabs="true"
   >
     <div
-      class="sc-d69a28e-1 gogiul"
+      class="sc-ac4a133f-1 fxZtdi"
     >
       <ul
-        class="sc-d69a28e-2 dDhiAS"
+        class="sc-ac4a133f-2 fHCeXh"
         role="tablist"
       >
         <li
           aria-controls="react-tabs-5"
           aria-disabled="false"
           aria-selected="true"
-          class="sc-d69a28e-3 djLETL react-tabs__tab--selected"
+          class="sc-ac4a133f-3 faZqNG react-tabs__tab--selected"
           data-rttab="true"
           id="react-tabs-4"
           role="tab"
@@ -105,7 +105,7 @@ exports[`<Tabulator /> should incease heading levels if not 0 1`] = `
           aria-controls="react-tabs-7"
           aria-disabled="false"
           aria-selected="false"
-          class="sc-d69a28e-3 djLETL"
+          class="sc-ac4a133f-3 faZqNG"
           data-rttab="true"
           id="react-tabs-6"
           role="tab"
@@ -116,24 +116,24 @@ exports[`<Tabulator /> should incease heading levels if not 0 1`] = `
     </div>
     <div
       aria-labelledby="react-tabs-4"
-      class="sc-d69a28e-4 hsuUYW react-tabs__tab-panel--selected"
+      class="sc-ac4a133f-4 haGXHZ react-tabs__tab-panel--selected"
       id="react-tabs-5"
       role="tabpanel"
     >
       <div
-        class="sc-f92038f6-0 llOtbb"
+        class="sc-8dcb2faa-0 gxfPDw"
       >
         <h3
-          class="sc-a53a0f9a-0 bIsTsN"
+          class="sc-b879fc2d-0 hyiHle"
         >
           CDI
         </h3>
       </div>
       <div
-        class="sc-d69a28e-5 fjXncv"
+        class="sc-ac4a133f-5 yflIk"
       >
         <h4
-          class="sc-a53a0f9a-0 bIsTsN"
+          class="sc-b879fc2d-0 hyiHle"
         >
           titre 1
         </h4>
@@ -144,7 +144,7 @@ exports[`<Tabulator /> should incease heading levels if not 0 1`] = `
     </div>
     <div
       aria-labelledby="react-tabs-6"
-      class="sc-d69a28e-4 hsuUYW"
+      class="sc-ac4a133f-4 haGXHZ"
       id="react-tabs-7"
       role="tabpanel"
     />
@@ -155,21 +155,21 @@ exports[`<Tabulator /> should incease heading levels if not 0 1`] = `
 exports[`<Tabulator /> should render 1`] = `
 <div>
   <div
-    class="sc-d69a28e-0 ctBffQ"
+    class="sc-ac4a133f-0 fvNPWb"
     data-rttabs="true"
   >
     <div
-      class="sc-d69a28e-1 gogiul"
+      class="sc-ac4a133f-1 fxZtdi"
     >
       <ul
-        class="sc-d69a28e-2 dDhiAS"
+        class="sc-ac4a133f-2 fHCeXh"
         role="tablist"
       >
         <li
           aria-controls="react-tabs-9"
           aria-disabled="false"
           aria-selected="true"
-          class="sc-d69a28e-3 djLETL react-tabs__tab--selected"
+          class="sc-ac4a133f-3 faZqNG react-tabs__tab--selected"
           data-rttab="true"
           id="react-tabs-8"
           role="tab"
@@ -181,7 +181,7 @@ exports[`<Tabulator /> should render 1`] = `
           aria-controls="react-tabs-11"
           aria-disabled="false"
           aria-selected="false"
-          class="sc-d69a28e-3 djLETL"
+          class="sc-ac4a133f-3 faZqNG"
           data-rttab="true"
           id="react-tabs-10"
           role="tab"
@@ -192,24 +192,24 @@ exports[`<Tabulator /> should render 1`] = `
     </div>
     <div
       aria-labelledby="react-tabs-8"
-      class="sc-d69a28e-4 hsuUYW react-tabs__tab-panel--selected"
+      class="sc-ac4a133f-4 haGXHZ react-tabs__tab-panel--selected"
       id="react-tabs-9"
       role="tabpanel"
     >
       <div
-        class="sc-f92038f6-0 llOtbb"
+        class="sc-8dcb2faa-0 gxfPDw"
       >
         <h4
-          class="sc-a53a0f9a-0 bIsTsN"
+          class="sc-b879fc2d-0 hyiHle"
         >
           CDI
         </h4>
       </div>
       <div
-        class="sc-d69a28e-5 fjXncv"
+        class="sc-ac4a133f-5 yflIk"
       >
         <h5
-          class="sc-a53a0f9a-0 bIsTsN"
+          class="sc-b879fc2d-0 hyiHle"
         >
           titre 1
         </h5>
@@ -220,7 +220,7 @@ exports[`<Tabulator /> should render 1`] = `
     </div>
     <div
       aria-labelledby="react-tabs-10"
-      class="sc-d69a28e-4 hsuUYW"
+      class="sc-ac4a133f-4 haGXHZ"
       id="react-tabs-11"
       role="tabpanel"
     />
diff --git a/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/Title.test.js.snap b/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/Title.test.js.snap
index 4829078cad..fa0c689d9b 100644
--- a/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/Title.test.js.snap
+++ b/packages/code-du-travail-frontend/src/fiche-service-public/components/__tests__/__snapshots__/Title.test.js.snap
@@ -3,7 +3,7 @@
 exports[`<Title /> heading should default to H6 1`] = `
 <div>
   <h6
-    class="sc-a53a0f9a-0 bIsTsN"
+    class="sc-b879fc2d-0 hyiHle"
   />
 </div>
 `;
@@ -11,7 +11,7 @@ exports[`<Title /> heading should default to H6 1`] = `
 exports[`<Title /> should render a H{x} whose {x} is headingLevel + 2 1`] = `
 <div>
   <h4
-    class="sc-a53a0f9a-0 bIsTsN"
+    class="sc-b879fc2d-0 hyiHle"
   />
 </div>
 `;
diff --git a/packages/code-du-travail-frontend/src/outils/DureePreavisDemission/__tests__/__snapshots__/index.test.tsx.snap b/packages/code-du-travail-frontend/src/outils/DureePreavisDemission/__tests__/__snapshots__/index.test.tsx.snap
index 98e0dd0031..9a6728351b 100644
--- a/packages/code-du-travail-frontend/src/outils/DureePreavisDemission/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/code-du-travail-frontend/src/outils/DureePreavisDemission/__tests__/__snapshots__/index.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`<DureePreavisDemission /> should render 1`] = `
 <div>
   <div
-    class="sc-13323d30-0 eYPJba"
+    class="sc-2a0a4b0a-0 hpYuum"
   >
     <form
       class="sc-d0ca486a-0 LJxxm"
@@ -71,7 +71,7 @@ exports[`<DureePreavisDemission /> should render 1`] = `
         </div>
       </div>
       <div
-        class="sc-13323d30-0 sc-a01ac225-0 exlNfj dIXgrP"
+        class="sc-2a0a4b0a-0 sc-a01ac225-0 dLOZmV dIXgrP"
       >
         <span
           class="sc-a01ac225-1 iBHdtt"
@@ -90,7 +90,7 @@ exports[`<DureePreavisDemission /> should render 1`] = `
           </span>
         </span>
         <ol
-          class="sc-78dd7a00-0 fVqAjV"
+          class="sc-ab356c14-0 bpNHPl"
         >
           <li
             aria-live="polite"
@@ -146,7 +146,7 @@ exports[`<DureePreavisDemission /> should render 1`] = `
         class="sc-bc9d1e5-1 csPxMe"
       >
         <button
-          class="sc-b0ebfae6-0 jQBCMS sc-bc9d1e5-0 sc-bc9d1e5-2 kyKZPU gPKfXM"
+          class="sc-95bd4344-0 jqYNvz sc-bc9d1e5-0 sc-bc9d1e5-2 kyKZPU gPKfXM"
         >
           Commencer
           <svg
diff --git a/packages/code-du-travail-frontend/src/outils/DureePreavisDemission/steps/__tests__/__snapshots__/Result.test.tsx.snap b/packages/code-du-travail-frontend/src/outils/DureePreavisDemission/steps/__tests__/__snapshots__/Result.test.tsx.snap
index c5e3bada81..6641d94c8b 100644
--- a/packages/code-du-travail-frontend/src/outils/DureePreavisDemission/steps/__tests__/__snapshots__/Result.test.tsx.snap
+++ b/packages/code-du-travail-frontend/src/outils/DureePreavisDemission/steps/__tests__/__snapshots__/Result.test.tsx.snap
@@ -62,12 +62,12 @@ exports[`<StepResult /> should render CC answer 1`] = `
   <div>
     <button
       aria-expanded="false"
-      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
+      class="sc-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-efc7f1fd-0 cFvIxv"
+        class="sc-93c68677-0 fWneNg"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -83,13 +83,13 @@ exports[`<StepResult /> should render CC answer 1`] = `
         />
       </svg>
       <span
-        class="sc-a45f48bd-2 dzrMBi"
+        class="sc-da0440cf-2 cdlSfE"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-a45f48bd-0 dnXrPP"
+      class="sc-da0440cf-0 kQbZar"
     >
       <h2
         class="sc-967f95b8-2 fsAvGZ"
@@ -155,13 +155,13 @@ exports[`<StepResult /> should render CC answer 1`] = `
     </div>
   </div>
   <div
-    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
+    class="sc-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
   >
     <div
-      class="sc-b74609e1-0 elMQpY"
+      class="sc-66a696c4-0 MNJNF"
     >
       <div
-        class="sc-b74609e1-1 jxlJZx"
+        class="sc-66a696c4-1 dvlKxa"
       >
         <svg
           aria-hidden="true"
@@ -181,10 +181,10 @@ exports[`<StepResult /> should render CC answer 1`] = `
         </svg>
       </div>
       <div
-        class="sc-b74609e1-2 ipaEJM"
+        class="sc-66a696c4-2 eRMOZl"
       >
         <p
-          class="sc-a4406a0f-1 bEYgDv sc-add1a668-1 dblvAa"
+          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
         >
           Attention il peut exister une autre durée de préavis
         </p>
diff --git a/packages/code-du-travail-frontend/src/outils/DureePreavisLicenciement/__tests__/__snapshots__/index.test.tsx.snap b/packages/code-du-travail-frontend/src/outils/DureePreavisLicenciement/__tests__/__snapshots__/index.test.tsx.snap
index 9fdd88d242..d46e8dc845 100644
--- a/packages/code-du-travail-frontend/src/outils/DureePreavisLicenciement/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/code-du-travail-frontend/src/outils/DureePreavisLicenciement/__tests__/__snapshots__/index.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`<DureePreavisLicenciement /> should render 1`] = `
 <div>
   <div
-    class="sc-13323d30-0 eYPJba"
+    class="sc-2a0a4b0a-0 hpYuum"
   >
     <form
       class="sc-d0ca486a-0 LJxxm"
@@ -71,7 +71,7 @@ exports[`<DureePreavisLicenciement /> should render 1`] = `
         </div>
       </div>
       <div
-        class="sc-13323d30-0 sc-a01ac225-0 exlNfj dIXgrP"
+        class="sc-2a0a4b0a-0 sc-a01ac225-0 dLOZmV dIXgrP"
       >
         <span
           class="sc-a01ac225-1 iBHdtt"
@@ -90,7 +90,7 @@ exports[`<DureePreavisLicenciement /> should render 1`] = `
           </span>
         </span>
         <ol
-          class="sc-78dd7a00-0 fVqAjV"
+          class="sc-ab356c14-0 bpNHPl"
         >
           <li
             aria-live="polite"
@@ -166,7 +166,7 @@ exports[`<DureePreavisLicenciement /> should render 1`] = `
         class="sc-bc9d1e5-1 csPxMe"
       >
         <button
-          class="sc-b0ebfae6-0 jQBCMS sc-bc9d1e5-0 sc-bc9d1e5-2 kyKZPU gPKfXM"
+          class="sc-95bd4344-0 jqYNvz sc-bc9d1e5-0 sc-bc9d1e5-2 kyKZPU gPKfXM"
         >
           Commencer
           <svg
diff --git a/packages/code-du-travail-frontend/src/outils/DureePreavisLicenciement/steps/__tests__/__snapshots__/Result.test.js.snap b/packages/code-du-travail-frontend/src/outils/DureePreavisLicenciement/steps/__tests__/__snapshots__/Result.test.js.snap
index 1c03159048..fc4beb6ce4 100644
--- a/packages/code-du-travail-frontend/src/outils/DureePreavisLicenciement/steps/__tests__/__snapshots__/Result.test.js.snap
+++ b/packages/code-du-travail-frontend/src/outils/DureePreavisLicenciement/steps/__tests__/__snapshots__/Result.test.js.snap
@@ -19,12 +19,12 @@ exports[`<StepResult /> should render with O duration 1`] = `
   <div>
     <button
       aria-expanded="false"
-      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
+      class="sc-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-efc7f1fd-0 cFvIxv"
+        class="sc-93c68677-0 fWneNg"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -40,13 +40,13 @@ exports[`<StepResult /> should render with O duration 1`] = `
         />
       </svg>
       <span
-        class="sc-a45f48bd-2 dzrMBi"
+        class="sc-da0440cf-2 cdlSfE"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-a45f48bd-0 dnXrPP"
+      class="sc-da0440cf-0 kQbZar"
     >
       <h2
         class="sc-967f95b8-2 fsAvGZ"
@@ -157,13 +157,13 @@ exports[`<StepResult /> should render with O duration 1`] = `
     </div>
   </div>
   <div
-    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
+    class="sc-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
   >
     <div
-      class="sc-b74609e1-0 elMQpY"
+      class="sc-66a696c4-0 MNJNF"
     >
       <div
-        class="sc-b74609e1-1 jxlJZx"
+        class="sc-66a696c4-1 dvlKxa"
       >
         <svg
           aria-hidden="true"
@@ -183,10 +183,10 @@ exports[`<StepResult /> should render with O duration 1`] = `
         </svg>
       </div>
       <div
-        class="sc-b74609e1-2 ipaEJM"
+        class="sc-66a696c4-2 eRMOZl"
       >
         <p
-          class="sc-a4406a0f-1 bEYgDv sc-add1a668-1 dblvAa"
+          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
         >
           Attention il peut exister une durée plus favorable
         </p>
@@ -256,12 +256,12 @@ exports[`<StepResult /> should render with both CC duration and CDT duration 1`]
   <div>
     <button
       aria-expanded="false"
-      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
+      class="sc-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-efc7f1fd-0 cFvIxv"
+        class="sc-93c68677-0 fWneNg"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -277,13 +277,13 @@ exports[`<StepResult /> should render with both CC duration and CDT duration 1`]
         />
       </svg>
       <span
-        class="sc-a45f48bd-2 dzrMBi"
+        class="sc-da0440cf-2 cdlSfE"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-a45f48bd-0 dnXrPP"
+      class="sc-da0440cf-0 kQbZar"
     >
       <h2
         class="sc-967f95b8-2 fsAvGZ"
@@ -394,13 +394,13 @@ exports[`<StepResult /> should render with both CC duration and CDT duration 1`]
     </div>
   </div>
   <div
-    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
+    class="sc-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
   >
     <div
-      class="sc-b74609e1-0 elMQpY"
+      class="sc-66a696c4-0 MNJNF"
     >
       <div
-        class="sc-b74609e1-1 jxlJZx"
+        class="sc-66a696c4-1 dvlKxa"
       >
         <svg
           aria-hidden="true"
@@ -420,10 +420,10 @@ exports[`<StepResult /> should render with both CC duration and CDT duration 1`]
         </svg>
       </div>
       <div
-        class="sc-b74609e1-2 ipaEJM"
+        class="sc-66a696c4-2 eRMOZl"
       >
         <p
-          class="sc-a4406a0f-1 bEYgDv sc-add1a668-1 dblvAa"
+          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
         >
           Attention il peut exister une durée plus favorable
         </p>
@@ -493,12 +493,12 @@ exports[`<StepResult /> should render with only CC duration 1`] = `
   <div>
     <button
       aria-expanded="false"
-      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
+      class="sc-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-efc7f1fd-0 cFvIxv"
+        class="sc-93c68677-0 fWneNg"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -514,13 +514,13 @@ exports[`<StepResult /> should render with only CC duration 1`] = `
         />
       </svg>
       <span
-        class="sc-a45f48bd-2 dzrMBi"
+        class="sc-da0440cf-2 cdlSfE"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-a45f48bd-0 dnXrPP"
+      class="sc-da0440cf-0 kQbZar"
     >
       <h2
         class="sc-967f95b8-2 fsAvGZ"
@@ -631,13 +631,13 @@ exports[`<StepResult /> should render with only CC duration 1`] = `
     </div>
   </div>
   <div
-    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
+    class="sc-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
   >
     <div
-      class="sc-b74609e1-0 elMQpY"
+      class="sc-66a696c4-0 MNJNF"
     >
       <div
-        class="sc-b74609e1-1 jxlJZx"
+        class="sc-66a696c4-1 dvlKxa"
       >
         <svg
           aria-hidden="true"
@@ -657,10 +657,10 @@ exports[`<StepResult /> should render with only CC duration 1`] = `
         </svg>
       </div>
       <div
-        class="sc-b74609e1-2 ipaEJM"
+        class="sc-66a696c4-2 eRMOZl"
       >
         <p
-          class="sc-a4406a0f-1 bEYgDv sc-add1a668-1 dblvAa"
+          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
         >
           Attention il peut exister une durée plus favorable
         </p>
@@ -730,12 +730,12 @@ exports[`<StepResult /> should render with when no CC 1`] = `
   <div>
     <button
       aria-expanded="false"
-      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
+      class="sc-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-efc7f1fd-0 cFvIxv"
+        class="sc-93c68677-0 fWneNg"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -751,13 +751,13 @@ exports[`<StepResult /> should render with when no CC 1`] = `
         />
       </svg>
       <span
-        class="sc-a45f48bd-2 dzrMBi"
+        class="sc-da0440cf-2 cdlSfE"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-a45f48bd-0 dnXrPP"
+      class="sc-da0440cf-0 kQbZar"
     >
       <h2
         class="sc-967f95b8-2 fsAvGZ"
@@ -811,13 +811,13 @@ exports[`<StepResult /> should render with when no CC 1`] = `
     </div>
   </div>
   <div
-    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
+    class="sc-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
   >
     <div
-      class="sc-b74609e1-0 elMQpY"
+      class="sc-66a696c4-0 MNJNF"
     >
       <div
-        class="sc-b74609e1-1 jxlJZx"
+        class="sc-66a696c4-1 dvlKxa"
       >
         <svg
           aria-hidden="true"
@@ -837,10 +837,10 @@ exports[`<StepResult /> should render with when no CC 1`] = `
         </svg>
       </div>
       <div
-        class="sc-b74609e1-2 ipaEJM"
+        class="sc-66a696c4-2 eRMOZl"
       >
         <p
-          class="sc-a4406a0f-1 bEYgDv sc-add1a668-1 dblvAa"
+          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
         >
           Attention il peut exister une durée plus favorable
         </p>
@@ -910,12 +910,12 @@ exports[`<StepResult /> should render with when unhandled CC 1`] = `
   <div>
     <button
       aria-expanded="false"
-      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
+      class="sc-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-efc7f1fd-0 cFvIxv"
+        class="sc-93c68677-0 fWneNg"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -931,13 +931,13 @@ exports[`<StepResult /> should render with when unhandled CC 1`] = `
         />
       </svg>
       <span
-        class="sc-a45f48bd-2 dzrMBi"
+        class="sc-da0440cf-2 cdlSfE"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-a45f48bd-0 dnXrPP"
+      class="sc-da0440cf-0 kQbZar"
     >
       <h2
         class="sc-967f95b8-2 fsAvGZ"
@@ -1001,13 +1001,13 @@ exports[`<StepResult /> should render with when unhandled CC 1`] = `
     </div>
   </div>
   <div
-    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
+    class="sc-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
   >
     <div
-      class="sc-b74609e1-0 elMQpY"
+      class="sc-66a696c4-0 MNJNF"
     >
       <div
-        class="sc-b74609e1-1 jxlJZx"
+        class="sc-66a696c4-1 dvlKxa"
       >
         <svg
           aria-hidden="true"
@@ -1027,10 +1027,10 @@ exports[`<StepResult /> should render with when unhandled CC 1`] = `
         </svg>
       </div>
       <div
-        class="sc-b74609e1-2 ipaEJM"
+        class="sc-66a696c4-2 eRMOZl"
       >
         <p
-          class="sc-a4406a0f-1 bEYgDv sc-add1a668-1 dblvAa"
+          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
         >
           Attention il peut exister une durée plus favorable
         </p>
diff --git a/packages/code-du-travail-frontend/src/outils/DureePreavisLicenciement/steps/__tests__/__snapshots__/Status.test.js.snap b/packages/code-du-travail-frontend/src/outils/DureePreavisLicenciement/steps/__tests__/__snapshots__/Status.test.js.snap
index 9689b8a5a7..4218d8e0b5 100644
--- a/packages/code-du-travail-frontend/src/outils/DureePreavisLicenciement/steps/__tests__/__snapshots__/Status.test.js.snap
+++ b/packages/code-du-travail-frontend/src/outils/DureePreavisLicenciement/steps/__tests__/__snapshots__/Status.test.js.snap
@@ -3,15 +3,15 @@
 exports[`<StepStatus /> should render 1`] = `
 <div>
   <legend
-    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-a4406a0f-0 bniLbk"
+      class="sc-3633cc97-0 eiVtrx"
     >
       Le licenciement est-il dû à une faute grave (ou lourde) ?
       <span
-        class="sc-a4406a0f-0 fsogbD"
+        class="sc-3633cc97-0 hpZWjW"
       >
          (obligatoire)
       </span>
@@ -21,10 +21,10 @@ exports[`<StepStatus /> should render 1`] = `
     class="sc-967f95b8-1 DCwXK"
   >
     <div
-      class="sc-3a87ec1e-1 eAvcwx"
+      class="sc-f2c30c13-1 cRwNeF"
     >
       <input
-        class="sc-3a87ec1e-2 foFPOF"
+        class="sc-f2c30c13-2 bKCzpJ"
         data-testid="seriousMisconduct-oui"
         id="seriousMisconduct-oui"
         name="seriousMisconduct"
@@ -32,17 +32,17 @@ exports[`<StepStatus /> should render 1`] = `
         value="true"
       />
       <label
-        class="sc-3a87ec1e-0 jaibCk"
+        class="sc-f2c30c13-0 ebobyG"
         for="seriousMisconduct-oui"
       >
         Oui
       </label>
     </div>
     <div
-      class="sc-3a87ec1e-1 eAvcwx"
+      class="sc-f2c30c13-1 cRwNeF"
     >
       <input
-        class="sc-3a87ec1e-2 foFPOF"
+        class="sc-f2c30c13-2 bKCzpJ"
         data-testid="seriousMisconduct-non"
         id="seriousMisconduct-non"
         name="seriousMisconduct"
@@ -50,7 +50,7 @@ exports[`<StepStatus /> should render 1`] = `
         value="false"
       />
       <label
-        class="sc-3a87ec1e-0 jaibCk"
+        class="sc-f2c30c13-0 ebobyG"
         for="seriousMisconduct-non"
       >
         Non
@@ -63,15 +63,15 @@ exports[`<StepStatus /> should render 1`] = `
 exports[`<StepStatus /> should render coefficient 1`] = `
 <div>
   <legend
-    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-a4406a0f-0 bniLbk"
+      class="sc-3633cc97-0 eiVtrx"
     >
       Le licenciement est-il dû à une faute grave (ou lourde) ?
       <span
-        class="sc-a4406a0f-0 fsogbD"
+        class="sc-3633cc97-0 hpZWjW"
       >
          (obligatoire)
       </span>
@@ -81,10 +81,10 @@ exports[`<StepStatus /> should render coefficient 1`] = `
     class="sc-967f95b8-1 DCwXK"
   >
     <div
-      class="sc-3a87ec1e-1 eAvcwx"
+      class="sc-f2c30c13-1 cRwNeF"
     >
       <input
-        class="sc-3a87ec1e-2 foFPOF"
+        class="sc-f2c30c13-2 bKCzpJ"
         data-testid="seriousMisconduct-oui"
         id="seriousMisconduct-oui"
         name="seriousMisconduct"
@@ -92,18 +92,18 @@ exports[`<StepStatus /> should render coefficient 1`] = `
         value="true"
       />
       <label
-        class="sc-3a87ec1e-0 jaibCk"
+        class="sc-f2c30c13-0 ebobyG"
         for="seriousMisconduct-oui"
       >
         Oui
       </label>
     </div>
     <div
-      class="sc-3a87ec1e-1 eAvcwx"
+      class="sc-f2c30c13-1 cRwNeF"
     >
       <input
         checked=""
-        class="sc-3a87ec1e-2 foFPOF"
+        class="sc-f2c30c13-2 bKCzpJ"
         data-testid="seriousMisconduct-non"
         id="seriousMisconduct-non"
         name="seriousMisconduct"
@@ -111,7 +111,7 @@ exports[`<StepStatus /> should render coefficient 1`] = `
         value="false"
       />
       <label
-        class="sc-3a87ec1e-0 jaibCk"
+        class="sc-f2c30c13-0 ebobyG"
         for="seriousMisconduct-non"
       >
         Non
@@ -119,15 +119,15 @@ exports[`<StepStatus /> should render coefficient 1`] = `
     </div>
   </div>
   <legend
-    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-a4406a0f-0 bniLbk"
+      class="sc-3633cc97-0 eiVtrx"
     >
       Le salarié concerné est-il reconnu en tant que travailleur handicapé ?
       <span
-        class="sc-a4406a0f-0 fsogbD"
+        class="sc-3633cc97-0 hpZWjW"
       >
          (obligatoire)
       </span>
@@ -137,11 +137,11 @@ exports[`<StepStatus /> should render coefficient 1`] = `
     class="sc-967f95b8-1 DCwXK"
   >
     <div
-      class="sc-3a87ec1e-1 eAvcwx"
+      class="sc-f2c30c13-1 cRwNeF"
     >
       <input
         checked=""
-        class="sc-3a87ec1e-2 foFPOF"
+        class="sc-f2c30c13-2 bKCzpJ"
         data-testid="disabledWorker-oui"
         id="disabledWorker-oui"
         name="disabledWorker"
@@ -149,17 +149,17 @@ exports[`<StepStatus /> should render coefficient 1`] = `
         value="true"
       />
       <label
-        class="sc-3a87ec1e-0 jaibCk"
+        class="sc-f2c30c13-0 ebobyG"
         for="disabledWorker-oui"
       >
         Oui
       </label>
     </div>
     <div
-      class="sc-3a87ec1e-1 eAvcwx"
+      class="sc-f2c30c13-1 cRwNeF"
     >
       <input
-        class="sc-3a87ec1e-2 foFPOF"
+        class="sc-f2c30c13-2 bKCzpJ"
         data-testid="disabledWorker-non"
         id="disabledWorker-non"
         name="disabledWorker"
@@ -167,7 +167,7 @@ exports[`<StepStatus /> should render coefficient 1`] = `
         value="false"
       />
       <label
-        class="sc-3a87ec1e-0 jaibCk"
+        class="sc-f2c30c13-0 ebobyG"
         for="disabledWorker-non"
       >
         Non
@@ -178,22 +178,22 @@ exports[`<StepStatus /> should render coefficient 1`] = `
     class="sc-bcc8e06a-2 jPdZuK"
   >
     <legend
-      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
       for="input-cdt.ancienneté"
     >
       <span
-        class="sc-a4406a0f-0 bniLbk"
+        class="sc-3633cc97-0 eiVtrx"
       >
         Quelle est l'ancienneté du salarié ?
         <span
-          class="sc-a4406a0f-0 fsogbD"
+          class="sc-3633cc97-0 hpZWjW"
         >
            (obligatoire)
         </span>
         <button
           aria-label="Plus d'informations"
-          class="sc-b0ebfae6-0 iBhawp sc-a7d5eed3-0 eLLPuO"
+          class="sc-95bd4344-0 ksRRNY sc-5e170fa-0 clgbGd"
           title="Plus d'informations"
           type="button"
         >
@@ -233,10 +233,10 @@ exports[`<StepStatus /> should render coefficient 1`] = `
       Choisissez parmi les catégories d'ancienneté telles que définies par le Code du travail
     </label>
     <div
-      class="sc-b8970624-0 fGqAMG sc-bcc8e06a-1 lhvsEJ"
+      class="sc-5a2c6b8f-0 yOEut sc-bcc8e06a-1 lhvsEJ"
     >
       <select
-        class="sc-b8970624-2 cwLeaN"
+        class="sc-5a2c6b8f-2 leEqvE"
         data-testid="cdt.ancienneté"
         id="input-cdt.ancienneté"
         name="cdt.ancienneté"
@@ -268,7 +268,7 @@ exports[`<StepStatus /> should render coefficient 1`] = `
       </select>
       <div
         aria-hidden="true"
-        class="sc-b8970624-1 bmgmee"
+        class="sc-5a2c6b8f-1 dTDGVJ"
       >
         <svg
           aria-hidden="true"
@@ -304,15 +304,15 @@ exports[`<StepStatus /> should render coefficient 1`] = `
 exports[`<StepStatus /> should render seriousMisconduct 1`] = `
 <div>
   <legend
-    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-a4406a0f-0 bniLbk"
+      class="sc-3633cc97-0 eiVtrx"
     >
       Le licenciement est-il dû à une faute grave (ou lourde) ?
       <span
-        class="sc-a4406a0f-0 fsogbD"
+        class="sc-3633cc97-0 hpZWjW"
       >
          (obligatoire)
       </span>
@@ -322,10 +322,10 @@ exports[`<StepStatus /> should render seriousMisconduct 1`] = `
     class="sc-967f95b8-1 DCwXK"
   >
     <div
-      class="sc-3a87ec1e-1 eAvcwx"
+      class="sc-f2c30c13-1 cRwNeF"
     >
       <input
-        class="sc-3a87ec1e-2 foFPOF"
+        class="sc-f2c30c13-2 bKCzpJ"
         data-testid="seriousMisconduct-oui"
         id="seriousMisconduct-oui"
         name="seriousMisconduct"
@@ -333,18 +333,18 @@ exports[`<StepStatus /> should render seriousMisconduct 1`] = `
         value="true"
       />
       <label
-        class="sc-3a87ec1e-0 jaibCk"
+        class="sc-f2c30c13-0 ebobyG"
         for="seriousMisconduct-oui"
       >
         Oui
       </label>
     </div>
     <div
-      class="sc-3a87ec1e-1 eAvcwx"
+      class="sc-f2c30c13-1 cRwNeF"
     >
       <input
         checked=""
-        class="sc-3a87ec1e-2 foFPOF"
+        class="sc-f2c30c13-2 bKCzpJ"
         data-testid="seriousMisconduct-non"
         id="seriousMisconduct-non"
         name="seriousMisconduct"
@@ -352,7 +352,7 @@ exports[`<StepStatus /> should render seriousMisconduct 1`] = `
         value="false"
       />
       <label
-        class="sc-3a87ec1e-0 jaibCk"
+        class="sc-f2c30c13-0 ebobyG"
         for="seriousMisconduct-non"
       >
         Non
@@ -360,15 +360,15 @@ exports[`<StepStatus /> should render seriousMisconduct 1`] = `
     </div>
   </div>
   <legend
-    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-a4406a0f-0 bniLbk"
+      class="sc-3633cc97-0 eiVtrx"
     >
       Le salarié concerné est-il reconnu en tant que travailleur handicapé ?
       <span
-        class="sc-a4406a0f-0 fsogbD"
+        class="sc-3633cc97-0 hpZWjW"
       >
          (obligatoire)
       </span>
@@ -378,10 +378,10 @@ exports[`<StepStatus /> should render seriousMisconduct 1`] = `
     class="sc-967f95b8-1 DCwXK"
   >
     <div
-      class="sc-3a87ec1e-1 eAvcwx"
+      class="sc-f2c30c13-1 cRwNeF"
     >
       <input
-        class="sc-3a87ec1e-2 foFPOF"
+        class="sc-f2c30c13-2 bKCzpJ"
         data-testid="disabledWorker-oui"
         id="disabledWorker-oui"
         name="disabledWorker"
@@ -389,17 +389,17 @@ exports[`<StepStatus /> should render seriousMisconduct 1`] = `
         value="true"
       />
       <label
-        class="sc-3a87ec1e-0 jaibCk"
+        class="sc-f2c30c13-0 ebobyG"
         for="disabledWorker-oui"
       >
         Oui
       </label>
     </div>
     <div
-      class="sc-3a87ec1e-1 eAvcwx"
+      class="sc-f2c30c13-1 cRwNeF"
     >
       <input
-        class="sc-3a87ec1e-2 foFPOF"
+        class="sc-f2c30c13-2 bKCzpJ"
         data-testid="disabledWorker-non"
         id="disabledWorker-non"
         name="disabledWorker"
@@ -407,7 +407,7 @@ exports[`<StepStatus /> should render seriousMisconduct 1`] = `
         value="false"
       />
       <label
-        class="sc-3a87ec1e-0 jaibCk"
+        class="sc-f2c30c13-0 ebobyG"
         for="disabledWorker-non"
       >
         Non
diff --git a/packages/code-du-travail-frontend/src/outils/HeuresRechercheEmploi/__tests__/__snapshots__/index.test.tsx.snap b/packages/code-du-travail-frontend/src/outils/HeuresRechercheEmploi/__tests__/__snapshots__/index.test.tsx.snap
index 2f8e5796cc..78603459db 100644
--- a/packages/code-du-travail-frontend/src/outils/HeuresRechercheEmploi/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/code-du-travail-frontend/src/outils/HeuresRechercheEmploi/__tests__/__snapshots__/index.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`<HeuresRechercheEmploi /> should render 1`] = `
 <div>
   <div
-    class="sc-13323d30-0 eYPJba"
+    class="sc-2a0a4b0a-0 hpYuum"
   >
     <form
       class="sc-d0ca486a-0 LJxxm"
@@ -71,7 +71,7 @@ exports[`<HeuresRechercheEmploi /> should render 1`] = `
         </div>
       </div>
       <div
-        class="sc-13323d30-0 sc-a01ac225-0 exlNfj dIXgrP"
+        class="sc-2a0a4b0a-0 sc-a01ac225-0 dLOZmV dIXgrP"
       >
         <span
           class="sc-a01ac225-1 iBHdtt"
@@ -90,7 +90,7 @@ exports[`<HeuresRechercheEmploi /> should render 1`] = `
           </span>
         </span>
         <ol
-          class="sc-78dd7a00-0 fVqAjV"
+          class="sc-ab356c14-0 bpNHPl"
         >
           <li
             aria-live="polite"
@@ -166,7 +166,7 @@ exports[`<HeuresRechercheEmploi /> should render 1`] = `
         class="sc-bc9d1e5-1 csPxMe"
       >
         <button
-          class="sc-b0ebfae6-0 jQBCMS sc-bc9d1e5-0 sc-bc9d1e5-2 kyKZPU gPKfXM"
+          class="sc-95bd4344-0 jqYNvz sc-bc9d1e5-0 sc-bc9d1e5-2 kyKZPU gPKfXM"
         >
           Commencer
           <svg
diff --git a/packages/code-du-travail-frontend/src/outils/HeuresRechercheEmploi/steps/__tests__/__snapshots__/Result.test.tsx.snap b/packages/code-du-travail-frontend/src/outils/HeuresRechercheEmploi/steps/__tests__/__snapshots__/Result.test.tsx.snap
index 8ccc3816e3..8ef93883af 100644
--- a/packages/code-du-travail-frontend/src/outils/HeuresRechercheEmploi/steps/__tests__/__snapshots__/Result.test.tsx.snap
+++ b/packages/code-du-travail-frontend/src/outils/HeuresRechercheEmploi/steps/__tests__/__snapshots__/Result.test.tsx.snap
@@ -13,12 +13,12 @@ exports[`<StepResult /> should render no results 1`] = `
   <div>
     <button
       aria-expanded="false"
-      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
+      class="sc-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-efc7f1fd-0 cFvIxv"
+        class="sc-93c68677-0 fWneNg"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -34,13 +34,13 @@ exports[`<StepResult /> should render no results 1`] = `
         />
       </svg>
       <span
-        class="sc-a45f48bd-2 dzrMBi"
+        class="sc-da0440cf-2 cdlSfE"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-a45f48bd-0 dnXrPP"
+      class="sc-da0440cf-0 kQbZar"
     >
       <h2
         class="sc-967f95b8-2 fsAvGZ"
@@ -101,13 +101,13 @@ exports[`<StepResult /> should render no results 1`] = `
     </div>
   </div>
   <div
-    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
+    class="sc-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
   >
     <div
-      class="sc-b74609e1-0 elMQpY"
+      class="sc-66a696c4-0 MNJNF"
     >
       <div
-        class="sc-b74609e1-1 jxlJZx"
+        class="sc-66a696c4-1 dvlKxa"
       >
         <svg
           aria-hidden="true"
@@ -127,10 +127,10 @@ exports[`<StepResult /> should render no results 1`] = `
         </svg>
       </div>
       <div
-        class="sc-b74609e1-2 ipaEJM"
+        class="sc-66a696c4-2 eRMOZl"
       >
         <p
-          class="sc-a4406a0f-1 bEYgDv sc-add1a668-1 dblvAa"
+          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
         >
           Attention il peut exister une durée plus favorable
         </p>
@@ -185,12 +185,12 @@ exports[`<StepResult /> should render with duration 1`] = `
   <div>
     <button
       aria-expanded="false"
-      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
+      class="sc-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-efc7f1fd-0 cFvIxv"
+        class="sc-93c68677-0 fWneNg"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -206,13 +206,13 @@ exports[`<StepResult /> should render with duration 1`] = `
         />
       </svg>
       <span
-        class="sc-a45f48bd-2 dzrMBi"
+        class="sc-da0440cf-2 cdlSfE"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-a45f48bd-0 dnXrPP"
+      class="sc-da0440cf-0 kQbZar"
     >
       <h2
         class="sc-967f95b8-2 fsAvGZ"
@@ -266,13 +266,13 @@ exports[`<StepResult /> should render with duration 1`] = `
     </div>
   </div>
   <div
-    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
+    class="sc-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
   >
     <div
-      class="sc-b74609e1-0 elMQpY"
+      class="sc-66a696c4-0 MNJNF"
     >
       <div
-        class="sc-b74609e1-1 jxlJZx"
+        class="sc-66a696c4-1 dvlKxa"
       >
         <svg
           aria-hidden="true"
@@ -292,10 +292,10 @@ exports[`<StepResult /> should render with duration 1`] = `
         </svg>
       </div>
       <div
-        class="sc-b74609e1-2 ipaEJM"
+        class="sc-66a696c4-2 eRMOZl"
       >
         <p
-          class="sc-a4406a0f-1 bEYgDv sc-add1a668-1 dblvAa"
+          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
         >
           Attention il peut exister une durée plus favorable
         </p>
diff --git a/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/__tests__/__snapshots__/index.test.tsx.snap b/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/__tests__/__snapshots__/index.test.tsx.snap
index 38869eacb8..c96e999646 100644
--- a/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/__tests__/__snapshots__/index.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`<SimulateurIndemnitePrecarite /> should render 1`] = `
 <div>
   <div
-    class="sc-13323d30-0 eYPJba"
+    class="sc-2a0a4b0a-0 hpYuum"
   >
     <form
       class="sc-d0ca486a-0 LJxxm"
@@ -71,7 +71,7 @@ exports[`<SimulateurIndemnitePrecarite /> should render 1`] = `
         </div>
       </div>
       <div
-        class="sc-13323d30-0 sc-a01ac225-0 exlNfj dIXgrP"
+        class="sc-2a0a4b0a-0 sc-a01ac225-0 dLOZmV dIXgrP"
       >
         <span
           class="sc-a01ac225-1 iBHdtt"
@@ -90,7 +90,7 @@ exports[`<SimulateurIndemnitePrecarite /> should render 1`] = `
           </span>
         </span>
         <ol
-          class="sc-78dd7a00-0 fVqAjV"
+          class="sc-ab356c14-0 bpNHPl"
         >
           <li
             aria-live="polite"
@@ -156,7 +156,7 @@ exports[`<SimulateurIndemnitePrecarite /> should render 1`] = `
         class="sc-bc9d1e5-1 csPxMe"
       >
         <button
-          class="sc-b0ebfae6-0 jQBCMS sc-bc9d1e5-0 sc-bc9d1e5-2 kyKZPU gPKfXM"
+          class="sc-95bd4344-0 jqYNvz sc-bc9d1e5-0 sc-bc9d1e5-2 kyKZPU gPKfXM"
         >
           Commencer
           <svg
diff --git a/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/components/__tests__/__snapshots__/Salaires.test.js.snap b/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/components/__tests__/__snapshots__/Salaires.test.js.snap
index baf013fe98..fff108f3cd 100644
--- a/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/components/__tests__/__snapshots__/Salaires.test.js.snap
+++ b/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/components/__tests__/__snapshots__/Salaires.test.js.snap
@@ -3,15 +3,15 @@
 exports[`<Salaires /> should add a salaire 1`] = `
 <div>
   <legend
-    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-a4406a0f-0 bniLbk"
+      class="sc-3633cc97-0 eiVtrx"
     >
       Quels sont les salaires mensuels bruts perçus durant le contrat de travail ?
       <span
-        class="sc-a4406a0f-0 fsogbD"
+        class="sc-3633cc97-0 hpZWjW"
       >
          (obligatoire)
       </span>
@@ -30,10 +30,10 @@ exports[`<Salaires /> should add a salaire 1`] = `
       class="sc-543ce436-0 cIRCgl"
     >
       <div
-        class="sc-46a9700d-0 eEbjpm"
+        class="sc-669fe731-0 amSvQ"
       >
         <input
-          class="sc-46a9700d-1 fimDMY"
+          class="sc-669fe731-1 htKjGt"
           data-testid="currency"
           id="5"
           name="salaires[0].salaire"
@@ -41,7 +41,7 @@ exports[`<Salaires /> should add a salaire 1`] = `
           value=""
         />
         <div
-          class="sc-46a9700d-2 jsyFGT"
+          class="sc-669fe731-2 kODRkJ"
         >
           <span>
             €
@@ -50,7 +50,7 @@ exports[`<Salaires /> should add a salaire 1`] = `
       </div>
     </div>
     <button
-      class="sc-b0ebfae6-0 dGXoMZ sc-a2eff38b-1 cannHC"
+      class="sc-95bd4344-0 dxXsic sc-a2eff38b-1 cannHC"
       type="button"
     >
       Supprimer
@@ -71,7 +71,7 @@ exports[`<Salaires /> should add a salaire 1`] = `
     </button>
   </div>
   <button
-    class="sc-b0ebfae6-0 dGXoMZ sc-88652f35-0 jXCgfW"
+    class="sc-95bd4344-0 dxXsic sc-88652f35-0 jXCgfW"
     type="button"
   >
     <svg
@@ -96,22 +96,22 @@ exports[`<Salaires /> should add a salaire 1`] = `
 exports[`<Salaires /> should delete a salaires 1`] = `
 <div>
   <legend
-    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-a4406a0f-0 bniLbk"
+      class="sc-3633cc97-0 eiVtrx"
     >
       Quels sont les salaires mensuels bruts perçus durant le contrat de travail ?
       <span
-        class="sc-a4406a0f-0 fsogbD"
+        class="sc-3633cc97-0 hpZWjW"
       >
          (obligatoire)
       </span>
     </span>
   </legend>
   <button
-    class="sc-b0ebfae6-0 dGXoMZ sc-88652f35-0 jXCgfW"
+    class="sc-95bd4344-0 dxXsic sc-88652f35-0 jXCgfW"
     type="button"
   >
     <svg
@@ -136,15 +136,15 @@ exports[`<Salaires /> should delete a salaires 1`] = `
 exports[`<Salaires /> should render 1`] = `
 <div>
   <legend
-    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-a4406a0f-0 bniLbk"
+      class="sc-3633cc97-0 eiVtrx"
     >
       Quels sont les salaires mensuels bruts perçus durant le contrat de travail ?
       <span
-        class="sc-a4406a0f-0 fsogbD"
+        class="sc-3633cc97-0 hpZWjW"
       >
          (obligatoire)
       </span>
@@ -163,10 +163,10 @@ exports[`<Salaires /> should render 1`] = `
       class="sc-543ce436-0 cIRCgl"
     >
       <div
-        class="sc-46a9700d-0 eEbjpm"
+        class="sc-669fe731-0 amSvQ"
       >
         <input
-          class="sc-46a9700d-1 fimDMY"
+          class="sc-669fe731-1 htKjGt"
           data-testid="currency"
           id="1"
           name="salaires[0].salaire"
@@ -174,7 +174,7 @@ exports[`<Salaires /> should render 1`] = `
           value="3000"
         />
         <div
-          class="sc-46a9700d-2 jsyFGT"
+          class="sc-669fe731-2 kODRkJ"
         >
           <span>
             €
@@ -183,7 +183,7 @@ exports[`<Salaires /> should render 1`] = `
       </div>
     </div>
     <button
-      class="sc-b0ebfae6-0 dGXoMZ sc-a2eff38b-1 cannHC"
+      class="sc-95bd4344-0 dxXsic sc-a2eff38b-1 cannHC"
       type="button"
     >
       Supprimer
@@ -204,7 +204,7 @@ exports[`<Salaires /> should render 1`] = `
     </button>
   </div>
   <button
-    class="sc-b0ebfae6-0 dGXoMZ sc-88652f35-0 jXCgfW"
+    class="sc-95bd4344-0 dxXsic sc-88652f35-0 jXCgfW"
     type="button"
   >
     <svg
diff --git a/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/components/__tests__/__snapshots__/TypeContrat.test.js.snap b/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/components/__tests__/__snapshots__/TypeContrat.test.js.snap
index e5e85c3396..2efee886e7 100644
--- a/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/components/__tests__/__snapshots__/TypeContrat.test.js.snap
+++ b/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/components/__tests__/__snapshots__/TypeContrat.test.js.snap
@@ -3,25 +3,25 @@
 exports[`<TypeContrat /> should render 1`] = `
 <div>
   <legend
-    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-a4406a0f-0 bniLbk"
+      class="sc-3633cc97-0 eiVtrx"
     >
       Quel est le type du contrat de travail ?
       <span
-        class="sc-a4406a0f-0 fsogbD"
+        class="sc-3633cc97-0 hpZWjW"
       >
          (obligatoire)
       </span>
     </span>
   </legend>
   <div
-    class="sc-3a87ec1e-1 eAvcwx"
+    class="sc-f2c30c13-1 cRwNeF"
   >
     <input
-      class="sc-3a87ec1e-2 foFPOF"
+      class="sc-f2c30c13-2 bKCzpJ"
       data-testid="contrat-cdd"
       id="contrat-cdd"
       name="contrat"
@@ -29,24 +29,24 @@ exports[`<TypeContrat /> should render 1`] = `
       value="CDD"
     />
     <label
-      class="sc-3a87ec1e-0 jaibCk"
+      class="sc-f2c30c13-0 ebobyG"
       for="contrat-cdd"
     >
       Contrat à durée déterminée (CDD)
     </label>
   </div>
   <div
-    class="sc-3a87ec1e-1 eAvcwx"
+    class="sc-f2c30c13-1 cRwNeF"
   >
     <input
-      class="sc-3a87ec1e-2 foFPOF"
+      class="sc-f2c30c13-2 bKCzpJ"
       id="contrat-ci"
       name="contrat"
       type="radio"
       value="CTT"
     />
     <label
-      class="sc-3a87ec1e-0 jaibCk"
+      class="sc-f2c30c13-0 ebobyG"
       for="contrat-ci"
     >
       Contrat de travail temporaire (Contrat d’intérim)
diff --git a/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/components/__tests__/__snapshots__/TypeRemuneration.test.js.snap b/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/components/__tests__/__snapshots__/TypeRemuneration.test.js.snap
index be8351cb5e..83a4d48ca7 100644
--- a/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/components/__tests__/__snapshots__/TypeRemuneration.test.js.snap
+++ b/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/components/__tests__/__snapshots__/TypeRemuneration.test.js.snap
@@ -3,25 +3,25 @@
 exports[`<TypeRemuneration /> should render 1`] = `
 <div>
   <legend
-    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-a4406a0f-0 bniLbk"
+      class="sc-3633cc97-0 eiVtrx"
     >
       Comment souhaitez-vous indiquer la rémunération perçue pendant le contrat de travail ?
       <span
-        class="sc-a4406a0f-0 fsogbD"
+        class="sc-3633cc97-0 hpZWjW"
       >
          (obligatoire)
       </span>
     </span>
   </legend>
   <div
-    class="sc-3a87ec1e-1 eAvcwx"
+    class="sc-f2c30c13-1 cRwNeF"
   >
     <input
-      class="sc-3a87ec1e-2 foFPOF"
+      class="sc-f2c30c13-2 bKCzpJ"
       data-testid="typeRemuneration-amount"
       id="typeRemuneration-amount"
       name="typeRemuneration"
@@ -29,7 +29,7 @@ exports[`<TypeRemuneration /> should render 1`] = `
       value="total"
     />
     <label
-      class="sc-3a87ec1e-0 jaibCk"
+      class="sc-f2c30c13-0 ebobyG"
       for="typeRemuneration-amount"
     >
       <span>
@@ -42,17 +42,17 @@ exports[`<TypeRemuneration /> should render 1`] = `
     </label>
   </div>
   <div
-    class="sc-3a87ec1e-1 eAvcwx"
+    class="sc-f2c30c13-1 cRwNeF"
   >
     <input
-      class="sc-3a87ec1e-2 foFPOF"
+      class="sc-f2c30c13-2 bKCzpJ"
       id="typeRemuneration-pay"
       name="typeRemuneration"
       type="radio"
       value="mensuel"
     />
     <label
-      class="sc-3a87ec1e-0 jaibCk"
+      class="sc-f2c30c13-0 ebobyG"
       for="typeRemuneration-pay"
     >
       <span>
diff --git a/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/steps/__tests__/__snapshots__/CDD.test.js.snap b/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/steps/__tests__/__snapshots__/CDD.test.js.snap
index 8947eb2cfe..1a56119800 100644
--- a/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/steps/__tests__/__snapshots__/CDD.test.js.snap
+++ b/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/steps/__tests__/__snapshots__/CDD.test.js.snap
@@ -4,15 +4,15 @@ exports[`<StepCDD /> should render 1`] = `
 <div>
   <form>
     <legend
-      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-a4406a0f-0 bniLbk"
+        class="sc-3633cc97-0 eiVtrx"
       >
         Le CDD a-t-il été rompu pendant la période d’essai du salarié ?
         <span
-          class="sc-a4406a0f-0 fsogbD"
+          class="sc-3633cc97-0 hpZWjW"
         >
            (obligatoire)
         </span>
@@ -23,10 +23,10 @@ exports[`<StepCDD /> should render 1`] = `
       data-testid="finContratPeriodeDessai"
     >
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="finContratPeriodeDessai-oui"
           id="finContratPeriodeDessai-oui"
           name="finContratPeriodeDessai"
@@ -34,17 +34,17 @@ exports[`<StepCDD /> should render 1`] = `
           value="true"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="finContratPeriodeDessai-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="finContratPeriodeDessai-non"
           id="finContratPeriodeDessai-non"
           name="finContratPeriodeDessai"
@@ -52,7 +52,7 @@ exports[`<StepCDD /> should render 1`] = `
           value="false"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="finContratPeriodeDessai-non"
         >
           Non
@@ -60,15 +60,15 @@ exports[`<StepCDD /> should render 1`] = `
       </div>
     </div>
     <legend
-      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-a4406a0f-0 bniLbk"
+        class="sc-3633cc97-0 eiVtrx"
       >
         À la fin du CDD, le salarié a-t-il été immédiatement embauché en CDI, sans interruption, sur un même poste ou sur un poste différent ?
         <span
-          class="sc-a4406a0f-0 fsogbD"
+          class="sc-3633cc97-0 hpZWjW"
         >
            (obligatoire)
         </span>
@@ -79,10 +79,10 @@ exports[`<StepCDD /> should render 1`] = `
       data-testid="propositionCDIFindeContrat"
     >
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="propositionCDIFindeContrat-oui"
           id="propositionCDIFindeContrat-oui"
           name="propositionCDIFindeContrat"
@@ -90,17 +90,17 @@ exports[`<StepCDD /> should render 1`] = `
           value="true"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="propositionCDIFindeContrat-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="propositionCDIFindeContrat-non"
           id="propositionCDIFindeContrat-non"
           name="propositionCDIFindeContrat"
@@ -108,7 +108,7 @@ exports[`<StepCDD /> should render 1`] = `
           value="false"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="propositionCDIFindeContrat-non"
         >
           Non
@@ -116,15 +116,15 @@ exports[`<StepCDD /> should render 1`] = `
       </div>
     </div>
     <legend
-      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-a4406a0f-0 bniLbk"
+        class="sc-3633cc97-0 eiVtrx"
       >
         Le CDD a-t-il été rompu avant la fin prévue pour une des raisons suivantes : la propre initiative du salarié, la faute grave ou faute lourde du salarié, cas de force majeure ?
         <span
-          class="sc-a4406a0f-0 fsogbD"
+          class="sc-3633cc97-0 hpZWjW"
         >
            (obligatoire)
         </span>
@@ -135,10 +135,10 @@ exports[`<StepCDD /> should render 1`] = `
       data-testid="interruptionFauteGrave"
     >
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="interruptionFauteGrave-oui"
           id="interruptionFauteGrave-oui"
           name="interruptionFauteGrave"
@@ -146,17 +146,17 @@ exports[`<StepCDD /> should render 1`] = `
           value="true"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="interruptionFauteGrave-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="interruptionFauteGrave-non"
           id="interruptionFauteGrave-non"
           name="interruptionFauteGrave"
@@ -164,7 +164,7 @@ exports[`<StepCDD /> should render 1`] = `
           value="false"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="interruptionFauteGrave-non"
         >
           Non
@@ -172,15 +172,15 @@ exports[`<StepCDD /> should render 1`] = `
       </div>
     </div>
     <legend
-      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-a4406a0f-0 bniLbk"
+        class="sc-3633cc97-0 eiVtrx"
       >
         Le salarié a-t-il refusé de renouveler le CDD alors que le renouvellement et ses modalités étaient prévus dès l’origine dans son contrat ?
         <span
-          class="sc-a4406a0f-0 fsogbD"
+          class="sc-3633cc97-0 hpZWjW"
         >
            (obligatoire)
         </span>
@@ -191,10 +191,10 @@ exports[`<StepCDD /> should render 1`] = `
       data-testid="refusRenouvellementAuto"
     >
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="refusRenouvellementAuto-oui"
           id="refusRenouvellementAuto-oui"
           name="refusRenouvellementAuto"
@@ -202,17 +202,17 @@ exports[`<StepCDD /> should render 1`] = `
           value="true"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="refusRenouvellementAuto-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="refusRenouvellementAuto-non"
           id="refusRenouvellementAuto-non"
           name="refusRenouvellementAuto"
@@ -220,7 +220,7 @@ exports[`<StepCDD /> should render 1`] = `
           value="false"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="refusRenouvellementAuto-non"
         >
           Non
diff --git a/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/steps/__tests__/__snapshots__/CTT.test.js.snap b/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/steps/__tests__/__snapshots__/CTT.test.js.snap
index 948e5652dd..5f061e9853 100644
--- a/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/steps/__tests__/__snapshots__/CTT.test.js.snap
+++ b/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/steps/__tests__/__snapshots__/CTT.test.js.snap
@@ -4,15 +4,15 @@ exports[`<StepCTT /> should render 1`] = `
 <div>
   <form>
     <legend
-      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-a4406a0f-0 bniLbk"
+        class="sc-3633cc97-0 eiVtrx"
       >
         S’agit-il d’un contrat de mission-formation ?
         <span
-          class="sc-a4406a0f-0 fsogbD"
+          class="sc-3633cc97-0 hpZWjW"
         >
            (obligatoire)
         </span>
@@ -23,10 +23,10 @@ exports[`<StepCTT /> should render 1`] = `
       data-testid="cttFormation"
     >
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="cttFormation-oui"
           id="cttFormation-oui"
           name="cttFormation"
@@ -34,17 +34,17 @@ exports[`<StepCTT /> should render 1`] = `
           value="true"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="cttFormation-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="cttFormation-non"
           id="cttFormation-non"
           name="cttFormation"
@@ -52,7 +52,7 @@ exports[`<StepCTT /> should render 1`] = `
           value="false"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="cttFormation-non"
         >
           Non
@@ -60,15 +60,15 @@ exports[`<StepCTT /> should render 1`] = `
       </div>
     </div>
     <legend
-      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-a4406a0f-0 bniLbk"
+        class="sc-3633cc97-0 eiVtrx"
       >
         Le contrat d'intérim a-t-il été rompu avant la fin prévue pour une des raisons suivantes : la propre initiative du salarié, la faute grave du salarié, cas de force majeure ?
         <span
-          class="sc-a4406a0f-0 fsogbD"
+          class="sc-3633cc97-0 hpZWjW"
         >
            (obligatoire)
         </span>
@@ -79,10 +79,10 @@ exports[`<StepCTT /> should render 1`] = `
       data-testid="ruptureContratFauteGrave"
     >
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="ruptureContratFauteGrave-oui"
           id="ruptureContratFauteGrave-oui"
           name="ruptureContratFauteGrave"
@@ -90,17 +90,17 @@ exports[`<StepCTT /> should render 1`] = `
           value="true"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="ruptureContratFauteGrave-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="ruptureContratFauteGrave-non"
           id="ruptureContratFauteGrave-non"
           name="ruptureContratFauteGrave"
@@ -108,7 +108,7 @@ exports[`<StepCTT /> should render 1`] = `
           value="false"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="ruptureContratFauteGrave-non"
         >
           Non
@@ -116,15 +116,15 @@ exports[`<StepCTT /> should render 1`] = `
       </div>
     </div>
     <legend
-      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-a4406a0f-0 bniLbk"
+        class="sc-3633cc97-0 eiVtrx"
       >
         À la fin du contrat d'intérim, le salarié a-t-il été immédiatement embauché en CDI au sein de l'entreprise dans laquelle il effectuait sa mission ?
         <span
-          class="sc-a4406a0f-0 fsogbD"
+          class="sc-3633cc97-0 hpZWjW"
         >
            (obligatoire)
         </span>
@@ -135,10 +135,10 @@ exports[`<StepCTT /> should render 1`] = `
       data-testid="propositionCDIFinContrat"
     >
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="propositionCDIFinContrat-oui"
           id="propositionCDIFinContrat-oui"
           name="propositionCDIFinContrat"
@@ -146,17 +146,17 @@ exports[`<StepCTT /> should render 1`] = `
           value="true"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="propositionCDIFinContrat-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="propositionCDIFinContrat-non"
           id="propositionCDIFinContrat-non"
           name="propositionCDIFinContrat"
@@ -164,7 +164,7 @@ exports[`<StepCTT /> should render 1`] = `
           value="false"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="propositionCDIFinContrat-non"
         >
           Non
@@ -172,15 +172,15 @@ exports[`<StepCTT /> should render 1`] = `
       </div>
     </div>
     <legend
-      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-a4406a0f-0 bniLbk"
+        class="sc-3633cc97-0 eiVtrx"
       >
         Le salarié a-t-il refusé la mise en œuvre de la souplesse prévue dans le contrat d’intérim ?
         <span
-          class="sc-a4406a0f-0 fsogbD"
+          class="sc-3633cc97-0 hpZWjW"
         >
            (obligatoire)
         </span>
@@ -191,10 +191,10 @@ exports[`<StepCTT /> should render 1`] = `
       data-testid="refusSouplesse"
     >
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="refusSouplesse-oui"
           id="refusSouplesse-oui"
           name="refusSouplesse"
@@ -202,17 +202,17 @@ exports[`<StepCTT /> should render 1`] = `
           value="true"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="refusSouplesse-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="refusSouplesse-non"
           id="refusSouplesse-non"
           name="refusSouplesse"
@@ -220,7 +220,7 @@ exports[`<StepCTT /> should render 1`] = `
           value="false"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="refusSouplesse-non"
         >
           Non
diff --git a/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/steps/__tests__/__snapshots__/Indemnite.test.js.snap b/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/steps/__tests__/__snapshots__/Indemnite.test.js.snap
index 058a75c2cc..e9224ef3e7 100644
--- a/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/steps/__tests__/__snapshots__/Indemnite.test.js.snap
+++ b/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/steps/__tests__/__snapshots__/Indemnite.test.js.snap
@@ -23,12 +23,12 @@ exports[`<StepIndemnite /> should render cdd indemnite with conventional provisi
   <div>
     <button
       aria-expanded="false"
-      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
+      class="sc-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-efc7f1fd-0 cFvIxv"
+        class="sc-93c68677-0 fWneNg"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -44,13 +44,13 @@ exports[`<StepIndemnite /> should render cdd indemnite with conventional provisi
         />
       </svg>
       <span
-        class="sc-a45f48bd-2 dzrMBi"
+        class="sc-da0440cf-2 cdlSfE"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-a45f48bd-0 dnXrPP"
+      class="sc-da0440cf-0 kQbZar"
     >
       <h2
         class="sc-967f95b8-2 fsAvGZ"
@@ -396,13 +396,13 @@ exports[`<StepIndemnite /> should render cdd indemnite with conventional provisi
     </div>
   </div>
   <div
-    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
+    class="sc-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
   >
     <div
-      class="sc-b74609e1-0 elMQpY"
+      class="sc-66a696c4-0 MNJNF"
     >
       <div
-        class="sc-b74609e1-1 jxlJZx"
+        class="sc-66a696c4-1 dvlKxa"
       >
         <svg
           aria-hidden="true"
@@ -422,10 +422,10 @@ exports[`<StepIndemnite /> should render cdd indemnite with conventional provisi
         </svg>
       </div>
       <div
-        class="sc-b74609e1-2 ipaEJM"
+        class="sc-66a696c4-2 eRMOZl"
       >
         <p
-          class="sc-a4406a0f-1 bEYgDv sc-add1a668-1 dblvAa"
+          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
         >
           Attention il peut exister un montant plus favorable
         </p>
@@ -473,12 +473,12 @@ exports[`<StepIndemnite /> should render cdd indemnite with no ccn message 1`] =
   <div>
     <button
       aria-expanded="false"
-      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
+      class="sc-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-efc7f1fd-0 cFvIxv"
+        class="sc-93c68677-0 fWneNg"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -494,13 +494,13 @@ exports[`<StepIndemnite /> should render cdd indemnite with no ccn message 1`] =
         />
       </svg>
       <span
-        class="sc-a45f48bd-2 dzrMBi"
+        class="sc-da0440cf-2 cdlSfE"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-a45f48bd-0 dnXrPP"
+      class="sc-da0440cf-0 kQbZar"
     >
       <h2
         class="sc-967f95b8-2 fsAvGZ"
@@ -834,13 +834,13 @@ exports[`<StepIndemnite /> should render cdd indemnite with no ccn message 1`] =
     </div>
   </div>
   <div
-    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
+    class="sc-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
   >
     <div
-      class="sc-b74609e1-0 elMQpY"
+      class="sc-66a696c4-0 MNJNF"
     >
       <div
-        class="sc-b74609e1-1 jxlJZx"
+        class="sc-66a696c4-1 dvlKxa"
       >
         <svg
           aria-hidden="true"
@@ -860,10 +860,10 @@ exports[`<StepIndemnite /> should render cdd indemnite with no ccn message 1`] =
         </svg>
       </div>
       <div
-        class="sc-b74609e1-2 ipaEJM"
+        class="sc-66a696c4-2 eRMOZl"
       >
         <p
-          class="sc-a4406a0f-1 bEYgDv sc-add1a668-1 dblvAa"
+          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
         >
           Attention il peut exister un montant plus favorable
         </p>
@@ -914,12 +914,12 @@ exports[`<StepIndemnite /> should render cdd indemnite with no conventional prov
   <div>
     <button
       aria-expanded="false"
-      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
+      class="sc-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-efc7f1fd-0 cFvIxv"
+        class="sc-93c68677-0 fWneNg"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -935,13 +935,13 @@ exports[`<StepIndemnite /> should render cdd indemnite with no conventional prov
         />
       </svg>
       <span
-        class="sc-a45f48bd-2 dzrMBi"
+        class="sc-da0440cf-2 cdlSfE"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-a45f48bd-0 dnXrPP"
+      class="sc-da0440cf-0 kQbZar"
     >
       <h2
         class="sc-967f95b8-2 fsAvGZ"
@@ -1287,13 +1287,13 @@ exports[`<StepIndemnite /> should render cdd indemnite with no conventional prov
     </div>
   </div>
   <div
-    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
+    class="sc-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
   >
     <div
-      class="sc-b74609e1-0 elMQpY"
+      class="sc-66a696c4-0 MNJNF"
     >
       <div
-        class="sc-b74609e1-1 jxlJZx"
+        class="sc-66a696c4-1 dvlKxa"
       >
         <svg
           aria-hidden="true"
@@ -1313,10 +1313,10 @@ exports[`<StepIndemnite /> should render cdd indemnite with no conventional prov
         </svg>
       </div>
       <div
-        class="sc-b74609e1-2 ipaEJM"
+        class="sc-66a696c4-2 eRMOZl"
       >
         <p
-          class="sc-a4406a0f-1 bEYgDv sc-add1a668-1 dblvAa"
+          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
         >
           Attention il peut exister un montant plus favorable
         </p>
@@ -1367,12 +1367,12 @@ exports[`<StepIndemnite /> should render cdd indemnite with unhandled cc message
   <div>
     <button
       aria-expanded="false"
-      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
+      class="sc-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-efc7f1fd-0 cFvIxv"
+        class="sc-93c68677-0 fWneNg"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -1388,13 +1388,13 @@ exports[`<StepIndemnite /> should render cdd indemnite with unhandled cc message
         />
       </svg>
       <span
-        class="sc-a45f48bd-2 dzrMBi"
+        class="sc-da0440cf-2 cdlSfE"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-a45f48bd-0 dnXrPP"
+      class="sc-da0440cf-0 kQbZar"
     >
       <h2
         class="sc-967f95b8-2 fsAvGZ"
@@ -1728,13 +1728,13 @@ exports[`<StepIndemnite /> should render cdd indemnite with unhandled cc message
     </div>
   </div>
   <div
-    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
+    class="sc-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
   >
     <div
-      class="sc-b74609e1-0 elMQpY"
+      class="sc-66a696c4-0 MNJNF"
     >
       <div
-        class="sc-b74609e1-1 jxlJZx"
+        class="sc-66a696c4-1 dvlKxa"
       >
         <svg
           aria-hidden="true"
@@ -1754,10 +1754,10 @@ exports[`<StepIndemnite /> should render cdd indemnite with unhandled cc message
         </svg>
       </div>
       <div
-        class="sc-b74609e1-2 ipaEJM"
+        class="sc-66a696c4-2 eRMOZl"
       >
         <p
-          class="sc-a4406a0f-1 bEYgDv sc-add1a668-1 dblvAa"
+          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
         >
           Attention il peut exister un montant plus favorable
         </p>
@@ -1808,12 +1808,12 @@ exports[`<StepIndemnite /> should render ctt indemnite 1`] = `
   <div>
     <button
       aria-expanded="false"
-      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
+      class="sc-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-efc7f1fd-0 cFvIxv"
+        class="sc-93c68677-0 fWneNg"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -1829,13 +1829,13 @@ exports[`<StepIndemnite /> should render ctt indemnite 1`] = `
         />
       </svg>
       <span
-        class="sc-a45f48bd-2 dzrMBi"
+        class="sc-da0440cf-2 cdlSfE"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-a45f48bd-0 dnXrPP"
+      class="sc-da0440cf-0 kQbZar"
     >
       <h2
         class="sc-967f95b8-2 fsAvGZ"
@@ -2169,13 +2169,13 @@ exports[`<StepIndemnite /> should render ctt indemnite 1`] = `
     </div>
   </div>
   <div
-    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
+    class="sc-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
   >
     <div
-      class="sc-b74609e1-0 elMQpY"
+      class="sc-66a696c4-0 MNJNF"
     >
       <div
-        class="sc-b74609e1-1 jxlJZx"
+        class="sc-66a696c4-1 dvlKxa"
       >
         <svg
           aria-hidden="true"
@@ -2195,10 +2195,10 @@ exports[`<StepIndemnite /> should render ctt indemnite 1`] = `
         </svg>
       </div>
       <div
-        class="sc-b74609e1-2 ipaEJM"
+        class="sc-66a696c4-2 eRMOZl"
       >
         <p
-          class="sc-a4406a0f-1 bEYgDv sc-add1a668-1 dblvAa"
+          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
         >
           Attention il peut exister un montant plus favorable
         </p>
diff --git a/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/steps/__tests__/__snapshots__/InfosGenerales.test.js.snap b/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/steps/__tests__/__snapshots__/InfosGenerales.test.js.snap
index 7b1015c099..ed35f29e12 100644
--- a/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/steps/__tests__/__snapshots__/InfosGenerales.test.js.snap
+++ b/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/steps/__tests__/__snapshots__/InfosGenerales.test.js.snap
@@ -4,25 +4,25 @@ exports[`<StepInfosGenerales /> should render 1`] = `
 <div>
   <form>
     <legend
-      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-a4406a0f-0 bniLbk"
+        class="sc-3633cc97-0 eiVtrx"
       >
         Quel est le type du contrat de travail ?
         <span
-          class="sc-a4406a0f-0 fsogbD"
+          class="sc-3633cc97-0 hpZWjW"
         >
            (obligatoire)
         </span>
       </span>
     </legend>
     <div
-      class="sc-3a87ec1e-1 eAvcwx"
+      class="sc-f2c30c13-1 cRwNeF"
     >
       <input
-        class="sc-3a87ec1e-2 foFPOF"
+        class="sc-f2c30c13-2 bKCzpJ"
         data-testid="contractType-cdd"
         id="contractType-cdd"
         name="contractType"
@@ -30,24 +30,24 @@ exports[`<StepInfosGenerales /> should render 1`] = `
         value="CDD"
       />
       <label
-        class="sc-3a87ec1e-0 jaibCk"
+        class="sc-f2c30c13-0 ebobyG"
         for="contractType-cdd"
       >
         Contrat à durée déterminée (CDD)
       </label>
     </div>
     <div
-      class="sc-3a87ec1e-1 eAvcwx"
+      class="sc-f2c30c13-1 cRwNeF"
     >
       <input
-        class="sc-3a87ec1e-2 foFPOF"
+        class="sc-f2c30c13-2 bKCzpJ"
         id="contractType-ci"
         name="contractType"
         type="radio"
         value="CTT"
       />
       <label
-        class="sc-3a87ec1e-0 jaibCk"
+        class="sc-f2c30c13-0 ebobyG"
         for="contractType-ci"
       >
         Contrat de travail temporaire (Contrat d’intérim)
@@ -66,26 +66,26 @@ exports[`<StepInfosGenerales /> should render with CDD 1`] = `
 <div>
   <form>
     <legend
-      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-a4406a0f-0 bniLbk"
+        class="sc-3633cc97-0 eiVtrx"
       >
         Quel est le type du contrat de travail ?
         <span
-          class="sc-a4406a0f-0 fsogbD"
+          class="sc-3633cc97-0 hpZWjW"
         >
            (obligatoire)
         </span>
       </span>
     </legend>
     <div
-      class="sc-3a87ec1e-1 eAvcwx"
+      class="sc-f2c30c13-1 cRwNeF"
     >
       <input
         checked=""
-        class="sc-3a87ec1e-2 foFPOF"
+        class="sc-f2c30c13-2 bKCzpJ"
         data-testid="contractType-cdd"
         id="contractType-cdd"
         name="contractType"
@@ -93,24 +93,24 @@ exports[`<StepInfosGenerales /> should render with CDD 1`] = `
         value="CDD"
       />
       <label
-        class="sc-3a87ec1e-0 jaibCk"
+        class="sc-f2c30c13-0 ebobyG"
         for="contractType-cdd"
       >
         Contrat à durée déterminée (CDD)
       </label>
     </div>
     <div
-      class="sc-3a87ec1e-1 eAvcwx"
+      class="sc-f2c30c13-1 cRwNeF"
     >
       <input
-        class="sc-3a87ec1e-2 foFPOF"
+        class="sc-f2c30c13-2 bKCzpJ"
         id="contractType-ci"
         name="contractType"
         type="radio"
         value="CTT"
       />
       <label
-        class="sc-3a87ec1e-0 jaibCk"
+        class="sc-f2c30c13-0 ebobyG"
         for="contractType-ci"
       >
         Contrat de travail temporaire (Contrat d’intérim)
@@ -120,26 +120,26 @@ exports[`<StepInfosGenerales /> should render with CDD 1`] = `
       class="sc-bcc8e06a-2 jPdZuK"
     >
       <legend
-        class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+        class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
         data-testid="question-label"
         for="input-criteria.cddType"
       >
         <span
-          class="sc-a4406a0f-0 bniLbk"
+          class="sc-3633cc97-0 eiVtrx"
         >
           Quel est le type de CDD ?
           <span
-            class="sc-a4406a0f-0 fsogbD"
+            class="sc-3633cc97-0 hpZWjW"
           >
              (obligatoire)
           </span>
         </span>
       </legend>
       <div
-        class="sc-b8970624-0 fGqAMG sc-bcc8e06a-1 lhvsEJ"
+        class="sc-5a2c6b8f-0 yOEut sc-bcc8e06a-1 lhvsEJ"
       >
         <select
-          class="sc-b8970624-2 cwLeaN"
+          class="sc-5a2c6b8f-2 leEqvE"
           data-testid="criteria.cddType"
           id="input-criteria.cddType"
           name="criteria.cddType"
@@ -195,7 +195,7 @@ exports[`<StepInfosGenerales /> should render with CDD 1`] = `
         </select>
         <div
           aria-hidden="true"
-          class="sc-b8970624-1 bmgmee"
+          class="sc-5a2c6b8f-1 dTDGVJ"
         >
           <svg
             aria-hidden="true"
@@ -238,26 +238,26 @@ exports[`<StepInfosGenerales /> should render with CDD and not handled ccn 1`] =
 <div>
   <form>
     <legend
-      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-a4406a0f-0 bniLbk"
+        class="sc-3633cc97-0 eiVtrx"
       >
         Quel est le type du contrat de travail ?
         <span
-          class="sc-a4406a0f-0 fsogbD"
+          class="sc-3633cc97-0 hpZWjW"
         >
            (obligatoire)
         </span>
       </span>
     </legend>
     <div
-      class="sc-3a87ec1e-1 eAvcwx"
+      class="sc-f2c30c13-1 cRwNeF"
     >
       <input
         checked=""
-        class="sc-3a87ec1e-2 foFPOF"
+        class="sc-f2c30c13-2 bKCzpJ"
         data-testid="contractType-cdd"
         id="contractType-cdd"
         name="contractType"
@@ -265,24 +265,24 @@ exports[`<StepInfosGenerales /> should render with CDD and not handled ccn 1`] =
         value="CDD"
       />
       <label
-        class="sc-3a87ec1e-0 jaibCk"
+        class="sc-f2c30c13-0 ebobyG"
         for="contractType-cdd"
       >
         Contrat à durée déterminée (CDD)
       </label>
     </div>
     <div
-      class="sc-3a87ec1e-1 eAvcwx"
+      class="sc-f2c30c13-1 cRwNeF"
     >
       <input
-        class="sc-3a87ec1e-2 foFPOF"
+        class="sc-f2c30c13-2 bKCzpJ"
         id="contractType-ci"
         name="contractType"
         type="radio"
         value="CTT"
       />
       <label
-        class="sc-3a87ec1e-0 jaibCk"
+        class="sc-f2c30c13-0 ebobyG"
         for="contractType-ci"
       >
         Contrat de travail temporaire (Contrat d’intérim)
@@ -292,26 +292,26 @@ exports[`<StepInfosGenerales /> should render with CDD and not handled ccn 1`] =
       class="sc-bcc8e06a-2 jPdZuK"
     >
       <legend
-        class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+        class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
         data-testid="question-label"
         for="input-criteria.cddType"
       >
         <span
-          class="sc-a4406a0f-0 bniLbk"
+          class="sc-3633cc97-0 eiVtrx"
         >
           Quel est le type de CDD ?
           <span
-            class="sc-a4406a0f-0 fsogbD"
+            class="sc-3633cc97-0 hpZWjW"
           >
              (obligatoire)
           </span>
         </span>
       </legend>
       <div
-        class="sc-b8970624-0 fGqAMG sc-bcc8e06a-1 lhvsEJ"
+        class="sc-5a2c6b8f-0 yOEut sc-bcc8e06a-1 lhvsEJ"
       >
         <select
-          class="sc-b8970624-2 cwLeaN"
+          class="sc-5a2c6b8f-2 leEqvE"
           data-testid="criteria.cddType"
           id="input-criteria.cddType"
           name="criteria.cddType"
@@ -367,7 +367,7 @@ exports[`<StepInfosGenerales /> should render with CDD and not handled ccn 1`] =
         </select>
         <div
           aria-hidden="true"
-          class="sc-b8970624-1 bmgmee"
+          class="sc-5a2c6b8f-1 dTDGVJ"
         >
           <svg
             aria-hidden="true"
@@ -410,25 +410,25 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
 <div>
   <form>
     <legend
-      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-a4406a0f-0 bniLbk"
+        class="sc-3633cc97-0 eiVtrx"
       >
         Quel est le type du contrat de travail ?
         <span
-          class="sc-a4406a0f-0 fsogbD"
+          class="sc-3633cc97-0 hpZWjW"
         >
            (obligatoire)
         </span>
       </span>
     </legend>
     <div
-      class="sc-3a87ec1e-1 eAvcwx"
+      class="sc-f2c30c13-1 cRwNeF"
     >
       <input
-        class="sc-3a87ec1e-2 foFPOF"
+        class="sc-f2c30c13-2 bKCzpJ"
         data-testid="contractType-cdd"
         id="contractType-cdd"
         name="contractType"
@@ -436,40 +436,40 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
         value="CDD"
       />
       <label
-        class="sc-3a87ec1e-0 jaibCk"
+        class="sc-f2c30c13-0 ebobyG"
         for="contractType-cdd"
       >
         Contrat à durée déterminée (CDD)
       </label>
     </div>
     <div
-      class="sc-3a87ec1e-1 eAvcwx"
+      class="sc-f2c30c13-1 cRwNeF"
     >
       <input
         checked=""
-        class="sc-3a87ec1e-2 foFPOF"
+        class="sc-f2c30c13-2 bKCzpJ"
         id="contractType-ci"
         name="contractType"
         type="radio"
         value="CTT"
       />
       <label
-        class="sc-3a87ec1e-0 jaibCk"
+        class="sc-f2c30c13-0 ebobyG"
         for="contractType-ci"
       >
         Contrat de travail temporaire (Contrat d’intérim)
       </label>
     </div>
     <legend
-      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-a4406a0f-0 bniLbk"
+        class="sc-3633cc97-0 eiVtrx"
       >
         S’agit-il d’un contrat de mission-formation ?
         <span
-          class="sc-a4406a0f-0 fsogbD"
+          class="sc-3633cc97-0 hpZWjW"
         >
            (obligatoire)
         </span>
@@ -480,10 +480,10 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
       data-testid="cttFormation"
     >
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="cttFormation-oui"
           id="cttFormation-oui"
           name="cttFormation"
@@ -491,17 +491,17 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
           value="true"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="cttFormation-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="cttFormation-non"
           id="cttFormation-non"
           name="cttFormation"
@@ -509,7 +509,7 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
           value="false"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="cttFormation-non"
         >
           Non
@@ -517,15 +517,15 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
       </div>
     </div>
     <legend
-      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-a4406a0f-0 bniLbk"
+        class="sc-3633cc97-0 eiVtrx"
       >
         Le contrat d'intérim a-t-il été rompu avant la fin prévue pour une des raisons suivantes : la propre initiative du salarié, la faute grave du salarié, cas de force majeure ?
         <span
-          class="sc-a4406a0f-0 fsogbD"
+          class="sc-3633cc97-0 hpZWjW"
         >
            (obligatoire)
         </span>
@@ -536,10 +536,10 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
       data-testid="ruptureContratFauteGrave"
     >
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="ruptureContratFauteGrave-oui"
           id="ruptureContratFauteGrave-oui"
           name="ruptureContratFauteGrave"
@@ -547,17 +547,17 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
           value="true"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="ruptureContratFauteGrave-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="ruptureContratFauteGrave-non"
           id="ruptureContratFauteGrave-non"
           name="ruptureContratFauteGrave"
@@ -565,7 +565,7 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
           value="false"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="ruptureContratFauteGrave-non"
         >
           Non
@@ -573,15 +573,15 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
       </div>
     </div>
     <legend
-      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-a4406a0f-0 bniLbk"
+        class="sc-3633cc97-0 eiVtrx"
       >
         À la fin du contrat d'intérim, le salarié a-t-il été immédiatement embauché en CDI au sein de l'entreprise dans laquelle il effectuait sa mission ?
         <span
-          class="sc-a4406a0f-0 fsogbD"
+          class="sc-3633cc97-0 hpZWjW"
         >
            (obligatoire)
         </span>
@@ -592,10 +592,10 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
       data-testid="propositionCDIFinContrat"
     >
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="propositionCDIFinContrat-oui"
           id="propositionCDIFinContrat-oui"
           name="propositionCDIFinContrat"
@@ -603,17 +603,17 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
           value="true"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="propositionCDIFinContrat-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="propositionCDIFinContrat-non"
           id="propositionCDIFinContrat-non"
           name="propositionCDIFinContrat"
@@ -621,7 +621,7 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
           value="false"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="propositionCDIFinContrat-non"
         >
           Non
@@ -629,15 +629,15 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
       </div>
     </div>
     <legend
-      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-a4406a0f-0 bniLbk"
+        class="sc-3633cc97-0 eiVtrx"
       >
         Le salarié a-t-il refusé la mise en œuvre de la souplesse prévue dans le contrat d’intérim ?
         <span
-          class="sc-a4406a0f-0 fsogbD"
+          class="sc-3633cc97-0 hpZWjW"
         >
            (obligatoire)
         </span>
@@ -648,10 +648,10 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
       data-testid="refusSouplesse"
     >
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="refusSouplesse-oui"
           id="refusSouplesse-oui"
           name="refusSouplesse"
@@ -659,17 +659,17 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
           value="true"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="refusSouplesse-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-3a87ec1e-1 eAvcwx"
+        class="sc-f2c30c13-1 cRwNeF"
       >
         <input
-          class="sc-3a87ec1e-2 foFPOF"
+          class="sc-f2c30c13-2 bKCzpJ"
           data-testid="refusSouplesse-non"
           id="refusSouplesse-non"
           name="refusSouplesse"
@@ -677,7 +677,7 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
           value="false"
         />
         <label
-          class="sc-3a87ec1e-0 jaibCk"
+          class="sc-f2c30c13-0 ebobyG"
           for="refusSouplesse-non"
         >
           Non
diff --git a/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/steps/__tests__/__snapshots__/Remuneration.test.js.snap b/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/steps/__tests__/__snapshots__/Remuneration.test.js.snap
index 488df323a2..ae708650e8 100644
--- a/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/steps/__tests__/__snapshots__/Remuneration.test.js.snap
+++ b/packages/code-du-travail-frontend/src/outils/IndemnitePrecarite/steps/__tests__/__snapshots__/Remuneration.test.js.snap
@@ -3,25 +3,25 @@
 exports[`<StepRemuneration /> should render multiple inputs 1`] = `
 <div>
   <legend
-    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-a4406a0f-0 bniLbk"
+      class="sc-3633cc97-0 eiVtrx"
     >
       Comment souhaitez-vous indiquer la rémunération perçue pendant le contrat de travail ?
       <span
-        class="sc-a4406a0f-0 fsogbD"
+        class="sc-3633cc97-0 hpZWjW"
       >
          (obligatoire)
       </span>
     </span>
   </legend>
   <div
-    class="sc-3a87ec1e-1 eAvcwx"
+    class="sc-f2c30c13-1 cRwNeF"
   >
     <input
-      class="sc-3a87ec1e-2 foFPOF"
+      class="sc-f2c30c13-2 bKCzpJ"
       data-testid="typeRemuneration-amount"
       id="typeRemuneration-amount"
       name="typeRemuneration"
@@ -29,7 +29,7 @@ exports[`<StepRemuneration /> should render multiple inputs 1`] = `
       value="total"
     />
     <label
-      class="sc-3a87ec1e-0 jaibCk"
+      class="sc-f2c30c13-0 ebobyG"
       for="typeRemuneration-amount"
     >
       <span>
@@ -42,18 +42,18 @@ exports[`<StepRemuneration /> should render multiple inputs 1`] = `
     </label>
   </div>
   <div
-    class="sc-3a87ec1e-1 eAvcwx"
+    class="sc-f2c30c13-1 cRwNeF"
   >
     <input
       checked=""
-      class="sc-3a87ec1e-2 foFPOF"
+      class="sc-f2c30c13-2 bKCzpJ"
       id="typeRemuneration-pay"
       name="typeRemuneration"
       type="radio"
       value="mensuel"
     />
     <label
-      class="sc-3a87ec1e-0 jaibCk"
+      class="sc-f2c30c13-0 ebobyG"
       for="typeRemuneration-pay"
     >
       <span>
@@ -66,15 +66,15 @@ exports[`<StepRemuneration /> should render multiple inputs 1`] = `
     </label>
   </div>
   <legend
-    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-a4406a0f-0 bniLbk"
+      class="sc-3633cc97-0 eiVtrx"
     >
       Quels sont les salaires mensuels bruts perçus durant le contrat de travail ?
       <span
-        class="sc-a4406a0f-0 fsogbD"
+        class="sc-3633cc97-0 hpZWjW"
       >
          (obligatoire)
       </span>
@@ -93,10 +93,10 @@ exports[`<StepRemuneration /> should render multiple inputs 1`] = `
       class="sc-543ce436-0 cIRCgl"
     >
       <div
-        class="sc-46a9700d-0 eEbjpm"
+        class="sc-669fe731-0 amSvQ"
       >
         <input
-          class="sc-46a9700d-1 fimDMY"
+          class="sc-669fe731-1 htKjGt"
           data-testid="currency"
           id="2"
           name="salaires[0].salaire"
@@ -104,7 +104,7 @@ exports[`<StepRemuneration /> should render multiple inputs 1`] = `
           value="2000"
         />
         <div
-          class="sc-46a9700d-2 jsyFGT"
+          class="sc-669fe731-2 kODRkJ"
         >
           <span>
             €
@@ -113,7 +113,7 @@ exports[`<StepRemuneration /> should render multiple inputs 1`] = `
       </div>
     </div>
     <button
-      class="sc-b0ebfae6-0 dGXoMZ sc-a2eff38b-1 cannHC"
+      class="sc-95bd4344-0 dxXsic sc-a2eff38b-1 cannHC"
       type="button"
     >
       Supprimer
@@ -146,10 +146,10 @@ exports[`<StepRemuneration /> should render multiple inputs 1`] = `
       class="sc-543ce436-0 cIRCgl"
     >
       <div
-        class="sc-46a9700d-0 eEbjpm"
+        class="sc-669fe731-0 amSvQ"
       >
         <input
-          class="sc-46a9700d-1 fimDMY"
+          class="sc-669fe731-1 htKjGt"
           data-testid="currency"
           id="4"
           name="salaires[1].salaire"
@@ -157,7 +157,7 @@ exports[`<StepRemuneration /> should render multiple inputs 1`] = `
           value="1500"
         />
         <div
-          class="sc-46a9700d-2 jsyFGT"
+          class="sc-669fe731-2 kODRkJ"
         >
           <span>
             €
@@ -166,7 +166,7 @@ exports[`<StepRemuneration /> should render multiple inputs 1`] = `
       </div>
     </div>
     <button
-      class="sc-b0ebfae6-0 dGXoMZ sc-a2eff38b-1 cannHC"
+      class="sc-95bd4344-0 dxXsic sc-a2eff38b-1 cannHC"
       type="button"
     >
       Supprimer
@@ -187,7 +187,7 @@ exports[`<StepRemuneration /> should render multiple inputs 1`] = `
     </button>
   </div>
   <button
-    class="sc-b0ebfae6-0 dGXoMZ sc-88652f35-0 jXCgfW"
+    class="sc-95bd4344-0 dxXsic sc-88652f35-0 jXCgfW"
     type="button"
   >
     <svg
@@ -217,26 +217,26 @@ exports[`<StepRemuneration /> should render multiple inputs 1`] = `
 exports[`<StepRemuneration /> should render one input 1`] = `
 <div>
   <legend
-    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-a4406a0f-0 bniLbk"
+      class="sc-3633cc97-0 eiVtrx"
     >
       Comment souhaitez-vous indiquer la rémunération perçue pendant le contrat de travail ?
       <span
-        class="sc-a4406a0f-0 fsogbD"
+        class="sc-3633cc97-0 hpZWjW"
       >
          (obligatoire)
       </span>
     </span>
   </legend>
   <div
-    class="sc-3a87ec1e-1 eAvcwx"
+    class="sc-f2c30c13-1 cRwNeF"
   >
     <input
       checked=""
-      class="sc-3a87ec1e-2 foFPOF"
+      class="sc-f2c30c13-2 bKCzpJ"
       data-testid="typeRemuneration-amount"
       id="typeRemuneration-amount"
       name="typeRemuneration"
@@ -244,7 +244,7 @@ exports[`<StepRemuneration /> should render one input 1`] = `
       value="total"
     />
     <label
-      class="sc-3a87ec1e-0 jaibCk"
+      class="sc-f2c30c13-0 ebobyG"
       for="typeRemuneration-amount"
     >
       <span>
@@ -257,17 +257,17 @@ exports[`<StepRemuneration /> should render one input 1`] = `
     </label>
   </div>
   <div
-    class="sc-3a87ec1e-1 eAvcwx"
+    class="sc-f2c30c13-1 cRwNeF"
   >
     <input
-      class="sc-3a87ec1e-2 foFPOF"
+      class="sc-f2c30c13-2 bKCzpJ"
       id="typeRemuneration-pay"
       name="typeRemuneration"
       type="radio"
       value="mensuel"
     />
     <label
-      class="sc-3a87ec1e-0 jaibCk"
+      class="sc-f2c30c13-0 ebobyG"
       for="typeRemuneration-pay"
     >
       <span>
@@ -280,16 +280,16 @@ exports[`<StepRemuneration /> should render one input 1`] = `
     </label>
   </div>
   <legend
-    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
     for="currency-1"
   >
     <span
-      class="sc-a4406a0f-0 bniLbk"
+      class="sc-3633cc97-0 eiVtrx"
     >
       Quelle est la rémunération totale brute perçue durant le contrat de travail ?
       <span
-        class="sc-a4406a0f-0 fsogbD"
+        class="sc-3633cc97-0 hpZWjW"
       >
          (obligatoire)
       </span>
@@ -299,10 +299,10 @@ exports[`<StepRemuneration /> should render one input 1`] = `
     class="sc-543ce436-0 cIRCgl"
   >
     <div
-      class="sc-46a9700d-0 eEbjpm"
+      class="sc-669fe731-0 amSvQ"
     >
       <input
-        class="sc-46a9700d-1 fimDMY"
+        class="sc-669fe731-1 htKjGt"
         data-testid="currency"
         id="currency-1"
         name="salaire"
@@ -310,7 +310,7 @@ exports[`<StepRemuneration /> should render one input 1`] = `
         value="3000"
       />
       <div
-        class="sc-46a9700d-2 jsyFGT"
+        class="sc-669fe731-2 kODRkJ"
       >
         <span>
           €
diff --git a/packages/code-du-travail-frontend/src/outils/common/__tests__/__snapshots__/SelectQuestion.test.js.snap b/packages/code-du-travail-frontend/src/outils/common/__tests__/__snapshots__/SelectQuestion.test.js.snap
index b5ea9edcbe..fc207a1f27 100644
--- a/packages/code-du-travail-frontend/src/outils/common/__tests__/__snapshots__/SelectQuestion.test.js.snap
+++ b/packages/code-du-travail-frontend/src/outils/common/__tests__/__snapshots__/SelectQuestion.test.js.snap
@@ -6,26 +6,26 @@ exports[`<SelectQuestion /> should render with default value 1`] = `
     class="sc-bcc8e06a-2 jPdZuK"
   >
     <legend
-      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
       for="input-foo"
     >
       <span
-        class="sc-a4406a0f-0 bniLbk"
+        class="sc-3633cc97-0 eiVtrx"
       >
         Une question ?
         <span
-          class="sc-a4406a0f-0 fsogbD"
+          class="sc-3633cc97-0 hpZWjW"
         >
            (obligatoire)
         </span>
       </span>
     </legend>
     <div
-      class="sc-b8970624-0 fGqAMG sc-bcc8e06a-1 lhvsEJ"
+      class="sc-5a2c6b8f-0 yOEut sc-bcc8e06a-1 lhvsEJ"
     >
       <select
-        class="sc-b8970624-2 cwLeaN"
+        class="sc-5a2c6b8f-2 leEqvE"
         data-testid="foo"
         id="input-foo"
         name="foo"
@@ -51,7 +51,7 @@ exports[`<SelectQuestion /> should render with default value 1`] = `
       </select>
       <div
         aria-hidden="true"
-        class="sc-b8970624-1 bmgmee"
+        class="sc-5a2c6b8f-1 dTDGVJ"
       >
         <svg
           aria-hidden="true"
@@ -90,26 +90,26 @@ exports[`<SelectQuestion /> should render with selectedValue value 1`] = `
     class="sc-bcc8e06a-2 jPdZuK"
   >
     <legend
-      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
       for="input-foo"
     >
       <span
-        class="sc-a4406a0f-0 bniLbk"
+        class="sc-3633cc97-0 eiVtrx"
       >
         Une question ?
         <span
-          class="sc-a4406a0f-0 fsogbD"
+          class="sc-3633cc97-0 hpZWjW"
         >
            (obligatoire)
         </span>
       </span>
     </legend>
     <div
-      class="sc-b8970624-0 fGqAMG sc-bcc8e06a-1 lhvsEJ"
+      class="sc-5a2c6b8f-0 yOEut sc-bcc8e06a-1 lhvsEJ"
     >
       <select
-        class="sc-b8970624-2 cwLeaN"
+        class="sc-5a2c6b8f-2 leEqvE"
         data-testid="foo"
         id="input-foo"
         name="foo"
@@ -135,7 +135,7 @@ exports[`<SelectQuestion /> should render with selectedValue value 1`] = `
       </select>
       <div
         aria-hidden="true"
-        class="sc-b8970624-1 bmgmee"
+        class="sc-5a2c6b8f-1 dTDGVJ"
       >
         <svg
           aria-hidden="true"
diff --git a/packages/code-du-travail-frontend/src/outils/common/__tests__/__snapshots__/StepList.test.js.snap b/packages/code-du-travail-frontend/src/outils/common/__tests__/__snapshots__/StepList.test.js.snap
index 9a10657f13..ba82d987ad 100644
--- a/packages/code-du-travail-frontend/src/outils/common/__tests__/__snapshots__/StepList.test.js.snap
+++ b/packages/code-du-travail-frontend/src/outils/common/__tests__/__snapshots__/StepList.test.js.snap
@@ -3,7 +3,7 @@
 exports[`<StepList /> should render 1`] = `
 <div>
   <div
-    class="sc-13323d30-0 sc-d8aa1285-0 exlNfj fXgtLL"
+    class="sc-2a0a4b0a-0 sc-d8aa1285-0 dLOZmV fXgtLL"
   >
     <span
       aria-level="2"
@@ -24,7 +24,7 @@ exports[`<StepList /> should render 1`] = `
       </span>
     </span>
     <ol
-      class="sc-78dd7a00-0 fVqAjV"
+      class="sc-ab356c14-0 bpNHPl"
     >
       <li
         class="sc-d8aa1285-4 kndAk"
diff --git a/packages/code-du-travail-frontend/src/outils/common/__tests__/__snapshots__/Wizard.test.tsx.snap b/packages/code-du-travail-frontend/src/outils/common/__tests__/__snapshots__/Wizard.test.tsx.snap
index c364f4ef85..825c0d4d69 100644
--- a/packages/code-du-travail-frontend/src/outils/common/__tests__/__snapshots__/Wizard.test.tsx.snap
+++ b/packages/code-du-travail-frontend/src/outils/common/__tests__/__snapshots__/Wizard.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`<Wizard /> should call navigate the previous step when click on précédent 1`] = `
 <div>
   <div
-    class="sc-13323d30-0 eYPJba"
+    class="sc-2a0a4b0a-0 hpYuum"
   >
     <form
       class="sc-d0ca486a-0 LJxxm"
@@ -22,7 +22,7 @@ exports[`<Wizard /> should call navigate the previous step when click on précé
         </div>
       </div>
       <div
-        class="sc-13323d30-0 sc-a01ac225-0 exlNfj dIXgrP"
+        class="sc-2a0a4b0a-0 sc-a01ac225-0 dLOZmV dIXgrP"
       >
         <span
           class="sc-a01ac225-1 iBHdtt"
@@ -41,7 +41,7 @@ exports[`<Wizard /> should call navigate the previous step when click on précé
           </span>
         </span>
         <ol
-          class="sc-78dd7a00-0 fVqAjV"
+          class="sc-ab356c14-0 bpNHPl"
         >
           <li
             aria-live="polite"
@@ -74,7 +74,7 @@ exports[`<Wizard /> should call navigate the previous step when click on précé
         class="sc-bc9d1e5-1 csPxMe"
       >
         <button
-          class="sc-b0ebfae6-0 jQBCMS sc-bc9d1e5-0 sc-bc9d1e5-2 kyKZPU gPKfXM"
+          class="sc-95bd4344-0 jqYNvz sc-bc9d1e5-0 sc-bc9d1e5-2 kyKZPU gPKfXM"
         >
           Commencer
           <svg
@@ -99,7 +99,7 @@ exports[`<Wizard /> should call navigate the previous step when click on précé
 exports[`<Wizard /> should handle initialState.stepIndex 1`] = `
 <div>
   <div
-    class="sc-13323d30-0 eYPJba"
+    class="sc-2a0a4b0a-0 hpYuum"
   >
     <form
       class="sc-d0ca486a-0 LJxxm"
@@ -118,7 +118,7 @@ exports[`<Wizard /> should handle initialState.stepIndex 1`] = `
         </div>
       </div>
       <div
-        class="sc-13323d30-0 sc-a01ac225-0 exlNfj dIXgrP"
+        class="sc-2a0a4b0a-0 sc-a01ac225-0 dLOZmV dIXgrP"
       >
         <span
           class="sc-a01ac225-1 iBHdtt"
@@ -137,7 +137,7 @@ exports[`<Wizard /> should handle initialState.stepIndex 1`] = `
           </span>
         </span>
         <ol
-          class="sc-78dd7a00-0 fVqAjV"
+          class="sc-ab356c14-0 bpNHPl"
         >
           <li
             class="sc-a01ac225-4 kUwEMV"
@@ -181,13 +181,13 @@ exports[`<Wizard /> should handle initialState.stepIndex 1`] = `
         class="sc-bc9d1e5-1 csPxMe"
       >
         <button
-          class="sc-b0ebfae6-0 kxyWXU sc-bc9d1e5-0 kyKZPU"
+          class="sc-95bd4344-0 ddXsil sc-bc9d1e5-0 kyKZPU"
           type="button"
         >
           Précédent
         </button>
         <button
-          class="sc-b0ebfae6-0 hPQAhy sc-bc9d1e5-0 kyKZPU"
+          class="sc-95bd4344-0 dqVtzj sc-bc9d1e5-0 kyKZPU"
           type="button"
         >
           Imprimer le résultat
@@ -201,7 +201,7 @@ exports[`<Wizard /> should handle initialState.stepIndex 1`] = `
 exports[`<Wizard /> should handle initialValues 1`] = `
 <div>
   <div
-    class="sc-13323d30-0 eYPJba"
+    class="sc-2a0a4b0a-0 hpYuum"
   >
     <form
       class="sc-d0ca486a-0 LJxxm"
@@ -220,7 +220,7 @@ exports[`<Wizard /> should handle initialValues 1`] = `
         </div>
       </div>
       <div
-        class="sc-13323d30-0 sc-a01ac225-0 exlNfj dIXgrP"
+        class="sc-2a0a4b0a-0 sc-a01ac225-0 dLOZmV dIXgrP"
       >
         <span
           class="sc-a01ac225-1 iBHdtt"
@@ -239,7 +239,7 @@ exports[`<Wizard /> should handle initialValues 1`] = `
           </span>
         </span>
         <ol
-          class="sc-78dd7a00-0 fVqAjV"
+          class="sc-ab356c14-0 bpNHPl"
         >
           <li
             aria-live="polite"
@@ -282,7 +282,7 @@ exports[`<Wizard /> should handle initialValues 1`] = `
         class="sc-bc9d1e5-1 csPxMe"
       >
         <button
-          class="sc-b0ebfae6-0 jQBCMS sc-bc9d1e5-0 sc-bc9d1e5-2 kyKZPU gPKfXM"
+          class="sc-95bd4344-0 jqYNvz sc-bc9d1e5-0 sc-bc9d1e5-2 kyKZPU gPKfXM"
         >
           Commencer
           <svg
@@ -307,7 +307,7 @@ exports[`<Wizard /> should handle initialValues 1`] = `
 exports[`<Wizard /> should navigate to the second step when click on Commencer 1`] = `
 <div>
   <div
-    class="sc-13323d30-0 eYPJba"
+    class="sc-2a0a4b0a-0 hpYuum"
   >
     <form
       class="sc-d0ca486a-0 LJxxm"
@@ -326,7 +326,7 @@ exports[`<Wizard /> should navigate to the second step when click on Commencer 1
         </div>
       </div>
       <div
-        class="sc-13323d30-0 sc-a01ac225-0 exlNfj dIXgrP"
+        class="sc-2a0a4b0a-0 sc-a01ac225-0 dLOZmV dIXgrP"
       >
         <span
           class="sc-a01ac225-1 iBHdtt"
@@ -345,7 +345,7 @@ exports[`<Wizard /> should navigate to the second step when click on Commencer 1
           </span>
         </span>
         <ol
-          class="sc-78dd7a00-0 fVqAjV"
+          class="sc-ab356c14-0 bpNHPl"
         >
           <li
             class="sc-a01ac225-4 kUwEMV"
@@ -389,13 +389,13 @@ exports[`<Wizard /> should navigate to the second step when click on Commencer 1
         class="sc-bc9d1e5-1 csPxMe"
       >
         <button
-          class="sc-b0ebfae6-0 kxyWXU sc-bc9d1e5-0 kyKZPU"
+          class="sc-95bd4344-0 ddXsil sc-bc9d1e5-0 kyKZPU"
           type="button"
         >
           Précédent
         </button>
         <button
-          class="sc-b0ebfae6-0 hPQAhy sc-bc9d1e5-0 kyKZPU"
+          class="sc-95bd4344-0 dqVtzj sc-bc9d1e5-0 kyKZPU"
           type="button"
         >
           Imprimer le résultat
@@ -409,7 +409,7 @@ exports[`<Wizard /> should navigate to the second step when click on Commencer 1
 exports[`<Wizard /> should render a step 1`] = `
 <div>
   <div
-    class="sc-13323d30-0 eYPJba"
+    class="sc-2a0a4b0a-0 hpYuum"
   >
     <form
       class="sc-d0ca486a-0 LJxxm"
@@ -428,7 +428,7 @@ exports[`<Wizard /> should render a step 1`] = `
         </div>
       </div>
       <div
-        class="sc-13323d30-0 sc-a01ac225-0 exlNfj dIXgrP"
+        class="sc-2a0a4b0a-0 sc-a01ac225-0 dLOZmV dIXgrP"
       >
         <span
           class="sc-a01ac225-1 iBHdtt"
@@ -447,7 +447,7 @@ exports[`<Wizard /> should render a step 1`] = `
           </span>
         </span>
         <ol
-          class="sc-78dd7a00-0 fVqAjV"
+          class="sc-ab356c14-0 bpNHPl"
         >
           <li
             aria-live="polite"
@@ -480,7 +480,7 @@ exports[`<Wizard /> should render a step 1`] = `
         class="sc-bc9d1e5-1 csPxMe"
       >
         <button
-          class="sc-b0ebfae6-0 jQBCMS sc-bc9d1e5-0 sc-bc9d1e5-2 kyKZPU gPKfXM"
+          class="sc-95bd4344-0 jqYNvz sc-bc9d1e5-0 sc-bc9d1e5-2 kyKZPU gPKfXM"
         >
           Commencer
           <svg
diff --git a/packages/code-du-travail-frontend/src/outils/common/__tests__/__snapshots__/YesNoQuestion.test.js.snap b/packages/code-du-travail-frontend/src/outils/common/__tests__/__snapshots__/YesNoQuestion.test.js.snap
index cb316c3427..a599d98466 100644
--- a/packages/code-du-travail-frontend/src/outils/common/__tests__/__snapshots__/YesNoQuestion.test.js.snap
+++ b/packages/code-du-travail-frontend/src/outils/common/__tests__/__snapshots__/YesNoQuestion.test.js.snap
@@ -3,15 +3,15 @@
 exports[`<YesNoQuestion /> should render 1`] = `
 <div>
   <legend
-    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
+    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-a4406a0f-0 bniLbk"
+      class="sc-3633cc97-0 eiVtrx"
     >
       lorem ipsum ?
       <span
-        class="sc-a4406a0f-0 fsogbD"
+        class="sc-3633cc97-0 hpZWjW"
       >
          (obligatoire)
       </span>
@@ -21,10 +21,10 @@ exports[`<YesNoQuestion /> should render 1`] = `
     class="sc-967f95b8-1 DCwXK"
   >
     <div
-      class="sc-3a87ec1e-1 eAvcwx"
+      class="sc-f2c30c13-1 cRwNeF"
     >
       <input
-        class="sc-3a87ec1e-2 foFPOF"
+        class="sc-f2c30c13-2 bKCzpJ"
         data-testid="test-oui"
         id="test-oui"
         name="test"
@@ -32,17 +32,17 @@ exports[`<YesNoQuestion /> should render 1`] = `
         value="true"
       />
       <label
-        class="sc-3a87ec1e-0 jaibCk"
+        class="sc-f2c30c13-0 ebobyG"
         for="test-oui"
       >
         Oui
       </label>
     </div>
     <div
-      class="sc-3a87ec1e-1 eAvcwx"
+      class="sc-f2c30c13-1 cRwNeF"
     >
       <input
-        class="sc-3a87ec1e-2 foFPOF"
+        class="sc-f2c30c13-2 bKCzpJ"
         data-testid="test-non"
         id="test-non"
         name="test"
@@ -50,7 +50,7 @@ exports[`<YesNoQuestion /> should render 1`] = `
         value="false"
       />
       <label
-        class="sc-3a87ec1e-0 jaibCk"
+        class="sc-f2c30c13-0 ebobyG"
         for="test-non"
       >
         Non
diff --git a/packages/code-du-travail-frontend/src/search/__tests__/__snapshots__/SearchResults.test.js.snap b/packages/code-du-travail-frontend/src/search/__tests__/__snapshots__/SearchResults.test.js.snap
index bf8c8d5e4c..3d0716f7dc 100644
--- a/packages/code-du-travail-frontend/src/search/__tests__/__snapshots__/SearchResults.test.js.snap
+++ b/packages/code-du-travail-frontend/src/search/__tests__/__snapshots__/SearchResults.test.js.snap
@@ -6,37 +6,37 @@ exports[`<SearchResults/> should render results 1`] = `
 <div>
   <div
     aria-label="Résultats de recherche"
-    class="sc-c707bea3-0 cgPrTf"
+    class="sc-d8f596bd-0 hCPxfF"
     role="region"
   >
     <h2
-      class="sc-a53a0f9a-0 bIsTsN"
+      class="sc-b879fc2d-0 hyiHle"
       id="SearchResults"
     >
       Résultats de recherche pour “search test”
     </h2>
     <ul
-      class="sc-78dd7a00-0 fVqAjV"
+      class="sc-ab356c14-0 bpNHPl"
     >
       <li
         class="sc-546484b7-0 fIRXSF"
       >
         <div
-          class="sc-e72909eb-0 btTdnX"
+          class="sc-d47d8018-0 cDsGtD"
         >
           <div
-            class="sc-e72909eb-2 bNzKqg"
+            class="sc-d47d8018-2 eBZhiP"
           >
             <div
-              class="sc-e72909eb-3 hASMbR"
+              class="sc-d47d8018-3 cAXyng"
             >
               <p
-                class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
               >
                 test theme content
               </p>
               <h2
-                class="sc-e72909eb-5 cdJafA"
+                class="sc-d47d8018-5 jNRMjT"
               >
                 <a
                   href="/fiche-service-public/mer-il-est-fou?q=search test"
@@ -47,13 +47,13 @@ exports[`<SearchResults/> should render results 1`] = `
             </div>
           </div>
           <div
-            class="sc-e72909eb-6 dOdFhK"
+            class="sc-d47d8018-6 ipSAXR"
           >
             <div
               class="sc-546484b7-3 vErVC"
             >
               <p
-                class="sc-a4406a0f-1 rjoOw"
+                class="sc-3633cc97-1 bjxtLv"
               >
                 description
               </p>
@@ -65,13 +65,13 @@ exports[`<SearchResults/> should render results 1`] = `
         class="sc-546484b7-0 fIRXSF"
       >
         <div
-          class="sc-e72909eb-0 btTdnX sc-45a05aa-1 jNkAaK"
+          class="sc-d47d8018-0 cDsGtD sc-45a05aa-1 jNkAaK"
         >
           <div
-            class="sc-d36b32f1-0 fCVbWV"
+            class="sc-9d3cf83b-0 gYcXmc"
           >
             <div
-              class="sc-d36b32f1-1 djtofL"
+              class="sc-9d3cf83b-1 laYFae"
             >
               <svg
                 aria-hidden="true"
@@ -95,18 +95,18 @@ exports[`<SearchResults/> should render results 1`] = `
             </div>
           </div>
           <div
-            class="sc-e72909eb-2 bNzKqg"
+            class="sc-d47d8018-2 eBZhiP"
           >
             <div
-              class="sc-e72909eb-3 hASMbR"
+              class="sc-d47d8018-3 cAXyng"
             >
               <p
-                class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
               >
                 Outils
               </p>
               <h2
-                class="sc-e72909eb-5 cdJafA"
+                class="sc-d47d8018-5 jNRMjT"
               >
                 <a
                   href="/outils/simulateur-precarite?q=search test"
@@ -117,7 +117,7 @@ exports[`<SearchResults/> should render results 1`] = `
             </div>
           </div>
           <div
-            class="sc-e72909eb-6 dOdFhK"
+            class="sc-d47d8018-6 ipSAXR"
           >
             <div
               class="sc-45a05aa-0 dqQtNN"
@@ -126,7 +126,7 @@ exports[`<SearchResults/> should render results 1`] = `
                 class="sc-546484b7-3 vErVC"
               >
                 <p
-                  class="sc-a4406a0f-1 rjoOw"
+                  class="sc-3633cc97-1 bjxtLv"
                 >
                   description
                 </p>
@@ -135,7 +135,7 @@ exports[`<SearchResults/> should render results 1`] = `
                 class="sc-45a05aa-2 gcKsUr"
               >
                 <p
-                  class="sc-a4406a0f-1 bNZtsp"
+                  class="sc-3633cc97-1 gDIqvu"
                 >
                   Consulter
                    
@@ -161,21 +161,21 @@ exports[`<SearchResults/> should render results 1`] = `
       >
         <div
           aria-label="Outils externes telerc description undefined (nouvelle fenêtre)"
-          class="sc-e72909eb-0 btTdnX sc-45a05aa-1 jNkAaK no-after"
+          class="sc-d47d8018-0 cDsGtD sc-45a05aa-1 jNkAaK no-after"
         >
           <div
-            class="sc-e72909eb-2 bNzKqg"
+            class="sc-d47d8018-2 eBZhiP"
           >
             <div
-              class="sc-e72909eb-3 hASMbR"
+              class="sc-d47d8018-3 cAXyng"
             >
               <p
-                class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
               >
                 Outils externes
               </p>
               <h3
-                class="sc-e72909eb-5 cdJafA"
+                class="sc-d47d8018-5 jNRMjT"
               >
                 <a
                   href="https://www.telerc.travail.gouv.fr/RuptureConventionnellePortailPublic/jsp/site/Portal.jsp?page_id=14"
@@ -188,7 +188,7 @@ exports[`<SearchResults/> should render results 1`] = `
             </div>
           </div>
           <div
-            class="sc-e72909eb-6 dOdFhK"
+            class="sc-d47d8018-6 ipSAXR"
           >
             <div
               class="sc-45a05aa-0 dqQtNN"
@@ -197,7 +197,7 @@ exports[`<SearchResults/> should render results 1`] = `
                 class="sc-546484b7-3 vErVC"
               >
                 <p
-                  class="sc-a4406a0f-1 rjoOw"
+                  class="sc-3633cc97-1 bjxtLv"
                 >
                   description
                 </p>
@@ -206,7 +206,7 @@ exports[`<SearchResults/> should render results 1`] = `
                 class="sc-45a05aa-2 gcKsUr"
               >
                 <p
-                  class="sc-a4406a0f-1 bNZtsp"
+                  class="sc-3633cc97-1 gDIqvu"
                 >
                   Consulter
                    
@@ -231,13 +231,13 @@ exports[`<SearchResults/> should render results 1`] = `
         class="sc-546484b7-0 fIRXSF"
       >
         <div
-          class="sc-e72909eb-0 btTdnX sc-45a05aa-1 jNkAaK"
+          class="sc-d47d8018-0 cDsGtD sc-45a05aa-1 jNkAaK"
         >
           <div
-            class="sc-d36b32f1-0 fCVbWV"
+            class="sc-9d3cf83b-0 gYcXmc"
           >
             <div
-              class="sc-d36b32f1-1 djtofL"
+              class="sc-9d3cf83b-1 laYFae"
             >
               <svg
                 aria-hidden="true"
@@ -261,18 +261,18 @@ exports[`<SearchResults/> should render results 1`] = `
             </div>
           </div>
           <div
-            class="sc-e72909eb-2 bNzKqg"
+            class="sc-d47d8018-2 eBZhiP"
           >
             <div
-              class="sc-e72909eb-3 hASMbR"
+              class="sc-d47d8018-3 cAXyng"
             >
               <p
-                class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
               >
                 test root content
               </p>
               <h2
-                class="sc-e72909eb-5 cdJafA"
+                class="sc-d47d8018-5 jNRMjT"
               >
                 <a
                   href="/outils/mer-il-est-fou2?q=search test"
@@ -283,7 +283,7 @@ exports[`<SearchResults/> should render results 1`] = `
             </div>
           </div>
           <div
-            class="sc-e72909eb-6 dOdFhK"
+            class="sc-d47d8018-6 ipSAXR"
           >
             <div
               class="sc-45a05aa-0 dqQtNN"
@@ -292,7 +292,7 @@ exports[`<SearchResults/> should render results 1`] = `
                 class="sc-546484b7-3 vErVC"
               >
                 <p
-                  class="sc-a4406a0f-1 rjoOw"
+                  class="sc-3633cc97-1 bjxtLv"
                 >
                   description
                 </p>
@@ -301,7 +301,7 @@ exports[`<SearchResults/> should render results 1`] = `
                 class="sc-45a05aa-2 gcKsUr"
               >
                 <p
-                  class="sc-a4406a0f-1 bNZtsp"
+                  class="sc-3633cc97-1 gDIqvu"
                 >
                   Consulter
                    
@@ -326,13 +326,13 @@ exports[`<SearchResults/> should render results 1`] = `
         class="sc-546484b7-0 fIRXSF"
       >
         <div
-          class="sc-e72909eb-0 btTdnX"
+          class="sc-d47d8018-0 cDsGtD"
         >
           <div
-            class="sc-d36b32f1-0 fCVbWV"
+            class="sc-9d3cf83b-0 gYcXmc"
           >
             <div
-              class="sc-d36b32f1-1 djtofL"
+              class="sc-9d3cf83b-1 laYFae"
             >
               <svg
                 aria-hidden="true"
@@ -356,18 +356,18 @@ exports[`<SearchResults/> should render results 1`] = `
             </div>
           </div>
           <div
-            class="sc-e72909eb-2 bNzKqg"
+            class="sc-d47d8018-2 eBZhiP"
           >
             <div
-              class="sc-e72909eb-3 hASMbR"
+              class="sc-d47d8018-3 cAXyng"
             >
               <p
-                class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
+                class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
               >
                 test theme content
               </p>
               <h2
-                class="sc-e72909eb-5 cdJafA"
+                class="sc-d47d8018-5 jNRMjT"
               >
                 <a
                   href="/contribution/mer-il-est-fou4?q=search test"
@@ -378,13 +378,13 @@ exports[`<SearchResults/> should render results 1`] = `
             </div>
           </div>
           <div
-            class="sc-e72909eb-6 dOdFhK"
+            class="sc-d47d8018-6 ipSAXR"
           >
             <div
               class="sc-546484b7-3 vErVC"
             >
               <p
-                class="sc-a4406a0f-1 rjoOw"
+                class="sc-3633cc97-1 bjxtLv"
               >
                 description
               </p>
@@ -395,46 +395,46 @@ exports[`<SearchResults/> should render results 1`] = `
     </ul>
   </div>
   <div
-    class="sc-6e8ce629-0 blXpGW"
+    class="sc-a384ed57-0 fCzpjp"
   >
     <div
-      class="sc-6e8ce629-1 deeUua"
+      class="sc-a384ed57-1 GFedb"
     />
     <div
-      class="sc-6e8ce629-3 gwTdKE"
+      class="sc-a384ed57-3 dylJnL"
     >
       <div
-        class="sc-c707bea3-0 fLyNGe"
+        class="sc-d8f596bd-0 jtWYDW"
       >
         <div
-          class="sc-238bfc37-0 erxEOR"
+          class="sc-e32628d4-0 eFvDQP"
         >
           <h2
-            class="sc-3c1fa745-0 dgbBKP"
+            class="sc-d6e72754-0 egzXkL"
           >
             <span
-              class="sc-f4f767e-0 hiuRaG"
+              class="sc-a4d7a179-0 gGBEJx"
             />
             Que dit le code du travail ?
           </h2>
         </div>
         <div
-          class="sc-926ceff3-0 hwyVxr"
+          class="sc-2496d0f8-0 dvplyw"
         >
           <div
-            class="sc-74bdc36f-0 cyEzsJ"
+            class="sc-28aac820-0 oopOP"
           >
             <div
-              class="sc-e72909eb-0 btTdnX"
+              class="sc-d47d8018-0 cDsGtD"
             >
               <div
-                class="sc-e72909eb-2 bNzKqg"
+                class="sc-d47d8018-2 eBZhiP"
               >
                 <div
-                  class="sc-e72909eb-3 hASMbR"
+                  class="sc-d47d8018-3 cAXyng"
                 >
                   <p
-                    class="sc-e72909eb-5 cdJafA"
+                    class="sc-d47d8018-5 jNRMjT"
                   >
                     <a
                       href="/code-du-travail/L1243-1?q=search test"
@@ -445,7 +445,7 @@ exports[`<SearchResults/> should render results 1`] = `
                 </div>
               </div>
               <div
-                class="sc-e72909eb-6 dOdFhK"
+                class="sc-d47d8018-6 ipSAXR"
               >
                 la description
               </div>
@@ -453,37 +453,37 @@ exports[`<SearchResults/> should render results 1`] = `
           </div>
         </div>
         <div
-          class="sc-238bfc37-0 erxEOR"
+          class="sc-e32628d4-0 eFvDQP"
         >
           <h2
-            class="sc-3c1fa745-0 dgbBKP"
+            class="sc-d6e72754-0 egzXkL"
           >
             <span
-              class="sc-f4f767e-0 hiuRaG"
+              class="sc-a4d7a179-0 gGBEJx"
             />
             Les thèmes suivants peuvent vous intéresser
           </h2>
         </div>
         <div
-          class="sc-926ceff3-0 hwyVxr"
+          class="sc-2496d0f8-0 dvplyw"
         >
           <div
-            class="sc-74bdc36f-0 hXVcUM"
+            class="sc-28aac820-0 emsaPO"
           >
             <div
-              class="sc-e72909eb-0 eVuCTM"
+              class="sc-d47d8018-0 ezEIGw"
             >
               <div
-                class="sc-e72909eb-2 bNzKqg"
+                class="sc-d47d8018-2 eBZhiP"
               >
                 <span
-                  class="sc-f4f767e-0 jrRpXe"
+                  class="sc-a4d7a179-0 JKSoZ"
                 />
                 <div
-                  class="sc-e72909eb-3 hASMbR"
+                  class="sc-d47d8018-3 cAXyng"
                 >
                   <p
-                    class="sc-e72909eb-5 cdJafA"
+                    class="sc-d47d8018-5 jNRMjT"
                   >
                     <a
                       href="/themes/1-contrat?q=search test"