divers dev

app/assets/scss/component/_header_nav.scss

@@ -283,7 +283,7 @@
                 @media (min-width: 900px) {
                     font-size: 18px;
                 }
-                padding-bottom: 7px;
+                padding-bottom: 3px;
                 &:hover {
                     a {
                         color: var(--c-brand_rouge);

app/components/ContactSpecifique.vue

@@ -7,9 +7,9 @@
       <div class="contact_spe_descripion">
           <div class="contact_spe_descripion_item contact_spe_descripion_item--nom">{{ nom }}</div>
           <div class="contact_spe_descripion_item contact_spe_descripion_item--poste">{{ poste }}</div>
-          <div class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ numero }}</div>
-          <div class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ mail }}</div>
-          <div class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ adresse }}</div>
+          <div v-if="numero" class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ numero }}</div>
+          <div v-if="mail" class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ mail }}</div>
+          <div v-if="adresse" class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ adresse }}</div>
       </div>
   </section>
 </template>
@@ -21,9 +21,9 @@
     titre: { type: String, required: true },    
     nom: { type: String, required: true },
     poste: { type: String, required: true },
-    numero: { type: String, required: true },
+    numero: { type: String, default: '' },
     mail: { type: String, required: true },
-    adresse: { type: String, required: true}
+    adresse: { type: String, default: ''}
   })
 </script>
 

app/components/concert/ConcertCard.vue

@@ -68,6 +68,19 @@
     align-items: start;
   }
 
+  .concert-card__media {
+    width: 100%;
+    aspect-ratio: 1 / 1;
+    background: rgba(0, 0, 0, 0.04);
+    overflow: hidden;
+
+    .ds-media,
+    .musicien_card_media-placeholder {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
   .concert-card__content {
     display: grid;
     gap: var(--sp-6);

app/pages/index.vue

@@ -65,10 +65,7 @@
 
     <!-- CARTES PARTOUT ET POUR TOUS -->
     <PageSection padded_size="" class="theme_ppt_cards_wp">
-      <SectionContent
-        class="theme_ppt"
-        :style="themePptCardsBgStyle"
-      >
+      <SectionContent class="theme_ppt">
       <RoundedCardList >
         <RoundedCard
           v-for="ppt_card in cards_ppt"

app/pages/mecenat/particuliers.vue

@@ -99,9 +99,42 @@
             </div>
           </section>
         </PageSection>
+        <!-- ================== -->
+        <!-- BOUTONS DON ET PLAQUETTE -->
+        <!-- ================== -->
+        <PageSection class="mt-5 mb-[50px]">
+          <SectionContent>
+              <!-- PDF -->
+              <div class="flex justify-center flex-wrap gap-5">
+                <div>
+                  <a
+                    href="https://media.orchestre-ile.com/uploads/cercle_des_particuliers_plaquette_2025_981efe3857.pdf"
+                    download="cercle_des_particuliers_plaquette_2025"
+                    class="flex items-center gap-2 px-6 py-2 bg-secondary-brand-container text-primary-brand-container rounded-full font-bold text-sm hover:bg-primary-fixed transition-colors"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  >
+                    <span class="material-symbols-outlined text-lg">volunteer_activism</span>
+                    FAIRE UN DON EN LIGNE
+                  </a>
+                </div>
+                <div>
+                  <a
+                    href="https://media.orchestre-ile.com/uploads/cercle_des_particuliers_plaquette_2025_981efe3857.pdf"
+                    download="cercle_des_particuliers_plaquette_2025"
+                    class="flex items-center gap-2 px-6 py-2 bg-primary-container text-on-primary-container rounded-full font-bold text-sm hover:bg-primary-fixed transition-colors"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  >
+                    <span class="material-symbols-outlined text-lg">picture_as_pdf</span>
+                    PLAQUETTE DE VOS AVANTAGES
+                  </a>
+                </div>
+              </div>
+          </SectionContent>
+        </PageSection>
       </template>
 
-
       <!-- ================== -->
       <!-- CONTACT -->
       <!-- ================== -->
@@ -125,6 +158,28 @@
   import DsMedia from '@root/design-system/primitives/DsMedia.vue'
   import { computed } from 'vue'
 
+  useHead({
+    link: [
+      {
+        rel: 'preconnect',
+        href: 'https://fonts.googleapis.com',
+      },
+      {
+        rel: 'preconnect',
+        href: 'https://fonts.gstatic.com',
+        crossorigin: '',
+      },
+      {
+        rel: 'stylesheet',
+        href: 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap',
+      },
+      {
+        rel: 'stylesheet',
+        href: 'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap',
+      },
+    ],
+  })
+
   // ======================================
   // RÉCUPÉRATION DES DONNÉES DANS STRAPI
   // ======================================

app/pages/professionnels/parc.vue

@@ -281,7 +281,7 @@
                     v-model.trim="quoteForm.message"
                     rows="6"
                     class="w-full rounded-xl border border-outline-variant/30 bg-white px-4 py-3 text-sm text-on-surface outline-none transition-colors focus:border-primary"
-                    placeholder="Précisez votre besoin, les dates, le matériel ou l’événement concerné."
+                    placeholder="Précisez votre besoin, les dates de retrait et retour (le Parc est fermé le weekend). Nous ne faisons pas de livraisons."
                   ></textarea>
                   <p v-if="quoteFormErrors.message" class="text-xs text-error">{{ quoteFormErrors.message }}</p>
                 </div>