academie

app/pages/mediation/academie.vue

@@ -110,7 +110,7 @@
 
       <PageSection tone="" content-size="default" padded_size="md" class="contact_spe_wp">
           <ContactSpecifique
-            titre="Renseignements Académie d'Orchestre 2026"
+            titre="Renseignements Académie d'Orchestre"
             nom="Zoë Crampon"
             poste="Service action culturelle"
             numero="06 82 73 65 01"

app/pages/mediation/scolaires.vue

@@ -114,6 +114,56 @@
       </template>
 
 
+
+
+
+<!-- RESSOURCES PEDAGOGIQUES -->
+      <section>
+        <PageSection :content="false">
+          <Decalage
+            tone="brand"
+            title-tone="invert"
+            position="left"
+            button-tone="invert"
+            :ensavoirplus-target="ressourcesSectionId"
+            ensavoirplus-group="ressources"
+          >
+            <template #title>
+              TITRE
+            </template>
+            <DsText as="p" tone="invert" align="justify">
+             texte
+            </DsText>
+          </Decalage>
+        </PageSection>
+        <PageSection
+          :id="ressourcesSectionId"
+          data-ensavoirplus-group="ressources"
+          tone=""
+          content-size="default"
+          padded_size="md"
+          class="decalage_ensavoirplus--hidden"
+        >
+          <section class="ressources-pedagogiques__list">
+            <RessourcesCard
+              v-for="ressource in ressourcesPedagogiques"
+              :key="ressource.id"
+              :title="ressource.title"
+              :description="ressource.description"
+              :img-src="ressource.imgSrc"
+              :img-alt="ressource.imgAlt"
+              :badge="ressource.badge"
+              :file-label="ressource.fileLabel"
+              :file-size="ressource.fileSize"
+              :file-url="ressource.fileUrl"
+              :file-name="ressource.fileName"
+            />
+          </section>
+        </PageSection>
+      </section>
+
+
+      
       <!-- ================== -->
       <!-- CONTACT -->
       <!-- ================== -->
@@ -130,7 +180,16 @@ et de la programmation jeune public"
           />
       </PageSection>
 
+
+
+
+
+
   </div>
+
+
+
+
 </template>
 
 <script setup>
@@ -167,6 +226,21 @@ et de la programmation jeune public"
   // PRÉPARATION DES DONNÉES POUR AFFICHAGE DANS LA PAGE
   // ======================================
   const scolaire_donnees_servies = computed(() => scolaires.value?.[0] || {})
+  const ressourcesSectionId = "texte_cache_ressources"
+  const ressourcesPedagogiques = [
+    {
+      id: "decouverte-orchestre-symphonique",
+      title: "Découverte de l'orchestre symphonique",
+      description: "Un guide complet pour initier les élèves aux instruments de l'orchestre et à leurs familles. Ce document présente les pupitres, leur rôle et propose des activités d'écoute adaptées au cycle 3.",
+      imgSrc: "/img/photos/orchestre.jpg",
+      imgAlt: "Musiciens de l'orchestre en répétition",
+      badge: "PDF",
+      fileLabel: "Fiche pédagogique (PDF)",
+      fileSize: "2.4 Mo",
+      fileUrl: "",
+      fileName: "",
+    },
+  ]
 
   const scolairesChiffres = computed(() =>
     (scolaires.value?.[0]?.chiffres_scolaires?.[0]?.chiffres || []).map((item) => ({
@@ -253,6 +327,12 @@ et de la programmation jeune public"
       margin-top: 50px;
       margin-bottom: 20px;
     }
+    .ressources-pedagogiques__list {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 392px));
+      gap: 24px;
+      justify-content: center;
+    }
     .strapi-blocks {
       h2 {
         color: var(--c-bleu);