diff --git a/README.md b/README.md
index be03feb..6b1b2f3 100644
--- a/README.md
+++ b/README.md
@@ -92,6 +92,8 @@ http://localhost:3000/api/__strapi__/concerts?populate[saison_concert]=true&popu
 API pour avoir tout de Concerts
 http://localhost:3000/api/__strapi__/concerts?populate[saison_concert]=true&populate[genre_concert]=true&populate[type_audience_concert]=true&populate[direction_ondif_concert][populate]=postes_artiste_ondif&populate[direction_invite_concert][populate]=postes_artiste_invite&populate[artistes_ondif_concert][populate]=postes_artiste_ondif&populate[artistes_invite_concert][populate]=postes_artiste_invite&populate[image_illustration_concert]=true&populate[images_concert]=true&populate[videos_concert]=true&populate[audios_concert]=true&populate[programme_concert]=true&populate[representation_concert][populate]=lieu_representation&populate[liens_youtube_concert]=true
 
+https://bo.orchestre-ile.com/api/concerts?populate[saison_concert]=true&populate[genre_concert]=true&populate[type_audience_concert]=true&populate[direction_ondif_concert][populate]=postes_artiste_ondif&populate[direction_invite_concert][populate]=postes_artiste_invite&populate[artistes_ondif_concert][populate]=postes_artiste_ondif&populate[artistes_invite_concert][populate]=postes_artiste_invite&populate[image_illustration_concert]=true&populate[images_concert]=true&populate[videos_concert]=true&populate[audios_concert]=true&populate[programme_concert]=true&populate[representation_concert][populate]=lieu_representation&populate[liens_youtube_concert]=true
+
 /api/__strapi__/concerts?
 populate[saison_concert]=true&
 populate[genre_concert]=true&
@@ -119,7 +121,8 @@ https://bo.orchestre-ile.com/api/pro-programmer?locale=fr-FR&populate[bios]=true
 
 https://bo.orchestre-ile.com/api/pro-programmer?locale=fr-FR&populate[bios]=true&populate[logos]=true&populate[Contacts]=true&populate[photos_orchestre]=true&populate[musique_chambre][populate]=images,documents,videos&populate[categorie][populate][evenement][populate]=images,documents,videos
 
