modifs mécénat

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:"",
+    },
+    {
+      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',
-      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:"",
+    },
+    {
+      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;
       }
     }
   }