modifs mécénat

app/components/ContactSpecifique.vue

@@ -5,8 +5,8 @@
       </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--nom">{{ nom }}<span class="contact_spe_descripion_item--poste">, {{ poste }}</span></div>
-          <div class="contact_spe_descripion_item contact_spe_descripion_item--poste">{{ poste }}</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="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>
@@ -21,6 +21,8 @@
     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 },
     adresse: { type: String, default: ''}

app/pages/mecenat/mecenes.vue

@@ -7,6 +7,7 @@
       <Breadcrumb/>
     </PageSection>
 
+
     <!-- ================== -->
     <!-- EN-TêTE -->
     <!-- ================== -->
@@ -17,14 +18,13 @@
         <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">
               Merci à nos mécènes pour leur soutien !
             </DsText>
           </div>
+        </div>
         <div class="fiche_header_img">
 
         </div>
@@ -74,12 +74,36 @@
 
   const cards_ppt = ref([
     {
-      id: '1',
+      id: '5',
-      imgSrc: '/contenus/ag2r.jpeg',
+      imgSrc: '/contenus/norma.jpeg',
       imgAlt: 'logo',
-      title: "Fondation d’entreprise AG2R La Mondiale pour la vitalité artistique",
+      title: "Cabinet Norma Avocats",
-      description: `pour son soutien au programme "Mozart au cinéma"`,
+      description: `Membres du Cercle des mécènes`,
-      url:"https://www.ag2rlamondiale.fr/groupe/nos-engagements/soutenir-les-arts-et-promouvoir-le-sport/fondation-pour-la-vitalite-artistique",
+      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:"",
+    },
+    {
+      id: '7',
+      imgSrc: '/contenus/logo_shigeru_kawai.png',
+      imgAlt: 'logo',
+      title: "Shigeru Kawai",
+      description: `Membres du Cercle des mécènes`,
+      url:"",
+    },
+    {
+      id: '8',
+      imgSrc: '/contenus/logo_kairns.jpg',
+      imgAlt: 'logo',
+      title: "Kairns Avocats",
+      description: `Membres du Cercle des mécènes`,
+      url:"",
     },
     {
       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',
+      id: '4',
-      imgSrc: '/contenus/norma.jpeg',
+      imgSrc: '/contenus/logo_fonds_dotation_francis_kurkdjian.jpg',
       imgAlt: 'logo',
-      title: "Cabinet Norma Avocats",
+      title: "Fonds de dotation Francis Kurkdjian",
-      description: `pour son mécénat de compétence`,
+      description: `pour son soutien à la création du spectacle Les drôles de petites bêtes`,
-      url:"https://www.norma-avocats.com/",
+      url:"",
+    },
+    {
+      id: '4',
+      imgSrc: '/contenus/logo_sasakawa.jpg',
+      imgAlt: 'logo',
+      title: "Fondation Sasakawa",
+      description: `pour son soutien à la tournée au Japon`,
+      url:"",
+    },
+    {
+      id: '4',
+      imgSrc: '/contenus/logo_cnm.png',
+      imgAlt: 'logo',
+      title: "CNM",
+      description: `pour son soutien à la tournée au Japon`,
+      url:"",
+    },
+    {
+      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/projets.vue

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