-
+API Instruments
+https://bo.orchestre-ile.com/api/parc-instruments?locale=fr-FR&populate=illustration_instrument
 
 ### Afficher les données récupérées ou les erreurs dans la console
   const { items: scolaires, pending, error } = useStrapi(
diff --git a/app/components/Breadcrumb.vue b/app/components/Breadcrumb.vue
index 9b88d91..4d5a76f 100644
--- a/app/components/Breadcrumb.vue
+++ b/app/components/Breadcrumb.vue
@@ -74,7 +74,7 @@
         ? props.currentLabel
         : (labelMap[part] || humanize(decodeURIComponent(part)))
 
-      const noLink = part === 'orchestre' || part === 'concerts' || part === 'mediation' || part === 'mecenat'
+      const noLink = part === 'orchestre' || part === 'concerts' || part === 'mediation' || part === 'professionnels' || part === 'mecenat'
       crumbs.push({ to: resolveTo(part, index, parts, acc), label, noLink })
 
       if (part === 'concerts') {
diff --git a/app/components/header/HeaderNav.vue b/app/components/header/HeaderNav.vue
index 97dd707..3661f47 100644
--- a/app/components/header/HeaderNav.vue
+++ b/app/components/header/HeaderNav.vue
@@ -8,7 +8,7 @@
         <ul class="header_nav_topbar_submenu">
           <li class="header_nav_topbar_submenu_item"><NuxtLink to="/professionnels/programmer-orchestre">Programmer l'Orchestre</NuxtLink></li>
           <!-- <li class="header_nav_topbar_submenu_item"><NuxtLink to="/professionnels/studio">Le studio et les espaces</NuxtLink></li> -->
-          <!-- <li class="header_nav_topbar_submenu_item"><NuxtLink to="/professionnels/louer">Louer des instruments</NuxtLink></li> -->
+          <li class="header_nav_topbar_submenu_item"><NuxtLink to="/professionnels/parc">Louer des instruments</NuxtLink></li>
           <!-- <li class="header_nav_topbar_submenu_item"><NuxtLink to="/professionnels/recrutement">Recrutement / Concours</NuxtLink></li> -->
           <!-- <li class="header_nav_topbar_submenu_item"><NuxtLink to="/professionnels/candidats">Espace candidats</NuxtLink></li> -->
           <!-- <li class="header_nav_topbar_submenu_item"><NuxtLink to="/professionnels/presse">Presse</NuxtLink></li> -->
diff --git a/app/components/section/Decalage.vue b/app/components/section/Decalage.vue
index ef681b6..be626de 100644
--- a/app/components/section/Decalage.vue
+++ b/app/components/section/Decalage.vue
@@ -66,9 +66,15 @@
         display: flex;
         &--left {
             justify-content: flex-start;
+            .decalage_inner > * {
+                justify-self: end;
+            }
         }
         &--right {
             justify-content: flex-end;
+            .decalage_inner > * {
+                justify-self: start;
+            }
         }
     }
 
diff --git a/app/pages/orchestre/missions.vue b/app/pages/orchestre/missions.vue
index a5f408a..af0d3a4 100644
--- a/app/pages/orchestre/missions.vue
+++ b/app/pages/orchestre/missions.vue
@@ -111,7 +111,7 @@
               <template #title>
                   {{ missions?.decalage_droite_2?.decalage_titre }}
               </template>
-              <DsText as="p" align="justify">
+              <DsText tone="invert" as="p" align="justify">
                   {{ missions?.decalage_droite_2?.decalage_texte }}
               </DsText>
             </Decalage>
diff --git a/app/pages/professionnels/louer.vue b/app/pages/professionnels/louer.vue
deleted file mode 100644
index ba25ca3..0000000
--- a/app/pages/professionnels/louer.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-  <div>
-    
-  </div>
-</template>
-
-<script setup>
-
-</script>
-
-<style lang="scss">
-
-</style>
\ No newline at end of file
diff --git a/app/pages/professionnels/parc.vue b/app/pages/professionnels/parc.vue
new file mode 100644
index 0000000..3bcb661
--- /dev/null
+++ b/app/pages/professionnels/parc.vue
@@ -0,0 +1,756 @@
+<template>
+    <div class="parc-page">
+        <!-- ================== -->
+        <!-- FILS D'ARIANE -->
+        <!-- ================== -->
+        <PageSection tone="" content-size="default" class="breadcrum_wp">
+          <Breadcrumb/>
+        </PageSection>
+
+        <!-- ================== -->
+        <!-- EN-TêTE -->
+        <!-- ================== -->
+        <section class="fiche_header_simple_wp">
+          <div class="fiche_header_wp_gauche"></div>
+
+          <div class="fiche_header_inner">
+            <div class="fiche_header_titres">
+              <div>
+                <DsHeading as="h1" tone="default" textcase="uppercase" class="concert-card__title">
+                  {{ parc_contenus?.header_titre }}
+                </DsHeading>
+              </div>
+        
+              <DsText as="p" align="justify">
+                  {{ parc_contenus?.header_text }}
+              </DsText>
+            </div>
+            <div class="fiche_header_img">
+              <DsMedia
+                v-if="parc_contenus?.image_illustration_header?.url"
+                :src="parc_contenus.image_illustration_header.url"
+                :alt="parc_contenus.image_illustration_header.alternativeText || ''"
+                fit="contain"
+                ratio="square"
+              />
+
+              <div v-else class="img_placeholder" aria-hidden="true" />
+            </div>
+            
+          </div>
+          <div class="fiche_header_wp_droite"></div>
+
+        </section>
+        
+        <!-- ================== -->
+        <!-- DESCRIPTION -->
+        <!-- ================== -->
+        <PageSection tone="" content-size="default" padded_size="md" class="fiche_description">
+          <SectionContent v-if="parc_contenus?.description_generale" class="description_wp">
+            <StrapiBlocksConvert :blocks="parc_contenus.description_generale" />
+          </SectionContent>
+        </PageSection>
+
+
+
+
+        <!-- ================== -->
+        <!-- LES INSTRUMENTS -->
+        <!-- ================== -->
+        <PageSection :content="false" padded_size="md">
+          <Decalage
+            tone="dark"
+            title-tone="invert"
+            position="left"
+            button-tone="invert"
+            ensavoirplus-target="texte_cache_1"
+            ensavoirplus-group="parc-details"
+          >
+              <template #title>
+                  LES INSTRUMENTS
+              </template>
+              <DsText as="p" tone="invert" align="justify">
+                  Découvrer les 3 000 instruments à la location
+              </DsText>
+          </Decalage>
+        </PageSection>
+        <PageSection
+          id="texte_cache_1"
+          data-ensavoirplus-group="parc-details"
+          tone=""
+          content-size="default"
+          padded_size=""
+          class="decalage_ensavoirplus--hidden"
+        >
+          <div>
+            <!-- PDF -->
+            <a
+              v-if="parc_contenus?.documents?.[0]?.url"
+              :href="parc_contenus.documents[0].url"
+              :download="parc_contenus.documents[0].name || true"
+              class="flex items-center gap-2 px-6 py-2 max-w-[334px] bg-primary-container text-on-primary-container rounded-full font-bold text-sm hover:bg-primary-fixed"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <span class="material-symbols-outlined text-lg">picture_as_pdf</span>
+              CATALOGUE DU PARC
+              <span v-if="parc_contenus.documents[0].size">
+                (PDF • {{ formatKoToMo(parc_contenus.documents[0].size) }})
+              </span>
+            </a>
+          </div>
+
+          <!-- PAR CATEGORIES -->
+          <section class="space-y-12 mt-16">
+            <div
+              v-for="categorie in instruments_categories"
+              :key="categorie.id"
+              class="space-y-4"
+            >
+             
+                <div class="flex items-center gap-4">
+                  <h3 v-if="categorie.nom_categorie" class="text-2xl font-bold tracking-tight">
+                    {{ categorie.nom_categorie }}
+                  </h3>
+                  <div class="h-[2px] flex-1 bg-surface-container"></div>
+                </div>
+                
+              <div class="space-y-4">
+                <div
+                  
+                  class="bg-surface-container-lowest rounded-xl p-8 hover:shadow-xl transition-shadow border border-outline-variant/10"
+                >
+                  <div class="flex flex-col lg:flex-row gap-8">
+
+
+                    <div class="border-surface-container pl-8 grid grid-cols-2 md:grid-cols-5 gap-6 items-start">
+                      <div
+                        v-for="instrument in categorie.instruments_list || []"
+                        :key="instrument.id"
+                        class="flex flex-col gap-3 group"
+                      >
+                        <div class="w-full aspect-[1/1] bg-surface-container-low rounded-lg flex items-center justify-center group-hover:bg-primary-container transition-colors">
+                          <img
+                            v-if="instrument.illustration_instrument?.url"
+                            :src="instrument.illustration_instrument.url"
+                            :alt="instrument.illustration_instrument.alternativeText || instrument.illustration_instrument.caption || instrument.illustration_instrument.name || ''"
+                            class="w-full aspect-[1/1] object-contain rounded-lg"
+                          >
+                        </div>
+                        <div class="text-center">
+                          <p v-if="instrument.instrument_nom" class="text-xs font-bold uppercase tracking-tighter">
+                            {{ instrument.instrument_nom }}
+                          </p>
+                        </div>
+                        <button
+                          type="button"
+                          class="px-3 py-1.5 bg-surface-container-low text-on-surface-variant rounded-full text-sm font-medium hover:bg-primary-container hover:text-primary transition-colors"
+                          @click="toggleInstrumentDescription(instrument.id)"
+                        >
+                          En savoir plus
+                        </button>
+                        <div v-if="openedInstrumentDescriptions[instrument.id]" class="text-center">
+                          <StrapiBlocksConvert
+                            v-if="instrument.instrument_description"
+                            :blocks="instrument.instrument_description"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </section>
+
+        </PageSection>
+
+
+
+
+
+
+      <!-- ================== -->
+      <!-- DEVIS -->
+      <!-- ================== -->
+      <PageSection :content="false">
+        <Decalage
+          tone="brand"
+          title-tone="invert"
+          position="right"
+          button-tone="invert"
+          ensavoirplus-target="texte_cache_3"
+          ensavoirplus-group="parc-details"
+        >
+            <template #title>
+                Devis
+            </template>
+            <DsText as="p" tone="invert" align="justify">
+                Formulaire de demande de devis ou d'information sur la location de matériel ou sur l'organisation d'un événement en salle d'activités
+            </DsText>
+        </Decalage>
+      </PageSection>
+      
+      <PageSection
+          id="texte_cache_3"
+          data-ensavoirplus-group="parc-details"
+          tone=""
+          content-size="default"
+          padded_size=""
+          class="mt-16 mb-16 decalage_ensavoirplus--hidden"
+      >
+          <div class="fiche_description">
+            <div class="w-full max-w-3xl rounded-2xl border border-outline-variant/20 bg-surface-container-lowest p-8 shadow-sm">
+              <div class="mb-8">
+                <h3 class="text-2xl font-bold tracking-tight">Faire une demande</h3>
+                <p class="mt-2 text-sm text-on-surface-variant">
+                  Remplissez ce formulaire pour une demande de devis ou d'information. Les champs marqués d’un astérisque sont obligatoires.
+                </p>
+              </div>
+              <form class="space-y-6" @submit.prevent="submitQuoteRequest">
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                  <div class="space-y-2">
+                    <label for="quote-request-type" class="block text-sm font-medium text-on-surface">
+                      Type de demande *
+                    </label>
+                    <select
+                      id="quote-request-type"
+                      v-model="quoteForm.requestType"
+                      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"
+                    >
+                      <option value="">Choisir un type</option>
+                      <option value="location-materiel">Location de matériel</option>
+                      <option value="organisation-salle-activites">Organisation d’un événement en salle d’activités</option>
+                    </select>
+                    <p v-if="quoteFormErrors.requestType" class="text-xs text-error">{{ quoteFormErrors.requestType }}</p>
+                  </div>
+                  <div class="space-y-2">
+                    <label for="quote-name" class="block text-sm font-medium text-on-surface">
+                      Nom complet *
+                    </label>
+                    <input
+                      id="quote-name"
+                      v-model.trim="quoteForm.name"
+                      type="text"
+                      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="Votre nom et prénom"
+                    >
+                    <p v-if="quoteFormErrors.name" class="text-xs text-error">{{ quoteFormErrors.name }}</p>
+                  </div>
+                  <div class="space-y-2">
+                    <label for="quote-email" class="block text-sm font-medium text-on-surface">
+                      Email *
+                    </label>
+                    <input
+                      id="quote-email"
+                      v-model.trim="quoteForm.email"
+                      type="email"
+                      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="nom@exemple.fr"
+                    >
+                    <p v-if="quoteFormErrors.email" class="text-xs text-error">{{ quoteFormErrors.email }}</p>
+                  </div>
+                  <div class="space-y-2">
+                    <label for="quote-phone" class="block text-sm font-medium text-on-surface">
+                      Téléphone *
+                    </label>
+                    <input
+                      id="quote-phone"
+                      v-model.trim="quoteForm.phone"
+                      type="tel"
+                      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="06 00 00 00 00"
+                    >
+                    <p v-if="quoteFormErrors.phone" class="text-xs text-error">{{ quoteFormErrors.phone }}</p>
+                  </div>
+                  <div class="space-y-2">
+                    <label for="quote-organisation" class="block text-sm font-medium text-on-surface">
+                      Structure / organisme *
+                    </label>
+                    <input
+                      id="quote-organisation"
+                      v-model.trim="quoteForm.organization"
+                      type="text"
+                      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="Nom de votre structure"
+                    >
+                    <p v-if="quoteFormErrors.organization" class="text-xs text-error">{{ quoteFormErrors.organization }}</p>
+                  </div>
+                </div>
+                <div class="space-y-2">
+                  <label for="quote-message" class="block text-sm font-medium text-on-surface">
+                    Message *
+                  </label>
+                  <textarea
+                    id="quote-message"
+                    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é."
+                  ></textarea>
+                  <p v-if="quoteFormErrors.message" class="text-xs text-error">{{ quoteFormErrors.message }}</p>
+                </div>
+                <div v-if="quoteSubmitError" class="rounded-xl border border-error/20 bg-error-container/20 px-4 py-3 text-sm text-error">
+                  {{ quoteSubmitError }}
+                </div>
+                <div v-if="quoteSubmitSuccess" class="rounded-xl border border-primary/20 bg-primary-container/40 px-4 py-3 text-sm text-on-surface">
+                  <span v-if="quoteEmailsSent">Votre demande a bien été envoyée. Un email de confirmation vous a été adressé.</span>
+                  <span v-else>Votre demande a bien été enregistrée et transmise à l’équipe du Parc.</span>
+                </div>
+                <div class="flex items-center gap-4">
+                  <button
+                    type="submit"
+                    class="inline-flex items-center justify-center rounded-full bg-primary px-6 py-3 text-sm font-bold text-on-primary transition-colors hover:bg-primary-dim disabled:cursor-not-allowed disabled:opacity-60"
+                    :disabled="quoteSubmitting"
+                  >
+                    {{ quoteSubmitting ? 'Envoi en cours...' : 'Envoyer la demande' }}
+                  </button>
+                  <p class="text-xs text-on-surface-variant">
+                    En soumettant ce formulaire, j’accepte que les informations saisies soient utilisées dans le cadre de la demande de devis ou d’information.
+                  </p>
+                </div>
+              </form>
+            </div>
+          </div>
+      </PageSection>
+
+
+
+        <!-- ================== -->
+        <!-- INFOS PRATIQUES -->
+        <!-- ================== -->
+        <PageSection :content="false">
+          <Decalage tone="brandreverse" title-tone="invert" position="left" button-tone="invert" ensavoirplus-target="texte_cache_2"
+            ensavoirplus-group="parc-details">
+              <template #title>
+                  Infos pratiques
+              </template>
+              <DsText tone="invert" as="p" align="justify">
+                  Accès au parc instrumental de l’Orchestre national d’Île-de-France
+              </DsText>
+            </Decalage>
+        </PageSection>
+
+        <!-- ================== -->
+        <!-- INFOS PRATIQUES -->
+        <!-- PARTIE CACHÉE -->
+        <!-- ================== -->
+        <div id="texte_cache_2" data-ensavoirplus-group="parc-details" class="decalage_ensavoirplus--hidden">
+          <PageSection tone="" content-size="default" padded_size="md">
+            <SectionContent class="fiche_description strapi-blocks">
+              <div class="">
+                <h1>Horaires</h1>
+                <p>De 9h30 à 12h et de 14h à 18h</p>
+                <p>Du lundi au vendredi</p>
+                <p><strong>Uniquement sur rendez-vous</strong></p>
+              </div>
+            </SectionContent>
+          </PageSection>
+          <PageSection tone="" content-size="default" padded_size="md">
+            <SectionContent class="fiche_description strapi-blocks">
+              <div>
+                <div class="mb-8"><iframe src="https://maps.google.com/maps?width=781&amp;height=538&amp;hl=en&amp;q=1,%20rue%20du%20Capitaine%20Alfred-Dreyfus%20Alfortvillle+(Parc%20instrumental)&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div>
+                <div>
+                  <h1>Comment venir ?</h1>
+                  <h2>Accès pour le transport d’instruments</h2>
+                  <p>Depuis le 1, rue du Capitaine Alfred-Dreyfus, 94140 Alfortville</p>
+                  <ul>
+                    <li>Contourner le corps de bâtiment de droite en passant par la circulation du Centre technique municipal.</li>
+                    <li>Stationner sur le parking du Parc instrumental.</li>
+                  </ul>
+                  <section class="img-gallery_wp">
+                    <div class="img-gallery">
+                      <div class="ds-media ds-media--">
+                        <img class="ds-media__img ds-media__img--cover" src="/img/photos/acces1.jpg" alt="" loading="lazy" decoding="async">
+                      </div>
+                    </div>
+                  </section>
+                  <h2>Accès Évènement public</h2>
+                  <p>Rendez-vous au 9, allée Jean-Baptiste Preux.</p>
+                  <ul>
+                    <li>Accès au parking par le grand portail coulissant.</li>
+                    <li>Suivre le cheminement jusqu’à la salle d’activités.</li>
+                  </ul>
+                  <section class="img-gallery_wp">
+                    <div class="img-gallery">
+                      <div class="ds-media ds-media--">
+                        <img class="ds-media__img ds-media__img--cover" src="/img/photos/acces2.jpg" alt="" loading="lazy" decoding="async">
+                      </div>
+                    </div>
+                  </section>
+                </div>
+              </div>
+            </SectionContent>
+          </PageSection>
+        </div>
+
+      <!-- ================== -->
+      <!-- CONTACT -->
+      <!-- ================== -->
+
+      <PageSection tone="" content-size="default" padded_size="md" class="contact_spe_wp">
+          <ContactSpecifique
+            titre="Contacter les régisseurs"
+            nom="Stéphane Borsellino / Stéphane Nguyen Phu Khai"
+            poste=""
+            numero="01 88 15 00 80"
+            mail="leparcinstrumental@orchestre-ile.com"
+            adresse="1, rue du Capitaine Alfred-Dreyfus 94 140 Alfortvillle"
+          />
+      </PageSection>
+
+
+
+
+      <!-- ================== -->
+      <!-- L'ORCHESTRE POUR LES PROS -->
+      <!-- ================== -->
+      <PageSection padded_size="lg">
+        <SectionContent>
+            <SectionTitle tone="" pad="xs">
+              L'ORCHESTRE POUR LES PROS
+            </SectionTitle>
+        </SectionContent>
+
+        <SectionContent>
+          <BannierePros />
+        </SectionContent>
+      </PageSection>
+
+    </div>
+</template>
+
+<script setup>
+  import DsHeading from '@root/design-system/primitives/DsHeading.vue'
+  import DsText from '@root/design-system/primitives/DsText.vue'
+  import DsMedia from '@root/design-system/primitives/DsMedia.vue'
+  import DsButton from '@root/design-system/primitives/DsButton.vue'
+
+  import logoparc from '/img/logos/logo_le_parc_noir.png'
+  import catalogue_parc from '/contenus/catalogue-du-parc-instrumental.pdf'
+
+  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 STRAPI
+  //--------------------
+
+  const parc_strapi = ref({
+    data: {
+      id: 1,
+      documentId: "parc123456",
+      header_titre: "Un parc riche de plus de 3 000 instruments à la location",
+      header_text: "",
+      image_illustration_header: {
+        id: 301,
+        documentId: "img123456",
+        name: "parc_header.jpg",
+        alternativeText: "Vue du parc instrumental de l'Orchestre",
+        caption: "Parc instrumental",
+        width: 1600,
+        height: 900,
+        formats: {
+          thumbnail: {
+            url: "/"
+          }
+        },
+        ext: ".jpg",
+        mime: "image/jpeg",
+        size: 245.8,
+        url: logoparc
+      },
+      "description_generale": [
+        {
+          "type": "paragraph",
+          "children": [
+            {
+              "text": "Le Parc instrumental de l’Orchestre, dont la mission principale est de faciliter les manifestations musicales en Île-de-France, dispose d’un catalogue de plus de 3 000 instruments et contribue à plus de 500 manifestations par an (concerts, répétitions, cours, masterclasses...).",
+              "type": "text"
+            }
+          ]
+        },
+        {
+          "type": "paragraph",
+          "children": [
+            {
+              "text": "Il s’adresse aux municipalités, communautés d’agglomération, communautés de communes, conservatoires et écoles de musique, ensembles instrumentaux ou vocaux professionnels ou amateurs, organisateurs de concerts (théâtre, festival, association...), structures culturelles ainsi qu’aux particuliers.",
+              "type": "text"
+            }
+          ]
+        },
+        {
+          "type": "paragraph",
+          "children": [
+            {
+              "text": "Situé dans un local industriel, sur 2 niveaux, il offre un espace total de 650m2 dont 400m2 dévolus au stockage des 3 000 instruments.",
+              "type": "text"
+            }
+          ]
+        },
+        {
+          "type": "paragraph",
+          "children": [
+            {
+              "text": " Une salle polyvalente dédiée aux activités permet de recevoir des groupes pour de multiples actions culturelles.",
+              "type": "text"
+            }
+          ]
+        }
+      ],
+      "documents": [
+        {
+          "id": 246,
+          "documentId": "h38c6ppljk084pdgnngcbe0b",
+          "name": "catalogue-du-parc-instrumental",
+          "alternativeText": "catalogue-du-parc-instrumental",
+          "caption": "Catalogue du Parc",
+          "width": null,
+          "height": null,
+          "formats": null,
+          "hash": "catalogue-du-parc-instrumental",
+          "ext": ".pdf",
+          "mime": "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+          "size": 2065.92,
+          "url": catalogue_parc,
+          "previewUrl": null,
+          "provider": "aws-s3",
+          "provider_metadata": null,
+          "createdAt": "2026-04-20T09:04:05.924Z",
+          "updatedAt": "2026-04-20T09:04:39.849Z",
+          "publishedAt": "2026-04-20T09:04:05.924Z",
+          "focalPoint": null
+        },
+      ]
+    },
+    meta: {}
+  })
+
+  const parc_contenus = computed(() => parc_strapi.value?.data || null)
+
+  const endpointInstruments = "/api/__strapi__/instruments"
+  const populateInstruments = {
+    illustration_instrument: true,
+  }
+  const { items: instrumentsItems, refresh: refreshInstruments } = useStrapi(
+    endpointInstruments,
+    {
+      locale: "fr-FR",
+      populate: populateInstruments,
+      pageSize: 500,
+    }
+  )
+
+  onMounted(() => {
+    if (!instrumentsItems.value?.length) {
+      refreshInstruments()
+    }
+  })
+
+  const instruments_categories = computed(() => {
+    const groups = new Map()
+
+    for (const instrument of instrumentsItems.value || []) {
+      const categoryName = instrument.instrument_categorie || "Sans catégorie"
+
+      if (!groups.has(categoryName)) {
+        groups.set(categoryName, {
+          id: categoryName,
+          nom_categorie: categoryName,
+          instruments_list: [],
+        })
+      }
+
+      groups.get(categoryName).instruments_list.push(instrument)
+    }
+
+    return Array.from(groups.values())
+  })
+
+  const openedInstrumentDescriptions = ref({})
+
+  const quoteForm = reactive({
+    requestType: "",
+    name: "",
+    email: "",
+    phone: "",
+    organization: "",
+    message: "",
+  })
+
+  const quoteFormErrors = reactive({
+    requestType: "",
+    name: "",
+    email: "",
+    phone: "",
+    organization: "",
+    message: "",
+  })
+
+  const quoteSubmitting = ref(false)
+  const quoteSubmitSuccess = ref(false)
+  const quoteSubmitError = ref("")
+  const quoteEmailsSent = ref(false)
+
+  function toggleInstrumentDescription(instrumentId) {
+    openedInstrumentDescriptions.value[instrumentId] = !openedInstrumentDescriptions.value[instrumentId]
+  }
+
+  function resetQuoteFormErrors() {
+    quoteFormErrors.requestType = ""
+    quoteFormErrors.name = ""
+    quoteFormErrors.email = ""
+    quoteFormErrors.phone = ""
+    quoteFormErrors.organization = ""
+    quoteFormErrors.message = ""
+  }
+
+  function validateQuoteForm() {
+    resetQuoteFormErrors()
+
+    let isValid = true
+
+    if (!quoteForm.requestType) {
+      quoteFormErrors.requestType = "Le type de demande est obligatoire."
+      isValid = false
+    }
+
+    if (!quoteForm.name) {
+      quoteFormErrors.name = "Le nom est obligatoire."
+      isValid = false
+    }
+
+    if (!quoteForm.email) {
+      quoteFormErrors.email = "L’email est obligatoire."
+      isValid = false
+    } else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(quoteForm.email)) {
+      quoteFormErrors.email = "L’email n’est pas valide."
+      isValid = false
+    }
+
+    if (!quoteForm.phone) {
+      quoteFormErrors.phone = "Le téléphone est obligatoire."
+      isValid = false
+    }
+
+    if (!quoteForm.organization) {
+      quoteFormErrors.organization = "La structure est obligatoire."
+      isValid = false
+    }
+
+    if (!quoteForm.message) {
+      quoteFormErrors.message = "Le message est obligatoire."
+      isValid = false
+    }
+
+    return isValid
+  }
+
+  async function submitQuoteRequest() {
+    quoteSubmitSuccess.value = false
+    quoteSubmitError.value = ""
+    quoteEmailsSent.value = false
+
+    if (!validateQuoteForm()) {
+      return
+    }
+
+    quoteSubmitting.value = true
+
+    try {
+      const response = await $fetch("/api/parc-demandes", {
+        method: "POST",
+        body: {
+          requestType: quoteForm.requestType,
+          name: quoteForm.name,
+          email: quoteForm.email,
+          phone: quoteForm.phone,
+          organization: quoteForm.organization,
+          message: quoteForm.message,
+        },
+      })
+
+      quoteSubmitSuccess.value = true
+      quoteEmailsSent.value = Boolean(response?.emailsSent)
+      quoteForm.requestType = ""
+      quoteForm.name = ""
+      quoteForm.email = ""
+      quoteForm.phone = ""
+      quoteForm.organization = ""
+      quoteForm.message = ""
+      resetQuoteFormErrors()
+    } catch (error) {
+      quoteSubmitError.value = error?.data?.statusMessage || "L’envoi de la demande a échoué."
+    } finally {
+      quoteSubmitting.value = false
+    }
+  }
+
+
+  function formatKoToMo(sizeInKo) {
+    if (typeof sizeInKo !== "number") return ""
+
+    return `${(sizeInKo / 1024).toFixed(1)} Mo`
+  }
+
+</script>
+
+<style lang="scss">
+
+
+  .breadcrum_wp {
+    padding-top: 30px;
+  }
+
+
+
+// =======================
+// SPÉCIFIQUE À CETTE PAGE
+// =======================
+.parc-page {
+
+
+  .fiche_description {
+    display: flex;
+    justify-content: center;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    > * {
+      max-width: 640px;
+      display: flex;
+      flex-direction: column;
+    }
+  }
+
+
+    .contact_spe_wp {
+      background-color: var(--c-background-jaune-clair);
+      margin-top: 50px;
+      margin-bottom: 20px;
+    }
+
+
+}
+
+</style>
diff --git a/nuxt.config.js b/nuxt.config.js
index 550a252..0c47324 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -48,6 +48,19 @@ export default defineNuxtConfig({
     // Server-side only (jamais exposé au client)
     // ceci strapiToken: process.env.NUXT_STRAPI_TOKEN || '', est remplacé par la ligne ci-dessous car la récup des variable .env est automatique si on les nomme correctement
     strapiToken: '',
+    mysqlHost: '',
+    mysqlPort: '',
+    mysqlDatabase: '',
+    mysqlUser: '',
+    mysqlPassword: '',
+    parcRequestRecipientEmail: '',
+    smtpHost: '',
+    smtpPort: '',
+    smtpSecure: '',
+    smtpUser: '',
+    smtpPassword: '',
+    smtpFromEmail: '',
+    smtpFromName: '',
     //instagramAppId: process.env.NUXT_INSTAGRAM_APP_ID,
     //instagramClientToken: process.env.NUXT_INSTAGRAM_CLIENT_TOKEN,
 
diff --git a/package-lock.json b/package-lock.json
index 9f0374f..4f1aa10 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,8 @@
       "hasInstallScript": true,
       "dependencies": {
         "@nuxt/image": "^1.11.0",
+        "mysql2": "^3.22.2",
+        "nodemailer": "^8.0.5",
         "nuxt": "^4.1.3",
         "printf": "^0.6.1",
         "radix-vue": "^1.9.17",
@@ -3519,6 +3521,16 @@
       "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
       "license": "MIT"
     },
+    "node_modules/@types/node": {
+      "version": "25.6.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.6.0.tgz",
+      "integrity": "sha512-+qIYRKdNYJwY3vRCZMdJbPLJAtGjQBudzZzdzwQYkEPQd+PJGixUL5QfvCLDaULoLv+RhT3LDkwEfKaAkgSmNQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "undici-types": "~7.19.0"
+      }
+    },
     "node_modules/@types/parse-path": {
       "version": "7.0.3",
       "resolved": "https://registry.npmjs.org/@types/parse-path/-/parse-path-7.0.3.tgz",
@@ -4318,6 +4330,15 @@
         "postcss": "^8.1.0"
       }
     },
