Video/GIF en boucle sur l'ecran d'accueil

- Choix d'un media d'accueil dans les parametres Evenement
- GIF ou video (MP4/WebM) joue en boucle en fond d'ecran
- Import direct depuis le backoffice
- Si aucun media, l'animation cercle par defaut est affichee
- Le texte (nom evenement, instruction) reste par-dessus

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/index.html

@@ -11,10 +11,13 @@
 
     <!-- Ecran d'accueil -->
     <section id="ecran-accueil" class="ecran actif">
+      <!-- Fond video/gif en boucle -->
+      <video id="accueil-video" class="accueil-media cache" muted loop playsinline></video>
+      <img id="accueil-gif" class="accueil-media cache">
       <div class="accueil-contenu">
         <h1 id="nom-evenement">Photobooth</h1>
         <p class="accueil-instruction">Touchez pour commencer</p>
-        <div class="accueil-animation">
+        <div id="accueil-animation-defaut" class="accueil-animation">
           <div class="cercle-pulse"></div>
         </div>
         <div id="compteur-accueil" class="compteur-accueil cache">
@@ -287,6 +290,17 @@
             <label>Nom de l'evenement</label>
             <input type="text" id="admin-nom-event" placeholder="Mon Evenement">
           </div>
+          <div class="champ">
+            <label>Video/GIF d'accueil (boucle)</label>
+            <div class="champ-row">
+              <select id="admin-media-accueil">
+                <option value="">Aucun (animation par defaut)</option>
+              </select>
+              <button class="btn-secondaire btn-petit" onclick="rafraichirMediaAccueil()">Rafraichir</button>
+            </div>
+            <input type="file" id="input-media-accueil" accept=".gif,.mp4,.webm" class="input-fichier">
+            <button class="btn-secondaire btn-petit" onclick="uploaderMediaAccueil()">Importer</button>
+          </div>
           <div class="champ">
             <label>Couleur primaire</label>
             <input type="color" id="admin-couleur-primaire" value="#e91e63">