lien mécénat et contacts

app/components/ContactSpecifique.vue

@@ -5,10 +5,11 @@
       </DsHeading>
       <div class="confetti"></div>
       <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--nom">{{ nom }}<span class="contact_spe_descripion_item--poste">, {{ poste }}</span></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="nom2" class="contact_spe_descripion_item contact_spe_descripion_item--nom">{{ nom2 }}<span v-if="poste2" class="contact_spe_descripion_item--poste">, {{ poste2 }}</span></div>
+          <div v-if="mail2" class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ mail2 }}</div>
           <div v-if="adresse" class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ adresse }}</div>
       </div>
   </section>
@@ -21,8 +22,11 @@
     titre: { type: String, required: true },    
     nom: { type: String, required: true },
     poste: { type: String, required: true },
+    nom2: { type: String, default: '' },
+    poste2: { type: String, default: '' },
     numero: { type: String, default: '' },
     mail: { type: String, required: true },
+    mail2: { type: String, required: true },
     adresse: { type: String, default: ''}
   })
 </script>
@@ -50,14 +54,23 @@
       .contact_spe_descripion {
         max-width: 370px;
         .contact_spe_descripion_item {
-          padding-bottom: 10px;
+          //padding-bottom: 10px;
           &--nom {
             font-weight: var(--fw-semibold);
           }
           &--poste {
             font-weight: var(--fw-light);
           }
+          &--nom {
+            padding-top: 12px;
+          }
+          &--numero {
+            font-weight: var(--fw-extralight);
+            color: var(--c-text-black-soft);
+          }
         }
+
+
       }
 
 

app/components/RoundedCard.vue

@@ -8,7 +8,13 @@
 
       <!-- Content -->
       <div class="rounded-card__content">
-        <NuxtLink v-if="url" :to="url" class="rounded-card__title-link">
+        <NuxtLink
+          v-if="url"
+          :to="url"
+          :target="isExternalUrl ? '_blank' : undefined"
+          :rel="isExternalUrl ? 'noopener noreferrer' : undefined"
+          class="rounded-card__title-link"
+        >
           <DsHeading as="h5" tone="default" class="rounded-card__title">
             {{ title }}
           </DsHeading>
@@ -34,7 +40,7 @@
   import DsButtonArrow from '@root/design-system/primitives/DsButtonArrow.vue'
 
 
