{"id":570,"date":"2026-09-10T15:09:17","date_gmt":"2026-09-10T15:09:17","guid":{"rendered":"https:\/\/lapausepipi.com\/?page_id=570"},"modified":"2026-10-04T17:04:24","modified_gmt":"2026-10-04T17:04:24","slug":"fbi","status":"publish","type":"page","link":"https:\/\/lapausepipi.com\/?page_id=570","title":{"rendered":"Le couloir"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"570\" class=\"elementor elementor-570\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3827c68 e-con-full e-flex e-con e-parent\" data-id=\"3827c68\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4db7fb1 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4db7fb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"image-interactive-container\">\r\n  <!-- 1. TON IMAGE DE FOND (Remplace l'URL ci-dessous) -->\r\n  <img decoding=\"async\" src=\"http:\/\/lapausepipi.com\/wp-content\/uploads\/2026\/09\/Lentresalle-closed.png\" alt=\"Image interactive\" class=\"image-fond\">\r\n\r\n  <!-- 2. TES ZONES CLIQUABLES -->\r\n  <!-- Zone 1 -->\r\n  <a href=\"https:\/\/lapausepipi.com\/?page_id=654\" class=\"zone-cliquable zone-1\" title=\"Lien 1\"><\/a>\r\n<\/div>\r\n\r\n<style>\r\n\/* Conteneur de l'image *\/\r\n.image-interactive-container {\r\n  position: relative;\r\n  display: inline-block;\r\n  width: 100%;\r\n}\r\n\r\n.image-fond {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n}\r\n\r\n\/* Style g\u00e9n\u00e9ral des zones cliquables *\/\r\n.zone-cliquable {\r\n  position: absolute;\r\n  cursor: pointer;\r\n  box-sizing: border-box;\r\n\r\n  \/* --- MODE TEST \/ AJUSTEMENT (Rectangle rouge) --- *\/\r\nbackground-color: transparent;\r\nborder: none;\r\n\r\n  \/* --- MODE PRODUCTION (D\u00e9commente \/ Active ces 2 lignes quand tu as fini) --- *\/\r\n  \/* background-color: transparent; *\/\r\n  \/* border: none; *\/\r\n}\r\n\r\n\/* Optionnel : Petit effet visuel si l'utilisateur survole la zone cach\u00e9e *\/\r\n\/*\r\n.zone-cliquable:hover {\r\n  background-color: rgba(255, 255, 255, 0.15);\r\n}\r\n*\/\r\n\r\n\/* --------------------------------------------------\r\n   POSITIONNEMENT DES ZONES (en % pour que ce soit responsive)\r\n   -------------------------------------------------- *\/\r\n\r\n\/* Position Zone 1 *\/\r\n.zone-1 {\r\n  top: 27.4%;     \/* Position par rapport au HAUT (0% \u00e0 100%) *\/\r\n  left: 44%;    \/* Position par rapport \u00e0 la GAUCHE (0% \u00e0 100%) *\/\r\n  width: 11%;   \/* Largeur du rectangle *\/\r\n  height: 33%;  \/* Hauteur du rectangle *\/\r\n}\r\n\r\n\/* Position Zone 2 *\/\r\n.zone-2 {\r\n  top: 50%;\r\n  left: 60%;\r\n  width: 20%;\r\n  height: 20%;\r\n}\r\n<\/style>\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const container = document.querySelector('.image-interactive-container');\r\n  if (container) {\r\n    container.addEventListener('wheel', function(e) {\r\n      e.preventDefault();\r\n    }, { passive: false });\r\n  }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a1a15b elementor-widget elementor-widget-html\" data-id=\"4a1a15b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* Le message d'avertissement est cach\u00e9 sur ordinateur et en paysage *\/\r\n.block-portrait-overlay {\r\n  display: none;\r\n}\r\n\r\n\/* D\u00e9tection automatique des \u00e9crans en mode PORTRAIT (debout) *\/\r\n@media screen and (max-width: 1024px) and (orientation: portrait) {\r\n  \/* Bloque le d\u00e9filement *\/\r\n  html, body {\r\n    overflow: hidden !important;\r\n  }\r\n  \r\n  \/* Affiche le panneau noir plein \u00e9cran *\/\r\n  .block-portrait-overlay {\r\n    display: flex !important;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    background-color: #000000;\r\n    color: #ffffff;\r\n    z-index: 999999;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    text-align: center;\r\n    padding: 30px;\r\n    box-sizing: border-box;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- \u00c9cran de redirection affich\u00e9 uniquement debout -->\r\n<div class=\"block-portrait-overlay\">\r\n  <div style=\"font-size: 50px; margin-bottom: 15px;\">\ud83d\udd04<\/div>\r\n  <h2 style=\"color: #ffffff; margin-bottom: 10px; font-size: 22px;\">Veuillez pivoter votre \u00e9cran<\/h2>\r\n  <p style=\"color: #aaaaaa; font-size: 14px; max-width: 300px;\">Pour profiter de l'exp\u00e9rience interactive, tournez votre appareil en mode paysage (horizontal).<\/p>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd04 Veuillez pivoter votre \u00e9cran Pour profiter de l&rsquo;exp\u00e9rience interactive, tournez votre appareil en mode paysage (horizontal).<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-570","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lapausepipi.com\/index.php?rest_route=\/wp\/v2\/pages\/570","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lapausepipi.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lapausepipi.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lapausepipi.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lapausepipi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=570"}],"version-history":[{"count":35,"href":"https:\/\/lapausepipi.com\/index.php?rest_route=\/wp\/v2\/pages\/570\/revisions"}],"predecessor-version":[{"id":810,"href":"https:\/\/lapausepipi.com\/index.php?rest_route=\/wp\/v2\/pages\/570\/revisions\/810"}],"wp:attachment":[{"href":"https:\/\/lapausepipi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}