From ee9b38a64335d585bbae44d01169742a0319c326 Mon Sep 17 00:00:00 2001
From: Jalil Arfaoui <jalil@arfaoui.net>
Date: Thu, 12 Mar 2026 15:47:23 +0100
Subject: [PATCH] =?UTF-8?q?D=C3=A9placer=20le=20bouton=20Dossier=20Artisti?=
 =?UTF-8?q?que=20sous=20l'affiche,=20centr=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/spectacles/[id].astro | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/pages/spectacles/[id].astro b/src/pages/spectacles/[id].astro
index 00aa3f3..49f2745 100644
--- a/src/pages/spectacles/[id].astro
+++ b/src/pages/spectacles/[id].astro
@@ -68,7 +68,7 @@ const youtubeId = spectacle.teaser ? extractYouTubeId(spectacle.teaser) : null;
 
       <!-- Hero -->
       <div class="flex flex-col md:flex-row gap-10 md:gap-16 items-center mb-16 md:mb-24">
-        <div class="fade-scale w-full md:w-2/5">
+        <div class="fade-scale w-full md:w-2/5 flex flex-col items-center">
           <div class="relative overflow-hidden rounded-2xl md:rounded-3xl shadow-2xl shadow-night/10 border-4 border-white">
             <img
               src={spectacle.affiche}
@@ -77,6 +77,17 @@ const youtubeId = spectacle.teaser ? extractYouTubeId(spectacle.teaser) : null;
               referrerpolicy="no-referrer"
             />
           </div>
+          {spectacle.dossierPro && spectacle.dossierPro !== '#' && (
+            <a
+              href={spectacle.dossierPro}
+              target="_blank"
+              rel="noreferrer"
+              class="inline-flex items-center gap-3 bg-night text-cloud px-8 py-4 rounded-full font-sans font-bold tracking-wide hover:bg-night/90 transition-all hover:scale-105 shadow-lg shadow-night/20 mt-4 mx-auto"
+            >
+              <Icon name="lucide:download" size={18} />
+              Dossier Artistique
+            </a>
+          )}
         </div>
 
         <div class="fade-up w-full md:w-3/5 space-y-6 text-center md:text-left" style="transition-delay: 0.2s">
@@ -109,17 +120,6 @@ const youtubeId = spectacle.teaser ? extractYouTubeId(spectacle.teaser) : null;
             <p class="font-sans text-sm text-night/50 font-bold uppercase tracking-widest">{spectacle.credits}</p>
           )}
 
-          {spectacle.dossierPro && spectacle.dossierPro !== '#' && (
-            <a
-              href={spectacle.dossierPro}
-              target="_blank"
-              rel="noreferrer"
-              class="inline-flex items-center gap-3 bg-night text-cloud px-8 py-4 rounded-full font-sans font-bold tracking-wide hover:bg-night/90 transition-all hover:scale-105 shadow-lg shadow-night/20"
-            >
-              <Icon name="lucide:download" size={18} />
-              Dossier Pédagogique
-            </a>
-          )}
         </div>
       </div>