-  defineProps({
+  const props = defineProps({
     id: { type: [String, Number], required: true },
     title: { type: String, required: true },
     url: { type: String, required: true },
@@ -43,6 +49,8 @@
     imgAlt: { type: String, default: '' },
     ratio: { type: String, default: 'square' },
   })
+
+  const isExternalUrl = computed(() => /^https?:\/\//i.test(props.url))
 </script>
 
 <style lang="scss">

app/pages/mecenat/entreprises.vue

@@ -126,10 +126,14 @@
 
       <PageSection tone="" content-size="default" padded_size="md" class="contact_spe_wp">
           <ContactSpecifique
-            titre="Contacter le service mécénat"
-            nom="Pierre Brouchoud et Audrey Chauvelot"
-            poste="Responsables du mécénat"
-            mail="pierre.brouchoud@orchestre-ile.com / audrey.chauvelot@orchestre-ile.com"
+            titre="Contacter le service des relations publiques et partenariats"
+            nom="Audrey Chauvelot"
+            poste="déléguée aux partenariats"
+            numero="+33 (0)7 84 39 26 91"
+            mail="audrey.chauvelot@orchestre-ile.com"
+            nom2="Etienne Gresset"
+            poste2="chargé de mécénat"
+            mail2="etienne.gresset@orchestre-ile.com"
             adresse=""
           />
       </PageSection>

app/pages/mecenat/mecenes.vue

@@ -7,6 +7,7 @@
       <Breadcrumb/>
     </PageSection>
 
+
     <!-- ================== -->
     <!-- EN-TêTE -->
     <!-- ================== -->
@@ -17,13 +18,12 @@
         <div class="fiche_header_titres">
           <div>
             <DsHeading as="h1" tone="default" textcase="uppercase" class="concert-card__title">
-              Nos mécènes
+              Membres du Cercle des mécènes
             </DsHeading>
-          </div>
-    
-          <DsText as="p" align="justify">
+            <DsText as="p" align="justify">
               Merci à nos mécènes pour leur soutien !
-          </DsText>
+            </DsText>
+          </div>
         </div>
         <div class="fiche_header_img">
 
@@ -74,12 +74,36 @@
 
   const cards_ppt = ref([
     {
-      id: '1',
-      imgSrc: '/contenus/ag2r.jpeg',
+      id: '5',
+      imgSrc: '/contenus/norma.jpeg',
       imgAlt: 'logo',
-      title: "Fondation d’entreprise AG2R La Mondiale pour la vitalité artistique",
-      description: `pour son soutien au programme "Mozart au cinéma"`,
-      url:"https://www.ag2rlamondiale.fr/groupe/nos-engagements/soutenir-les-arts-et-promouvoir-le-sport/fondation-pour-la-vitalite-artistique",
+      title: "Cabinet Norma Avocats",
+      description: `Membres du Cercle des mécènes`,
+      url:"https://www.norma-avocats.com/",
+    },
+    {
+      id: '6',
+      imgSrc: '/contenus/logo_kawai.jpg',
+      imgAlt: 'logo',
+      title: "Kawai",
+      description: `Membres du Cercle des mécènes`,
+      url:"https://www.kawai.fr/",
+    },
+    {
+      id: '7',
+      imgSrc: '/contenus/logo_shigeru_kawai.png',
+      imgAlt: 'logo',
+      title: "Shigeru Kawai",
+      description: `Membres du Cercle des mécènes`,
+      url:"https://www.kawai.fr/products/pianos%C3%A0queue/gammeshigerukawai/",
+    },
+    {
+      id: '8',
+      imgSrc: '/contenus/logo_kairns.jpg',
+      imgAlt: 'logo',
+      title: "Kairns Avocats",
+      description: `Membres du Cercle des mécènes`,
+      url:"https://kairns.fr/",
     },
     {
       id: '2',
@@ -97,6 +121,7 @@
       description: `pour son soutien au projet "Enchantons l'Île-de-France" à Montereau-Fault-Yonne`,
       url:"https://www.caissedesdepots.fr/mecenat",
     },
+
     {
       id: '4',
       imgSrc: '/contenus/adp.png',
@@ -105,20 +130,42 @@
       description: `pour son soutien au projet "Du sur-mesure pour les petites oreilles"`,
       url:"https://www.parisaeroport.fr/groupe/rse/fondation",
     },
+
+
     {
-      id: '5',
-      imgSrc: '/contenus/norma.jpeg',
+      id: '4',
+      imgSrc: '/contenus/logo_fonds_dotation_francis_kurkdjian.jpg',
       imgAlt: 'logo',
-      title: "Cabinet Norma Avocats",
-      description: `pour son mécénat de compétence`,
-      url:"https://www.norma-avocats.com/",
+      title: "Fonds de dotation Francis Kurkdjian",
+      description: `pour son soutien à la création du spectacle Les drôles de petites bêtes`,
+      url:"https://www.fondsfranciskurkdjian.org/",
+    },
+    {
+      id: '4',
+      imgSrc: '/contenus/logo_sasakawa.jpg',
+      imgAlt: 'logo',
+      title: "Fondation Sasakawa",
+      description: `pour son soutien à la tournée au Japon`,
+      url:"https://www.ffjs.org/?lang=fr",
+    },
+    {
+      id: '4',
+      imgSrc: '/contenus/logo_cnm.png',
+      imgAlt: 'logo',
+      title: "CNM",
+      description: `pour son soutien à la tournée au Japon`,
+      url:"https://cnm.fr/",
+    },
+    {
+      id: '1',
+      imgSrc: '/contenus/ag2r.jpeg',
+      imgAlt: 'logo',
+      title: "Fondation d’entreprise AG2R La Mondiale pour la vitalité artistique",
+      description: `pour son soutien au programme "Mozart au cinéma"`,
+      url:"https://www.ag2rlamondiale.fr/groupe/nos-engagements/soutenir-les-arts-et-promouvoir-le-sport/fondation-pour-la-vitalite-artistique",
     },
   ])
 
-
-
-
-
 </script>
 
 <style lang="scss">
@@ -126,6 +173,7 @@
   // SPÉCIFIQUE À CETTE PAGE
   // =======================
   .mecenes--page {
+
     .chiffres_wp {
       background-color: var(--c-background-vert);
       margin-bottom: 50px;
@@ -148,7 +196,7 @@
       margin-bottom: 40px;
     }
     .theme_ppt_cards_wp {
-      margin-top: -390px;
+      margin-top: -225px;
 
       padding-top: 30px;
       padding-bottom: 80px;
@@ -156,9 +204,29 @@
         object-fit: contain;
       }
     }
+    @media (max-width: 1300px) {
+      .theme_ppt_cards_wp {
+        margin-top: -230px;
+      }
+    }
+    @media (max-width: 1200px) {
+      .theme_ppt_cards_wp {
+        margin-top: -330px;
+      }
+    }
+    @media (max-width: 900px) {
+      .theme_ppt_cards_wp {
+        margin-top: -280px;
+      }
+    }
+    @media (max-width: 900px) {
+      .theme_ppt_cards_wp {
+        margin-top: -320px;
+      }
+    }
     @media (max-width: 599px) {
       .theme_ppt_cards_wp {
-        margin-top: -620px;
+        margin-top: -590px;
       }
     }
   }

app/pages/mecenat/particuliers.vue

@@ -110,7 +110,7 @@
               <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"
+                    href="https://ondif.shop.secutix.com/selection/service?productId=10229737867152"
                     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"
@@ -122,7 +122,7 @@
                 </div>
                 <div>
                   <a
-                    href="https://media.orchestre-ile.com/uploads/cercle_des_particuliers_plaquette_2025_981efe3857.pdf"
+                    href="https://media.orchestre-ile.com/uploads/cercle_des_particuliers_plaquette_2627_1f932e64ec.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"
@@ -143,10 +143,14 @@
 
       <PageSection tone="" content-size="default" padded_size="md" class="contact_spe_wp">
           <ContactSpecifique
-            titre="Contacter le service mécénat"
+            titre="Contacter le service des relations publiques et partenariats"
             nom="Audrey Chauvelot"
-            poste="Chargée du mécénat"
+            poste="déléguée aux partenariats"
+            numero="+33 (0)7 84 39 26 91"
             mail="audrey.chauvelot@orchestre-ile.com"
+            nom2="Etienne Gresset"
+            poste2="chargé de mécénat"
+            mail2="etienne.gresset@orchestre-ile.com"
             adresse=""
           />
       </PageSection>

app/pages/mecenat/projets.vue

@@ -128,9 +128,12 @@
           <ContactSpecifique
             titre="Contacter le service des relations publiques et partenariats"
             nom="Audrey Chauvelot"
-            poste=""
+            poste="déléguée aux partenariats"
             numero="+33 (0)7 84 39 26 91"
             mail="audrey.chauvelot@orchestre-ile.com"
+            nom2="Etienne Gresset"
+            poste2="chargé de mécénat"
+            mail2="etienne.gresset@orchestre-ile.com"
             adresse=""
           />
       </PageSection>