+    "node_modules/aws-ssl-profiles": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/aws-ssl-profiles/-/aws-ssl-profiles-1.1.2.tgz",
+      "integrity": "sha512-NZKeq9AfyQvEeNlN0zSYAaWrmBffJh3IELMZfRpJVWgrpEbtEpnjvzqBPf+mxoI287JohRDoa+/nsfqqiZmF6g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
     "node_modules/b4a": {
       "version": "1.7.3",
       "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.7.3.tgz",
@@ -6438,6 +6459,15 @@
         "node": ">=10"
       }
     },
+    "node_modules/generate-function": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/generate-function/-/generate-function-2.3.1.tgz",
+      "integrity": "sha512-eeB5GfMNeevm/GRYq20ShmsaGcmI81kIX2K9XQx5miC8KdHaC6Jm0qQ8ZNeGOi7wYB8OsdxKs+Y2oVuTFuVwKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-property": "^1.0.2"
+      }
+    },
     "node_modules/generator-function": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz",
@@ -6861,6 +6891,22 @@
         "node": ">=16.17.0"
       }
     },
+    "node_modules/iconv-lite": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.2.tgz",
+      "integrity": "sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
     "node_modules/ieee754": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
@@ -7241,6 +7287,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/is-property": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-property/-/is-property-1.0.2.tgz",
+      "integrity": "sha512-Ks/IoX00TtClbGQr4TWXemAnktAQvYB7HzcCxDGqEZU6oCmb2INHuOoKxbtR+HFkmYWBKv/dOZtGRiAjDhj92g==",
+      "license": "MIT"
+    },
     "node_modules/is-reference": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-1.2.1.tgz",
