simplifie le code des onglets

src/routes/+page.svelte

@@ -1194,25 +1194,15 @@
                 })}
               >
                 <div
-                  class="h-10 md:h-12 2xl:h-14 flex items-center border-b-[3px] border-transparent px-1 sm:px-3 pb-1 text-xl text-black 2xl:border-b-4 2xl:text-2xl justify-center"
+                  class="h-10 md:h-12 2xl:h-14 flex items-center border-b-[3px] border-transparent px-1 sm:px-3 pb-1 text-xl text-black 2xl:border-b-4 2xl:text-2xl justify-center tracking-wide"
                   class:!border-black={!displayMode.budget}
                   class:hover:bg-le-vert-50={displayMode.budget}
-                  class:hover:text-le-bleu={displayMode.budget}
-                >
-                  <span
-                    class="hidden tracking-wide sm:flex"
-                    class:text-black={!displayMode.budget}
-                    class:font-bold={!displayMode.budget}
-                  >
-                    Impact cas type
-                  </span>
-                  <span
-                    class="flex tracking-wide sm:hidden"
                   class:text-black={!displayMode.budget}
+                  class:hover:text-le-bleu={displayMode.budget}
                   class:font-bold={!displayMode.budget}
                 >
-                    Cas type
-                  </span>
+                  <span class="hidden sm:flex"> Impact cas type </span>
+                  <span class="flex sm:hidden"> Cas type </span>
                 </div>
               </a>
               <a
@@ -1224,23 +1214,14 @@
                 })}
               >
                 <div
-                  class="h-10 md:h-12 2xl:h-14 flex items-center border-b-[3px] border-transparent px-3 pb-1 text-xl text-black 2xl:border-b-4 2xl:text-2xl justify-center"
+                  class="h-10 md:h-12 2xl:h-14 flex items-center border-b-[3px] border-transparent px-3 pb-1 text-xl text-black 2xl:border-b-4 2xl:text-2xl justify-center tracking-wide"
                   class:!border-black={displayMode.budget}
                   class:hover:bg-le-vert-50={!displayMode.budget}
                   class:hover:text-le-bleu={!displayMode.budget}
-                >
-                  <span
-                    class="hidden tracking-wide sm:flex"
-                    class:font-bold={displayMode.budget}
-                  >
-                    Impact budgétaire
-                  </span>
-                  <span
-                    class="flex tracking-wide sm:hidden"
                   class:font-bold={displayMode.budget}
                 >
-                    Budget
-                  </span>
+                  <span class="hidden sm:flex"> Impact budgétaire </span>
+                  <span class="flex sm:hidden"> Budget </span>
                 </div>
               </a>
             </div>