@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body,h1,h2,h3,h4,h5,h6,p,ul{margin:0}#myVideo,.indexheader,.item{overflow:hidden}#teaser .space-between h5:hover,.categories-list a:hover,.dispositif-intro .wrapper a h4:hover,.item,.item a:hover,.link:hover,.popup h5:hover,footer .nav a:hover,h6 a:hover{cursor:pointer}.tutorialwrapper a:hover,h6 a:hover{text-decoration:underline}.banner,.item{background-repeat:no-repeat;background-size:cover;background-position:center}:root{--color-black:#141414;--color-white:#ffffff}*,::after,::before{box-sizing:border-box}body{padding:0;font-family:"DM Sans",sans-serif}*{scrollbar-width:thin;scrollbar-color:#ffffff72}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{border-radius:20px;background-color:#ffffff72}::-webkit-scrollbar-track:hover{background-color:#ffffff72}::-webkit-scrollbar-track:active{background-color:#ffffff72}::-webkit-scrollbar-thumb{border-radius:20px;background-color:#00000072}::-webkit-scrollbar-thumb:hover{background-color:#00000072}::-webkit-scrollbar-thumb:active{background-color:#00000072}h2,h3{font-family:"playfair display",serif;font-weight:500;margin-bottom:1.5rem;font-style:italic}a,a:active,a:focus,a:hover,a:visited{text-decoration:none;color:unset;cursor:default}h1{font-family:"playfair display",serif;font-style:italic;font-size:5rem;font-weight:500}h2{font-size:2.5rem}h3{font-size:1.5rem}h4,h5{font-family:'dm sans',sans-serif}h4,h5,h6{font-weight:400}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.8rem}.categories-list .categorie span,.menu-overlay .one .categorie span,.tarif h5,label{font-weight:500}ul{padding-left:0}li{list-style:none}i{font-family:'Playfair Display',serif}input,input[type=date],option,select{font-family:'dm sans',sans-serif}label{font-size:'dm sans',sans-serif}input,option,select{padding:.5rem .8rem}.button,button,input[type=submit]{font-family:'dm sans',sans-serif;width:fit-content;background-color:var(--color-black);color:#fff!important;padding:.8rem 1.5rem;border:none;margin-top:1.5rem;float:right}#teaser,.button:hover,button:hover,input[type=submit]:hover{background-color:#000}.counter{margin:0;border-radius:50%;padding:5px 10px}.amount{display:flex;align-items:center;gap:1rem}.horaires{display:flex;flex-wrap:wrap}#step2,#step3,.dispositifInteractif,.tab-pane,input[type=radio] *{display:none}input[type=radio]{visibility:hidden;width:0;margin:0}input[type=radio]+label{margin-bottom:1rem;margin-right:1rem;display:inline-block;padding:8px 18px;background-color:#e7e7e7;border-color:#ddd;width:fit-content}input[type=radio]:checked+label{background-image:none;color:var(--color-white);background-color:var(--color-black)}.navbar{z-index:90000000;position:fixed;top:0;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:2rem 3rem;width:100%}.scroll .navbar{color:#fff;background-color:transparent}.difference{background-color:var(--color-white)}.whitenavbar{background-color:transparent!important;color:var(--color-white);mix-blend-mode:difference}.navbar .logo img{height:2.5rem}.navbar .links{display:flex;gap:3rem}.navbar .home{padding:0 .3rem .3rem;font-weight:100;font-size:2rem}.menu{position:relative;height:14px;width:20px;display:none;filter:contrast(0)}.menu-link{width:100%;height:100%;z-index:2}.hamburger-icon{position:absolute;width:20px;height:14px;margin:auto;left:0;top:0;right:0;bottom:1px}.hamburger-bar{background-color:#fff;height:2px;width:100%;border-radius:2px;position:absolute;left:0;transition:.25s ease-in-out}#teaser,.menu-overlay{width:100vw;position:fixed;height:100vh}.hamburger-bar-2{top:0;bottom:0;margin:auto}.button *,fieldset{margin:0}.hamburger-bar-3{bottom:0}.menu.open .hamburger-bar-1{transform:translateY(7px) translateY(-50%) rotate(45deg)}.menu.open .hamburger-bar-2{opacity:0}.menu.open .hamburger-bar-3{transform:translateY(-7px) translateY(50%) rotate(-45deg)}.menu-overlay{z-index:999999999999999999999999999;padding-right:2rem;background-color:var(--color-white);color:var(--color-black);font-family:'Playfair Display',serif;font-style:italic;text-align:end;transition:.5s ease-in-out;opacity:0;visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.button *,.indexheader h2,.recap h3 span{font-family:'DM Sans',sans-serif;font-style:normal}.menu-overlay .one li{line-height:4rem;font-size:2.7rem}.categories-list{display:flex;gap:3rem;justify-content:flex-end}#teaser .space-between h5:after,.dispositif-intro .wrapper a h4:after,.popup h5:after,.whitenavbar .categories-list a:after{background:var(--color-white)!important}#teaser .space-between h5:after,.categories-list a:after,.dispositif-intro .wrapper a h4:after,.link:after,.one a:after,.popup h5:after,footer .nav a:after{content:"";display:block;height:1.5px;left:0;background:var(--color-white);mix-blend-mode:difference;opacity:.6;transition:width .3s,opacity .3s;width:0}#teaser .space-between h5:hover:after,.categories-list a:hover:after,.dispositif-intro .wrapper a h4:hover:after,.link:hover:after,.one a:hover:after,.popup h5:hover:after,footer .nav a:hover:after{width:100%;opacity:.9}.menu-overlay.open{opacity:1;visibility:visible}.menu-overlay li,.navbar li{font-size:.8rem;line-height:1.6rem;text-align:end}.navbar .categories li:hover{opacity:1}.categorie{padding:1rem}header{padding-top:6.5rem}#teaser{z-index:900000000;top:0;left:0}#myVideo,.indexheader,.item,.owl-container{position:relative}#teaser video{width:100%;height:100%;object-fit:cover}#teaser .space-between{position:absolute;color:var(--color-white);z-index:9000000000000;bottom:0;width:100%;padding:20px;align-items:flex-end}#sound{width:1.5rem;fill:var(--color-white)}#myVideo{min-width:100%;max-height:100vh;z-index:-700000}.indexheader{padding-top:0!important;color:var(--color-white);top:0;margin:0;height:100vh;background-color:rgba(0,0,0,.5)}.indexheader>video{object-position:center;width:100%;height:100%;object-fit:cover}.indexheader section{padding:4rem;position:absolute;bottom:0;display:flex;flex-direction:row;align-items:end;justify-content:space-between}.indexheader .button{padding:1.5rem 2rem;border:1px solid var(--color-white);transition:.2s;background:0 0}.indexheader .button:hover{background-color:var(--color-white);color:var(--color-black)!important;transition:.2s}.wrapper{width:80%;margin:0 auto}main.wrapper{margin:5rem auto;display:flex;gap:4rem;width:70%}.wrapper aside{width:30%}.wrapper aside h4{font-weight:600;font-family:'playfair display',serif;font-style:italic;margin-bottom:.5rem}main.wrapper article{width:70%}.dispositif-intro{background-color:var(--color-black);color:var(--color-white);padding:5rem;margin-top:5rem}.dispositif-intro .wrapper{display:flex;gap:5rem}.dispositif-intro .wrapper img{height:25rem}.dispositif-intro .wrapper a h4{display:inline-block;font-family:'Playfair Display',serif}.owl-container{margin:7rem auto;max-width:80vw;display:flex;gap:3rem;align-items:center;justify-content:center;flex-direction:column;color:var(--color-black)}.champ,.champ *,footer li{margin-bottom:1rem}.flex,fieldset{gap:1rem}.owl-theme .owl-nav{font-size:3rem;position:absolute;top:0;bottom:0;left:0;right:0;display:flex!important;flex-direction:row;justify-content:center;gap:105%;z-index:-500;color:gray}.item,.popup{justify-content:center;width:100%}.owl-theme .owl-nav [class*=owl-]:hover,.owl-theme .owl-nav [class*=owl-]:hover span{background-color:transparent;color:#000}.owl-next span,.owl-prev span{font-size:3rem;font-weight:200;font-family:"Playfair Display",serif;color:gray}.mainSite .tutorialwrapper li:before,.tutorialwrapper a{font-family:'Playfair Display',serif;font-style:italic}.popup,.popup h5{color:var(--color-white)}.owl-item{padding:0 15px}.item{height:15rem;background-attachment:fixed;display:flex;align-items:center;transition:.3s ease-out}.item>img{position:absolute;z-index:-1;inset:0;min-height:100%;object-fit:cover;object-position:-7rem center;transition:transform .5s ease-out}.item:hover,a:hover>img{transform:scale(1.05);transition:transform .3s ease-out}.popup{display:none;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.8);text-align:end;z-index:700000000000;height:100vh;align-items:center;padding:50px}.popup img{max-width:100%;max-height:60vh;margin:0 auto}.popup h5{position:absolute;top:60px;right:60px}.tutorial video,section{width:100%}fieldset{border:none;padding:0;width:100%;display:flex}.champ,.champ *{width:100%}.center,.flex{margin:0 auto;display:flex}.center{justify-content:center;align-items:center}.space-between,.tarif{justify-content:space-between}.center video{width:90%}.space-between{display:flex;width:100%}.breadcrumb,footer li a{display:inline-block}main.flex{gap:5rem}.billetterie-expo h2{margin:1.5rem 0 2rem}.billetterie-expo div{display:flex;align-items:flex-end;gap:3rem;width:70%;margin-bottom:5rem}.tab-pane:first-child,span.error{display:block}.billetterie-expo div img{height:17rem}.breadcrumb{margin-bottom:2rem}#step3 h6,.recap,.recap .titre{margin-bottom:1.5rem}.breadcrumb a{font-weight:700}.active-breadcrumb{color:#000!important;font-weight:700;cursor:pointer}#breadcrumbBillets,#breadcrumbConfirmation{color:grey}#step3 h6{padding:1.1rem;border:1px solid gray;color:gray}span.error{font-size:.8rem;color:#ef233b}.recap{padding:2rem 3rem;border:1px solid #000}.recap .titre{display:flex;gap:1.5rem}.recap .titre img{width:20%;height:100%}.tarif{display:flex;margin-top:2rem;margin-left:auto;margin-right:auto;align-items:center}.qrwrapper h1,.tarif:not(:last-child){margin-bottom:2rem}.tarif .prix{display:flex;justify-content:space-between;align-items:center;gap:3rem}.dispositif{background-color:#0e0e0e!important;color:#fff!important}.qrwrapper{display:flex;width:90%;margin:3rem auto;gap:7rem}.tutorial{display:flex;width:70%;gap:1rem;align-items:end;flex-direction:column}.qr{margin:0 3rem}.tutorialwrapper,footer{width:90%;margin:0 auto}.mainSite .tutorial img,.qr img{height:20rem}.tutorialwrapper{display:flex;align-items:center;justify-content:space-between;gap:5rem}.mainSite .tutorialwrapper ul{counter-reset:section;list-style:none}.mainSite .tutorialwrapper li{margin:0 0 10px;line-height:40px}.mainSite .tutorialwrapper li:before{font-size:5rem;content:counter(section);counter-increment:section;display:inline-block;padding-top:10px;width:90px;height:90px;margin:0 20px 0 0;border:1px solid #ccc;border-radius:100%;text-align:center}.banner{height:13rem;width:100%;background-image:url('../assets/tableaux/camille_versailles.jpg');margin-bottom:4rem}.banner.cgv{background-image:url('../assets/tableaux/moret_printemps.jpg');background-position:bottom}.mentions{width:50%}.mentions h4,.mentions p{margin-bottom:2.3rem}.mentions li{line-height:2rem}.mentions hr{margin:3rem 0}footer{padding:3rem 2rem;margin-top:5rem!important;gap:1rem}.white{background-color:#fff}footer .flex{justify-content:space-between}footer .categories-list{margin-top:2rem}.socials img{height:25px;margin-right:5px}.apple{height:1rem}.thanks{text-align:center;display:flex;justify-content:center;align-items:center;min-height:70vh}.thanks .wrapper{width:60%;display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-width:1024px){.indexheader section{flex-direction:column;justify-content:flex-end;padding:2rem}h1{font-size:3rem}h2{font-size:2rem}}@media screen and (min-width:900px){.menu-overlay{display:none}}@media screen and (max-width:900px){.mainSite{display:none!important}.dispositifInteractif{display:block!important}.navbar .home{display:none}.menu{display:block}.categories .categories-list{display:none;transition:.2s}.wrapper,footer{flex-direction:column}.dispositif-intro .wrapper,.wrapper aside,main.wrapper article{width:100%}.dispositif-intro,.recap{padding:2rem}.recap h3{font-size:1.1rem}.mentions{width:80%}.flex,footer .categories-list{flex-direction:column;gap:1rem}.logo img{width:5rem}.tarif{flex-direction:column;align-items:stretch}}