:root { --vacation-banner-height: 0px; --vacation-banner-speed: 500ms; } .elementor-location-header { position: relative; z-index: 300 !important; overflow: visible !important; } .elementor-location-header .e-con, .elementor-location-header .elementor-container, .elementor-location-header .elementor-section, .elementor-location-header .elementor-column, .elementor-location-header .elementor-widget-wrap { overflow: visible; } .vacation-banner { position: fixed !important; top: 0 !important; right: 0 !important; left: 0 !important; width: 100% !important; z-index: 500 !important; transform: translate3d(0, -110%, 0); -webkit-transform: translate3d(0, -110%, 0); visibility: hidden; pointer-events: none; transition: transform var(--vacation-banner-speed) ease, visibility 0s linear var(--vacation-banner-speed); } body.vacation-banner-is-open .vacation-banner { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); visibility: visible; pointer-events: auto; transition: transform var(--vacation-banner-speed) ease, visibility 0s; } body { padding-top: 0; transition: padding-top var(--vacation-banner-speed) ease; } body.vacation-banner-is-open { padding-top: var(--vacation-banner-height); } .elementor-location-header .elementor-sticky--active { z-index: 300 !important; transition: top var(--vacation-banner-speed) ease, transform var(--vacation-banner-speed) ease; } body.vacation-banner-is-open .elementor-location-header .elementor-sticky--active { top: var(--vacation-banner-height) !important; } .vacation-banner .croix { position: relative; z-index: 510; cursor: pointer; pointer-events: auto; touch-action: manipulation; -webkit-tap-highlight-color: transparent; } .elementor-location-header .elementor-widget-nav-menu, .elementor-location-header .elementor-menu-toggle { position: relative; z-index: 400 !important; } .elementor-location-header .elementor-nav-menu--dropdown, .elementor-location-header .elementor-nav-menu__container { z-index: 410 !important; } .elementor-widget-video, .elementor-background-video-container, .elementor-background-video-container video, .elementor-background-video-container iframe, .elementor-widget-video video, .elementor-widget-video iframe { position: relative; z-index: 0 !important; } .elementor-popup-modal:has(.login), .dialog-widget:has(.login), .dialog-lightbox-widget:has(.login) { z-index: 1000 !important; } .elementor-popup-modal:has(.login) .dialog-widget-content, .dialog-widget:has(.login) .dialog-widget-content, .dialog-lightbox-widget:has(.login) .dialog-widget-content, .login { z-index: 1000 !important; } .elementor-popup-modal:has(.login) .dialog-widget-overlay, .dialog-widget:has(.login) .dialog-widget-overlay, .dialog-lightbox-widget:has(.login) .dialog-widget-overlay { z-index: 999 !important; } .login { position: relative; } @media screen and (max-width: 1024px) { body, body.vacation-banner-is-open { padding-top: 0 !important; } .vacation-banner { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: 100% !important; max-height: 0; overflow: hidden; transform: none !important; -webkit-transform: none !important; visibility: hidden; pointer-events: none; z-index: 500 !important; transition: max-height var(--vacation-banner-speed) ease, visibility 0s linear var(--vacation-banner-speed); } body.vacation-banner-is-open .vacation-banner { max-height: var(--vacation-banner-height); visibility: visible; pointer-events: auto; transform: none !important; -webkit-transform: none !important; transition: max-height var(--vacation-banner-speed) ease, visibility 0s; } .elementor-location-header .elementor-sticky--active, .elementor-location-header .elementor-sticky--effects { top: 0 !important; z-index: 300 !important; transform: none; translate: none; isolation: isolate; } body.vacation-banner-is-open .elementor-location-header .elementor-sticky--active, body.vacation-banner-is-open .elementor-location-header .elementor-sticky--effects { top: 0 !important; transform: none; translate: none; } .elementor-location-header .elementor-widget-nav-menu { position: relative; z-index: 400 !important; } .elementor-location-header .elementor-menu-toggle { position: relative; z-index: 410 !important; } .elementor-location-header .elementor-nav-menu--dropdown, .elementor-location-header .elementor-nav-menu__container { position: absolute; right: 0; left: 0; z-index: 420 !important; } .vacation-banner.vacation-banner-is-measuring { position: absolute !important; display: block !important; top: 0 !important; right: 0 !important; left: 0 !important; width: 100% !important; max-height: none !important; height: auto !important; overflow: visible !important; visibility: hidden !important; pointer-events: none !important; transform: none !important; -webkit-transform: none !important; } } @media (prefers-reduced-motion: reduce) { .vacation-banner, body, .elementor-location-header .elementor-sticky--active { transition-duration: 1ms !important; } } document.addEventListener('DOMContentLoaded', function () { const banner = document.querySelector('.vacation-banner'); if (!banner) { return; } const closeButton = banner.querySelector('.croix'); const mobileQuery = window.matchMedia('(max-width: 1024px)'); let openingTimer = null; let resizeTimer = null; let isClosed = false; function updateBannerHeight() { let height = 0; if (mobileQuery.matches) { banner.classList.add( 'vacation-banner-is-measuring' ); height = Math.ceil(banner.scrollHeight); banner.classList.remove( 'vacation-banner-is-measuring' ); } else { height = Math.ceil(banner.scrollHeight); } if (height > 0) { document.documentElement.style.setProperty( '--vacation-banner-height', height + 'px' ); } } function openBanner() { if (isClosed) { return; } updateBannerHeight(); window.requestAnimationFrame(function () { window.requestAnimationFrame(function () { if (!isClosed) { document.body.classList.add( 'vacation-banner-is-open' ); } }); }); } function closeBanner(event) { if (event) { event.preventDefault(); event.stopPropagation(); } isClosed = true; if (openingTimer) { window.clearTimeout(openingTimer); openingTimer = null; } document.body.classList.remove( 'vacation-banner-is-open' ); } if (closeButton) { closeButton.setAttribute('role', 'button'); closeButton.setAttribute('tabindex', '0'); closeButton.setAttribute( 'aria-label', 'Fermer le bandeau d’information' ); closeButton.addEventListener( 'click', closeBanner ); closeButton.addEventListener( 'keydown', function (event) { if ( event.key === 'Enter' || event.key === ' ' ) { closeBanner(event); } } ); } window.addEventListener('load', function () { if (!isClosed) { updateBannerHeight(); } }); window.addEventListener('resize', function () { window.clearTimeout(resizeTimer); resizeTimer = window.setTimeout(function () { if (!isClosed) { updateBannerHeight(); } }, 150); }); window.addEventListener( 'orientationchange', function () { window.setTimeout(function () { if (!isClosed) { updateBannerHeight(); } }, 300); } ); if ('ResizeObserver' in window) { const observer = new ResizeObserver(function () { if (!isClosed) { updateBannerHeight(); } }); observer.observe(banner); } openingTimer = window.setTimeout( openBanner, 3000 ); });