{"id":735,"date":"2025-04-07T11:34:40","date_gmt":"2025-04-07T09:34:40","guid":{"rendered":"https:\/\/bistrot-culsec.fr\/home\/"},"modified":"2025-07-14T15:42:26","modified_gmt":"2025-07-14T13:42:26","slug":"home","status":"publish","type":"page","link":"https:\/\/bistrot-culsec.fr\/en\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\tContr\u00f4le Audio Simple<\/title><style>\/* Bouton discret en bas \u00e0 droite, zone de clic \u00e9largie *\/\n .sound-toggle-btn {\n position: fixed;\n bottom: 32px;\n right: 32px;\n z-index: 11; \/* devant header\/footer (10) *\/\n background: none;\n \/* border supprim\u00e9 *\/\n cursor: pointer;\n padding: 16px; \/* zone de clic plus large *\/\n transition: all 0.3s ease;\n opacity: 0.8;\n }\n\n .sound-toggle-btn:hover {\n opacity: 1;\n transform: scale(1.1);\n }\n\n .sound-toggle-btn svg {\n width: 28px;\n height: 28px;\n transition: all 0.3s ease;\n display: block;\n }\n\n \/* Vid\u00e9o responsive toujours sous header\/footer *\/\n .responsive-bg-video {\n z-index: 0 !important; \/* sous header\/footer (10) *\/\n }\n\n \/* Notification align\u00e9e \u00e0 gauche du bouton, sur une seule ligne *\/\n .notification {\n position: fixed;\n bottom: 32px; \/* m\u00eame hauteur que le bouton *\/\n right: 100px; \/* \u00e0 gauche du bouton (32 + 60 + 8) *\/\n white-space: nowrap; \/* une seule ligne *\/\n background: rgba(15, 53, 35, 0.4);\n color: white;\n padding: 8px 12px;\n border-radius: 8px;\n font-size: 14px;\n z-index: 10000;\n opacity: 0;\n transform: translateY(0);\n transition: opacity 0.3s ease;\n backdrop-filter: blur(10px);\n \/* plus de max-width pour ne pas contraindre la ligne *\/\n }\n\n .notification.show {\n opacity: 1;\n }\n\n \/* Ajustements mobiles *\/\n @media (max-width: 768px) {\n .sound-toggle-btn {\n bottom: 24px;\n right: 24px;\n padding: 14px; \/* un peu moins sur mobile *\/\n }\n\n .sound-toggle-btn svg {\n width: 24px;\n height: 24px;\n }\n\n .notification {\n bottom: 24px; \/* m\u00eame hauteur que le bouton mobile *\/\n right: 84px; \/* 24 + (24+14*2) + 8 *\/\n font-size: 12px;\n padding: 6px 10px;\n }\n }\n <\/style><\/head><body><!-- Bouton de contr\u00f4le audio --><button class=\"sound-toggle-btn\" id=\"soundToggleBtn\" aria-label=\"Activer\/d\u00e9sactiver le son\"><svg viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"28\" height=\"28\" rx=\"9\" fill=\"#0F3523\"><\/rect><path d=\"M6.75 12.2447C6.75 11.6924 7.19772 11.2447 7.75 11.2447H9.46951C9.67794 11.2447 9.88115 11.1795 10.0508 11.0584L12.4812 9.32233C13.1431 8.84956 14.0625 9.32268 14.0625 10.1361V17.8637C14.0625 18.6771 13.1431 19.1502 12.4812 18.6774L10.0508 16.9414C9.88115 16.8202 9.67794 16.7551 9.46951 16.7551H7.75C7.19772 16.7551 6.75 16.3074 6.75 15.7551V12.2447Z\" stroke=\"white\"><\/path><g id=\"muteIcon\"><rect x=\"16.25\" y=\"15.7678\" width=\"6\" height=\"1\" transform=\"rotate(-45 16.25 15.7678)\" fill=\"white\"><\/rect><rect width=\"6\" height=\"1\" transform=\"matrix(-0.707107 -0.707107 -0.707107 0.707107 21.25 15.7678)\" fill=\"white\"><\/rect><\/g><g id=\"soundWaves\" style=\"display: none;\"><path d=\"M16.5 10.5C17.5 11.5 17.5 16.5 16.5 17.5\" stroke=\"white\" stroke-width=\"1\" fill=\"none\" stroke-linecap=\"round\"><\/path><path d=\"M18.5 8.5C20.5 10.5 20.5 17.5 18.5 19.5\" stroke=\"white\" stroke-width=\"1\" fill=\"none\" stroke-linecap=\"round\"><\/path><\/g><\/svg><\/button><!-- Notification --><div class=\"notification\" id=\"notification\"><\/div><script>document.addEventListener('DOMContentLoaded', function() {\n const soundToggleBtn = document.getElementById('soundToggleBtn');\n const notification = document.getElementById('notification');\n const muteIcon = document.getElementById('muteIcon');\n const soundWaves = document.getElementById('soundWaves');\n let isMuted = true;\n const isMobile = \/Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini\/i.test(navigator.userAgent);\n\n function showNotification(msg, duration = 2000) {\n notification.textContent = msg;\n notification.classList.add('show');\n setTimeout(() => notification.classList.remove('show'), duration);\n }\n\n function createResponsiveVideos() {\n document.querySelectorAll('.responsive-bg-video').forEach(v => v.remove());\n const desktopContainer = document.querySelector('.elementor-element-cc73259');\n const mobileContainer = document.querySelector('.elementor-element-7848d3b');\n\n if (desktopContainer) {\n const v = document.createElement('video');\n v.className = 'responsive-bg-video desktop-video';\n v.autoplay = true; v.muted = true; v.loop = true; v.playsInline = true; v.preload = 'auto';\n v.src = 'https:\/\/bistrot-culsec.fr\/wp-content\/uploads\/2025\/07\/CS_FILM_DEF-Web-Autoplay-MP4.mp4';\n Object.assign(v.style, {\n position: 'absolute', top: 0, left: 0,\n width: '100%', height: '100%', objectFit: 'cover'\n });\n desktopContainer.appendChild(v);\n }\n\n if (mobileContainer) {\n const v = document.createElement('video');\n v.className = 'responsive-bg-video mobile-video';\n v.autoplay = true; v.muted = true; v.loop = true; v.playsInline = true; v.preload = 'auto';\n v.src = 'https:\/\/bistrot-culsec.fr\/wp-content\/uploads\/2025\/07\/CS_FILM_DEF_916-Web-Autoplay-MP4.mp4';\n Object.assign(v.style, {\n position: 'absolute', top: 0, left: 0,\n width: '100%', height: '100%', objectFit: 'cover'\n });\n mobileContainer.appendChild(v);\n }\n }\n\n function getActiveVideo() {\n const vids = document.querySelectorAll('.responsive-bg-video');\n for (let v of vids) if (v.offsetParent !== null) return v;\n const alt = document.querySelectorAll('.elementor-background-video-hosted');\n for (let v of alt) if (v.style.width !== '0px' && v.style.height !== '0px') return v;\n return alt[0] || null;\n }\n\n function updateIcon() {\n if (isMuted) {\n muteIcon.style.display = 'block';\n soundWaves.style.display = 'none';\n soundToggleBtn.setAttribute('aria-label', 'Activer le son');\n } else {\n muteIcon.style.display = 'none';\n soundWaves.style.display = 'block';\n soundToggleBtn.setAttribute('aria-label', 'D\u00e9sactiver le son');\n }\n }\n\n \/\/ Initialisation\n createResponsiveVideos();\n const initialVideo = getActiveVideo();\n if (initialVideo) initialVideo.play().catch(() => {});\n updateIcon();\n\n if (isMobile) {\n setTimeout(() => showNotification('Touchez pour activer le son'), 1500);\n }\n\n soundToggleBtn.addEventListener('click', function(e) {\n e.preventDefault();\n const video = getActiveVideo();\n if (!video) {\n showNotification('Aucune vid\u00e9o trouv\u00e9e');\n return;\n }\n isMuted = !isMuted;\n video.muted = isMuted;\n if (!isMuted && video.paused) video.play().catch(() => {});\n updateIcon();\n showNotification(isMuted ? 'Son d\u00e9sactiv\u00e9' : 'Son activ\u00e9');\n });\n\n \/\/ V\u00e9rification de la vid\u00e9o\n let checkVideoInterval = setInterval(() => {\n const v = getActiveVideo();\n if (v && v.readyState >= 2) {\n clearInterval(checkVideoInterval);\n }\n }, 1000);\n setTimeout(() => clearInterval(checkVideoInterval), 10000);\n });\n <\/script><\/body><\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-99061da e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"99061da\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation_mobile":"fadeIn","animation":"fadeIn"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0349dc1 elementor-widget__width-initial elementor-mobile-align-justify elementor-widget-mobile__width-initial elementor-tablet-align-justify elementor-widget-tablet__width-initial elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"0349dc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"none"}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-size-sm elementor-animation-grow\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">MENU<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22511af elementor-widget__width-initial elementor-mobile-align-justify elementor-widget-mobile__width-initial elementor-tablet-align-justify elementor-widget-tablet__width-initial elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"22511af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/bistrot-culsec.fr\/en\/book-a-table\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book a table<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\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>Contr\u00f4le Audio Simple MENU Book a table<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-735","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bistrot-culsec.fr\/en\/wp-json\/wp\/v2\/pages\/735","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bistrot-culsec.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bistrot-culsec.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bistrot-culsec.fr\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bistrot-culsec.fr\/en\/wp-json\/wp\/v2\/comments?post=735"}],"version-history":[{"count":0,"href":"https:\/\/bistrot-culsec.fr\/en\/wp-json\/wp\/v2\/pages\/735\/revisions"}],"wp:attachment":[{"href":"https:\/\/bistrot-culsec.fr\/en\/wp-json\/wp\/v2\/media?parent=735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}