@CHARSET "UTF-8";

@font-face {
font-family: 'regular';
src: url(//www.winstub-henriette.com/wp-content/themes/winstub-henriette/assets/fonts/ITCAvantGardeStd-Bk.woff) format("woff"), url(//www.winstub-henriette.com/wp-content/themes/winstub-henriette/assets/fonts/ITCAvantGardeStd-Bk.woff2) format("truetype"), url(//www.winstub-henriette.com/wp-content/themes/winstub-henriette/assets/fonts/ITCAvantGardeStd-Bk.svg) format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'medium';
src: url(//www.winstub-henriette.com/wp-content/themes/winstub-henriette/assets/fonts/ITCAvantGardeStd-Md.woff) format("woff"), url(//www.winstub-henriette.com/wp-content/themes/winstub-henriette/assets/fonts/ITCAvantGardeStd-Md.woff2) format("truetype"), url(//www.winstub-henriette.com/wp-content/themes/winstub-henriette/assets/fonts/ITCAvantGardeStd-Md.svg) format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'voyage';
src: url(//www.winstub-henriette.com/wp-content/themes/winstub-henriette/assets/fonts/Voyage-Regular.woff) format("woff"), url(//www.winstub-henriette.com/wp-content/themes/winstub-henriette/assets/fonts/Voyage-Regular.woff2) format("truetype"), url(//www.winstub-henriette.com/wp-content/themes/winstub-henriette/assets/fonts/Voyage-Regular.svg) format("svg");
font-weight: normal;
font-style: normal;
}
* {box-sizing:border-box; padding:0; margin:0; -webkit-backface-visibility:hidden; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; outline:none;}
:root {
--blanc:#fbf3e4;
--beige:#dbceb5;	
--rouge:#b63232;
--noir:#000000;
--pad:200px;
--padneg:-200px;
--padm:80px;
--pads:3rem;
} 
html {background:#ffffff;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; vertical-align: baseline;}
body {font-family:'regular', sans-serif; background:var(--blanc); color:var(--noir); line-height:1.8; font-weight:400; webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; 
counter-reset:item; transition: .3s ease-out;}
a {color:var(--noir); outline:none;transition:.4s; text-decoration:none;}
a:hover, a:focus {color:var(--rouge);}
a:focus, a:active {outline: none;}
a:link, a:visited, a:hover, a:active, a:focus, button {outline:0;}
:focus, :hover {-webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
sup {font-size:.6em; vertical-align:super;}
button {font-size:inherit; transition:.3s;}
button:hover {cursor:pointer;}
section {position:relative; clear:both; transform-style:preserve-3d;}
button {border:0;}
li {list-style: none; margin-bottom:.8vh;}
li:last-child {margin-bottom:0;}
p {margin-bottom:2rem;}
p:last-child {margin-bottom:0;}
.bg-rouge {background:var(--rouge); color:var(--blanc); margin-top:-1px;}
.bg-beige {background:var(--beige); margin-top:-1px;}
.grecaptcha-badge {visibility: hidden!important; pointer-events:none!important; display:none!important;}
img {pointer-events:none;}
#loader {position:fixed; height:100%; width:100%; z-index:1000; pointer-events:none; display:flex; align-items: center; justify-content: center; background:var(--rouge); overflow:hidden; pointer-events:none;}
#loader.loading {transform: translate3d(0,100%,0)!important; transition:transform .9s cubic-bezier(.86,0,.07,.995)!important; }
body.unload #loader {height:100%!important; top:0!important; transition:transform .9s cubic-bezier(.86,0,.07,.995)!important; transform: translateZ(0)!important; z-index:9999;}
.overflow {pointer-events:none!important;}
.wrapper-btn {margin-top:var(--padm); display:flex;}
.btn {font-family:'voyage', sans-serif; padding: 3rem 4rem; border-radius:50%; text-transform: uppercase; text-align:center; letter-spacing:.05rem; background-color: transparent; position: relative; z-index: 1; border:1px solid var(--noir);
transition: color .3s cubic-bezier(.215,.61,.355,1); color:var(--noir); transform: translateZ(0); text-decoration: none; white-space: nowrap; overflow: clip;}
.bg-rouge .btn {border:1px solid var(--blanc); color:var(--blanc);}
.btn:before, .overlay-menu:before {content: ''; position: absolute; top: -1px; bottom: -1px; right: -1px; left: -1px; z-index: -1;  background-color: var(--noir); transform-origin: center top; transform: translateZ(0) scaleY(0); transition: transform .3s cubic-bezier(.215,.61,.355,1);} 
.bg-rouge .btn:before {background-color: var(--blanc);}
.btn:hover {color:var(--blanc);}
.bg-rouge .btn:hover {color:var(--rouge);}
.btn:hover::before, .btn:focus::before, .btn:active::before, .overlay-menu:hover::before {transform:translateZ(0) scaleY(1); transform-origin:center bottom;}
.btn:focus, .btn:active {color:var(--blanc);}
.bg-rouge .btn:focus, .bg-rouge .btn:active {color:var(--rouge);}
.relative {position:relative;}
.marquee {overflow: hidden; width:100%; height:4rem; display:flex!important; align-items: center; position:fixed; bottom:0; left:0; background: var(--rouge); color: var(--blanc); z-index:4; pointer-events:none;}
.marquee div {display: inline-block; white-space: nowrap; width:50vw; text-shadow:50vw 0, calc(50vw * 2) 0,  calc(50vw * 3) 0, calc(50vw * 4) 0; 
will-change: transform; animation: marquee 10s linear infinite; animation-play-state: running;}
@keyframes marquee {0% { transform: translateX(0);} 100% { transform: translateX(-100%);}} body {font-size:1.1rem;}
h1, h2, h3 {line-height:1; font-weight:400;}
h1, h2, h3, h4, h5, h6 {overflow-wrap: initial!important;}
.font-xl {font-size:11vw; font-family:'voyage', sans-serif; line-height:.8;}
.footer .font-xl {font-size:9vw;}
.introduction {font-size:2.3vw; line-height: 1.3; margin-top:var(--pad);}
.font-xl span {color:var(--rouge);}
.font-m {font-size:6rem; font-family:'voyage', sans-serif; line-height: .9; letter-spacing: .1rem;}
.font-xm, input, textarea, .content h2 {font-size:2rem; font-family:'voyage', sans-serif; line-height: 1; letter-spacing: .1rem;}
.font-s, .subtitle, .btn-menu {font-size:.9rem!important; line-height: 1.3;}
.font-xs {font-size:.8rem;}
.btn {font-size: 1.4rem;}
.subtitle {display:block; margin-bottom:var(--pads);}
.uppercase, .subtitle {text-transform:uppercase; letter-spacing:.05rem;}
.bold {font-family:'medium', sans-serif;}
.center {text-align:center;}
strong {font-weight:400;} .overlay-logo {width:155px; position:fixed; top:var(--padm); left:var(--padm); z-index:10; transform:translateY(3rem); pointer-events:none; opacity:0;}
.is-ready .overlay-logo, .is-ready .overlay-menu--links, .is-ready .btn-reservation, .is-ready .plats-a-emporter, .is-ready .overlay-menu {transform:none; pointer-events:auto; opacity:1;}
a.link--action {color:var(--noir);}
a:hover.link--action {opacity:.5;}
.link--action {overflow:hidden;}
.link--action [class^="word"] {display: inline-block; overflow: hidden;}
.link--action [class^="char"] {display: inline-block; position: relative; overflow: hidden; z-index: 2;}
.link--action [class^="char"] span {display: inline-block;}
.link--action [class^="char"] span:before {content: attr(data-letter); display: block; position: absolute; top: 110%; z-index: 3;}
.btn-menu {font-family:'regular', sans-serif; border:1px solid var(--noir); color:var(--noir); padding: 2rem 3rem;}
.btn-menu:before {background-color:var(--noir);}
.btn-menu:hover {color:var(--blanc);}
.btn-reservation {position:fixed; right:var(--padm); top:calc(var(--padm) - 2rem); transform:scale(0); transition:.4s; opacity:0; pointer-events:none;}
.overlay-menu--links {position:absolute; top:var(--padm); right:calc(var(--padm) + 12rem); z-index:10; transform:translateY(3rem); pointer-events:none; transition:.4s; opacity:0;}
.overlay-menu--links li {display:inline-block; margin-right:var(--pads); margin-bottom:0;}
.overlay-menu--links li:nth-child(3) {display:none;}
.plats-a-emporter {position:fixed; bottom:var(--padm); left:var(--padm); z-index:10; transform:translateY(-3rem); pointer-events:none; opacity:0; transition:.4s;}
.plats-a-emporter .btn {margin:1rem 0;}
.overlay-menu {position:fixed; display:none; z-index:10; border:1px solid var(--noir); border-radius:50%; top:2rem; right:2rem; overflow:hidden; transform:scale(0); transition:.4s; opacity:0; pointer-events:none; transition-delay:.1s;} .menu-content {width:100vw; height: 100%; left:0; position:fixed; background:var(--beige); overflow:hidden; z-index:5; transition:transform .9s cubic-bezier(.86,0,.07,.995); transform: translate3d(0,-100%,0);}
.menu-content.open, .menu-content.open .menu--inner {transform: translateZ(0);}
.c-scrollbar.open {opacity:0!important; pointer-events:none!important;}
.menu--inner {width:100%; height:100%; position:absolute; padding:11rem var(--padm) var(--padm) var(--padm); transition:transform .9s cubic-bezier(.86,0,.07,.995); transform: translate3d(0,100%,0); 
display:flex; flex-direction:column; justify-content: space-between;}
.menu-principal a:hover svg {fill:var(--blanc);}
.menu-principal .menu-item {transform:translateY(5rem) skewY(10deg); text-align:center; font-family: 'voyage', sans-serif; font-size:4rem; line-height:.9; position:relative; opacity:0; transition:.9s;}
.menu-content.open .menu-item, .menu-content.open .menu-stuff {transform:none;}
.menu-content.open .menu-item {opacity:1; margin-bottom:2vh;}
.menu-principal a {transition:.5s; display:inline-block;}
.menu-principal a:hover {color:var(--rouge);}
.menu-principal .menu-item:first-child {transition-delay:.06s;}
.menu-principal .menu-item:nth-child(2) {transition-delay:.12s;}
.menu-principal .menu-item:nth-child(3) {transition-delay:.18s;}
.menu-principal .menu-item:nth-child(4) {transition-delay:.24s;}
.menu-principal .menu-item:nth-child(5) {transition-delay:.30s; display:none;}
.overlay-menu--cta {width:4rem; height:4rem; display:flex; cursor:pointer;}
.menu-icon {display:flex; flex-direction:column; align-items:center; justify-content:center; width: 100%; z-index:1; transition:.3s;}
.menu-bar {width:1.5rem; height:1px; background:var(--noir); transition:.5s cubic-bezier(0.165, 0.84, 0.44, 1);}
.menu-bar:nth-child(1), .menu-bar:nth-child(2) {margin-bottom:3px;}
.overlay-menu:hover .menu-bar {background:var(--blanc);}
.menu-close.disable {transform:none; pointer-events:auto;}
.menu-close {position:absolute!important; right:0; top:0; height:100%; background:var(--noir); z-index:1; transform: translateY(-100%); pointer-events:none;}
.menu-close .menu-icon {display: flex; align-items: center; justify-content: center; flex-direction: column;}
.menu-close:hover .menu-icon {transform:rotate(90deg);}
.menu-close .menu-bar {background:var(--blanc); position:absolute;}
.menu-close .menu-bar:nth-child(1), .menu-close .menu-bar:nth-child(2) {margin-bottom: 0;}
.menu-close .menu-bar:nth-child(1) {transform:rotate(45deg);}
.menu-close .menu-bar:nth-child(2) {transform: rotate(-45deg);}
.menu-content.open .menu-stuff {opacity:1;} .wrapper-first .font-xl, .wrapper-first-b .font-xl, .fx {opacity:0; transform:skewY(10deg) translateY(10rem); will-change:transform; transform-origin:top; transition-duration:.6s;}
.is-ready .wrapper-first .font-xl, .is-ready .wrapper-first-b .font-xl, .is-inview.fx {opacity:1; transform:none;}
.is-inview.fx {transition-delay:.2s;}
.fxb {transform:translateY(3rem); transform-origin:top; transition-duration: .8s; opacity:0;}
.is-inview.fxb {transform:none; opacity:1; transition-delay:.2s;}
.wrapper-first .border-radius {bottom: -10rem; opacity:0; transition-duration:.8s;}
.is-ready .wrapper-first .border-radius {bottom: 0; opacity:1;} .smooth-scroll {width:100%; overflow:hidden!important; transition:.9s ease; opacity:1;}
html, body {overflow:hidden;}
html.has-scroll-dragging {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.has-scroll-smooth body {overflow: hidden;}
.has-scroll-smooth [data-scroll-container] {min-height: 100vh;}
.c-scrollbar {position:absolute; right:0; top:0; z-index:99; width:10px; height:100vh; transform-origin:center right; transition:transform 0.3s, opacity 0.3s; opacity:0; mix-blend-mode:difference;}
.c-scrollbar:hover {transform:scaleX(1.45); }
.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {opacity:1; }
.c-scrollbar_thumb {position:absolute; top:0; right:0; background-color:var(--blanc); opacity:1; width:4px; border-radius:10px; margin:4px; cursor:-webkit-grab; cursor:grab; }
.has-scroll-dragging .c-scrollbar_thumb {cursor: -webkit-grabbing; cursor: grabbing;}
.c-scrollbar_display {opacity:0!important; transition:.3s!important;} .absolute {position:absolute;}
.grid {display:grid;}
.flex {display:flex;}
.aligncenter {justify-content:center; align-items: center;}
.alignright {justify-content:flex-end;}
.alignbottom {justify-content: flex-end;}
.justify {justify-content:space-between;}
.baseline {align-items:baseline;}
.direction {flex-direction:column;}
.center {text-align:center;}
.grid-pad {grid-gap:var(--pad);}
.grid-padm {grid-gap:var(--padm);}
.col-2 {grid-template-columns:1fr 1fr;}
.column {column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; text-align:left; margin-top:var(--padm);}
.wrapper-first {padding:calc(var(--pad) * 1.5) calc(var(--pad) * 2) var(--pad) calc(var(--pad) * 2);}
.wrapper-first-b {padding:calc(var(--pad) * 1.5) calc(var(--pad) * 2) 0 calc(var(--pad) * 2);}
.wrapper {padding:var(--pad) calc(var(--pad) * 2);}
.wrapper-nb {padding:var(--pad) calc(var(--pad) * 2) 0 calc(var(--pad) * 2);}
.wrapper-m-nb {padding:var(--pad) var(--pad) 0 var(--pad);}
.wrapper-lr {padding:0 calc(var(--pad) * 2);}
.wrapper-footer {padding:calc(var(--pad) * 2) calc(var(--pad) * 2) var(--padm) calc(var(--pad) * 2);}
.mar-top {margin-top:var(--pad);}
.mar-m-top {margin-top:var(--padm);}
.content-50 p {width:30vw;}
.content-50 img {width:80%; height:auto;} .content h2:first-child {margin:0 0 2rem 0;}
.content h2 {margin:var(--pads) 0 2rem 0;}
.content a {color:var(--rouge); transition:color .6s cubic-bezier(0.165, 0.84, 0.44, 1); position: relative;}
.content a:hover {color:var(--noir);}
.content a:before {content:''; position:absolute; background-color:var(--rouge); bottom:-4px; left:0; width:100%; min-height:1px; height:1px; transform-origin:left; transform:scaleX(1); transition:transform .75s cubic-bezier(0.165, 0.84, 0.44, 1);}
.content a:hover::before{transform-origin:right; transform:scaleX(0); background-color:var(--noir);}
.content ul {padding-left:2.5rem;}
.content li {margin-bottom:1.5rem; position:relative;}
.content li:last-child {margin-bottom:0;}
.content li:before {content:''; width:10px; height:10px; position:absolute; background:var(--beige); top:10px; left:-2.5rem; border-radius:50%;}
.border-radius {width:100%; height:30vh; background-position:center center; background-size:cover; position:absolute; left:0; bottom:0; z-index:-1;}
.border-radius-a {background-image:url(//www.winstub-henriette.com/wp-content/themes/winstub-henriette/assets/img/border-blanc-rouge.png);}
.border-radius-b {background-image:url(//www.winstub-henriette.com/wp-content/themes/winstub-henriette/assets/img/border-rouge-blanc.png);}
.border-radius-c {background-image:url(//www.winstub-henriette.com/wp-content/themes/winstub-henriette/assets/img/border-blanc-beige.png);}
.border-radius-d {background-image:url(//www.winstub-henriette.com/wp-content/themes/winstub-henriette/assets/img/border-trait-beige.png);}
.border-radius-e {background-image:url(//www.winstub-henriette.com/wp-content/themes/winstub-henriette/assets/img/border-rouge-beige.png);}
.border-radius-f {background-image:url(//www.winstub-henriette.com/wp-content/themes/winstub-henriette/assets/img/border-beige-blanc.png);}
.is-inview.icon {transform:none; transition-delay:.3s;}
.icon {display:flex; align-items: center; justify-content: center; width:12rem; height:12rem; transform: scale(0); transition: transform .6s cubic-bezier(.17,.67,.3,1.33);}
.icon-svg {position: absolute; z-index: 1; width:30%;}
.icon-rounded {width:100%; -webkit-animation:spindown 10s linear infinite; -moz-animation:spindown 10s linear infinite; animation:spindown 10s linear infinite;}
.icon-wrapper {position:absolute; z-index:5;}
#homepage-first .icon-wrapper {right: calc(var(--pad) + 6rem); bottom: calc(var(--pad) * 2.1);}
#homepage-first .st0 {fill:var(--blanc);}
#content-first .icon-wrapper {right:var(--pad); top:calc(var(--pad) * 2);}
#content-first svg {fill:var(--rouge);}
#content-first .st0 {fill: var(--blanc);}
#la-cheffe .icon-wrapper {right:30%; bottom:40%;}
#la-cheffe svg {fill:var(--rouge);}
#la-cheffe .st0 {fill: var(--blanc);}
#homepage-le-restaurant .font-m {z-index: 1; position: relative;}
.card--pic {display: flex; justify-content: center; height: 75vh; align-items: flex-end; z-index: -1; position: relative;}
.card--img {border-radius:2rem; width:30rem; height:60vh; background-size:cover; background-position:center center;}
.card--img-1 {transform: translate3d(0px, 7.2084%, 0px) rotate(-10.9428deg); top: -7vw; position:relative; z-index:1; transform-origin: right top; transition:.5s; transition-delay:.5s;}
.card--pic.is-inview .card--img-1 {transform: translate3d(-5rem, 7.2084%, 0px) rotate(-17.943deg);}
.card--img-2 {transform: translate3d(0px, 4.0848%, 0px) rotate(7deg); position:relative; transform-origin: right top; transition:.5s; transition-delay:.5s;}
.card--pic.is-inview .card--img-2 {transform: translate3d(5rem, 20%, 0px) rotate(16deg);}
#homepage-la-carte .subtitle {z-index:1;}
.homepage-carte {height:100vh; display:flex; align-items: center; justify-content: center;}
.homepage-carte-1, .homepage-carte-2, .homepage-carte-thumb {position:absolute;}
.homepage-carte-1 {fill:var(--beige); width:90%; -webkit-animation:spindown 50s linear infinite; -moz-animation:spindown 50s linear infinite; animation:spindown 50s linear infinite;}
@-moz-keyframes spindown {100% {-moz-transform: rotate(360deg);}}
@-webkit-keyframes spindown {100% {-webkit-transform: rotate(360deg);}}
@keyframes spindown {100% {-webkit-transform: rotate(360deg); transform:rotate(360deg);}}
.homepage-carte-2 {fill:var(--noir); width:60%; -webkit-animation:spindown-b 50s linear infinite; -moz-animation:spindown-b 50s linear infinite; animation:spindown-b 50s linear infinite;}
@-moz-keyframes spindown-b {100% {-moz-transform: rotate(-360deg);}}
@-webkit-keyframes spindown-b {100% {-webkit-transform: rotate(-360deg);}}
@keyframes spindown-b {100% {-webkit-transform: rotate(-360deg); transform:rotate(-360deg);}}
.homepage-carte-thumb {width:25rem; height:25rem; border-radius:50%; overflow:hidden;}
.homepage-carte-img {background-size:cover; background-position:center center; width:100%; height:100%; transition:1s;}
.homepage-carte:hover .homepage-carte-img {transform:scale(1.2);}
#homepage-la-cheffe .card--pic.is-inview .card--img-2 {transform: translate3d(5rem, 0%, 0px) rotate(16deg);}
#homepage-la-cheffe .icon-wrapper {right:30%; top:40%;}
#homepage-la-cheffe svg {fill:var(--rouge);}
#homepage-la-cheffe .st0 {fill: var(--blanc);}
#la-cheffe .card--pic {align-items: flex-start;}
#le-restaurant svg {fill:var(--noir);}
#le-restaurant .st0 {fill: var(--blanc);}
.liste-carte li {display:flex; margin-bottom:calc(var(--pads) / 1.5);}
.liste-carte li div:nth-child(1) {margin-right:2rem;} .footer {margin-top:-8vh; z-index:-1;}
.footer .border-radius {top:0; bottom:auto;}
.footer .font-xl {margin-top:var(--padm);}
.footer-cta  {position:relative;}
.footer .icon-wrapper {left:-3rem; bottom:4rem;}
.footer .st0 {fill:var(--beige);}
.footer-contact {margin:var(--padm) 0;}
.footer-copyright {margin-top:var(--padm); align-items: center;}
.footer-links li {margin-right:var(--pads); margin-bottom:0;}
.footer-links li:last-child {margin-right:0;}
.follow {display: flex; align-items: center; justify-content: center;}
.follow a {margin: 0 .5rem;}
a.marsrouge { background-image:none;}
.marsrouge svg {height:auto; width:45px; position:relative; fill:var(--noir); transition:.4s;}
.marsrouge:hover svg {opacity:.5;} input, textarea {color:var(--noir); width:100%; padding:2rem; transition:.4s; background:transparent; border:1px solid var(--noir);}
input:hover, textarea:hover, input:focus, textarea:focus {background:var(--beige); border:1px solid var(--beige);}
textarea {resize: none; height:30vh!important;}
button[type="submit"] {position:relative;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
input[type=number] {-moz-appearance: textfield; text-align: center;}
.formulaire .font-xm {margin-bottom: var(--pads);}
.wpcf7-checkbox {display:block;}
.wpcf7-form input[type="radio"], .wpcf7-form input[type="checkbox"] {display: none;}
.wpcf7-radio label, .wpcf7-checkbox label {top:0rem!important; display:inline-block; margin-bottom:1rem;}
.wpcf7-list-item {margin-right:var(--pads);}
.wpcf7-list-item-label {cursor:pointer;}
.wpcf7-list-item.first {padding-top:0!important;}
.wpcf7-form input[type="radio"] + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label::before {
background: none; border:1px solid var(--noir); border-radius:50%; margin-top:-7px; margin-right:1rem; display:inline-block; vertical-align:middle; content:''; width:15px; height:15px; transition:.2s;}
.wpcf7-form input[type="radio"]:checked + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"]:checked + .wpcf7-list-item-label::before, 
.wpcf7-form input[type="radio"]:hover + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"]:hover + .wpcf7-list-item-label::before {border:1px solid var(--beige); background:var(--beige);}
.wpcf7-form input[type="file"] {cursor:pointer;}
.wpcf7-form input[type="date"] {cursor:pointer;}
::-webkit-input-placeholder {opacity:1; -webkit-transition: opacity .5s; transition: opacity .5s;}
:-moz-placeholder {opacity:1; -moz-transition: opacity .5s; transition: opacity .5s;}
::-moz-placeholder {opacity:1; -moz-transition: opacity .5s; transition: opacity .5s;}
:-ms-input-placeholder {opacity:1; -ms-transition: opacity .5s; transition: opacity .5s;}
::placeholder {opacity:1; transition: opacity .5s;}
*:focus::-webkit-input-placeholder {opacity: 0;}
*:focus:-moz-placeholder {opacity: 0;}
*:focus::-moz-placeholder {opacity: 0;}
*:focus:-ms-input-placeholder {opacity: 0;}
*:focus::placeholder {opacity: 0;}
:invalid {box-shadow: none;}
:-moz-submit-invalid {box-shadow: none;}
:-moz-ui-invalid {box-shadow:none;}
.wpcf7-not-valid {border:1px solid var(--rouge);}
.screen-reader-response, .wpcf7-response-output {display:none;}
.wpcf7-not-valid-tip {color: var(--rouge); font-size: .7rem; width: 100%; position: absolute; display: block; margin-top: 1rem; text-align: left;} @media screen and (max-width:1720px) {
.font-m {font-size: 5rem;}
.homepage-carte-1 {width: 100%;}
.homepage-carte-2 {width: 70%;}
.homepage-carte-thumb {width: 20rem; height: 20rem;}
.card--img {width: 25rem;}
.footer .icon-wrapper {left: auto; bottom: auto; right: -3rem; top: 0;}
}
@media screen and (max-width:1480px) {
.wrapper-first {padding: calc(var(--pad) * 1.5) var(--pad) var(--pad) var(--pad);}
.wrapper-first-b {padding: calc(var(--pad) * 1.5) var(--pad) 0 var(--pad);}
.overlay-logo {width: 135px; top: var(--pads); left: var(--pads);}
.plats-a-emporter {bottom: var(--pads); left: var(--pads);}
.overlay-menu--links {top:calc(var(--pads) + 2rem); right: calc(var(--padm) + 10rem);}
.overlay-menu--links li:nth-child(3) {display:inline-block;}
.plats-a-emporter {display:none;}
.btn-reservation {right: var(--pads); top:var(--pads);}
.wrapper {padding:var(--pad);}
.wrapper-nb {padding: var(--pad) var(--pad) 0 var(--pad);}
.wrapper-footer {padding: calc(var(--pad) * 2) calc(var(--pad) * 1.5) var(--padm) calc(var(--pad) * 1.5);}
#homepage-first .icon-wrapper {right: var(--pad); bottom: calc(var(--pad) + 1rem);}
.homepage-carte-1 {width: 90%;}
.homepage-carte-2 {width: 60%;}
#homepage-la-cheffe .icon-wrapper {right: 20%;}
#content-first .icon-wrapper {top: calc(var(--pad) * 2); right: -2rem;}
#content-first .mar-top {margin-top:var(--padm);}
#la-cheffe .icon-wrapper {right: 25%;}
.introduction {margin-top:var(--padm);}
.content-50 p {width: 50%;}
.footer .icon-wrapper {left: auto; bottom: auto; right: -7rem; top: -8rem;}
}
@media screen and (max-width:1290px) {
:root {
--pad: 120px;
--padneg: -120px;
--padm: 60px;
}
.font-m {font-size: 4rem;}
.wrapper-first .font-xl, .wrapper-first-b .font-xl, .fx {transform: skewY(10deg) translateY(4rem);}
.wrapper-m-nb, .wrapper-nb {padding: var(--pad);}
.overlay-menu--links {top: calc(var(--pads) + 1.5rem);}
.overlay-menu--links {right: calc(var(--padm) + 11rem);}
.overlay-menu--links li {margin-right: 1.5rem;}
.border-radius {height:10rem;}
.icon {width: 9rem; height: 9rem;}
.card--img {width: 20rem;}
.btn {padding: 2rem 3rem;}
.btn-reservation {padding:1.5rem 2.5rem;}
.wrapper-first, .wrapper-first-b {padding: calc(var(--pad) * 2) var(--pad) var(--pad) var(--pad);}
.wrapper-footer {padding: calc(var(--pad) * 2) var(--pad) var(--padm) var(--pad);}
.wrapper-first .border-radius {bottom:0; opacity:1;}
.footer {margin-top: -10rem;}
.footer .icon-wrapper {right: -9rem; top: 0;}
.marquee {height:3rem;}
.marquee div {width: 100vw; text-shadow: 100vw 0, calc(100vw * 2) 0, calc(100vw * 3) 0, calc(100vw * 4) 0; animation: marquee 10s linear infinite;}
}
@media screen and (max-width:1080px) {
.font-xl {line-height:.9;}
.font-m {font-size: 3rem;}
.font-xm, input, textarea, .content h2 {font-size: 1.5rem;}
.col-2 {grid-template-columns:1fr;}
.overlay-logo {top:2rem; left:2rem;}
.overlay-menu {display:block;}
.btn-reservation {top: 2rem; padding: 0 2rem; height: 4rem; right: 7rem; display: flex; align-items: center; z-index: 20;}
#homepage-first .icon-wrapper {right: -1rem;}
.card--pic {height: 65vh;}
.card--img {width: 18rem; height:55vh;}
.homepage-carte-1 {width: 100%;}
.homepage-carte-2 {width: 70%;}
.homepage-carte-thumb {width: 18rem; height: 18rem;}
.overlay-logo {width: 115px;}
.overlay-menu--links {display:none;}
.liste-carte li {margin-bottom: 1.5rem;}
.introduction {font-size: 1.8rem;}
#content-first .mar-top {margin-top: 0;}
.content-50 p {width: 60%;}
}
@media screen and (max-width:900px) {
body {font-size:1rem; line-height:1.5;}
.font-xm, input, textarea, .content h2 {line-height:1.1;}
.btn {padding: 1.5rem 2.5rem; font-size: 1.2rem;}
.homepage-carte-1 {display:none;}
.homepage-carte-2 {width:80%;}
.homepage-carte {height: 65vh;}
#la-cheffe .icon-wrapper {right: 15%;}
.content-50 p {width: 100%;}
.subtitle {margin-bottom:1.5rem;}
input, textarea {padding:1.5rem;}
.footer-copyright {flex-direction:column; text-align: center;}
.footer-links {flex-direction: column;}
.footer-links li {margin-right:0; margin-bottom: .2rem;}
.footer-links li:nth-child(1) {margin-bottom:.5rem;}
a.marsrouge {margin-top:.5rem;}
}
@media screen and (max-width:790px) {
:root {
--pad: 3rem;
--padneg: -3rem;
--padm: 2rem;
}
html, body {overflow-y: auto!important;}
.font-xl {font-size:3.5rem;}
.font-m {font-size:2.5rem;}
.font-s, .subtitle, .btn-menu {font-size: .8rem !important;}
.subtitle {margin-bottom: .5rem;}
.is-inview, .fx, .card--img-1, .card--img-2, .fxb {transform:none!important; opacity:1!important;}
.btn-reservation {display:none;}
.menu-principal .menu-item {font-size:2.5rem;}
.menu-principal .menu-item:nth-child(5) {display:block;}
.mar-m-top {margin-top:var(--pad);}
.border-radius {height: 6rem;}
.wrapper-first, .wrapper-first-b {padding: 12rem var(--pad) calc(var(--pad) * 2) var(--pad);}
.wrapper, .wrapper-m-nb, .wrapper-nb {padding:calc(var(--pad) * 2) var(--pad);}
.icon {width: 7rem; height: 7rem;}
.icon-svg {width: 2rem;}
#homepage-first .icon-wrapper {bottom:2rem;}
.card--pic {flex-direction:column; height:auto; align-items: center; transform: none !important; margin: var(--pad) 0;}
.card-img {width: 17rem;}
.card--img-1 {display:none;}
.card--img-2 {transform: translate3d(0, 10%, 0px) rotate(10deg); opacity:0;}
.card--pic.is-inview .card--img-2, #homepage-la-cheffe .card--pic.is-inview .card--img-2 {transform:none; opacity:1;}
#homepage-la-cheffe .icon-wrapper, #la-cheffe .icon-wrapper {right:-1rem;}
#le-restaurant .icon-wrapper {bottom:-2rem;}
#content-first .icon-wrapper {top: 9rem; right: -1rem;}
.homepage-carte-2 {width:100%;}
.homepage-carte-thumb {width: 10rem; height: 10rem;}
.introduction {margin-top: var(--pad); font-size: 1.4rem;}
.wpcf7-list-item {margin-right: 0;}
.footer {margin-top: -6rem; z-index:1;}
.wrapper-footer {padding: calc(var(--pad) * 3) var(--pad) calc(var(--pad) * 2) var(--pad);}
.footer .icon-wrapper {display:none;}
.footer-contact {margin:var(--pad) 0;}
.footer-copyright {margin-top:var(--pad);}
.marquee {width:100%;}
.marquee div {width:auto; text-shadow:none;}
@keyframes marquee {0% { transform: translateX(100%);} 100% { transform: translateX(-100%);}}
}
@media screen and (max-width:500px) {
.follow {flex-direction: column;grid-gap: 0.3rem;}
}