@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&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";@font-face{font-family:EurostileBold;src:url(/fonts/EurostileBold.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BebasNeue;src:url(/fonts/BebasNeue.otf) format("truetype")}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{font-family:EurostileBold;background-color:#fbc356;background-image:url(/noise2.png);background-attachment:fixed;color:#0c0c0c;letter-spacing:4px;line-height:1.6;position:relative;white-space:pre-wrap}body #__next{display:flex;flex-direction:column;min-height:100vh}a{color:inherit;text-decoration:none}.header{padding:2rem;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;left:0;right:0;font-size:1.25rem}@media(max-width:1100px){.header{display:block;padding:1rem}}.header .cafe{text-transform:uppercase}@media(max-width:1100px){.header .cafe{text-align:center;margin:.5rem 0}}@media(max-width:600px){.header .cafe{margin:1.5rem 0}}.header .logo{width:15rem;aspect-ratio:619/116;position:absolute;top:0;left:50%;transform:rotate(-4deg) translateX(-50%) translateY(50%)}@media(max-width:1250px){.header .logo{position:relative;top:unset;left:unset;transform:rotate(-4deg)}}@media(max-width:1100px){.header .logo{margin:0 auto}}.header .logo img{object-fit:contain}.header .nav ul{display:flex;gap:2rem;list-style:none;align-items:center;text-transform:uppercase;font-size:1rem}.header .nav ul a{cursor:pointer}.header .nav ul a:hover{color:#35687f}@media(max-width:1100px){.header .nav ul{justify-content:center;margin:1rem 0;text-align:center}}@media(max-width:600px){.header .nav ul{gap:1rem}}.header .nav .language-choice{display:flex;gap:.5rem}.header .nav .language-choice button{background-color:transparent;font-family:inherit;color:inherit;width:2rem;height:2rem;border:2px solid transparent;border-radius:50%;cursor:pointer}.header .nav .language-choice button:hover{background-color:rgba(53,104,127,.8)}.header .nav .language-choice button.selected{border-color:#35687f}.hero{height:clamp(70vh,50vw,80vh);border:2px solid #0c0c0c;margin:0 1rem 1rem;border-radius:3rem;padding:10%;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;transform:translateZ(0)}.hero video{position:absolute;width:100%;height:100%;object-fit:cover}.hero p{z-index:4}.hero p span{color:#fbc356;font-size:1.25rem;text-align:center;font-weight:700;text-shadow:0 0 10px rgba(0,0,0,.5);background-color:rgba(53,104,127,.8);padding:.1rem .4rem}.photos{margin:1rem}.photos .react-photo-gallery--gallery>div .img-wrapper{position:relative;border:2px solid #0c0c0c;border-radius:1rem;transition:all .25s}.photos .react-photo-gallery--gallery>div .img-wrapper figcaption{display:flex;justify-content:center;align-items:center;position:absolute;inset:0;overflow:scroll;color:transparent;padding:1rem;letter-spacing:2px;font-size:clamp(.8rem,1.5vw,1rem);text-align:center;transition:all .25s;overflow:hidden}.photos .react-photo-gallery--gallery>div .img-wrapper:hover{border-color:#35687f}.photos .react-photo-gallery--gallery>div .img-wrapper:hover figcaption{background:rgba(53,104,127,.66);color:#fbc356}.photos .react-photo-gallery--gallery>div .img-wrapper.no-hover:hover{border-color:#0c0c0c}.photos .react-photo-gallery--gallery>div .img-wrapper.no-hover:hover figcaption{background-color:transparent}.photos .react-photo-gallery--gallery>div .img-wrapper img{object-fit:cover}.cartes{border:2px solid #0c0c0c;background-color:#35687f;margin:1rem;border-radius:3rem;text-align:center;color:#fbc356;padding:2rem 5%}.cartes h2{text-transform:uppercase;font-size:2rem}.cartes p{margin:1rem 0;font-size:1.2rem}.cartes .menus{margin:4rem 0;display:flex;justify-content:center;gap:4rem;flex-wrap:wrap}.cartes .menus .menu-container p{font-size:.8rem}.cartes .menus .menu-container .menu{position:relative;height:10rem;aspect-ratio:29.7/21;border-radius:.5rem;overflow:hidden;margin:.5rem auto;transition:all .25s}.cartes .menus .menu-container .menu:hover{transform:scale(1.01)}.cartes .menus .menu-container .menu.img-missing{display:flex;align-items:center;text-align:center;justify-content:center;border:1px solid #fbc356}.info-booking{padding:2rem 10%;text-align:center}.info-booking h2{text-transform:uppercase;font-size:2rem}.info-booking p{margin:1rem 0}.info-booking .content{margin:4rem 0;display:flex;justify-content:center;gap:4rem;align-items:center;letter-spacing:1px}@media(max-width:1200px){.info-booking .content{flex-direction:column;align-items:center}}.info-booking .content h3{margin-bottom:1rem}.info-booking .content .horaires{border:2px solid #0c0c0c;border-radius:1.5rem;padding:1rem;width:20rem;background-color:hsla(0,0%,100%,.3);min-width:15rem}.info-booking .content .horaires .day{display:flex;justify-content:space-between}.info-booking .content .horaires .day .hours{letter-spacing:3px}.info-booking .content .address-contact{display:flex;flex-direction:column;gap:1rem}@media(max-width:1200px){.info-booking .content .address-contact{flex-direction:row}}@media(max-width:600px){.info-booking .content .address-contact{flex-direction:column}}.info-booking .content .address-contact .address,.info-booking .content .address-contact .contact,.info-booking .content .reservation{border:2px solid #0c0c0c;border-radius:1.5rem;padding:1rem;width:20rem;background-color:hsla(0,0%,100%,.3);min-width:15rem}.info-booking .content .reservation{width:unset}.info-booking .content .reservation .error{color:#dc3a3a}.info-booking .content .reservation .confirmed{color:#35687f}.info-booking .content .reservation span.radio{display:block;font-size:.7rem;text-align:left;margin-left:.5rem;letter-spacing:2px}.info-booking .content .reservation .line{display:flex;gap:1rem;margin:1rem;flex-wrap:wrap}.info-booking .content .reservation .line.radio{justify-content:space-between}@media(max-width:600px){.info-booking .content .reservation .line.radio{display:block}}.info-booking .content .reservation .line.button{justify-content:center}.info-booking .content .reservation .line.button button{border-radius:1rem;padding:.5rem 1rem;color:inherit;background-color:#35687f;letter-spacing:inherit;color:#fbc356;border:1px solid #0c0c0c;margin-top:1rem}.info-booking .content .reservation .input-wrapper{flex:1 1;display:flex;flex-direction:column}.info-booking .content .reservation .input-wrapper input{padding:.5rem 1rem}.info-booking .content .reservation .input-wrapper input,.info-booking .content .reservation .input-wrapper.select select{border-radius:1rem;background-color:transparent;font-family:inherit;color:inherit;background-color:hsla(0,0%,100%,.3);border:1px solid #0c0c0c;height:2.5rem;width:100%;outline-color:#35687f;min-width:10rem}.info-booking .content .reservation .input-wrapper.select select{display:inline-block;font:inherit;line-height:1.5em;padding:.5em 3.5em .5em 1em;margin:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#0c0c0c 0),linear-gradient(135deg,#0c0c0c 50%,transparent 0),radial-gradient(transparent 70%,transparent 72%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - .5em) .5em;background-size:5px 5px,5px 5px,1.5em 1.5em;background-repeat:no-repeat}.info-booking .content .reservation .input-wrapper.select label{margin-top:.25rem}@media(max-width:600px){.info-booking .content .reservation .input-wrapper.select input{height:1rem;width:unset}}.info-booking .content .reservation .input-wrapper label{display:block;font-size:.7rem;text-align:left;margin-left:.5rem;letter-spacing:2px}.info-booking .content .reservation textarea{padding:.5rem 1rem;border-radius:1rem;background-color:transparent;font-family:inherit;color:inherit;background-color:hsla(0,0%,100%,.3);height:2.5rem;outline-color:#35687f;min-width:10rem;width:100%;height:8rem;border:1px solid #0c0c0c}.info-booking .content .reservation textarea::placeholder{display:block;font-size:.7rem;text-align:left;margin-left:.5rem;letter-spacing:2px}.footer{border:2px solid #0c0c0c;border-radius:3rem;display:flex;justify-content:space-between;padding:1rem 2rem;background-color:#35687f;color:#fbc356;align-items:center;font-size:.9rem;margin:auto 1rem 1rem;gap:1rem;text-align:center}@media(max-width:600px){.footer{flex-direction:column}}.footer .social{min-width:5rem}.footer a:hover{text-decoration:underline}.footer svg{transform:scale(.9);transition:all .25s}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.mentions-legales{padding:2rem}.mentions-legales h1{text-align:center;margin:2rem}.mentions-legales h2,.mentions-legales h3,.mentions-legales p{margin:1rem}h1,h2{font-family:BebasNeue}.booking-btn{background-color:#35687f;color:#fbc356;border:2px solid #0c0c0c;padding:.5rem 1rem;border-radius:1rem;text-transform:uppercase;cursor:pointer;display:block;width:-moz-fit-content;width:fit-content;margin:2rem auto 0}