décalage

app/pages/orchestre/artistesinvitees.vue

@@ -51,7 +51,7 @@
           <div v-else class="musicien_card_media-placeholder" aria-hidden="true" />
 
           <DsHeading as="h4" tone="default" class="musicien_card_nom">
-            <NuxtLink :to="`/orchestre/artisteinvitee-${a.slug_artiste_invite}`">
+            <NuxtLink :to="`/orchestre/artisteinvitee-${a.slug_artiste_invite}?from=artistesinvitees`">
               {{ a.nom_artiste_invite }}
             </NuxtLink>
           </DsHeading>
@@ -99,7 +99,7 @@
           <div v-else class="musicien_card_media-placeholder" aria-hidden="true" />
 
           <DsHeading as="h4" tone="default" class="musicien_card_nom">
-            <NuxtLink :to="`/orchestre/artistesinvitees-${a.slug_artiste_invite}`">
+            <NuxtLink :to="`/orchestre/artisteinvitee-${a.slug_artiste_invite}?from=artistesinvitees`">
               {{ a.nom_artiste_invite }}
             </NuxtLink>
           </DsHeading>

app/pages/orchestre/missions.vue

@@ -1,10 +1,48 @@
 <template>
   <div>
-    Page en construction Missions
+    <PageSection>
+        <DsHeading as="h2" tone="invert" textcase="uppercase" class="programme_titre">
+          PROGRAMME
+        </DsHeading>
+        <DsText as="p">
+            Créé en 1974, l’Orchestre national d’Île-de-France se compose de 95 musiciens engagés et passionnés. Notre formation symphonique propose de nombreux concerts, spectacles et ateliers musicaux sur l’ensemble du territoire francilien. Notre devise : porter la musique classique partout et pour tous ! Programmation, actions éducatives, initiatives culturelles, toute l’activité de l’Orchestre exprime ses valeurs et les missions qui l’animent.
+        </DsText>
+    </Pagesection>
+      
+      <PageSection :content=false>
+        <Decalage tone="dark" title-tone="invert" position="left" button-tone="invert" ensavoirplus-target="texte_cache">
+          <template #title>
+              La Région Île-de-France, le territoire de l’Orchestre
+          </template>
+                <DsText as="p" tone="invert" >
+                    L’Orchestre national d’Île-de-France se déploie sur les 8 départements de la région parisienne, pour amener la musique classique auprès de publics variés. Il se produit dans les salles de spectacle et les théâtres d’Île-de-France comme dans les lieux dépourvus d’offre culturelle. C’est ainsi que ses musiciens investissent régulièrement certains endroits atypiques tels que les hôpitaux, les usines ou les centres pénitentiaires.
+                </DsText>s
+        </Decalage>
+    </Pagesection>
+      
+      <PageSection>
+      <div id="texte_cache" class="decalage_ensavoirplus--hidden">Texte caché</div>
+      </Pagesection>
+      
+      <PageSection :content=false>
+        <Decalage tone="brandreverse" " title-tone="invert" position="right">
+            <template #title>
+                  Studio d’enregistrement et location d’instruments
+            </template>
+                <DsText as="p">
+L’Orchestre national d’Île-de-France accompagne les professionnels et les amateurs dans leurs activités musicales.
+Aux portes de Paris, nous mettons à leur disposition un studio d’enregistrement high-tech et plusieurs espaces de répétition. Nous leur proposons également plus de 3000 instruments à la location à travers un parc instrumental ouvert sur le monde et ses traditions musicales les plus inattendues !
+                </DsText>
+            
+        </Decalage>
+    </Pagesection>
   </div>
 </template>
 
 <script setup>
+  import DsHeading from '@root/design-system/primitives/DsHeading.vue'
+  import DsText from '@root/design-system/primitives/DsText.vue'
+  import DsButton from '@root/design-system/primitives/DsButton.vue'
 
 </script>
 

app/pages/orchestre/musiciens.vue

@@ -51,7 +51,7 @@
           <div v-else class="musicien_card_media-placeholder" aria-hidden="true" />
 
           <DsHeading as="h4" tone="default" class="musicien_card_nom">
-            <NuxtLink :to="`/orchestre/artiste-${a.slug_artiste_ondif}`">
+            <NuxtLink :to="`/orchestre/artiste-${a.slug_artiste_ondif}?from=musiciens`">
               {{ a.nom_artiste_ondif }}
             </NuxtLink>
           </DsHeading>
@@ -99,7 +99,7 @@
           <div v-else class="musicien_card_media-placeholder" aria-hidden="true" />
 
           <DsHeading as="h4" tone="default" class="musicien_card_nom">
-            <NuxtLink :to="`/orchestre/artiste-${a.slug_artiste_ondif}`">
+            <NuxtLink :to="`/orchestre/artiste-${a.slug_artiste_ondif}?from=musiciens`">
               {{ a.nom_artiste_ondif }}
             </NuxtLink>
           </DsHeading>