/**
 * Forms
 */

/* All elements */
.field { margin-bottom: 30px; position:relative; }
.field label { display: inline-block; margin:0; }

[data-validate-for] { display:none; font-size:10px; line-height:10px; position:absolute; right:0; bottom:-1.2em; }
[data-validate-for].visible { display:block; }

/* Textfields & textareas */
.field.textfield input,
.field.textarea textarea { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; }

/* Checkbox & Radio */
.field.checkbox label,
.field.radio label { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; position:relative; margin-bottom:10px; cursor: pointer; }

.field.checkbox input,
.field.radio input,
.field.checkbox span:before,
.field.radio span:before { width:20px; height:20px; margin-right:10px; }

.field.checkbox span:before,
.field.radio span:before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); border:1px solid #ccc; background:#fff; }

.field.checkbox span:after,
.field.radio span:after { content:''; position:absolute; left:3px; top:50%; transform:translateY(-50%); width: 14px; height:14px; background:#ccc; opacity:0; transition:all 0.5s ease 0s; }

.field.checkbox input:checked+span:after,
.field.radio input:checked+span:after { opacity: 1; }

.field.checkbox span:before,
.field.checkbox span:after { border-radius: 0; }

.field.radio span:before,
.field.radio span:after { border-radius: 50%; }

.field.radio.inline,
.field.checkbox.inline { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; }
.field.radio.inline label,
.field.checkbox.inline label { margin-right:15px; margin-bottom:0; }

/* Select */
.field.select select { display:block; width:100%; padding:10px; border:1px solid #ccc; }

/* Captcha */
.field.captcha { display:flex; flex-direction:row; justify-content:center; }

/**
 * Navigation
 **/
 
/* Frontend editor */
.ct-widget.ct-ignition { position:fixed; left:auto; top:auto; right:20px; bottom:20px; z-index:10000; transition:all 0.5s ease 0s; }
.ct-widget.ct-ignition .ct-ignition__button { position:static; margin-top:10px;}

.ce-element { outline:2px dashed rgba(243, 156, 18, 0.5); }
.ce-element--focused, .ce-element:focus { outline:2px dashed rgba(243, 156, 18, 1); }

/**
 * Legal
 **/
.legal { margin:60px 0; }
.legal h1 { font-size:4rem; margin:0 0 1em 0; }
.legal h2 { font-size:3rem; margin:1em 0; }
.legal h3 { font-size:2.5rem; margin:1em 0; }
.legal h4 { font-size:2rem; margin:1em 0; }
.legal h5 { font-size:1.5rem; margin:1em 0; }
.legal table { width:100%; margin:2em 0; }
.legal table th,
.legal table td { padding:1em; border:1px solid rgba(0,0,0,0.25); }
/**
 * General Elements
 **/

html { font-size:10px; }
body { font-size:1.6rem; font-family:'Raleway', sans-serif; font-size:2.4rem; color:#707070; }
:focus, button:focus { outline:none; }

/* Images */
img { max-width:100%; height:auto; }
img[data-sizes] { display:block; width:100%; }

/* Paragraphs */
p { margin-bottom:1em; }
p:last-child { margin-bottom:0; }

/* Link */
a:hover { text-decoration:none; }

/* Lists */
ul, ol { margin-bottom:0; padding:0; list-style:none; }

/* Titles  */
h1 { font-family:'Abril Fatface', sans-serif; font-size:8rem; color:#581414; font-weight:normal; margin:0; line-height:1em; }
h1:after { content:''; width:40px; height:6px; background:#581414; display:block; margin:30px 0 30px auto; }
h2 { font-family:'Abril Fatface', sans-serif; font-size:6rem; color:#581414; font-weight:normal; margin:0; line-height:1em; margin-bottom:0.7em; }

.popup-fancybox { max-width:800px; }

/**
 * Components
 **/

/* Alert */
.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; }
.alert .close { display:none; }
.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
.alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; }
.alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; }
.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }
.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; }

/* Hamburger */
.hamburger { height:26px;  padding:0; position:relative; top:8px; transition:all 0.5s ease 0s;}
.hamburger.is-active { top:4px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { background:#581414; height:2px; border-radius:0;}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background:#fff; }
.hamburger .hamburger-inner::before { top:-12px; }
.hamburger .hamburger-inner::after { top:-25px; }

/* Button */
.btn { border:2px solid #581414; background:#581414; color:#fff; text-transform:uppercase; font-size:2rem; font-weight:bold; display:inline-flex; flex-direction:row; align-items:center; justify-center:center; border-radius:50px; padding:15px 30px; margin-top:50px; transition:all 0.5s ease 0s; cursor: pointer; }
.btn svg { fill:#fff; margin-left:15px; transition:all 0.5s ease 0s; }

.btn.outline { background:transparent; color:#581414; }
.btn.outline svg { fill:#581414; }
.btn.outline:hover { background-color:#581414; color:#fff; }
.btn.outline:hover svg { fill:#fff; }

.btn.disible {pointer-events: none; cursor: not-allowed; opacity: .2;} 

.underline { color:#581414; border-bottom:1px solid #581414; padding:5px 0; margin-top:50px; display:inline-block;  font-size:2rem; font-weight:600; }
.underline:hover { color:#000; border-color:#000; }

/* Forms */
.field.textfield label { position:absolute; left:50px; top:50%; transform:translateY(-50%); font-size:1.5rem; color:#581414; opacity:0.5; text-transform:uppercase; font-weight:bold; transition:all 0.3s ease 0s; }
.field.textfield input { border:2px solid #581414; border-radius:36px; padding:25px 50px 0px 50px; background:transparent; }
.field.textfield.active label,
.field.textfield.filled label { top:10px; transform:translateY(0); }

.field.textarea label { position:absolute; left:50px; top:30px; font-size:1.5rem; color:#581414; opacity:0.5; text-transform:uppercase; font-weight:bold; transition:all 0.3s ease 0s; }
.field.textarea textarea { border-radius:36px; border:2px solid #581414; padding:30px 50px; background:transparent; }
.field.textarea.active label,
.field.textarea.filled label { top:10px; transform:translateY(0); }

.field.submit { text-align:center; }
.field.submit .btn { margin-top:0; }

.field [data-validate-for],
[data-validate-for].visible{ color:red; font-weight: 600; right:30px; font-size: 1.6rem; }

/**
 * Layout
 **/

/* General */
.container-fluid { padding-left:80px; padding-right:80px; }
.mini { padding-left:150px; padding-right:150px; }
.align-center { align-items:center; }
.text-center { text-align:center; }
.justify-center { justify-content:center; }
.space-between { justify-content: space-between; }
.padding { padding-top:80px; padding-bottom:80px; }
.relative { position:relative; }
.swiper-wrapper { box-sizing:border-box; }

.triangle-top { background:#B29B7E10; -webkit-clip-path: polygon(0 0, 0 100%, 100% 0); clip-path: polygon(0 0, 0 100%, 100% 0); width:100vw; height:1000px; position:absolute; left:0; top:0; z-index:-1; pointer-events:none;}
.triangle-bottom { background:#B29B7E10; -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%); clip-path: polygon(100% 0, 0 100%, 100% 100%); width:100vw; height:1000px; position:absolute; right:0; bottom:0; z-index:-1; pointer-events:none; }

#page { position:relative; width:100%; overflow:hidden; }
#main { margin-top:200px; }

/* Header */
#page > .triangle-top { width:60vw; height:650px; }

#header { position:fixed; left:0; top:0; width:100%; z-index:5; background:transparent; transition:all 0.5s ease 0s; }
#header .relative { z-index:6; }
#header .row { height:200px; transition:all 0.5s ease 0s; }
#header .logo { transition:all 0.5s ease 0s; }
#header .logo img { transition:all 0.5s ease 0s; }
#header .navigation { display:flex; flex-direction:row; align-items:center; justify-content:flex-end; }
#header .navigation .primary { display:flex; flex-direction:row; align-items:baseline; justify-content:flex-start; }
#header .navigation .primary li { margin-right:50px; transition:all 0.5s ease 0s; }
#header .navigation .primary li:last-child { margin-right:0; }
#header .navigation .primary a { font-size:1.4rem; font-weight:bold; color:#581414; }
#header .navigation .primary img { margin-right:15px; }
#header .vcarte { position:absolute; right:0; transform:rotate(-90deg); transform-origin:bottom right; font-size:1.4rem; font-weight:bold; opacity:0; transition:opacity 0.5s ease 0s; color:#581414; line-height:40px; }
#header .vcarte img { margin-right:15px; }

#header.not-top { pointer-events:none; }
#header.not-top .logo { opacity:0; pointer-events:none; }
#header.not-top .navigation .primary li { opacity:0; pointer-events:none; }
#header.not-top .navigation .primary li:last-child { opacity:1; pointer-events:auto; }
#header.not-top .vcarte { opacity:1; pointer-events:auto; }

#menu { position:fixed; z-index:5; right:0; top:0; width:100vw; height:100vh; overflow: scroll ; transform:translateX(100%); transition:all 0.5s ease 0s; background:#581414; background-repeat:no-repeat; background-position:center center; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
#menu .menulogo { margin-bottom:10vh; }
#menu li { margin-bottom:30px; }
#menu a { color:#fff; font-size:3rem; font-weight:600; transition:all 0.5s ease 0s; }
#menu a:hover { color:#ffffff50; }
#menu li.active a { color:#ffffff50; }

body.open #header { pointer-events:auto; }
body.open #menu { transform:translateX(0); }

#footer { font-size:2rem; background:#F7F5F2; margin-top:80px; }
#footer h2 { font-size:4rem; }
#footer .socials { margin-top:50px; }
#footer .socials ul { display:flex; flex-direction:row; align-items:center; justify-content:center; }
#footer .socials li { margin:0 15px; }
#footer .menu li { margin:20px 0; }
#footer .menu a { color:#707070; }
#footer .menu a:hover { color:#581414; }
#footer .infos .phone { font-weight:bold; }
#footer .copyright { margin-top:50px; }
#footer .copyright ul { display:flex; flex-direction:row; align-items:center; justify-content:center; }
#footer .copyright li:after { content:'-'; display:inline-block; margin:0 5px; }
#footer .copyright li:last-child:after { content:none; }
#footer .copyright a { color:#000; }
#footer .copyright a:hover { color:#581414; }

/**
 * Pages
 **/
 
/* Global components */
#mainslider { margin-top:-50px; }
#mainslider .title-wrapper { position:absolute; right:50px; top:50%; z-index:2; text-align:right; }
#mainslider .title-wrapper .subtitle { text-transform:uppercase; font-size:3rem; font-weight:600; color:#581414; }
#mainslider .navigation { position:absolute; bottom:15px; right:0; background:#581414; color:#fff; padding:30px 60px; z-index:2; min-width:400px; }
#mainslider .navigation .text { font-size:1.6rem; font-style:italic; text-align:center; }
#mainslider .navigation .pagination { display:flex; flex-direction:row; align-items:center; justify-content:center; margin-top:10px; }
#mainslider .navigation .swiper-pagination-bullet { background:#fff; width:7px; height:7px; margin:0 5px; opacity:1; }
#mainslider .navigation .swiper-pagination-bullet-active { width:11px; height:11px; }
#mainslider .bg { -webkit-mask: url(../themes/commerce/assets/img/mask.svg) no-repeat center center / cover; mask:url(../themes/commerce/assets/img/mask.svg) no-repeat center center / cover; }

#intro .legend { display:flex; flex-direction:row; align-items:center; justify-content:flex-end; margin-top:80px; text-align:right; font-size:1.8rem; }
#intro .legend p { margin-bottom:0; }
#intro .legend img { margin-left:30px; }
#intro .triangle-bottom { bottom:-350px; }

#next .triangle-top { top:350px; }

#sepslider { max-height:100vh; overflow:hidden; }
#sepslider .bg { object-fit:cover; object-position:center center; }
#sepslider .caption { position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; padding:0 20vw; text-align:center; }
#sepslider .caption .title { color:#fff; font-size:8rem; margin-bottom:0; }
#sepslider .caption .title:after { content:''; display:block; width:40px; height:6px; background:#fff; margin:50px auto 50px auto; }
#sepslider .caption .description { color:#fff; font-size:3rem; text-transform:uppercase; font-weight:600; }
/*
#facebook .triangle-top { width:75vw; height:900px; }
*/
#centerslider { text-align:center; }
#centerslider .caption { margin-bottom:50px; }
#centerslider .navigation { position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; display:flex; flex-direction:row; align-items:center; justify-content:space-between; }
#centerslider .navigation { margin-top:125px; }
#centerslider .navigation button { padding:0; margin:0; border:none; background:none; }
#centerslider .navigation svg { width:90px; height:auto; }
#centerslider .navigation .prev { position:relative; left:-120px; }
#centerslider .navigation .next { position:relative; right:-120px; }
/*
#centerslider .triangle-bottom { height:1000px; }
*/

#histoire #generations .timeline { position:relative; margin-top:150px; font-size:1.8rem; overflow-x:auto; padding:60px 30px; }
#histoire #generations .timeline:before {  }
#histoire #generations .timeline .row { flex-wrap:nowrap; }
#histoire #generations .timeline .item { position:relative; color:#000; font-weight:bold; }
#histoire #generations .timeline .item:before { position:absolute; width:7px; height:7px; background:#000; content:''; left:0; top:0; transform:translate(-50%, -50%); border-radius:100%; }
#histoire #generations .timeline .item:after { position:absolute; width:1px; height:100%; background:#000; content:''; left:0; top:0;  }
#histoire #generations .timeline .item .date { position:relative; top:-50px; transform:translateX(-50%); display:inline-block; }
#histoire #generations .timeline .item .text { padding:100px 30px 0 30px; }
#histoire #generations .timeline .col-auto:before { content:''; width:100%; height:1px; position:absolute; left:0; top:0px; background:#000; }
#histoire #generations .timeline .col-auto:last-child .item:after { content:none; }


#carte .tabs .r-tabs-nav .btn { margin:0 15px 15px 0; }
#carte .tabs .r-tabs-nav .r-tabs-state-active .btn { background:#581414; color:#fff; }
#carte .tabs .r-tabs-nav .r-tabs-state-active .btn svg { fill:#fff; }
#carte .tabs .r-tabs-panel { margin-top:80px; font-size:2rem; font-weight:bold; color:#000; }
#carte .tabs .r-tabs-panel li { display:flex; flex-direction:row; align-items:flex-start; justify-content:space-between; margin-bottom:30px; }
#carte .tabs .r-tabs-panel .price { font-weight:900; margin-left:30px; }
#carte .tabs .r-tabs-panel li.rupture { text-decoration:line-through; }
#carte .tabs .r-tabs-panel span.titre { text-decoration:underline; }

#restaurant #schedules .buttons { display:flex; flex-direction:row; align-items:center; justify-content: space-between; }

#restaurant #labels { text-align:center; }
#restaurant #labels .swiper-container { margin-top:50px; }
#restaurant #labels img { max-width:250px; max-height:150px; }

#contact #next .form { margin-top:80px; }


#satisfaction {background-color: #F7F5F2; }
#satisfaction h1 {font-size:7rem; font-weight: 400; margin-bottom: 2vh;}
#satisfaction h1:after {content: none;}
#satisfaction .entete { text-align: center; }
#satisfaction .entete p {color: #000;}
#satisfaction .swiper {margin-top: 7vh;}
#satisfaction .numberqst {text-align: center; color: #000;}
#satisfaction .blockquestions {padding: 60px; background-color: #fff; margin-top: 3vh; font-weight: bold;  }
#satisfaction .questions {color: #581414; font-size: 2.4rem;  margin-bottom: 3vh;}
#satisfaction .questions ul {overflow : hidden;}
#satisfaction .swiper-slide {background-color: #F7F5F2}
#satisfaction .btns {display: flex; flex-direction: row; justify-content: center;}
#satisfaction .btns .btn {margin-right: 25px;}
#satisfaction .btns .btn:last-child {margin-right: 0;}

#satisfaction .swiper-button-disabled {display: none; }
#satisfaction .btn.send {display: none;}

.slidecontainer { width: 100%; }
.rangeslider { -webkit-appearance: none; appearance: none; width: 100%; height: 3px; background: #581414; outline: none; -webkit-transition: .2s;  transition: opacity .2s;}

.rangeslider::-webkit-slider-thumb {  -webkit-appearance: none;  appearance: none;  width: 25px;  height: 25px;  border-radius: 50%;   background: #fff;  cursor: pointer;  border: 3px solid #581414;}
.rangeslider::-moz-range-thumb {  -webkit-appearance: none;  appearance: none;  width: 25px;  height: 25px;  border-radius: 50%;   background: #fff;  cursor: pointer;  border: 3px solid #581414;}
.note { display: flex; justify-content: space-between; width: 100%; padding: 0 7px;}
.radio {display: flex; flex-direction: column;}
.unradio {display: flex; flex-direction: row; margin: 10px 0;}
.unradio label {margin:0 15px;}
.pretty .state label:before {border-color: #581414 !important ;}
.unradio.pretty.p-default input:checked~.state label:after { background-color: #581414 !important;}
.btn.prev svg {margin-right: 15px; margin-left: 0; transform: rotate(180deg);}


#cheque {text-align: center;}
#cheque img {padding: 3vh 0;}
#cheque .montant {display: flex; flex-direction: column; align-items: center;}
#cheque .montant label {color:#581414; font-weight: bold; }
#cheque .montant input {width: 150px;  font-size:1.5rem; color:#581414; border-radius:36px; border:2px solid #581414; padding:15px 20px; background:transparent; text-align: center;  font-weight: bold;} 
#cheque .input {color: #581414;margin-top: 2vh;}
#cheque .beneficiaire {padding: 5vh 0;}
#cheque h3 {font-size: 2.4rem; color: #581414; font-weight: bold; margin-bottom: 2rem; margin-top: 2em;}

#cheque .mail {text-align: start; }
#cheque .mail h3 {text-align: center;}
#cheque .submit{display: flex; flex-direction: row; justify-content: center; width: 100%;}
#cheque .btn {margin-top: 0;}
#cheque #emaildestinataire {display: none; margin-top: 1em;}
.cgv.pretty .state label:after, .cgv.pretty .state label:before{left: 15px; }
#cheque .unradio.cgv {padding-left: 15px; margin-bottom: 1em;}

.popup-fancybox {max-width: 1200px;}
.popup-fancybox a {word-break: break-all; }


/**
 * Extra large
 **/
@media (min-width: 1600px) {
    .container { max-width:1490px; }
}

/**
 * Extra large
 **/
@media (max-width: 1599px) {
    h1 { font-size:6rem; }
    h1:after { margin:20px 0 20px auto; }
    h2 { font-size:5rem; }
    p { font-size:1.8rem; }
    
    .btn { font-size:1.4rem; margin-top:30px; padding:10px 20px; }
    .padding { padding-top:60px; padding-bottom:60px; }
    
    #header .logo img { height:100px; }
    #header .row { height:130px; }
    #header .navigation .primary li { margin-right:30px; }
    
    #footer { font-size:1.8rem; }
    #footer h2 { font-size:3rem; }
    
    #main { margin-top:130px; }
    
    #mainslider { margin-top:-30px; }
    #mainslider .title-wrapper { top:35%; }
    #mainslider .title-wrapper .subtitle { font-size:2.5rem; }
    #mainslider .navigation { padding:15px 30px; min-width:250px; }
    
    #intro .legend { margin-top:30px; }
    
    #sepslider .caption .title { font-size:6rem; }
    #sepslider .caption .description { font-size:2.5rem; }
    
    #carte .tabs .r-tabs-panel { font-size:1.6rem; }
    
}

/**
 * Large devices
 **/
@media (max-width: 1199px) {
    h1 { font-size:5rem; }
    h1:after { height:3px; margin:15px 0 15px auto; }
    h2 { font-size:4rem; }
    p { font-size:1.6rem; }
    
    .padding { padding-top:40px; padding-bottom:40px; }
    
    #header.not-top .vcarte { display:none; }
    #menu li { margin-bottom:20px; }
    #menu a { font-size:2.5rem; }
    
    #footer { font-size:1.6rem; }
    #footer h2 { font-size:2.5rem; }
    
    #mainslider { margin-top:-30px; }
    #mainslider .title-wrapper { right:-30px; }
    #mainslider .title-wrapper .subtitle { font-size:1.6rem; }
    #mainslider .navigation { max-width:200px; bottom:0; }
    
    
    #sepslider .caption .title { font-size:5rem; }
    #sepslider .caption .description { font-size:2rem; }
    
    .triangle-bottom { height:750px; }
    .triangle-top { height:750px; }
    
    #page > .triangle-top { height:450px; }
    #intro .triangle-bottom { bottom:-250px; }
    #next .triangle-top { top:250px; }
    #facebook .triangle-top { height:450px; }
    #centerslider .triangle-bottom { height:550px; }
}

/**
 * Medium devices
 **/
@media (max-width: 991px) {
    body { font-size:1.8rem; }
    h1 { font-size:4.5rem; width:100%;}
    h1:after { margin:15px auto; }
    h2 { font-size:3.5rem; }
    
    .container-fluid { padding-left:50px; padding-right:50px; }
    
    .triangle-bottom { height:550px; }
    .triangle-top { height:550px; }
    
    #header.not-top { background:#fff; pointer-events:auto; padding:5px 0; }
    #header.not-top .row { height:80px;  }
    #header.not-top .row .logo { opacity:1; pointer-events:auto; }
    #header.not-top .row .logo img { height:70px; }
    
    
    #footer h2 { font-size:2rem; }
    
    #mainslider { margin-top:50px; }
    /*#mainslider .relative.first { display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; }*/
    #mainslider .title-wrapper { width:100%; text-align:center; right:0; position:static; order:1; margin-bottom:30px; }
    #mainslider .row { order:2; }
    
    #carte .tabs .r-tabs-panel .image { display:none; }
}

/**
 * Small devices
 **/
@media (max-width: 767px) {
    body { font-size:1.6rem; }
    h1 { font-size:4rem; }
    h2 { font-size:3rem; }
    
    .triangle-bottom { height:400px; }
    .triangle-top { height:400px; }
    
    #header .primary li { display:none;}
    #header .primary li:last-child { display:block;}
    #header li.keep { display:block !important; }
    
    #menu .menulogo { margin-bottom:5vh; }
    #menu .menulogo img { max-height:20vh; }
    
    #footer { text-align:center; }
    
    #footer .logo img { max-width:350px; display:inline-block; }
    #footer .row > div { margin-bottom:50px; }
    #footer .copyright ul { display:flex; flex-direction:column; align-items:center; justify-content:center; }
    #footer .copyright li:after { content:none; }
    
    #footer .menu { order:3; margin-bottom:0 !important; }
    #footer .infos { order:2; }
    #footer .copyright { margin-top:0; }
    
    #intro .text { text-align:center; order:1; text-align:center; }
    #intro .image { order:2; margin-bottom:0; }
    #intro .legend { justify-content:center; }
    
    #next .text { order:1; margin-bottom:50px; text-align:center; }
    #next .image { order:2; }
    
    #restaurant #schedules { text-align:center; }
    #restaurant #schedules .shipping { margin-top:50px; }
    #restaurant #schedules .buttons { justify-content:space-evenly; }
    
    #mainslider .navigation { position:static; margin:30px auto; }
    #mainslider .title-wrapper { top:25%; }
    #sepslider .caption .title { font-size:4rem; } 
    #sepslider .caption .title:after { margin:30px 0; }
    #intro .text { margin-bottom:50px; }
    
    #carte .tabs .r-tabs-accordion-title { background:#581404; color:#fff; padding:10px 15px }
    #carte .tabs .r-tabs-accordion-title a { color:#fff; display:flex; flex-direction:row; align-items:center; justify-content:space-between; }
    #carte .tabs .r-tabs-accordion-title svg { fill:#fff; transition:all 0.5s ease 0s; }
    #carte .tabs .r-tabs-state-active svg { transform:rotate(90deg); }
    #carte .tabs .r-tabs-panel { margin-top:0; padding:50px 0; }
    
    #satisfaction .questions {font-size : 1.8rem;}
    #satisfaction .blockquestions {padding: 30px;}
    #satisfaction .container-fluid {padding: 0 15px;}
    
    #cheque .container-fluid {padding: 0 15px;}
    .popup-fancybox img { max-height:300px; object-fit:cover; }
}

/**
 * Extra small devices
 **/
@media (max-width: 575px) {
    body { font-size:1.4rem; }
    #page > .triangle-top { height:250px; }
    #intro .triangle-bottom { bottom:0; }
    #next .triangle-top { top:0; }
    
    .triangle-bottom,
    .triangle-top { display:none; }
    
    #mainslider .title-wrapper { position:static; }
    #sepslider .caption .title { font-size:3rem; }
    #sepslider .caption .description { font-size:1.6rem; }
    #carte .tabs .r-tabs-panel { font-size:1.4rem; }
    #carte .tabs .r-tabs-panel { padding:15px 0; }
    #carte .tabs .r-tabs-panel li { margin-bottom:15px; }
    #facebook { text-align:center; }
    #restaurant #schedules .buttons { flex-direction:column; align-items:center; justify-content:center; }
    #histoire #generations .timeline .item .text { padding:30px 15px 0 15px; font-size:1.4rem; }
    
    #satisfaction .btns {flex-direction: column; align-items: center;}
    #satisfaction .btns .btn {margin: 0;}
    #satisfaction .btns .btn:first-child {margin: 25px 0;}
}