@@ -7858,6 +7910,12 @@
         "node": ">= 12.0.0"
       }
     },
+    "node_modules/long": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/long/-/long-5.3.2.tgz",
+      "integrity": "sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA==",
+      "license": "Apache-2.0"
+    },
     "node_modules/lru-cache": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -7867,6 +7925,21 @@
         "yallist": "^3.0.2"
       }
     },
+    "node_modules/lru.min": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/lru.min/-/lru.min-1.1.4.tgz",
+      "integrity": "sha512-DqC6n3QQ77zdFpCMASA1a3Jlb64Hv2N2DciFGkO/4L9+q/IpIAuRlKOvCXabtRW6cQf8usbmM6BE/TOPysCdIA==",
+      "license": "MIT",
+      "engines": {
+        "bun": ">=1.0.0",
+        "deno": ">=1.30.0",
+        "node": ">=8.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wellwelwel"
+      }
+    },
     "node_modules/magic-regexp": {
       "version": "0.10.0",
       "resolved": "https://registry.npmjs.org/magic-regexp/-/magic-regexp-0.10.0.tgz",
@@ -8194,6 +8267,28 @@
       "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
       "license": "MIT"
     },
+    "node_modules/mysql2": {
+      "version": "3.22.2",
+      "resolved": "https://registry.npmjs.org/mysql2/-/mysql2-3.22.2.tgz",
+      "integrity": "sha512-snC/L6YoCJPFpozZo3p3hiOlt9ItQ7sCnLSziFLlIttEzsPhrdcPT8g21BiQ7Oqif25W4Xq1IFuBzBvoFYDf0Q==",
+      "license": "MIT",
+      "dependencies": {
+        "aws-ssl-profiles": "^1.1.2",
+        "denque": "^2.1.0",
+        "generate-function": "^2.3.1",
+        "iconv-lite": "^0.7.2",
+        "long": "^5.3.2",
+        "lru.min": "^1.1.4",
+        "named-placeholders": "^1.1.6",
+        "sql-escaper": "^1.3.3"
+      },
+      "engines": {
+        "node": ">= 8.0"
+      },
+      "peerDependencies": {
+        "@types/node": ">= 8"
+      }
+    },
     "node_modules/mz": {
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
@@ -8206,6 +8301,18 @@
         "thenify-all": "^1.0.0"
       }
     },
