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 cd366aa83c..b7a4b4dfba 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-d8f596bd-0 sc-1bce5a92-4 jtWYDW jMVRmt"
+        class="sc-c707bea3-0 sc-1bce5a92-4 fLyNGe jMVRmt"
       >
         <a
           class="sc-1bce5a92-5 dGVXOB"
@@ -66,7 +66,7 @@ exports[`<About /> should render 1`] = `
             role="search"
           >
             <div
-              class="sc-8dcb2faa-0 gxfPDw"
+              class="sc-f92038f6-0 llOtbb"
             >
               <label
                 for="floating-search"
@@ -97,7 +97,7 @@ exports[`<About /> should render 1`] = `
             />
             <button
               aria-label="Lancer ma recherche"
-              class="sc-95bd4344-0 dxXsic sc-830662af-4 hWCjEV"
+              class="sc-b0ebfae6-0 dGXoMZ 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-95bd4344-0 ksRRNY sc-7ce33c9e-0 sc-1bce5a92-3 dfFPma hcjICj"
+            class="sc-b0ebfae6-0 iBhawp sc-464069b8-0 sc-1bce5a92-3 iHEjlX hcjICj"
           >
             Accessibilité
           </button>
         </div>
         <button
           aria-label="menu principal"
-          class="sc-95bd4344-0 jfFcPD sc-826d929a-1 gOztMa sc-46211e62-0 fntMFM"
+          class="sc-b0ebfae6-0 hnMdUW sc-e95c929f-1 edZCax sc-46211e62-0 fntMFM"
         >
           <svg
             aria-hidden="true"
-            class="sc-826d929a-2 iVKgwY"
+            class="sc-e95c929f-2 lblybl"
             fill="none"
             viewBox="0 0 32 32"
             xmlns="http://www.w3.org/2000/svg"
@@ -192,39 +192,39 @@ exports[`<About /> should render 1`] = `
       tabindex="-1"
     >
       <div
-        class="sc-a384ed57-0 iEQrzr"
+        class="sc-6e8ce629-0 KibPI"
       >
         <div
-          class="sc-d8f596bd-0 hCPxfF"
+          class="sc-c707bea3-0 cgPrTf"
         >
           <header
-            class="sc-e32628d4-0 cXUuvO"
+            class="sc-238bfc37-0 bnxcHY"
           >
             <h1
-              class="sc-5f05e99b-0 dQbgIy"
+              class="sc-efa69b03-0 cNAUpX"
             >
               <span
-                class="sc-a4d7a179-0 jRxkkJ"
+                class="sc-f4f767e-0 jZdFSO"
               />
               À propos
             </h1>
             <p
-              class="sc-ea8c0a81-0 hsqxhF"
+              class="sc-e435e27-0 dhrCbn"
             >
               Apprenez-en plus sur notre histoire, notre équipe et nos méthodes
             </p>
           </header>
           <div
-            class="sc-2a0a4b0a-0 hpYuum"
+            class="sc-13323d30-0 eYPJba"
           >
             <div
-              class="sc-e32628d4-0 cwDqXq"
+              class="sc-238bfc37-0 iTixSU"
             >
               <h2
-                class="sc-d6e72754-0 gUBAuw"
+                class="sc-3c1fa745-0 eWYpOc"
               >
                 <span
-                  class="sc-a4d7a179-0 gGBEJx"
+                  class="sc-f4f767e-0 hiuRaG"
                 />
                 Qu’est-ce que le Code du travail numérique ?
               </h2>
@@ -240,7 +240,7 @@ exports[`<About /> should render 1`] = `
                janvier 2020.
             </p>
             <h3
-              class="sc-b879fc2d-0 hyiHle"
+              class="sc-a53a0f9a-0 bIsTsN"
             >
               Pourquoi le Code du travail numérique ?
             </h3>
@@ -258,7 +258,7 @@ exports[`<About /> should render 1`] = `
               </a>
             </p>
             <h3
-              class="sc-b879fc2d-0 hyiHle"
+              class="sc-a53a0f9a-0 bIsTsN"
             >
               À qui ce service s’adresse-t-il ?
             </h3>
@@ -273,7 +273,7 @@ exports[`<About /> should render 1`] = `
               </a>
             </p>
             <h3
-              class="sc-b879fc2d-0 hyiHle"
+              class="sc-a53a0f9a-0 bIsTsN"
             >
               Que peut-on trouver sur le site ?
             </h3>
@@ -298,19 +298,19 @@ exports[`<About /> should render 1`] = `
               </li>
             </ul>
             <div
-              class="sc-e32628d4-0 cwDqXq"
+              class="sc-238bfc37-0 iTixSU"
             >
               <h2
-                class="sc-d6e72754-0 gUBAuw"
+                class="sc-3c1fa745-0 eWYpOc"
               >
                 <span
-                  class="sc-a4d7a179-0 gGBEJx"
+                  class="sc-f4f767e-0 hiuRaG"
                 />
                 Qui sommes-nous ?
               </h2>
             </div>
             <h3
-              class="sc-b879fc2d-0 hyiHle"
+              class="sc-a53a0f9a-0 bIsTsN"
             >
               Notre équipe
             </h3>
@@ -346,7 +346,7 @@ exports[`<About /> should render 1`] = `
               .
             </p>
             <h3
-              class="sc-b879fc2d-0 hyiHle"
+              class="sc-a53a0f9a-0 bIsTsN"
             >
               Nos méthodes
             </h3>
@@ -376,34 +376,34 @@ exports[`<About /> should render 1`] = `
         class="sc-4d9a65c1-2 unPdz"
       >
         <div
-          class="sc-a384ed57-0 iEQrzr sc-4d9a65c1-3 fraWRV"
+          class="sc-6e8ce629-0 KibPI sc-4d9a65c1-3 fraWRV"
         >
           <div
-            class="sc-d8f596bd-0 jtWYDW"
+            class="sc-c707bea3-0 fLyNGe"
           >
             <div
               aria-level="2"
-              class="sc-e32628d4-0 fQeCjG"
+              class="sc-238bfc37-0 ffFWxY"
               role="heading"
             >
               <p
-                class="sc-d6e72754-0 gvSeXc"
+                class="sc-3c1fa745-0 fqYbSi"
               >
                 <span
-                  class="sc-a4d7a179-0 jRxkkJ"
+                  class="sc-f4f767e-0 jZdFSO"
                 />
                 Besoin de plus d’informations ?
               </p>
             </div>
             <div
-              class="sc-d8f596bd-0 sc-4d9a65c1-4 jMrYSO eDGGKO"
+              class="sc-c707bea3-0 sc-4d9a65c1-4 drFLyc eDGGKO"
             >
               <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-95bd4344-0 dqVtzj"
+              class="sc-b0ebfae6-0 hPQAhy"
             >
               Contacter nos services en région
               <svg
@@ -422,10 +422,10 @@ exports[`<About /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-a384ed57-0 iEQrzr sc-4d9a65c1-6 eNwCQl"
+          class="sc-6e8ce629-0 KibPI sc-4d9a65c1-6 eNwCQl"
         >
           <div
-            class="sc-d8f596bd-0 sc-4d9a65c1-7 jtWYDW ceMaPg"
+            class="sc-c707bea3-0 sc-4d9a65c1-7 fLyNGe ceMaPg"
           >
             <div
               class="sc-4d9a65c1-0 wpgHP"
@@ -433,13 +433,13 @@ exports[`<About /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Code du travail numérique
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -490,13 +490,13 @@ exports[`<About /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Outils populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -527,13 +527,13 @@ exports[`<About /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Modèles populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -568,13 +568,13 @@ exports[`<About /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Fiches pratiques populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -605,13 +605,13 @@ exports[`<About /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Conventions collectives populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -643,7 +643,7 @@ exports[`<About /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-d8f596bd-0 sc-d2f8e86a-0 jtWYDW gLHwsT"
+          class="sc-c707bea3-0 sc-d2f8e86a-0 fLyNGe 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 5386c3f969..ca72e5d25d 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-d8f596bd-0 sc-1bce5a92-4 jtWYDW jMVRmt"
+        class="sc-c707bea3-0 sc-1bce5a92-4 fLyNGe jMVRmt"
       >
         <a
           class="sc-1bce5a92-5 dGVXOB"
@@ -66,7 +66,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
             role="search"
           >
             <div
-              class="sc-8dcb2faa-0 gxfPDw"
+              class="sc-f92038f6-0 llOtbb"
             >
               <label
                 for="floating-search"
@@ -97,7 +97,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
             />
             <button
               aria-label="Lancer ma recherche"
-              class="sc-95bd4344-0 dxXsic sc-830662af-4 hWCjEV"
+              class="sc-b0ebfae6-0 dGXoMZ 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-95bd4344-0 ksRRNY sc-7ce33c9e-0 sc-1bce5a92-3 dfFPma hcjICj"
+            class="sc-b0ebfae6-0 iBhawp sc-464069b8-0 sc-1bce5a92-3 iHEjlX hcjICj"
           >
             Accessibilité
           </button>
         </div>
         <button
           aria-label="menu principal"
-          class="sc-95bd4344-0 jfFcPD sc-826d929a-1 gOztMa sc-46211e62-0 fntMFM"
+          class="sc-b0ebfae6-0 hnMdUW sc-e95c929f-1 edZCax sc-46211e62-0 fntMFM"
         >
           <svg
             aria-hidden="true"
-            class="sc-826d929a-2 iVKgwY"
+            class="sc-e95c929f-2 lblybl"
             fill="none"
             viewBox="0 0 32 32"
             xmlns="http://www.w3.org/2000/svg"
@@ -192,24 +192,24 @@ exports[`<DroitDuTravail /> should render 1`] = `
       tabindex="-1"
     >
       <div
-        class="sc-a384ed57-0 iEQrzr"
+        class="sc-6e8ce629-0 KibPI"
       >
         <div
-          class="sc-d8f596bd-0 jtWYDW"
+          class="sc-c707bea3-0 fLyNGe"
         >
           <header
-            class="sc-e32628d4-0 cXUuvO"
+            class="sc-238bfc37-0 bnxcHY"
           >
             <h1
-              class="sc-5f05e99b-0 dQbgIy"
+              class="sc-efa69b03-0 cNAUpX"
             >
               <span
-                class="sc-a4d7a179-0 jRxkkJ"
+                class="sc-f4f767e-0 jZdFSO"
               />
               Le droit du travail
             </h1>
             <p
-              class="sc-ea8c0a81-0 hsqxhF"
+              class="sc-e435e27-0 dhrCbn"
             >
               Retrouvez la définition du droit du travail, les textes qui en sont à l’origine 
               <br
@@ -219,19 +219,19 @@ exports[`<DroitDuTravail /> should render 1`] = `
             </p>
           </header>
           <div
-            class="sc-d8f596bd-0 jMrYSO"
+            class="sc-c707bea3-0 drFLyc"
           >
             <div
-              class="sc-2a0a4b0a-0 hpYuum"
+              class="sc-13323d30-0 eYPJba"
             >
               <div
-                class="sc-e32628d4-0 cwDqXq"
+                class="sc-238bfc37-0 iTixSU"
               >
                 <h2
-                  class="sc-d6e72754-0 gUBAuw"
+                  class="sc-3c1fa745-0 eWYpOc"
                 >
                   <span
-                    class="sc-a4d7a179-0 gGBEJx"
+                    class="sc-f4f767e-0 hiuRaG"
                   />
                   Qu’est-ce que le droit du travail ?
                 </h2>
@@ -248,13 +248,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-2a0a4b0a-0 dLOZmV"
+                class="sc-13323d30-0 exlNfj"
               >
                 <div
-                  class="sc-66a696c4-0 A-dcpl"
+                  class="sc-b74609e1-0 eEeXxw"
                 >
                   <div
-                    class="sc-66a696c4-1 dvlKxa"
+                    class="sc-b74609e1-1 jxlJZx"
                   >
                     <svg
                       aria-hidden="true"
@@ -274,17 +274,17 @@ exports[`<DroitDuTravail /> should render 1`] = `
                     </svg>
                   </div>
                   <div
-                    class="sc-66a696c4-2 eRMOZl"
+                    class="sc-b74609e1-2 ipaEJM"
                   >
                     <p
                       aria-level="3"
-                      class="sc-bdaf45c8-0 nMxaE"
+                      class="sc-2fb21927-0 gCPqsu"
                       role="heading"
                     >
                       Le droit du travail, ce n’est pas…
                     </p>
                     <p
-                      class="sc-3633cc97-1 bjxtLv"
+                      class="sc-a4406a0f-1 rjoOw"
                     >
                       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>
@@ -295,22 +295,22 @@ exports[`<DroitDuTravail /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-a384ed57-0 fCzpjp"
+          class="sc-6e8ce629-0 blXpGW"
         >
           <div
-            class="sc-a384ed57-1 GFedb"
+            class="sc-6e8ce629-1 deeUua"
           />
           <div
-            class="sc-d8f596bd-0 sc-a384ed57-2 jtWYDW fFVOAo"
+            class="sc-c707bea3-0 sc-6e8ce629-2 fLyNGe iZcJmi"
           >
             <div
-              class="sc-e32628d4-0 kzTfLq"
+              class="sc-238bfc37-0 ekUxzk"
             >
               <h2
-                class="sc-d6e72754-0 egzXkL"
+                class="sc-3c1fa745-0 dgbBKP"
               >
                 <span
-                  class="sc-a4d7a179-0 gGBEJx"
+                  class="sc-f4f767e-0 hiuRaG"
                 />
                 Quels sont les textes à l’origine du droit du travail ?
               </h2>
@@ -322,21 +322,21 @@ exports[`<DroitDuTravail /> should render 1`] = `
             </p>
           </div>
           <div
-            class="sc-a384ed57-3 dylJnL"
+            class="sc-6e8ce629-3 gwTdKE"
           >
             <div
-              class="sc-d8f596bd-0 jtWYDW"
+              class="sc-c707bea3-0 fLyNGe"
             >
               <div
                 class="sc-d18d6cf6-1 iazvhS"
               >
                 <div
-                  class="sc-4d2b2ff7-0 dCxcKq"
+                  class="sc-5ba3b7e7-0 kRJBmn"
                   data-accordion-component="Accordion"
                 >
                   <div>
                     <div
-                      class="sc-4d2b2ff7-1 wYknJ"
+                      class="sc-5ba3b7e7-1 MGkrw"
                       data-accordion-component="AccordionItem"
                     >
                       <div
@@ -347,17 +347,17 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           aria-controls="accordion__panel-raa-0"
                           aria-disabled="false"
                           aria-expanded="false"
-                          class="sc-4d2b2ff7-3 caQDFJ"
+                          class="sc-5ba3b7e7-3 jaIKNS"
                           data-accordion-component="AccordionItemButton"
                           id="accordion__heading-raa-0"
                           role="button"
                           tabindex="0"
                         >
                           <div
-                            class="sc-4d2b2ff7-4 gnLSHE"
+                            class="sc-5ba3b7e7-4 kjCVwx"
                           >
                             <div
-                              class="sc-4d2b2ff7-5 keKnCd"
+                              class="sc-5ba3b7e7-5 oVLkw"
                             >
                               <svg
                                 aria-hidden="true"
@@ -426,10 +426,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                               </svg>
                             </div>
                             <div
-                              class="sc-4d2b2ff7-6 foAwyF"
+                              class="sc-5ba3b7e7-6 jHHipS"
                             >
                               <h3
-                                class="sc-b879fc2d-0 hyiHle"
+                                class="sc-a53a0f9a-0 bIsTsN"
                                 style="margin: 0px;"
                               >
                                 Les textes internationaux
@@ -438,7 +438,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </div>
                           <svg
                             aria-hidden="true"
-                            class="sc-93c68677-0 fWneNg"
+                            class="sc-efc7f1fd-0 cFvIxv"
                             fill="none"
                             height="24"
                             stroke="currentColor"
@@ -457,13 +457,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <div
                         aria-hidden="true"
-                        class="sc-4d2b2ff7-2 fhHTEh"
+                        class="sc-5ba3b7e7-2 gUWLmN"
                         data-accordion-component="AccordionItemPanel"
                         hidden=""
                         id="accordion__panel-raa-0"
                       >
                         <div
-                          class="sc-32c7807-0 iMDCLs"
+                          class="sc-8fc9f174-0 glbEDc"
                         >
                           <p>
                             Le droit du travail en France est influencé par les textes de
@@ -528,7 +528,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                   </div>
                   <div>
                     <div
-                      class="sc-4d2b2ff7-1 gOAcli"
+                      class="sc-5ba3b7e7-1 bewXWz"
                       data-accordion-component="AccordionItem"
                     >
                       <div
@@ -539,17 +539,17 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           aria-controls="accordion__panel-raa-1"
                           aria-disabled="false"
                           aria-expanded="false"
-                          class="sc-4d2b2ff7-3 caQDFJ"
+                          class="sc-5ba3b7e7-3 jaIKNS"
                           data-accordion-component="AccordionItemButton"
                           id="accordion__heading-raa-1"
                           role="button"
                           tabindex="0"
                         >
                           <div
-                            class="sc-4d2b2ff7-4 gnLSHE"
+                            class="sc-5ba3b7e7-4 kjCVwx"
                           >
                             <div
-                              class="sc-4d2b2ff7-5 keKnCd"
+                              class="sc-5ba3b7e7-5 oVLkw"
                             >
                               <svg
                                 aria-hidden="true"
@@ -572,10 +572,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                               </svg>
                             </div>
                             <div
-                              class="sc-4d2b2ff7-6 foAwyF"
+                              class="sc-5ba3b7e7-6 jHHipS"
                             >
                               <h3
-                                class="sc-b879fc2d-0 hyiHle"
+                                class="sc-a53a0f9a-0 bIsTsN"
                                 style="margin: 0px;"
                               >
                                 Les textes européens
@@ -584,7 +584,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </div>
                           <svg
                             aria-hidden="true"
-                            class="sc-93c68677-0 fWneNg"
+                            class="sc-efc7f1fd-0 cFvIxv"
                             fill="none"
                             height="24"
                             stroke="currentColor"
@@ -603,13 +603,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <div
                         aria-hidden="true"
-                        class="sc-4d2b2ff7-2 fhHTEh"
+                        class="sc-5ba3b7e7-2 gUWLmN"
                         data-accordion-component="AccordionItemPanel"
                         hidden=""
                         id="accordion__panel-raa-1"
                       >
                         <div
-                          class="sc-32c7807-0 iMDCLs"
+                          class="sc-8fc9f174-0 glbEDc"
                         >
                           <p>
                             Le droit du travail français est influencé par
@@ -712,7 +712,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                   </div>
                   <div>
                     <div
-                      class="sc-4d2b2ff7-1 WEXqf"
+                      class="sc-5ba3b7e7-1 dpdAFm"
                       data-accordion-component="AccordionItem"
                     >
                       <div
@@ -723,17 +723,17 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           aria-controls="accordion__panel-raa-2"
                           aria-disabled="false"
                           aria-expanded="false"
-                          class="sc-4d2b2ff7-3 caQDFJ"
+                          class="sc-5ba3b7e7-3 jaIKNS"
                           data-accordion-component="AccordionItemButton"
                           id="accordion__heading-raa-2"
                           role="button"
                           tabindex="0"
                         >
                           <div
-                            class="sc-4d2b2ff7-4 gnLSHE"
+                            class="sc-5ba3b7e7-4 kjCVwx"
                           >
                             <div
-                              class="sc-4d2b2ff7-5 keKnCd"
+                              class="sc-5ba3b7e7-5 oVLkw"
                             >
                               <svg
                                 aria-hidden="true"
@@ -760,10 +760,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                               </svg>
                             </div>
                             <div
-                              class="sc-4d2b2ff7-6 foAwyF"
+                              class="sc-5ba3b7e7-6 jHHipS"
                             >
                               <h3
-                                class="sc-b879fc2d-0 hyiHle"
+                                class="sc-a53a0f9a-0 bIsTsN"
                                 style="margin: 0px;"
                               >
                                 La Constitution française
@@ -772,7 +772,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </div>
                           <svg
                             aria-hidden="true"
-                            class="sc-93c68677-0 fWneNg"
+                            class="sc-efc7f1fd-0 cFvIxv"
                             fill="none"
                             height="24"
                             stroke="currentColor"
@@ -791,13 +791,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <div
                         aria-hidden="true"
-                        class="sc-4d2b2ff7-2 fhHTEh"
+                        class="sc-5ba3b7e7-2 gUWLmN"
                         data-accordion-component="AccordionItemPanel"
                         hidden=""
                         id="accordion__panel-raa-2"
                       >
                         <div
-                          class="sc-32c7807-0 iMDCLs"
+                          class="sc-8fc9f174-0 glbEDc"
                         >
                           <p>
                             Texte le plus important du système juridique français,
@@ -855,7 +855,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                   </div>
                   <div>
                     <div
-                      class="sc-4d2b2ff7-1 WEXqf"
+                      class="sc-5ba3b7e7-1 dpdAFm"
                       data-accordion-component="AccordionItem"
                     >
                       <div
@@ -866,17 +866,17 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           aria-controls="accordion__panel-raa-3"
                           aria-disabled="false"
                           aria-expanded="false"
-                          class="sc-4d2b2ff7-3 caQDFJ"
+                          class="sc-5ba3b7e7-3 jaIKNS"
                           data-accordion-component="AccordionItemButton"
                           id="accordion__heading-raa-3"
                           role="button"
                           tabindex="0"
                         >
                           <div
-                            class="sc-4d2b2ff7-4 gnLSHE"
+                            class="sc-5ba3b7e7-4 kjCVwx"
                           >
                             <div
-                              class="sc-4d2b2ff7-5 keKnCd"
+                              class="sc-5ba3b7e7-5 oVLkw"
                             >
                               <svg
                                 aria-hidden="true"
@@ -913,10 +913,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                               </svg>
                             </div>
                             <div
-                              class="sc-4d2b2ff7-6 foAwyF"
+                              class="sc-5ba3b7e7-6 jHHipS"
                             >
                               <h3
-                                class="sc-b879fc2d-0 hyiHle"
+                                class="sc-a53a0f9a-0 bIsTsN"
                                 style="margin: 0px;"
                               >
                                 Lois, ordonnances, décrets et arrêtés
@@ -925,7 +925,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </div>
                           <svg
                             aria-hidden="true"
-                            class="sc-93c68677-0 fWneNg"
+                            class="sc-efc7f1fd-0 cFvIxv"
                             fill="none"
                             height="24"
                             stroke="currentColor"
@@ -944,13 +944,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <div
                         aria-hidden="true"
-                        class="sc-4d2b2ff7-2 fhHTEh"
+                        class="sc-5ba3b7e7-2 gUWLmN"
                         data-accordion-component="AccordionItemPanel"
                         hidden=""
                         id="accordion__panel-raa-3"
                       >
                         <div
-                          class="sc-32c7807-0 iMDCLs"
+                          class="sc-8fc9f174-0 glbEDc"
                         >
                           <p>
                             La loi est votée par le Parlement et fixe les principes fondamentaux du droit du travail et de la sécurité sociale.
@@ -978,7 +978,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                   </div>
                   <div>
                     <div
-                      class="sc-4d2b2ff7-1 WEXqf"
+                      class="sc-5ba3b7e7-1 dpdAFm"
                       data-accordion-component="AccordionItem"
                     >
                       <div
@@ -989,17 +989,17 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           aria-controls="accordion__panel-raa-4"
                           aria-disabled="false"
                           aria-expanded="false"
-                          class="sc-4d2b2ff7-3 caQDFJ"
+                          class="sc-5ba3b7e7-3 jaIKNS"
                           data-accordion-component="AccordionItemButton"
                           id="accordion__heading-raa-4"
                           role="button"
                           tabindex="0"
                         >
                           <div
-                            class="sc-4d2b2ff7-4 gnLSHE"
+                            class="sc-5ba3b7e7-4 kjCVwx"
                           >
                             <div
-                              class="sc-4d2b2ff7-5 keKnCd"
+                              class="sc-5ba3b7e7-5 oVLkw"
                             >
                               <svg
                                 aria-hidden="true"
@@ -1034,10 +1034,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                               </svg>
                             </div>
                             <div
-                              class="sc-4d2b2ff7-6 foAwyF"
+                              class="sc-5ba3b7e7-6 jHHipS"
                             >
                               <h3
-                                class="sc-b879fc2d-0 hyiHle"
+                                class="sc-a53a0f9a-0 bIsTsN"
                                 style="margin: 0px;"
                               >
                                 Les conventions et accords collectifs
@@ -1046,7 +1046,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </div>
                           <svg
                             aria-hidden="true"
-                            class="sc-93c68677-0 fWneNg"
+                            class="sc-efc7f1fd-0 cFvIxv"
                             fill="none"
                             height="24"
                             stroke="currentColor"
@@ -1065,13 +1065,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <div
                         aria-hidden="true"
-                        class="sc-4d2b2ff7-2 fhHTEh"
+                        class="sc-5ba3b7e7-2 gUWLmN"
                         data-accordion-component="AccordionItemPanel"
                         hidden=""
                         id="accordion__panel-raa-4"
                       >
                         <div
-                          class="sc-32c7807-0 iMDCLs"
+                          class="sc-8fc9f174-0 glbEDc"
                         >
                           <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.
@@ -1088,7 +1088,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                   </div>
                   <div>
                     <div
-                      class="sc-4d2b2ff7-1 WEXqf"
+                      class="sc-5ba3b7e7-1 dpdAFm"
                       data-accordion-component="AccordionItem"
                     >
                       <div
@@ -1099,17 +1099,17 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           aria-controls="accordion__panel-raa-5"
                           aria-disabled="false"
                           aria-expanded="false"
-                          class="sc-4d2b2ff7-3 caQDFJ"
+                          class="sc-5ba3b7e7-3 jaIKNS"
                           data-accordion-component="AccordionItemButton"
                           id="accordion__heading-raa-5"
                           role="button"
                           tabindex="0"
                         >
                           <div
-                            class="sc-4d2b2ff7-4 gnLSHE"
+                            class="sc-5ba3b7e7-4 kjCVwx"
                           >
                             <div
-                              class="sc-4d2b2ff7-5 keKnCd"
+                              class="sc-5ba3b7e7-5 oVLkw"
                             >
                               <svg
                                 aria-hidden="true"
@@ -1152,10 +1152,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                               </svg>
                             </div>
                             <div
-                              class="sc-4d2b2ff7-6 foAwyF"
+                              class="sc-5ba3b7e7-6 jHHipS"
                             >
                               <h3
-                                class="sc-b879fc2d-0 hyiHle"
+                                class="sc-a53a0f9a-0 bIsTsN"
                                 style="margin: 0px;"
                               >
                                 Les usages et les engagements unilatéraux
@@ -1164,7 +1164,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </div>
                           <svg
                             aria-hidden="true"
-                            class="sc-93c68677-0 fWneNg"
+                            class="sc-efc7f1fd-0 cFvIxv"
                             fill="none"
                             height="24"
                             stroke="currentColor"
@@ -1183,13 +1183,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <div
                         aria-hidden="true"
-                        class="sc-4d2b2ff7-2 fhHTEh"
+                        class="sc-5ba3b7e7-2 gUWLmN"
                         data-accordion-component="AccordionItemPanel"
                         hidden=""
                         id="accordion__panel-raa-5"
                       >
                         <div
-                          class="sc-32c7807-0 iMDCLs"
+                          class="sc-8fc9f174-0 glbEDc"
                         >
                           <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.
@@ -1211,7 +1211,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                   </div>
                   <div>
                     <div
-                      class="sc-4d2b2ff7-1 WEXqf"
+                      class="sc-5ba3b7e7-1 dpdAFm"
                       data-accordion-component="AccordionItem"
                     >
                       <div
@@ -1222,17 +1222,17 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           aria-controls="accordion__panel-raa-6"
                           aria-disabled="false"
                           aria-expanded="false"
-                          class="sc-4d2b2ff7-3 caQDFJ"
+                          class="sc-5ba3b7e7-3 jaIKNS"
                           data-accordion-component="AccordionItemButton"
                           id="accordion__heading-raa-6"
                           role="button"
                           tabindex="0"
                         >
                           <div
-                            class="sc-4d2b2ff7-4 gnLSHE"
+                            class="sc-5ba3b7e7-4 kjCVwx"
                           >
                             <div
-                              class="sc-4d2b2ff7-5 keKnCd"
+                              class="sc-5ba3b7e7-5 oVLkw"
                             >
                               <svg
                                 aria-hidden="true"
@@ -1251,10 +1251,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                               </svg>
                             </div>
                             <div
-                              class="sc-4d2b2ff7-6 foAwyF"
+                              class="sc-5ba3b7e7-6 jHHipS"
                             >
                               <h3
-                                class="sc-b879fc2d-0 hyiHle"
+                                class="sc-a53a0f9a-0 bIsTsN"
                                 style="margin: 0px;"
                               >
                                 Le règlement intérieur de l’entreprise
@@ -1263,7 +1263,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </div>
                           <svg
                             aria-hidden="true"
-                            class="sc-93c68677-0 fWneNg"
+                            class="sc-efc7f1fd-0 cFvIxv"
                             fill="none"
                             height="24"
                             stroke="currentColor"
@@ -1282,13 +1282,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <div
                         aria-hidden="true"
-                        class="sc-4d2b2ff7-2 fhHTEh"
+                        class="sc-5ba3b7e7-2 gUWLmN"
                         data-accordion-component="AccordionItemPanel"
                         hidden=""
                         id="accordion__panel-raa-6"
                       >
                         <div
-                          class="sc-32c7807-0 iMDCLs"
+                          class="sc-8fc9f174-0 glbEDc"
                         >
                           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>
@@ -1297,7 +1297,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                   </div>
                   <div>
                     <div
-                      class="sc-4d2b2ff7-1 WEXqf"
+                      class="sc-5ba3b7e7-1 dpdAFm"
                       data-accordion-component="AccordionItem"
                     >
                       <div
@@ -1308,17 +1308,17 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           aria-controls="accordion__panel-raa-7"
                           aria-disabled="false"
                           aria-expanded="false"
-                          class="sc-4d2b2ff7-3 caQDFJ"
+                          class="sc-5ba3b7e7-3 jaIKNS"
                           data-accordion-component="AccordionItemButton"
                           id="accordion__heading-raa-7"
                           role="button"
                           tabindex="0"
                         >
                           <div
-                            class="sc-4d2b2ff7-4 gnLSHE"
+                            class="sc-5ba3b7e7-4 kjCVwx"
                           >
                             <div
-                              class="sc-4d2b2ff7-5 keKnCd"
+                              class="sc-5ba3b7e7-5 oVLkw"
                             >
                               <svg
                                 aria-hidden="true"
@@ -1347,10 +1347,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                               </svg>
                             </div>
                             <div
-                              class="sc-4d2b2ff7-6 foAwyF"
+                              class="sc-5ba3b7e7-6 jHHipS"
                             >
                               <h3
-                                class="sc-b879fc2d-0 hyiHle"
+                                class="sc-a53a0f9a-0 bIsTsN"
                                 style="margin: 0px;"
                               >
                                 Le contrat de travail
@@ -1359,7 +1359,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </div>
                           <svg
                             aria-hidden="true"
-                            class="sc-93c68677-0 fWneNg"
+                            class="sc-efc7f1fd-0 cFvIxv"
                             fill="none"
                             height="24"
                             stroke="currentColor"
@@ -1378,13 +1378,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <div
                         aria-hidden="true"
-                        class="sc-4d2b2ff7-2 fhHTEh"
+                        class="sc-5ba3b7e7-2 gUWLmN"
                         data-accordion-component="AccordionItemPanel"
                         hidden=""
                         id="accordion__panel-raa-7"
                       >
                         <div
-                          class="sc-32c7807-0 iMDCLs"
+                          class="sc-8fc9f174-0 glbEDc"
                         >
                           <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).
@@ -1405,10 +1405,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                 </div>
               </div>
               <div
-                class="sc-d8f596bd-0 jMrYSO"
+                class="sc-c707bea3-0 drFLyc"
               >
                 <div
-                  class="sc-2a0a4b0a-0 sc-d18d6cf6-2 hPfzrL cZsCUb"
+                  class="sc-13323d30-0 sc-d18d6cf6-2 gtmVnh 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>
@@ -1417,16 +1417,16 @@ exports[`<DroitDuTravail /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-d8f596bd-0 hCPxfF"
+          class="sc-c707bea3-0 cgPrTf"
         >
           <div
-            class="sc-e32628d4-0 eFvDQP"
+            class="sc-238bfc37-0 erxEOR"
           >
             <h2
-              class="sc-d6e72754-0 egzXkL"
+              class="sc-3c1fa745-0 dgbBKP"
             >
               <span
-                class="sc-a4d7a179-0 gGBEJx"
+                class="sc-f4f767e-0 hiuRaG"
               />
               Existe-t-il une hiérarchie entre les textes ?
             </h2>
@@ -1447,7 +1447,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
           >
             <div>
               <div
-                class="sc-7c7e88ca-0 fnFiKD"
+                class="sc-891e089b-0 kjsdrl"
                 data-accordion-component="AccordionItem"
               >
                 <div
@@ -1458,29 +1458,29 @@ exports[`<DroitDuTravail /> should render 1`] = `
                     aria-controls="accordion__panel-raa-8"
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="sc-7c7e88ca-2 aTnVj"
+                    class="sc-891e089b-2 fZcQwv"
                     data-accordion-component="AccordionItemButton"
                     id="accordion__heading-raa-8"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="sc-7c7e88ca-3 hXUKGj"
+                      class="sc-891e089b-3 hqeQYz"
                     >
                       <div
-                        class="sc-7c7e88ca-4 eWhXsI"
+                        class="sc-891e089b-4 bQalGc"
                       >
                         1
                       </div>
                       <div
-                        class="sc-7c7e88ca-5 ifqdGp"
+                        class="sc-891e089b-5 bhSOfZ"
                       />
                     </div>
                     <div
-                      class="sc-7c7e88ca-6 hILpAR"
+                      class="sc-891e089b-6 kWwPx"
                     >
                       <div
-                        class="sc-7c7e88ca-7 ebYWUW"
+                        class="sc-891e089b-7 jhpIYy"
                       >
                         <svg
                           aria-hidden="true"
@@ -1549,10 +1549,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                         </svg>
                       </div>
                       <div
-                        class="sc-7c7e88ca-8 jnGuGj"
+                        class="sc-891e089b-8 jyejgz"
                       >
                         <h3
-                          class="sc-b879fc2d-0 hyiHle"
+                          class="sc-a53a0f9a-0 bIsTsN"
                           style="margin: 0px;"
                         >
                           Les textes internationaux et européens
@@ -1560,7 +1560,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <svg
                         aria-hidden="true"
-                        class="sc-93c68677-0 fWneNg"
+                        class="sc-efc7f1fd-0 cFvIxv"
                         fill="none"
                         height="24"
                         stroke="currentColor"
@@ -1580,13 +1580,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-7c7e88ca-1 jVFBbD"
+                  class="sc-891e089b-1 cbXfMB"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-raa-8"
                 >
                   <div
-                    class="sc-32c7807-0 iMDCLs"
+                    class="sc-8fc9f174-0 glbEDc"
                   >
                     <p>
                       Les textes nationaux doivent être conformes aux textes internationaux et européens.
@@ -1597,7 +1597,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
             </div>
             <div>
               <div
-                class="sc-7c7e88ca-0 deheNc"
+                class="sc-891e089b-0 gQDdNq"
                 data-accordion-component="AccordionItem"
               >
                 <div
@@ -1608,29 +1608,29 @@ exports[`<DroitDuTravail /> should render 1`] = `
                     aria-controls="accordion__panel-raa-9"
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="sc-7c7e88ca-2 aTnVj"
+                    class="sc-891e089b-2 fZcQwv"
                     data-accordion-component="AccordionItemButton"
                     id="accordion__heading-raa-9"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="sc-7c7e88ca-3 hbTIDu"
+                      class="sc-891e089b-3 jPxJXm"
                     >
                       <div
-                        class="sc-7c7e88ca-4 eWhXsI"
+                        class="sc-891e089b-4 bQalGc"
                       >
                         2
                       </div>
                       <div
-                        class="sc-7c7e88ca-5 ifqdGp"
+                        class="sc-891e089b-5 bhSOfZ"
                       />
                     </div>
                     <div
-                      class="sc-7c7e88ca-6 hbsRUQ"
+                      class="sc-891e089b-6 jAGDos"
                     >
                       <div
-                        class="sc-7c7e88ca-7 ebYWUW"
+                        class="sc-891e089b-7 jhpIYy"
                       >
                         <svg
                           aria-hidden="true"
@@ -1657,10 +1657,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                         </svg>
                       </div>
                       <div
-                        class="sc-7c7e88ca-8 jnGuGj"
+                        class="sc-891e089b-8 jyejgz"
                       >
                         <h3
-                          class="sc-b879fc2d-0 hyiHle"
+                          class="sc-a53a0f9a-0 bIsTsN"
                           style="margin: 0px;"
                         >
                           La Constitution
@@ -1668,7 +1668,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <svg
                         aria-hidden="true"
-                        class="sc-93c68677-0 fWneNg"
+                        class="sc-efc7f1fd-0 cFvIxv"
                         fill="none"
                         height="24"
                         stroke="currentColor"
@@ -1688,13 +1688,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-7c7e88ca-1 jVFBbD"
+                  class="sc-891e089b-1 cbXfMB"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-raa-9"
                 >
                   <div
-                    class="sc-32c7807-0 iMDCLs"
+                    class="sc-8fc9f174-0 glbEDc"
                   >
                     <p>
                       Tous les textes nationaux doivent être conformes à la Constitution française ainsi qu’au bloc de constitutionnalité.
@@ -1705,7 +1705,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
             </div>
             <div>
               <div
-                class="sc-7c7e88ca-0 deheNc"
+                class="sc-891e089b-0 gQDdNq"
                 data-accordion-component="AccordionItem"
               >
                 <div
@@ -1716,29 +1716,29 @@ exports[`<DroitDuTravail /> should render 1`] = `
                     aria-controls="accordion__panel-raa-10"
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="sc-7c7e88ca-2 aTnVj"
+                    class="sc-891e089b-2 fZcQwv"
                     data-accordion-component="AccordionItemButton"
                     id="accordion__heading-raa-10"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="sc-7c7e88ca-3 hbTIDu"
+                      class="sc-891e089b-3 jPxJXm"
                     >
                       <div
-                        class="sc-7c7e88ca-4 eWhXsI"
+                        class="sc-891e089b-4 bQalGc"
                       >
                         3
                       </div>
                       <div
-                        class="sc-7c7e88ca-5 ifqdGp"
+                        class="sc-891e089b-5 bhSOfZ"
                       />
                     </div>
                     <div
-                      class="sc-7c7e88ca-6 hbsRUQ"
+                      class="sc-891e089b-6 jAGDos"
                     >
                       <div
-                        class="sc-7c7e88ca-7 ebYWUW"
+                        class="sc-891e089b-7 jhpIYy"
                       >
                         <svg
                           aria-hidden="true"
@@ -1775,10 +1775,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                         </svg>
                       </div>
                       <div
-                        class="sc-7c7e88ca-8 jnGuGj"
+                        class="sc-891e089b-8 jyejgz"
                       >
                         <h3
-                          class="sc-b879fc2d-0 hyiHle"
+                          class="sc-a53a0f9a-0 bIsTsN"
                           style="margin: 0px;"
                         >
                           Lois, ordonnances et décrets (Code du travail)
@@ -1786,7 +1786,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <svg
                         aria-hidden="true"
-                        class="sc-93c68677-0 fWneNg"
+                        class="sc-efc7f1fd-0 cFvIxv"
                         fill="none"
                         height="24"
                         stroke="currentColor"
@@ -1806,16 +1806,16 @@ exports[`<DroitDuTravail /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-7c7e88ca-1 jVFBbD"
+                  class="sc-891e089b-1 cbXfMB"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-raa-10"
                 >
                   <div
-                    class="sc-32c7807-0 iMDCLs"
+                    class="sc-8fc9f174-0 glbEDc"
                   >
                     <h4
-                      class="sc-b879fc2d-0 hyiHle"
+                      class="sc-a53a0f9a-0 bIsTsN"
                     >
                       Hiérarchie entre le Code du travail et les conventions et accords collectifs
                     </h4>
@@ -1828,7 +1828,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                     >
                       <div>
                         <div
-                          class="sc-1571bed7-0"
+                          class="sc-6ba2e448-0 wqwqk"
                           data-accordion-component="AccordionItem"
                         >
                           <div
@@ -1839,7 +1839,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                               aria-controls="accordion__panel-raa-11"
                               aria-disabled="false"
                               aria-expanded="false"
-                              class="sc-1571bed7-2 gNtlHI"
+                              class="sc-6ba2e448-2 dhbWmA"
                               data-accordion-component="AccordionItemButton"
                               id="accordion__heading-raa-11"
                               role="button"
@@ -1847,7 +1847,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                             >
                               <svg
                                 aria-hidden="true"
-                                class="sc-93c68677-0 fWneNg"
+                                class="sc-efc7f1fd-0 cFvIxv"
                                 fill="none"
                                 height="24"
                                 stroke="currentColor"
@@ -1863,10 +1863,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                                 />
                               </svg>
                               <div
-                                class="sc-1571bed7-3 figaQV"
+                                class="sc-6ba2e448-3 dhjOwJ"
                               >
                                 <h5
-                                  class="sc-b879fc2d-0 hyiHle"
+                                  class="sc-a53a0f9a-0 bIsTsN"
                                   style="margin: 0px;"
                                 >
                                   Les conventions et accords collectifs doivent respecter le Code du travail
@@ -1876,13 +1876,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </div>
                           <div
                             aria-hidden="true"
-                            class="sc-1571bed7-1 hamHiw"
+                            class="sc-6ba2e448-1 cDSlef"
                             data-accordion-component="AccordionItemPanel"
                             hidden=""
                             id="accordion__panel-raa-11"
                           >
                             <div
-                              class="sc-32c7807-0 iMDCLs"
+                              class="sc-8fc9f174-0 glbEDc"
                             >
                               <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.
@@ -1893,7 +1893,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <div>
                         <div
-                          class="sc-1571bed7-0 dpEeGj"
+                          class="sc-6ba2e448-0 gAQMVA"
                           data-accordion-component="AccordionItem"
                         >
                           <div
@@ -1904,7 +1904,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                               aria-controls="accordion__panel-raa-12"
                               aria-disabled="false"
                               aria-expanded="false"
-                              class="sc-1571bed7-2 gNtlHI"
+                              class="sc-6ba2e448-2 dhbWmA"
                               data-accordion-component="AccordionItemButton"
                               id="accordion__heading-raa-12"
                               role="button"
@@ -1912,7 +1912,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                             >
                               <svg
                                 aria-hidden="true"
-                                class="sc-93c68677-0 fWneNg"
+                                class="sc-efc7f1fd-0 cFvIxv"
                                 fill="none"
                                 height="24"
                                 stroke="currentColor"
@@ -1928,10 +1928,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                                 />
                               </svg>
                               <div
-                                class="sc-1571bed7-3 figaQV"
+                                class="sc-6ba2e448-3 dhjOwJ"
                               >
                                 <h5
-                                  class="sc-b879fc2d-0 hyiHle"
+                                  class="sc-a53a0f9a-0 bIsTsN"
                                   style="margin: 0px;"
                                 >
                                   Les conventions et accords collectifs peuvent prévoir des mesures différentes que celles posées par le Code du travail
@@ -1941,13 +1941,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </div>
                           <div
                             aria-hidden="true"
-                            class="sc-1571bed7-1 hamHiw"
+                            class="sc-6ba2e448-1 cDSlef"
                             data-accordion-component="AccordionItemPanel"
                             hidden=""
                             id="accordion__panel-raa-12"
                           >
                             <div
-                              class="sc-32c7807-0 iMDCLs"
+                              class="sc-8fc9f174-0 glbEDc"
                             >
                               <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.
@@ -1961,7 +1961,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <div>
                         <div
-                          class="sc-1571bed7-0 dpEeGj"
+                          class="sc-6ba2e448-0 gAQMVA"
                           data-accordion-component="AccordionItem"
                         >
                           <div
@@ -1972,7 +1972,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                               aria-controls="accordion__panel-raa-13"
                               aria-disabled="false"
                               aria-expanded="false"
-                              class="sc-1571bed7-2 gNtlHI"
+                              class="sc-6ba2e448-2 dhbWmA"
                               data-accordion-component="AccordionItemButton"
                               id="accordion__heading-raa-13"
                               role="button"
@@ -1980,7 +1980,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                             >
                               <svg
                                 aria-hidden="true"
-                                class="sc-93c68677-0 fWneNg"
+                                class="sc-efc7f1fd-0 cFvIxv"
                                 fill="none"
                                 height="24"
                                 stroke="currentColor"
@@ -1996,10 +1996,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                                 />
                               </svg>
                               <div
-                                class="sc-1571bed7-3 figaQV"
+                                class="sc-6ba2e448-3 dhjOwJ"
                               >
                                 <h5
-                                  class="sc-b879fc2d-0 hyiHle"
+                                  class="sc-a53a0f9a-0 bIsTsN"
                                   style="margin: 0px;"
                                 >
                                   En l’absence de convention ou d’accord collectif sur le sujet, le Code du travail s’applique
@@ -2009,13 +2009,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </div>
                           <div
                             aria-hidden="true"
-                            class="sc-1571bed7-1 hamHiw"
+                            class="sc-6ba2e448-1 cDSlef"
                             data-accordion-component="AccordionItemPanel"
                             hidden=""
                             id="accordion__panel-raa-13"
                           >
                             <div
-                              class="sc-32c7807-0 iMDCLs"
+                              class="sc-8fc9f174-0 glbEDc"
                             >
                               <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.
@@ -2029,13 +2029,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                     </div>
                     <div
-                      class="sc-2a0a4b0a-0 hPfzrL"
+                      class="sc-13323d30-0 gtmVnh"
                     >
                       <div
-                        class="sc-66a696c4-0 A-dcpl"
+                        class="sc-b74609e1-0 eEeXxw"
                       >
                         <div
-                          class="sc-66a696c4-1 dvlKxa"
+                          class="sc-b74609e1-1 jxlJZx"
                         >
                           <svg
                             aria-hidden="true"
@@ -2055,10 +2055,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </svg>
                         </div>
                         <div
-                          class="sc-66a696c4-2 eRMOZl"
+                          class="sc-b74609e1-2 ipaEJM"
                         >
                           <h4
-                            class="sc-bdaf45c8-0 nMxaE"
+                            class="sc-2fb21927-0 gCPqsu"
                           >
                             Attention à certaines règles du Code du travail
                           </h4>
@@ -2085,7 +2085,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
               id="hierarchie"
             >
               <div
-                class="sc-7c7e88ca-0 deheNc"
+                class="sc-891e089b-0 gQDdNq"
                 data-accordion-component="AccordionItem"
               >
                 <div
@@ -2096,29 +2096,29 @@ exports[`<DroitDuTravail /> should render 1`] = `
                     aria-controls="accordion__panel-hierarchie"
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="sc-7c7e88ca-2 aTnVj"
+                    class="sc-891e089b-2 fZcQwv"
                     data-accordion-component="AccordionItemButton"
                     id="accordion__heading-hierarchie"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="sc-7c7e88ca-3 hbTIDu"
+                      class="sc-891e089b-3 jPxJXm"
                     >
                       <div
-                        class="sc-7c7e88ca-4 eWhXsI"
+                        class="sc-891e089b-4 bQalGc"
                       >
                         4
                       </div>
                       <div
-                        class="sc-7c7e88ca-5 ifqdGp"
+                        class="sc-891e089b-5 bhSOfZ"
                       />
                     </div>
                     <div
-                      class="sc-7c7e88ca-6 hbsRUQ"
+                      class="sc-891e089b-6 jAGDos"
                     >
                       <div
-                        class="sc-7c7e88ca-7 ebYWUW"
+                        class="sc-891e089b-7 jhpIYy"
                       >
                         <svg
                           aria-hidden="true"
@@ -2153,10 +2153,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                         </svg>
                       </div>
                       <div
-                        class="sc-7c7e88ca-8 jnGuGj"
+                        class="sc-891e089b-8 jyejgz"
                       >
                         <h3
-                          class="sc-b879fc2d-0 hyiHle"
+                          class="sc-a53a0f9a-0 bIsTsN"
                           style="margin: 0px;"
                         >
                           Les conventions et accords collectifs
@@ -2164,7 +2164,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <svg
                         aria-hidden="true"
-                        class="sc-93c68677-0 fWneNg"
+                        class="sc-efc7f1fd-0 cFvIxv"
                         fill="none"
                         height="24"
                         stroke="currentColor"
@@ -2184,19 +2184,19 @@ exports[`<DroitDuTravail /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-7c7e88ca-1 jVFBbD"
+                  class="sc-891e089b-1 cbXfMB"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-hierarchie"
                 >
                   <div
-                    class="sc-32c7807-0 iMDCLs"
+                    class="sc-8fc9f174-0 glbEDc"
                   >
                     <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-b879fc2d-0 hyiHle"
+                      class="sc-a53a0f9a-0 bIsTsN"
                     >
                       Hiérarchie entre convention collective de branche et accord d’entreprise
                     </h4>
@@ -2204,13 +2204,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-2a0a4b0a-0 hPfzrL"
+                      class="sc-13323d30-0 gtmVnh"
                     >
                       <div
-                        class="sc-66a696c4-0 A-dcpl"
+                        class="sc-b74609e1-0 eEeXxw"
                       >
                         <div
-                          class="sc-66a696c4-1 dvlKxa"
+                          class="sc-b74609e1-1 jxlJZx"
                         >
                           <svg
                             aria-hidden="true"
@@ -2230,7 +2230,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                           </svg>
                         </div>
                         <div
-                          class="sc-66a696c4-2 eRMOZl"
+                          class="sc-b74609e1-2 ipaEJM"
                         >
                           <p
                             class="sc-22ca441a-4 ierDks"
@@ -2238,7 +2238,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                             Ce principe ne s’applique pas dans
                              
                             <button
-                              class="sc-95bd4344-0 hgVQqQ"
+                              class="sc-b0ebfae6-0 jcMFcJ"
                             >
                               13 matières
                               <svg
@@ -2257,7 +2257,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                             où la loi reconnaît la primauté à la convention collective de branche et
                              
                             <button
-                              class="sc-95bd4344-0 hgVQqQ"
+                              class="sc-b0ebfae6-0 jcMFcJ"
                             >
                               4 matières
                               <svg
@@ -2282,7 +2282,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-b879fc2d-0 hyiHle"
+                      class="sc-a53a0f9a-0 bIsTsN"
                     >
                       Hiérarchie entre accord de groupe et accord d’entreprise
                     </h4>
@@ -2290,7 +2290,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-b879fc2d-0 hyiHle"
+                      class="sc-a53a0f9a-0 bIsTsN"
                     >
                       Hiérarchie entre accord d’entreprise et accord d’établissement
                     </h4>
@@ -2303,7 +2303,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
             </div>
             <div>
               <div
-                class="sc-7c7e88ca-0 deheNc"
+                class="sc-891e089b-0 gQDdNq"
                 data-accordion-component="AccordionItem"
               >
                 <div
@@ -2314,29 +2314,29 @@ exports[`<DroitDuTravail /> should render 1`] = `
                     aria-controls="accordion__panel-raa-15"
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="sc-7c7e88ca-2 aTnVj"
+                    class="sc-891e089b-2 fZcQwv"
                     data-accordion-component="AccordionItemButton"
                     id="accordion__heading-raa-15"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="sc-7c7e88ca-3 hbTIDu"
+                      class="sc-891e089b-3 jPxJXm"
                     >
                       <div
-                        class="sc-7c7e88ca-4 eWhXsI"
+                        class="sc-891e089b-4 bQalGc"
                       >
                         5
                       </div>
                       <div
-                        class="sc-7c7e88ca-5 ifqdGp"
+                        class="sc-891e089b-5 bhSOfZ"
                       />
                     </div>
                     <div
-                      class="sc-7c7e88ca-6 hbsRUQ"
+                      class="sc-891e089b-6 jAGDos"
                     >
                       <div
-                        class="sc-7c7e88ca-7 ebYWUW"
+                        class="sc-891e089b-7 jhpIYy"
                       >
                         <svg
                           aria-hidden="true"
@@ -2379,10 +2379,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                         </svg>
                       </div>
                       <div
-                        class="sc-7c7e88ca-8 jnGuGj"
+                        class="sc-891e089b-8 jyejgz"
                       >
                         <h3
-                          class="sc-b879fc2d-0 hyiHle"
+                          class="sc-a53a0f9a-0 bIsTsN"
                           style="margin: 0px;"
                         >
                           Les usages et les engagements unilatéraux
@@ -2390,7 +2390,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <svg
                         aria-hidden="true"
-                        class="sc-93c68677-0 fWneNg"
+                        class="sc-efc7f1fd-0 cFvIxv"
                         fill="none"
                         height="24"
                         stroke="currentColor"
@@ -2410,13 +2410,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-7c7e88ca-1 jVFBbD"
+                  class="sc-891e089b-1 cbXfMB"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-raa-15"
                 >
                   <div
-                    class="sc-32c7807-0 iMDCLs"
+                    class="sc-8fc9f174-0 glbEDc"
                   >
                     <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.
@@ -2427,7 +2427,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
             </div>
             <div>
               <div
-                class="sc-7c7e88ca-0 deheNc"
+                class="sc-891e089b-0 gQDdNq"
                 data-accordion-component="AccordionItem"
               >
                 <div
@@ -2438,29 +2438,29 @@ exports[`<DroitDuTravail /> should render 1`] = `
                     aria-controls="accordion__panel-raa-16"
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="sc-7c7e88ca-2 aTnVj"
+                    class="sc-891e089b-2 fZcQwv"
                     data-accordion-component="AccordionItemButton"
                     id="accordion__heading-raa-16"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="sc-7c7e88ca-3 hbTIDu"
+                      class="sc-891e089b-3 jPxJXm"
                     >
                       <div
-                        class="sc-7c7e88ca-4 eWhXsI"
+                        class="sc-891e089b-4 bQalGc"
                       >
                         6
                       </div>
                       <div
-                        class="sc-7c7e88ca-5 ifqdGp"
+                        class="sc-891e089b-5 bhSOfZ"
                       />
                     </div>
                     <div
-                      class="sc-7c7e88ca-6 hbsRUQ"
+                      class="sc-891e089b-6 jAGDos"
                     >
                       <div
-                        class="sc-7c7e88ca-7 ebYWUW"
+                        class="sc-891e089b-7 jhpIYy"
                       >
                         <svg
                           aria-hidden="true"
@@ -2479,10 +2479,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                         </svg>
                       </div>
                       <div
-                        class="sc-7c7e88ca-8 jnGuGj"
+                        class="sc-891e089b-8 jyejgz"
                       >
                         <h3
-                          class="sc-b879fc2d-0 hyiHle"
+                          class="sc-a53a0f9a-0 bIsTsN"
                           style="margin: 0px;"
                         >
                           Le règlement intérieur de l’entreprise
@@ -2490,7 +2490,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <svg
                         aria-hidden="true"
-                        class="sc-93c68677-0 fWneNg"
+                        class="sc-efc7f1fd-0 cFvIxv"
                         fill="none"
                         height="24"
                         stroke="currentColor"
@@ -2510,13 +2510,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-7c7e88ca-1 jVFBbD"
+                  class="sc-891e089b-1 cbXfMB"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-raa-16"
                 >
                   <div
-                    class="sc-32c7807-0 iMDCLs"
+                    class="sc-8fc9f174-0 glbEDc"
                   >
                     <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.
@@ -2527,7 +2527,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
             </div>
             <div>
               <div
-                class="sc-7c7e88ca-0 bjGinB"
+                class="sc-891e089b-0 gYKoVX"
                 data-accordion-component="AccordionItem"
               >
                 <div
@@ -2538,29 +2538,29 @@ exports[`<DroitDuTravail /> should render 1`] = `
                     aria-controls="accordion__panel-raa-17"
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="sc-7c7e88ca-2 aTnVj"
+                    class="sc-891e089b-2 fZcQwv"
                     data-accordion-component="AccordionItemButton"
                     id="accordion__heading-raa-17"
                     role="button"
                     tabindex="0"
                   >
                     <div
-                      class="sc-7c7e88ca-3 caFvzL"
+                      class="sc-891e089b-3 ipXDmH"
                     >
                       <div
-                        class="sc-7c7e88ca-4 eWhXsI"
+                        class="sc-891e089b-4 bQalGc"
                       >
                         7
                       </div>
                       <div
-                        class="sc-7c7e88ca-5 ifqdGp"
+                        class="sc-891e089b-5 bhSOfZ"
                       />
                     </div>
                     <div
-                      class="sc-7c7e88ca-6 hbsRUQ"
+                      class="sc-891e089b-6 jAGDos"
                     >
                       <div
-                        class="sc-7c7e88ca-7 ebYWUW"
+                        class="sc-891e089b-7 jhpIYy"
                       >
                         <svg
                           aria-hidden="true"
@@ -2589,10 +2589,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
                         </svg>
                       </div>
                       <div
-                        class="sc-7c7e88ca-8 jnGuGj"
+                        class="sc-891e089b-8 jyejgz"
                       >
                         <h3
-                          class="sc-b879fc2d-0 hyiHle"
+                          class="sc-a53a0f9a-0 bIsTsN"
                           style="margin: 0px;"
                         >
                           Le contrat de travail
@@ -2600,7 +2600,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
                       </div>
                       <svg
                         aria-hidden="true"
-                        class="sc-93c68677-0 fWneNg"
+                        class="sc-efc7f1fd-0 cFvIxv"
                         fill="none"
                         height="24"
                         stroke="currentColor"
@@ -2620,13 +2620,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-7c7e88ca-1 jVFBbD"
+                  class="sc-891e089b-1 cbXfMB"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-raa-17"
                 >
                   <div
-                    class="sc-32c7807-0 iMDCLs"
+                    class="sc-8fc9f174-0 glbEDc"
                   >
                     <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.
@@ -2646,34 +2646,34 @@ exports[`<DroitDuTravail /> should render 1`] = `
         class="sc-4d9a65c1-2 unPdz"
       >
         <div
-          class="sc-a384ed57-0 iEQrzr sc-4d9a65c1-3 fraWRV"
+          class="sc-6e8ce629-0 KibPI sc-4d9a65c1-3 fraWRV"
         >
           <div
-            class="sc-d8f596bd-0 jtWYDW"
+            class="sc-c707bea3-0 fLyNGe"
           >
             <div
               aria-level="2"
-              class="sc-e32628d4-0 fQeCjG"
+              class="sc-238bfc37-0 ffFWxY"
               role="heading"
             >
               <p
-                class="sc-d6e72754-0 gvSeXc"
+                class="sc-3c1fa745-0 fqYbSi"
               >
                 <span
-                  class="sc-a4d7a179-0 jRxkkJ"
+                  class="sc-f4f767e-0 jZdFSO"
                 />
                 Besoin de plus d’informations ?
               </p>
             </div>
             <div
-              class="sc-d8f596bd-0 sc-4d9a65c1-4 jMrYSO eDGGKO"
+              class="sc-c707bea3-0 sc-4d9a65c1-4 drFLyc eDGGKO"
             >
               <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-95bd4344-0 dqVtzj"
+              class="sc-b0ebfae6-0 hPQAhy"
             >
               Contacter nos services en région
               <svg
@@ -2692,10 +2692,10 @@ exports[`<DroitDuTravail /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-a384ed57-0 iEQrzr sc-4d9a65c1-6 eNwCQl"
+          class="sc-6e8ce629-0 KibPI sc-4d9a65c1-6 eNwCQl"
         >
           <div
-            class="sc-d8f596bd-0 sc-4d9a65c1-7 jtWYDW ceMaPg"
+            class="sc-c707bea3-0 sc-4d9a65c1-7 fLyNGe ceMaPg"
           >
             <div
               class="sc-4d9a65c1-0 wpgHP"
@@ -2703,13 +2703,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Code du travail numérique
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -2760,13 +2760,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Outils populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -2797,13 +2797,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Modèles populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -2838,13 +2838,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Fiches pratiques populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -2875,13 +2875,13 @@ exports[`<DroitDuTravail /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Conventions collectives populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -2913,7 +2913,7 @@ exports[`<DroitDuTravail /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-d8f596bd-0 sc-d2f8e86a-0 jtWYDW gLHwsT"
+          class="sc-c707bea3-0 sc-d2f8e86a-0 fLyNGe gLHwsT"
         >
           <div
             class="sc-d2f8e86a-1 ipUnWt"
diff --git a/packages/code-du-travail-frontend/__tests__/__snapshots__/fiche-ministere-travail.test.tsx.snap b/packages/code-du-travail-frontend/__tests__/__snapshots__/fiche-ministere-travail.test.tsx.snap
index e63e96b266..6ed665c363 100644
--- a/packages/code-du-travail-frontend/__tests__/__snapshots__/fiche-ministere-travail.test.tsx.snap
+++ b/packages/code-du-travail-frontend/__tests__/__snapshots__/fiche-ministere-travail.test.tsx.snap
@@ -18,7 +18,7 @@ exports[`<FicheMT /> should render 1`] = `
         le 04/01/2020, 00:00:00
       </div>
       <div
-        class="sc-d8f596bd-0 sc-1bce5a92-4 jtWYDW jMVRmt"
+        class="sc-c707bea3-0 sc-1bce5a92-4 fLyNGe jMVRmt"
       >
         <a
           class="sc-1bce5a92-5 dGVXOB"
@@ -66,7 +66,7 @@ exports[`<FicheMT /> should render 1`] = `
             role="search"
           >
             <div
-              class="sc-8dcb2faa-0 gxfPDw"
+              class="sc-f92038f6-0 llOtbb"
             >
               <label
                 for="floating-search"
@@ -97,7 +97,7 @@ exports[`<FicheMT /> should render 1`] = `
             />
             <button
               aria-label="Lancer ma recherche"
-              class="sc-95bd4344-0 dxXsic sc-830662af-4 hWCjEV"
+              class="sc-b0ebfae6-0 dGXoMZ sc-830662af-4 hWCjEV"
               title="Lancer ma recherche"
               type="submit"
             >
@@ -141,18 +141,18 @@ exports[`<FicheMT /> should render 1`] = `
           class="sc-1bce5a92-8 jegxDE"
         >
           <button
-            class="sc-95bd4344-0 ksRRNY sc-7ce33c9e-0 sc-1bce5a92-3 dfFPma hcjICj"
+            class="sc-b0ebfae6-0 iBhawp sc-464069b8-0 sc-1bce5a92-3 iHEjlX hcjICj"
           >
             Accessibilité
           </button>
         </div>
         <button
           aria-label="menu principal"
-          class="sc-95bd4344-0 jfFcPD sc-826d929a-1 gOztMa sc-46211e62-0 fntMFM"
+          class="sc-b0ebfae6-0 hnMdUW sc-e95c929f-1 edZCax sc-46211e62-0 fntMFM"
         >
           <svg
             aria-hidden="true"
-            class="sc-826d929a-2 iVKgwY"
+            class="sc-e95c929f-2 lblybl"
             fill="none"
             viewBox="0 0 32 32"
             xmlns="http://www.w3.org/2000/svg"
@@ -196,7 +196,7 @@ exports[`<FicheMT /> should render 1`] = `
         class="sc-4acc650d-0 iZmHLs"
       >
         <ol
-          class="sc-d8f596bd-0 sc-4acc650d-1 jtWYDW fiOSiq"
+          class="sc-c707bea3-0 sc-4acc650d-1 fLyNGe fiOSiq"
         >
           <li
             class="sc-4acc650d-2 fEtKOP"
@@ -247,16 +247,16 @@ exports[`<FicheMT /> should render 1`] = `
         </ol>
       </nav>
       <div
-        class="sc-d8f596bd-0 sc-b551711e-0 jtWYDW dPgTeI"
+        class="sc-c707bea3-0 sc-b551711e-0 fLyNGe dPgTeI"
       >
         <div
           class="sc-b551711e-1 fIhGar sc-6ceab43d-1 eRcelG"
         >
           <div
-            class="sc-d8f596bd-0 jtWYDW"
+            class="sc-c707bea3-0 fLyNGe"
           >
             <div
-              class="sc-2a0a4b0a-0 hpYuum"
+              class="sc-13323d30-0 eYPJba"
             >
               <div
                 class="sc-f2a41fcc-1 fNkZjj"
@@ -266,18 +266,18 @@ exports[`<FicheMT /> should render 1`] = `
                     class="sc-f2a41fcc-0 hQZrlv"
                   >
                     <p
-                      class="sc-9261d202-0 sc-f2a41fcc-3 iTbcuX jigJXx"
+                      class="sc-9ce1a7bf-0 sc-f2a41fcc-3 bORIyL jigJXx"
                     >
                       Santé, sécurité et conditions de travail
                     </p>
                     <header
-                      class="sc-e32628d4-0 ktMpnf sc-f2a41fcc-4 cqLxSJ"
+                      class="sc-238bfc37-0 exhNAB sc-f2a41fcc-4 cqLxSJ"
                     >
                       <h1
-                        class="sc-5f05e99b-0 cWsbaq"
+                        class="sc-efa69b03-0 jXMLJR"
                       >
                         <span
-                          class="sc-a4d7a179-0 gGBEJx"
+                          class="sc-f4f767e-0 hiuRaG"
                         />
                         Fiche MT test
                       </h1>
@@ -286,7 +286,7 @@ exports[`<FicheMT /> should render 1`] = `
                       class="sc-f2a41fcc-5 tnWPU"
                     >
                       <p
-                        class="sc-3633cc97-1 ksBhgq"
+                        class="sc-a4406a0f-1 dvtaRl"
                       >
                         <span
                           class="sc-f2a41fcc-8 ObhLq"
@@ -322,10 +322,10 @@ exports[`<FicheMT /> should render 1`] = `
                     class="sc-f2a41fcc-6 vLCby"
                   >
                     <div
-                      class="sc-2a0a4b0a-0 sc-c6a0a198-1 dLOZmV bMPGyZ"
+                      class="sc-13323d30-0 sc-c6a0a198-1 exlNfj bMPGyZ"
                     >
                       <p
-                        class="sc-3633cc97-1 bjxtLv"
+                        class="sc-a4406a0f-1 rjoOw"
                       >
                         lorem ipsum intro
                       </p>
@@ -338,7 +338,7 @@ exports[`<FicheMT /> should render 1`] = `
                         id="t1-Visite-d-information-et-de-prevention-pour-qui"
                       >
                         <div
-                          class="sc-1571bed7-0"
+                          class="sc-6ba2e448-0 wqwqk"
                           data-accordion-component="AccordionItem"
                         >
                           <div
@@ -349,7 +349,7 @@ exports[`<FicheMT /> should render 1`] = `
                               aria-controls="accordion__panel-t1-Visite-d-information-et-de-prevention-pour-qui"
                               aria-disabled="false"
                               aria-expanded="false"
-                              class="sc-1571bed7-2 gNtlHI"
+                              class="sc-6ba2e448-2 dhbWmA"
                               data-accordion-component="AccordionItemButton"
                               id="accordion__heading-t1-Visite-d-information-et-de-prevention-pour-qui"
                               role="button"
@@ -357,7 +357,7 @@ exports[`<FicheMT /> should render 1`] = `
                             >
                               <svg
                                 aria-hidden="true"
-                                class="sc-93c68677-0 fWneNg"
+                                class="sc-efc7f1fd-0 cFvIxv"
                                 fill="none"
                                 height="24"
                                 stroke="currentColor"
@@ -373,10 +373,10 @@ exports[`<FicheMT /> should render 1`] = `
                                 />
                               </svg>
                               <div
-                                class="sc-1571bed7-3 figaQV"
+                                class="sc-6ba2e448-3 dhjOwJ"
                               >
                                 <h2
-                                  class="sc-b879fc2d-0 hyiHle"
+                                  class="sc-a53a0f9a-0 bIsTsN"
                                   style="margin: 0px;"
                                 >
                                   1) Visite d’information et de prévention : pour qui ?
@@ -386,13 +386,13 @@ exports[`<FicheMT /> should render 1`] = `
                           </div>
                           <div
                             aria-hidden="true"
-                            class="sc-1571bed7-1 hamHiw"
+                            class="sc-6ba2e448-1 cDSlef"
                             data-accordion-component="AccordionItemPanel"
                             hidden=""
                             id="accordion__panel-t1-Visite-d-information-et-de-prevention-pour-qui"
                           >
                             <div
-                              class="sc-32c7807-0 iMDCLs"
+                              class="sc-8fc9f174-0 glbEDc"
                             >
                               <div
                                 class="sc-85c198dc-0 sc-6ceab43d-0 fpZaix"
@@ -544,7 +544,7 @@ exports[`<FicheMT /> should render 1`] = `
                       </span>
                     </button>
                     <div
-                      class="sc-95cc8fb1-0 iHYHyU"
+                      class="sc-26bde2b2-0 jUExxE"
                     >
                       <button
                         class="sc-338a722f-1 kiGnTA spacing-left"
@@ -590,10 +590,10 @@ exports[`<FicheMT /> should render 1`] = `
             </div>
           </div>
           <div
-            class="sc-d8f596bd-0 sc-c6a0a198-2 jtWYDW ceCYyW"
+            class="sc-c707bea3-0 sc-c6a0a198-2 fLyNGe ceCYyW"
           >
             <p
-              class="sc-3633cc97-1 bjxtLv"
+              class="sc-a4406a0f-1 rjoOw"
             >
               Partager ce contenu : 
             </p>
@@ -689,7 +689,7 @@ exports[`<FicheMT /> should render 1`] = `
                 </span>
               </button>
               <div
-                class="sc-95cc8fb1-0 iHYHyU"
+                class="sc-26bde2b2-0 jUExxE"
               >
                 <button
                   class="sc-338a722f-1 kiGnTA spacing-left"
@@ -733,22 +733,22 @@ exports[`<FicheMT /> should render 1`] = `
             </div>
           </div>
           <div
-            class="sc-a384ed57-0 iEQrzr sc-3f9d0357-0 fZXZfe"
+            class="sc-6e8ce629-0 KibPI sc-3f9d0357-0 fZXZfe"
           >
             <div
-              class="sc-d8f596bd-0 jtWYDW"
+              class="sc-c707bea3-0 fLyNGe"
             >
               <div
-                class="sc-2a0a4b0a-0 hPfzrL"
+                class="sc-13323d30-0 gtmVnh"
               >
                 <div
                   class="sc-66a51d8b-3 iitVHg"
                 >
                   <h2
-                    class="sc-66a51d8b-4 ihsodu sc-b879fc2d-0 ddMxZe"
+                    class="sc-66a51d8b-4 ihsodu sc-a53a0f9a-0 hXUEeL"
                   >
                     <span
-                      class="sc-a4d7a179-0 jSVvrt"
+                      class="sc-f4f767e-0 cxMIVi"
                     />
                     Avez-vous trouvé la réponse à votre question ?
                   </h2>
@@ -756,12 +756,12 @@ exports[`<FicheMT /> should render 1`] = `
                     class="sc-66a51d8b-5 eRJUhM"
                   >
                     <button
-                      class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
+                      class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
                     >
                       Non
                     </button>
                     <button
-                      class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
+                      class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
                     >
                       Oui
                     </button>
@@ -780,34 +780,34 @@ exports[`<FicheMT /> should render 1`] = `
         class="sc-4d9a65c1-2 unPdz"
       >
         <div
-          class="sc-a384ed57-0 iEQrzr sc-4d9a65c1-3 fraWRV"
+          class="sc-6e8ce629-0 KibPI sc-4d9a65c1-3 fraWRV"
         >
           <div
-            class="sc-d8f596bd-0 jtWYDW"
+            class="sc-c707bea3-0 fLyNGe"
           >
             <div
               aria-level="2"
-              class="sc-e32628d4-0 fQeCjG"
+              class="sc-238bfc37-0 ffFWxY"
               role="heading"
             >
               <p
-                class="sc-d6e72754-0 gvSeXc"
+                class="sc-3c1fa745-0 fqYbSi"
               >
                 <span
-                  class="sc-a4d7a179-0 jRxkkJ"
+                  class="sc-f4f767e-0 jZdFSO"
                 />
                 Besoin de plus d’informations ?
               </p>
             </div>
             <div
-              class="sc-d8f596bd-0 sc-4d9a65c1-4 jMrYSO eDGGKO"
+              class="sc-c707bea3-0 sc-4d9a65c1-4 drFLyc eDGGKO"
             >
               <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-95bd4344-0 dqVtzj"
+              class="sc-b0ebfae6-0 hPQAhy"
             >
               Contacter nos services en région
               <svg
@@ -826,10 +826,10 @@ exports[`<FicheMT /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-a384ed57-0 iEQrzr sc-4d9a65c1-6 eNwCQl"
+          class="sc-6e8ce629-0 KibPI sc-4d9a65c1-6 eNwCQl"
         >
           <div
-            class="sc-d8f596bd-0 sc-4d9a65c1-7 jtWYDW ceMaPg"
+            class="sc-c707bea3-0 sc-4d9a65c1-7 fLyNGe ceMaPg"
           >
             <div
               class="sc-4d9a65c1-0 wpgHP"
@@ -837,13 +837,13 @@ exports[`<FicheMT /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Code du travail numérique
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -894,13 +894,13 @@ exports[`<FicheMT /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Outils populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -931,13 +931,13 @@ exports[`<FicheMT /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Modèles populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -972,13 +972,13 @@ exports[`<FicheMT /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Fiches pratiques populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -1009,13 +1009,13 @@ exports[`<FicheMT /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Conventions collectives populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -1047,7 +1047,7 @@ exports[`<FicheMT /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-d8f596bd-0 sc-d2f8e86a-0 jtWYDW gLHwsT"
+          class="sc-c707bea3-0 sc-d2f8e86a-0 fLyNGe 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 a438ee991c..b6712615a9 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-d8f596bd-0 sc-1bce5a92-4 jtWYDW jMVRmt"
+        class="sc-c707bea3-0 sc-1bce5a92-4 fLyNGe jMVRmt"
       >
         <a
           class="sc-1bce5a92-5 dGVXOB"
@@ -66,7 +66,7 @@ exports[`<Term /> should render 1`] = `
             role="search"
           >
             <div
-              class="sc-8dcb2faa-0 gxfPDw"
+              class="sc-f92038f6-0 llOtbb"
             >
               <label
                 for="floating-search"
@@ -97,7 +97,7 @@ exports[`<Term /> should render 1`] = `
             />
             <button
               aria-label="Lancer ma recherche"
-              class="sc-95bd4344-0 dxXsic sc-830662af-4 hWCjEV"
+              class="sc-b0ebfae6-0 dGXoMZ 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-95bd4344-0 ksRRNY sc-7ce33c9e-0 sc-1bce5a92-3 dfFPma hcjICj"
+            class="sc-b0ebfae6-0 iBhawp sc-464069b8-0 sc-1bce5a92-3 iHEjlX hcjICj"
           >
             Accessibilité
           </button>
         </div>
         <button
           aria-label="menu principal"
-          class="sc-95bd4344-0 jfFcPD sc-826d929a-1 gOztMa sc-46211e62-0 fntMFM"
+          class="sc-b0ebfae6-0 hnMdUW sc-e95c929f-1 edZCax sc-46211e62-0 fntMFM"
         >
           <svg
             aria-hidden="true"
-            class="sc-826d929a-2 iVKgwY"
+            class="sc-e95c929f-2 lblybl"
             fill="none"
             viewBox="0 0 32 32"
             xmlns="http://www.w3.org/2000/svg"
@@ -192,28 +192,28 @@ exports[`<Term /> should render 1`] = `
       tabindex="-1"
     >
       <div
-        class="sc-a384ed57-0 iEQrzr"
+        class="sc-6e8ce629-0 KibPI"
       >
         <div
-          class="sc-d8f596bd-0 hCPxfF"
+          class="sc-c707bea3-0 cgPrTf"
         >
           <header
-            class="sc-e32628d4-0 cXUuvO"
+            class="sc-238bfc37-0 bnxcHY"
           >
             <h1
-              class="sc-5f05e99b-0 dQbgIy"
+              class="sc-efa69b03-0 cNAUpX"
             >
               <span
-                class="sc-a4d7a179-0 jRxkkJ"
+                class="sc-f4f767e-0 jZdFSO"
               />
               Accord d'entreprise
             </h1>
           </header>
           <div
-            class="sc-2a0a4b0a-0 hpYuum"
+            class="sc-13323d30-0 eYPJba"
           >
             <table
-              class="sc-4e3ba411-0 kKVapO"
+              class="sc-6d9f376d-0 iugiNe"
             >
               <tbody>
                 <tr>
@@ -246,34 +246,34 @@ exports[`<Term /> should render 1`] = `
         class="sc-4d9a65c1-2 unPdz"
       >
         <div
-          class="sc-a384ed57-0 iEQrzr sc-4d9a65c1-3 fraWRV"
+          class="sc-6e8ce629-0 KibPI sc-4d9a65c1-3 fraWRV"
         >
           <div
-            class="sc-d8f596bd-0 jtWYDW"
+            class="sc-c707bea3-0 fLyNGe"
           >
             <div
               aria-level="2"
-              class="sc-e32628d4-0 fQeCjG"
+              class="sc-238bfc37-0 ffFWxY"
               role="heading"
             >
               <p
-                class="sc-d6e72754-0 gvSeXc"
+                class="sc-3c1fa745-0 fqYbSi"
               >
                 <span
-                  class="sc-a4d7a179-0 jRxkkJ"
+                  class="sc-f4f767e-0 jZdFSO"
                 />
                 Besoin de plus d’informations ?
               </p>
             </div>
             <div
-              class="sc-d8f596bd-0 sc-4d9a65c1-4 jMrYSO eDGGKO"
+              class="sc-c707bea3-0 sc-4d9a65c1-4 drFLyc eDGGKO"
             >
               <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-95bd4344-0 dqVtzj"
+              class="sc-b0ebfae6-0 hPQAhy"
             >
               Contacter nos services en région
               <svg
@@ -292,10 +292,10 @@ exports[`<Term /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-a384ed57-0 iEQrzr sc-4d9a65c1-6 eNwCQl"
+          class="sc-6e8ce629-0 KibPI sc-4d9a65c1-6 eNwCQl"
         >
           <div
-            class="sc-d8f596bd-0 sc-4d9a65c1-7 jtWYDW ceMaPg"
+            class="sc-c707bea3-0 sc-4d9a65c1-7 fLyNGe ceMaPg"
           >
             <div
               class="sc-4d9a65c1-0 wpgHP"
@@ -303,13 +303,13 @@ exports[`<Term /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Code du travail numérique
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -360,13 +360,13 @@ exports[`<Term /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Outils populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -397,13 +397,13 @@ exports[`<Term /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Modèles populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -438,13 +438,13 @@ exports[`<Term /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Fiches pratiques populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -475,13 +475,13 @@ exports[`<Term /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Conventions collectives populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -513,7 +513,7 @@ exports[`<Term /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-d8f596bd-0 sc-d2f8e86a-0 jtWYDW gLHwsT"
+          class="sc-c707bea3-0 sc-d2f8e86a-0 fLyNGe 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 65508d2ade..0ac47f4af8 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-d8f596bd-0 sc-1bce5a92-4 jtWYDW jMVRmt"
+        class="sc-c707bea3-0 sc-1bce5a92-4 fLyNGe jMVRmt"
       >
         <a
           class="sc-1bce5a92-5 dGVXOB"
@@ -66,7 +66,7 @@ exports[`<Glossaire /> should render 1`] = `
             role="search"
           >
             <div
-              class="sc-8dcb2faa-0 gxfPDw"
+              class="sc-f92038f6-0 llOtbb"
             >
               <label
                 for="floating-search"
@@ -97,7 +97,7 @@ exports[`<Glossaire /> should render 1`] = `
             />
             <button
               aria-label="Lancer ma recherche"
-              class="sc-95bd4344-0 dxXsic sc-830662af-4 hWCjEV"
+              class="sc-b0ebfae6-0 dGXoMZ 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-95bd4344-0 ksRRNY sc-7ce33c9e-0 sc-1bce5a92-3 dfFPma hcjICj"
+            class="sc-b0ebfae6-0 iBhawp sc-464069b8-0 sc-1bce5a92-3 iHEjlX hcjICj"
           >
             Accessibilité
           </button>
         </div>
         <button
           aria-label="menu principal"
-          class="sc-95bd4344-0 jfFcPD sc-826d929a-1 gOztMa sc-46211e62-0 fntMFM"
+          class="sc-b0ebfae6-0 hnMdUW sc-e95c929f-1 edZCax sc-46211e62-0 fntMFM"
         >
           <svg
             aria-hidden="true"
-            class="sc-826d929a-2 iVKgwY"
+            class="sc-e95c929f-2 lblybl"
             fill="none"
             viewBox="0 0 32 32"
             xmlns="http://www.w3.org/2000/svg"
@@ -192,30 +192,30 @@ exports[`<Glossaire /> should render 1`] = `
       tabindex="-1"
     >
       <div
-        class="sc-a384ed57-0 iEQrzr"
+        class="sc-6e8ce629-0 KibPI"
       >
         <div
-          class="sc-d8f596bd-0 hCPxfF"
+          class="sc-c707bea3-0 cgPrTf"
         >
           <header
-            class="sc-e32628d4-0 cXUuvO"
+            class="sc-238bfc37-0 bnxcHY"
           >
             <h1
-              class="sc-5f05e99b-0 dQbgIy"
+              class="sc-efa69b03-0 cNAUpX"
             >
               <span
-                class="sc-a4d7a179-0 jRxkkJ"
+                class="sc-f4f767e-0 jZdFSO"
               />
               Glossaire
             </h1>
             <p
-              class="sc-ea8c0a81-0 hsqxhF"
+              class="sc-e435e27-0 dhrCbn"
             >
               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-2a0a4b0a-0 hpYuum"
+            class="sc-13323d30-0 eYPJba"
           >
             <ul>
               <li
@@ -405,20 +405,20 @@ exports[`<Glossaire /> should render 1`] = `
             </ul>
             <div>
               <div
-                class="sc-e32628d4-0 cwDqXq"
+                class="sc-238bfc37-0 iTixSU"
                 id="ancre-A"
               >
                 <h2
-                  class="sc-d6e72754-0 gUBAuw"
+                  class="sc-3c1fa745-0 eWYpOc"
                 >
                   <span
-                    class="sc-a4d7a179-0 gGBEJx"
+                    class="sc-f4f767e-0 hiuRaG"
                   />
                   A
                 </h2>
               </div>
               <ul
-                class="sc-ab356c14-0 bpNHPl"
+                class="sc-78dd7a00-0 fVqAjV"
               >
                 <li>
                   <p>
@@ -442,34 +442,34 @@ exports[`<Glossaire /> should render 1`] = `
         class="sc-4d9a65c1-2 unPdz"
       >
         <div
-          class="sc-a384ed57-0 iEQrzr sc-4d9a65c1-3 fraWRV"
+          class="sc-6e8ce629-0 KibPI sc-4d9a65c1-3 fraWRV"
         >
           <div
-            class="sc-d8f596bd-0 jtWYDW"
+            class="sc-c707bea3-0 fLyNGe"
           >
             <div
               aria-level="2"
-              class="sc-e32628d4-0 fQeCjG"
+              class="sc-238bfc37-0 ffFWxY"
               role="heading"
             >
               <p
-                class="sc-d6e72754-0 gvSeXc"
+                class="sc-3c1fa745-0 fqYbSi"
               >
                 <span
-                  class="sc-a4d7a179-0 jRxkkJ"
+                  class="sc-f4f767e-0 jZdFSO"
                 />
                 Besoin de plus d’informations ?
               </p>
             </div>
             <div
-              class="sc-d8f596bd-0 sc-4d9a65c1-4 jMrYSO eDGGKO"
+              class="sc-c707bea3-0 sc-4d9a65c1-4 drFLyc eDGGKO"
             >
               <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-95bd4344-0 dqVtzj"
+              class="sc-b0ebfae6-0 hPQAhy"
             >
               Contacter nos services en région
               <svg
@@ -488,10 +488,10 @@ exports[`<Glossaire /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-a384ed57-0 iEQrzr sc-4d9a65c1-6 eNwCQl"
+          class="sc-6e8ce629-0 KibPI sc-4d9a65c1-6 eNwCQl"
         >
           <div
-            class="sc-d8f596bd-0 sc-4d9a65c1-7 jtWYDW ceMaPg"
+            class="sc-c707bea3-0 sc-4d9a65c1-7 fLyNGe ceMaPg"
           >
             <div
               class="sc-4d9a65c1-0 wpgHP"
@@ -499,13 +499,13 @@ exports[`<Glossaire /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Code du travail numérique
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -556,13 +556,13 @@ exports[`<Glossaire /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Outils populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -593,13 +593,13 @@ exports[`<Glossaire /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Modèles populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -634,13 +634,13 @@ exports[`<Glossaire /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Fiches pratiques populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -671,13 +671,13 @@ exports[`<Glossaire /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Conventions collectives populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -709,7 +709,7 @@ exports[`<Glossaire /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-d8f596bd-0 sc-d2f8e86a-0 jtWYDW gLHwsT"
+          class="sc-c707bea3-0 sc-d2f8e86a-0 fLyNGe gLHwsT"
         >
           <div
             class="sc-d2f8e86a-1 ipUnWt"
diff --git a/packages/code-du-travail-frontend/__tests__/__snapshots__/modeles-de-courriers-[slug].test.tsx.snap b/packages/code-du-travail-frontend/__tests__/__snapshots__/modeles-de-courriers-[slug].test.tsx.snap
index 521129b8eb..5c62f15ed0 100644
--- a/packages/code-du-travail-frontend/__tests__/__snapshots__/modeles-de-courriers-[slug].test.tsx.snap
+++ b/packages/code-du-travail-frontend/__tests__/__snapshots__/modeles-de-courriers-[slug].test.tsx.snap
@@ -18,7 +18,7 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
         le 04/01/2020, 00:00:00
       </div>
       <div
-        class="sc-d8f596bd-0 sc-1bce5a92-4 jtWYDW jMVRmt"
+        class="sc-c707bea3-0 sc-1bce5a92-4 fLyNGe jMVRmt"
       >
         <a
           class="sc-1bce5a92-5 dGVXOB"
@@ -66,7 +66,7 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
             role="search"
           >
             <div
-              class="sc-8dcb2faa-0 gxfPDw"
+              class="sc-f92038f6-0 llOtbb"
             >
               <label
                 for="floating-search"
@@ -97,7 +97,7 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
             />
             <button
               aria-label="Lancer ma recherche"
-              class="sc-95bd4344-0 dxXsic sc-830662af-4 hWCjEV"
+              class="sc-b0ebfae6-0 dGXoMZ sc-830662af-4 hWCjEV"
               title="Lancer ma recherche"
               type="submit"
             >
@@ -141,18 +141,18 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
           class="sc-1bce5a92-8 jegxDE"
         >
           <button
-            class="sc-95bd4344-0 ksRRNY sc-7ce33c9e-0 sc-1bce5a92-3 dfFPma hcjICj"
+            class="sc-b0ebfae6-0 iBhawp sc-464069b8-0 sc-1bce5a92-3 iHEjlX hcjICj"
           >
             Accessibilité
           </button>
         </div>
         <button
           aria-label="menu principal"
-          class="sc-95bd4344-0 jfFcPD sc-826d929a-1 gOztMa sc-46211e62-0 fntMFM"
+          class="sc-b0ebfae6-0 hnMdUW sc-e95c929f-1 edZCax sc-46211e62-0 fntMFM"
         >
           <svg
             aria-hidden="true"
-            class="sc-826d929a-2 iVKgwY"
+            class="sc-e95c929f-2 lblybl"
             fill="none"
             viewBox="0 0 32 32"
             xmlns="http://www.w3.org/2000/svg"
@@ -196,7 +196,7 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
         class="sc-4acc650d-0 iZmHLs"
       >
         <ol
-          class="sc-d8f596bd-0 sc-4acc650d-1 jtWYDW fiOSiq"
+          class="sc-c707bea3-0 sc-4acc650d-1 fLyNGe fiOSiq"
         >
           <li
             class="sc-4acc650d-2 fEtKOP"
@@ -247,16 +247,16 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
         </ol>
       </nav>
       <div
-        class="sc-d8f596bd-0 sc-b551711e-0 jtWYDW dPgTeI"
+        class="sc-c707bea3-0 sc-b551711e-0 fLyNGe dPgTeI"
       >
         <div
           class="sc-b551711e-1 fIhGar"
         >
           <div
-            class="sc-d8f596bd-0 jtWYDW"
+            class="sc-c707bea3-0 fLyNGe"
           >
             <div
-              class="sc-2a0a4b0a-0 hpYuum"
+              class="sc-13323d30-0 eYPJba"
             >
               <div
                 class="sc-f2a41fcc-1 fNkZjj"
@@ -266,18 +266,18 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
                     class="sc-f2a41fcc-0 hQZrlv"
                   >
                     <p
-                      class="sc-9261d202-0 sc-f2a41fcc-3 iTbcuX jigJXx"
+                      class="sc-9ce1a7bf-0 sc-f2a41fcc-3 bORIyL jigJXx"
                     >
                       theme
                     </p>
                     <header
-                      class="sc-e32628d4-0 ktMpnf sc-f2a41fcc-4 cqLxSJ"
+                      class="sc-238bfc37-0 exhNAB sc-f2a41fcc-4 cqLxSJ"
                     >
                       <h1
-                        class="sc-5f05e99b-0 cWsbaq"
+                        class="sc-efa69b03-0 jXMLJR"
                       >
                         <span
-                          class="sc-a4d7a179-0 gGBEJx"
+                          class="sc-f4f767e-0 hiuRaG"
                         />
                         Modèle de lettre - Courrier Epistolaire
                       </h1>
@@ -286,7 +286,7 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
                       class="sc-f2a41fcc-5 tnWPU"
                     >
                       <p
-                        class="sc-3633cc97-1 ksBhgq"
+                        class="sc-a4406a0f-1 dvtaRl"
                       >
                         <span
                           class="sc-f2a41fcc-8 ObhLq"
@@ -302,19 +302,19 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
                     class="sc-f2a41fcc-6 vLCby"
                   >
                     <div
-                      class="sc-2a0a4b0a-0 sc-c6a0a198-1 dLOZmV bMPGyZ"
+                      class="sc-13323d30-0 sc-c6a0a198-1 exlNfj bMPGyZ"
                     >
                       <p
-                        class="sc-3633cc97-1 bjxtLv"
+                        class="sc-a4406a0f-1 rjoOw"
                       >
                         un description
                       </p>
                     </div>
                     <div
-                      class="sc-9d3cf83b-0 gYcXmc"
+                      class="sc-d36b32f1-0 fCVbWV"
                     >
                       <div
-                        class="sc-9d3cf83b-1 laYFae"
+                        class="sc-d36b32f1-1 djtofL"
                       >
                         <svg
                           aria-hidden="true"
@@ -338,16 +338,16 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
                       </div>
                     </div>
                     <div
-                      class="sc-a384ed57-0 iEQrzr"
+                      class="sc-6e8ce629-0 KibPI"
                     >
                       <div
-                        class="sc-2a0a4b0a-0 sc-ac749cfa-1 hPfzrL bQBck"
+                        class="sc-13323d30-0 sc-ac749cfa-1 gtmVnh bQBck"
                       >
                         <div
                           class="sc-ac749cfa-0 OoRWv"
                         >
                           <a
-                            class="sc-95bd4344-0 jFwEAm no-after"
+                            class="sc-b0ebfae6-0 garfaT no-after"
                             href="bucket.url/default/filename.pdf"
                           >
                             <svg
@@ -363,7 +363,7 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
                               />
                             </svg>
                             <div
-                              class="sc-8dcb2faa-0 gxfPDw"
+                              class="sc-f92038f6-0 llOtbb"
                             >
                               Télécharger le document (
                               pdf
@@ -394,7 +394,7 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
                        
                     </p>
                     <p
-                      class="sc-2a0a4b0a-0 sc-ac749cfa-2 dLOZmV epwZhu"
+                      class="sc-13323d30-0 sc-ac749cfa-2 exlNfj epwZhu"
                     >
                       Attention, chaque modèle de lettre proposé est à personnaliser selon votre situation et est susceptible d’évoluer suite à des changements de réglementation. Assurez-vous d’avoir la dernière version mise à jour avant toute utilisation.
                     </p>
@@ -402,7 +402,7 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
                       class="sc-ac749cfa-5 AcFrc"
                     >
                       <a
-                        class="sc-95bd4344-0 jqYNvz no-after"
+                        class="sc-b0ebfae6-0 jQBCMS no-after"
                         href="bucket.url/default/filename.pdf"
                       >
                         Télécharger le modèle (
@@ -518,7 +518,7 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
                       </span>
                     </button>
                     <div
-                      class="sc-95cc8fb1-0 iHYHyU"
+                      class="sc-26bde2b2-0 jUExxE"
                     >
                       <button
                         class="sc-338a722f-1 kiGnTA spacing-left"
@@ -564,10 +564,10 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
             </div>
           </div>
           <div
-            class="sc-d8f596bd-0 sc-c6a0a198-2 jtWYDW ceCYyW"
+            class="sc-c707bea3-0 sc-c6a0a198-2 fLyNGe ceCYyW"
           >
             <p
-              class="sc-3633cc97-1 bjxtLv"
+              class="sc-a4406a0f-1 rjoOw"
             >
               Partager ce contenu : 
             </p>
@@ -663,7 +663,7 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
                 </span>
               </button>
               <div
-                class="sc-95cc8fb1-0 iHYHyU"
+                class="sc-26bde2b2-0 jUExxE"
               >
                 <button
                   class="sc-338a722f-1 kiGnTA spacing-left"
@@ -707,22 +707,22 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
             </div>
           </div>
           <div
-            class="sc-a384ed57-0 iEQrzr sc-3f9d0357-0 fZXZfe"
+            class="sc-6e8ce629-0 KibPI sc-3f9d0357-0 fZXZfe"
           >
             <div
-              class="sc-d8f596bd-0 jtWYDW"
+              class="sc-c707bea3-0 fLyNGe"
             >
               <div
-                class="sc-2a0a4b0a-0 hPfzrL"
+                class="sc-13323d30-0 gtmVnh"
               >
                 <div
                   class="sc-66a51d8b-3 iitVHg"
                 >
                   <h2
-                    class="sc-66a51d8b-4 ihsodu sc-b879fc2d-0 ddMxZe"
+                    class="sc-66a51d8b-4 ihsodu sc-a53a0f9a-0 hXUEeL"
                   >
                     <span
-                      class="sc-a4d7a179-0 jSVvrt"
+                      class="sc-f4f767e-0 cxMIVi"
                     />
                     Avez-vous trouvé la réponse à votre question ?
                   </h2>
@@ -730,12 +730,12 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
                     class="sc-66a51d8b-5 eRJUhM"
                   >
                     <button
-                      class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
+                      class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
                     >
                       Non
                     </button>
                     <button
-                      class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
+                      class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
                     >
                       Oui
                     </button>
@@ -754,34 +754,34 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
         class="sc-4d9a65c1-2 unPdz"
       >
         <div
-          class="sc-a384ed57-0 iEQrzr sc-4d9a65c1-3 fraWRV"
+          class="sc-6e8ce629-0 KibPI sc-4d9a65c1-3 fraWRV"
         >
           <div
-            class="sc-d8f596bd-0 jtWYDW"
+            class="sc-c707bea3-0 fLyNGe"
           >
             <div
               aria-level="2"
-              class="sc-e32628d4-0 fQeCjG"
+              class="sc-238bfc37-0 ffFWxY"
               role="heading"
             >
               <p
-                class="sc-d6e72754-0 gvSeXc"
+                class="sc-3c1fa745-0 fqYbSi"
               >
                 <span
-                  class="sc-a4d7a179-0 jRxkkJ"
+                  class="sc-f4f767e-0 jZdFSO"
                 />
                 Besoin de plus d’informations ?
               </p>
             </div>
             <div
-              class="sc-d8f596bd-0 sc-4d9a65c1-4 jMrYSO eDGGKO"
+              class="sc-c707bea3-0 sc-4d9a65c1-4 drFLyc eDGGKO"
             >
               <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-95bd4344-0 dqVtzj"
+              class="sc-b0ebfae6-0 hPQAhy"
             >
               Contacter nos services en région
               <svg
@@ -800,10 +800,10 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-a384ed57-0 iEQrzr sc-4d9a65c1-6 eNwCQl"
+          class="sc-6e8ce629-0 KibPI sc-4d9a65c1-6 eNwCQl"
         >
           <div
-            class="sc-d8f596bd-0 sc-4d9a65c1-7 jtWYDW ceMaPg"
+            class="sc-c707bea3-0 sc-4d9a65c1-7 fLyNGe ceMaPg"
           >
             <div
               class="sc-4d9a65c1-0 wpgHP"
@@ -811,13 +811,13 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Code du travail numérique
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -868,13 +868,13 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Outils populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -905,13 +905,13 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Modèles populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -946,13 +946,13 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Fiches pratiques populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -983,13 +983,13 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Conventions collectives populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -1021,7 +1021,7 @@ exports[`<ModelesDeCourrier /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-d8f596bd-0 sc-d2f8e86a-0 jtWYDW gLHwsT"
+          class="sc-c707bea3-0 sc-d2f8e86a-0 fLyNGe 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 8617081e5a..793e799ace 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-d8f596bd-0 sc-1bce5a92-4 jtWYDW jMVRmt"
+        class="sc-c707bea3-0 sc-1bce5a92-4 fLyNGe jMVRmt"
       >
         <a
           class="sc-1bce5a92-5 dGVXOB"
@@ -66,7 +66,7 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
             role="search"
           >
             <div
-              class="sc-8dcb2faa-0 gxfPDw"
+              class="sc-f92038f6-0 llOtbb"
             >
               <label
                 for="floating-search"
@@ -97,7 +97,7 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
             />
             <button
               aria-label="Lancer ma recherche"
-              class="sc-95bd4344-0 dxXsic sc-830662af-4 hWCjEV"
+              class="sc-b0ebfae6-0 dGXoMZ 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-95bd4344-0 ksRRNY sc-7ce33c9e-0 sc-1bce5a92-3 dfFPma hcjICj"
+            class="sc-b0ebfae6-0 iBhawp sc-464069b8-0 sc-1bce5a92-3 iHEjlX hcjICj"
           >
             Accessibilité
           </button>
         </div>
         <button
           aria-label="menu principal"
-          class="sc-95bd4344-0 jfFcPD sc-826d929a-1 gOztMa sc-46211e62-0 fntMFM"
+          class="sc-b0ebfae6-0 hnMdUW sc-e95c929f-1 edZCax sc-46211e62-0 fntMFM"
         >
           <svg
             aria-hidden="true"
-            class="sc-826d929a-2 iVKgwY"
+            class="sc-e95c929f-2 lblybl"
             fill="none"
             viewBox="0 0 32 32"
             xmlns="http://www.w3.org/2000/svg"
@@ -192,33 +192,33 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
       tabindex="-1"
     >
       <div
-        class="sc-a384ed57-0 iEQrzr"
+        class="sc-6e8ce629-0 KibPI"
       >
         <div
-          class="sc-d8f596bd-0 hCPxfF"
+          class="sc-c707bea3-0 cgPrTf"
         >
           <header
-            class="sc-e32628d4-0 cXUuvO"
+            class="sc-238bfc37-0 bnxcHY"
           >
             <h1
-              class="sc-5f05e99b-0 dQbgIy"
+              class="sc-efa69b03-0 cNAUpX"
             >
               <span
-                class="sc-a4d7a179-0 jRxkkJ"
+                class="sc-f4f767e-0 jZdFSO"
               />
               Modèles de documents
             </h1>
             <p
-              class="sc-ea8c0a81-0 hsqxhF"
+              class="sc-e435e27-0 dhrCbn"
             >
               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-5a2c6b8f-0 yOEut sc-f36c6fc-2 cQpmLT"
+            class="sc-b8970624-0 fGqAMG sc-f36c6fc-2 cQpmLT"
           >
             <select
-              class="sc-5a2c6b8f-2 leEqvE"
+              class="sc-b8970624-2 cwLeaN"
             >
               <option
                 value="all"
@@ -238,7 +238,7 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
             </select>
             <div
               aria-hidden="true"
-              class="sc-5a2c6b8f-1 dTDGVJ"
+              class="sc-b8970624-1 bmgmee"
             >
               <svg
                 aria-hidden="true"
@@ -268,10 +268,10 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
             </div>
           </div>
           <ul
-            class="sc-ab356c14-0 sc-f36c6fc-0 bpNHPl dRUUmx"
+            class="sc-78dd7a00-0 sc-f36c6fc-0 fVqAjV dRUUmx"
           >
             <h2
-              class="sc-f36c6fc-3 gWQLPi sc-b879fc2d-0 hyiHle"
+              class="sc-f36c6fc-3 gWQLPi sc-a53a0f9a-0 bIsTsN"
             >
               Embauche et contrat de travail
             </h2>
@@ -279,13 +279,13 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
               class="sc-f36c6fc-1 kJkExl"
             >
               <div
-                class="sc-d47d8018-0 cDsGtD"
+                class="sc-e72909eb-0 btTdnX"
               >
                 <div
-                  class="sc-9d3cf83b-0 gYcXmc"
+                  class="sc-d36b32f1-0 fCVbWV"
                 >
                   <div
-                    class="sc-9d3cf83b-1 laYFae"
+                    class="sc-d36b32f1-1 djtofL"
                   >
                     <svg
                       aria-hidden="true"
@@ -309,13 +309,13 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
                   </div>
                 </div>
                 <div
-                  class="sc-d47d8018-2 eBZhiP"
+                  class="sc-e72909eb-2 bNzKqg"
                 >
                   <div
-                    class="sc-d47d8018-3 cAXyng"
+                    class="sc-e72909eb-3 hASMbR"
                   >
                     <h3
-                      class="sc-d47d8018-5 jNRMjT"
+                      class="sc-e72909eb-5 cdJafA"
                     >
                       <a
                         href="modeles-de-courriers/rupture-de-periode-dessai-a-linitiative-de-lemployeur"
@@ -326,14 +326,14 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
                   </div>
                 </div>
                 <div
-                  class="sc-d47d8018-6 ipSAXR"
+                  class="sc-e72909eb-6 dOdFhK"
                 >
                   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-b879fc2d-0 hyiHle"
+              class="sc-f36c6fc-3 gWQLPi sc-a53a0f9a-0 bIsTsN"
             >
               Départ de l'entreprise
             </h2>
@@ -341,13 +341,13 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
               class="sc-f36c6fc-1 kJkExl"
             >
               <div
-                class="sc-d47d8018-0 cDsGtD"
+                class="sc-e72909eb-0 btTdnX"
               >
                 <div
-                  class="sc-9d3cf83b-0 gYcXmc"
+                  class="sc-d36b32f1-0 fCVbWV"
                 >
                   <div
-                    class="sc-9d3cf83b-1 laYFae"
+                    class="sc-d36b32f1-1 djtofL"
                   >
                     <svg
                       aria-hidden="true"
@@ -371,13 +371,13 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
                   </div>
                 </div>
                 <div
-                  class="sc-d47d8018-2 eBZhiP"
+                  class="sc-e72909eb-2 bNzKqg"
                 >
                   <div
-                    class="sc-d47d8018-3 cAXyng"
+                    class="sc-e72909eb-3 hASMbR"
                   >
                     <h3
-                      class="sc-d47d8018-5 jNRMjT"
+                      class="sc-e72909eb-5 cdJafA"
                     >
                       <a
                         href="modeles-de-courriers/demande-de-rendez-vous-en-vue-dune-rupture-conventionnelle"
@@ -388,7 +388,7 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
                   </div>
                 </div>
                 <div
-                  class="sc-d47d8018-6 ipSAXR"
+                  class="sc-e72909eb-6 dOdFhK"
                 >
                   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>
@@ -405,34 +405,34 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
         class="sc-4d9a65c1-2 unPdz"
       >
         <div
-          class="sc-a384ed57-0 iEQrzr sc-4d9a65c1-3 fraWRV"
+          class="sc-6e8ce629-0 KibPI sc-4d9a65c1-3 fraWRV"
         >
           <div
-            class="sc-d8f596bd-0 jtWYDW"
+            class="sc-c707bea3-0 fLyNGe"
           >
             <div
               aria-level="2"
-              class="sc-e32628d4-0 fQeCjG"
+              class="sc-238bfc37-0 ffFWxY"
               role="heading"
             >
               <p
-                class="sc-d6e72754-0 gvSeXc"
+                class="sc-3c1fa745-0 fqYbSi"
               >
                 <span
-                  class="sc-a4d7a179-0 jRxkkJ"
+                  class="sc-f4f767e-0 jZdFSO"
                 />
                 Besoin de plus d’informations ?
               </p>
             </div>
             <div
-              class="sc-d8f596bd-0 sc-4d9a65c1-4 jMrYSO eDGGKO"
+              class="sc-c707bea3-0 sc-4d9a65c1-4 drFLyc eDGGKO"
             >
               <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-95bd4344-0 dqVtzj"
+              class="sc-b0ebfae6-0 hPQAhy"
             >
               Contacter nos services en région
               <svg
@@ -451,10 +451,10 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-a384ed57-0 iEQrzr sc-4d9a65c1-6 eNwCQl"
+          class="sc-6e8ce629-0 KibPI sc-4d9a65c1-6 eNwCQl"
         >
           <div
-            class="sc-d8f596bd-0 sc-4d9a65c1-7 jtWYDW ceMaPg"
+            class="sc-c707bea3-0 sc-4d9a65c1-7 fLyNGe ceMaPg"
           >
             <div
               class="sc-4d9a65c1-0 wpgHP"
@@ -462,13 +462,13 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Code du travail numérique
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -519,13 +519,13 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Outils populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -556,13 +556,13 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Modèles populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -597,13 +597,13 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Fiches pratiques populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -634,13 +634,13 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Conventions collectives populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -672,7 +672,7 @@ exports[`<ModelesDeCourriers /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-d8f596bd-0 sc-d2f8e86a-0 jtWYDW gLHwsT"
+          class="sc-c707bea3-0 sc-d2f8e86a-0 fLyNGe 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 561069cf92..1bd5df787d 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-d8f596bd-0 sc-1bce5a92-4 jtWYDW jMVRmt"
+        class="sc-c707bea3-0 sc-1bce5a92-4 fLyNGe jMVRmt"
       >
         <a
           class="sc-1bce5a92-5 dGVXOB"
@@ -61,18 +61,18 @@ exports[`<Recherche /> should render 1`] = `
           class="sc-1bce5a92-8 jegxDE"
         >
           <button
-            class="sc-95bd4344-0 ksRRNY sc-7ce33c9e-0 sc-1bce5a92-3 dfFPma hcjICj"
+            class="sc-b0ebfae6-0 iBhawp sc-464069b8-0 sc-1bce5a92-3 iHEjlX hcjICj"
           >
             Accessibilité
           </button>
         </div>
         <button
           aria-label="menu principal"
-          class="sc-95bd4344-0 jfFcPD sc-826d929a-1 gOztMa sc-46211e62-0 fntMFM"
+          class="sc-b0ebfae6-0 hnMdUW sc-e95c929f-1 edZCax sc-46211e62-0 fntMFM"
         >
           <svg
             aria-hidden="true"
-            class="sc-826d929a-2 iVKgwY"
+            class="sc-e95c929f-2 lblybl"
             fill="none"
             viewBox="0 0 32 32"
             xmlns="http://www.w3.org/2000/svg"
@@ -112,16 +112,16 @@ exports[`<Recherche /> should render 1`] = `
       tabindex="-1"
     >
       <div
-        class="sc-d8f596bd-0 hCPxfF"
+        class="sc-c707bea3-0 cgPrTf"
       >
         <header
-          class="sc-e32628d4-0 cXUuvO"
+          class="sc-238bfc37-0 bnxcHY"
         >
           <h1
-            class="sc-5f05e99b-0 dQbgIy"
+            class="sc-efa69b03-0 cNAUpX"
           >
             <span
-              class="sc-a4d7a179-0 jRxkkJ"
+              class="sc-f4f767e-0 jZdFSO"
             />
             Recherche
           </h1>
@@ -135,7 +135,7 @@ exports[`<Recherche /> should render 1`] = `
             role="search"
           >
             <div
-              class="sc-8dcb2faa-0 gxfPDw"
+              class="sc-f92038f6-0 llOtbb"
             >
               <label
                 for="search-input"
@@ -166,7 +166,7 @@ exports[`<Recherche /> should render 1`] = `
             />
             <button
               aria-label="Lancer ma recherche"
-              class="sc-95bd4344-0 jqYNvz sc-830662af-3 duukAP"
+              class="sc-b0ebfae6-0 jQBCMS sc-830662af-3 duukAP"
               title="Lancer ma recherche"
               type="submit"
             >
@@ -187,24 +187,24 @@ exports[`<Recherche /> should render 1`] = `
         </div>
       </div>
       <div
-        class="sc-a384ed57-0 iEQrzr"
+        class="sc-6e8ce629-0 KibPI"
       />
       <div
-        class="sc-a384ed57-0 iEQrzr"
+        class="sc-6e8ce629-0 KibPI"
       >
         <div
-          class="sc-d8f596bd-0 jtWYDW"
+          class="sc-c707bea3-0 fLyNGe"
         >
           <div
-            class="sc-2a0a4b0a-0 sc-25b8f0fc-1 hPfzrL eIPfXy"
+            class="sc-13323d30-0 sc-25b8f0fc-1 gtmVnh eIPfXy"
           >
             <strong
               aria-level="2"
-              class="sc-b879fc2d-0 ddMxZe"
+              class="sc-a53a0f9a-0 hXUEeL"
               role="heading"
             >
               <span
-                class="sc-a4d7a179-0 jSVvrt"
+                class="sc-f4f767e-0 cxMIVi"
               />
               Vous n’avez pas trouvé ce que vous cherchiez ? Essayez …
             </strong>
@@ -212,12 +212,12 @@ exports[`<Recherche /> should render 1`] = `
               class="sc-25b8f0fc-2 bfzTYW"
             >
               <button
-                class="sc-95bd4344-0 iLunBo"
+                class="sc-b0ebfae6-0 ffxSnV"
               >
                 Consulter les thèmes
               </button>
               <button
-                class="sc-95bd4344-0 iLunBo"
+                class="sc-b0ebfae6-0 ffxSnV"
               >
                 Chercher une convention collective
               </button>
@@ -233,34 +233,34 @@ exports[`<Recherche /> should render 1`] = `
         class="sc-4d9a65c1-2 unPdz"
       >
         <div
-          class="sc-a384ed57-0 iEQrzr sc-4d9a65c1-3 fraWRV"
+          class="sc-6e8ce629-0 KibPI sc-4d9a65c1-3 fraWRV"
         >
           <div
-            class="sc-d8f596bd-0 jtWYDW"
+            class="sc-c707bea3-0 fLyNGe"
           >
             <div
               aria-level="2"
-              class="sc-e32628d4-0 fQeCjG"
+              class="sc-238bfc37-0 ffFWxY"
               role="heading"
             >
               <p
-                class="sc-d6e72754-0 gvSeXc"
+                class="sc-3c1fa745-0 fqYbSi"
               >
                 <span
-                  class="sc-a4d7a179-0 jRxkkJ"
+                  class="sc-f4f767e-0 jZdFSO"
                 />
                 Besoin de plus d’informations ?
               </p>
             </div>
             <div
-              class="sc-d8f596bd-0 sc-4d9a65c1-4 jMrYSO eDGGKO"
+              class="sc-c707bea3-0 sc-4d9a65c1-4 drFLyc eDGGKO"
             >
               <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-95bd4344-0 dqVtzj"
+              class="sc-b0ebfae6-0 hPQAhy"
             >
               Contacter nos services en région
               <svg
@@ -279,10 +279,10 @@ exports[`<Recherche /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-a384ed57-0 iEQrzr sc-4d9a65c1-6 eNwCQl"
+          class="sc-6e8ce629-0 KibPI sc-4d9a65c1-6 eNwCQl"
         >
           <div
-            class="sc-d8f596bd-0 sc-4d9a65c1-7 jtWYDW ceMaPg"
+            class="sc-c707bea3-0 sc-4d9a65c1-7 fLyNGe ceMaPg"
           >
             <div
               class="sc-4d9a65c1-0 wpgHP"
@@ -290,13 +290,13 @@ exports[`<Recherche /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Code du travail numérique
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -347,13 +347,13 @@ exports[`<Recherche /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Outils populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -384,13 +384,13 @@ exports[`<Recherche /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Modèles populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -425,13 +425,13 @@ exports[`<Recherche /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Fiches pratiques populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -462,13 +462,13 @@ exports[`<Recherche /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Conventions collectives populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -500,7 +500,7 @@ exports[`<Recherche /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-d8f596bd-0 sc-d2f8e86a-0 jtWYDW gLHwsT"
+          class="sc-c707bea3-0 sc-d2f8e86a-0 fLyNGe 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 7a2c55cfaf..b8483b48ca 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-d8f596bd-0 sc-1bce5a92-4 jtWYDW jMVRmt"
+        class="sc-c707bea3-0 sc-1bce5a92-4 fLyNGe jMVRmt"
       >
         <a
           class="sc-1bce5a92-5 dGVXOB"
@@ -66,7 +66,7 @@ exports[`<Theme /> should render 1`] = `
             role="search"
           >
             <div
-              class="sc-8dcb2faa-0 gxfPDw"
+              class="sc-f92038f6-0 llOtbb"
             >
               <label
                 for="floating-search"
@@ -97,7 +97,7 @@ exports[`<Theme /> should render 1`] = `
             />
             <button
               aria-label="Lancer ma recherche"
-              class="sc-95bd4344-0 dxXsic sc-830662af-4 hWCjEV"
+              class="sc-b0ebfae6-0 dGXoMZ 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-95bd4344-0 ksRRNY sc-7ce33c9e-0 sc-1bce5a92-3 dfFPma hcjICj"
+            class="sc-b0ebfae6-0 iBhawp sc-464069b8-0 sc-1bce5a92-3 iHEjlX hcjICj"
           >
             Accessibilité
           </button>
         </div>
         <button
           aria-label="menu principal"
-          class="sc-95bd4344-0 jfFcPD sc-826d929a-1 gOztMa sc-46211e62-0 fntMFM"
+          class="sc-b0ebfae6-0 hnMdUW sc-e95c929f-1 edZCax sc-46211e62-0 fntMFM"
         >
           <svg
             aria-hidden="true"
-            class="sc-826d929a-2 iVKgwY"
+            class="sc-e95c929f-2 lblybl"
             fill="none"
             viewBox="0 0 32 32"
             xmlns="http://www.w3.org/2000/svg"
@@ -196,7 +196,7 @@ exports[`<Theme /> should render 1`] = `
         class="sc-4acc650d-0 iZmHLs"
       >
         <ol
-          class="sc-d8f596bd-0 sc-4acc650d-1 jtWYDW fiOSiq"
+          class="sc-c707bea3-0 sc-4acc650d-1 fLyNGe fiOSiq"
         >
           <li
             class="sc-4acc650d-2 fEtKOP"
@@ -247,57 +247,57 @@ exports[`<Theme /> should render 1`] = `
         </ol>
       </nav>
       <div
-        class="sc-a384ed57-0 iEQrzr"
+        class="sc-6e8ce629-0 KibPI"
       >
         <div
-          class="sc-d8f596bd-0 jtWYDW"
+          class="sc-c707bea3-0 fLyNGe"
         >
           <header
-            class="sc-e32628d4-0 cXUuvO"
+            class="sc-238bfc37-0 bnxcHY"
           >
             <h1
-              class="sc-5f05e99b-0 dQbgIy"
+              class="sc-efa69b03-0 cNAUpX"
             >
               <span
-                class="sc-a4d7a179-0 jRxkkJ"
+                class="sc-f4f767e-0 jZdFSO"
               />
               Contrat de travail
             </h1>
             <p
-              class="sc-ea8c0a81-0 hsqxhF"
+              class="sc-e435e27-0 dhrCbn"
             >
               I am a description !
             </p>
           </header>
           <div
-            class="sc-d8f596bd-0 sc-f262cf08-0 jtWYDW jNaGhn"
+            class="sc-c707bea3-0 sc-f262cf08-0 fLyNGe jNaGhn"
           >
             <a
-              class="sc-f262cf08-1 bShleE sc-95bd4344-0 dqVtzj"
+              class="sc-f262cf08-1 bShleE sc-b0ebfae6-0 hPQAhy"
               href="/themes//themes/121-cdi"
             >
               CDI
             </a>
             <a
-              class="sc-f262cf08-1 bShleE sc-95bd4344-0 dqVtzj"
+              class="sc-f262cf08-1 bShleE sc-b0ebfae6-0 hPQAhy"
               href="/themes//themes/122-cdd"
             >
               CDD
             </a>
             <a
-              class="sc-f262cf08-1 bShleE sc-95bd4344-0 dqVtzj"
+              class="sc-f262cf08-1 bShleE sc-b0ebfae6-0 hPQAhy"
               href="/themes//themes/123-interim"
             >
               Intérim
             </a>
             <a
-              class="sc-f262cf08-1 bShleE sc-95bd4344-0 dqVtzj"
+              class="sc-f262cf08-1 bShleE sc-b0ebfae6-0 hPQAhy"
               href="/themes//themes/124-contrat-dapprentissage"
             >
               Contrat d'apprentissage
             </a>
             <a
-              class="sc-f262cf08-1 bShleE sc-95bd4344-0 dqVtzj"
+              class="sc-f262cf08-1 bShleE sc-b0ebfae6-0 hPQAhy"
               href="/themes//themes/125-contrat-de-professionnalisation"
             >
               Contrat de professionnalisation
@@ -313,34 +313,34 @@ exports[`<Theme /> should render 1`] = `
         class="sc-4d9a65c1-2 unPdz"
       >
         <div
-          class="sc-a384ed57-0 iEQrzr sc-4d9a65c1-3 fraWRV"
+          class="sc-6e8ce629-0 KibPI sc-4d9a65c1-3 fraWRV"
         >
           <div
-            class="sc-d8f596bd-0 jtWYDW"
+            class="sc-c707bea3-0 fLyNGe"
           >
             <div
               aria-level="2"
-              class="sc-e32628d4-0 fQeCjG"
+              class="sc-238bfc37-0 ffFWxY"
               role="heading"
             >
               <p
-                class="sc-d6e72754-0 gvSeXc"
+                class="sc-3c1fa745-0 fqYbSi"
               >
                 <span
-                  class="sc-a4d7a179-0 jRxkkJ"
+                  class="sc-f4f767e-0 jZdFSO"
                 />
                 Besoin de plus d’informations ?
               </p>
             </div>
             <div
-              class="sc-d8f596bd-0 sc-4d9a65c1-4 jMrYSO eDGGKO"
+              class="sc-c707bea3-0 sc-4d9a65c1-4 drFLyc eDGGKO"
             >
               <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-95bd4344-0 dqVtzj"
+              class="sc-b0ebfae6-0 hPQAhy"
             >
               Contacter nos services en région
               <svg
@@ -359,10 +359,10 @@ exports[`<Theme /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-a384ed57-0 iEQrzr sc-4d9a65c1-6 eNwCQl"
+          class="sc-6e8ce629-0 KibPI sc-4d9a65c1-6 eNwCQl"
         >
           <div
-            class="sc-d8f596bd-0 sc-4d9a65c1-7 jtWYDW ceMaPg"
+            class="sc-c707bea3-0 sc-4d9a65c1-7 fLyNGe ceMaPg"
           >
             <div
               class="sc-4d9a65c1-0 wpgHP"
@@ -370,13 +370,13 @@ exports[`<Theme /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Code du travail numérique
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -427,13 +427,13 @@ exports[`<Theme /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Outils populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -464,13 +464,13 @@ exports[`<Theme /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Modèles populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -505,13 +505,13 @@ exports[`<Theme /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Fiches pratiques populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -542,13 +542,13 @@ exports[`<Theme /> should render 1`] = `
               <div>
                 <strong
                   aria-level="2"
-                  class="sc-4d9a65c1-9 gkFfZG sc-b879fc2d-0 dSFUuf"
+                  class="sc-4d9a65c1-9 gkFfZG sc-a53a0f9a-0 vctiQ"
                   role="heading"
                 >
                   Conventions collectives populaires
                 </strong>
                 <ul
-                  class="sc-ab356c14-0 sc-4d9a65c1-8 bpNHPl iNIrtI"
+                  class="sc-78dd7a00-0 sc-4d9a65c1-8 fVqAjV iNIrtI"
                 >
                   <li>
                     <a
@@ -580,7 +580,7 @@ exports[`<Theme /> should render 1`] = `
           </div>
         </div>
         <div
-          class="sc-d8f596bd-0 sc-d2f8e86a-0 jtWYDW gLHwsT"
+          class="sc-c707bea3-0 sc-d2f8e86a-0 fLyNGe 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 5df19a2494..c1179126ca 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-a384ed57-0 iEQrzr sc-3f9d0357-0 fZXZfe"
+    class="sc-6e8ce629-0 KibPI sc-3f9d0357-0 fZXZfe"
   >
     <div
-      class="sc-d8f596bd-0 jtWYDW"
+      class="sc-c707bea3-0 fLyNGe"
     >
       <div
-        class="sc-2a0a4b0a-0 hPfzrL"
+        class="sc-13323d30-0 gtmVnh"
       >
         <div
           class="sc-66a51d8b-3 iitVHg"
         >
           <h2
-            class="sc-66a51d8b-4 ihsodu sc-b879fc2d-0 ddMxZe"
+            class="sc-66a51d8b-4 ihsodu sc-a53a0f9a-0 hXUEeL"
           >
             <span
-              class="sc-a4d7a179-0 jSVvrt"
+              class="sc-f4f767e-0 cxMIVi"
             />
             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-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
+              class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
             >
               Non
             </button>
             <button
-              class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
+              class="sc-b0ebfae6-0 ffxSnV 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-a384ed57-0 iEQrzr sc-3f9d0357-0 fZXZfe"
+    class="sc-6e8ce629-0 KibPI sc-3f9d0357-0 fZXZfe"
   >
     <div
-      class="sc-d8f596bd-0 jtWYDW"
+      class="sc-c707bea3-0 fLyNGe"
     >
       <div
-        class="sc-2a0a4b0a-0 hPfzrL"
+        class="sc-13323d30-0 gtmVnh"
       >
         <div
           class="sc-66a51d8b-3 iitVHg"
         >
           <h2
-            class="sc-66a51d8b-4 ihsodu sc-b879fc2d-0 ddMxZe"
+            class="sc-66a51d8b-4 ihsodu sc-a53a0f9a-0 hXUEeL"
           >
             <span
-              class="sc-a4d7a179-0 jSVvrt"
+              class="sc-f4f767e-0 cxMIVi"
             />
             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-839d90a8-0 gMVMHp"
+              class="sc-2aed4ca4-0 hCUNwT"
               for="unclear"
             >
               <input
-                class="sc-839d90a8-1 eqiyso"
+                class="sc-2aed4ca4-1 xIQyG"
                 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-839d90a8-0 gMVMHp"
+              class="sc-2aed4ca4-0 hCUNwT"
               for="unrelated"
             >
               <input
-                class="sc-839d90a8-1 eqiyso"
+                class="sc-2aed4ca4-1 xIQyG"
                 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-839d90a8-0 gMVMHp"
+              class="sc-2aed4ca4-0 hCUNwT"
               for="unsatisfied"
             >
               <input
-                class="sc-839d90a8-1 eqiyso"
+                class="sc-2aed4ca4-1 xIQyG"
                 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-839d90a8-0 gMVMHp"
+              class="sc-2aed4ca4-0 hCUNwT"
               for="wrong"
             >
               <input
-                class="sc-839d90a8-1 eqiyso"
+                class="sc-2aed4ca4-1 xIQyG"
                 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-3dad25ce-0 gVEtdz sc-66a51d8b-8 hgLwfg"
+            class="sc-aa60ea15-0 gXalE 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-3633cc97-0 cictDJ"
+              class="sc-a4406a0f-0 eiudNM"
             >
               150
                caractères restants
             </span>
             <div
-              class="sc-8dcb2faa-0 gxfPDw"
+              class="sc-f92038f6-0 llOtbb"
               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-95bd4344-0 ddXsil sc-66a51d8b-6 xfnpJ"
+              class="sc-b0ebfae6-0 kxyWXU 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-95bd4344-0 hgVQqQ"
+            class="sc-b0ebfae6-0 jcMFcJ"
             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-a384ed57-0 iEQrzr sc-3f9d0357-0 fZXZfe"
+    class="sc-6e8ce629-0 KibPI sc-3f9d0357-0 fZXZfe"
   >
     <div
-      class="sc-d8f596bd-0 jtWYDW"
+      class="sc-c707bea3-0 fLyNGe"
     >
       <div
-        class="sc-2a0a4b0a-0 hPfzrL"
+        class="sc-13323d30-0 gtmVnh"
       >
         <div
           class="sc-66a51d8b-3 iitVHg"
         >
           <h2
-            class="sc-66a51d8b-4 ihsodu sc-b879fc2d-0 ddMxZe"
+            class="sc-66a51d8b-4 ihsodu sc-a53a0f9a-0 hXUEeL"
           >
             <span
-              class="sc-a4d7a179-0 jSVvrt"
+              class="sc-f4f767e-0 cxMIVi"
             />
             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-3dad25ce-0 gVEtdz sc-66a51d8b-8 hgLwfg"
+            class="sc-aa60ea15-0 gXalE 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-3633cc97-0 cictDJ"
+              class="sc-a4406a0f-0 eiudNM"
             >
               150
                caractères restants
             </span>
             <div
-              class="sc-8dcb2faa-0 gxfPDw"
+              class="sc-f92038f6-0 llOtbb"
               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-95bd4344-0 ddXsil sc-66a51d8b-6 xfnpJ"
+              class="sc-b0ebfae6-0 kxyWXU 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 af379dceee..5290678b9f 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-ab356c14-0 sc-ab4aba5d-1 bpNHPl dDdmoO"
+    class="sc-78dd7a00-0 sc-ab4aba5d-1 fVqAjV dDdmoO"
   >
     <li>
       <a
-        class="sc-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu"
+        class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu"
         href="/code-du-travail/l2323-4"
       >
         <svg
           aria-hidden="true"
-          class="sc-60a7e89-2 bJDpVh"
+          class="sc-c95f41ec-2 iFvcod"
           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-60a7e89-1 eSlLWj"
+          class="sc-c95f41ec-1 juvzjJ"
         >
           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-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu no-after"
+        class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu no-after"
         href="https://article.jo/yyy"
         target="_blank"
       >
         <svg
           aria-hidden="true"
-          class="sc-60a7e89-2 bJDpVh"
+          class="sc-c95f41ec-2 iFvcod"
           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-60a7e89-1 eSlLWj"
+          class="sc-c95f41ec-1 juvzjJ"
         >
           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-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu no-after"
+        class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu no-after"
         href="https://legifrance/ccn-metallurgie"
         target="_blank"
       >
         <svg
           aria-hidden="true"
-          class="sc-60a7e89-2 bJDpVh"
+          class="sc-c95f41ec-2 iFvcod"
           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-60a7e89-1 eSlLWj"
+          class="sc-c95f41ec-1 juvzjJ"
         >
           CCN metallurgie
         </span>
@@ -83,12 +83,12 @@ exports[`<ReferenceList /> should render 1`] = `
     </li>
     <li>
       <a
-        class="sc-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu"
+        class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu"
         href="/convention-collective/123-automobile"
       >
         <svg
           aria-hidden="true"
-          class="sc-60a7e89-2 bJDpVh"
+          class="sc-c95f41ec-2 iFvcod"
           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-60a7e89-1 eSlLWj"
+          class="sc-c95f41ec-1 juvzjJ"
         >
           Convention collective: automobile
         </span>
@@ -107,12 +107,12 @@ exports[`<ReferenceList /> should render 1`] = `
     </li>
     <li>
       <a
-        class="sc-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu"
+        class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu"
         href="/code-du-travail/l1234-3"
       >
         <svg
           aria-hidden="true"
-          class="sc-60a7e89-2 bJDpVh"
+          class="sc-c95f41ec-2 iFvcod"
           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-60a7e89-1 eSlLWj"
+          class="sc-c95f41ec-1 juvzjJ"
         >
           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 5763e0a577..93b19fad30 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-2a0a4b0a-0 hPfzrL"
+    class="sc-13323d30-0 gtmVnh"
   >
     <div>
       <button
         aria-expanded="false"
-        class="sc-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
+        class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
         type="button"
       >
         <svg
           aria-hidden="true"
-          class="sc-93c68677-0 fWneNg"
+          class="sc-efc7f1fd-0 cFvIxv"
           fill="none"
           height="24"
           stroke="currentColor"
@@ -29,25 +29,25 @@ exports[`<ReferencesJuridiques /> should render 1`] = `
           />
         </svg>
         <span
-          class="sc-da0440cf-2 cdlSfE"
+          class="sc-a45f48bd-2 dzrMBi"
         >
           Références juridiques concernées :
         </span>
       </button>
       <div
-        class="sc-da0440cf-0 kQbZar"
+        class="sc-a45f48bd-0 dnXrPP"
       >
         <ul
-          class="sc-ab356c14-0 sc-ab4aba5d-1 bpNHPl dDdmoO"
+          class="sc-78dd7a00-0 sc-ab4aba5d-1 fVqAjV dDdmoO"
         >
           <li>
             <a
-              class="sc-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu"
+              class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu"
               href="/code-du-travail/l1244-3"
             >
               <svg
                 aria-hidden="true"
-                class="sc-60a7e89-2 bJDpVh"
+                class="sc-c95f41ec-2 iFvcod"
                 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-60a7e89-1 eSlLWj"
+                class="sc-c95f41ec-1 juvzjJ"
               >
                 Article L1244-3 du Code du travail
               </span>
@@ -66,12 +66,12 @@ exports[`<ReferencesJuridiques /> should render 1`] = `
           </li>
           <li>
             <a
-              class="sc-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu"
+              class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu"
               href="/code-du-travail/r1244-4"
             >
               <svg
                 aria-hidden="true"
-                class="sc-60a7e89-2 bJDpVh"
+                class="sc-c95f41ec-2 iFvcod"
                 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-60a7e89-1 eSlLWj"
+                class="sc-c95f41ec-1 juvzjJ"
               >
                 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-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu no-after"
+              class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu no-after"
               href="https://article.jo/L3121-44"
               target="_blank"
             >
               <svg
                 aria-hidden="true"
-                class="sc-60a7e89-2 bJDpVh"
+                class="sc-c95f41ec-2 iFvcod"
                 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-60a7e89-1 eSlLWj"
+                class="sc-c95f41ec-1 juvzjJ"
               >
                 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-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu no-after"
+              class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu no-after"
               href="https://article.jo/foo"
               target="_blank"
             >
               <svg
                 aria-hidden="true"
-                class="sc-60a7e89-2 bJDpVh"
+                class="sc-c95f41ec-2 iFvcod"
                 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-60a7e89-1 eSlLWj"
+                class="sc-c95f41ec-1 juvzjJ"
               >
                 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-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu no-after"
+              class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu no-after"
               href="https://ma-convention-collective/ccc-foo"
               target="_blank"
             >
               <svg
                 aria-hidden="true"
-                class="sc-60a7e89-2 bJDpVh"
+                class="sc-c95f41ec-2 iFvcod"
                 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-60a7e89-1 eSlLWj"
+                class="sc-c95f41ec-1 juvzjJ"
               >
                 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 f43ff283cb..c0724726b6 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-95bd4344-0 dqVtzj"
+      class="sc-b0ebfae6-0 hPQAhy"
     >
       texte dans le bouton
     </button>
@@ -22,40 +22,40 @@ exports[`<AccessibilityModal /> renders a popup when click on button 1`] = `
     >
       <div>
         <div
-          class="sc-19478701-0 jZYVgz"
+          class="sc-f4126b8e-0 dWonlk"
           data-reach-dialog-overlay=""
         >
           <div
             aria-label="Accessibilité"
             aria-modal="true"
-            class="sc-19478701-1 hQHZiT"
+            class="sc-f4126b8e-1 kQHvXg"
             data-reach-dialog-content=""
             role="dialog"
             tabindex="-1"
           >
             <div
-              class="sc-e32628d4-0 byJqQj"
+              class="sc-238bfc37-0 bFbuAZ"
             >
               <h1
-                class="sc-d6e72754-0 gvSeXc"
+                class="sc-3c1fa745-0 fqYbSi"
               >
                 <span
-                  class="sc-a4d7a179-0 jRxkkJ"
+                  class="sc-f4f767e-0 jZdFSO"
                 />
                 Accessibilité
               </h1>
             </div>
             <h2
-              class="sc-b879fc2d-0 hyiHle"
+              class="sc-a53a0f9a-0 bIsTsN"
             >
               Couleurs
             </h2>
             <label
-              class="sc-839d90a8-0 gMVMHp"
+              class="sc-2aed4ca4-0 hCUNwT"
               for="blackAndWhiteTheme"
             >
               <input
-                class="sc-839d90a8-1 eqiyso"
+                class="sc-2aed4ca4-1 xIQyG"
                 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-95bd4344-0 dxXsic sc-19478701-2 fGtwND"
+              class="sc-b0ebfae6-0 dGXoMZ sc-f4126b8e-2 irTzHW"
               title="fermer la modale"
             >
               <div
-                class="sc-8dcb2faa-0 gxfPDw"
+                class="sc-f92038f6-0 llOtbb"
               >
                 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 784d0331e9..8cfd89d098 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-d8f596bd-0 sc-b551711e-0 jtWYDW dPgTeI"
+    class="sc-c707bea3-0 sc-b551711e-0 fLyNGe dPgTeI"
   >
     <div
       class="sc-b551711e-1 fIhGar"
     >
       <div
-        class="sc-d8f596bd-0 jtWYDW"
+        class="sc-c707bea3-0 fLyNGe"
       >
         <div
-          class="sc-2a0a4b0a-0 hpYuum"
+          class="sc-13323d30-0 eYPJba"
         >
           <div
             class="sc-f2a41fcc-1 fNkZjj"
@@ -22,13 +22,13 @@ exports[`<Answer /> should renders 1`] = `
                 class="sc-f2a41fcc-0 hQZrlv"
               >
                 <header
-                  class="sc-e32628d4-0 ktMpnf sc-f2a41fcc-4 cqLxSJ"
+                  class="sc-238bfc37-0 exhNAB sc-f2a41fcc-4 cqLxSJ"
                 >
                   <h1
-                    class="sc-5f05e99b-0 cWsbaq"
+                    class="sc-efa69b03-0 jXMLJR"
                   >
                     <span
-                      class="sc-a4d7a179-0 gGBEJx"
+                      class="sc-f4f767e-0 hiuRaG"
                     />
                     Article du code
                   </h1>
@@ -37,7 +37,7 @@ exports[`<Answer /> should renders 1`] = `
                   class="sc-f2a41fcc-5 tnWPU"
                 >
                   <p
-                    class="sc-3633cc97-1 ksBhgq"
+                    class="sc-a4406a0f-1 dvtaRl"
                   >
                     <span
                       class="sc-f2a41fcc-8 ObhLq"
@@ -65,10 +65,10 @@ exports[`<Answer /> should renders 1`] = `
                 class="sc-f2a41fcc-6 vLCby"
               >
                 <div
-                  class="sc-2a0a4b0a-0 sc-c6a0a198-1 dLOZmV bMPGyZ"
+                  class="sc-13323d30-0 sc-c6a0a198-1 exlNfj bMPGyZ"
                 >
                   <p
-                    class="sc-3633cc97-1 bjxtLv"
+                    class="sc-a4406a0f-1 rjoOw"
                   >
                     intro de l'article
                   </p>
@@ -182,7 +182,7 @@ exports[`<Answer /> should renders 1`] = `
                   </span>
                 </button>
                 <div
-                  class="sc-95cc8fb1-0 iHYHyU"
+                  class="sc-26bde2b2-0 jUExxE"
                 >
                   <button
                     class="sc-338a722f-1 kiGnTA spacing-left"
@@ -228,10 +228,10 @@ exports[`<Answer /> should renders 1`] = `
         </div>
       </div>
       <div
-        class="sc-d8f596bd-0 sc-c6a0a198-2 jtWYDW ceCYyW"
+        class="sc-c707bea3-0 sc-c6a0a198-2 fLyNGe ceCYyW"
       >
         <p
-          class="sc-3633cc97-1 bjxtLv"
+          class="sc-a4406a0f-1 rjoOw"
         >
           Partager ce contenu : 
         </p>
@@ -327,7 +327,7 @@ exports[`<Answer /> should renders 1`] = `
             </span>
           </button>
           <div
-            class="sc-95cc8fb1-0 iHYHyU"
+            class="sc-26bde2b2-0 jUExxE"
           >
             <button
               class="sc-338a722f-1 kiGnTA spacing-left"
@@ -371,22 +371,22 @@ exports[`<Answer /> should renders 1`] = `
         </div>
       </div>
       <div
-        class="sc-a384ed57-0 iEQrzr sc-3f9d0357-0 fZXZfe"
+        class="sc-6e8ce629-0 KibPI sc-3f9d0357-0 fZXZfe"
       >
         <div
-          class="sc-d8f596bd-0 jtWYDW"
+          class="sc-c707bea3-0 fLyNGe"
         >
           <div
-            class="sc-2a0a4b0a-0 hPfzrL"
+            class="sc-13323d30-0 gtmVnh"
           >
             <div
               class="sc-66a51d8b-3 iitVHg"
             >
               <h2
-                class="sc-66a51d8b-4 ihsodu sc-b879fc2d-0 ddMxZe"
+                class="sc-66a51d8b-4 ihsodu sc-a53a0f9a-0 hXUEeL"
               >
                 <span
-                  class="sc-a4d7a179-0 jSVvrt"
+                  class="sc-f4f767e-0 cxMIVi"
                 />
                 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-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
+                  class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
                 >
                   Non
                 </button>
                 <button
-                  class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
+                  class="sc-b0ebfae6-0 ffxSnV 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-d8f596bd-0 sc-4acc650d-1 jtWYDW fiOSiq"
+      class="sc-c707bea3-0 sc-4acc650d-1 fLyNGe fiOSiq"
     >
       <li
         class="sc-4acc650d-2 fEtKOP"
@@ -494,16 +494,16 @@ exports[`<Answer /> should renders a breadcrumbs 1`] = `
     </ol>
   </nav>
   <div
-    class="sc-d8f596bd-0 sc-b551711e-0 jtWYDW dPgTeI"
+    class="sc-c707bea3-0 sc-b551711e-0 fLyNGe dPgTeI"
   >
     <div
       class="sc-b551711e-1 fIhGar"
     >
       <div
-        class="sc-d8f596bd-0 jtWYDW"
+        class="sc-c707bea3-0 fLyNGe"
       >
         <div
-          class="sc-2a0a4b0a-0 hpYuum"
+          class="sc-13323d30-0 eYPJba"
         >
           <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-9261d202-0 sc-f2a41fcc-3 iTbcuX jigJXx"
+                  class="sc-9ce1a7bf-0 sc-f2a41fcc-3 bORIyL jigJXx"
                 >
                   tag2
                 </p>
                 <header
-                  class="sc-e32628d4-0 ktMpnf sc-f2a41fcc-4 cqLxSJ"
+                  class="sc-238bfc37-0 exhNAB sc-f2a41fcc-4 cqLxSJ"
                 >
                   <h1
-                    class="sc-5f05e99b-0 cWsbaq"
+                    class="sc-efa69b03-0 jXMLJR"
                   >
                     <span
-                      class="sc-a4d7a179-0 gGBEJx"
+                      class="sc-f4f767e-0 hiuRaG"
                     />
                     Article du code
                   </h1>
@@ -533,7 +533,7 @@ exports[`<Answer /> should renders a breadcrumbs 1`] = `
                   class="sc-f2a41fcc-5 tnWPU"
                 >
                   <p
-                    class="sc-3633cc97-1 ksBhgq"
+                    class="sc-a4406a0f-1 dvtaRl"
                   >
                     <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-2a0a4b0a-0 sc-c6a0a198-1 dLOZmV bMPGyZ"
+                  class="sc-13323d30-0 sc-c6a0a198-1 exlNfj bMPGyZ"
                 >
                   <p
-                    class="sc-3633cc97-1 bjxtLv"
+                    class="sc-a4406a0f-1 rjoOw"
                   >
                     intro de l'article
                   </p>
@@ -678,7 +678,7 @@ exports[`<Answer /> should renders a breadcrumbs 1`] = `
                   </span>
                 </button>
                 <div
-                  class="sc-95cc8fb1-0 iHYHyU"
+                  class="sc-26bde2b2-0 jUExxE"
                 >
                   <button
                     class="sc-338a722f-1 kiGnTA spacing-left"
@@ -724,10 +724,10 @@ exports[`<Answer /> should renders a breadcrumbs 1`] = `
         </div>
       </div>
       <div
-        class="sc-d8f596bd-0 sc-c6a0a198-2 jtWYDW ceCYyW"
+        class="sc-c707bea3-0 sc-c6a0a198-2 fLyNGe ceCYyW"
       >
         <p
-          class="sc-3633cc97-1 bjxtLv"
+          class="sc-a4406a0f-1 rjoOw"
         >
           Partager ce contenu : 
         </p>
@@ -823,7 +823,7 @@ exports[`<Answer /> should renders a breadcrumbs 1`] = `
             </span>
           </button>
           <div
-            class="sc-95cc8fb1-0 iHYHyU"
+            class="sc-26bde2b2-0 jUExxE"
           >
             <button
               class="sc-338a722f-1 kiGnTA spacing-left"
@@ -867,22 +867,22 @@ exports[`<Answer /> should renders a breadcrumbs 1`] = `
         </div>
       </div>
       <div
-        class="sc-a384ed57-0 iEQrzr sc-3f9d0357-0 fZXZfe"
+        class="sc-6e8ce629-0 KibPI sc-3f9d0357-0 fZXZfe"
       >
         <div
-          class="sc-d8f596bd-0 jtWYDW"
+          class="sc-c707bea3-0 fLyNGe"
         >
           <div
-            class="sc-2a0a4b0a-0 hPfzrL"
+            class="sc-13323d30-0 gtmVnh"
           >
             <div
               class="sc-66a51d8b-3 iitVHg"
             >
               <h2
-                class="sc-66a51d8b-4 ihsodu sc-b879fc2d-0 ddMxZe"
+                class="sc-66a51d8b-4 ihsodu sc-a53a0f9a-0 hXUEeL"
               >
                 <span
-                  class="sc-a4d7a179-0 jSVvrt"
+                  class="sc-f4f767e-0 cxMIVi"
                 />
                 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-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
+                  class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
                 >
                   Non
                 </button>
                 <button
-                  class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
+                  class="sc-b0ebfae6-0 ffxSnV 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-d8f596bd-0 sc-b551711e-0 jtWYDW dPgTeI"
+    class="sc-c707bea3-0 sc-b551711e-0 fLyNGe dPgTeI"
   >
     <div
       class="sc-b551711e-1 giiHfQ"
     >
       <div
-        class="sc-d8f596bd-0 jtWYDW"
+        class="sc-c707bea3-0 fLyNGe"
       >
         <div
-          class="sc-2a0a4b0a-0 hpYuum"
+          class="sc-13323d30-0 eYPJba"
         >
           <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-e32628d4-0 ktMpnf sc-f2a41fcc-4 cqLxSJ"
+                  class="sc-238bfc37-0 exhNAB sc-f2a41fcc-4 cqLxSJ"
                 >
                   <h1
-                    class="sc-5f05e99b-0 cWsbaq"
+                    class="sc-efa69b03-0 jXMLJR"
                   >
                     <span
-                      class="sc-a4d7a179-0 gGBEJx"
+                      class="sc-f4f767e-0 hiuRaG"
                     />
                     Article du code
                   </h1>
@@ -946,7 +946,7 @@ exports[`<Answer /> should renders related content 1`] = `
                   class="sc-f2a41fcc-5 tnWPU"
                 >
                   <p
-                    class="sc-3633cc97-1 ksBhgq"
+                    class="sc-a4406a0f-1 dvtaRl"
                   >
                     <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-2a0a4b0a-0 sc-c6a0a198-1 dLOZmV bMPGyZ"
+                  class="sc-13323d30-0 sc-c6a0a198-1 exlNfj bMPGyZ"
                 >
                   <p
-                    class="sc-3633cc97-1 bjxtLv"
+                    class="sc-a4406a0f-1 rjoOw"
                   >
                     intro de l'article
                   </p>
@@ -1088,7 +1088,7 @@ exports[`<Answer /> should renders related content 1`] = `
                   </span>
                 </button>
                 <div
-                  class="sc-95cc8fb1-0 iHYHyU"
+                  class="sc-26bde2b2-0 jUExxE"
                 >
                   <button
                     class="sc-338a722f-1 kiGnTA spacing-left"
@@ -1134,10 +1134,10 @@ exports[`<Answer /> should renders related content 1`] = `
         </div>
       </div>
       <div
-        class="sc-d8f596bd-0 sc-c6a0a198-2 jtWYDW ceCYyW"
+        class="sc-c707bea3-0 sc-c6a0a198-2 fLyNGe ceCYyW"
       >
         <p
-          class="sc-3633cc97-1 bjxtLv"
+          class="sc-a4406a0f-1 rjoOw"
         >
           Partager ce contenu : 
         </p>
@@ -1233,7 +1233,7 @@ exports[`<Answer /> should renders related content 1`] = `
             </span>
           </button>
           <div
-            class="sc-95cc8fb1-0 iHYHyU"
+            class="sc-26bde2b2-0 jUExxE"
           >
             <button
               class="sc-338a722f-1 kiGnTA spacing-left"
@@ -1277,22 +1277,22 @@ exports[`<Answer /> should renders related content 1`] = `
         </div>
       </div>
       <div
-        class="sc-a384ed57-0 iEQrzr sc-3f9d0357-0 fZXZfe"
+        class="sc-6e8ce629-0 KibPI sc-3f9d0357-0 fZXZfe"
       >
         <div
-          class="sc-d8f596bd-0 jtWYDW"
+          class="sc-c707bea3-0 fLyNGe"
         >
           <div
-            class="sc-2a0a4b0a-0 hPfzrL"
+            class="sc-13323d30-0 gtmVnh"
           >
             <div
               class="sc-66a51d8b-3 iitVHg"
             >
               <h2
-                class="sc-66a51d8b-4 ihsodu sc-b879fc2d-0 ddMxZe"
+                class="sc-66a51d8b-4 ihsodu sc-a53a0f9a-0 hXUEeL"
               >
                 <span
-                  class="sc-a4d7a179-0 jSVvrt"
+                  class="sc-f4f767e-0 cxMIVi"
                 />
                 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-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
+                  class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
                 >
                   Non
                 </button>
                 <button
-                  class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
+                  class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
                 >
                   Oui
                 </button>
@@ -1316,32 +1316,32 @@ exports[`<Answer /> should renders related content 1`] = `
       </div>
     </div>
     <div
-      class="sc-a384ed57-0 iEQrzr sc-b551711e-2 rtxPE"
+      class="sc-6e8ce629-0 KibPI sc-b551711e-2 rtxPE"
     >
       <div
-        class="sc-d8f596bd-0 jtWYDW"
+        class="sc-c707bea3-0 fLyNGe"
       >
         <div
           aria-level="2"
-          class="sc-b879fc2d-0 hyiHle"
+          class="sc-a53a0f9a-0 bIsTsN"
           role="heading"
         >
           Modèles et outils liés
            :
         </div>
         <ul
-          class="sc-ab356c14-0 bpNHPl"
+          class="sc-78dd7a00-0 fVqAjV"
         >
           <li
             class="sc-98ab2f81-0 eJqLXV"
           >
             <a
-              class="sc-60a7e89-0 haggkt"
+              class="sc-c95f41ec-0 edttdJ"
               href="url.extrenal/tool"
             >
               <svg
                 aria-hidden="true"
-                class="sc-60a7e89-2 bJDpVh"
+                class="sc-c95f41ec-2 iFvcod"
                 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-60a7e89-1 eSlLWj"
+                class="sc-c95f41ec-1 juvzjJ"
               >
                 related external title 1
               </span>
@@ -1362,12 +1362,12 @@ exports[`<Answer /> should renders related content 1`] = `
             class="sc-98ab2f81-0 eJqLXV"
           >
             <a
-              class="sc-60a7e89-0 haggkt"
+              class="sc-c95f41ec-0 edttdJ"
               href="/outils/TOOL_1"
             >
               <svg
                 aria-hidden="true"
-                class="sc-60a7e89-2 bJDpVh"
+                class="sc-c95f41ec-2 iFvcod"
                 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-60a7e89-1 eSlLWj"
+                class="sc-c95f41ec-1 juvzjJ"
               >
                 related tool title 1
               </span>
@@ -1387,25 +1387,25 @@ exports[`<Answer /> should renders related content 1`] = `
         </ul>
         <div
           aria-level="2"
-          class="sc-b879fc2d-0 hyiHle"
+          class="sc-a53a0f9a-0 bIsTsN"
           role="heading"
         >
           Articles liés
            :
         </div>
         <ul
-          class="sc-ab356c14-0 bpNHPl"
+          class="sc-78dd7a00-0 fVqAjV"
         >
           <li
             class="sc-98ab2f81-0 eJqLXV"
           >
             <a
-              class="sc-60a7e89-0 haggkt"
+              class="sc-c95f41ec-0 edttdJ"
               href="/fiche-service-public/LINK_1"
             >
               <svg
                 aria-hidden="true"
-                class="sc-60a7e89-2 bJDpVh"
+                class="sc-c95f41ec-2 iFvcod"
                 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-60a7e89-1 eSlLWj"
+                class="sc-c95f41ec-1 juvzjJ"
               >
                 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-60a7e89-0 haggkt"
+              class="sc-c95f41ec-0 edttdJ"
               href="/fiche-ministere-travail/LINK_2"
             >
               <svg
                 aria-hidden="true"
-                class="sc-60a7e89-2 bJDpVh"
+                class="sc-c95f41ec-2 iFvcod"
                 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-60a7e89-1 eSlLWj"
+                class="sc-c95f41ec-1 juvzjJ"
               >
                 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-60a7e89-0 haggkt"
+              class="sc-c95f41ec-0 edttdJ"
               href="/fiche-service-public/LINK_4"
             >
               <svg
                 aria-hidden="true"
-                class="sc-60a7e89-2 bJDpVh"
+                class="sc-c95f41ec-2 iFvcod"
                 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-60a7e89-1 eSlLWj"
+                class="sc-c95f41ec-1 juvzjJ"
               >
                 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-d8f596bd-0 sc-b551711e-0 jtWYDW dPgTeI"
+    class="sc-c707bea3-0 sc-b551711e-0 fLyNGe dPgTeI"
   >
     <div
       class="sc-b551711e-1 fIhGar"
     >
       <div
-        class="sc-d8f596bd-0 jtWYDW"
+        class="sc-c707bea3-0 fLyNGe"
       >
         <div
-          class="sc-2a0a4b0a-0 hpYuum"
+          class="sc-13323d30-0 eYPJba"
         >
           <div
             class="sc-f2a41fcc-1 fNkZjj"
@@ -1503,13 +1503,13 @@ exports[`<Answer /> should renders tooltip 1`] = `
                 class="sc-f2a41fcc-0 hQZrlv"
               >
                 <header
-                  class="sc-e32628d4-0 ktMpnf sc-f2a41fcc-4 cqLxSJ"
+                  class="sc-238bfc37-0 exhNAB sc-f2a41fcc-4 cqLxSJ"
                 >
                   <h1
-                    class="sc-5f05e99b-0 cWsbaq"
+                    class="sc-efa69b03-0 jXMLJR"
                   >
                     <span
-                      class="sc-a4d7a179-0 gGBEJx"
+                      class="sc-f4f767e-0 hiuRaG"
                     />
                     Article du code
                   </h1>
@@ -1518,7 +1518,7 @@ exports[`<Answer /> should renders tooltip 1`] = `
                   class="sc-f2a41fcc-5 tnWPU"
                 >
                   <p
-                    class="sc-3633cc97-1 ksBhgq"
+                    class="sc-a4406a0f-1 dvtaRl"
                   >
                     <span
                       class="sc-f2a41fcc-8 ObhLq"
@@ -1546,10 +1546,10 @@ exports[`<Answer /> should renders tooltip 1`] = `
                 class="sc-f2a41fcc-6 vLCby"
               >
                 <div
-                  class="sc-2a0a4b0a-0 sc-c6a0a198-1 dLOZmV bMPGyZ"
+                  class="sc-13323d30-0 sc-c6a0a198-1 exlNfj bMPGyZ"
                 >
                   <p
-                    class="sc-3633cc97-1 bjxtLv"
+                    class="sc-a4406a0f-1 rjoOw"
                   >
                     intro de l'article
                   </p>
@@ -1664,7 +1664,7 @@ exports[`<Answer /> should renders tooltip 1`] = `
                   </span>
                 </button>
                 <div
-                  class="sc-95cc8fb1-0 iHYHyU"
+                  class="sc-26bde2b2-0 jUExxE"
                 >
                   <button
                     class="sc-338a722f-1 kiGnTA spacing-left"
@@ -1710,10 +1710,10 @@ exports[`<Answer /> should renders tooltip 1`] = `
         </div>
       </div>
       <div
-        class="sc-d8f596bd-0 sc-c6a0a198-2 jtWYDW ceCYyW"
+        class="sc-c707bea3-0 sc-c6a0a198-2 fLyNGe ceCYyW"
       >
         <p
-          class="sc-3633cc97-1 bjxtLv"
+          class="sc-a4406a0f-1 rjoOw"
         >
           Partager ce contenu : 
         </p>
@@ -1809,7 +1809,7 @@ exports[`<Answer /> should renders tooltip 1`] = `
             </span>
           </button>
           <div
-            class="sc-95cc8fb1-0 iHYHyU"
+            class="sc-26bde2b2-0 jUExxE"
           >
             <button
               class="sc-338a722f-1 kiGnTA spacing-left"
@@ -1853,22 +1853,22 @@ exports[`<Answer /> should renders tooltip 1`] = `
         </div>
       </div>
       <div
-        class="sc-a384ed57-0 iEQrzr sc-3f9d0357-0 fZXZfe"
+        class="sc-6e8ce629-0 KibPI sc-3f9d0357-0 fZXZfe"
       >
         <div
-          class="sc-d8f596bd-0 jtWYDW"
+          class="sc-c707bea3-0 fLyNGe"
         >
           <div
-            class="sc-2a0a4b0a-0 hPfzrL"
+            class="sc-13323d30-0 gtmVnh"
           >
             <div
               class="sc-66a51d8b-3 iitVHg"
             >
               <h2
-                class="sc-66a51d8b-4 ihsodu sc-b879fc2d-0 ddMxZe"
+                class="sc-66a51d8b-4 ihsodu sc-a53a0f9a-0 hXUEeL"
               >
                 <span
-                  class="sc-a4d7a179-0 jSVvrt"
+                  class="sc-f4f767e-0 cxMIVi"
                 />
                 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-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
+                  class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
                 >
                   Non
                 </button>
                 <button
-                  class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
+                  class="sc-b0ebfae6-0 ffxSnV 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-d8f596bd-0 sc-b551711e-0 jtWYDW dPgTeI"
+    class="sc-c707bea3-0 sc-b551711e-0 fLyNGe dPgTeI"
   >
     <div
       class="sc-b551711e-1 fIhGar"
     >
       <div
-        class="sc-d8f596bd-0 jtWYDW"
+        class="sc-c707bea3-0 fLyNGe"
       >
         <div
-          class="sc-2a0a4b0a-0 hpYuum"
+          class="sc-13323d30-0 eYPJba"
         >
           <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-e32628d4-0 ktMpnf sc-f2a41fcc-4 cqLxSJ"
+                  class="sc-238bfc37-0 exhNAB sc-f2a41fcc-4 cqLxSJ"
                 >
                   <h1
-                    class="sc-5f05e99b-0 cWsbaq"
+                    class="sc-efa69b03-0 jXMLJR"
                   >
                     <span
-                      class="sc-a4d7a179-0 gGBEJx"
+                      class="sc-f4f767e-0 hiuRaG"
                     />
                     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-3633cc97-1 ksBhgq"
+                    class="sc-a4406a0f-1 dvtaRl"
                   >
                     <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-2a0a4b0a-0 sc-c6a0a198-1 dLOZmV bMPGyZ"
+                  class="sc-13323d30-0 sc-c6a0a198-1 exlNfj bMPGyZ"
                 >
                   <p
-                    class="sc-3633cc97-1 bjxtLv"
+                    class="sc-a4406a0f-1 rjoOw"
                   >
                     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-95cc8fb1-0 iHYHyU"
+                  class="sc-26bde2b2-0 jUExxE"
                 >
                   <button
                     class="sc-338a722f-1 kiGnTA spacing-left"
@@ -2124,10 +2124,10 @@ exports[`<Answer /> should renders tooltip for words with diacritics without bre
         </div>
       </div>
       <div
-        class="sc-d8f596bd-0 sc-c6a0a198-2 jtWYDW ceCYyW"
+        class="sc-c707bea3-0 sc-c6a0a198-2 fLyNGe ceCYyW"
       >
         <p
-          class="sc-3633cc97-1 bjxtLv"
+          class="sc-a4406a0f-1 rjoOw"
         >
           Partager ce contenu : 
         </p>
@@ -2223,7 +2223,7 @@ exports[`<Answer /> should renders tooltip for words with diacritics without bre
             </span>
           </button>
           <div
-            class="sc-95cc8fb1-0 iHYHyU"
+            class="sc-26bde2b2-0 jUExxE"
           >
             <button
               class="sc-338a722f-1 kiGnTA spacing-left"
@@ -2267,22 +2267,22 @@ exports[`<Answer /> should renders tooltip for words with diacritics without bre
         </div>
       </div>
       <div
-        class="sc-a384ed57-0 iEQrzr sc-3f9d0357-0 fZXZfe"
+        class="sc-6e8ce629-0 KibPI sc-3f9d0357-0 fZXZfe"
       >
         <div
-          class="sc-d8f596bd-0 jtWYDW"
+          class="sc-c707bea3-0 fLyNGe"
         >
           <div
-            class="sc-2a0a4b0a-0 hPfzrL"
+            class="sc-13323d30-0 gtmVnh"
           >
             <div
               class="sc-66a51d8b-3 iitVHg"
             >
               <h2
-                class="sc-66a51d8b-4 ihsodu sc-b879fc2d-0 ddMxZe"
+                class="sc-66a51d8b-4 ihsodu sc-a53a0f9a-0 hXUEeL"
               >
                 <span
-                  class="sc-a4d7a179-0 jSVvrt"
+                  class="sc-f4f767e-0 cxMIVi"
                 />
                 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-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
+                  class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
                 >
                   Non
                 </button>
                 <button
-                  class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
+                  class="sc-b0ebfae6-0 ffxSnV 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-d8f596bd-0 sc-b551711e-0 jtWYDW dPgTeI"
+    class="sc-c707bea3-0 sc-b551711e-0 fLyNGe dPgTeI"
   >
     <div
       class="sc-b551711e-1 fIhGar"
     >
       <div
-        class="sc-d8f596bd-0 jtWYDW"
+        class="sc-c707bea3-0 fLyNGe"
       >
         <div
-          class="sc-2a0a4b0a-0 hpYuum"
+          class="sc-13323d30-0 eYPJba"
         >
           <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-e32628d4-0 ktMpnf sc-f2a41fcc-4 cqLxSJ"
+                  class="sc-238bfc37-0 exhNAB sc-f2a41fcc-4 cqLxSJ"
                 >
                   <h1
-                    class="sc-5f05e99b-0 cWsbaq"
+                    class="sc-efa69b03-0 jXMLJR"
                   >
                     <span
-                      class="sc-a4d7a179-0 gGBEJx"
+                      class="sc-f4f767e-0 hiuRaG"
                     />
                     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-3633cc97-1 ksBhgq"
+                    class="sc-a4406a0f-1 dvtaRl"
                   >
                     <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-2a0a4b0a-0 sc-c6a0a198-1 dLOZmV bMPGyZ"
+                  class="sc-13323d30-0 sc-c6a0a198-1 exlNfj bMPGyZ"
                 >
                   <p
-                    class="sc-3633cc97-1 bjxtLv"
+                    class="sc-a4406a0f-1 rjoOw"
                   >
                     intro de l'article
                   </p>
@@ -2493,7 +2493,7 @@ exports[`<Answer /> should renders tooltip without breaking a tag 1`] = `
                   </span>
                 </button>
                 <div
-                  class="sc-95cc8fb1-0 iHYHyU"
+                  class="sc-26bde2b2-0 jUExxE"
                 >
                   <button
                     class="sc-338a722f-1 kiGnTA spacing-left"
@@ -2539,10 +2539,10 @@ exports[`<Answer /> should renders tooltip without breaking a tag 1`] = `
         </div>
       </div>
       <div
-        class="sc-d8f596bd-0 sc-c6a0a198-2 jtWYDW ceCYyW"
+        class="sc-c707bea3-0 sc-c6a0a198-2 fLyNGe ceCYyW"
       >
         <p
-          class="sc-3633cc97-1 bjxtLv"
+          class="sc-a4406a0f-1 rjoOw"
         >
           Partager ce contenu : 
         </p>
@@ -2638,7 +2638,7 @@ exports[`<Answer /> should renders tooltip without breaking a tag 1`] = `
             </span>
           </button>
           <div
-            class="sc-95cc8fb1-0 iHYHyU"
+            class="sc-26bde2b2-0 jUExxE"
           >
             <button
               class="sc-338a722f-1 kiGnTA spacing-left"
@@ -2682,22 +2682,22 @@ exports[`<Answer /> should renders tooltip without breaking a tag 1`] = `
         </div>
       </div>
       <div
-        class="sc-a384ed57-0 iEQrzr sc-3f9d0357-0 fZXZfe"
+        class="sc-6e8ce629-0 KibPI sc-3f9d0357-0 fZXZfe"
       >
         <div
-          class="sc-d8f596bd-0 jtWYDW"
+          class="sc-c707bea3-0 fLyNGe"
         >
           <div
-            class="sc-2a0a4b0a-0 hPfzrL"
+            class="sc-13323d30-0 gtmVnh"
           >
             <div
               class="sc-66a51d8b-3 iitVHg"
             >
               <h2
-                class="sc-66a51d8b-4 ihsodu sc-b879fc2d-0 ddMxZe"
+                class="sc-66a51d8b-4 ihsodu sc-a53a0f9a-0 hXUEeL"
               >
                 <span
-                  class="sc-a4d7a179-0 jSVvrt"
+                  class="sc-f4f767e-0 cxMIVi"
                 />
                 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-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
+                  class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
                 >
                   Non
                 </button>
                 <button
-                  class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
+                  class="sc-b0ebfae6-0 ffxSnV 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-d8f596bd-0 sc-b551711e-0 jtWYDW dPgTeI"
+    class="sc-c707bea3-0 sc-b551711e-0 fLyNGe dPgTeI"
   >
     <div
       class="sc-b551711e-1 fIhGar"
     >
       <div
-        class="sc-d8f596bd-0 jtWYDW"
+        class="sc-c707bea3-0 fLyNGe"
       >
         <div
-          class="sc-2a0a4b0a-0 hpYuum"
+          class="sc-13323d30-0 eYPJba"
         >
           <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-e32628d4-0 ktMpnf sc-f2a41fcc-4 cqLxSJ"
+                  class="sc-238bfc37-0 exhNAB sc-f2a41fcc-4 cqLxSJ"
                 >
                   <h1
-                    class="sc-5f05e99b-0 cWsbaq"
+                    class="sc-efa69b03-0 jXMLJR"
                   >
                     <span
-                      class="sc-a4d7a179-0 gGBEJx"
+                      class="sc-f4f767e-0 hiuRaG"
                     />
                     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-3633cc97-1 ksBhgq"
+                    class="sc-a4406a0f-1 dvtaRl"
                   >
                     <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-2a0a4b0a-0 sc-c6a0a198-1 dLOZmV bMPGyZ"
+                  class="sc-13323d30-0 sc-c6a0a198-1 exlNfj bMPGyZ"
                 >
                   <p
-                    class="sc-3633cc97-1 bjxtLv"
+                    class="sc-a4406a0f-1 rjoOw"
                   >
                     intro de l'article
                   </p>
@@ -2903,7 +2903,7 @@ exports[`<Answer /> should renders tooltip without breaking previous word 1`] =
                   </span>
                 </button>
                 <div
-                  class="sc-95cc8fb1-0 iHYHyU"
+                  class="sc-26bde2b2-0 jUExxE"
                 >
                   <button
                     class="sc-338a722f-1 kiGnTA spacing-left"
@@ -2949,10 +2949,10 @@ exports[`<Answer /> should renders tooltip without breaking previous word 1`] =
         </div>
       </div>
       <div
-        class="sc-d8f596bd-0 sc-c6a0a198-2 jtWYDW ceCYyW"
+        class="sc-c707bea3-0 sc-c6a0a198-2 fLyNGe ceCYyW"
       >
         <p
-          class="sc-3633cc97-1 bjxtLv"
+          class="sc-a4406a0f-1 rjoOw"
         >
           Partager ce contenu : 
         </p>
@@ -3048,7 +3048,7 @@ exports[`<Answer /> should renders tooltip without breaking previous word 1`] =
             </span>
           </button>
           <div
-            class="sc-95cc8fb1-0 iHYHyU"
+            class="sc-26bde2b2-0 jUExxE"
           >
             <button
               class="sc-338a722f-1 kiGnTA spacing-left"
@@ -3092,22 +3092,22 @@ exports[`<Answer /> should renders tooltip without breaking previous word 1`] =
         </div>
       </div>
       <div
-        class="sc-a384ed57-0 iEQrzr sc-3f9d0357-0 fZXZfe"
+        class="sc-6e8ce629-0 KibPI sc-3f9d0357-0 fZXZfe"
       >
         <div
-          class="sc-d8f596bd-0 jtWYDW"
+          class="sc-c707bea3-0 fLyNGe"
         >
           <div
-            class="sc-2a0a4b0a-0 hPfzrL"
+            class="sc-13323d30-0 gtmVnh"
           >
             <div
               class="sc-66a51d8b-3 iitVHg"
             >
               <h2
-                class="sc-66a51d8b-4 ihsodu sc-b879fc2d-0 ddMxZe"
+                class="sc-66a51d8b-4 ihsodu sc-a53a0f9a-0 hXUEeL"
               >
                 <span
-                  class="sc-a4d7a179-0 jSVvrt"
+                  class="sc-f4f767e-0 cxMIVi"
                 />
                 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-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
+                  class="sc-b0ebfae6-0 ffxSnV sc-66a51d8b-6 xfnpJ"
                 >
                   Non
                 </button>
                 <button
-                  class="sc-95bd4344-0 iLunBo sc-66a51d8b-6 xfnpJ"
+                  class="sc-b0ebfae6-0 ffxSnV 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 c10115a54c..64ecc1af7a 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-d8f596bd-0 jtWYDW"
+    class="sc-c707bea3-0 fLyNGe"
   >
     <div
-      class="sc-2a0a4b0a-0 hpYuum"
+      class="sc-13323d30-0 eYPJba"
     >
       <div
         class="sc-f2a41fcc-1 fNkZjj"
@@ -16,13 +16,13 @@ exports[`<Article /> should render 1`] = `
             class="sc-f2a41fcc-0 hQZrlv"
           >
             <header
-              class="sc-e32628d4-0 ktMpnf sc-f2a41fcc-4 cqLxSJ"
+              class="sc-238bfc37-0 exhNAB sc-f2a41fcc-4 cqLxSJ"
             >
               <h1
-                class="sc-5f05e99b-0 cWsbaq"
+                class="sc-efa69b03-0 jXMLJR"
               >
                 <span
-                  class="sc-a4d7a179-0 gGBEJx"
+                  class="sc-f4f767e-0 hiuRaG"
                 />
                 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-3633cc97-1 ksBhgq"
+                class="sc-a4406a0f-1 dvtaRl"
               >
                 <span
                   class="sc-f2a41fcc-8 ObhLq"
@@ -153,7 +153,7 @@ exports[`<Article /> should render 1`] = `
               </span>
             </button>
             <div
-              class="sc-95cc8fb1-0 iHYHyU"
+              class="sc-26bde2b2-0 jUExxE"
             >
               <button
                 class="sc-338a722f-1 kiGnTA 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 c64853be7b..eb5e5362fd 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-d8f596bd-0 sc-4acc650d-1 jtWYDW fiOSiq"
+      class="sc-c707bea3-0 sc-4acc650d-1 fLyNGe 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 94cdeaa4eb..2d52560417 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-95bd4344-0 dqVtzj"
+      class="sc-b0ebfae6-0 hPQAhy"
     >
       texte dans le bouton
     </button>
@@ -22,37 +22,37 @@ exports[`<ContactModal /> renders a popup when click on button 1`] = `
     >
       <div>
         <div
-          class="sc-19478701-0 jZYVgz"
+          class="sc-f4126b8e-0 dWonlk"
           data-reach-dialog-overlay=""
         >
           <div
             aria-label="Contact"
             aria-modal="true"
-            class="sc-19478701-1 hQHZiT"
+            class="sc-f4126b8e-1 kQHvXg"
             data-reach-dialog-content=""
             role="dialog"
             tabindex="-1"
           >
             <header
-              class="sc-e32628d4-0 cXUuvO"
+              class="sc-238bfc37-0 bnxcHY"
             >
               <h1
-                class="sc-5f05e99b-0 dQbgIy"
+                class="sc-efa69b03-0 cNAUpX"
               >
                 <span
-                  class="sc-a4d7a179-0 jRxkkJ"
+                  class="sc-f4f767e-0 jZdFSO"
                 />
                 Contact
               </h1>
             </header>
             <div
-              class="sc-2a0a4b0a-0 dLOZmV"
+              class="sc-13323d30-0 exlNfj"
             >
               <p>
                 Si vous souhaitez nous interroger sur vos droits ou sur des dispositions en droit du travail, nous vous invitons à contacter
                  
                 <button
-                  class="sc-95bd4344-0 hgVQqQ"
+                  class="sc-b0ebfae6-0 jcMFcJ"
                 >
                   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-95bd4344-0 dxXsic sc-19478701-2 fGtwND"
+              class="sc-b0ebfae6-0 dGXoMZ sc-f4126b8e-2 irTzHW"
               title="fermer la modale"
             >
               <div
-                class="sc-8dcb2faa-0 gxfPDw"
+                class="sc-f92038f6-0 llOtbb"
               >
                 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 f50681152f..38d1d3fe33 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-d8f596bd-0 jtWYDW"
+    class="sc-c707bea3-0 fLyNGe"
   >
     <div
       aria-level="2"
-      class="sc-b879fc2d-0 hyiHle"
+      class="sc-a53a0f9a-0 bIsTsN"
       role="heading"
     >
       Modèles et outils liés
        :
     </div>
     <ul
-      class="sc-ab356c14-0 bpNHPl"
+      class="sc-78dd7a00-0 fVqAjV"
     >
       <li
         class="sc-98ab2f81-0 eJqLXV"
       >
         <a
-          class="sc-60a7e89-0 haggkt"
+          class="sc-c95f41ec-0 edttdJ"
         >
           <svg
             aria-hidden="true"
-            class="sc-60a7e89-2 bJDpVh"
+            class="sc-c95f41ec-2 iFvcod"
             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-60a7e89-1 eSlLWj"
+            class="sc-c95f41ec-1 juvzjJ"
           >
             externalTool
           </span>
@@ -45,11 +45,11 @@ exports[`<RelatedItems /> should render 1`] = `
         class="sc-98ab2f81-0 eJqLXV"
       >
         <a
-          class="sc-60a7e89-0 haggkt"
+          class="sc-c95f41ec-0 edttdJ"
         >
           <svg
             aria-hidden="true"
-            class="sc-60a7e89-2 bJDpVh"
+            class="sc-c95f41ec-2 iFvcod"
             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-60a7e89-1 eSlLWj"
+            class="sc-c95f41ec-1 juvzjJ"
           >
             modele de courrier
           </span>
@@ -69,24 +69,24 @@ exports[`<RelatedItems /> should render 1`] = `
     </ul>
     <div
       aria-level="2"
-      class="sc-b879fc2d-0 hyiHle"
+      class="sc-a53a0f9a-0 bIsTsN"
       role="heading"
     >
       Articles liés
        :
     </div>
     <ul
-      class="sc-ab356c14-0 bpNHPl"
+      class="sc-78dd7a00-0 fVqAjV"
     >
       <li
         class="sc-98ab2f81-0 eJqLXV"
       >
         <a
-          class="sc-60a7e89-0 haggkt"
+          class="sc-c95f41ec-0 edttdJ"
         >
           <svg
             aria-hidden="true"
-            class="sc-60a7e89-2 bJDpVh"
+            class="sc-c95f41ec-2 iFvcod"
             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-60a7e89-1 eSlLWj"
+            class="sc-c95f41ec-1 juvzjJ"
           >
             fiche sp
           </span>
@@ -107,11 +107,11 @@ exports[`<RelatedItems /> should render 1`] = `
         class="sc-98ab2f81-0 eJqLXV"
       >
         <a
-          class="sc-60a7e89-0 haggkt"
+          class="sc-c95f41ec-0 edttdJ"
         >
           <svg
             aria-hidden="true"
-            class="sc-60a7e89-2 bJDpVh"
+            class="sc-c95f41ec-2 iFvcod"
             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-60a7e89-1 eSlLWj"
+            class="sc-c95f41ec-1 juvzjJ"
           >
             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 2ece1318ed..1e5e769f9e 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-e32628d4-0 cXUuvO"
+    class="sc-238bfc37-0 bnxcHY"
   >
     <h1
-      class="sc-5f05e99b-0 dQbgIy"
+      class="sc-efa69b03-0 cNAUpX"
     >
       <span
-        class="sc-a4d7a179-0 jRxkkJ"
+        class="sc-f4f767e-0 jZdFSO"
       />
       Les services du ministère du Travail
     </h1>
   </header>
   <h2
-    class="sc-b879fc2d-0 hyiHle"
+    class="sc-a53a0f9a-0 bIsTsN"
   >
     Contact téléphonique
   </h2>
@@ -38,7 +38,7 @@ exports[`<ServiceRenseignement /> should render suggestions 1`] = `
     </em>
   </a>
   <h2
-    class="sc-b879fc2d-0 hyiHle"
+    class="sc-a53a0f9a-0 bIsTsN"
   >
     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-669fe731-0 amSvQ sc-56e7bccd-4 jcgfHv"
+      class="sc-46a9700d-0 eEbjpm sc-56e7bccd-4 jcgfHv"
     >
       <input
         autocomplete="off"
-        class="sc-669fe731-1 bBYNqO"
+        class="sc-46a9700d-1 dZpFqX"
         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-95bd4344-0 dxXsic sc-56e7bccd-5 ifcrZi"
+      class="sc-b0ebfae6-0 dGXoMZ 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 6f8e95eab3..322c146b76 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-95bd4344-0 dqVtzj"
+      class="sc-b0ebfae6-0 hPQAhy"
     >
       texte dans le bouton
     </button>
@@ -22,31 +22,31 @@ exports[`<ServiceRenseignementModal /> renders a popup when click on button 1`]
     >
       <div>
         <div
-          class="sc-19478701-0 jZYVgz"
+          class="sc-f4126b8e-0 dWonlk"
           data-reach-dialog-overlay=""
         >
           <div
             aria-label="Service de renseignement"
             aria-modal="true"
-            class="sc-19478701-1 hQHZiT"
+            class="sc-f4126b8e-1 kQHvXg"
             data-reach-dialog-content=""
             role="dialog"
             tabindex="-1"
           >
             <header
-              class="sc-e32628d4-0 cXUuvO"
+              class="sc-238bfc37-0 bnxcHY"
             >
               <h1
-                class="sc-5f05e99b-0 dQbgIy"
+                class="sc-efa69b03-0 cNAUpX"
               >
                 <span
-                  class="sc-a4d7a179-0 jRxkkJ"
+                  class="sc-f4f767e-0 jZdFSO"
                 />
                 Les services du ministère du Travail
               </h1>
             </header>
             <h2
-              class="sc-b879fc2d-0 hyiHle"
+              class="sc-a53a0f9a-0 bIsTsN"
             >
               Contact téléphonique
             </h2>
@@ -69,7 +69,7 @@ exports[`<ServiceRenseignementModal /> renders a popup when click on button 1`]
               </em>
             </a>
             <h2
-              class="sc-b879fc2d-0 hyiHle"
+              class="sc-a53a0f9a-0 bIsTsN"
             >
               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-669fe731-0 amSvQ sc-56e7bccd-4 jcgfHv"
+                class="sc-46a9700d-0 eEbjpm sc-56e7bccd-4 jcgfHv"
               >
                 <input
                   autocomplete="off"
-                  class="sc-669fe731-1 bBYNqO"
+                  class="sc-46a9700d-1 dZpFqX"
                   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-95bd4344-0 dxXsic sc-56e7bccd-5 ifcrZi"
+                class="sc-b0ebfae6-0 dGXoMZ 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-95bd4344-0 dxXsic sc-19478701-2 fGtwND"
+              class="sc-b0ebfae6-0 dGXoMZ sc-f4126b8e-2 irTzHW"
               title="fermer la modale"
             >
               <div
-                class="sc-8dcb2faa-0 gxfPDw"
+                class="sc-f92038f6-0 llOtbb"
               >
                 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 96cae03a86..4f0e12e170 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-95cc8fb1-0 iHYHyU"
+      class="sc-26bde2b2-0 jUExxE"
     >
       <button
         class="sc-338a722f-1 kiGnTA 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 57d582f2e9..21792c4f75 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-d47d8018-0 ezEIGw sc-98e66f5e-1 fCudut"
+    class="sc-e72909eb-0 eVuCTM sc-98e66f5e-1 fCudut"
   >
     <div
-      class="sc-d47d8018-2 eBZhiP"
+      class="sc-e72909eb-2 bNzKqg"
     >
       <div
-        class="sc-d47d8018-1 xAHKj"
+        class="sc-e72909eb-1 gzHMAu"
       >
         <svg
           aria-hidden="true"
@@ -36,10 +36,10 @@ exports[`<CallToActionTile /> should render 1`] = `
         </svg>
       </div>
       <div
-        class="sc-d47d8018-3 cAXyng"
+        class="sc-e72909eb-3 hASMbR"
       >
         <p
-          class="sc-d47d8018-5 jNRMjT"
+          class="sc-e72909eb-5 cdJafA"
         >
           <a
             href="/test"
@@ -50,7 +50,7 @@ exports[`<CallToActionTile /> should render 1`] = `
       </div>
     </div>
     <div
-      class="sc-d47d8018-6 ipSAXR"
+      class="sc-e72909eb-6 dOdFhK"
     >
       <div
         class="sc-98e66f5e-0 bQDuAS"
@@ -62,7 +62,7 @@ exports[`<CallToActionTile /> should render 1`] = `
           class="sc-98e66f5e-2 cDPdrN"
         >
           <p
-            class="sc-3633cc97-1 gDIqvu"
+            class="sc-a4406a0f-1 bNZtsp"
           >
             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 9c2bf9d472..0b14daa5c7 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-1571bed7-0"
+          class="sc-6ba2e448-0 wqwqk"
           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-1571bed7-2 gNtlHI"
+              class="sc-6ba2e448-2 dhbWmA"
               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-93c68677-0 fWneNg"
+                class="sc-efc7f1fd-0 cFvIxv"
                 fill="none"
                 height="24"
                 stroke="currentColor"
@@ -49,10 +49,10 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                 />
               </svg>
               <div
-                class="sc-1571bed7-3 figaQV"
+                class="sc-6ba2e448-3 dhjOwJ"
               >
                 <h3
-                  class="sc-b879fc2d-0 hyiHle"
+                  class="sc-a53a0f9a-0 bIsTsN"
                   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-1571bed7-1 hamHiw"
+            class="sc-6ba2e448-1 cDSlef"
             data-accordion-component="AccordionItemPanel"
             hidden=""
             id="accordion__panel-report-ou-suspension-du-preavis"
           >
             <div
-              class="sc-32c7807-0 iMDCLs"
+              class="sc-8fc9f174-0 glbEDc"
             >
               <div>
                 <p>
@@ -88,7 +88,7 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                     id="conges-payes"
                   >
                     <div
-                      class="sc-1571bed7-0"
+                      class="sc-6ba2e448-0 wqwqk"
                       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-1571bed7-2 gNtlHI"
+                          class="sc-6ba2e448-2 dhbWmA"
                           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-93c68677-0 fWneNg"
+                            class="sc-efc7f1fd-0 cFvIxv"
                             fill="none"
                             height="24"
                             stroke="currentColor"
@@ -123,10 +123,10 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                             />
                           </svg>
                           <div
-                            class="sc-1571bed7-3 figaQV"
+                            class="sc-6ba2e448-3 dhjOwJ"
                           >
                             <h4
-                              class="sc-b879fc2d-0 hyiHle"
+                              class="sc-a53a0f9a-0 bIsTsN"
                               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-1571bed7-1 hamHiw"
+                        class="sc-6ba2e448-1 cDSlef"
                         data-accordion-component="AccordionItemPanel"
                         hidden=""
                         id="accordion__panel-conges-payes"
                       >
                         <div
-                          class="sc-32c7807-0 iMDCLs"
+                          class="sc-8fc9f174-0 glbEDc"
                         >
                           <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-1571bed7-0"
+                                  class="sc-6ba2e448-0 wqwqk"
                                   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-1571bed7-2 gNtlHI"
+                                      class="sc-6ba2e448-2 dhbWmA"
                                       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-93c68677-0 fWneNg"
+                                        class="sc-efc7f1fd-0 cFvIxv"
                                         fill="none"
                                         height="24"
                                         stroke="currentColor"
@@ -190,10 +190,10 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                                         />
                                       </svg>
                                       <div
-                                        class="sc-1571bed7-3 figaQV"
+                                        class="sc-6ba2e448-3 dhjOwJ"
                                       >
                                         <h5
-                                          class="sc-b879fc2d-0 hyiHle"
+                                          class="sc-a53a0f9a-0 bIsTsN"
                                           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-1571bed7-1 hamHiw"
+                                    class="sc-6ba2e448-1 cDSlef"
                                     data-accordion-component="AccordionItemPanel"
                                     hidden=""
                                     id="accordion__panel-dates-des-conges-fixees-avant-la-notification-du-licenciement"
                                   >
                                     <div
-                                      class="sc-32c7807-0 iMDCLs"
+                                      class="sc-8fc9f174-0 glbEDc"
                                     >
                                       <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-1571bed7-0 dpEeGj"
+                                  class="sc-6ba2e448-0 gAQMVA"
                                   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-1571bed7-2 gNtlHI"
+                                      class="sc-6ba2e448-2 dhbWmA"
                                       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-93c68677-0 fWneNg"
+                                        class="sc-efc7f1fd-0 cFvIxv"
                                         fill="none"
                                         height="24"
                                         stroke="currentColor"
@@ -267,10 +267,10 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                                         />
                                       </svg>
                                       <div
-                                        class="sc-1571bed7-3 figaQV"
+                                        class="sc-6ba2e448-3 dhjOwJ"
                                       >
                                         <h5
-                                          class="sc-b879fc2d-0 hyiHle"
+                                          class="sc-a53a0f9a-0 bIsTsN"
                                           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-1571bed7-1 hamHiw"
+                                    class="sc-6ba2e448-1 cDSlef"
                                     data-accordion-component="AccordionItemPanel"
                                     hidden=""
                                     id="accordion__panel-dates-des-conges-fixees-apres-la-notification-du-licenciement"
                                   >
                                     <div
-                                      class="sc-32c7807-0 iMDCLs"
+                                      class="sc-8fc9f174-0 glbEDc"
                                     >
                                       <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-1571bed7-0 dpEeGj"
+                                  class="sc-6ba2e448-0 gAQMVA"
                                   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-1571bed7-2 gNtlHI"
+                                      class="sc-6ba2e448-2 dhbWmA"
                                       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-93c68677-0 fWneNg"
+                                        class="sc-efc7f1fd-0 cFvIxv"
                                         fill="none"
                                         height="24"
                                         stroke="currentColor"
@@ -345,10 +345,10 @@ exports[`DisplayContentContribution Accordions should not fail if no summary tag
                                         />
                                       </svg>
                                       <div
-                                        class="sc-1571bed7-3 figaQV"
+                                        class="sc-6ba2e448-3 dhjOwJ"
                                       >
                                         <h5
-                                          class="sc-b879fc2d-0 hyiHle"
+                                          class="sc-a53a0f9a-0 bIsTsN"
                                           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-1571bed7-1 hamHiw"
+                                    class="sc-6ba2e448-1 cDSlef"
                                     data-accordion-component="AccordionItemPanel"
                                     hidden=""
                                     id="accordion__panel-licenciement-notifie-pendant-les-conges-payes"
                                   >
                                     <div
-                                      class="sc-32c7807-0 iMDCLs"
+                                      class="sc-8fc9f174-0 glbEDc"
                                     >
                                       <div>
                                         <p>
@@ -408,7 +408,7 @@ exports[`DisplayContentContribution Accordions should replace details element by
       id="ceci-est-un-titre"
     >
       <div
-        class="sc-1571bed7-0"
+        class="sc-6ba2e448-0 wqwqk"
         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-1571bed7-2 gNtlHI"
+            class="sc-6ba2e448-2 dhbWmA"
             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-93c68677-0 fWneNg"
+              class="sc-efc7f1fd-0 cFvIxv"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -443,10 +443,10 @@ exports[`DisplayContentContribution Accordions should replace details element by
               />
             </svg>
             <div
-              class="sc-1571bed7-3 figaQV"
+              class="sc-6ba2e448-3 dhjOwJ"
             >
               <h3
-                class="sc-b879fc2d-0 hyiHle"
+                class="sc-a53a0f9a-0 bIsTsN"
                 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-1571bed7-1 hamHiw"
+          class="sc-6ba2e448-1 cDSlef"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-ceci-est-un-titre"
         >
           <div
-            class="sc-32c7807-0 iMDCLs"
+            class="sc-8fc9f174-0 glbEDc"
           >
             <div>
               <p>
@@ -492,7 +492,7 @@ exports[`DisplayContentContribution Accordions should replace details element wi
       id="ceci-est-un-titre"
     >
       <div
-        class="sc-1571bed7-0"
+        class="sc-6ba2e448-0 wqwqk"
         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-1571bed7-2 gNtlHI"
+            class="sc-6ba2e448-2 dhbWmA"
             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-93c68677-0 fWneNg"
+              class="sc-efc7f1fd-0 cFvIxv"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -527,10 +527,10 @@ exports[`DisplayContentContribution Accordions should replace details element wi
               />
             </svg>
             <div
-              class="sc-1571bed7-3 figaQV"
+              class="sc-6ba2e448-3 dhjOwJ"
             >
               <h3
-                class="sc-b879fc2d-0 hyiHle"
+                class="sc-a53a0f9a-0 bIsTsN"
                 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-1571bed7-1 hamHiw"
+          class="sc-6ba2e448-1 cDSlef"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-ceci-est-un-titre"
         >
           <div
-            class="sc-32c7807-0 iMDCLs"
+            class="sc-8fc9f174-0 glbEDc"
           >
             <div>
               <div
@@ -559,7 +559,7 @@ exports[`DisplayContentContribution Accordions should replace details element wi
                   id="ceci-est-un-sous-titre"
                 >
                   <div
-                    class="sc-1571bed7-0"
+                    class="sc-6ba2e448-0 wqwqk"
                     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-1571bed7-2 gNtlHI"
+                        class="sc-6ba2e448-2 dhbWmA"
                         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-93c68677-0 fWneNg"
+                          class="sc-efc7f1fd-0 cFvIxv"
                           fill="none"
                           height="24"
                           stroke="currentColor"
@@ -594,10 +594,10 @@ exports[`DisplayContentContribution Accordions should replace details element wi
                           />
                         </svg>
                         <div
-                          class="sc-1571bed7-3 figaQV"
+                          class="sc-6ba2e448-3 dhjOwJ"
                         >
                           <h4
-                            class="sc-b879fc2d-0 hyiHle"
+                            class="sc-a53a0f9a-0 bIsTsN"
                             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-1571bed7-1 hamHiw"
+                      class="sc-6ba2e448-1 cDSlef"
                       data-accordion-component="AccordionItemPanel"
                       hidden=""
                       id="accordion__panel-ceci-est-un-sous-titre"
                     >
                       <div
-                        class="sc-32c7807-0 iMDCLs"
+                        class="sc-8fc9f174-0 glbEDc"
                       >
                         <div>
                           <p>
@@ -651,7 +651,7 @@ exports[`DisplayContentContribution Accordions should replace multiple details e
           id="ceci-est-le-titre-1"
         >
           <div
-            class="sc-1571bed7-0"
+            class="sc-6ba2e448-0 wqwqk"
             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-1571bed7-2 gNtlHI"
+                class="sc-6ba2e448-2 dhbWmA"
                 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-93c68677-0 fWneNg"
+                  class="sc-efc7f1fd-0 cFvIxv"
                   fill="none"
                   height="24"
                   stroke="currentColor"
@@ -686,10 +686,10 @@ exports[`DisplayContentContribution Accordions should replace multiple details e
                   />
                 </svg>
                 <div
-                  class="sc-1571bed7-3 figaQV"
+                  class="sc-6ba2e448-3 dhjOwJ"
                 >
                   <h3
-                    class="sc-b879fc2d-0 hyiHle"
+                    class="sc-a53a0f9a-0 bIsTsN"
                     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-1571bed7-1 hamHiw"
+              class="sc-6ba2e448-1 cDSlef"
               data-accordion-component="AccordionItemPanel"
               hidden=""
               id="accordion__panel-ceci-est-le-titre-1"
             >
               <div
-                class="sc-32c7807-0 iMDCLs"
+                class="sc-8fc9f174-0 glbEDc"
               >
                 <div>
                   <p>
@@ -722,7 +722,7 @@ exports[`DisplayContentContribution Accordions should replace multiple details e
           id="ceci-est-le-titre-2"
         >
           <div
-            class="sc-1571bed7-0 dpEeGj"
+            class="sc-6ba2e448-0 gAQMVA"
             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-1571bed7-2 gNtlHI"
+                class="sc-6ba2e448-2 dhbWmA"
                 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-93c68677-0 fWneNg"
+                  class="sc-efc7f1fd-0 cFvIxv"
                   fill="none"
                   height="24"
                   stroke="currentColor"
@@ -757,10 +757,10 @@ exports[`DisplayContentContribution Accordions should replace multiple details e
                   />
                 </svg>
                 <div
-                  class="sc-1571bed7-3 figaQV"
+                  class="sc-6ba2e448-3 dhjOwJ"
                 >
                   <h3
-                    class="sc-b879fc2d-0 hyiHle"
+                    class="sc-a53a0f9a-0 bIsTsN"
                     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-1571bed7-1 hamHiw"
+              class="sc-6ba2e448-1 cDSlef"
               data-accordion-component="AccordionItemPanel"
               hidden=""
               id="accordion__panel-ceci-est-le-titre-2"
             >
               <div
-                class="sc-32c7807-0 iMDCLs"
+                class="sc-8fc9f174-0 glbEDc"
               >
                 <div>
                   <p>
@@ -846,7 +846,7 @@ exports[`DisplayContentContribution Alerts should replace div with alert class i
         </p>
         <br />
         <div
-          class="sc-6c78813f-0 fnbVWG"
+          class="sc-35146c68-0 eYIxsm"
         >
           <p>
             <strong>
@@ -866,7 +866,7 @@ exports[`DisplayContentContribution Alerts should replace div with alert class t
   class="sc-525da103-0 clIhqj"
 >
   <div
-    class="sc-6c78813f-0 fnbVWG"
+    class="sc-35146c68-0 eYIxsm"
   >
     <p>
       <strong>
@@ -891,7 +891,7 @@ exports[`DisplayContentContribution Headings should not add headings higher than
       id="ceci-est-un-titre"
     >
       <div
-        class="sc-1571bed7-0"
+        class="sc-6ba2e448-0 wqwqk"
         data-accordion-component="AccordionItem"
       >
         <div
@@ -902,7 +902,7 @@ exports[`DisplayContentContribution Headings should not add headings higher than
             aria-controls="accordion__panel-ceci-est-un-titre"
             aria-disabled="false"
             aria-expanded="false"
-            class="sc-1571bed7-2 gNtlHI"
+            class="sc-6ba2e448-2 dhbWmA"
             data-accordion-component="AccordionItemButton"
             id="accordion__heading-ceci-est-un-titre"
             role="button"
@@ -910,7 +910,7 @@ exports[`DisplayContentContribution Headings should not add headings higher than
           >
             <svg
               aria-hidden="true"
-              class="sc-93c68677-0 fWneNg"
+              class="sc-efc7f1fd-0 cFvIxv"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -926,10 +926,10 @@ exports[`DisplayContentContribution Headings should not add headings higher than
               />
             </svg>
             <div
-              class="sc-1571bed7-3 figaQV"
+              class="sc-6ba2e448-3 dhjOwJ"
             >
               <h6
-                class="sc-b879fc2d-0 hyiHle"
+                class="sc-a53a0f9a-0 bIsTsN"
                 data-testid="contrib-accordion-0"
                 style="margin: 0px;"
               >
@@ -940,13 +940,13 @@ exports[`DisplayContentContribution Headings should not add headings higher than
         </div>
         <div
           aria-hidden="true"
-          class="sc-1571bed7-1 hamHiw"
+          class="sc-6ba2e448-1 cDSlef"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-ceci-est-un-titre"
         >
           <div
-            class="sc-32c7807-0 iMDCLs"
+            class="sc-8fc9f174-0 glbEDc"
           >
             <div>
               <strong>
@@ -967,7 +967,7 @@ exports[`DisplayContentContribution Headings should not add headings higher than
     class="sc-525da103-0 clIhqj"
   >
     <h6
-      class="sc-b879fc2d-0 hyiHle"
+      class="sc-a53a0f9a-0 bIsTsN"
     >
       Mon title
     </h6>
@@ -984,12 +984,12 @@ exports[`DisplayContentContribution Headings should replace span with class "tit
     class="sc-525da103-0 clIhqj"
   >
     <h2
-      class="sc-b879fc2d-0 hyiHle"
+      class="sc-a53a0f9a-0 bIsTsN"
     >
       Mon titre
     </h2>
     <h3
-      class="sc-b879fc2d-0 hyiHle"
+      class="sc-a53a0f9a-0 bIsTsN"
     >
       Mon sous titre
     </h3>
@@ -1003,12 +1003,12 @@ exports[`DisplayContentContribution Headings should replace span with with headi
     class="sc-525da103-0 clIhqj"
   >
     <h4
-      class="sc-b879fc2d-0 hyiHle"
+      class="sc-a53a0f9a-0 bIsTsN"
     >
       Mon title
     </h4>
     <h5
-      class="sc-b879fc2d-0 hyiHle"
+      class="sc-a53a0f9a-0 bIsTsN"
     >
       Mon title
     </h5>
@@ -1021,7 +1021,7 @@ exports[`DisplayContentContribution Tables should add thead to table if not pres
   class="sc-525da103-0 clIhqj"
 >
   <table
-    class="sc-4e3ba411-0 kKVapO"
+    class="sc-6d9f376d-0 iugiNe"
   >
     <thead>
       <tr>
@@ -1144,7 +1144,7 @@ exports[`DisplayContentContribution Tables should render correctly a table with
     class="sc-525da103-0 clIhqj"
   >
     <table
-      class="sc-4e3ba411-0 kKVapO"
+      class="sc-6d9f376d-0 iugiNe"
     >
       <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 4d586e4e75..b21681233f 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-2a0a4b0a-0 hPfzrL"
+  class="sc-13323d30-0 gtmVnh"
 >
   <div>
     <button
       aria-expanded="false"
-      class="sc-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
+      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-93c68677-0 fWneNg"
+        class="sc-efc7f1fd-0 cFvIxv"
         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-da0440cf-2 cdlSfE"
+        class="sc-a45f48bd-2 dzrMBi"
       >
         Références
       </span>
     </button>
     <div
-      class="sc-da0440cf-0 kQbZar"
+      class="sc-a45f48bd-0 dnXrPP"
     >
       <ul
-        class="sc-ab356c14-0 sc-ab4aba5d-1 bpNHPl dDdmoO"
+        class="sc-78dd7a00-0 sc-ab4aba5d-1 fVqAjV dDdmoO"
       >
         <li>
           <a
             aria-label="Titre 2 (Nouvelle fenêtre)"
-            class="sc-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu no-after"
+            class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu no-after"
             href="http://lien2"
             target="_blank"
           >
             <svg
               aria-hidden="true"
-              class="sc-60a7e89-2 bJDpVh"
+              class="sc-c95f41ec-2 iFvcod"
               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-60a7e89-1 eSlLWj"
+              class="sc-c95f41ec-1 juvzjJ"
             >
               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-60a7e89-0 haggkt sc-ab4aba5d-0 gOxGeu no-after"
+            class="sc-c95f41ec-0 edttdJ sc-ab4aba5d-0 gOxGeu no-after"
             href="http://lien4"
             target="_blank"
           >
             <svg
               aria-hidden="true"
-              class="sc-60a7e89-2 bJDpVh"
+              class="sc-c95f41ec-2 iFvcod"
               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-60a7e89-1 eSlLWj"
+              class="sc-c95f41ec-1 juvzjJ"
             >
               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 c5439ec80b..b95bc56617 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-e32628d4-0 cwDqXq"
+    class="sc-238bfc37-0 iTixSU"
   >
     <h2
-      class="sc-d6e72754-0 gUBAuw"
+      class="sc-3c1fa745-0 eWYpOc"
     >
       <span
-        class="sc-a4d7a179-0 gGBEJx"
+        class="sc-f4f767e-0 hiuRaG"
       />
       Questions-réponses fréquentes
     </h2>
     <p
-      class="sc-ea8c0a81-0 dHtsEU"
+      class="sc-e435e27-0 htTGgK"
     >
       Description de la CC
     </p>
@@ -25,7 +25,7 @@ exports[`<Convention /> renders 1`] = `
   >
     <div>
       <div
-        class="sc-1571bed7-0"
+        class="sc-6ba2e448-0 wqwqk"
         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-1571bed7-2 gNtlHI"
+            class="sc-6ba2e448-2 dhbWmA"
             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-93c68677-0 fWneNg"
+              class="sc-efc7f1fd-0 cFvIxv"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -60,10 +60,10 @@ exports[`<Convention /> renders 1`] = `
               />
             </svg>
             <div
-              class="sc-1571bed7-3 figaQV"
+              class="sc-6ba2e448-3 dhjOwJ"
             >
               <h3
-                class="sc-b879fc2d-0 hyiHle"
+                class="sc-a53a0f9a-0 bIsTsN"
                 style="margin: 0px;"
               >
                 Congés et repos
@@ -73,13 +73,13 @@ exports[`<Convention /> renders 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-1571bed7-1 hamHiw"
+          class="sc-6ba2e448-1 cDSlef"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-raa-0"
         >
           <div
-            class="sc-32c7807-0 iMDCLs"
+            class="sc-8fc9f174-0 glbEDc"
           >
             <ul>
               <li>
@@ -137,7 +137,7 @@ exports[`<Convention /> renders 1`] = `
     </div>
     <div>
       <div
-        class="sc-1571bed7-0 dpEeGj"
+        class="sc-6ba2e448-0 gAQMVA"
         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-1571bed7-2 gNtlHI"
+            class="sc-6ba2e448-2 dhbWmA"
             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-93c68677-0 fWneNg"
+              class="sc-efc7f1fd-0 cFvIxv"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -172,10 +172,10 @@ exports[`<Convention /> renders 1`] = `
               />
             </svg>
             <div
-              class="sc-1571bed7-3 figaQV"
+              class="sc-6ba2e448-3 dhjOwJ"
             >
               <h3
-                class="sc-b879fc2d-0 hyiHle"
+                class="sc-a53a0f9a-0 bIsTsN"
                 style="margin: 0px;"
               >
                 Départ de l’entreprise
@@ -185,13 +185,13 @@ exports[`<Convention /> renders 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-1571bed7-1 hamHiw"
+          class="sc-6ba2e448-1 cDSlef"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-raa-1"
         >
           <div
-            class="sc-32c7807-0 iMDCLs"
+            class="sc-8fc9f174-0 glbEDc"
           >
             <ul>
               <li>
@@ -313,7 +313,7 @@ exports[`<Convention /> renders 1`] = `
     </div>
     <div>
       <div
-        class="sc-1571bed7-0 dpEeGj"
+        class="sc-6ba2e448-0 gAQMVA"
         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-1571bed7-2 gNtlHI"
+            class="sc-6ba2e448-2 dhbWmA"
             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-93c68677-0 fWneNg"
+              class="sc-efc7f1fd-0 cFvIxv"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -348,10 +348,10 @@ exports[`<Convention /> renders 1`] = `
               />
             </svg>
             <div
-              class="sc-1571bed7-3 figaQV"
+              class="sc-6ba2e448-3 dhjOwJ"
             >
               <h3
-                class="sc-b879fc2d-0 hyiHle"
+                class="sc-a53a0f9a-0 bIsTsN"
                 style="margin: 0px;"
               >
                 Embauche et contrat de travail
@@ -361,13 +361,13 @@ exports[`<Convention /> renders 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-1571bed7-1 hamHiw"
+          class="sc-6ba2e448-1 cDSlef"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-raa-2"
         >
           <div
-            class="sc-32c7807-0 iMDCLs"
+            class="sc-8fc9f174-0 glbEDc"
           >
             <ul>
               <li>
@@ -481,7 +481,7 @@ exports[`<Convention /> renders 1`] = `
     </div>
     <div>
       <div
-        class="sc-1571bed7-0 dpEeGj"
+        class="sc-6ba2e448-0 gAQMVA"
         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-1571bed7-2 gNtlHI"
+            class="sc-6ba2e448-2 dhbWmA"
             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-93c68677-0 fWneNg"
+              class="sc-efc7f1fd-0 cFvIxv"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -516,10 +516,10 @@ exports[`<Convention /> renders 1`] = `
               />
             </svg>
             <div
-              class="sc-1571bed7-3 figaQV"
+              class="sc-6ba2e448-3 dhjOwJ"
             >
               <h3
-                class="sc-b879fc2d-0 hyiHle"
+                class="sc-a53a0f9a-0 bIsTsN"
                 style="margin: 0px;"
               >
                 Salaire et Rémunération
@@ -529,13 +529,13 @@ exports[`<Convention /> renders 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-1571bed7-1 hamHiw"
+          class="sc-6ba2e448-1 cDSlef"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-raa-3"
         >
           <div
-            class="sc-32c7807-0 iMDCLs"
+            class="sc-8fc9f174-0 glbEDc"
           >
             <ul>
               <li>
@@ -577,7 +577,7 @@ exports[`<Convention /> renders 1`] = `
     </div>
     <div>
       <div
-        class="sc-1571bed7-0 dpEeGj"
+        class="sc-6ba2e448-0 gAQMVA"
         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-1571bed7-2 gNtlHI"
+            class="sc-6ba2e448-2 dhbWmA"
             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-93c68677-0 fWneNg"
+              class="sc-efc7f1fd-0 cFvIxv"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -612,10 +612,10 @@ exports[`<Convention /> renders 1`] = `
               />
             </svg>
             <div
-              class="sc-1571bed7-3 figaQV"
+              class="sc-6ba2e448-3 dhjOwJ"
             >
               <h3
-                class="sc-b879fc2d-0 hyiHle"
+                class="sc-a53a0f9a-0 bIsTsN"
                 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-1571bed7-1 hamHiw"
+          class="sc-6ba2e448-1 cDSlef"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-raa-4"
         >
           <div
-            class="sc-32c7807-0 iMDCLs"
+            class="sc-8fc9f174-0 glbEDc"
           >
             <ul>
               <li>
@@ -657,7 +657,7 @@ exports[`<Convention /> renders 1`] = `
     </div>
     <div>
       <div
-        class="sc-1571bed7-0 dpEeGj"
+        class="sc-6ba2e448-0 gAQMVA"
         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-1571bed7-2 gNtlHI"
+            class="sc-6ba2e448-2 dhbWmA"
             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-93c68677-0 fWneNg"
+              class="sc-efc7f1fd-0 cFvIxv"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -692,10 +692,10 @@ exports[`<Convention /> renders 1`] = `
               />
             </svg>
             <div
-              class="sc-1571bed7-3 figaQV"
+              class="sc-6ba2e448-3 dhjOwJ"
             >
               <h3
-                class="sc-b879fc2d-0 hyiHle"
+                class="sc-a53a0f9a-0 bIsTsN"
                 style="margin: 0px;"
               >
                 Temps de travail
@@ -705,13 +705,13 @@ exports[`<Convention /> renders 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-1571bed7-1 hamHiw"
+          class="sc-6ba2e448-1 cDSlef"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-raa-5"
         >
           <div
-            class="sc-32c7807-0 iMDCLs"
+            class="sc-8fc9f174-0 glbEDc"
           >
             <ul>
               <li>
@@ -729,24 +729,24 @@ exports[`<Convention /> renders 1`] = `
     </div>
   </div>
   <div
-    class="sc-e32628d4-0 cwDqXq"
+    class="sc-238bfc37-0 iTixSU"
   >
     <h2
-      class="sc-d6e72754-0 gUBAuw"
+      class="sc-3c1fa745-0 eWYpOc"
     >
       <span
-        class="sc-a4d7a179-0 gGBEJx"
+        class="sc-f4f767e-0 hiuRaG"
       />
       Articles de la convention collective
     </h2>
     <p
-      class="sc-ea8c0a81-0 dHtsEU"
+      class="sc-e435e27-0 htTGgK"
     >
       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-9845d97e-0 jdstGa"
+    class="sc-d134eab-0 kWKofh"
     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-9845d97e-1 jffOUe"
+          class="sc-d134eab-1 eOhzkV"
           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-9845d97e-2 kPPRyj"
+            class="sc-d134eab-2 gGXxaY"
             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-9845d97e-3 biBldq"
+            class="sc-d134eab-3 gvRoex"
           >
             En savoir plus
           </div>
         </div>
       </div>
       <div
-        class="sc-9845d97e-5 kPgcSs"
+        class="sc-d134eab-5 cvlMri"
         data-accordion-component="AccordionItemPanel"
         hidden=""
         id="accordion__panel-raa-6"
       >
         <div
-          class="sc-9845d97e-4 dcRMRW"
+          class="sc-d134eab-4 jJPysv"
         >
           <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-1571bed7-0"
+        class="sc-6ba2e448-0 wqwqk"
         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-1571bed7-2 gNtlHI"
+            class="sc-6ba2e448-2 dhbWmA"
             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-93c68677-0 fWneNg"
+              class="sc-efc7f1fd-0 cFvIxv"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -872,10 +872,10 @@ exports[`<Convention /> renders 1`] = `
               />
             </svg>
             <div
-              class="sc-1571bed7-3 figaQV"
+              class="sc-6ba2e448-3 dhjOwJ"
             >
               <h3
-                class="sc-b879fc2d-0 hyiHle"
+                class="sc-a53a0f9a-0 bIsTsN"
                 style="margin: 0px;"
               >
                 Salaires minima hiérarchiques
@@ -885,31 +885,31 @@ exports[`<Convention /> renders 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-1571bed7-1 hamHiw"
+          class="sc-6ba2e448-1 cDSlef"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-raa-7"
         >
           <div
-            class="sc-32c7807-0 iMDCLs"
+            class="sc-8fc9f174-0 glbEDc"
           >
             <div
-              class="sc-2496d0f8-0 dvplyw"
+              class="sc-926ceff3-0 hwyVxr"
             >
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     Avenant n° 51-2022 du 23 mars 2022 relatif aux salaires
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     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-1571bed7-0 dpEeGj"
+        class="sc-6ba2e448-0 gAQMVA"
         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-1571bed7-2 gNtlHI"
+            class="sc-6ba2e448-2 dhbWmA"
             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-93c68677-0 fWneNg"
+              class="sc-efc7f1fd-0 cFvIxv"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -1000,10 +1000,10 @@ exports[`<Convention /> renders 1`] = `
               />
             </svg>
             <div
-              class="sc-1571bed7-3 figaQV"
+              class="sc-6ba2e448-3 dhjOwJ"
             >
               <h3
-                class="sc-b879fc2d-0 hyiHle"
+                class="sc-a53a0f9a-0 bIsTsN"
                 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-1571bed7-1 hamHiw"
+          class="sc-6ba2e448-1 cDSlef"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-raa-8"
         >
           <div
-            class="sc-32c7807-0 iMDCLs"
+            class="sc-8fc9f174-0 glbEDc"
           >
             <div
-              class="sc-2496d0f8-0 dvplyw"
+              class="sc-926ceff3-0 hwyVxr"
             >
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     A. – Principes généraux sur la durée du travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     B. – Travail du dimanche et des jours fériés
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     B. – Travail du dimanche et des jours fériés
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     B. – Travail du dimanche et des jours fériés
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     B. – Travail du dimanche et des jours fériés
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     C. – Temps d'astreinte
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     C. – Temps d'astreinte
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     C. – Temps d'astreinte
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     A. – Travailleurs de nuit
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     A. – Travailleurs de nuit
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     A. – Travailleurs de nuit
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     A. – Travailleurs de nuit
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     A. – Travailleurs de nuit
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     B. – Salariés travaillant occasionnellement la nuit
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     B. – Salariés travaillant occasionnellement la nuit
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     B. – Salariés travaillant occasionnellement la nuit
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     Chapitre II Travail de nuit
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     A. – Dispositions communes aux différents modes d'aménagement du temps de travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     A. – Dispositions communes aux différents modes d'aménagement du temps de travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     B. – Modes d'aménagement du temps de travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     B. – Modes d'aménagement du temps de travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     B. – Modes d'aménagement du temps de travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     B. – Modes d'aménagement du temps de travail
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     B. – Modes d'aménagement du temps de travail
                   </div>
@@ -2178,7 +2178,7 @@ exports[`<Convention /> renders 1`] = `
     </div>
     <div>
       <div
-        class="sc-1571bed7-0 dpEeGj"
+        class="sc-6ba2e448-0 gAQMVA"
         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-1571bed7-2 gNtlHI"
+            class="sc-6ba2e448-2 dhbWmA"
             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-93c68677-0 fWneNg"
+              class="sc-efc7f1fd-0 cFvIxv"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -2213,10 +2213,10 @@ exports[`<Convention /> renders 1`] = `
               />
             </svg>
             <div
-              class="sc-1571bed7-3 figaQV"
+              class="sc-6ba2e448-3 dhjOwJ"
             >
               <h3
-                class="sc-b879fc2d-0 hyiHle"
+                class="sc-a53a0f9a-0 bIsTsN"
                 style="margin: 0px;"
               >
                 Emploi des travailleurs handicapés
@@ -2226,16 +2226,16 @@ exports[`<Convention /> renders 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-1571bed7-1 hamHiw"
+          class="sc-6ba2e448-1 cDSlef"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-raa-9"
         >
           <div
-            class="sc-32c7807-0 iMDCLs"
+            class="sc-8fc9f174-0 glbEDc"
           >
             <p
-              class="sc-bdaf45c8-0 nMxaE"
+              class="sc-2fb21927-0 gCPqsu"
             >
               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-2496d0f8-0 dvplyw"
+              class="sc-926ceff3-0 hwyVxr"
             >
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     Titre IX Emploi des travailleurs handicapés
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     Titre IX Emploi des travailleurs handicapés
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     Titre IX Emploi des travailleurs handicapés
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     Titre IX Emploi des travailleurs handicapés
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     Titre IX Emploi des travailleurs handicapés
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     Titre IX Emploi des travailleurs handicapés
                   </div>
                 </div>
               </div>
               <div
-                class="sc-28aac820-0 oopOP"
+                class="sc-74bdc36f-0 cyEzsJ"
               >
                 <div
-                  class="sc-d47d8018-0 cDsGtD no-after"
+                  class="sc-e72909eb-0 btTdnX no-after"
                 >
                   <div
-                    class="sc-d47d8018-2 eBZhiP"
+                    class="sc-e72909eb-2 bNzKqg"
                   >
                     <div
-                      class="sc-d47d8018-3 cAXyng"
+                      class="sc-e72909eb-3 hASMbR"
                     >
                       <p
-                        class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                        class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                       >
                         <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-d47d8018-6 ipSAXR"
+                    class="sc-e72909eb-6 dOdFhK"
                   >
                     Titre IX Emploi des travailleurs handicapés
                   </div>
@@ -2471,18 +2471,18 @@ exports[`<Convention /> renders 1`] = `
     </div>
   </div>
   <div
-    class="sc-e32628d4-0 cwDqXq"
+    class="sc-238bfc37-0 iTixSU"
   >
     <h2
-      class="sc-d6e72754-0 gUBAuw"
+      class="sc-3c1fa745-0 eWYpOc"
     >
       <span
-        class="sc-a4d7a179-0 gGBEJx"
+        class="sc-f4f767e-0 hiuRaG"
       />
       Recherche dans la convention collective
     </h2>
     <p
-      class="sc-ea8c0a81-0 dHtsEU"
+      class="sc-e435e27-0 htTGgK"
     >
       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-669fe731-0 amSvQ sc-4bdafa31-1 hgHvZj"
+        class="sc-46a9700d-0 eEbjpm sc-4bdafa31-1 hgHvZj"
       >
         <input
           aria-label="Recherchez dans la collection collective"
           autocomplete="off"
-          class="sc-669fe731-1 bBYNqO"
+          class="sc-46a9700d-1 dZpFqX"
           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-95bd4344-0 dxXsic sc-4bdafa31-2 XkEJn"
+        class="sc-b0ebfae6-0 dGXoMZ sc-4bdafa31-2 XkEJn"
         title="Lancer une recherche"
         type="submit"
       >
@@ -2561,10 +2561,10 @@ exports[`<Convention /> renders 1`] = `
     </div>
   </form>
   <div
-    class="sc-66a696c4-0 MNJNF"
+    class="sc-b74609e1-0 elMQpY"
   >
     <div
-      class="sc-66a696c4-1 dvlKxa"
+      class="sc-b74609e1-1 jxlJZx"
     >
       <svg
         aria-hidden="true"
@@ -2584,7 +2584,7 @@ exports[`<Convention /> renders 1`] = `
       </svg>
     </div>
     <div
-      class="sc-66a696c4-2 eRMOZl"
+      class="sc-b74609e1-2 ipaEJM"
     >
       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 b2d6726f82..344b366c31 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-75bae102-0 jzkYDa"
+    class="sc-9b1edd7b-0 erCyth"
     for="convention-search"
   >
     Renseignez le nom de votre convention collective, le nom de votre entreprise ou son SIRET.
   </label>
   <div
-    class="sc-669fe731-0 amSvQ sc-7029e335-0 btjXXy"
+    class="sc-46a9700d-0 eEbjpm sc-7029e335-0 btjXXy"
   >
     <input
-      class="sc-669fe731-1 bBYNqO"
+      class="sc-46a9700d-1 dZpFqX"
       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-95bd4344-0 ksRRNY sc-7029e335-3 enfoOw"
+        class="sc-b0ebfae6-0 iBhawp 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-75bae102-0 jzkYDa"
+    class="sc-9b1edd7b-0 erCyth"
     for="convention-search"
   >
     Renseignez le nom de votre convention collective, le nom de votre entreprise ou son SIRET.
   </label>
   <div
-    class="sc-669fe731-0 amSvQ sc-7029e335-0 btjXXy"
+    class="sc-46a9700d-0 eEbjpm sc-7029e335-0 btjXXy"
   >
     <input
-      class="sc-669fe731-1 bBYNqO"
+      class="sc-46a9700d-1 dZpFqX"
       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-3633cc97-1 bjxtLv"
+      class="sc-a4406a0f-1 rjoOw"
     >
       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-95bd4344-0 ksRRNY sc-7029e335-3 enfoOw"
+        class="sc-b0ebfae6-0 iBhawp 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-75bae102-0 jzkYDa"
+    class="sc-9b1edd7b-0 erCyth"
     for="convention-search"
   >
     Renseignez le nom de votre convention collective, le nom de votre entreprise ou son SIRET.
   </label>
   <div
-    class="sc-669fe731-0 amSvQ sc-7029e335-0 btjXXy"
+    class="sc-46a9700d-0 eEbjpm sc-7029e335-0 btjXXy"
   >
     <input
-      class="sc-669fe731-1 bBYNqO"
+      class="sc-46a9700d-1 dZpFqX"
       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-3633cc97-1 bjxtLv"
+      class="sc-a4406a0f-1 rjoOw"
     >
       <svg
         aria-labelledby="title desc"
@@ -175,7 +175,7 @@ exports[`<Search /> should show spinner when loading 1`] = `
       Consultez
        
       <button
-        class="sc-95bd4344-0 ksRRNY sc-7029e335-3 enfoOw"
+        class="sc-b0ebfae6-0 iBhawp 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-75bae102-0 jzkYDa"
+    class="sc-9b1edd7b-0 erCyth"
     for="convention-search"
   >
     Renseignez le nom de votre convention collective, le nom de votre entreprise ou son SIRET.
   </label>
   <div
-    class="sc-669fe731-0 amSvQ sc-7029e335-0 btjXXy"
+    class="sc-46a9700d-0 eEbjpm sc-7029e335-0 btjXXy"
   >
     <input
-      class="sc-669fe731-1 bBYNqO"
+      class="sc-46a9700d-1 dZpFqX"
       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-2a0a4b0a-0 sc-f1b633f2-0 hPfzrL hVjMsy"
+      class="sc-13323d30-0 sc-f1b633f2-0 gtmVnh hVjMsy"
     >
       <h3
-        class="sc-b879fc2d-0 hyiHle"
+        class="sc-a53a0f9a-0 bIsTsN"
       >
         CONVENTIONS COLLECTIVES (2
          
         résultats)
       </h3>
       <ul
-        class="sc-ab356c14-0 bpNHPl"
+        class="sc-78dd7a00-0 fVqAjV"
       >
         <li
           class="sc-f1b633f2-1 fOEIjw"
@@ -271,7 +271,7 @@ exports[`<Search /> when input is IDCC, should search conventions 1`] = `
       Consultez
        
       <button
-        class="sc-95bd4344-0 ksRRNY sc-7029e335-3 enfoOw"
+        class="sc-b0ebfae6-0 iBhawp 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-75bae102-0 jzkYDa"
+    class="sc-9b1edd7b-0 erCyth"
     for="convention-search"
   >
     Renseignez le nom de votre convention collective, le nom de votre entreprise ou son SIRET.
   </label>
   <div
-    class="sc-669fe731-0 amSvQ sc-7029e335-0 btjXXy"
+    class="sc-46a9700d-0 eEbjpm sc-7029e335-0 btjXXy"
   >
     <input
-      class="sc-669fe731-1 bBYNqO"
+      class="sc-46a9700d-1 dZpFqX"
       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-2a0a4b0a-0 sc-f1b633f2-0 hPfzrL hVjMsy"
+      class="sc-13323d30-0 sc-f1b633f2-0 gtmVnh hVjMsy"
     >
       <h3
-        class="sc-b879fc2d-0 hyiHle"
+        class="sc-a53a0f9a-0 bIsTsN"
       >
         CONVENTIONS COLLECTIVES (1
          
         résultat)
       </h3>
       <ul
-        class="sc-ab356c14-0 bpNHPl"
+        class="sc-78dd7a00-0 fVqAjV"
       >
         <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-95bd4344-0 ksRRNY sc-7029e335-3 enfoOw"
+        class="sc-b0ebfae6-0 iBhawp 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-75bae102-0 jzkYDa"
+    class="sc-9b1edd7b-0 erCyth"
     for="convention-search"
   >
     Renseignez le nom de votre convention collective, le nom de votre entreprise ou son SIRET.
   </label>
   <div
-    class="sc-669fe731-0 amSvQ sc-7029e335-0 btjXXy"
+    class="sc-46a9700d-0 eEbjpm sc-7029e335-0 btjXXy"
   >
     <input
-      class="sc-669fe731-1 bBYNqO"
+      class="sc-46a9700d-1 dZpFqX"
       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-3633cc97-1 bjxtLv"
+      class="sc-a4406a0f-1 rjoOw"
     >
       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-95bd4344-0 ksRRNY sc-7029e335-3 enfoOw"
+        class="sc-b0ebfae6-0 iBhawp 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 17d7f8f0b6..7543365f61 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-19478701-0 jZYVgz"
+          class="sc-f4126b8e-0 dWonlk"
           data-reach-dialog-overlay=""
         >
           <div
             aria-label="Rechercher votre convention collective"
             aria-modal="true"
-            class="sc-19478701-1 hQHZiT"
+            class="sc-f4126b8e-1 kQHvXg"
             data-reach-dialog-content=""
             role="dialog"
             tabindex="-1"
           >
             <label
-              class="sc-75bae102-0 jzkYDa"
+              class="sc-9b1edd7b-0 erCyth"
               for="convention-search"
             >
               Renseignez le nom de votre convention collective, le nom de votre entreprise ou son SIRET.
             </label>
             <div
-              class="sc-669fe731-0 amSvQ sc-7029e335-0 btjXXy"
+              class="sc-46a9700d-0 eEbjpm sc-7029e335-0 btjXXy"
             >
               <input
-                class="sc-669fe731-1 bBYNqO"
+                class="sc-46a9700d-1 dZpFqX"
                 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-95bd4344-0 ksRRNY sc-7029e335-3 enfoOw"
+                  class="sc-b0ebfae6-0 iBhawp 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-95bd4344-0 dxXsic sc-19478701-2 fGtwND"
+              class="sc-b0ebfae6-0 dGXoMZ sc-f4126b8e-2 irTzHW"
               title="fermer la modale"
             >
               <div
-                class="sc-8dcb2faa-0 gxfPDw"
+                class="sc-f92038f6-0 llOtbb"
               >
                 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 37110c7fe6..5d9d38e40f 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-ac4a133f-0 fvNPWb"
+      class="sc-d69a28e-0 ctBffQ"
       data-rttabs="true"
     >
       <div
-        class="sc-ac4a133f-1 fxZtdi"
+        class="sc-d69a28e-1 gogiul"
       >
         <ul
-          class="sc-ac4a133f-2 fHCeXh"
+          class="sc-d69a28e-2 dDhiAS"
           role="tablist"
         >
           <li
             aria-controls="react-tabs-1"
             aria-disabled="false"
             aria-selected="true"
-            class="sc-ac4a133f-3 faZqNG react-tabs__tab--selected"
+            class="sc-d69a28e-3 djLETL 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-ac4a133f-3 faZqNG"
+            class="sc-d69a28e-3 djLETL"
             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-ac4a133f-3 faZqNG"
+            class="sc-d69a28e-3 djLETL"
             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-ac4a133f-4 haGXHZ react-tabs__tab-panel--selected"
+        class="sc-d69a28e-4 hsuUYW react-tabs__tab-panel--selected"
         id="react-tabs-1"
         role="tabpanel"
       >
         <div
-          class="sc-8dcb2faa-0 gxfPDw"
+          class="sc-f92038f6-0 llOtbb"
         >
           <h2
-            class="sc-b879fc2d-0 hyiHle"
+            class="sc-a53a0f9a-0 bIsTsN"
           >
             CDI
           </h2>
         </div>
         <div
-          class="sc-ac4a133f-5 yflIk"
+          class="sc-d69a28e-5 fjXncv"
         >
           <div
             class="sc-74e63776-0 gELTXP"
@@ -93,7 +93,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
               id="de-quoi-sagit-il"
             >
               <div
-                class="sc-1571bed7-0"
+                class="sc-6ba2e448-0 wqwqk"
                 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-1571bed7-2 gNtlHI"
+                    class="sc-6ba2e448-2 dhbWmA"
                     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-93c68677-0 fWneNg"
+                      class="sc-efc7f1fd-0 cFvIxv"
                       fill="none"
                       height="24"
                       stroke="currentColor"
@@ -128,10 +128,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       />
                     </svg>
                     <div
-                      class="sc-1571bed7-3 figaQV"
+                      class="sc-6ba2e448-3 dhjOwJ"
                     >
                       <h3
-                        class="sc-b879fc2d-0 hyiHle"
+                        class="sc-a53a0f9a-0 bIsTsN"
                         style="margin: 0px;"
                       >
                         De quoi s'agit-il ?
@@ -141,13 +141,13 @@ exports[`<FicheServicePublic /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-1571bed7-1 hamHiw"
+                  class="sc-6ba2e448-1 cDSlef"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-de-quoi-sagit-il"
                 >
                   <div
-                    class="sc-32c7807-0 iMDCLs"
+                    class="sc-8fc9f174-0 glbEDc"
                   >
                     <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-1571bed7-0 dpEeGj"
+                class="sc-6ba2e448-0 gAQMVA"
                 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-1571bed7-2 gNtlHI"
+                    class="sc-6ba2e448-2 dhbWmA"
                     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-93c68677-0 fWneNg"
+                      class="sc-efc7f1fd-0 cFvIxv"
                       fill="none"
                       height="24"
                       stroke="currentColor"
@@ -204,10 +204,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       />
                     </svg>
                     <div
-                      class="sc-1571bed7-3 figaQV"
+                      class="sc-6ba2e448-3 dhjOwJ"
                     >
                       <h3
-                        class="sc-b879fc2d-0 hyiHle"
+                        class="sc-a53a0f9a-0 bIsTsN"
                         style="margin: 0px;"
                       >
                         Conditions
@@ -217,13 +217,13 @@ exports[`<FicheServicePublic /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-1571bed7-1 hamHiw"
+                  class="sc-6ba2e448-1 cDSlef"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-conditions"
                 >
                   <div
-                    class="sc-32c7807-0 iMDCLs"
+                    class="sc-8fc9f174-0 glbEDc"
                   >
                     <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-1571bed7-0 dpEeGj"
+                class="sc-6ba2e448-0 gAQMVA"
                 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-1571bed7-2 gNtlHI"
+                    class="sc-6ba2e448-2 dhbWmA"
                     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-93c68677-0 fWneNg"
+                      class="sc-efc7f1fd-0 cFvIxv"
                       fill="none"
                       height="24"
                       stroke="currentColor"
@@ -323,10 +323,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       />
                     </svg>
                     <div
-                      class="sc-1571bed7-3 figaQV"
+                      class="sc-6ba2e448-3 dhjOwJ"
                     >
                       <h3
-                        class="sc-b879fc2d-0 hyiHle"
+                        class="sc-a53a0f9a-0 bIsTsN"
                         style="margin: 0px;"
                       >
                         Volonté de démissionner
@@ -336,13 +336,13 @@ exports[`<FicheServicePublic /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-1571bed7-1 hamHiw"
+                  class="sc-6ba2e448-1 cDSlef"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-volonte-de-demissionner"
                 >
                   <div
-                    class="sc-32c7807-0 iMDCLs"
+                    class="sc-8fc9f174-0 glbEDc"
                   >
                     <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-1571bed7-0 dpEeGj"
+                class="sc-6ba2e448-0 gAQMVA"
                 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-1571bed7-2 gNtlHI"
+                    class="sc-6ba2e448-2 dhbWmA"
                     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-93c68677-0 fWneNg"
+                      class="sc-efc7f1fd-0 cFvIxv"
                       fill="none"
                       height="24"
                       stroke="currentColor"
@@ -426,10 +426,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       />
                     </svg>
                     <div
-                      class="sc-1571bed7-3 figaQV"
+                      class="sc-6ba2e448-3 dhjOwJ"
                     >
                       <h3
-                        class="sc-b879fc2d-0 hyiHle"
+                        class="sc-a53a0f9a-0 bIsTsN"
                         style="margin: 0px;"
                       >
                         Procédure
@@ -439,13 +439,13 @@ exports[`<FicheServicePublic /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-1571bed7-1 hamHiw"
+                  class="sc-6ba2e448-1 cDSlef"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-procedure"
                 >
                   <div
-                    class="sc-32c7807-0 iMDCLs"
+                    class="sc-8fc9f174-0 glbEDc"
                   >
                     <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-d47d8018-0 cDsGtD sc-54b316ce-0 kCUWSF no-after"
+                      class="sc-e72909eb-0 btTdnX sc-54b316ce-0 kCUWSF no-after"
                     >
                       <div
-                        class="sc-d47d8018-2 eBZhiP"
+                        class="sc-e72909eb-2 bNzKqg"
                       >
                         <div
-                          class="sc-d47d8018-3 cAXyng"
+                          class="sc-e72909eb-3 hASMbR"
                         >
                           <p
-                            class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                            class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
                           >
                             Modèle de document
                           </p>
                           <p
-                            class="sc-d47d8018-5 jNRMjT"
+                            class="sc-e72909eb-5 cdJafA"
                           >
                             <a
                               href="https://www.service-public.fr/simulateur/calcul/Demission"
@@ -482,7 +482,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                         </div>
                       </div>
                       <div
-                        class="sc-d47d8018-6 ipSAXR"
+                        class="sc-e72909eb-6 dOdFhK"
                       >
                         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-1571bed7-0 dpEeGj"
+                class="sc-6ba2e448-0 gAQMVA"
                 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-1571bed7-2 gNtlHI"
+                    class="sc-6ba2e448-2 dhbWmA"
                     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-93c68677-0 fWneNg"
+                      class="sc-efc7f1fd-0 cFvIxv"
                       fill="none"
                       height="24"
                       stroke="currentColor"
@@ -544,10 +544,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       />
                     </svg>
                     <div
-                      class="sc-1571bed7-3 figaQV"
+                      class="sc-6ba2e448-3 dhjOwJ"
                     >
                       <h3
-                        class="sc-b879fc2d-0 hyiHle"
+                        class="sc-a53a0f9a-0 bIsTsN"
                         style="margin: 0px;"
                       >
                         Préavis
@@ -557,38 +557,38 @@ exports[`<FicheServicePublic /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-1571bed7-1 hamHiw"
+                  class="sc-6ba2e448-1 cDSlef"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-preavis"
                 >
                   <div
-                    class="sc-32c7807-0 iMDCLs"
+                    class="sc-8fc9f174-0 glbEDc"
                   >
                     <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-b879fc2d-0 hyiHle"
+                      class="sc-a53a0f9a-0 bIsTsN"
                     >
                       Durée
                     </h4>
                     <div
-                      class="sc-ac4a133f-0 fvNPWb"
+                      class="sc-d69a28e-0 ctBffQ"
                       data-rttabs="true"
                     >
                       <div
-                        class="sc-ac4a133f-1 fxZtdi"
+                        class="sc-d69a28e-1 gogiul"
                       >
                         <ul
-                          class="sc-ac4a133f-2 fHCeXh"
+                          class="sc-d69a28e-2 dDhiAS"
                           role="tablist"
                         >
                           <li
                             aria-controls="react-tabs-7"
                             aria-disabled="false"
                             aria-selected="true"
-                            class="sc-ac4a133f-3 faZqNG react-tabs__tab--selected"
+                            class="sc-d69a28e-3 djLETL 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-ac4a133f-3 faZqNG"
+                            class="sc-d69a28e-3 djLETL"
                             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-ac4a133f-3 faZqNG"
+                            class="sc-d69a28e-3 djLETL"
                             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-ac4a133f-4 haGXHZ react-tabs__tab-panel--selected"
+                        class="sc-d69a28e-4 hsuUYW react-tabs__tab-panel--selected"
                         id="react-tabs-7"
                         role="tabpanel"
                       >
                         <div
-                          class="sc-8dcb2faa-0 gxfPDw"
+                          class="sc-f92038f6-0 llOtbb"
                         >
                           <h4
-                            class="sc-b879fc2d-0 hyiHle"
+                            class="sc-a53a0f9a-0 bIsTsN"
                           >
                             Cas général
                           </h4>
                         </div>
                         <div
-                          class="sc-ac4a133f-5 yflIk"
+                          class="sc-d69a28e-5 fjXncv"
                         >
                           <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-2a0a4b0a-0 sc-18dbc613-0 dLOZmV hGgpvs"
+                            class="sc-13323d30-0 sc-18dbc613-0 exlNfj hGgpvs"
                           >
                             <h5
-                              class="sc-b879fc2d-0 hyiHle"
+                              class="sc-a53a0f9a-0 bIsTsN"
                             >
                               À savoir
                             </h5>
@@ -692,19 +692,19 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       </div>
                       <div
                         aria-labelledby="react-tabs-8"
-                        class="sc-ac4a133f-4 haGXHZ"
+                        class="sc-d69a28e-4 hsuUYW"
                         id="react-tabs-9"
                         role="tabpanel"
                       />
                       <div
                         aria-labelledby="react-tabs-10"
-                        class="sc-ac4a133f-4 haGXHZ"
+                        class="sc-d69a28e-4 hsuUYW"
                         id="react-tabs-11"
                         role="tabpanel"
                       />
                     </div>
                     <h4
-                      class="sc-b879fc2d-0 hyiHle"
+                      class="sc-a53a0f9a-0 bIsTsN"
                     >
                       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-ac4a133f-0 fvNPWb"
+                      class="sc-d69a28e-0 ctBffQ"
                       data-rttabs="true"
                     >
                       <div
-                        class="sc-ac4a133f-1 fxZtdi"
+                        class="sc-d69a28e-1 gogiul"
                       >
                         <ul
-                          class="sc-ac4a133f-2 fHCeXh"
+                          class="sc-d69a28e-2 dDhiAS"
                           role="tablist"
                         >
                           <li
                             aria-controls="react-tabs-13"
                             aria-disabled="false"
                             aria-selected="true"
-                            class="sc-ac4a133f-3 faZqNG react-tabs__tab--selected"
+                            class="sc-d69a28e-3 djLETL 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-ac4a133f-3 faZqNG"
+                            class="sc-d69a28e-3 djLETL"
                             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-ac4a133f-4 haGXHZ react-tabs__tab-panel--selected"
+                        class="sc-d69a28e-4 hsuUYW react-tabs__tab-panel--selected"
                         id="react-tabs-13"
                         role="tabpanel"
                       >
                         <div
-                          class="sc-8dcb2faa-0 gxfPDw"
+                          class="sc-f92038f6-0 llOtbb"
                         >
                           <h4
-                            class="sc-b879fc2d-0 hyiHle"
+                            class="sc-a53a0f9a-0 bIsTsN"
                           >
                             Vous demandez une dispense de préavis
                           </h4>
                         </div>
                         <div
-                          class="sc-ac4a133f-5 yflIk"
+                          class="sc-d69a28e-5 fjXncv"
                         >
                           <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-1571bed7-0"
+                                class="sc-6ba2e448-0 wqwqk"
                                 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-1571bed7-2 gNtlHI"
+                                    class="sc-6ba2e448-2 dhbWmA"
                                     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-93c68677-0 fWneNg"
+                                      class="sc-efc7f1fd-0 cFvIxv"
                                       fill="none"
                                       height="24"
                                       stroke="currentColor"
@@ -836,10 +836,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                                       />
                                     </svg>
                                     <div
-                                      class="sc-1571bed7-3 figaQV"
+                                      class="sc-6ba2e448-3 dhjOwJ"
                                     >
                                       <h5
-                                        class="sc-b879fc2d-0 hyiHle"
+                                        class="sc-a53a0f9a-0 bIsTsN"
                                         style="margin: 0px;"
                                       >
                                         Accord de l'employeur
@@ -849,13 +849,13 @@ exports[`<FicheServicePublic /> should render 1`] = `
                                 </div>
                                 <div
                                   aria-hidden="true"
-                                  class="sc-1571bed7-1 hamHiw"
+                                  class="sc-6ba2e448-1 cDSlef"
                                   data-accordion-component="AccordionItemPanel"
                                   hidden=""
                                   id="accordion__panel-accord-de-lemployeur"
                                 >
                                   <div
-                                    class="sc-32c7807-0 iMDCLs"
+                                    class="sc-8fc9f174-0 glbEDc"
                                   >
                                     <p>
                                       
@@ -874,7 +874,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                               id="refus-de-lemployeur"
                             >
                               <div
-                                class="sc-1571bed7-0 dpEeGj"
+                                class="sc-6ba2e448-0 gAQMVA"
                                 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-1571bed7-2 gNtlHI"
+                                    class="sc-6ba2e448-2 dhbWmA"
                                     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-93c68677-0 fWneNg"
+                                      class="sc-efc7f1fd-0 cFvIxv"
                                       fill="none"
                                       height="24"
                                       stroke="currentColor"
@@ -909,10 +909,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                                       />
                                     </svg>
                                     <div
-                                      class="sc-1571bed7-3 figaQV"
+                                      class="sc-6ba2e448-3 dhjOwJ"
                                     >
                                       <h5
-                                        class="sc-b879fc2d-0 hyiHle"
+                                        class="sc-a53a0f9a-0 bIsTsN"
                                         style="margin: 0px;"
                                       >
                                         Refus de l'employeur
@@ -922,13 +922,13 @@ exports[`<FicheServicePublic /> should render 1`] = `
                                 </div>
                                 <div
                                   aria-hidden="true"
-                                  class="sc-1571bed7-1 hamHiw"
+                                  class="sc-6ba2e448-1 cDSlef"
                                   data-accordion-component="AccordionItemPanel"
                                   hidden=""
                                   id="accordion__panel-refus-de-lemployeur"
                                 >
                                   <div
-                                    class="sc-32c7807-0 iMDCLs"
+                                    class="sc-8fc9f174-0 glbEDc"
                                   >
                                     <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-ac4a133f-4 haGXHZ"
+                        class="sc-d69a28e-4 hsuUYW"
                         id="react-tabs-15"
                         role="tabpanel"
                       />
                     </div>
                     <h4
-                      class="sc-b879fc2d-0 hyiHle"
+                      class="sc-a53a0f9a-0 bIsTsN"
                     >
                       Report ou suspension du préavis
                     </h4>
@@ -998,7 +998,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       </li>
                     </ul>
                     <h4
-                      class="sc-b879fc2d-0 hyiHle"
+                      class="sc-a53a0f9a-0 bIsTsN"
                     >
                       Absence pour recherche d'emploi
                     </h4>
@@ -1023,7 +1023,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                         Ou s'adresser ?
                       </strong>
                       <h3
-                        class="sc-b879fc2d-0 hyiHle"
+                        class="sc-a53a0f9a-0 bIsTsN"
                       >
                         Agessa et Maison des artistes - Sécurité sociale
                       </h3>
@@ -1035,7 +1035,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                           id="par-telephone"
                         >
                           <div
-                            class="sc-1571bed7-0"
+                            class="sc-6ba2e448-0 wqwqk"
                             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-1571bed7-2 gNtlHI"
+                                class="sc-6ba2e448-2 dhbWmA"
                                 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-93c68677-0 fWneNg"
+                                  class="sc-efc7f1fd-0 cFvIxv"
                                   fill="none"
                                   height="24"
                                   stroke="currentColor"
@@ -1070,10 +1070,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                                   />
                                 </svg>
                                 <div
-                                  class="sc-1571bed7-3 figaQV"
+                                  class="sc-6ba2e448-3 dhjOwJ"
                                 >
                                   <h4
-                                    class="sc-b879fc2d-0 hyiHle"
+                                    class="sc-a53a0f9a-0 bIsTsN"
                                     style="margin: 0px;"
                                   >
                                     Par téléphone
@@ -1083,13 +1083,13 @@ exports[`<FicheServicePublic /> should render 1`] = `
                             </div>
                             <div
                               aria-hidden="true"
-                              class="sc-1571bed7-1 hamHiw"
+                              class="sc-6ba2e448-1 cDSlef"
                               data-accordion-component="AccordionItemPanel"
                               hidden=""
                               id="accordion__panel-par-telephone"
                             >
                               <div
-                                class="sc-32c7807-0 iMDCLs"
+                                class="sc-8fc9f174-0 glbEDc"
                               >
                                 <p>
                                   Du lundi au vendredi : de 9h à 17h
@@ -1105,7 +1105,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                           id="par-messagerie"
                         >
                           <div
-                            class="sc-1571bed7-0 dpEeGj"
+                            class="sc-6ba2e448-0 gAQMVA"
                             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-1571bed7-2 gNtlHI"
+                                class="sc-6ba2e448-2 dhbWmA"
                                 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-93c68677-0 fWneNg"
+                                  class="sc-efc7f1fd-0 cFvIxv"
                                   fill="none"
                                   height="24"
                                   stroke="currentColor"
@@ -1140,10 +1140,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                                   />
                                 </svg>
                                 <div
-                                  class="sc-1571bed7-3 figaQV"
+                                  class="sc-6ba2e448-3 dhjOwJ"
                                 >
                                   <h4
-                                    class="sc-b879fc2d-0 hyiHle"
+                                    class="sc-a53a0f9a-0 bIsTsN"
                                     style="margin: 0px;"
                                   >
                                     Par messagerie
@@ -1153,13 +1153,13 @@ exports[`<FicheServicePublic /> should render 1`] = `
                             </div>
                             <div
                               aria-hidden="true"
-                              class="sc-1571bed7-1 hamHiw"
+                              class="sc-6ba2e448-1 cDSlef"
                               data-accordion-component="AccordionItemPanel"
                               hidden=""
                               id="accordion__panel-par-messagerie"
                             >
                               <div
-                                class="sc-32c7807-0 iMDCLs"
+                                class="sc-8fc9f174-0 glbEDc"
                               >
                                 <p>
                                   http://www.secu-artistes-auteurs.fr/contact
@@ -1172,7 +1172,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
                           id="par-courrier"
                         >
                           <div
-                            class="sc-1571bed7-0 dpEeGj"
+                            class="sc-6ba2e448-0 gAQMVA"
                             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-1571bed7-2 gNtlHI"
+                                class="sc-6ba2e448-2 dhbWmA"
                                 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-93c68677-0 fWneNg"
+                                  class="sc-efc7f1fd-0 cFvIxv"
                                   fill="none"
                                   height="24"
                                   stroke="currentColor"
@@ -1207,10 +1207,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                                   />
                                 </svg>
                                 <div
-                                  class="sc-1571bed7-3 figaQV"
+                                  class="sc-6ba2e448-3 dhjOwJ"
                                 >
                                   <h4
-                                    class="sc-b879fc2d-0 hyiHle"
+                                    class="sc-a53a0f9a-0 bIsTsN"
                                     style="margin: 0px;"
                                   >
                                     Par courrier
@@ -1220,13 +1220,13 @@ exports[`<FicheServicePublic /> should render 1`] = `
                             </div>
                             <div
                               aria-hidden="true"
-                              class="sc-1571bed7-1 hamHiw"
+                              class="sc-6ba2e448-1 cDSlef"
                               data-accordion-component="AccordionItemPanel"
                               hidden=""
                               id="accordion__panel-par-courrier"
                             >
                               <div
-                                class="sc-32c7807-0 iMDCLs"
+                                class="sc-8fc9f174-0 glbEDc"
                               >
                                 <p>
                                   60 rue du Faubourg Poissonnière
@@ -1248,7 +1248,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
               id="indemnisation"
             >
               <div
-                class="sc-1571bed7-0 dpEeGj"
+                class="sc-6ba2e448-0 gAQMVA"
                 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-1571bed7-2 gNtlHI"
+                    class="sc-6ba2e448-2 dhbWmA"
                     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-93c68677-0 fWneNg"
+                      class="sc-efc7f1fd-0 cFvIxv"
                       fill="none"
                       height="24"
                       stroke="currentColor"
@@ -1283,10 +1283,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       />
                     </svg>
                     <div
-                      class="sc-1571bed7-3 figaQV"
+                      class="sc-6ba2e448-3 dhjOwJ"
                     >
                       <h3
-                        class="sc-b879fc2d-0 hyiHle"
+                        class="sc-a53a0f9a-0 bIsTsN"
                         style="margin: 0px;"
                       >
                         Indemnisation
@@ -1296,13 +1296,13 @@ exports[`<FicheServicePublic /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-1571bed7-1 hamHiw"
+                  class="sc-6ba2e448-1 cDSlef"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-indemnisation"
                 >
                   <div
-                    class="sc-32c7807-0 iMDCLs"
+                    class="sc-8fc9f174-0 glbEDc"
                   >
                     <p>
                       <strong>
@@ -1372,7 +1372,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
               id="documents-remis-au-salarie"
             >
               <div
-                class="sc-1571bed7-0 dpEeGj"
+                class="sc-6ba2e448-0 gAQMVA"
                 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-1571bed7-2 gNtlHI"
+                    class="sc-6ba2e448-2 dhbWmA"
                     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-93c68677-0 fWneNg"
+                      class="sc-efc7f1fd-0 cFvIxv"
                       fill="none"
                       height="24"
                       stroke="currentColor"
@@ -1407,10 +1407,10 @@ exports[`<FicheServicePublic /> should render 1`] = `
                       />
                     </svg>
                     <div
-                      class="sc-1571bed7-3 figaQV"
+                      class="sc-6ba2e448-3 dhjOwJ"
                     >
                       <h3
-                        class="sc-b879fc2d-0 hyiHle"
+                        class="sc-a53a0f9a-0 bIsTsN"
                         style="margin: 0px;"
                       >
                         Documents remis au salarié
@@ -1420,13 +1420,13 @@ exports[`<FicheServicePublic /> should render 1`] = `
                 </div>
                 <div
                   aria-hidden="true"
-                  class="sc-1571bed7-1 hamHiw"
+                  class="sc-6ba2e448-1 cDSlef"
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
                   id="accordion__panel-documents-remis-au-salarie"
                 >
                   <div
-                    class="sc-32c7807-0 iMDCLs"
+                    class="sc-8fc9f174-0 glbEDc"
                   >
                     <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-ac4a133f-4 haGXHZ"
+        class="sc-d69a28e-4 hsuUYW"
         id="react-tabs-3"
         role="tabpanel"
       />
       <div
         aria-labelledby="react-tabs-4"
-        class="sc-ac4a133f-4 haGXHZ"
+        class="sc-d69a28e-4 hsuUYW"
         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-d47d8018-0 cDsGtD sc-54b316ce-0 kCUWSF no-after"
+      class="sc-e72909eb-0 btTdnX sc-54b316ce-0 kCUWSF no-after"
     >
       <div
-        class="sc-d47d8018-2 eBZhiP"
+        class="sc-e72909eb-2 bNzKqg"
       >
         <div
-          class="sc-d47d8018-3 cAXyng"
+          class="sc-e72909eb-3 hASMbR"
         >
           <p
-            class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+            class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
           >
             Modèle de document
           </p>
           <p
-            class="sc-d47d8018-5 jNRMjT"
+            class="sc-e72909eb-5 cdJafA"
           >
             <a
               href="https://www.service-public.fr/simulateur/calcul/Demission"
@@ -1510,7 +1510,7 @@ exports[`<FicheServicePublic /> should render 1`] = `
         </div>
       </div>
       <div
-        class="sc-d47d8018-6 ipSAXR"
+        class="sc-e72909eb-6 dOdFhK"
       >
         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 c0d280e94a..9e8570058a 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-e32628d4-0 eFvDQP"
+    class="sc-238bfc37-0 erxEOR"
   >
     <h2
-      class="sc-d6e72754-0 egzXkL"
+      class="sc-3c1fa745-0 dgbBKP"
     >
       <span
-        class="sc-a4d7a179-0 gGBEJx"
+        class="sc-f4f767e-0 hiuRaG"
       />
       titre 0
     </h2>
@@ -25,7 +25,7 @@ exports[`<Accordion /> should have two different levels of headings 1`] = `
       id="titre-1"
     >
       <div
-        class="sc-1571bed7-0"
+        class="sc-6ba2e448-0 wqwqk"
         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-1571bed7-2 gNtlHI"
+            class="sc-6ba2e448-2 dhbWmA"
             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-93c68677-0 fWneNg"
+              class="sc-efc7f1fd-0 cFvIxv"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -60,10 +60,10 @@ exports[`<Accordion /> should have two different levels of headings 1`] = `
               />
             </svg>
             <div
-              class="sc-1571bed7-3 figaQV"
+              class="sc-6ba2e448-3 dhjOwJ"
             >
               <h2
-                class="sc-b879fc2d-0 hyiHle"
+                class="sc-a53a0f9a-0 bIsTsN"
                 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-1571bed7-1 hamHiw"
+          class="sc-6ba2e448-1 cDSlef"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-titre-1"
         >
           <div
-            class="sc-32c7807-0 iMDCLs"
+            class="sc-8fc9f174-0 glbEDc"
           >
             <p>
               paragraphe 1-1
@@ -95,7 +95,7 @@ exports[`<Accordion /> should have two different levels of headings 1`] = `
       id="titre-2"
     >
       <div
-        class="sc-1571bed7-0 dpEeGj"
+        class="sc-6ba2e448-0 gAQMVA"
         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-1571bed7-2 gNtlHI"
+            class="sc-6ba2e448-2 dhbWmA"
             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-93c68677-0 fWneNg"
+              class="sc-efc7f1fd-0 cFvIxv"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -130,10 +130,10 @@ exports[`<Accordion /> should have two different levels of headings 1`] = `
               />
             </svg>
             <div
-              class="sc-1571bed7-3 figaQV"
+              class="sc-6ba2e448-3 dhjOwJ"
             >
               <h2
-                class="sc-b879fc2d-0 hyiHle"
+                class="sc-a53a0f9a-0 bIsTsN"
                 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-1571bed7-1 hamHiw"
+          class="sc-6ba2e448-1 cDSlef"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-titre-2"
         >
           <div
-            class="sc-32c7807-0 iMDCLs"
+            class="sc-8fc9f174-0 glbEDc"
           >
             <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-b879fc2d-0 hyiHle"
+              class="sc-a53a0f9a-0 bIsTsN"
             >
               titre 2-1
             </h3>
@@ -170,7 +170,7 @@ exports[`<Accordion /> should have two different levels of headings 1`] = `
       id="titre-3"
     >
       <div
-        class="sc-1571bed7-0 dpEeGj"
+        class="sc-6ba2e448-0 gAQMVA"
         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-1571bed7-2 gNtlHI"
+            class="sc-6ba2e448-2 dhbWmA"
             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-93c68677-0 fWneNg"
+              class="sc-efc7f1fd-0 cFvIxv"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -205,10 +205,10 @@ exports[`<Accordion /> should have two different levels of headings 1`] = `
               />
             </svg>
             <div
-              class="sc-1571bed7-3 figaQV"
+              class="sc-6ba2e448-3 dhjOwJ"
             >
               <h2
-                class="sc-b879fc2d-0 hyiHle"
+                class="sc-a53a0f9a-0 bIsTsN"
                 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-1571bed7-1 hamHiw"
+          class="sc-6ba2e448-1 cDSlef"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-titre-3"
         >
           <div
-            class="sc-32c7807-0 iMDCLs"
+            class="sc-8fc9f174-0 glbEDc"
           >
             <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-b879fc2d-0 hyiHle"
+    class="sc-a53a0f9a-0 bIsTsN"
   >
     titre 0
   </h5>
@@ -258,7 +258,7 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
       id="titre-1"
     >
       <div
-        class="sc-1571bed7-0"
+        class="sc-6ba2e448-0 wqwqk"
         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-1571bed7-2 gNtlHI"
+            class="sc-6ba2e448-2 dhbWmA"
             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-93c68677-0 fWneNg"
+              class="sc-efc7f1fd-0 cFvIxv"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -293,10 +293,10 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
               />
             </svg>
             <div
-              class="sc-1571bed7-3 figaQV"
+              class="sc-6ba2e448-3 dhjOwJ"
             >
               <h5
-                class="sc-b879fc2d-0 hyiHle"
+                class="sc-a53a0f9a-0 bIsTsN"
                 style="margin: 0px;"
               >
                 titre 1
@@ -306,13 +306,13 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-1571bed7-1 hamHiw"
+          class="sc-6ba2e448-1 cDSlef"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-titre-1"
         >
           <div
-            class="sc-32c7807-0 iMDCLs"
+            class="sc-8fc9f174-0 glbEDc"
           >
             <p>
               paragraphe 1-1
@@ -328,7 +328,7 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
       id="titre-2"
     >
       <div
-        class="sc-1571bed7-0 dpEeGj"
+        class="sc-6ba2e448-0 gAQMVA"
         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-1571bed7-2 gNtlHI"
+            class="sc-6ba2e448-2 dhbWmA"
             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-93c68677-0 fWneNg"
+              class="sc-efc7f1fd-0 cFvIxv"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -363,10 +363,10 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
               />
             </svg>
             <div
-              class="sc-1571bed7-3 figaQV"
+              class="sc-6ba2e448-3 dhjOwJ"
             >
               <h5
-                class="sc-b879fc2d-0 hyiHle"
+                class="sc-a53a0f9a-0 bIsTsN"
                 style="margin: 0px;"
               >
                 titre 2
@@ -376,13 +376,13 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-1571bed7-1 hamHiw"
+          class="sc-6ba2e448-1 cDSlef"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-titre-2"
         >
           <div
-            class="sc-32c7807-0 iMDCLs"
+            class="sc-8fc9f174-0 glbEDc"
           >
             <p>
               paragraphe 2-1
@@ -391,7 +391,7 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
               paragraphe 2-2
             </p>
             <h6
-              class="sc-b879fc2d-0 hyiHle"
+              class="sc-a53a0f9a-0 bIsTsN"
             >
               titre 2-1
             </h6>
@@ -403,7 +403,7 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
       id="titre-3"
     >
       <div
-        class="sc-1571bed7-0 dpEeGj"
+        class="sc-6ba2e448-0 gAQMVA"
         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-1571bed7-2 gNtlHI"
+            class="sc-6ba2e448-2 dhbWmA"
             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-93c68677-0 fWneNg"
+              class="sc-efc7f1fd-0 cFvIxv"
               fill="none"
               height="24"
               stroke="currentColor"
@@ -438,10 +438,10 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
               />
             </svg>
             <div
-              class="sc-1571bed7-3 figaQV"
+              class="sc-6ba2e448-3 dhjOwJ"
             >
               <h5
-                class="sc-b879fc2d-0 hyiHle"
+                class="sc-a53a0f9a-0 bIsTsN"
                 style="margin: 0px;"
               >
                 titre 3
@@ -451,13 +451,13 @@ exports[`<Accordion /> should render all, siblings included 1`] = `
         </div>
         <div
           aria-hidden="true"
-          class="sc-1571bed7-1 hamHiw"
+          class="sc-6ba2e448-1 cDSlef"
           data-accordion-component="AccordionItemPanel"
           hidden=""
           id="accordion__panel-titre-3"
         >
           <div
-            class="sc-32c7807-0 iMDCLs"
+            class="sc-8fc9f174-0 glbEDc"
           >
             <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 ceb0674884..b4c2726214 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-2a0a4b0a-0 sc-18dbc613-0 dLOZmV hGgpvs"
+    class="sc-13323d30-0 sc-18dbc613-0 exlNfj hGgpvs"
   >
     stuff 0
   </div>
   <div
-    class="sc-2a0a4b0a-0 sc-18dbc613-0 dLOZmV hGgpvs"
+    class="sc-13323d30-0 sc-18dbc613-0 exlNfj hGgpvs"
   >
     stuff 1
   </div>
   <div
-    class="sc-2a0a4b0a-0 sc-18dbc613-0 dLOZmV hGgpvs"
+    class="sc-13323d30-0 sc-18dbc613-0 exlNfj hGgpvs"
   >
     stuff 2
   </div>
   <div
-    class="sc-2a0a4b0a-0 sc-18dbc613-0 dLOZmV hGgpvs"
+    class="sc-13323d30-0 sc-18dbc613-0 exlNfj hGgpvs"
   >
     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 471bde75f2..1b52251fcd 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-e32628d4-0 eFvDQP"
+    class="sc-238bfc37-0 erxEOR"
   >
     <h2
-      class="sc-d6e72754-0 egzXkL"
+      class="sc-3c1fa745-0 dgbBKP"
     >
       <span
-        class="sc-a4d7a179-0 gGBEJx"
+        class="sc-f4f767e-0 hiuRaG"
       />
       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-ac4a133f-0 fvNPWb"
+    class="sc-d69a28e-0 ctBffQ"
     data-rttabs="true"
   >
     <div
-      class="sc-ac4a133f-1 fxZtdi"
+      class="sc-d69a28e-1 gogiul"
     >
       <ul
-        class="sc-ac4a133f-2 fHCeXh"
+        class="sc-d69a28e-2 dDhiAS"
         role="tablist"
       >
         <li
           aria-controls="react-tabs-1"
           aria-disabled="false"
           aria-selected="true"
-          class="sc-ac4a133f-3 faZqNG react-tabs__tab--selected"
+          class="sc-d69a28e-3 djLETL 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-ac4a133f-3 faZqNG"
+          class="sc-d69a28e-3 djLETL"
           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-ac4a133f-3 faZqNG"
+          class="sc-d69a28e-3 djLETL"
           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-ac4a133f-3 faZqNG"
+          class="sc-d69a28e-3 djLETL"
           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-ac4a133f-4 haGXHZ react-tabs__tab-panel--selected"
+      class="sc-d69a28e-4 hsuUYW react-tabs__tab-panel--selected"
       id="react-tabs-1"
       role="tabpanel"
     >
       <div
-        class="sc-8dcb2faa-0 gxfPDw"
+        class="sc-f92038f6-0 llOtbb"
       >
         <h2
-          class="sc-b879fc2d-0 hyiHle"
+          class="sc-a53a0f9a-0 bIsTsN"
         >
           Commerce - industrie
         </h2>
       </div>
       <div
-        class="sc-ac4a133f-5 yflIk"
+        class="sc-d69a28e-5 fjXncv"
       >
         <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-ac4a133f-4 haGXHZ"
+      class="sc-d69a28e-4 hsuUYW"
       id="react-tabs-3"
       role="tabpanel"
     />
     <div
       aria-labelledby="react-tabs-4"
-      class="sc-ac4a133f-4 haGXHZ"
+      class="sc-d69a28e-4 hsuUYW"
       id="react-tabs-5"
       role="tabpanel"
     />
     <div
       aria-labelledby="react-tabs-6"
-      class="sc-ac4a133f-4 haGXHZ"
+      class="sc-d69a28e-4 hsuUYW"
       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 55049314bd..f11ee5845f 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-9845d97e-0 jdstGa"
+    class="sc-d134eab-0 kWKofh"
     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-9845d97e-1 jffOUe"
+          class="sc-d134eab-1 eOhzkV"
           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-9845d97e-2 kPPRyj"
+            class="sc-d134eab-2 gGXxaY"
             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-9845d97e-3 biBldq"
+            class="sc-d134eab-3 gvRoex"
           >
             Voir en détail
           </div>
         </div>
       </div>
       <div
-        class="sc-9845d97e-5 mALye"
+        class="sc-d134eab-5 dytUgY"
         data-accordion-component="AccordionItemPanel"
         hidden=""
         id="accordion__panel-raa-0"
       >
         <div
-          class="sc-9845d97e-4 dcRMRW"
+          class="sc-d134eab-4 jJPysv"
         >
           <div
-            class="sc-2a0a4b0a-0 dLOZmV"
+            class="sc-13323d30-0 exlNfj"
           >
             <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 da5cc77421..030a1daf95 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-b879fc2d-0 hyiHle"
+        class="sc-a53a0f9a-0 bIsTsN"
       >
         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 e21ec386fc..150b7d44a8 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-b879fc2d-0 hyiHle"
+      class="sc-a53a0f9a-0 bIsTsN"
     >
       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 d5b86e0c3b..46f1108ee2 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-d47d8018-0 cDsGtD sc-54b316ce-0 kCUWSF no-after"
+    class="sc-e72909eb-0 btTdnX sc-54b316ce-0 kCUWSF no-after"
   >
     <div
-      class="sc-d47d8018-2 eBZhiP"
+      class="sc-e72909eb-2 bNzKqg"
     >
       <div
-        class="sc-d47d8018-3 cAXyng"
+        class="sc-e72909eb-3 hASMbR"
       >
         <p
-          class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+          class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
         >
           Se retrouve dans en entête
         </p>
         <p
-          class="sc-d47d8018-5 jNRMjT"
+          class="sc-e72909eb-5 cdJafA"
         >
           <a
             href="url à retoruver dans le lien"
@@ -31,7 +31,7 @@ exports[`<ServiceEnLigne /> should render 1`] = `
       </div>
     </div>
     <div
-      class="sc-d47d8018-6 ipSAXR"
+      class="sc-e72909eb-6 dOdFhK"
     >
       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 e2fdca596e..ae6c188b42 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-4e3ba411-0 kKVapO"
+    class="sc-6d9f376d-0 iugiNe"
   >
     <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 35d642d4d1..82a0806100 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-ac4a133f-0 fvNPWb"
+    class="sc-d69a28e-0 ctBffQ"
     data-rttabs="true"
   >
     <div
-      class="sc-ac4a133f-1 fxZtdi"
+      class="sc-d69a28e-1 gogiul"
     >
       <ul
-        class="sc-ac4a133f-2 fHCeXh"
+        class="sc-d69a28e-2 dDhiAS"
         role="tablist"
       >
         <li
           aria-controls="react-tabs-1"
           aria-disabled="false"
           aria-selected="true"
-          class="sc-ac4a133f-3 faZqNG react-tabs__tab--selected"
+          class="sc-d69a28e-3 djLETL 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-ac4a133f-3 faZqNG"
+          class="sc-d69a28e-3 djLETL"
           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-ac4a133f-4 haGXHZ react-tabs__tab-panel--selected"
+      class="sc-d69a28e-4 hsuUYW react-tabs__tab-panel--selected"
       id="react-tabs-1"
       role="tabpanel"
     >
       <div
-        class="sc-8dcb2faa-0 gxfPDw"
+        class="sc-f92038f6-0 llOtbb"
       >
         <h2
-          class="sc-b879fc2d-0 hyiHle"
+          class="sc-a53a0f9a-0 bIsTsN"
         >
           CDI
         </h2>
       </div>
       <div
-        class="sc-ac4a133f-5 yflIk"
+        class="sc-d69a28e-5 fjXncv"
       >
         <h3
-          class="sc-b879fc2d-0 hyiHle"
+          class="sc-a53a0f9a-0 bIsTsN"
         >
           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-ac4a133f-4 haGXHZ"
+      class="sc-d69a28e-4 hsuUYW"
       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-ac4a133f-0 fvNPWb"
+    class="sc-d69a28e-0 ctBffQ"
     data-rttabs="true"
   >
     <div
-      class="sc-ac4a133f-1 fxZtdi"
+      class="sc-d69a28e-1 gogiul"
     >
       <ul
-        class="sc-ac4a133f-2 fHCeXh"
+        class="sc-d69a28e-2 dDhiAS"
         role="tablist"
       >
         <li
           aria-controls="react-tabs-5"
           aria-disabled="false"
           aria-selected="true"
-          class="sc-ac4a133f-3 faZqNG react-tabs__tab--selected"
+          class="sc-d69a28e-3 djLETL 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-ac4a133f-3 faZqNG"
+          class="sc-d69a28e-3 djLETL"
           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-ac4a133f-4 haGXHZ react-tabs__tab-panel--selected"
+      class="sc-d69a28e-4 hsuUYW react-tabs__tab-panel--selected"
       id="react-tabs-5"
       role="tabpanel"
     >
       <div
-        class="sc-8dcb2faa-0 gxfPDw"
+        class="sc-f92038f6-0 llOtbb"
       >
         <h3
-          class="sc-b879fc2d-0 hyiHle"
+          class="sc-a53a0f9a-0 bIsTsN"
         >
           CDI
         </h3>
       </div>
       <div
-        class="sc-ac4a133f-5 yflIk"
+        class="sc-d69a28e-5 fjXncv"
       >
         <h4
-          class="sc-b879fc2d-0 hyiHle"
+          class="sc-a53a0f9a-0 bIsTsN"
         >
           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-ac4a133f-4 haGXHZ"
+      class="sc-d69a28e-4 hsuUYW"
       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-ac4a133f-0 fvNPWb"
+    class="sc-d69a28e-0 ctBffQ"
     data-rttabs="true"
   >
     <div
-      class="sc-ac4a133f-1 fxZtdi"
+      class="sc-d69a28e-1 gogiul"
     >
       <ul
-        class="sc-ac4a133f-2 fHCeXh"
+        class="sc-d69a28e-2 dDhiAS"
         role="tablist"
       >
         <li
           aria-controls="react-tabs-9"
           aria-disabled="false"
           aria-selected="true"
-          class="sc-ac4a133f-3 faZqNG react-tabs__tab--selected"
+          class="sc-d69a28e-3 djLETL 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-ac4a133f-3 faZqNG"
+          class="sc-d69a28e-3 djLETL"
           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-ac4a133f-4 haGXHZ react-tabs__tab-panel--selected"
+      class="sc-d69a28e-4 hsuUYW react-tabs__tab-panel--selected"
       id="react-tabs-9"
       role="tabpanel"
     >
       <div
-        class="sc-8dcb2faa-0 gxfPDw"
+        class="sc-f92038f6-0 llOtbb"
       >
         <h4
-          class="sc-b879fc2d-0 hyiHle"
+          class="sc-a53a0f9a-0 bIsTsN"
         >
           CDI
         </h4>
       </div>
       <div
-        class="sc-ac4a133f-5 yflIk"
+        class="sc-d69a28e-5 fjXncv"
       >
         <h5
-          class="sc-b879fc2d-0 hyiHle"
+          class="sc-a53a0f9a-0 bIsTsN"
         >
           titre 1
         </h5>
@@ -220,7 +220,7 @@ exports[`<Tabulator /> should render 1`] = `
     </div>
     <div
       aria-labelledby="react-tabs-10"
-      class="sc-ac4a133f-4 haGXHZ"
+      class="sc-d69a28e-4 hsuUYW"
       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 fa0c689d9b..4829078cad 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-b879fc2d-0 hyiHle"
+    class="sc-a53a0f9a-0 bIsTsN"
   />
 </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-b879fc2d-0 hyiHle"
+    class="sc-a53a0f9a-0 bIsTsN"
   />
 </div>
 `;
diff --git a/packages/code-du-travail-frontend/src/modules/layout/header/SearchInput.tsx b/packages/code-du-travail-frontend/src/modules/layout/header/SearchInput.tsx
index b092477711..8b91b870c7 100644
--- a/packages/code-du-travail-frontend/src/modules/layout/header/SearchInput.tsx
+++ b/packages/code-du-travail-frontend/src/modules/layout/header/SearchInput.tsx
@@ -3,7 +3,7 @@ import { useCombobox } from "downshift";
 import { fetchSuggestResults } from "./fetchSuggestResults";
 import { SUGGEST_MAX_RESULTS } from "../../../config";
 import { fr } from "@codegouvfr/react-dsfr";
-import { css } from "../../../../styled-system/css";
+import { css } from "styled-system/css";
 import { useLayoutTracking } from "../tracking";
 
 type Props = {
diff --git a/packages/code-du-travail-frontend/src/modules/layout/infos/PopupContent.tsx b/packages/code-du-travail-frontend/src/modules/layout/infos/PopupContent.tsx
index 52d8c5aa46..59829859cd 100644
--- a/packages/code-du-travail-frontend/src/modules/layout/infos/PopupContent.tsx
+++ b/packages/code-du-travail-frontend/src/modules/layout/infos/PopupContent.tsx
@@ -7,7 +7,7 @@ import { useNeedMoreInfoEvents } from "./tracking";
 import servicesDeRenseignement from "../../../data/services-de-renseignement.json";
 import { Button } from "@codegouvfr/react-dsfr/Button";
 import { fr } from "@codegouvfr/react-dsfr";
-import { css } from "../../../../styled-system/css";
+import { css } from "styled-system/css";
 
 type ServiceRenseignement = {
   name: string;
diff --git a/packages/code-du-travail-frontend/src/modules/layout/infos/index.tsx b/packages/code-du-travail-frontend/src/modules/layout/infos/index.tsx
index 6f54c9de54..b833286278 100644
--- a/packages/code-du-travail-frontend/src/modules/layout/infos/index.tsx
+++ b/packages/code-du-travail-frontend/src/modules/layout/infos/index.tsx
@@ -2,7 +2,7 @@
 
 import { fr } from "@codegouvfr/react-dsfr";
 import { Button } from "@codegouvfr/react-dsfr/Button";
-import { css } from "../../../../styled-system/css";
+import { css } from "styled-system/css";
 import { createModal } from "@codegouvfr/react-dsfr/Modal";
 import { PopupContent } from "./PopupContent";
 import { useIsModalOpen } from "@codegouvfr/react-dsfr/Modal/useIsModalOpen";
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 9a6728351b..98e0dd0031 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-2a0a4b0a-0 hpYuum"
+    class="sc-13323d30-0 eYPJba"
   >
     <form
       class="sc-d0ca486a-0 LJxxm"
@@ -71,7 +71,7 @@ exports[`<DureePreavisDemission /> should render 1`] = `
         </div>
       </div>
       <div
-        class="sc-2a0a4b0a-0 sc-a01ac225-0 dLOZmV dIXgrP"
+        class="sc-13323d30-0 sc-a01ac225-0 exlNfj dIXgrP"
       >
         <span
           class="sc-a01ac225-1 iBHdtt"
@@ -90,7 +90,7 @@ exports[`<DureePreavisDemission /> should render 1`] = `
           </span>
         </span>
         <ol
-          class="sc-ab356c14-0 bpNHPl"
+          class="sc-78dd7a00-0 fVqAjV"
         >
           <li
             aria-live="polite"
@@ -146,7 +146,7 @@ exports[`<DureePreavisDemission /> should render 1`] = `
         class="sc-bc9d1e5-1 csPxMe"
       >
         <button
-          class="sc-95bd4344-0 jqYNvz sc-bc9d1e5-0 sc-bc9d1e5-2 kyKZPU gPKfXM"
+          class="sc-b0ebfae6-0 jQBCMS 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 6641d94c8b..c5e3bada81 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-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
+      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-93c68677-0 fWneNg"
+        class="sc-efc7f1fd-0 cFvIxv"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -83,13 +83,13 @@ exports[`<StepResult /> should render CC answer 1`] = `
         />
       </svg>
       <span
-        class="sc-da0440cf-2 cdlSfE"
+        class="sc-a45f48bd-2 dzrMBi"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-da0440cf-0 kQbZar"
+      class="sc-a45f48bd-0 dnXrPP"
     >
       <h2
         class="sc-967f95b8-2 fsAvGZ"
@@ -155,13 +155,13 @@ exports[`<StepResult /> should render CC answer 1`] = `
     </div>
   </div>
   <div
-    class="sc-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
+    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
   >
     <div
-      class="sc-66a696c4-0 MNJNF"
+      class="sc-b74609e1-0 elMQpY"
     >
       <div
-        class="sc-66a696c4-1 dvlKxa"
+        class="sc-b74609e1-1 jxlJZx"
       >
         <svg
           aria-hidden="true"
@@ -181,10 +181,10 @@ exports[`<StepResult /> should render CC answer 1`] = `
         </svg>
       </div>
       <div
-        class="sc-66a696c4-2 eRMOZl"
+        class="sc-b74609e1-2 ipaEJM"
       >
         <p
-          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
+          class="sc-a4406a0f-1 bEYgDv 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 d46e8dc845..9fdd88d242 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-2a0a4b0a-0 hpYuum"
+    class="sc-13323d30-0 eYPJba"
   >
     <form
       class="sc-d0ca486a-0 LJxxm"
@@ -71,7 +71,7 @@ exports[`<DureePreavisLicenciement /> should render 1`] = `
         </div>
       </div>
       <div
-        class="sc-2a0a4b0a-0 sc-a01ac225-0 dLOZmV dIXgrP"
+        class="sc-13323d30-0 sc-a01ac225-0 exlNfj dIXgrP"
       >
         <span
           class="sc-a01ac225-1 iBHdtt"
@@ -90,7 +90,7 @@ exports[`<DureePreavisLicenciement /> should render 1`] = `
           </span>
         </span>
         <ol
-          class="sc-ab356c14-0 bpNHPl"
+          class="sc-78dd7a00-0 fVqAjV"
         >
           <li
             aria-live="polite"
@@ -166,7 +166,7 @@ exports[`<DureePreavisLicenciement /> should render 1`] = `
         class="sc-bc9d1e5-1 csPxMe"
       >
         <button
-          class="sc-95bd4344-0 jqYNvz sc-bc9d1e5-0 sc-bc9d1e5-2 kyKZPU gPKfXM"
+          class="sc-b0ebfae6-0 jQBCMS 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 99c487097b..4532e12e0c 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-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
+      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-93c68677-0 fWneNg"
+        class="sc-efc7f1fd-0 cFvIxv"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -40,13 +40,13 @@ exports[`<StepResult /> should render with O duration 1`] = `
         />
       </svg>
       <span
-        class="sc-da0440cf-2 cdlSfE"
+        class="sc-a45f48bd-2 dzrMBi"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-da0440cf-0 kQbZar"
+      class="sc-a45f48bd-0 dnXrPP"
     >
       <h2
         class="sc-967f95b8-2 fsAvGZ"
@@ -157,13 +157,13 @@ exports[`<StepResult /> should render with O duration 1`] = `
     </div>
   </div>
   <div
-    class="sc-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
+    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
   >
     <div
-      class="sc-66a696c4-0 MNJNF"
+      class="sc-b74609e1-0 elMQpY"
     >
       <div
-        class="sc-66a696c4-1 dvlKxa"
+        class="sc-b74609e1-1 jxlJZx"
       >
         <svg
           aria-hidden="true"
@@ -183,10 +183,10 @@ exports[`<StepResult /> should render with O duration 1`] = `
         </svg>
       </div>
       <div
-        class="sc-66a696c4-2 eRMOZl"
+        class="sc-b74609e1-2 ipaEJM"
       >
         <p
-          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
+          class="sc-a4406a0f-1 bEYgDv 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-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
+      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-93c68677-0 fWneNg"
+        class="sc-efc7f1fd-0 cFvIxv"
         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-da0440cf-2 cdlSfE"
+        class="sc-a45f48bd-2 dzrMBi"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-da0440cf-0 kQbZar"
+      class="sc-a45f48bd-0 dnXrPP"
     >
       <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-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
+    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
   >
     <div
-      class="sc-66a696c4-0 MNJNF"
+      class="sc-b74609e1-0 elMQpY"
     >
       <div
-        class="sc-66a696c4-1 dvlKxa"
+        class="sc-b74609e1-1 jxlJZx"
       >
         <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-66a696c4-2 eRMOZl"
+        class="sc-b74609e1-2 ipaEJM"
       >
         <p
-          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
+          class="sc-a4406a0f-1 bEYgDv 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-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
+      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-93c68677-0 fWneNg"
+        class="sc-efc7f1fd-0 cFvIxv"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -514,13 +514,13 @@ exports[`<StepResult /> should render with only CC duration 1`] = `
         />
       </svg>
       <span
-        class="sc-da0440cf-2 cdlSfE"
+        class="sc-a45f48bd-2 dzrMBi"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-da0440cf-0 kQbZar"
+      class="sc-a45f48bd-0 dnXrPP"
     >
       <h2
         class="sc-967f95b8-2 fsAvGZ"
@@ -631,13 +631,13 @@ exports[`<StepResult /> should render with only CC duration 1`] = `
     </div>
   </div>
   <div
-    class="sc-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
+    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
   >
     <div
-      class="sc-66a696c4-0 MNJNF"
+      class="sc-b74609e1-0 elMQpY"
     >
       <div
-        class="sc-66a696c4-1 dvlKxa"
+        class="sc-b74609e1-1 jxlJZx"
       >
         <svg
           aria-hidden="true"
@@ -657,10 +657,10 @@ exports[`<StepResult /> should render with only CC duration 1`] = `
         </svg>
       </div>
       <div
-        class="sc-66a696c4-2 eRMOZl"
+        class="sc-b74609e1-2 ipaEJM"
       >
         <p
-          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
+          class="sc-a4406a0f-1 bEYgDv 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-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
+      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-93c68677-0 fWneNg"
+        class="sc-efc7f1fd-0 cFvIxv"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -751,13 +751,13 @@ exports[`<StepResult /> should render with when no CC 1`] = `
         />
       </svg>
       <span
-        class="sc-da0440cf-2 cdlSfE"
+        class="sc-a45f48bd-2 dzrMBi"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-da0440cf-0 kQbZar"
+      class="sc-a45f48bd-0 dnXrPP"
     >
       <h2
         class="sc-967f95b8-2 fsAvGZ"
@@ -811,13 +811,13 @@ exports[`<StepResult /> should render with when no CC 1`] = `
     </div>
   </div>
   <div
-    class="sc-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
+    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
   >
     <div
-      class="sc-66a696c4-0 MNJNF"
+      class="sc-b74609e1-0 elMQpY"
     >
       <div
-        class="sc-66a696c4-1 dvlKxa"
+        class="sc-b74609e1-1 jxlJZx"
       >
         <svg
           aria-hidden="true"
@@ -837,10 +837,10 @@ exports[`<StepResult /> should render with when no CC 1`] = `
         </svg>
       </div>
       <div
-        class="sc-66a696c4-2 eRMOZl"
+        class="sc-b74609e1-2 ipaEJM"
       >
         <p
-          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
+          class="sc-a4406a0f-1 bEYgDv 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-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
+      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-93c68677-0 fWneNg"
+        class="sc-efc7f1fd-0 cFvIxv"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -931,13 +931,13 @@ exports[`<StepResult /> should render with when unhandled CC 1`] = `
         />
       </svg>
       <span
-        class="sc-da0440cf-2 cdlSfE"
+        class="sc-a45f48bd-2 dzrMBi"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-da0440cf-0 kQbZar"
+      class="sc-a45f48bd-0 dnXrPP"
     >
       <h2
         class="sc-967f95b8-2 fsAvGZ"
@@ -1001,13 +1001,13 @@ exports[`<StepResult /> should render with when unhandled CC 1`] = `
     </div>
   </div>
   <div
-    class="sc-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
+    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
   >
     <div
-      class="sc-66a696c4-0 MNJNF"
+      class="sc-b74609e1-0 elMQpY"
     >
       <div
-        class="sc-66a696c4-1 dvlKxa"
+        class="sc-b74609e1-1 jxlJZx"
       >
         <svg
           aria-hidden="true"
@@ -1027,10 +1027,10 @@ exports[`<StepResult /> should render with when unhandled CC 1`] = `
         </svg>
       </div>
       <div
-        class="sc-66a696c4-2 eRMOZl"
+        class="sc-b74609e1-2 ipaEJM"
       >
         <p
-          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
+          class="sc-a4406a0f-1 bEYgDv 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 4218d8e0b5..9689b8a5a7 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-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-3633cc97-0 eiVtrx"
+      class="sc-a4406a0f-0 bniLbk"
     >
       Le licenciement est-il dû à une faute grave (ou lourde) ?
       <span
-        class="sc-3633cc97-0 hpZWjW"
+        class="sc-a4406a0f-0 fsogbD"
       >
          (obligatoire)
       </span>
@@ -21,10 +21,10 @@ exports[`<StepStatus /> should render 1`] = `
     class="sc-967f95b8-1 DCwXK"
   >
     <div
-      class="sc-f2c30c13-1 cRwNeF"
+      class="sc-3a87ec1e-1 eAvcwx"
     >
       <input
-        class="sc-f2c30c13-2 bKCzpJ"
+        class="sc-3a87ec1e-2 foFPOF"
         data-testid="seriousMisconduct-oui"
         id="seriousMisconduct-oui"
         name="seriousMisconduct"
@@ -32,17 +32,17 @@ exports[`<StepStatus /> should render 1`] = `
         value="true"
       />
       <label
-        class="sc-f2c30c13-0 ebobyG"
+        class="sc-3a87ec1e-0 jaibCk"
         for="seriousMisconduct-oui"
       >
         Oui
       </label>
     </div>
     <div
-      class="sc-f2c30c13-1 cRwNeF"
+      class="sc-3a87ec1e-1 eAvcwx"
     >
       <input
-        class="sc-f2c30c13-2 bKCzpJ"
+        class="sc-3a87ec1e-2 foFPOF"
         data-testid="seriousMisconduct-non"
         id="seriousMisconduct-non"
         name="seriousMisconduct"
@@ -50,7 +50,7 @@ exports[`<StepStatus /> should render 1`] = `
         value="false"
       />
       <label
-        class="sc-f2c30c13-0 ebobyG"
+        class="sc-3a87ec1e-0 jaibCk"
         for="seriousMisconduct-non"
       >
         Non
@@ -63,15 +63,15 @@ exports[`<StepStatus /> should render 1`] = `
 exports[`<StepStatus /> should render coefficient 1`] = `
 <div>
   <legend
-    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-3633cc97-0 eiVtrx"
+      class="sc-a4406a0f-0 bniLbk"
     >
       Le licenciement est-il dû à une faute grave (ou lourde) ?
       <span
-        class="sc-3633cc97-0 hpZWjW"
+        class="sc-a4406a0f-0 fsogbD"
       >
          (obligatoire)
       </span>
@@ -81,10 +81,10 @@ exports[`<StepStatus /> should render coefficient 1`] = `
     class="sc-967f95b8-1 DCwXK"
   >
     <div
-      class="sc-f2c30c13-1 cRwNeF"
+      class="sc-3a87ec1e-1 eAvcwx"
     >
       <input
-        class="sc-f2c30c13-2 bKCzpJ"
+        class="sc-3a87ec1e-2 foFPOF"
         data-testid="seriousMisconduct-oui"
         id="seriousMisconduct-oui"
         name="seriousMisconduct"
@@ -92,18 +92,18 @@ exports[`<StepStatus /> should render coefficient 1`] = `
         value="true"
       />
       <label
-        class="sc-f2c30c13-0 ebobyG"
+        class="sc-3a87ec1e-0 jaibCk"
         for="seriousMisconduct-oui"
       >
         Oui
       </label>
     </div>
     <div
-      class="sc-f2c30c13-1 cRwNeF"
+      class="sc-3a87ec1e-1 eAvcwx"
     >
       <input
         checked=""
-        class="sc-f2c30c13-2 bKCzpJ"
+        class="sc-3a87ec1e-2 foFPOF"
         data-testid="seriousMisconduct-non"
         id="seriousMisconduct-non"
         name="seriousMisconduct"
@@ -111,7 +111,7 @@ exports[`<StepStatus /> should render coefficient 1`] = `
         value="false"
       />
       <label
-        class="sc-f2c30c13-0 ebobyG"
+        class="sc-3a87ec1e-0 jaibCk"
         for="seriousMisconduct-non"
       >
         Non
@@ -119,15 +119,15 @@ exports[`<StepStatus /> should render coefficient 1`] = `
     </div>
   </div>
   <legend
-    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-3633cc97-0 eiVtrx"
+      class="sc-a4406a0f-0 bniLbk"
     >
       Le salarié concerné est-il reconnu en tant que travailleur handicapé ?
       <span
-        class="sc-3633cc97-0 hpZWjW"
+        class="sc-a4406a0f-0 fsogbD"
       >
          (obligatoire)
       </span>
@@ -137,11 +137,11 @@ exports[`<StepStatus /> should render coefficient 1`] = `
     class="sc-967f95b8-1 DCwXK"
   >
     <div
-      class="sc-f2c30c13-1 cRwNeF"
+      class="sc-3a87ec1e-1 eAvcwx"
     >
       <input
         checked=""
-        class="sc-f2c30c13-2 bKCzpJ"
+        class="sc-3a87ec1e-2 foFPOF"
         data-testid="disabledWorker-oui"
         id="disabledWorker-oui"
         name="disabledWorker"
@@ -149,17 +149,17 @@ exports[`<StepStatus /> should render coefficient 1`] = `
         value="true"
       />
       <label
-        class="sc-f2c30c13-0 ebobyG"
+        class="sc-3a87ec1e-0 jaibCk"
         for="disabledWorker-oui"
       >
         Oui
       </label>
     </div>
     <div
-      class="sc-f2c30c13-1 cRwNeF"
+      class="sc-3a87ec1e-1 eAvcwx"
     >
       <input
-        class="sc-f2c30c13-2 bKCzpJ"
+        class="sc-3a87ec1e-2 foFPOF"
         data-testid="disabledWorker-non"
         id="disabledWorker-non"
         name="disabledWorker"
@@ -167,7 +167,7 @@ exports[`<StepStatus /> should render coefficient 1`] = `
         value="false"
       />
       <label
-        class="sc-f2c30c13-0 ebobyG"
+        class="sc-3a87ec1e-0 jaibCk"
         for="disabledWorker-non"
       >
         Non
@@ -178,22 +178,22 @@ exports[`<StepStatus /> should render coefficient 1`] = `
     class="sc-bcc8e06a-2 jPdZuK"
   >
     <legend
-      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
       for="input-cdt.ancienneté"
     >
       <span
-        class="sc-3633cc97-0 eiVtrx"
+        class="sc-a4406a0f-0 bniLbk"
       >
         Quelle est l'ancienneté du salarié ?
         <span
-          class="sc-3633cc97-0 hpZWjW"
+          class="sc-a4406a0f-0 fsogbD"
         >
            (obligatoire)
         </span>
         <button
           aria-label="Plus d'informations"
-          class="sc-95bd4344-0 ksRRNY sc-5e170fa-0 clgbGd"
+          class="sc-b0ebfae6-0 iBhawp sc-a7d5eed3-0 eLLPuO"
           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-5a2c6b8f-0 yOEut sc-bcc8e06a-1 lhvsEJ"
+      class="sc-b8970624-0 fGqAMG sc-bcc8e06a-1 lhvsEJ"
     >
       <select
-        class="sc-5a2c6b8f-2 leEqvE"
+        class="sc-b8970624-2 cwLeaN"
         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-5a2c6b8f-1 dTDGVJ"
+        class="sc-b8970624-1 bmgmee"
       >
         <svg
           aria-hidden="true"
@@ -304,15 +304,15 @@ exports[`<StepStatus /> should render coefficient 1`] = `
 exports[`<StepStatus /> should render seriousMisconduct 1`] = `
 <div>
   <legend
-    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-3633cc97-0 eiVtrx"
+      class="sc-a4406a0f-0 bniLbk"
     >
       Le licenciement est-il dû à une faute grave (ou lourde) ?
       <span
-        class="sc-3633cc97-0 hpZWjW"
+        class="sc-a4406a0f-0 fsogbD"
       >
          (obligatoire)
       </span>
@@ -322,10 +322,10 @@ exports[`<StepStatus /> should render seriousMisconduct 1`] = `
     class="sc-967f95b8-1 DCwXK"
   >
     <div
-      class="sc-f2c30c13-1 cRwNeF"
+      class="sc-3a87ec1e-1 eAvcwx"
     >
       <input
-        class="sc-f2c30c13-2 bKCzpJ"
+        class="sc-3a87ec1e-2 foFPOF"
         data-testid="seriousMisconduct-oui"
         id="seriousMisconduct-oui"
         name="seriousMisconduct"
@@ -333,18 +333,18 @@ exports[`<StepStatus /> should render seriousMisconduct 1`] = `
         value="true"
       />
       <label
-        class="sc-f2c30c13-0 ebobyG"
+        class="sc-3a87ec1e-0 jaibCk"
         for="seriousMisconduct-oui"
       >
         Oui
       </label>
     </div>
     <div
-      class="sc-f2c30c13-1 cRwNeF"
+      class="sc-3a87ec1e-1 eAvcwx"
     >
       <input
         checked=""
-        class="sc-f2c30c13-2 bKCzpJ"
+        class="sc-3a87ec1e-2 foFPOF"
         data-testid="seriousMisconduct-non"
         id="seriousMisconduct-non"
         name="seriousMisconduct"
@@ -352,7 +352,7 @@ exports[`<StepStatus /> should render seriousMisconduct 1`] = `
         value="false"
       />
       <label
-        class="sc-f2c30c13-0 ebobyG"
+        class="sc-3a87ec1e-0 jaibCk"
         for="seriousMisconduct-non"
       >
         Non
@@ -360,15 +360,15 @@ exports[`<StepStatus /> should render seriousMisconduct 1`] = `
     </div>
   </div>
   <legend
-    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-3633cc97-0 eiVtrx"
+      class="sc-a4406a0f-0 bniLbk"
     >
       Le salarié concerné est-il reconnu en tant que travailleur handicapé ?
       <span
-        class="sc-3633cc97-0 hpZWjW"
+        class="sc-a4406a0f-0 fsogbD"
       >
          (obligatoire)
       </span>
@@ -378,10 +378,10 @@ exports[`<StepStatus /> should render seriousMisconduct 1`] = `
     class="sc-967f95b8-1 DCwXK"
   >
     <div
-      class="sc-f2c30c13-1 cRwNeF"
+      class="sc-3a87ec1e-1 eAvcwx"
     >
       <input
-        class="sc-f2c30c13-2 bKCzpJ"
+        class="sc-3a87ec1e-2 foFPOF"
         data-testid="disabledWorker-oui"
         id="disabledWorker-oui"
         name="disabledWorker"
@@ -389,17 +389,17 @@ exports[`<StepStatus /> should render seriousMisconduct 1`] = `
         value="true"
       />
       <label
-        class="sc-f2c30c13-0 ebobyG"
+        class="sc-3a87ec1e-0 jaibCk"
         for="disabledWorker-oui"
       >
         Oui
       </label>
     </div>
     <div
-      class="sc-f2c30c13-1 cRwNeF"
+      class="sc-3a87ec1e-1 eAvcwx"
     >
       <input
-        class="sc-f2c30c13-2 bKCzpJ"
+        class="sc-3a87ec1e-2 foFPOF"
         data-testid="disabledWorker-non"
         id="disabledWorker-non"
         name="disabledWorker"
@@ -407,7 +407,7 @@ exports[`<StepStatus /> should render seriousMisconduct 1`] = `
         value="false"
       />
       <label
-        class="sc-f2c30c13-0 ebobyG"
+        class="sc-3a87ec1e-0 jaibCk"
         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 78603459db..2f8e5796cc 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-2a0a4b0a-0 hpYuum"
+    class="sc-13323d30-0 eYPJba"
   >
     <form
       class="sc-d0ca486a-0 LJxxm"
@@ -71,7 +71,7 @@ exports[`<HeuresRechercheEmploi /> should render 1`] = `
         </div>
       </div>
       <div
-        class="sc-2a0a4b0a-0 sc-a01ac225-0 dLOZmV dIXgrP"
+        class="sc-13323d30-0 sc-a01ac225-0 exlNfj dIXgrP"
       >
         <span
           class="sc-a01ac225-1 iBHdtt"
@@ -90,7 +90,7 @@ exports[`<HeuresRechercheEmploi /> should render 1`] = `
           </span>
         </span>
         <ol
-          class="sc-ab356c14-0 bpNHPl"
+          class="sc-78dd7a00-0 fVqAjV"
         >
           <li
             aria-live="polite"
@@ -166,7 +166,7 @@ exports[`<HeuresRechercheEmploi /> should render 1`] = `
         class="sc-bc9d1e5-1 csPxMe"
       >
         <button
-          class="sc-95bd4344-0 jqYNvz sc-bc9d1e5-0 sc-bc9d1e5-2 kyKZPU gPKfXM"
+          class="sc-b0ebfae6-0 jQBCMS 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 8ef93883af..8ccc3816e3 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-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
+      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-93c68677-0 fWneNg"
+        class="sc-efc7f1fd-0 cFvIxv"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -34,13 +34,13 @@ exports[`<StepResult /> should render no results 1`] = `
         />
       </svg>
       <span
-        class="sc-da0440cf-2 cdlSfE"
+        class="sc-a45f48bd-2 dzrMBi"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-da0440cf-0 kQbZar"
+      class="sc-a45f48bd-0 dnXrPP"
     >
       <h2
         class="sc-967f95b8-2 fsAvGZ"
@@ -101,13 +101,13 @@ exports[`<StepResult /> should render no results 1`] = `
     </div>
   </div>
   <div
-    class="sc-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
+    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
   >
     <div
-      class="sc-66a696c4-0 MNJNF"
+      class="sc-b74609e1-0 elMQpY"
     >
       <div
-        class="sc-66a696c4-1 dvlKxa"
+        class="sc-b74609e1-1 jxlJZx"
       >
         <svg
           aria-hidden="true"
@@ -127,10 +127,10 @@ exports[`<StepResult /> should render no results 1`] = `
         </svg>
       </div>
       <div
-        class="sc-66a696c4-2 eRMOZl"
+        class="sc-b74609e1-2 ipaEJM"
       >
         <p
-          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
+          class="sc-a4406a0f-1 bEYgDv 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-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
+      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-93c68677-0 fWneNg"
+        class="sc-efc7f1fd-0 cFvIxv"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -206,13 +206,13 @@ exports[`<StepResult /> should render with duration 1`] = `
         />
       </svg>
       <span
-        class="sc-da0440cf-2 cdlSfE"
+        class="sc-a45f48bd-2 dzrMBi"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-da0440cf-0 kQbZar"
+      class="sc-a45f48bd-0 dnXrPP"
     >
       <h2
         class="sc-967f95b8-2 fsAvGZ"
@@ -266,13 +266,13 @@ exports[`<StepResult /> should render with duration 1`] = `
     </div>
   </div>
   <div
-    class="sc-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
+    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
   >
     <div
-      class="sc-66a696c4-0 MNJNF"
+      class="sc-b74609e1-0 elMQpY"
     >
       <div
-        class="sc-66a696c4-1 dvlKxa"
+        class="sc-b74609e1-1 jxlJZx"
       >
         <svg
           aria-hidden="true"
@@ -292,10 +292,10 @@ exports[`<StepResult /> should render with duration 1`] = `
         </svg>
       </div>
       <div
-        class="sc-66a696c4-2 eRMOZl"
+        class="sc-b74609e1-2 ipaEJM"
       >
         <p
-          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
+          class="sc-a4406a0f-1 bEYgDv 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 c96e999646..38869eacb8 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-2a0a4b0a-0 hpYuum"
+    class="sc-13323d30-0 eYPJba"
   >
     <form
       class="sc-d0ca486a-0 LJxxm"
@@ -71,7 +71,7 @@ exports[`<SimulateurIndemnitePrecarite /> should render 1`] = `
         </div>
       </div>
       <div
-        class="sc-2a0a4b0a-0 sc-a01ac225-0 dLOZmV dIXgrP"
+        class="sc-13323d30-0 sc-a01ac225-0 exlNfj dIXgrP"
       >
         <span
           class="sc-a01ac225-1 iBHdtt"
@@ -90,7 +90,7 @@ exports[`<SimulateurIndemnitePrecarite /> should render 1`] = `
           </span>
         </span>
         <ol
-          class="sc-ab356c14-0 bpNHPl"
+          class="sc-78dd7a00-0 fVqAjV"
         >
           <li
             aria-live="polite"
@@ -156,7 +156,7 @@ exports[`<SimulateurIndemnitePrecarite /> should render 1`] = `
         class="sc-bc9d1e5-1 csPxMe"
       >
         <button
-          class="sc-95bd4344-0 jqYNvz sc-bc9d1e5-0 sc-bc9d1e5-2 kyKZPU gPKfXM"
+          class="sc-b0ebfae6-0 jQBCMS 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 eed9c21b07..baf013fe98 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-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-3633cc97-0 eiVtrx"
+      class="sc-a4406a0f-0 bniLbk"
     >
       Quels sont les salaires mensuels bruts perçus durant le contrat de travail ?
       <span
-        class="sc-3633cc97-0 hpZWjW"
+        class="sc-a4406a0f-0 fsogbD"
       >
          (obligatoire)
       </span>
@@ -27,20 +27,21 @@ exports[`<Salaires /> should add a salaire 1`] = `
       Montant :
     </label>
     <div
-      class="sc-d7c10f93-0 kgLXdV"
+      class="sc-543ce436-0 cIRCgl"
     >
       <div
-        class="sc-669fe731-0 amSvQ"
+        class="sc-46a9700d-0 eEbjpm"
       >
         <input
-          class="sc-669fe731-1 htKjGt"
+          class="sc-46a9700d-1 fimDMY"
+          data-testid="currency"
           id="5"
           name="salaires[0].salaire"
           type="number"
           value=""
         />
         <div
-          class="sc-669fe731-2 kODRkJ"
+          class="sc-46a9700d-2 jsyFGT"
         >
           <span>
             €
@@ -49,7 +50,7 @@ exports[`<Salaires /> should add a salaire 1`] = `
       </div>
     </div>
     <button
-      class="sc-95bd4344-0 dxXsic sc-a2eff38b-1 cannHC"
+      class="sc-b0ebfae6-0 dGXoMZ sc-a2eff38b-1 cannHC"
       type="button"
     >
       Supprimer
@@ -70,7 +71,7 @@ exports[`<Salaires /> should add a salaire 1`] = `
     </button>
   </div>
   <button
-    class="sc-95bd4344-0 dxXsic sc-88652f35-0 jXCgfW"
+    class="sc-b0ebfae6-0 dGXoMZ sc-88652f35-0 jXCgfW"
     type="button"
   >
     <svg
@@ -95,22 +96,22 @@ exports[`<Salaires /> should add a salaire 1`] = `
 exports[`<Salaires /> should delete a salaires 1`] = `
 <div>
   <legend
-    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-3633cc97-0 eiVtrx"
+      class="sc-a4406a0f-0 bniLbk"
     >
       Quels sont les salaires mensuels bruts perçus durant le contrat de travail ?
       <span
-        class="sc-3633cc97-0 hpZWjW"
+        class="sc-a4406a0f-0 fsogbD"
       >
          (obligatoire)
       </span>
     </span>
   </legend>
   <button
-    class="sc-95bd4344-0 dxXsic sc-88652f35-0 jXCgfW"
+    class="sc-b0ebfae6-0 dGXoMZ sc-88652f35-0 jXCgfW"
     type="button"
   >
     <svg
@@ -135,15 +136,15 @@ exports[`<Salaires /> should delete a salaires 1`] = `
 exports[`<Salaires /> should render 1`] = `
 <div>
   <legend
-    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-3633cc97-0 eiVtrx"
+      class="sc-a4406a0f-0 bniLbk"
     >
       Quels sont les salaires mensuels bruts perçus durant le contrat de travail ?
       <span
-        class="sc-3633cc97-0 hpZWjW"
+        class="sc-a4406a0f-0 fsogbD"
       >
          (obligatoire)
       </span>
@@ -159,20 +160,21 @@ exports[`<Salaires /> should render 1`] = `
       Montant :
     </label>
     <div
-      class="sc-d7c10f93-0 kgLXdV"
+      class="sc-543ce436-0 cIRCgl"
     >
       <div
-        class="sc-669fe731-0 amSvQ"
+        class="sc-46a9700d-0 eEbjpm"
       >
         <input
-          class="sc-669fe731-1 htKjGt"
+          class="sc-46a9700d-1 fimDMY"
+          data-testid="currency"
           id="1"
           name="salaires[0].salaire"
           type="number"
           value="3000"
         />
         <div
-          class="sc-669fe731-2 kODRkJ"
+          class="sc-46a9700d-2 jsyFGT"
         >
           <span>
             €
@@ -181,7 +183,7 @@ exports[`<Salaires /> should render 1`] = `
       </div>
     </div>
     <button
-      class="sc-95bd4344-0 dxXsic sc-a2eff38b-1 cannHC"
+      class="sc-b0ebfae6-0 dGXoMZ sc-a2eff38b-1 cannHC"
       type="button"
     >
       Supprimer
@@ -202,7 +204,7 @@ exports[`<Salaires /> should render 1`] = `
     </button>
   </div>
   <button
-    class="sc-95bd4344-0 dxXsic sc-88652f35-0 jXCgfW"
+    class="sc-b0ebfae6-0 dGXoMZ 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 cb28872e9a..e5e85c3396 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,49 +3,50 @@
 exports[`<TypeContrat /> should render 1`] = `
 <div>
   <legend
-    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-3633cc97-0 eiVtrx"
+      class="sc-a4406a0f-0 bniLbk"
     >
       Quel est le type du contrat de travail ?
       <span
-        class="sc-3633cc97-0 hpZWjW"
+        class="sc-a4406a0f-0 fsogbD"
       >
          (obligatoire)
       </span>
     </span>
   </legend>
   <div
-    class="sc-f2c30c13-1 cRwNeF"
+    class="sc-3a87ec1e-1 eAvcwx"
   >
     <input
-      class="sc-f2c30c13-2 bKCzpJ"
+      class="sc-3a87ec1e-2 foFPOF"
+      data-testid="contrat-cdd"
       id="contrat-cdd"
       name="contrat"
       type="radio"
       value="CDD"
     />
     <label
-      class="sc-f2c30c13-0 ebobyG"
+      class="sc-3a87ec1e-0 jaibCk"
       for="contrat-cdd"
     >
       Contrat à durée déterminée (CDD)
     </label>
   </div>
   <div
-    class="sc-f2c30c13-1 cRwNeF"
+    class="sc-3a87ec1e-1 eAvcwx"
   >
     <input
-      class="sc-f2c30c13-2 bKCzpJ"
+      class="sc-3a87ec1e-2 foFPOF"
       id="contrat-ci"
       name="contrat"
       type="radio"
       value="CTT"
     />
     <label
-      class="sc-f2c30c13-0 ebobyG"
+      class="sc-3a87ec1e-0 jaibCk"
       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 9d0cdabde0..be8351cb5e 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,32 +3,33 @@
 exports[`<TypeRemuneration /> should render 1`] = `
 <div>
   <legend
-    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-3633cc97-0 eiVtrx"
+      class="sc-a4406a0f-0 bniLbk"
     >
       Comment souhaitez-vous indiquer la rémunération perçue pendant le contrat de travail ?
       <span
-        class="sc-3633cc97-0 hpZWjW"
+        class="sc-a4406a0f-0 fsogbD"
       >
          (obligatoire)
       </span>
     </span>
   </legend>
   <div
-    class="sc-f2c30c13-1 cRwNeF"
+    class="sc-3a87ec1e-1 eAvcwx"
   >
     <input
-      class="sc-f2c30c13-2 bKCzpJ"
+      class="sc-3a87ec1e-2 foFPOF"
+      data-testid="typeRemuneration-amount"
       id="typeRemuneration-amount"
       name="typeRemuneration"
       type="radio"
       value="total"
     />
     <label
-      class="sc-f2c30c13-0 ebobyG"
+      class="sc-3a87ec1e-0 jaibCk"
       for="typeRemuneration-amount"
     >
       <span>
@@ -41,17 +42,17 @@ exports[`<TypeRemuneration /> should render 1`] = `
     </label>
   </div>
   <div
-    class="sc-f2c30c13-1 cRwNeF"
+    class="sc-3a87ec1e-1 eAvcwx"
   >
     <input
-      class="sc-f2c30c13-2 bKCzpJ"
+      class="sc-3a87ec1e-2 foFPOF"
       id="typeRemuneration-pay"
       name="typeRemuneration"
       type="radio"
       value="mensuel"
     />
     <label
-      class="sc-f2c30c13-0 ebobyG"
+      class="sc-3a87ec1e-0 jaibCk"
       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 1a56119800..8947eb2cfe 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-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-3633cc97-0 eiVtrx"
+        class="sc-a4406a0f-0 bniLbk"
       >
         Le CDD a-t-il été rompu pendant la période d’essai du salarié ?
         <span
-          class="sc-3633cc97-0 hpZWjW"
+          class="sc-a4406a0f-0 fsogbD"
         >
            (obligatoire)
         </span>
@@ -23,10 +23,10 @@ exports[`<StepCDD /> should render 1`] = `
       data-testid="finContratPeriodeDessai"
     >
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="finContratPeriodeDessai-oui"
           id="finContratPeriodeDessai-oui"
           name="finContratPeriodeDessai"
@@ -34,17 +34,17 @@ exports[`<StepCDD /> should render 1`] = `
           value="true"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           for="finContratPeriodeDessai-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="finContratPeriodeDessai-non"
           id="finContratPeriodeDessai-non"
           name="finContratPeriodeDessai"
@@ -52,7 +52,7 @@ exports[`<StepCDD /> should render 1`] = `
           value="false"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           for="finContratPeriodeDessai-non"
         >
           Non
@@ -60,15 +60,15 @@ exports[`<StepCDD /> should render 1`] = `
       </div>
     </div>
     <legend
-      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-3633cc97-0 eiVtrx"
+        class="sc-a4406a0f-0 bniLbk"
       >
         À 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-3633cc97-0 hpZWjW"
+          class="sc-a4406a0f-0 fsogbD"
         >
            (obligatoire)
         </span>
@@ -79,10 +79,10 @@ exports[`<StepCDD /> should render 1`] = `
       data-testid="propositionCDIFindeContrat"
     >
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="propositionCDIFindeContrat-oui"
           id="propositionCDIFindeContrat-oui"
           name="propositionCDIFindeContrat"
@@ -90,17 +90,17 @@ exports[`<StepCDD /> should render 1`] = `
           value="true"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           for="propositionCDIFindeContrat-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="propositionCDIFindeContrat-non"
           id="propositionCDIFindeContrat-non"
           name="propositionCDIFindeContrat"
@@ -108,7 +108,7 @@ exports[`<StepCDD /> should render 1`] = `
           value="false"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           for="propositionCDIFindeContrat-non"
         >
           Non
@@ -116,15 +116,15 @@ exports[`<StepCDD /> should render 1`] = `
       </div>
     </div>
     <legend
-      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-3633cc97-0 eiVtrx"
+        class="sc-a4406a0f-0 bniLbk"
       >
         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-3633cc97-0 hpZWjW"
+          class="sc-a4406a0f-0 fsogbD"
         >
            (obligatoire)
         </span>
@@ -135,10 +135,10 @@ exports[`<StepCDD /> should render 1`] = `
       data-testid="interruptionFauteGrave"
     >
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="interruptionFauteGrave-oui"
           id="interruptionFauteGrave-oui"
           name="interruptionFauteGrave"
@@ -146,17 +146,17 @@ exports[`<StepCDD /> should render 1`] = `
           value="true"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           for="interruptionFauteGrave-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="interruptionFauteGrave-non"
           id="interruptionFauteGrave-non"
           name="interruptionFauteGrave"
@@ -164,7 +164,7 @@ exports[`<StepCDD /> should render 1`] = `
           value="false"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           for="interruptionFauteGrave-non"
         >
           Non
@@ -172,15 +172,15 @@ exports[`<StepCDD /> should render 1`] = `
       </div>
     </div>
     <legend
-      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-3633cc97-0 eiVtrx"
+        class="sc-a4406a0f-0 bniLbk"
       >
         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-3633cc97-0 hpZWjW"
+          class="sc-a4406a0f-0 fsogbD"
         >
            (obligatoire)
         </span>
@@ -191,10 +191,10 @@ exports[`<StepCDD /> should render 1`] = `
       data-testid="refusRenouvellementAuto"
     >
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="refusRenouvellementAuto-oui"
           id="refusRenouvellementAuto-oui"
           name="refusRenouvellementAuto"
@@ -202,17 +202,17 @@ exports[`<StepCDD /> should render 1`] = `
           value="true"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           for="refusRenouvellementAuto-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="refusRenouvellementAuto-non"
           id="refusRenouvellementAuto-non"
           name="refusRenouvellementAuto"
@@ -220,7 +220,7 @@ exports[`<StepCDD /> should render 1`] = `
           value="false"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           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 5f061e9853..948e5652dd 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-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-3633cc97-0 eiVtrx"
+        class="sc-a4406a0f-0 bniLbk"
       >
         S’agit-il d’un contrat de mission-formation ?
         <span
-          class="sc-3633cc97-0 hpZWjW"
+          class="sc-a4406a0f-0 fsogbD"
         >
            (obligatoire)
         </span>
@@ -23,10 +23,10 @@ exports[`<StepCTT /> should render 1`] = `
       data-testid="cttFormation"
     >
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="cttFormation-oui"
           id="cttFormation-oui"
           name="cttFormation"
@@ -34,17 +34,17 @@ exports[`<StepCTT /> should render 1`] = `
           value="true"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           for="cttFormation-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="cttFormation-non"
           id="cttFormation-non"
           name="cttFormation"
@@ -52,7 +52,7 @@ exports[`<StepCTT /> should render 1`] = `
           value="false"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           for="cttFormation-non"
         >
           Non
@@ -60,15 +60,15 @@ exports[`<StepCTT /> should render 1`] = `
       </div>
     </div>
     <legend
-      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-3633cc97-0 eiVtrx"
+        class="sc-a4406a0f-0 bniLbk"
       >
         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-3633cc97-0 hpZWjW"
+          class="sc-a4406a0f-0 fsogbD"
         >
            (obligatoire)
         </span>
@@ -79,10 +79,10 @@ exports[`<StepCTT /> should render 1`] = `
       data-testid="ruptureContratFauteGrave"
     >
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="ruptureContratFauteGrave-oui"
           id="ruptureContratFauteGrave-oui"
           name="ruptureContratFauteGrave"
@@ -90,17 +90,17 @@ exports[`<StepCTT /> should render 1`] = `
           value="true"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           for="ruptureContratFauteGrave-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="ruptureContratFauteGrave-non"
           id="ruptureContratFauteGrave-non"
           name="ruptureContratFauteGrave"
@@ -108,7 +108,7 @@ exports[`<StepCTT /> should render 1`] = `
           value="false"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           for="ruptureContratFauteGrave-non"
         >
           Non
@@ -116,15 +116,15 @@ exports[`<StepCTT /> should render 1`] = `
       </div>
     </div>
     <legend
-      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-3633cc97-0 eiVtrx"
+        class="sc-a4406a0f-0 bniLbk"
       >
         À 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-3633cc97-0 hpZWjW"
+          class="sc-a4406a0f-0 fsogbD"
         >
            (obligatoire)
         </span>
@@ -135,10 +135,10 @@ exports[`<StepCTT /> should render 1`] = `
       data-testid="propositionCDIFinContrat"
     >
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="propositionCDIFinContrat-oui"
           id="propositionCDIFinContrat-oui"
           name="propositionCDIFinContrat"
@@ -146,17 +146,17 @@ exports[`<StepCTT /> should render 1`] = `
           value="true"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           for="propositionCDIFinContrat-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="propositionCDIFinContrat-non"
           id="propositionCDIFinContrat-non"
           name="propositionCDIFinContrat"
@@ -164,7 +164,7 @@ exports[`<StepCTT /> should render 1`] = `
           value="false"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           for="propositionCDIFinContrat-non"
         >
           Non
@@ -172,15 +172,15 @@ exports[`<StepCTT /> should render 1`] = `
       </div>
     </div>
     <legend
-      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-3633cc97-0 eiVtrx"
+        class="sc-a4406a0f-0 bniLbk"
       >
         Le salarié a-t-il refusé la mise en œuvre de la souplesse prévue dans le contrat d’intérim ?
         <span
-          class="sc-3633cc97-0 hpZWjW"
+          class="sc-a4406a0f-0 fsogbD"
         >
            (obligatoire)
         </span>
@@ -191,10 +191,10 @@ exports[`<StepCTT /> should render 1`] = `
       data-testid="refusSouplesse"
     >
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="refusSouplesse-oui"
           id="refusSouplesse-oui"
           name="refusSouplesse"
@@ -202,17 +202,17 @@ exports[`<StepCTT /> should render 1`] = `
           value="true"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           for="refusSouplesse-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="refusSouplesse-non"
           id="refusSouplesse-non"
           name="refusSouplesse"
@@ -220,7 +220,7 @@ exports[`<StepCTT /> should render 1`] = `
           value="false"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           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 e9224ef3e7..058a75c2cc 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-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
+      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-93c68677-0 fWneNg"
+        class="sc-efc7f1fd-0 cFvIxv"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -44,13 +44,13 @@ exports[`<StepIndemnite /> should render cdd indemnite with conventional provisi
         />
       </svg>
       <span
-        class="sc-da0440cf-2 cdlSfE"
+        class="sc-a45f48bd-2 dzrMBi"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-da0440cf-0 kQbZar"
+      class="sc-a45f48bd-0 dnXrPP"
     >
       <h2
         class="sc-967f95b8-2 fsAvGZ"
@@ -396,13 +396,13 @@ exports[`<StepIndemnite /> should render cdd indemnite with conventional provisi
     </div>
   </div>
   <div
-    class="sc-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
+    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
   >
     <div
-      class="sc-66a696c4-0 MNJNF"
+      class="sc-b74609e1-0 elMQpY"
     >
       <div
-        class="sc-66a696c4-1 dvlKxa"
+        class="sc-b74609e1-1 jxlJZx"
       >
         <svg
           aria-hidden="true"
@@ -422,10 +422,10 @@ exports[`<StepIndemnite /> should render cdd indemnite with conventional provisi
         </svg>
       </div>
       <div
-        class="sc-66a696c4-2 eRMOZl"
+        class="sc-b74609e1-2 ipaEJM"
       >
         <p
-          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
+          class="sc-a4406a0f-1 bEYgDv 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-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
+      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-93c68677-0 fWneNg"
+        class="sc-efc7f1fd-0 cFvIxv"
         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-da0440cf-2 cdlSfE"
+        class="sc-a45f48bd-2 dzrMBi"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-da0440cf-0 kQbZar"
+      class="sc-a45f48bd-0 dnXrPP"
     >
       <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-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
+    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
   >
     <div
-      class="sc-66a696c4-0 MNJNF"
+      class="sc-b74609e1-0 elMQpY"
     >
       <div
-        class="sc-66a696c4-1 dvlKxa"
+        class="sc-b74609e1-1 jxlJZx"
       >
         <svg
           aria-hidden="true"
@@ -860,10 +860,10 @@ exports[`<StepIndemnite /> should render cdd indemnite with no ccn message 1`] =
         </svg>
       </div>
       <div
-        class="sc-66a696c4-2 eRMOZl"
+        class="sc-b74609e1-2 ipaEJM"
       >
         <p
-          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
+          class="sc-a4406a0f-1 bEYgDv 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-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
+      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-93c68677-0 fWneNg"
+        class="sc-efc7f1fd-0 cFvIxv"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -935,13 +935,13 @@ exports[`<StepIndemnite /> should render cdd indemnite with no conventional prov
         />
       </svg>
       <span
-        class="sc-da0440cf-2 cdlSfE"
+        class="sc-a45f48bd-2 dzrMBi"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-da0440cf-0 kQbZar"
+      class="sc-a45f48bd-0 dnXrPP"
     >
       <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-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
+    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
   >
     <div
-      class="sc-66a696c4-0 MNJNF"
+      class="sc-b74609e1-0 elMQpY"
     >
       <div
-        class="sc-66a696c4-1 dvlKxa"
+        class="sc-b74609e1-1 jxlJZx"
       >
         <svg
           aria-hidden="true"
@@ -1313,10 +1313,10 @@ exports[`<StepIndemnite /> should render cdd indemnite with no conventional prov
         </svg>
       </div>
       <div
-        class="sc-66a696c4-2 eRMOZl"
+        class="sc-b74609e1-2 ipaEJM"
       >
         <p
-          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
+          class="sc-a4406a0f-1 bEYgDv 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-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
+      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-93c68677-0 fWneNg"
+        class="sc-efc7f1fd-0 cFvIxv"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -1388,13 +1388,13 @@ exports[`<StepIndemnite /> should render cdd indemnite with unhandled cc message
         />
       </svg>
       <span
-        class="sc-da0440cf-2 cdlSfE"
+        class="sc-a45f48bd-2 dzrMBi"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-da0440cf-0 kQbZar"
+      class="sc-a45f48bd-0 dnXrPP"
     >
       <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-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
+    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
   >
     <div
-      class="sc-66a696c4-0 MNJNF"
+      class="sc-b74609e1-0 elMQpY"
     >
       <div
-        class="sc-66a696c4-1 dvlKxa"
+        class="sc-b74609e1-1 jxlJZx"
       >
         <svg
           aria-hidden="true"
@@ -1754,10 +1754,10 @@ exports[`<StepIndemnite /> should render cdd indemnite with unhandled cc message
         </svg>
       </div>
       <div
-        class="sc-66a696c4-2 eRMOZl"
+        class="sc-b74609e1-2 ipaEJM"
       >
         <p
-          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
+          class="sc-a4406a0f-1 bEYgDv 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-95bd4344-0 kEXnui sc-da0440cf-1 fwhlXZ"
+      class="sc-b0ebfae6-0 cVUzbD sc-a45f48bd-1 fdaxUP"
       type="button"
     >
       <svg
         aria-hidden="true"
-        class="sc-93c68677-0 fWneNg"
+        class="sc-efc7f1fd-0 cFvIxv"
         fill="none"
         height="24"
         stroke="currentColor"
@@ -1829,13 +1829,13 @@ exports[`<StepIndemnite /> should render ctt indemnite 1`] = `
         />
       </svg>
       <span
-        class="sc-da0440cf-2 cdlSfE"
+        class="sc-a45f48bd-2 dzrMBi"
       >
         Voir le détail du calcul
       </span>
     </button>
     <div
-      class="sc-da0440cf-0 kQbZar"
+      class="sc-a45f48bd-0 dnXrPP"
     >
       <h2
         class="sc-967f95b8-2 fsAvGZ"
@@ -2169,13 +2169,13 @@ exports[`<StepIndemnite /> should render ctt indemnite 1`] = `
     </div>
   </div>
   <div
-    class="sc-6c78813f-0 sc-add1a668-0 fnbVWG eTxwuf"
+    class="sc-35146c68-0 sc-add1a668-0 eYIxsm eTxwuf"
   >
     <div
-      class="sc-66a696c4-0 MNJNF"
+      class="sc-b74609e1-0 elMQpY"
     >
       <div
-        class="sc-66a696c4-1 dvlKxa"
+        class="sc-b74609e1-1 jxlJZx"
       >
         <svg
           aria-hidden="true"
@@ -2195,10 +2195,10 @@ exports[`<StepIndemnite /> should render ctt indemnite 1`] = `
         </svg>
       </div>
       <div
-        class="sc-66a696c4-2 eRMOZl"
+        class="sc-b74609e1-2 ipaEJM"
       >
         <p
-          class="sc-3633cc97-1 bjSNvY sc-add1a668-1 dblvAa"
+          class="sc-a4406a0f-1 bEYgDv 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 8c62b508e0..6c270feb36 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,49 +4,50 @@ exports[`<StepInfosGenerales /> should render 1`] = `
 <div>
   <form>
     <legend
-      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-3633cc97-0 eiVtrx"
+        class="sc-a4406a0f-0 bniLbk"
       >
         Quel est le type du contrat de travail ?
         <span
-          class="sc-3633cc97-0 hpZWjW"
+          class="sc-a4406a0f-0 fsogbD"
         >
            (obligatoire)
         </span>
       </span>
     </legend>
     <div
-      class="sc-f2c30c13-1 cRwNeF"
+      class="sc-3a87ec1e-1 eAvcwx"
     >
       <input
-        class="sc-f2c30c13-2 bKCzpJ"
+        class="sc-3a87ec1e-2 foFPOF"
+        data-testid="contractType-cdd"
         id="contractType-cdd"
         name="contractType"
         type="radio"
         value="CDD"
       />
       <label
-        class="sc-f2c30c13-0 ebobyG"
+        class="sc-3a87ec1e-0 jaibCk"
         for="contractType-cdd"
       >
         Contrat à durée déterminée (CDD)
       </label>
     </div>
     <div
-      class="sc-f2c30c13-1 cRwNeF"
+      class="sc-3a87ec1e-1 eAvcwx"
     >
       <input
-        class="sc-f2c30c13-2 bKCzpJ"
+        class="sc-3a87ec1e-2 foFPOF"
         id="contractType-ci"
         name="contractType"
         type="radio"
         value="CTT"
       />
       <label
-        class="sc-f2c30c13-0 ebobyG"
+        class="sc-3a87ec1e-0 jaibCk"
         for="contractType-ci"
       >
         Contrat de travail temporaire (Contrat d’intérim)
@@ -65,50 +66,51 @@ exports[`<StepInfosGenerales /> should render with CDD 1`] = `
 <div>
   <form>
     <legend
-      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-3633cc97-0 eiVtrx"
+        class="sc-a4406a0f-0 bniLbk"
       >
         Quel est le type du contrat de travail ?
         <span
-          class="sc-3633cc97-0 hpZWjW"
+          class="sc-a4406a0f-0 fsogbD"
         >
            (obligatoire)
         </span>
       </span>
     </legend>
     <div
-      class="sc-f2c30c13-1 cRwNeF"
+      class="sc-3a87ec1e-1 eAvcwx"
     >
       <input
         checked=""
-        class="sc-f2c30c13-2 bKCzpJ"
+        class="sc-3a87ec1e-2 foFPOF"
+        data-testid="contractType-cdd"
         id="contractType-cdd"
         name="contractType"
         type="radio"
         value="CDD"
       />
       <label
-        class="sc-f2c30c13-0 ebobyG"
+        class="sc-3a87ec1e-0 jaibCk"
         for="contractType-cdd"
       >
         Contrat à durée déterminée (CDD)
       </label>
     </div>
     <div
-      class="sc-f2c30c13-1 cRwNeF"
+      class="sc-3a87ec1e-1 eAvcwx"
     >
       <input
-        class="sc-f2c30c13-2 bKCzpJ"
+        class="sc-3a87ec1e-2 foFPOF"
         id="contractType-ci"
         name="contractType"
         type="radio"
         value="CTT"
       />
       <label
-        class="sc-f2c30c13-0 ebobyG"
+        class="sc-3a87ec1e-0 jaibCk"
         for="contractType-ci"
       >
         Contrat de travail temporaire (Contrat d’intérim)
@@ -118,26 +120,26 @@ exports[`<StepInfosGenerales /> should render with CDD 1`] = `
       class="sc-bcc8e06a-2 jPdZuK"
     >
       <legend
-        class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+        class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
         data-testid="question-label"
         for="input-criteria.cddType"
       >
         <span
-          class="sc-3633cc97-0 eiVtrx"
+          class="sc-a4406a0f-0 bniLbk"
         >
           Quel est le type de CDD ?
           <span
-            class="sc-3633cc97-0 hpZWjW"
+            class="sc-a4406a0f-0 fsogbD"
           >
              (obligatoire)
           </span>
         </span>
       </legend>
       <div
-        class="sc-5a2c6b8f-0 yOEut sc-bcc8e06a-1 lhvsEJ"
+        class="sc-b8970624-0 fGqAMG sc-bcc8e06a-1 lhvsEJ"
       >
         <select
-          class="sc-5a2c6b8f-2 leEqvE"
+          class="sc-b8970624-2 cwLeaN"
           data-testid="criteria.cddType"
           id="input-criteria.cddType"
           name="criteria.cddType"
@@ -199,7 +201,7 @@ exports[`<StepInfosGenerales /> should render with CDD 1`] = `
         </select>
         <div
           aria-hidden="true"
-          class="sc-5a2c6b8f-1 dTDGVJ"
+          class="sc-b8970624-1 bmgmee"
         >
           <svg
             aria-hidden="true"
@@ -242,50 +244,51 @@ exports[`<StepInfosGenerales /> should render with CDD and not handled ccn 1`] =
 <div>
   <form>
     <legend
-      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-3633cc97-0 eiVtrx"
+        class="sc-a4406a0f-0 bniLbk"
       >
         Quel est le type du contrat de travail ?
         <span
-          class="sc-3633cc97-0 hpZWjW"
+          class="sc-a4406a0f-0 fsogbD"
         >
            (obligatoire)
         </span>
       </span>
     </legend>
     <div
-      class="sc-f2c30c13-1 cRwNeF"
+      class="sc-3a87ec1e-1 eAvcwx"
     >
       <input
         checked=""
-        class="sc-f2c30c13-2 bKCzpJ"
+        class="sc-3a87ec1e-2 foFPOF"
+        data-testid="contractType-cdd"
         id="contractType-cdd"
         name="contractType"
         type="radio"
         value="CDD"
       />
       <label
-        class="sc-f2c30c13-0 ebobyG"
+        class="sc-3a87ec1e-0 jaibCk"
         for="contractType-cdd"
       >
         Contrat à durée déterminée (CDD)
       </label>
     </div>
     <div
-      class="sc-f2c30c13-1 cRwNeF"
+      class="sc-3a87ec1e-1 eAvcwx"
     >
       <input
-        class="sc-f2c30c13-2 bKCzpJ"
+        class="sc-3a87ec1e-2 foFPOF"
         id="contractType-ci"
         name="contractType"
         type="radio"
         value="CTT"
       />
       <label
-        class="sc-f2c30c13-0 ebobyG"
+        class="sc-3a87ec1e-0 jaibCk"
         for="contractType-ci"
       >
         Contrat de travail temporaire (Contrat d’intérim)
@@ -295,26 +298,26 @@ exports[`<StepInfosGenerales /> should render with CDD and not handled ccn 1`] =
       class="sc-bcc8e06a-2 jPdZuK"
     >
       <legend
-        class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+        class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
         data-testid="question-label"
         for="input-criteria.cddType"
       >
         <span
-          class="sc-3633cc97-0 eiVtrx"
+          class="sc-a4406a0f-0 bniLbk"
         >
           Quel est le type de CDD ?
           <span
-            class="sc-3633cc97-0 hpZWjW"
+            class="sc-a4406a0f-0 fsogbD"
           >
              (obligatoire)
           </span>
         </span>
       </legend>
       <div
-        class="sc-5a2c6b8f-0 yOEut sc-bcc8e06a-1 lhvsEJ"
+        class="sc-b8970624-0 fGqAMG sc-bcc8e06a-1 lhvsEJ"
       >
         <select
-          class="sc-5a2c6b8f-2 leEqvE"
+          class="sc-b8970624-2 cwLeaN"
           data-testid="criteria.cddType"
           id="input-criteria.cddType"
           name="criteria.cddType"
@@ -376,7 +379,7 @@ exports[`<StepInfosGenerales /> should render with CDD and not handled ccn 1`] =
         </select>
         <div
           aria-hidden="true"
-          class="sc-5a2c6b8f-1 dTDGVJ"
+          class="sc-b8970624-1 bmgmee"
         >
           <svg
             aria-hidden="true"
@@ -419,65 +422,66 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
 <div>
   <form>
     <legend
-      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-3633cc97-0 eiVtrx"
+        class="sc-a4406a0f-0 bniLbk"
       >
         Quel est le type du contrat de travail ?
         <span
-          class="sc-3633cc97-0 hpZWjW"
+          class="sc-a4406a0f-0 fsogbD"
         >
            (obligatoire)
         </span>
       </span>
     </legend>
     <div
-      class="sc-f2c30c13-1 cRwNeF"
+      class="sc-3a87ec1e-1 eAvcwx"
     >
       <input
-        class="sc-f2c30c13-2 bKCzpJ"
+        class="sc-3a87ec1e-2 foFPOF"
+        data-testid="contractType-cdd"
         id="contractType-cdd"
         name="contractType"
         type="radio"
         value="CDD"
       />
       <label
-        class="sc-f2c30c13-0 ebobyG"
+        class="sc-3a87ec1e-0 jaibCk"
         for="contractType-cdd"
       >
         Contrat à durée déterminée (CDD)
       </label>
     </div>
     <div
-      class="sc-f2c30c13-1 cRwNeF"
+      class="sc-3a87ec1e-1 eAvcwx"
     >
       <input
         checked=""
-        class="sc-f2c30c13-2 bKCzpJ"
+        class="sc-3a87ec1e-2 foFPOF"
         id="contractType-ci"
         name="contractType"
         type="radio"
         value="CTT"
       />
       <label
-        class="sc-f2c30c13-0 ebobyG"
+        class="sc-3a87ec1e-0 jaibCk"
         for="contractType-ci"
       >
         Contrat de travail temporaire (Contrat d’intérim)
       </label>
     </div>
     <legend
-      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-3633cc97-0 eiVtrx"
+        class="sc-a4406a0f-0 bniLbk"
       >
         S’agit-il d’un contrat de mission-formation ?
         <span
-          class="sc-3633cc97-0 hpZWjW"
+          class="sc-a4406a0f-0 fsogbD"
         >
            (obligatoire)
         </span>
@@ -488,10 +492,10 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
       data-testid="cttFormation"
     >
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="cttFormation-oui"
           id="cttFormation-oui"
           name="cttFormation"
@@ -499,17 +503,17 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
           value="true"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           for="cttFormation-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="cttFormation-non"
           id="cttFormation-non"
           name="cttFormation"
@@ -517,7 +521,7 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
           value="false"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           for="cttFormation-non"
         >
           Non
@@ -525,15 +529,15 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
       </div>
     </div>
     <legend
-      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-3633cc97-0 eiVtrx"
+        class="sc-a4406a0f-0 bniLbk"
       >
         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-3633cc97-0 hpZWjW"
+          class="sc-a4406a0f-0 fsogbD"
         >
            (obligatoire)
         </span>
@@ -544,10 +548,10 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
       data-testid="ruptureContratFauteGrave"
     >
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="ruptureContratFauteGrave-oui"
           id="ruptureContratFauteGrave-oui"
           name="ruptureContratFauteGrave"
@@ -555,17 +559,17 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
           value="true"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           for="ruptureContratFauteGrave-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="ruptureContratFauteGrave-non"
           id="ruptureContratFauteGrave-non"
           name="ruptureContratFauteGrave"
@@ -573,7 +577,7 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
           value="false"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           for="ruptureContratFauteGrave-non"
         >
           Non
@@ -581,15 +585,15 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
       </div>
     </div>
     <legend
-      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-3633cc97-0 eiVtrx"
+        class="sc-a4406a0f-0 bniLbk"
       >
         À 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-3633cc97-0 hpZWjW"
+          class="sc-a4406a0f-0 fsogbD"
         >
            (obligatoire)
         </span>
@@ -600,10 +604,10 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
       data-testid="propositionCDIFinContrat"
     >
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="propositionCDIFinContrat-oui"
           id="propositionCDIFinContrat-oui"
           name="propositionCDIFinContrat"
@@ -611,17 +615,17 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
           value="true"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           for="propositionCDIFinContrat-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="propositionCDIFinContrat-non"
           id="propositionCDIFinContrat-non"
           name="propositionCDIFinContrat"
@@ -629,7 +633,7 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
           value="false"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           for="propositionCDIFinContrat-non"
         >
           Non
@@ -637,15 +641,15 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
       </div>
     </div>
     <legend
-      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
     >
       <span
-        class="sc-3633cc97-0 eiVtrx"
+        class="sc-a4406a0f-0 bniLbk"
       >
         Le salarié a-t-il refusé la mise en œuvre de la souplesse prévue dans le contrat d’intérim ?
         <span
-          class="sc-3633cc97-0 hpZWjW"
+          class="sc-a4406a0f-0 fsogbD"
         >
            (obligatoire)
         </span>
@@ -656,10 +660,10 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
       data-testid="refusSouplesse"
     >
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="refusSouplesse-oui"
           id="refusSouplesse-oui"
           name="refusSouplesse"
@@ -667,17 +671,17 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
           value="true"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           for="refusSouplesse-oui"
         >
           Oui
         </label>
       </div>
       <div
-        class="sc-f2c30c13-1 cRwNeF"
+        class="sc-3a87ec1e-1 eAvcwx"
       >
         <input
-          class="sc-f2c30c13-2 bKCzpJ"
+          class="sc-3a87ec1e-2 foFPOF"
           data-testid="refusSouplesse-non"
           id="refusSouplesse-non"
           name="refusSouplesse"
@@ -685,7 +689,7 @@ exports[`<StepInfosGenerales /> should render with CTT 1`] = `
           value="false"
         />
         <label
-          class="sc-f2c30c13-0 ebobyG"
+          class="sc-3a87ec1e-0 jaibCk"
           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 092c3f48ff..488df323a2 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,32 +3,33 @@
 exports[`<StepRemuneration /> should render multiple inputs 1`] = `
 <div>
   <legend
-    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-3633cc97-0 eiVtrx"
+      class="sc-a4406a0f-0 bniLbk"
     >
       Comment souhaitez-vous indiquer la rémunération perçue pendant le contrat de travail ?
       <span
-        class="sc-3633cc97-0 hpZWjW"
+        class="sc-a4406a0f-0 fsogbD"
       >
          (obligatoire)
       </span>
     </span>
   </legend>
   <div
-    class="sc-f2c30c13-1 cRwNeF"
+    class="sc-3a87ec1e-1 eAvcwx"
   >
     <input
-      class="sc-f2c30c13-2 bKCzpJ"
+      class="sc-3a87ec1e-2 foFPOF"
+      data-testid="typeRemuneration-amount"
       id="typeRemuneration-amount"
       name="typeRemuneration"
       type="radio"
       value="total"
     />
     <label
-      class="sc-f2c30c13-0 ebobyG"
+      class="sc-3a87ec1e-0 jaibCk"
       for="typeRemuneration-amount"
     >
       <span>
@@ -41,18 +42,18 @@ exports[`<StepRemuneration /> should render multiple inputs 1`] = `
     </label>
   </div>
   <div
-    class="sc-f2c30c13-1 cRwNeF"
+    class="sc-3a87ec1e-1 eAvcwx"
   >
     <input
       checked=""
-      class="sc-f2c30c13-2 bKCzpJ"
+      class="sc-3a87ec1e-2 foFPOF"
       id="typeRemuneration-pay"
       name="typeRemuneration"
       type="radio"
       value="mensuel"
     />
     <label
-      class="sc-f2c30c13-0 ebobyG"
+      class="sc-3a87ec1e-0 jaibCk"
       for="typeRemuneration-pay"
     >
       <span>
@@ -65,15 +66,15 @@ exports[`<StepRemuneration /> should render multiple inputs 1`] = `
     </label>
   </div>
   <legend
-    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-3633cc97-0 eiVtrx"
+      class="sc-a4406a0f-0 bniLbk"
     >
       Quels sont les salaires mensuels bruts perçus durant le contrat de travail ?
       <span
-        class="sc-3633cc97-0 hpZWjW"
+        class="sc-a4406a0f-0 fsogbD"
       >
          (obligatoire)
       </span>
@@ -89,20 +90,21 @@ exports[`<StepRemuneration /> should render multiple inputs 1`] = `
       Montant :
     </label>
     <div
-      class="sc-d7c10f93-0 kgLXdV"
+      class="sc-543ce436-0 cIRCgl"
     >
       <div
-        class="sc-669fe731-0 amSvQ"
+        class="sc-46a9700d-0 eEbjpm"
       >
         <input
-          class="sc-669fe731-1 htKjGt"
+          class="sc-46a9700d-1 fimDMY"
+          data-testid="currency"
           id="2"
           name="salaires[0].salaire"
           type="number"
           value="2000"
         />
         <div
-          class="sc-669fe731-2 kODRkJ"
+          class="sc-46a9700d-2 jsyFGT"
         >
           <span>
             €
@@ -111,7 +113,7 @@ exports[`<StepRemuneration /> should render multiple inputs 1`] = `
       </div>
     </div>
     <button
-      class="sc-95bd4344-0 dxXsic sc-a2eff38b-1 cannHC"
+      class="sc-b0ebfae6-0 dGXoMZ sc-a2eff38b-1 cannHC"
       type="button"
     >
       Supprimer
@@ -141,20 +143,21 @@ exports[`<StepRemuneration /> should render multiple inputs 1`] = `
       Montant :
     </label>
     <div
-      class="sc-d7c10f93-0 kgLXdV"
+      class="sc-543ce436-0 cIRCgl"
     >
       <div
-        class="sc-669fe731-0 amSvQ"
+        class="sc-46a9700d-0 eEbjpm"
       >
         <input
-          class="sc-669fe731-1 htKjGt"
+          class="sc-46a9700d-1 fimDMY"
+          data-testid="currency"
           id="4"
           name="salaires[1].salaire"
           type="number"
           value="1500"
         />
         <div
-          class="sc-669fe731-2 kODRkJ"
+          class="sc-46a9700d-2 jsyFGT"
         >
           <span>
             €
@@ -163,7 +166,7 @@ exports[`<StepRemuneration /> should render multiple inputs 1`] = `
       </div>
     </div>
     <button
-      class="sc-95bd4344-0 dxXsic sc-a2eff38b-1 cannHC"
+      class="sc-b0ebfae6-0 dGXoMZ sc-a2eff38b-1 cannHC"
       type="button"
     >
       Supprimer
@@ -184,7 +187,7 @@ exports[`<StepRemuneration /> should render multiple inputs 1`] = `
     </button>
   </div>
   <button
-    class="sc-95bd4344-0 dxXsic sc-88652f35-0 jXCgfW"
+    class="sc-b0ebfae6-0 dGXoMZ sc-88652f35-0 jXCgfW"
     type="button"
   >
     <svg
@@ -214,33 +217,34 @@ exports[`<StepRemuneration /> should render multiple inputs 1`] = `
 exports[`<StepRemuneration /> should render one input 1`] = `
 <div>
   <legend
-    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-3633cc97-0 eiVtrx"
+      class="sc-a4406a0f-0 bniLbk"
     >
       Comment souhaitez-vous indiquer la rémunération perçue pendant le contrat de travail ?
       <span
-        class="sc-3633cc97-0 hpZWjW"
+        class="sc-a4406a0f-0 fsogbD"
       >
          (obligatoire)
       </span>
     </span>
   </legend>
   <div
-    class="sc-f2c30c13-1 cRwNeF"
+    class="sc-3a87ec1e-1 eAvcwx"
   >
     <input
       checked=""
-      class="sc-f2c30c13-2 bKCzpJ"
+      class="sc-3a87ec1e-2 foFPOF"
+      data-testid="typeRemuneration-amount"
       id="typeRemuneration-amount"
       name="typeRemuneration"
       type="radio"
       value="total"
     />
     <label
-      class="sc-f2c30c13-0 ebobyG"
+      class="sc-3a87ec1e-0 jaibCk"
       for="typeRemuneration-amount"
     >
       <span>
@@ -253,17 +257,17 @@ exports[`<StepRemuneration /> should render one input 1`] = `
     </label>
   </div>
   <div
-    class="sc-f2c30c13-1 cRwNeF"
+    class="sc-3a87ec1e-1 eAvcwx"
   >
     <input
-      class="sc-f2c30c13-2 bKCzpJ"
+      class="sc-3a87ec1e-2 foFPOF"
       id="typeRemuneration-pay"
       name="typeRemuneration"
       type="radio"
       value="mensuel"
     />
     <label
-      class="sc-f2c30c13-0 ebobyG"
+      class="sc-3a87ec1e-0 jaibCk"
       for="typeRemuneration-pay"
     >
       <span>
@@ -276,36 +280,37 @@ exports[`<StepRemuneration /> should render one input 1`] = `
     </label>
   </div>
   <legend
-    class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
     for="currency-1"
   >
     <span
-      class="sc-3633cc97-0 eiVtrx"
+      class="sc-a4406a0f-0 bniLbk"
     >
       Quelle est la rémunération totale brute perçue durant le contrat de travail ?
       <span
-        class="sc-3633cc97-0 hpZWjW"
+        class="sc-a4406a0f-0 fsogbD"
       >
          (obligatoire)
       </span>
     </span>
   </legend>
   <div
-    class="sc-d7c10f93-0 kgLXdV"
+    class="sc-543ce436-0 cIRCgl"
   >
     <div
-      class="sc-669fe731-0 amSvQ"
+      class="sc-46a9700d-0 eEbjpm"
     >
       <input
-        class="sc-669fe731-1 htKjGt"
+        class="sc-46a9700d-1 fimDMY"
+        data-testid="currency"
         id="currency-1"
         name="salaire"
         type="number"
         value="3000"
       />
       <div
-        class="sc-669fe731-2 kODRkJ"
+        class="sc-46a9700d-2 jsyFGT"
       >
         <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 fc207a1f27..b5ea9edcbe 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-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
       for="input-foo"
     >
       <span
-        class="sc-3633cc97-0 eiVtrx"
+        class="sc-a4406a0f-0 bniLbk"
       >
         Une question ?
         <span
-          class="sc-3633cc97-0 hpZWjW"
+          class="sc-a4406a0f-0 fsogbD"
         >
            (obligatoire)
         </span>
       </span>
     </legend>
     <div
-      class="sc-5a2c6b8f-0 yOEut sc-bcc8e06a-1 lhvsEJ"
+      class="sc-b8970624-0 fGqAMG sc-bcc8e06a-1 lhvsEJ"
     >
       <select
-        class="sc-5a2c6b8f-2 leEqvE"
+        class="sc-b8970624-2 cwLeaN"
         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-5a2c6b8f-1 dTDGVJ"
+        class="sc-b8970624-1 bmgmee"
       >
         <svg
           aria-hidden="true"
@@ -90,26 +90,26 @@ exports[`<SelectQuestion /> should render with selectedValue value 1`] = `
     class="sc-bcc8e06a-2 jPdZuK"
   >
     <legend
-      class="sc-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+      class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
       data-testid="question-label"
       for="input-foo"
     >
       <span
-        class="sc-3633cc97-0 eiVtrx"
+        class="sc-a4406a0f-0 bniLbk"
       >
         Une question ?
         <span
-          class="sc-3633cc97-0 hpZWjW"
+          class="sc-a4406a0f-0 fsogbD"
         >
            (obligatoire)
         </span>
       </span>
     </legend>
     <div
-      class="sc-5a2c6b8f-0 yOEut sc-bcc8e06a-1 lhvsEJ"
+      class="sc-b8970624-0 fGqAMG sc-bcc8e06a-1 lhvsEJ"
     >
       <select
-        class="sc-5a2c6b8f-2 leEqvE"
+        class="sc-b8970624-2 cwLeaN"
         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-5a2c6b8f-1 dTDGVJ"
+        class="sc-b8970624-1 bmgmee"
       >
         <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 ba82d987ad..9a10657f13 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-2a0a4b0a-0 sc-d8aa1285-0 dLOZmV fXgtLL"
+    class="sc-13323d30-0 sc-d8aa1285-0 exlNfj fXgtLL"
   >
     <span
       aria-level="2"
@@ -24,7 +24,7 @@ exports[`<StepList /> should render 1`] = `
       </span>
     </span>
     <ol
-      class="sc-ab356c14-0 bpNHPl"
+      class="sc-78dd7a00-0 fVqAjV"
     >
       <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 825c0d4d69..c364f4ef85 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-2a0a4b0a-0 hpYuum"
+    class="sc-13323d30-0 eYPJba"
   >
     <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-2a0a4b0a-0 sc-a01ac225-0 dLOZmV dIXgrP"
+        class="sc-13323d30-0 sc-a01ac225-0 exlNfj 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-ab356c14-0 bpNHPl"
+          class="sc-78dd7a00-0 fVqAjV"
         >
           <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-95bd4344-0 jqYNvz sc-bc9d1e5-0 sc-bc9d1e5-2 kyKZPU gPKfXM"
+          class="sc-b0ebfae6-0 jQBCMS 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-2a0a4b0a-0 hpYuum"
+    class="sc-13323d30-0 eYPJba"
   >
     <form
       class="sc-d0ca486a-0 LJxxm"
@@ -118,7 +118,7 @@ exports[`<Wizard /> should handle initialState.stepIndex 1`] = `
         </div>
       </div>
       <div
-        class="sc-2a0a4b0a-0 sc-a01ac225-0 dLOZmV dIXgrP"
+        class="sc-13323d30-0 sc-a01ac225-0 exlNfj dIXgrP"
       >
         <span
           class="sc-a01ac225-1 iBHdtt"
@@ -137,7 +137,7 @@ exports[`<Wizard /> should handle initialState.stepIndex 1`] = `
           </span>
         </span>
         <ol
-          class="sc-ab356c14-0 bpNHPl"
+          class="sc-78dd7a00-0 fVqAjV"
         >
           <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-95bd4344-0 ddXsil sc-bc9d1e5-0 kyKZPU"
+          class="sc-b0ebfae6-0 kxyWXU sc-bc9d1e5-0 kyKZPU"
           type="button"
         >
           Précédent
         </button>
         <button
-          class="sc-95bd4344-0 dqVtzj sc-bc9d1e5-0 kyKZPU"
+          class="sc-b0ebfae6-0 hPQAhy 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-2a0a4b0a-0 hpYuum"
+    class="sc-13323d30-0 eYPJba"
   >
     <form
       class="sc-d0ca486a-0 LJxxm"
@@ -220,7 +220,7 @@ exports[`<Wizard /> should handle initialValues 1`] = `
         </div>
       </div>
       <div
-        class="sc-2a0a4b0a-0 sc-a01ac225-0 dLOZmV dIXgrP"
+        class="sc-13323d30-0 sc-a01ac225-0 exlNfj dIXgrP"
       >
         <span
           class="sc-a01ac225-1 iBHdtt"
@@ -239,7 +239,7 @@ exports[`<Wizard /> should handle initialValues 1`] = `
           </span>
         </span>
         <ol
-          class="sc-ab356c14-0 bpNHPl"
+          class="sc-78dd7a00-0 fVqAjV"
         >
           <li
             aria-live="polite"
@@ -282,7 +282,7 @@ exports[`<Wizard /> should handle initialValues 1`] = `
         class="sc-bc9d1e5-1 csPxMe"
       >
         <button
-          class="sc-95bd4344-0 jqYNvz sc-bc9d1e5-0 sc-bc9d1e5-2 kyKZPU gPKfXM"
+          class="sc-b0ebfae6-0 jQBCMS 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-2a0a4b0a-0 hpYuum"
+    class="sc-13323d30-0 eYPJba"
   >
     <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-2a0a4b0a-0 sc-a01ac225-0 dLOZmV dIXgrP"
+        class="sc-13323d30-0 sc-a01ac225-0 exlNfj 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-ab356c14-0 bpNHPl"
+          class="sc-78dd7a00-0 fVqAjV"
         >
           <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-95bd4344-0 ddXsil sc-bc9d1e5-0 kyKZPU"
+          class="sc-b0ebfae6-0 kxyWXU sc-bc9d1e5-0 kyKZPU"
           type="button"
         >
           Précédent
         </button>
         <button
-          class="sc-95bd4344-0 dqVtzj sc-bc9d1e5-0 kyKZPU"
+          class="sc-b0ebfae6-0 hPQAhy 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-2a0a4b0a-0 hpYuum"
+    class="sc-13323d30-0 eYPJba"
   >
     <form
       class="sc-d0ca486a-0 LJxxm"
@@ -428,7 +428,7 @@ exports[`<Wizard /> should render a step 1`] = `
         </div>
       </div>
       <div
-        class="sc-2a0a4b0a-0 sc-a01ac225-0 dLOZmV dIXgrP"
+        class="sc-13323d30-0 sc-a01ac225-0 exlNfj dIXgrP"
       >
         <span
           class="sc-a01ac225-1 iBHdtt"
@@ -447,7 +447,7 @@ exports[`<Wizard /> should render a step 1`] = `
           </span>
         </span>
         <ol
-          class="sc-ab356c14-0 bpNHPl"
+          class="sc-78dd7a00-0 fVqAjV"
         >
           <li
             aria-live="polite"
@@ -480,7 +480,7 @@ exports[`<Wizard /> should render a step 1`] = `
         class="sc-bc9d1e5-1 csPxMe"
       >
         <button
-          class="sc-95bd4344-0 jqYNvz sc-bc9d1e5-0 sc-bc9d1e5-2 kyKZPU gPKfXM"
+          class="sc-b0ebfae6-0 jQBCMS 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 a599d98466..cb316c3427 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-7b4bcbaf-0 iaxPSC sc-fb2bdc6b-0 cWKeit"
+    class="sc-323a1d51-0 jxTawz sc-fb2bdc6b-0 cWKeit"
     data-testid="question-label"
   >
     <span
-      class="sc-3633cc97-0 eiVtrx"
+      class="sc-a4406a0f-0 bniLbk"
     >
       lorem ipsum ?
       <span
-        class="sc-3633cc97-0 hpZWjW"
+        class="sc-a4406a0f-0 fsogbD"
       >
          (obligatoire)
       </span>
@@ -21,10 +21,10 @@ exports[`<YesNoQuestion /> should render 1`] = `
     class="sc-967f95b8-1 DCwXK"
   >
     <div
-      class="sc-f2c30c13-1 cRwNeF"
+      class="sc-3a87ec1e-1 eAvcwx"
     >
       <input
-        class="sc-f2c30c13-2 bKCzpJ"
+        class="sc-3a87ec1e-2 foFPOF"
         data-testid="test-oui"
         id="test-oui"
         name="test"
@@ -32,17 +32,17 @@ exports[`<YesNoQuestion /> should render 1`] = `
         value="true"
       />
       <label
-        class="sc-f2c30c13-0 ebobyG"
+        class="sc-3a87ec1e-0 jaibCk"
         for="test-oui"
       >
         Oui
       </label>
     </div>
     <div
-      class="sc-f2c30c13-1 cRwNeF"
+      class="sc-3a87ec1e-1 eAvcwx"
     >
       <input
-        class="sc-f2c30c13-2 bKCzpJ"
+        class="sc-3a87ec1e-2 foFPOF"
         data-testid="test-non"
         id="test-non"
         name="test"
@@ -50,7 +50,7 @@ exports[`<YesNoQuestion /> should render 1`] = `
         value="false"
       />
       <label
-        class="sc-f2c30c13-0 ebobyG"
+        class="sc-3a87ec1e-0 jaibCk"
         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 256fa55067..6b8e622050 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-d8f596bd-0 hCPxfF"
+    class="sc-c707bea3-0 cgPrTf"
     role="region"
   >
     <h2
-      class="sc-b879fc2d-0 hyiHle"
+      class="sc-a53a0f9a-0 bIsTsN"
       id="SearchResults"
     >
       Résultats de recherche pour “search test”
     </h2>
     <ul
-      class="sc-ab356c14-0 bpNHPl"
+      class="sc-78dd7a00-0 fVqAjV"
     >
       <li
         class="sc-546484b7-0 fIRXSF"
       >
         <div
-          class="sc-d47d8018-0 cDsGtD"
+          class="sc-e72909eb-0 btTdnX"
         >
           <div
-            class="sc-d47d8018-2 eBZhiP"
+            class="sc-e72909eb-2 bNzKqg"
           >
             <div
-              class="sc-d47d8018-3 cAXyng"
+              class="sc-e72909eb-3 hASMbR"
             >
               <p
-                class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
               >
                 test theme content
               </p>
               <h2
-                class="sc-d47d8018-5 jNRMjT"
+                class="sc-e72909eb-5 cdJafA"
               >
                 <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-d47d8018-6 ipSAXR"
+            class="sc-e72909eb-6 dOdFhK"
           >
             <div
               class="sc-546484b7-3 vErVC"
             >
               <p
-                class="sc-3633cc97-1 bjxtLv"
+                class="sc-a4406a0f-1 rjoOw"
               >
                 description
               </p>
@@ -65,13 +65,13 @@ exports[`<SearchResults/> should render results 1`] = `
         class="sc-546484b7-0 fIRXSF"
       >
         <div
-          class="sc-d47d8018-0 cDsGtD sc-98e66f5e-1 fCudut"
+          class="sc-e72909eb-0 btTdnX sc-98e66f5e-1 fCudut"
         >
           <div
-            class="sc-9d3cf83b-0 gYcXmc"
+            class="sc-d36b32f1-0 fCVbWV"
           >
             <div
-              class="sc-9d3cf83b-1 laYFae"
+              class="sc-d36b32f1-1 djtofL"
             >
               <svg
                 aria-hidden="true"
@@ -95,18 +95,18 @@ exports[`<SearchResults/> should render results 1`] = `
             </div>
           </div>
           <div
-            class="sc-d47d8018-2 eBZhiP"
+            class="sc-e72909eb-2 bNzKqg"
           >
             <div
-              class="sc-d47d8018-3 cAXyng"
+              class="sc-e72909eb-3 hASMbR"
             >
               <p
-                class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
               >
                 Outils
               </p>
               <h2
-                class="sc-d47d8018-5 jNRMjT"
+                class="sc-e72909eb-5 cdJafA"
               >
                 <a
                   href="/outils/simulateur-precarite?q=search test"
@@ -117,7 +117,7 @@ exports[`<SearchResults/> should render results 1`] = `
             </div>
           </div>
           <div
-            class="sc-d47d8018-6 ipSAXR"
+            class="sc-e72909eb-6 dOdFhK"
           >
             <div
               class="sc-98e66f5e-0 bQDuAS"
@@ -126,7 +126,7 @@ exports[`<SearchResults/> should render results 1`] = `
                 class="sc-546484b7-3 vErVC"
               >
                 <p
-                  class="sc-3633cc97-1 bjxtLv"
+                  class="sc-a4406a0f-1 rjoOw"
                 >
                   description
                 </p>
@@ -135,7 +135,7 @@ exports[`<SearchResults/> should render results 1`] = `
                 class="sc-98e66f5e-2 cDPdrN"
               >
                 <p
-                  class="sc-3633cc97-1 gDIqvu"
+                  class="sc-a4406a0f-1 bNZtsp"
                 >
                   Consulter
                    
@@ -161,21 +161,21 @@ exports[`<SearchResults/> should render results 1`] = `
       >
         <div
           aria-label="Outils externes telerc description undefined (nouvelle fenêtre)"
-          class="sc-d47d8018-0 cDsGtD sc-98e66f5e-1 fCudut no-after"
+          class="sc-e72909eb-0 btTdnX sc-98e66f5e-1 fCudut no-after"
         >
           <div
-            class="sc-d47d8018-2 eBZhiP"
+            class="sc-e72909eb-2 bNzKqg"
           >
             <div
-              class="sc-d47d8018-3 cAXyng"
+              class="sc-e72909eb-3 hASMbR"
             >
               <p
-                class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
               >
                 Outils externes
               </p>
               <h3
-                class="sc-d47d8018-5 jNRMjT"
+                class="sc-e72909eb-5 cdJafA"
               >
                 <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-d47d8018-6 ipSAXR"
+            class="sc-e72909eb-6 dOdFhK"
           >
             <div
               class="sc-98e66f5e-0 bQDuAS"
@@ -197,7 +197,7 @@ exports[`<SearchResults/> should render results 1`] = `
                 class="sc-546484b7-3 vErVC"
               >
                 <p
-                  class="sc-3633cc97-1 bjxtLv"
+                  class="sc-a4406a0f-1 rjoOw"
                 >
                   description
                 </p>
@@ -206,7 +206,7 @@ exports[`<SearchResults/> should render results 1`] = `
                 class="sc-98e66f5e-2 cDPdrN"
               >
                 <p
-                  class="sc-3633cc97-1 gDIqvu"
+                  class="sc-a4406a0f-1 bNZtsp"
                 >
                   Consulter
                    
@@ -231,13 +231,13 @@ exports[`<SearchResults/> should render results 1`] = `
         class="sc-546484b7-0 fIRXSF"
       >
         <div
-          class="sc-d47d8018-0 cDsGtD sc-98e66f5e-1 fCudut"
+          class="sc-e72909eb-0 btTdnX sc-98e66f5e-1 fCudut"
         >
           <div
-            class="sc-9d3cf83b-0 gYcXmc"
+            class="sc-d36b32f1-0 fCVbWV"
           >
             <div
-              class="sc-9d3cf83b-1 laYFae"
+              class="sc-d36b32f1-1 djtofL"
             >
               <svg
                 aria-hidden="true"
@@ -261,18 +261,18 @@ exports[`<SearchResults/> should render results 1`] = `
             </div>
           </div>
           <div
-            class="sc-d47d8018-2 eBZhiP"
+            class="sc-e72909eb-2 bNzKqg"
           >
             <div
-              class="sc-d47d8018-3 cAXyng"
+              class="sc-e72909eb-3 hASMbR"
             >
               <p
-                class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
               >
                 test root content
               </p>
               <h2
-                class="sc-d47d8018-5 jNRMjT"
+                class="sc-e72909eb-5 cdJafA"
               >
                 <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-d47d8018-6 ipSAXR"
+            class="sc-e72909eb-6 dOdFhK"
           >
             <div
               class="sc-98e66f5e-0 bQDuAS"
@@ -292,7 +292,7 @@ exports[`<SearchResults/> should render results 1`] = `
                 class="sc-546484b7-3 vErVC"
               >
                 <p
-                  class="sc-3633cc97-1 bjxtLv"
+                  class="sc-a4406a0f-1 rjoOw"
                 >
                   description
                 </p>
@@ -301,7 +301,7 @@ exports[`<SearchResults/> should render results 1`] = `
                 class="sc-98e66f5e-2 cDPdrN"
               >
                 <p
-                  class="sc-3633cc97-1 gDIqvu"
+                  class="sc-a4406a0f-1 bNZtsp"
                 >
                   Consulter
                    
@@ -326,13 +326,13 @@ exports[`<SearchResults/> should render results 1`] = `
         class="sc-546484b7-0 fIRXSF"
       >
         <div
-          class="sc-d47d8018-0 cDsGtD"
+          class="sc-e72909eb-0 btTdnX"
         >
           <div
-            class="sc-9d3cf83b-0 gYcXmc"
+            class="sc-d36b32f1-0 fCVbWV"
           >
             <div
-              class="sc-9d3cf83b-1 laYFae"
+              class="sc-d36b32f1-1 djtofL"
             >
               <svg
                 aria-hidden="true"
@@ -356,18 +356,18 @@ exports[`<SearchResults/> should render results 1`] = `
             </div>
           </div>
           <div
-            class="sc-d47d8018-2 eBZhiP"
+            class="sc-e72909eb-2 bNzKqg"
           >
             <div
-              class="sc-d47d8018-3 cAXyng"
+              class="sc-e72909eb-3 hASMbR"
             >
               <p
-                class="sc-9261d202-0 sc-d47d8018-4 iTbcuX llhzYx"
+                class="sc-9ce1a7bf-0 sc-e72909eb-4 bORIyL hNaJII"
               >
                 test theme content
               </p>
               <h2
-                class="sc-d47d8018-5 jNRMjT"
+                class="sc-e72909eb-5 cdJafA"
               >
                 <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-d47d8018-6 ipSAXR"
+            class="sc-e72909eb-6 dOdFhK"
           >
             <div
               class="sc-546484b7-3 vErVC"
             >
               <p
-                class="sc-3633cc97-1 bjxtLv"
+                class="sc-a4406a0f-1 rjoOw"
               >
                 description
               </p>
@@ -395,46 +395,46 @@ exports[`<SearchResults/> should render results 1`] = `
     </ul>
   </div>
   <div
-    class="sc-a384ed57-0 fCzpjp"
+    class="sc-6e8ce629-0 blXpGW"
   >
     <div
-      class="sc-a384ed57-1 GFedb"
+      class="sc-6e8ce629-1 deeUua"
     />
     <div
-      class="sc-a384ed57-3 dylJnL"
+      class="sc-6e8ce629-3 gwTdKE"
     >
       <div
-        class="sc-d8f596bd-0 jtWYDW"
+        class="sc-c707bea3-0 fLyNGe"
       >
         <div
-          class="sc-e32628d4-0 eFvDQP"
+          class="sc-238bfc37-0 erxEOR"
         >
           <h2
-            class="sc-d6e72754-0 egzXkL"
+            class="sc-3c1fa745-0 dgbBKP"
           >
             <span
-              class="sc-a4d7a179-0 gGBEJx"
+              class="sc-f4f767e-0 hiuRaG"
             />
             Que dit le code du travail ?
           </h2>
         </div>
         <div
-          class="sc-2496d0f8-0 dvplyw"
+          class="sc-926ceff3-0 hwyVxr"
         >
           <div
-            class="sc-28aac820-0 oopOP"
+            class="sc-74bdc36f-0 cyEzsJ"
           >
             <div
-              class="sc-d47d8018-0 cDsGtD"
+              class="sc-e72909eb-0 btTdnX"
             >
               <div
-                class="sc-d47d8018-2 eBZhiP"
+                class="sc-e72909eb-2 bNzKqg"
               >
                 <div
-                  class="sc-d47d8018-3 cAXyng"
+                  class="sc-e72909eb-3 hASMbR"
                 >
                   <p
-                    class="sc-d47d8018-5 jNRMjT"
+                    class="sc-e72909eb-5 cdJafA"
                   >
                     <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-d47d8018-6 ipSAXR"
+                class="sc-e72909eb-6 dOdFhK"
               >
                 la description
               </div>
@@ -453,37 +453,37 @@ exports[`<SearchResults/> should render results 1`] = `
           </div>
         </div>
         <div
-          class="sc-e32628d4-0 eFvDQP"
+          class="sc-238bfc37-0 erxEOR"
         >
           <h2
-            class="sc-d6e72754-0 egzXkL"
+            class="sc-3c1fa745-0 dgbBKP"
           >
             <span
-              class="sc-a4d7a179-0 gGBEJx"
+              class="sc-f4f767e-0 hiuRaG"
             />
             Les thèmes suivants peuvent vous intéresser
           </h2>
         </div>
         <div
-          class="sc-2496d0f8-0 dvplyw"
+          class="sc-926ceff3-0 hwyVxr"
         >
           <div
-            class="sc-28aac820-0 emsaPO"
+            class="sc-74bdc36f-0 hXVcUM"
           >
             <div
-              class="sc-d47d8018-0 ezEIGw"
+              class="sc-e72909eb-0 eVuCTM"
             >
               <div
-                class="sc-d47d8018-2 eBZhiP"
+                class="sc-e72909eb-2 bNzKqg"
               >
                 <span
-                  class="sc-a4d7a179-0 JKSoZ"
+                  class="sc-f4f767e-0 jrRpXe"
                 />
                 <div
-                  class="sc-d47d8018-3 cAXyng"
+                  class="sc-e72909eb-3 hASMbR"
                 >
                   <p
-                    class="sc-d47d8018-5 jNRMjT"
+                    class="sc-e72909eb-5 cdJafA"
                   >
                     <a
                       href="/themes/1-contrat?q=search test"