diff --git a/resources/css/blocks/focused-thematique.css b/resources/css/blocks/focused-thematique.css
new file mode 100644
index 0000000..9499c1b
--- /dev/null
+++ b/resources/css/blocks/focused-thematique.css
@@ -0,0 +1,2 @@
+.homegrade-blocks-focused-thematique {
+}
diff --git a/resources/css/editor-content/color-taxonomy-scheme.css b/resources/css/editor-content/color-taxonomy-scheme.css
index d8abc42..28d2e7e 100644
--- a/resources/css/editor-content/color-taxonomy-scheme.css
+++ b/resources/css/editor-content/color-taxonomy-scheme.css
@@ -22,6 +22,7 @@ body.acoustique,
 
   .chapter_index__position-indicator,
   .homegrade-blocks-focus-point-bullet,
+  .homegrade-blocks-focus-point-bullet-panel-preview,
   .homegrade-blocks-focus-point-bullet:after,
   .homegrade-blocks-focused-schema ol li:before,
   .wp-block-button__link,
@@ -99,6 +100,7 @@ body.energies,
   }
   .chapter_index__position-indicator,
   .homegrade-blocks-focus-point-bullet,
+  .homegrade-blocks-focus-point-bullet-panel-preview,
   .homegrade-blocks-focus-point-bullet:after,
   .homegrade-blocks-focused-schema ol li:before,
   ul li:before,
@@ -174,6 +176,7 @@ body.isolation,
   }
   .chapter_index__position-indicator,
   .homegrade-blocks-focus-point-bullet,
+  .homegrade-blocks-focus-point-bullet-panel-preview,
   .homegrade-blocks-focus-point-bullet:after,
   .homegrade-blocks-focused-schema ol li:before,
   ul li:before,
@@ -246,6 +249,7 @@ body.patrimoine,
   }
   .chapter_index__position-indicator,
   .homegrade-blocks-focus-point-bullet,
+  .homegrade-blocks-focus-point-bullet-panel-preview,
   .homegrade-blocks-focus-point-bullet:after,
   .homegrade-blocks-focused-schema ol li:before,
   ul li:before,
@@ -318,6 +322,7 @@ body.renovation-circulaire,
   }
   .chapter_index__position-indicator,
   .homegrade-blocks-focus-point-bullet,
+  .homegrade-blocks-focus-point-bullet-panel-preview,
   .homegrade-blocks-focus-point-bullet:after,
   .homegrade-blocks-focused-schema ol li:before,
   ul li:before,
diff --git a/resources/js/schema-bullet-points.js b/resources/js/schema-bullet-points.js
index 537499d..fac875b 100644
--- a/resources/js/schema-bullet-points.js
+++ b/resources/js/schema-bullet-points.js
@@ -4,6 +4,10 @@ export default function SchemaBulletPointsInit() {
 
   function initBullet(focusPoint) {
     const focusTitle = focusPoint.getAttribute('data-focus-bullet-title');
+    const focusPointPosition = {
+      x: focusPoint.getAttribute('data-postion-x'),
+      y: focusPoint.getAttribute('data-postion-y'),
+    };
 
     const focusPointPopupContainer = document.createElement('div');
     focusPointPopupContainer.className = 'homegrade-blocks-focus-point-bullet__tooltip-container';
@@ -11,13 +15,19 @@ export default function SchemaBulletPointsInit() {
     const focusPointPopupTitle = document.createElement('h4');
     focusPointPopupTitle.textContent = focusTitle;
     focusPointPopupTitle.className = 'tooltip-title';
-
+    focusPointPopupContainer.style.left = `${focusPointPosition.x}%`;
+    focusPointPopupContainer.style.top = `${focusPointPosition.y}%`;
     focusPointPopupContainer.appendChild(focusPointPopupTitle);
-    focusPoint.appendChild(focusPointPopupContainer);
+
+    console.log(focusPointPosition);
+
+    // focusPointPopupContainer.style.left = `${focusPoint.getAttribute}px`;
+    // focusPoint.appendChild(focusPointPopupContainer);
+    focusPoint.parentNode.insertBefore(focusPointPopupContainer, focusPoint.nextSibling);
+
     focusPoint.setAttribute('data-hovered', '');
     // focusPoint.style.zIndex = 1;
     // focusPointPopupContainer.style.zIndex = 99;
-
   }
   function handleVisibility(focusPoint) {
     // console.log(focusPoint);