+    "node_modules/named-placeholders": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/named-placeholders/-/named-placeholders-1.1.6.tgz",
+      "integrity": "sha512-Tz09sEL2EEuv5fFowm419c1+a/jSMiBjI9gHxVLrVdbUkkNUUfjsVYs9pVZu5oCon/kmRh9TfLEObFtkVxmY0w==",
+      "license": "MIT",
+      "dependencies": {
+        "lru.min": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
     "node_modules/nanoid": {
       "version": "5.1.6",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-5.1.6.tgz",
@@ -8433,6 +8540,15 @@
       "integrity": "sha512-4auku8B/vw5psvTiiN9j1dAOsXvMoGqJuKJcR+dTdqiXEK20mMTk1UEo3HS16LeGQsVG6+qKTPM9u/qQ2LqATA==",
       "license": "MIT"
     },
+    "node_modules/nodemailer": {
+      "version": "8.0.5",
+      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-8.0.5.tgz",
+      "integrity": "sha512-0PF8Yb1yZuQfQbq+5/pZJrtF6WQcjTd5/S4JOHs9PGFxuTqoB/icwuB44pOdURHJbRKX1PPoJZtY7R4VUoCC8w==",
+      "license": "MIT-0",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/nopt": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/nopt/-/nopt-8.1.0.tgz",
@@ -10403,6 +10519,12 @@
         "node": ">=10"
       }
     },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "license": "MIT"
