fix(jeu): positionnement overlay — retire float iframe, position absolute overlay

site/snippets/blocks/jeu.php

@@ -5,7 +5,7 @@
     importance="high"
     width="400"
     height="650"
-    style="float: right; border: medium; overflow: hidden; margin: 10px; pointer-events: none;"
+    style="border: none; overflow: hidden; pointer-events: none; display: block;"
     src="<?= $block->url()->html() ?>"
   ></iframe>
   <div class="iframe-click-overlay">

src/views/Article.svelte

@@ -368,6 +368,29 @@
     font-size: var(--font-size-caption);
   }
 
+  /* --- Bloc jeu iframe --- */
+  .article-body :global(.iframe-game-container) {
+    position: relative;
+    display: inline-block;
+  }
+
+  .article-body :global(.iframe-click-overlay) {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+  }
+
+  .article-body :global(.iframe-deactivate-btn) {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    cursor: pointer;
+  }
+
   /* --- Recommandations --- */
   .article-related {
     border-top: 1px solid rgba(255, 255, 255, 0.15);