Ajoute le supplément du logo "Prévisions 2024"

src/lib/components/NavBar.svelte

@@ -164,11 +164,18 @@
         </a>
 
         <!-- Logo -->
-        <a href="/" class="px-3">
+        <a href="/" class="flex px-3">
+          <div
+            class="m-1 flex -rotate-6 flex-col rounded-sm bg-white p-0.5 px-1 pt-0 text-[0.62rem] text-le-gris-dispositif-dark shadow-lg"
+          >
+            <span class="leading-4">Prévisions</span><span
+              class="text-[1.2rem] font-bold leading-4">2024</span
+            >
+          </div>
           <div
             class="flex h-full flex-col justify-center rounded p-1 text-white"
           >
-            <span class="text-md !font-light !leading-4 2xl:text-lg"
+            <span class="text-md !font-light !leading-5 2xl:text-lg"
               >Simulateur</span
             >
             <span class="text-lg !uppercase !leading-4 2xl:text-xl"
@@ -283,11 +290,20 @@
         </div>
 
         <!-- Deuxième div pour le logo-->
+        <div class="flex">
           <div
-          class="flex h-full flex-1 flex-col items-center justify-center rounded p-1 text-white"
+            class="flex h-full flex-1 flex-col items-center rounded p-1 text-white"
           >
-          <span class="text-lg font-light leading-4">Simulateur</span>
-          <span class="text-xl uppercase leading-4">LexImpact</span>
+            <span class="text-lg font-light leading-5">Simulateur</span>
+            <span class="text-xl uppercase leading-5">LexImpact</span>
+          </div>
+          <div
+            class="m-1 flex -rotate-6 flex-col rounded-sm bg-white p-0.5 px-1 py-0 text-[0.62rem] text-le-gris-dispositif-dark shadow-lg"
+          >
+            <span class="leading-4">Prévisions</span><span
+              class="text-[1.2rem] font-bold leading-4">2024</span
+            >
+          </div>
         </div>
 
         <!-- Troisième div pour le bouton menu-->