+    },
     "node_modules/sass": {
       "version": "1.93.2",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.93.2.tgz",
@@ -10751,6 +10873,21 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/sql-escaper": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/sql-escaper/-/sql-escaper-1.3.3.tgz",
+      "integrity": "sha512-BsTCV265VpTp8tm1wyIm1xqQCS+Q9NHx2Sr+WcnUrgLrQ6yiDIvHYJV5gHxsj1lMBy2zm5twLaZao8Jd+S8JJw==",
+      "license": "MIT",
+      "engines": {
+        "bun": ">=1.0.0",
+        "deno": ">=2.0.0",
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/mysqljs/sql-escaper?sponsor=1"
+      }
+    },
     "node_modules/srvx": {
       "version": "0.8.16",
       "resolved": "https://registry.npmjs.org/srvx/-/srvx-0.8.16.tgz",
@@ -11630,6 +11767,13 @@
         "node": ">=20.18.1"
       }
     },
+    "node_modules/undici-types": {
+      "version": "7.19.2",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.19.2.tgz",
+      "integrity": "sha512-qYVnV5OEm2AW8cJMCpdV20CDyaN3g0AjDlOGf1OW4iaDEx8MwdtChUp4zu4H0VP3nDRF/8RKWH+IPp9uW0YGZg==",
+      "license": "MIT",
+      "peer": true
+    },
     "node_modules/unenv": {
       "version": "2.0.0-rc.21",
       "resolved": "https://registry.npmjs.org/unenv/-/unenv-2.0.0-rc.21.tgz",
diff --git a/package.json b/package.json
index 9867084..5ce300b 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,8 @@
   },
   "dependencies": {
     "@nuxt/image": "^1.11.0",
+    "mysql2": "^3.22.2",
+    "nodemailer": "^8.0.5",
     "nuxt": "^4.1.3",
     "printf": "^0.6.1",
     "radix-vue": "^1.9.17",
diff --git a/public/contenus/catalogue-du-parc-instrumental.pdf b/public/contenus/catalogue-du-parc-instrumental.pdf
new file mode 100644
index 0000000..6f7c4f5
Binary files /dev/null and b/public/contenus/catalogue-du-parc-instrumental.pdf differ
diff --git a/public/img/photos/acces1.jpg b/public/img/photos/acces1.jpg
new file mode 100644
index 0000000..773384f
Binary files /dev/null and b/public/img/photos/acces1.jpg differ
diff --git a/public/img/photos/acces2.jpg b/public/img/photos/acces2.jpg
new file mode 100644
index 0000000..17a9062
Binary files /dev/null and b/public/img/photos/acces2.jpg differ
diff --git a/server/api/__strapi__/[collection].get.js b/server/api/__strapi__/[collection].get.js
index 16682fb..c8a56a6 100644
--- a/server/api/__strapi__/[collection].get.js
+++ b/server/api/__strapi__/[collection].get.js
@@ -20,6 +20,7 @@ const COLLECTION_MAP = {
   articles_mag: "/api/mags",
   "pro-programmer": "/api/pro-programmer",
   "parametres": "/api/parametres",
+  instruments: "/api/parc-instruments",
 }
 
 export default defineEventHandler(async (event) => {
diff --git a/server/api/parc-demandes.post.js b/server/api/parc-demandes.post.js
new file mode 100644
index 0000000..737248f
--- /dev/null
+++ b/server/api/parc-demandes.post.js
@@ -0,0 +1,72 @@
+import { createError, readBody } from "h3"
+import { getMysqlPool } from "~~/server/utils/mysql"
+import { sendParcDemandEmails } from "~~/server/utils/mailer"
+
+function normalizeValue(value) {
+  return typeof value === "string" ? value.trim() : ""
+}
+
+function isValidEmail(email) {
+  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)
+}
+
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event)
+
+  const payload = {
+    requestType: normalizeValue(body?.requestType),
+    name: normalizeValue(body?.name),
+    email: normalizeValue(body?.email),
+    phone: normalizeValue(body?.phone),
+    organization: normalizeValue(body?.organization),
+    message: normalizeValue(body?.message),
+  }
+
+  if (!payload.requestType || !payload.name || !payload.email || !payload.phone || !payload.organization || !payload.message) {
+    throw createError({
+      statusCode: 400,
+      statusMessage: "Tous les champs obligatoires doivent être remplis.",
+    })
+  }
+
+  if (!isValidEmail(payload.email)) {
+    throw createError({
+      statusCode: 400,
+      statusMessage: "L’adresse email n’est pas valide.",
+    })
+  }
+
+  if (payload.message.length > 5000) {
+    throw createError({
+      statusCode: 400,
+      statusMessage: "Le message est trop long.",
+    })
+  }
+
+  const db = getMysqlPool()
+
+  try {
+    const [result] = await db.execute(
+      `
+        INSERT INTO parc_demandes (type_demande, nom, email, telephone, organisme, message)
+        VALUES (?, ?, ?, ?, ?, ?)
+      `,
+      [payload.requestType, payload.name, payload.email, payload.phone, payload.organization, payload.message]
+    )
+
+    const emailsSent = await sendParcDemandEmails(payload)
+
+    return {
+      ok: true,
+      id: result.insertId,
+      emailsSent,
+    }
+  } catch (error) {
+    console.error("Erreur API parc-demandes:", error)
+
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Impossible d’enregistrer la demande pour le moment.",
+    })
+  }
+})
diff --git a/server/utils/mailer.js b/server/utils/mailer.js
new file mode 100644
index 0000000..6ccb646
--- /dev/null
+++ b/server/utils/mailer.js
@@ -0,0 +1,98 @@
+import nodemailer from "nodemailer"
+
+let transporter
+
+function isSmtpConfigured(config) {
+  return Boolean(
+    config.smtpHost &&
+    config.smtpPort &&
+    config.smtpUser &&
+    config.smtpPassword &&
+    config.smtpFromEmail
+  )
+}
+
+function getTransporter() {
+  if (transporter) {
+    return transporter
+  }
+
+  const config = useRuntimeConfig()
+
+  if (!isSmtpConfigured(config)) {
+    return null
+  }
+
+  transporter = nodemailer.createTransport({
+    host: config.smtpHost,
+    port: Number(config.smtpPort),
+    secure: String(config.smtpSecure).toLowerCase() === "true",
+    auth: {
+      user: config.smtpUser,
+      pass: config.smtpPassword,
+    },
+  })
+
+  return transporter
+}
+
+export async function sendParcDemandEmails(payload) {
+  const config = useRuntimeConfig()
+  const mailer = getTransporter()
+
+  if (!mailer || !config.parcRequestRecipientEmail) {
+    return false
+  }
+
+  const from = config.smtpFromName
+    ? `"${config.smtpFromName}" <${config.smtpFromEmail}>`
+    : config.smtpFromEmail
+
+  const adminSubject = `WONDIF - Formulaire de demande Parc instrumental - ${payload.name}`
+  const adminText = [
+    "Une nouvelle demande a été envoyée depuis le formulaire du Parc instrumental.",
+    "",
+    `Type de demande : ${payload.requestType}`,
+    `Nom : ${payload.name}`,
+    `Email : ${payload.email}`,
+    `Telephone : ${payload.phone}`,
+    `Structure : ${payload.organization}`,
+    "",
+    "Message :",
+    payload.message,
+  ].join("\n")
+
+  const userSubject = "ONDIF - Confirmation de votre demande - Parc instrumental"
+  const userText = [
+    `Bonjour ${payload.name},`,
+    "",
+    "Votre demande a bien été transmise à l'équipe du Parc instrumental.",
+    "Nous reviendrons vers vous dans les meilleurs delais.",
+    "",
+    "Recapitulatif :",
+    `Type de demande : ${payload.requestType}`,
+    `Structure : ${payload.organization}`,
+    `Telephone : ${payload.phone}`,
+    "",
+    "Votre message :",
+    payload.message,
+  ].join("\n")
+
+  await Promise.all([
+    mailer.sendMail({
+      from,
+      to: config.parcRequestRecipientEmail,
+      replyTo: payload.email,
+      subject: adminSubject,
+      text: adminText,
+    }),
+    mailer.sendMail({
+      from,
+      to: payload.email,
+      subject: userSubject,
+      text: userText,
+    }),
+  ])
+
+  return true
+}
diff --git a/server/utils/mysql.js b/server/utils/mysql.js
new file mode 100644
index 0000000..4056c00
--- /dev/null
+++ b/server/utils/mysql.js
@@ -0,0 +1,25 @@
+import mysql from "mysql2/promise"
+
+let pool
+
+export function getMysqlPool() {
+  if (pool) {
+    return pool
+  }
+
+  const config = useRuntimeConfig()
+
+  pool = mysql.createPool({
+    host: config.mysqlHost,
+    port: Number(config.mysqlPort || 3306),
+    database: config.mysqlDatabase,
+    user: config.mysqlUser,
+    password: config.mysqlPassword,
+    waitForConnections: true,
+    connectionLimit: 10,
+    queueLimit: 0,
+    charset: "utf8mb4",
+  })
+
+  return pool
+}