body:not(.ready) * { opacity: 1 !important; } @media screen and (max-width: 1025px) { body:not(.ready) header { position: relative !important; } body:not(.ready) nav.nav { transform: translateX(0); position: relative !important; max-width: 100%; box-shadow: inherit; left: 0; right: 0; visibility: visible; pointer-events: inherit } } body:not(.ready) input.opener { position: relative; opacity: 0 !important; display: none } body:not(.ready) .footer-jalis, body:not(.ready) .footer-ref { position: relative; visibility: visible } body:not(.ready) .img--back:not(.no-js) > img { max-width: 100%; width: auto } body:not(.ready).accueil-intro header { display: block !important } body:not(.ready) ul.menufx { transform: translateY(0) } body:not(.ready) .display-none { display: block } body:not(.ready) .img--back > :not(.panneau) { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover } body:not(.ready) [class*=diaporama] > * { width: 100%; height: 100% } body:not(.ready) .img--back img[data-lazy], body:not(.ready) .img--back img[data-src-slide], body:not(.ready) .img--back img[data-src] { display: none }