{"id":565,"date":"2026-09-10T15:10:36","date_gmt":"2026-09-10T15:10:36","guid":{"rendered":"https:\/\/lapausepipi.com\/?page_id=565"},"modified":"2026-10-04T17:03:17","modified_gmt":"2026-10-04T17:03:17","slug":"primis","status":"publish","type":"page","link":"https:\/\/lapausepipi.com\/","title":{"rendered":"Salle de cin\u00e9ma"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"565\" class=\"elementor elementor-565\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bae7b4 e-con-full e-flex e-con e-parent\" data-id=\"7bae7b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf6e374 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"cf6e374\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"cinema-wrapper\">\n    <!-- 1. Le bouton de son discret (Optionnel, l'utilisateur g\u00e8re s'il le veut) -->\n    <button id=\"btnSon\" onclick=\"toggleSon()\">\ud83d\udd0a Activer le son<\/button>\n\n    <!-- 2. Le lecteur vid\u00e9o plein \u00e9cran, sans boutons natifs, en autoplay fluide -->\n    <video autoplay muted playsinline id=\"videoCinema\">\n        <source src=\"http:\/\/lapausepipi.com\/wp-content\/uploads\/2026\/09\/Lanimation-au-complet.mp4\" type=\"video\/mp4\">\n    <\/video>\n\n    <!-- 3. La zone de clic de la porte (Actuellement rouge et flashy pour tes r\u00e9glages) -->\n    <a href=\"https:\/\/lapausepipi.com\/?page_id=570\" class=\"porte-cliquable\"><\/a>\n<\/div>\n\n<script>\nconst video = document.getElementById('videoCinema');\nconst btnSon = document.getElementById('btnSon');\n\n\/\/ G\u00e8re l'activation et la coupure du son de mani\u00e8re fluide\nfunction toggleSon() {\n    if (video.muted) {\n        video.muted = false;\n        btnSon.innerHTML = \"\ud83d\udd07 Couper le son\";\n    } else {\n        video.muted = true;\n        btnSon.innerHTML = \"\ud83d\udd0a Activer le son\";\n    }\n}\n<\/script>\n\n<style>\n\/* Supprime les marges, bloque le scroll et met le fond de page en noir *\/\nhtml:has(.cinema-wrapper),\nbody:has(.cinema-wrapper) {\n    overflow: hidden !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    height: 100vh !important;\n    background: #000 !important;\n}\n\n\/* Le cadre global du cin\u00e9ma *\/\n.cinema-wrapper {\n    position: relative;\n    width: 100vw;\n    height: 100vh;\n    background: #000;\n}\n\n\/* Force la vid\u00e9o \u00e0 remplir tout l'\u00e9cran sans d\u00e9former *\/\n.cinema-wrapper video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover; \n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 1;\n}\n\n\/* Style du petit bouton de son arrondi en haut \u00e0 gauche *\/\n#btnSon {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    z-index: 99999;\n    padding: 10px 15px;\n    background: rgba(0, 0, 0, 0.7);\n    color: #fff;\n    border: 1px solid #fff;\n    border-radius: 20px;\n    cursor: pointer;\n    font-size: 14px;\n    transition: background 0.3s;\n}\n#btnSon:hover {\n    background: #fff;\n    color: #000;\n}\n\n\/* R\u00c9GLAGE DE TA PORTE : Parfaitement invisible et cliquable *\/\n.porte-cliquable {\n    position: absolute;\n    \n    top: 34.2%;        \/* Ta hauteur *\/\n    left: 75%;         \/* Ton calage horizontal *\/\n    width: 3%;         \/* Ta largeur *\/\n    height: 15%;       \/* Ta hauteur *\/\n    \n    z-index: 9999;     \/* Passe au-dessus de la vid\u00e9o *\/\n    cursor: pointer;\n    \n    \/* On force la transparence absolue *\/\n    background: rgba(0, 0, 0, 0) !important;\n    border: none !important;\n    outline: none !important;\n    box-shadow: none !important;\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e91a82a e-flex e-con-boxed e-con e-parent\" data-id=\"e91a82a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f39bf9 elementor-widget elementor-widget-html\" data-id=\"0f39bf9\" 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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd0a Activer le son \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-565","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lapausepipi.com\/index.php?rest_route=\/wp\/v2\/pages\/565","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=565"}],"version-history":[{"count":81,"href":"https:\/\/lapausepipi.com\/index.php?rest_route=\/wp\/v2\/pages\/565\/revisions"}],"predecessor-version":[{"id":807,"href":"https:\/\/lapausepipi.com\/index.php?rest_route=\/wp\/v2\/pages\/565\/revisions\/807"}],"wp:attachment":[{"href":"https:\/\/lapausepipi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}