diff --git a/frontend/index.html b/frontend/index.html
index 1827c1d..35f05b4 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -268,7 +268,7 @@
 
         <!-- Main Application (wrapped for show/hide) -->
         <!-- Barre d'apps commune dracodev — Fusion #215 (ACC-1.1).
-             Snippet FIGÉ vendangé depuis Projets/dracodev-commons v0.1.9
+             Snippet FIGÉ vendangé depuis Projets/dracodev-commons v0.1.10
              (ui/barre-apps/) : ne pas modifier la structure ici ; toute
              évolution passe par une nouvelle version de commons.
              CSS/JS : /static/draco-barre.css, /static/draco-barre.js.
@@ -276,6 +276,10 @@
              fournis, tels quels, servis depuis /static/img/logos/ (copie de
              ui/barre-apps/logos/ de dracodev-commons) ; l'entrée « Console Spark »
              du menu clone l'icône de l'onglet agent (draco-barre.js).
+             v0.1.10 (2026-10-29) : --agent rose → rouge Spark #c00000, marque ✦
+             → logo Spark 26 px, bouton Spark rose supprimé (remplacé par
+             l'avatar flottant bas-centre /static/img/avatar-spark.png,
+             data-act="spark" → panneau Spark), Alertes = cloche seule.
              Chantier 5 (fusion #69/#71, sans bump) : 5e onglet Console Spark
              (data-app="agent", défaut prod ; la réécriture DRACO_URLS
              couvre la clé "agent" comme les autres onglets), après Kanbante ;
@@ -284,7 +288,7 @@
             <div class="draco-bar-zone draco-bar-gauche">
                 <button type="button" class="draco-icon-btn" data-act="rail" aria-label="Barre latérale">☰</button>
                 <a class="draco-brand" href="/" data-act="apps" aria-haspopup="true" aria-expanded="false" aria-label="dracodev — changer d&#39;application" title="Changer d&#39;application">
-                    <span class="draco-brand-mark">✦</span><span class="draco-brand-name">dracodev</span>
+                    <span class="draco-brand-mark"><img src="/static/img/logos/spark.png" alt="" width="26" height="26"></span><span class="draco-brand-name">dracodev</span>
                 </a>
                 <nav class="draco-apptabs" aria-label="Applications">
                     <a class="draco-apptab" data-app="obsigate" href="https://og.dracodev.net/">
@@ -306,7 +310,7 @@
                         <span class="draco-badge" data-badge="kanbante" hidden>0</span>
                     </a>
                     <a class="draco-apptab" data-app="agent" href="https://agent.dracodev.net/">
-                        <span class="draco-apptab-ico" style="--app:#d21f2c" data-icon="agent"><img src="/static/img/logos/spark.png" alt="Console Spark" width="30" height="30"></span>
+                        <span class="draco-apptab-ico" style="--app:#c00000" data-icon="agent"><img src="/static/img/logos/spark.png" alt="Console Spark" width="30" height="30"></span>
                         <span class="draco-apptab-txt"><strong>Console Spark</strong><small>Agent commun</small></span>
                     </a>
                 </nav>
@@ -327,17 +331,13 @@
                 </div>
                 <button type="button" class="draco-alertes" data-act="alertes" aria-label="Alertes unifiées">
                     <svg viewBox="0 0 24 24" width="19" height="19" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/></svg>
-                    <span class="draco-alertes-txt">Alertes</span>
                     <span class="draco-badge" data-badge="alertes" hidden>0</span>
                 </button>
-                <button type="button" class="draco-spark" data-act="spark" aria-label="Ouvrir Spark, l'agent commun">
-                    <span class="draco-spark-ico">✦</span><span class="draco-spark-txt">Spark</span>
-                    <span class="draco-badge" data-badge="spark" hidden>0</span>
-                </button>
                 <button type="button" class="draco-avatar" id="draco-avatar" data-act="compte" aria-label="Compte" aria-haspopup="menu" aria-expanded="false" title="">✦</button>
             </div>
         </header>
         <div class="draco-bar-rappel" data-act="rappel-entete" hidden>✦ dracodev — afficher l'en-tête</div>
+        <button type="button" class="draco-spark-flottant" data-act="spark" aria-label="Ouvrir Spark, l'agent commun"><img src="/static/img/avatar-spark.png" alt="" width="64" height="64"></button>
         <script>
             /* Configuration ObsiGate de la barre commune (Fusion #215).
                Phase 1 : navigation entre apps et domaine mémorisé