@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;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{color:#0c0c0c;letter-spacing:4px;white-space:pre-wrap;background-color:#fbc356;background-image:url(/noise2.png);background-attachment:fixed;font-family:EurostileBold;line-height:1.6;position:relative}body #__next{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}.header{justify-content:space-between;align-items:center;padding:2rem;font-size:1.25rem;display:flex;position:sticky;top:0;left:0;right:0}@media (max-width:1100px){.header{padding:1rem;display:block}}.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{aspect-ratio:619/116;width:15rem;position:absolute;top:0;left:50%;transform:rotate(-4deg)translate(-50%)translateY(50%)}@media (max-width:1250px){.header .logo{top:unset;left:unset;position:relative;transform:rotate(-4deg)}}@media (max-width:1100px){.header .logo{margin:0 auto}}.header .logo img{object-fit:contain}.header .nav ul{text-transform:uppercase;align-items:center;gap:2rem;font-size:1rem;list-style:none;display:flex}.header .nav ul a{cursor:pointer}.header .nav ul a:hover{color:#35687f}@media (max-width:1100px){.header .nav ul{text-align:center;justify-content:center;margin:1rem 0}}@media (max-width:600px){.header .nav ul{gap:1rem}}.header .nav .language-choice{gap:.5rem;display:flex}.header .nav .language-choice button{color:inherit;cursor:pointer;background-color:#0000;border:2px solid #0000;border-radius:50%;width:2rem;height:2rem;font-family:inherit}.header .nav .language-choice button:hover{background-color:#35687fcc}.header .nav .language-choice button.selected{border-color:#35687f}.hero{text-align:center;border:2px solid #0c0c0c;border-radius:3rem;justify-content:center;align-items:center;height:clamp(70vh,50vw,80vh);margin:0 1rem 1rem;padding:10%;display:flex;position:relative;overflow:hidden;transform:translate(0,0)}.hero video{object-fit:cover;width:100%;height:100%;position:absolute}.hero p{z-index:4}.hero p span{color:#fbc356;text-align:center;text-shadow:0 0 10px #00000080;background-color:#35687fcc;padding:.1rem .4rem;font-size:1.25rem;font-weight:700}.photos{margin:1rem}.photos .react-photo-gallery--gallery>div .img-wrapper{border:2px solid #0c0c0c;border-radius:1rem;transition:all .25s;position:relative}.photos .react-photo-gallery--gallery>div .img-wrapper figcaption{color:#0000;letter-spacing:2px;text-align:center;justify-content:center;align-items:center;padding:1rem;font-size:clamp(.8rem,1.5vw,1rem);transition:all .25s;display:flex;position:absolute;inset:0;overflow:hidden}.photos .react-photo-gallery--gallery>div .img-wrapper:hover{border-color:#35687f}.photos .react-photo-gallery--gallery>div .img-wrapper:hover figcaption{color:#fbc356;background:#35687fa8}.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:#0000}.photos .react-photo-gallery--gallery>div .img-wrapper img{object-fit:cover}.cartes{text-align:center;color:#fbc356;background-color:#35687f;border:2px solid #0c0c0c;border-radius:3rem;margin:1rem;padding:2rem 5%}.cartes h2{text-transform:uppercase;font-size:2rem}.cartes p{margin:1rem 0;font-size:1.2rem}.cartes .menus{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4rem;margin:4rem 0;display:grid}.cartes .menus .menu-container p{min-height:2.5rem;font-size:.8rem}.cartes .menus .menu-container .menu{aspect-ratio:29.7/21;border-radius:.5rem;height:10rem;margin:.5rem auto;transition:all .25s;position:relative;overflow:hidden}.cartes .menus .menu-container .menu:hover{transform:scale(1.01)}.cartes .menus .menu-container .menu.img-missing{text-align:center;border:1px solid #fbc356;justify-content:center;align-items:center;display:flex}.info-booking{text-align:center;padding:2rem 10%}.info-booking h2{text-transform:uppercase;font-size:2rem}.info-booking p{margin:1rem 0}.info-booking .content{letter-spacing:1px;justify-content:center;align-items:center;gap:4rem;margin:4rem 0;display:flex}@media (max-width:1200px){.info-booking .content{flex-direction:column;align-items:center}}.info-booking .content h3{margin-bottom:1rem}.info-booking .content .horaires{background-color:#ffffff4d;border:2px solid #0c0c0c;border-radius:1.5rem;width:20rem;min-width:15rem;padding:1rem}.info-booking .content .horaires .day{justify-content:space-between;display:flex}.info-booking .content .horaires .day .hours{letter-spacing:3px}.info-booking .content .address-contact{flex-direction:column;gap:1rem;display:flex}@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{background-color:#ffffff4d;border:2px solid #0c0c0c;border-radius:1.5rem;width:20rem;min-width:15rem;padding:1rem}.info-booking .content .reservation{width:20rem;min-width:15rem;width:unset;background-color:#ffffff4d;border:2px solid #0c0c0c;border-radius:1.5rem;padding:1rem}.info-booking .content .reservation .error{color:#dc3a3a}.info-booking .content .reservation .confirmed{color:#35687f}.info-booking .content .reservation span.radio{text-align:left;letter-spacing:2px;margin-left:.5rem;font-size:.7rem;display:block}.info-booking .content .reservation .line{flex-wrap:wrap;gap:1rem;margin:1rem;display:flex}.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{color:#fbc356;letter-spacing:inherit;background-color:#35687f;border:1px solid #0c0c0c;border-radius:1rem;margin-top:1rem;padding:.5rem 1rem}.info-booking .content .reservation .input-wrapper{flex-direction:column;flex:1;display:flex}.info-booking .content .reservation .input-wrapper input{color:inherit;background-color:#ffffff4d;border:1px solid #0c0c0c;border-radius:1rem;outline-color:#35687f;width:100%;min-width:10rem;height:2.5rem;padding:.5rem 1rem;font-family:inherit}.info-booking .content .reservation .input-wrapper.select select{color:inherit;width:100%;min-width:10rem;height:2.5rem;font-family:inherit;font:inherit;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;background-color:#ffffff4d;background-image:linear-gradient(45deg,#0000 50%,#0c0c0c 50%),linear-gradient(135deg,#0c0c0c 50%,#0000 50%),radial-gradient(#0000 70% 72%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - .5em) .5em;background-repeat:no-repeat;background-size:5px 5px,5px 5px,1.5em 1.5em;border:1px solid #0c0c0c;border-radius:1rem;outline-color:#35687f;margin:0;padding:.5em 3.5em .5em 1em;line-height:1.5em;display:inline-block}.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{text-align:left;letter-spacing:2px;margin-left:.5rem;font-size:.7rem;display:block}.info-booking .content .reservation textarea{color:inherit;background-color:#ffffff4d;border:1px solid #0c0c0c;border-radius:1rem;outline-color:#35687f;width:100%;min-width:10rem;height:8rem;padding:.5rem 1rem;font-family:inherit}.info-booking .content .reservation textarea::placeholder{text-align:left;letter-spacing:2px;margin-left:.5rem;font-size:.7rem;display:block}.footer{color:#fbc356;text-align:center;background-color:#35687f;border:2px solid #0c0c0c;border-radius:3rem;justify-content:space-between;align-items:center;gap:1rem;margin:auto 1rem 1rem;padding:1rem 2rem;font-size:.9rem;display:flex}@media (max-width:600px){.footer{flex-direction:column}}.footer .social{min-width:5rem}.footer a:hover{text-decoration:underline}.footer svg{transition:all .25s;transform:scale(.9)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-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{color:#fbc356;text-transform:uppercase;cursor:pointer;background-color:#35687f;border:2px solid #0c0c0c;border-radius:1rem;width:fit-content;margin:2rem auto 0;padding:.5rem 1rem;display:block}
