dev

app/components/Chiffres.vue

@@ -1,36 +1,16 @@
 <template>
   <section class="chiffres_cont">
       <DsHeading as="h1" tone="default" textcase="uppercase">
-        DES CHIFRES PARTOUT EN ÎLE-DE-FRANCE EN 2025
+        {{ title }}
       </DsHeading>
       <div class="chiffres_list">
-        <div class="chiffres_item">
-          <div class="chiffres_nombre">14</div>
-          <div class="chiffres_descriptioin">Concerts dans le Val-de-Marne</div>
-        </div>
-        <div class="chiffres_item">
-          <div class="chiffres_nombre">6 831</div>
-          <div class="chiffres_descriptioin">Spectateurs dans les Yvelines</div>
-        </div>
-        <div class="chiffres_item">
-          <div class="chiffres_nombre">9</div>
-          <div class="chiffres_descriptioin">Villes en Seine-et-Marne</div>
-        </div>
-        <div class="chiffres_item">
-          <div class="chiffres_nombre">10</div>
-          <div class="chiffres_descriptioin">Concerts en Hauts-de-Seine</div>
-        </div>
-        <div class="chiffres_item">
-          <div class="chiffres_nombre">2 456</div>
-          <div class="chiffres_descriptioin">Spectateurs en Seine-Saint-Denis</div>
-        </div>
-        <div class="chiffres_item">
-          <div class="chiffres_nombre">7 419</div>
-          <div class="chiffres_descriptioin">Spectateurs dans l'Essonne</div>
-        </div>
-        <div class="chiffres_item">
-          <div class="chiffres_nombre">6</div>
-          <div class="chiffres_descriptioin">Concerts en Vald'Oise</div>
+        <div
+          v-for="(item, index) in items"
+          :key="`${item.value}-${index}`"
+          class="chiffres_item"
+        >
+          <div class="chiffres_nombre">{{ item.value }}</div>
+          <div class="chiffres_descriptioin">{{ item.label }}</div>
         </div>
       </div>
   </section>
@@ -38,6 +18,17 @@
 
 <script setup>
   import DsHeading from '@root/design-system/primitives/DsHeading.vue'
+
+  defineProps({
+    title: {
+      type: String,
+      required: true
+    },
+    items: {
+      type: Array,
+      required: true
+    }
+  })
 </script>
 
 <style lang="scss">
@@ -67,7 +58,7 @@
         margin-top: 60px;
 
         .chiffres_item {
-          max-width: 180px;
+          max-width: 200px;
           display: flex;
           flex-direction: column;
           align-items: center;
@@ -101,4 +92,4 @@
   }
 
 
-</style>
+</style>

app/components/concert/ConcertCardList.vue

@@ -94,6 +94,7 @@
 
     .concert-card-list.concert-card-list--highlight-first > .concert-card:first-child {
       flex: 2 1 340px;
+      min-width: 500px;
     }
   }
 
@@ -104,6 +105,7 @@
 
     .concert-card-list.concert-card-list--highlight-first > .concert-card:first-child {
       flex: 2 1 380px;
+      min-width: 500px;
     }
   }
 
@@ -124,6 +126,7 @@
 
     .concert-card-list.concert-card-list--highlight-first > .concert-card:first-child {
       flex: 2 1 440px;
+      min-width: 500px;
     }
   }
 

app/components/header/HeaderNav.vue

@@ -73,7 +73,7 @@
 
           <li class="header_nav_item nav_focus_black" :class="{ 'is-active': isMecenat }">
             Nous soutenir
-            <ul class="header_nav_sub_menu decalage_gauche">
+            <ul class="header_nav_sub_menu decalage_gauche c--noir margin_top_3">
               <li class="header_nav_sub_menu_item"><NuxtLink to="/mecenat/soutenir">Nous soutenir</NuxtLink></li>
               <li class="header_nav_sub_menu_item"><NuxtLink to="/mecenat/entreprises">Entreprises</NuxtLink></li>
               <li class="header_nav_sub_menu_item"><NuxtLink to="/mecenat/projets">Les projets</NuxtLink></li>

app/components/section/PageSection.vue

@@ -54,7 +54,6 @@
         &--dark    { background: var(--c-backgroud-black); }
         &--brandreverse    { background: var(--c-backgroud-brandreverse); }
         &--jaune { background: var(--c-background-jaune); }
-        &--bleu { background: var(--c-background-bleu); }
         &--rouge45 { background: var(--c-brand_rouge45); }
         &--rouge-weak { background: var(--c-brand_rouge-weak); }
 

app/components/strapiconvert/StrapiBlocksConvert.vue

@@ -121,7 +121,7 @@
       color: var(--c-brand_rouge);
     }
     h3 {
-      padding-bottom: 5px;
+      padding-bottom: 10px;
       font-weight: var(--fw-semibold);
       font-size: 26px;
     }
@@ -141,6 +141,14 @@
       font-size: 22px;
     }
 
+    em {
+      font-style: var(--fi-hight);
+    }
+
+    strong {
+      font-weight: var(--fw-semibold);
+    }
+
     a {
       text-decoration: underline;
       color: var(--c-brand_rouge-weak);
@@ -151,6 +159,7 @@
     ol {
       list-style: none;
       margin: 0 0 5px;
+      padding-top: 5px;
       padding-left: 0;
     }
 
@@ -158,7 +167,7 @@
       position: relative;
       margin: 0;
       padding-left: 23px;
-      margin-bottom: 5px;
+      margin-bottom: 10px;
 
     }
 
@@ -214,10 +223,11 @@
 
     // Espace uniquement avant un titre s'il suit un bloc de contenu
     &--p + &__h,
-    &--ul + &__h,
-    &--ol + &__h,
-    &--quote + &__h {
+    ul + &__h,
+    ol + &__h,
+    blockquote + &__h {
       margin-top: 13px;
     }
+
   }
 </style>