@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Italianno&family=Montserrat:wght@400;500;600;700&display=swap");
@import url("https://fonts.cdnfonts.com/css/bahnschrift");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap");
@media screen and (max-width: 767px) {
  img {
    display: block;
    max-width: 100vw;
  }
}
* {
  margin: 0;
}

a {
  color: white;
}

body {
  background-color: #151515;
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .headerDesktop {
    display: none;
  }
  #logoMobile:hover {
    cursor: pointer;
  }
  #contChoixMobile {
    position: absolute;
    display: none;
    width: 100%;
    height: 100vh;
    z-index: 55;
    background-color: #151515;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: 50px;
  }
  #contChoixMobile #closeMobile {
    display: flex;
    position: absolute;
    top: 35px;
    right: 20px;
  }
  #contChoixMobile #closeMobile span {
    display: block;
    width: 25px;
    height: 2px;
    background-color: #7cb657;
  }
  #contChoixMobile #closeMobile #close1 {
    transform: translateX(25px) rotate(45deg);
  }
  #contChoixMobile #closeMobile #close2 {
    transform: translateX(0px) rotate(-45deg);
  }
  #contChoixMobile a {
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.75rem;
  }
  #contChoixMobile h1 {
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
    color: #7cb657;
  }
  header {
    position: fixed;
    width: 100%;
    z-index: 55;
  }
  header .contHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: #151515;
    height: 80px;
  }
  header .contHeader img {
    margin-left: 5%;
    display: block;
    width: 85px;
    height: 56px;
  }
  header .contHeader .contHam {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    margin-right: 5%;
  }
  header .contHeader .contHam span {
    display: block;
    background-color: #fff;
    width: 25px;
    height: 2px;
  }
  header .hamClosed {
    position: fixed;
  }
  header .hamOpened {
    z-index: -1;
    position: fixed;
    display: flex;
    width: 100%;
    height: 103vh;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%), url("../images/ham-menu-mobile.png");
    background-color: rgb(61, 60, 60);
    background-size: cover;
  }
  header .hamOpened .contLink {
    margin-top: 105px;
    width: 100%;
  }
  header .hamOpened .contLink ul {
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    row-gap: 20px;
  }
  header .hamOpened .contLink ul li {
    width: fit-content;
    text-align: center;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.375rem;
  }
  header .hamOpened .contLink ul li a {
    color: #fff;
    text-decoration: none;
  }
  header .hamOpened .contLink ul li a:visited {
    color: #fff;
  }
  header .hamOpened .contLink .contSocials {
    display: flex;
    justify-content: center;
    column-gap: 25px;
    margin-top: 30px;
  }
  header .hamOpened .contLink .contSocials .cercle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #7cb657;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  header .hamOpened .contLink .cta {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    column-gap: 25px;
    height: 60px;
    background-color: #7cb657;
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 500;
    font-size: 1.125rem;
    text-decoration: none;
    color: white;
  }
  header .hamOpened .contLink .cta:visited {
    color: white;
  }
  .chapeau {
    height: 80px;
  }
}
@media screen and (max-width: 767px) {
  .footerDesktop {
    display: none;
  }
  footer {
    background-image: url("../images/concept-bg.png");
    background-size: cover;
    width: 100%;
  }
  footer .contTexte {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
  }
  footer .contTexte h2 {
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    color: #7cb657;
    text-transform: uppercase;
    margin-bottom: 25px;
  }
  footer .contTexte .contLocations {
    display: grid;
    grid-template-columns: 36% 36%;
    justify-content: space-between;
  }
  footer .contTexte .contLocations .col1 {
    display: grid;
    row-gap: 10px;
  }
  footer .contTexte .contLocations .col1 h4 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
  }
  footer .contTexte .contLocations .col1 p {
    width: 100%;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 20px;
  }
  footer .contTexte .contLocations .col1 a {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 28px;
    text-decoration: none;
  }
  footer .contTexte .contLocations .col1 a:visited {
    color: white;
  }
  footer .contTexte .contNavigation {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
  }
  footer .contTexte .contNavigation .col1 ul {
    list-style: none;
    padding-left: 0;
  }
  footer .contTexte .contNavigation .col1 ul li a {
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 30px;
  }
  footer .contTexte .contNavigation .col1 ul li a:visited {
    color: white;
  }
  footer .contTexte .contNavigation .col2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
  }
  footer .contTexte .contNavigation .col2 .cercle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #7cb657;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  footer .contTexte .contEmbauche {
    margin-top: 30px;
  }
  footer .contTexte .contEmbauche p {
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
    font-size: 1rem;
  }
  footer .contTexte .contEmbauche .cont2 {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  footer .contTexte .contEmbauche .cont2 a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 19.2px;
    text-align: center;
  }
  footer .contTexte .contEmbauche .cont2 a:visited {
    color: white;
  }
  footer .contTexte .contEmbauche .cont2 .CTAVide {
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 600;
    color: #7cb657;
  }
  footer .contTexte .contEmbauche .cont2 .CTAVide:visited {
    color: #7cb657;
  }
  footer .contTexte .contEmbauche .cont2 .CTAVide span {
    display: block;
    width: 30px;
    height: 1px;
    background-color: #7cb657;
    margin-right: 10px;
  }
  footer .contTexte .sep {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 110%;
    position: relative;
    left: -5%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.6);
  }
  footer .contTexte .contCopy {
    margin-bottom: 30px;
  }
  footer .contTexte .contCopy p {
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
  }
  footer .contTexte .contCopy p a {
    color: white;
  }
  footer .contTexte .contCopy p a:visited {
    color: white;
  }
  footer .contTexte .contCopy p:last-child a {
    font-weight: 700;
  }
}
.termsWrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../images/concept-bg.png");
  background-size: cover;
  padding-top: 180px;
  padding-bottom: 122px;
}
.termsWrapper .contTexte {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  row-gap: 22px;
}
.termsWrapper .contTexte h1,
.termsWrapper .contTexte h2,
.termsWrapper .contTexte h3 {
  font-family: "Bahnschrift", sans-serif;
  color: #7cb657;
}
.termsWrapper .contTexte p,
.termsWrapper .contTexte li {
  font-family: "Poppins", sans-serif;
}

@media screen and (max-width: 767px) {
  .contFleche2 {
    display: none;
  }
  .upperPart {
    width: 100%;
    position: relative;
    height: calc(var(--vh, 1vh) * 100);
  }
  .upperPart img {
    display: block;
    display: none;
    width: 100%;
    height: 100%;
  }
  .upperPart .contVideo {
    max-width: 100vw;
    height: 100%;
    overflow: hidden;
  }
  .upperPart video {
    height: inherit;
    overflow: hidden;
  }
  .upperPart .contFleche {
    position: absolute;
    width: 50px;
    height: 50px;
    bottom: 5%;
    right: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #151515;
    border: 2px solid #7cb657;
  }
  .upperPart .contFleche img {
    display: block;
    width: 15px;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .concept {
    width: 100%;
    background-image: url("../images/concept-bg.png");
    background-size: cover;
  }
  .concept .contTexte {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .concept .contTexte .subText {
    margin-bottom: 50px;
  }
  .concept img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
    width: 100%;
  }
  .concept h1 {
    font-family: "Italianno", cursive;
    font-weight: 400;
    font-size: 2.125rem;
    color: #7cb657;
    padding-top: 50px;
    margin-bottom: 10px;
  }
  .concept h2 {
    margin-top: 0;
    margin-bottom: 15px;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
    font-size: 2.3125rem;
    text-transform: uppercase;
  }
  .concept p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 22px;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  .decouverte {
    background-color: #000;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 60px;
  }
  .decouverte .contFlapper {
    display: none;
  }
  .decouverte .banner {
    display: none;
  }
  .decouverte .contTexte {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
  }
  .decouverte .contTexte h2 {
    font-family: "Italianno", cursive;
    font-weight: 400;
    font-size: 2.125rem;
    color: #7cb657;
  }
  .decouverte .contTexte h3 {
    font-family: "Bahnschrift", sans-serif;
    margin-top: 10px;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 2.3125rem;
    text-transform: uppercase;
  }
  .decouverte .contTexte p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 22px;
  }
  .decouverte .contTexte p span {
    color: #7cb657;
  }
  .decouverte img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .decouverte .contIMGTab {
    display: none;
  }
  .decouverte .contIMG {
    width: 90%;
    display: block;
    height: 340px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .decouverte .contIMG .contTexte {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: flex-start;
    justify-content: center;
    padding-top: 20px;
  }
  .decouverte .contIMG .contTexte span {
    display: block;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
    font-size: 2.3125rem;
    line-height: 50px;
    text-transform: uppercase;
  }
  .decouverte .contIMG1 {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 29.15%), url("../images/a-manger-mobile.png");
    background-size: cover;
  }
  .decouverte .contIMG1 .contTexte {
    transform: rotate(90deg);
  }
  .decouverte .contIMG2 {
    margin-top: 30px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 28.11%), url("../images/a-boire-mobile.png");
    background-size: cover;
    position: relative;
    z-index: 3;
  }
  .decouverte .contIMG2 .contTexte {
    transform: rotate(-90deg);
  }
}
@media screen and (max-width: 767px) {
  .desktopVibrer {
    display: none;
  }
  .reserverDesktop {
    display: none;
  }
  .vibrer {
    width: 100%;
    background-image: url("../images/concept-bg.png");
    background-size: cover;
    position: relative;
    height: 1700px;
    padding-bottom: 40px;
  }
  .vibrer .mobileVibrer {
    padding-top: 10px;
  }
  .vibrer #danseurIndex {
    width: 100%;
  }
  .vibrer::before {
    content: "";
    width: 100vw;
    position: absolute;
    z-index: 0;
    height: 50px;
    background-image: url("../images/concept-bg.png");
    background-size: 100%;
    background-position: 0 0%;
    top: -50px;
    left: 0;
  }
  .vibrer article {
    position: relative;
    height: fit-content;
  }
  .vibrer article .contBack {
    position: relative;
    top: -20vh;
    background-image: url("../images/reserver-bg.png");
    background-size: cover;
    width: 90%;
    height: 855px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0;
  }
  .vibrer article .contBack .contContText {
    background: linear-gradient(270deg, #000000 0%, rgba(0, 0, 0, 0) 87.27%), rgba(0, 0, 0, 0.8);
    padding-top: 0;
    width: 90%;
    height: 830px;
    display: flex;
    justify-content: center;
    padding-bottom: 0;
  }
  .vibrer article .contBack .contContText .contText {
    padding-top: 30px;
    padding-bottom: 0;
    width: 80%;
  }
  .vibrer article .contBack .contContText .contText a {
    margin-bottom: 0;
  }
  .vibrer article .contBack .contContText .contText p {
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 22px;
  }
  .vibrer div {
    padding-top: 50px;
    padding-bottom: 25px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .vibrer div h2 {
    font-family: "Italianno", cursive;
    font-weight: 400;
    font-size: 2.125rem;
    color: #7cb657;
    margin-bottom: 10px;
  }
  .vibrer div h3 {
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
    font-size: 2.3125rem;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  .vibrer div p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 22px;
  }
  .vibrer div .ctaReserver {
    margin-top: 80px;
    margin-bottom: 50px;
    width: 100%;
    display: flex;
    color: white;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    height: 60px;
    background-color: #7cb657;
  }
  .vibrer div .ctaReserver span {
    display: block;
    width: 20px;
    height: 1px;
    background-color: white;
    margin-right: 15px;
  }
  .vibrer div .ctaReserver p {
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 30px;
  }
}
@media screen and (max-width: 767px) {
  .contenuMenu {
    display: flex;
    position: relative;
    background-image: url("../images/menu-hero-mobile.png");
    height: 100%;
    background-size: cover;
  }
  .contenuMenu #no-img {
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 1.25rem;
    margin-top: 40px;
  }
  .contenuMenu .heroWrapper {
    width: 80%;
    margin-top: 240px;
    margin-left: auto;
    margin-right: auto;
  }
  .contenuMenu .heroWrapper .contTitle h2 {
    font-family: "Italianno", cursive;
    font-weight: 400;
    font-size: 2.125rem;
    color: #7cb657;
  }
  .contenuMenu .heroWrapper .contTitle h3 {
    font-family: "Bahnschrift", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2.3125rem;
    margin-bottom: 30px;
  }
  .contenuMenu .heroWrapper .contTabs {
    display: grid;
    display: none;
    grid-template-columns: 25% 25% 25% 25%;
    width: 100%;
    border-bottom: 2px solid #7cb657;
  }
  .contenuMenu .heroWrapper .contTabs .tab {
    font-family: "Bahnschrift", sans-serif;
    font-weight: 500;
    font-size: 0.75rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    background-color: #1a1a1a;
    position: relative;
    text-align: center;
  }
  .contenuMenu .heroWrapper .contTabs .tab:nth-child(2) {
    border-left: 2px solid rgba(255, 255, 255, 0.3);
    border-right: 2px solid rgba(255, 255, 255, 0.3);
  }
  .contenuMenu .heroWrapper .contTabs .tab:nth-child(3) {
    border-right: 2px solid rgba(255, 255, 255, 0.3);
  }
  .menuLeReste {
    width: 100%;
    background-image: url("../images/concept-bg.png");
    background-size: cover;
    position: relative;
    display: none;
  }
  .mobileCTA {
    position: absolute;
    top: 55%;
    display: flex;
    justify-content: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    transform: translateX(-50%);
    height: 60px;
    background-color: #7cb657;
    margin-bottom: 30px;
  }
  .mobileCTA a {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
  }
  .mobileCTA a span {
    background-color: white;
    width: 20px;
    height: 2px;
    display: block;
  }
  #imgMenu {
    margin-left: auto;
    margin-right: auto;
    display: none;
    background-color: black;
    margin-top: 25px;
    height: fit-content;
    position: relative;
    z-index: 22;
  }
}
@media screen and (max-width: 767px) {
  .heroLocal {
    width: 100%;
    display: flex;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.75%, rgba(0, 0, 0, 0.8) 100%), url("../images/mobile-local-hero.png");
    background-size: cover;
    justify-content: center;
    flex-direction: column;
    height: inherit;
  }
  .heroLocal2{
       background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.75%, rgba(0, 0, 0, 0.8) 100%), url("../images/gallery/NQ0A3676.jpg");
    background-size: cover;
  }
  .heroLocal .contTexte {
    margin-left: 10%;
  }
  .heroLocal h1,
  .heroLocal h3 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .heroLocal h1 {
    font-family: "Italianno", cursive;
    color: #7cb657;
    font-weight: 400;
    font-size: 2.125rem;
  }
  .heroLocal h3 {
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
    font-size: 2.3125rem;
    text-transform: uppercase;
  }
}
@media screen and (max-width: 767px) {
  .infosLocalDesktop {
    display: none;
  }
  .infosLocal {
    width: 100%;
    background-image: url("../images/concept-bg.png");
    padding-bottom: 35px;
    background-size: cover;
  }
  .infosLocal .contenu {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
  }
  .infosLocal .contenu .premiereSection {
    font-family: "Poppins", sans-serif;
    margin-bottom: 35px;
    font-size: 0.875rem;
    font-weight: 400;
  }
  .infosLocal .contenu .premiereSection p:nth-child(3) {
    margin-top: 25px;
  }
  .infosLocal .contenu .premiereSection .sousTitre {
    font-weight: 700;
  }
  .infosLocal .contenu .depot2 {
    display: none;
  }
  .infosLocal .contenu .separator {
    width: 80%;
    height: 1px;
    background-color: #483A86;
    margin-bottom: 40px;
    margin-top: 40px;
  }
  .infosLocal .contenu .deuxiemeSection h2 {
    font-family: "Bahnschrift", sans-serif;
    color: #7cb657;
    font-weight: 700;
    font-size: 1.875rem;
    text-transform: uppercase;
    margin-bottom: 15px;
  }
  .infosLocal .contenu .deuxiemeSection p {
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
  }
  .infosLocal .contenu .deuxiemeSection .depot {
    margin-top: 20px;
  }
  .infosLocal .contenu .deuxiemeSection .adress,
  .infosLocal .contenu .deuxiemeSection .tel,
  .infosLocal .contenu .deuxiemeSection .horaire {
    margin-bottom: 15px;
  }
  .infosLocal .contenu .deuxiemeSection .adress a,
  .infosLocal .contenu .deuxiemeSection .tel a,
  .infosLocal .contenu .deuxiemeSection .horaire a {
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
  }
  .infosLocal .contenu .deuxiemeSection .horaire p span {
    font-weight: 600;
  }
}
@media screen and (max-width: 767px) {
  .heroRepas {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/mobile-repas-hero.png");
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .repasInfosDesktop {
    display: none;
  }
  .repasInfos {
    width: 100%;
  }
  .repasInfos .sectionTexte {
    background-image: url("../images/concept-bg.png");
    background-size: cover;
    padding-bottom: 25px;
  }
  .repasInfos .sectionTexte .contTexte {
    padding-top: 50px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .repasInfos .sectionTexte .contTexte h2 {
    font-family: "Italianno", cursive;
    color: #7cb657;
    font-weight: 400;
    font-size: 2.125rem;
    margin-bottom: 10px;
  }
  .repasInfos .sectionTexte .contTexte .sousTitre {
    font-family: "Bahnschrift", sans-serif;
    text-transform: uppercase;
    font-size: 2.3125rem;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 15px;
  }
  .repasInfos .sectionTexte .contTexte .autrePara p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 22px;
    margin-bottom: 25px;
  }
  .repasInfos .sectionImages {
    background-color: black;
    width: 100%;
    padding-bottom: 30px;
  }
  .repasInfos .sectionImages .contImg {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .repasInfos .sectionImages .contImg img {
    display: block;
    margin-bottom: 60px;
    width: 100%;
  }
  .repasInfos .sectionImages .contTexte {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
  }
  .repasInfos .sectionImages .contTexte h2 {
    font-family: "Italianno", cursive;
    font-weight: 400;
    font-size: 2.125rem;
    line-height: 36px;
    color: #7cb657;
    margin-bottom: 20px;
  }
  .repasInfos .sectionImages .contTexte p {
    margin-bottom: 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 22px;
  }
  .repasInfos .sectionReservation {
    width: 100%;
    background-color: black;
    padding-bottom: 30px;
  }
  .repasInfos .sectionReservation .cta {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
    background-color: #7cb657;
    column-gap: 15px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 500;
    font-size: 1rem;
  }
  .repasInfos .sectionReservation .cta span {
    display: flex;
    width: 20px;
    height: 1px;
    align-items: center;
    background-color: white;
  }
  .repasInfos .sectionReservation .vert {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #7cb657;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .repasInfos .sectionReservation p {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    text-align: center;
    line-height: 22px;
  }
}
@media screen and (max-width: 767px) {
  .heroFranchises {
    background-image: url("../images/mobile-franchise-hero.png");
  }
}
@media screen and (max-width: 767px) {
  .franchiseInfos {
    width: 100%;
    background-image: url("../images/concept-bg.png");
    background-size: cover;
    padding-bottom: 60px;
  }
  .franchiseInfos .contText {
    width: 80%;
    padding-top: 50px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
  }
  .franchiseInfos .contText h2 {
    font-family: "Italianno", cursive;
    font-size: 2.125rem;
    font-weight: 400;
    color: #7cb657;
  }
  .franchiseInfos .contText h3 {
    font-family: "Bahnschrift", sans-serif;
    text-transform: uppercase;
    font-size: 2.3125rem;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 15px;
  }
  .franchiseInfos .contText .contPara {
    display: grid;
    row-gap: 15px;
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    line-height: 20px;
  }
  .franchiseInfos .contText .plus {
    display: flex;
    align-items: center;
    column-gap: 20px;
    font-family: "Bahnschrift", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1rem;
    text-decoration: none;
    color: #7cb657;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .franchiseInfos .contText .plus:visited {
    color: #7cb657;
  }
  .franchiseInfos .contText .plus span {
    width: 25px;
    height: 1px;
    background-color: #7cb657;
    display: flex;
    align-items: center;
  }
  .franchiseInfos .contText .bouton {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    background-color: #7cb657;
    font-family: "Bahnschrift", sans-serif;
    column-gap: 20px;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .franchiseInfos .contText .bouton:visited {
    color: #fff;
  }
  .franchiseInfos .contText .bouton span {
    display: block;
    margin-left: 10%;
    width: 25px;
    height: 1px;
    background-color: #fff;
  }
  .franchiseInfos img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .heroCarte {
    background-image: url("../images/mobile-carte-hero2.jpg");
    background-color: black;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .carteInfos {
    width: 100%;
    background-image: url("../images/concept-bg.png");
    background-size: 100%;
    background-repeat: no-repeat;
    height: fit-content;
    background-color: black;
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .carteInfos .contTexte {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .carteInfos .contTexte h2 {
    font-family: "Italianno", cursive;
    color: #7cb657;
    font-size: 2.125rem;
    font-weight: 500;
  }
  .carteInfos .contTexte h3 {
    font-family: "Bahnschrift", sans-serif;
    text-transform: uppercase;
    font-size: 2.3125rem;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 10px;
  }
  .carteInfos .contTexte .contPara {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    margin-bottom: 30px;
  }
  .carteInfos .contTexte .contPara p {
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    line-height: 20px;
  }
  .carteInfos .contTexte .acheter {
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.875rem;
    line-height: 30px;
    background-color: #7cb657;
    margin-bottom: 40px;
  }
  .carteInfos .contTexte .acheter:visited {
    color: white;
  }
  .carteInfos .contTexte .acheter span {
    margin-left: 10%;
    display: block;
    background-color: white;
    width: 25px;
    height: 1px;
    margin-right: 20px;
  }
  .carteInfos img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .heroTraiteur {
    background-image: url("../images/mobile-traiteur-hero.png");
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .traiteurInfosDesktop {
    display: none;
  }
  .traiteurInfos {
    width: 100%;
    background-image: url("../images/concept-bg.png");
    background-size: cover;
    padding-top: 50px;
  }
  .traiteurInfos .contTexte {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .traiteurInfos .contTexte h2 {
    font-family: "Bahnschrift", sans-serif;
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    font-size: 1.875rem;
    margin-bottom: 20px;
  }
  .traiteurInfos .contTexte .contPara {
    display: grid;
    row-gap: 20px;
    margin-bottom: 20px;
  }
  .traiteurInfos .contTexte .contPara p {
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    line-height: 20px;
  }
  .traiteurInfos .contTexte .contTel {
    display: grid;
    margin-bottom: 50px;
  }
  .traiteurInfos .contTexte .contTel a {
    color: white;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    line-height: 40px;
    font-size: 1.125rem;
  }
  .traiteurInfos .contTexte .contTel a:visited {
    color: white;
  }
}
@media screen and (max-width: 767px) {
  .deskFormConfirm {
    width: 50%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 5;
    background-color: black;
    border: 1px solid #7cb657;
    font-family: "Bahnschrift", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .traiteurInfos .contForm {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .traiteurInfos .contForm form {
    width: 100%;
    display: grid;
    row-gap: 30px;
    position: relative;
  }
  .traiteurInfos .contForm form input.oops {
    border: 1px solid red;
  }
  .traiteurInfos .contForm form span.oops {
    border: none;
    font-family: "Poppins", sans-serif;
    font-size: 0.75rem;
    color: red;
  }
  .traiteurInfos .contForm form input,
  .traiteurInfos .contForm form textarea {
    width: 100%;
    position: relative;
    padding: 0;
    border-radius: 0;
    outline: none;
    border: none;
    background: rgba(255, 255, 255, 0.2);
    padding-left: 5%;
    color: white;
  }
  .traiteurInfos .contForm form input::placeholder,
  .traiteurInfos .contForm form textarea::placeholder {
    color: white;
    font-family: "Poppins", sans-serif;
    font-size: 0.75rem;
  }
  .traiteurInfos .contForm form input {
    height: 60px;
  }
  .traiteurInfos .contForm form textarea {
    resize: none;
    margin-bottom: 30px;
  }
  .traiteurInfos .contForm form textarea::placeholder {
    padding-top: 5%;
    font-family: "Poppins", sans-serif;
    font-size: 0.75rem;
  }
  .traiteurInfos .contForm form button.bouton {
    display: flex;
    align-items: center;
    height: 60px;
    background-color: #7cb657;
    color: white;
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 600;
    border: none;
    margin-bottom: 70px;
    width: 105%;
  }
  .traiteurInfos .contForm form button.bouton span {
    display: block;
    margin-left: 10%;
    margin-right: 20px;
    width: 25px;
    height: 1px;
    background-color: white;
  }
}
@media screen and (max-width: 1279px) {
  .contGalleryIndex {
    display: flex;
    position: relative;
    background-image: url("../images/desktop-concept-bg.png");
    background-size: cover;
  }
  .contGalleryIndex .contContenu {
    justify-content: center;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: 80vh;
    margin-top: auto;
    margin-bottom: auto;
  }
  .contGalleryIndex .contContenu .contLinks {
    display: grid;
    flex-directio: row;
    row-gap: 50px;
  }
  .contGalleryIndex .contContenu .contLinks a {
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
    font-size: 1rem;
    padding: 20px 20px;
    background-color: #7cb657;
    text-align: center;
  }
  .bigBox {
    display: none;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    height: 207px;
    position: relative;
    top: 60px;
  }
  .bigBoxMobile {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    height: 407px;
    position: relative;
    top: 60px;
  }
  .bigBoxMobile img {
    display: inline;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
  }
  .swiperMobile {
    width: 80%;
    width: 100%;
    position: relative;
    top: -70px;
    margin-left: auto;
    margin-right: auto;
  }
  .swiperMobile .swiper-slide {
    width: 100px;
    height: 70px;
    overflow: hidden;
  }
  .swiperMobile .swiper-slide:first-child {
    border: 2px solid #7cb657;
  }
  .swiperMobile .swiper-slide img {
    object-fit: cover;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }
  .galMobile .contNav {
    position: relative;
    top: -30px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    column-gap: 15%;
  }
  .galMobile .contNav .prev img {
    transform: rotate(90deg);
    width: 140%;
  }
  .galMobile .contNav .next img {
    transform: rotate(-90deg);
    width: 140%;
  }
  .galDesk {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .bigBoxMobile {
    height: 500px;
  }
}
@media screen and (min-width: 768px) {
  .footerDesktop {
    display: none;
  }
  footer {
    background-image: url("../images/concept-bg.png");
    background-size: cover;
    width: 100%;
  }
  footer .contTexte {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
  }
  footer .contTexte h2 {
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
    color: #7cb657;
    text-transform: uppercase;
    margin-bottom: 25px;
  }
  footer .contTexte .contLocations {
    display: grid;
    grid-template-columns: 36% 36%;
    justify-content: space-between;
  }
  footer .contTexte .contLocations .col1 {
    display: grid;
    row-gap: 10px;
  }
  footer .contTexte .contLocations .col1 h4 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
  }
  footer .contTexte .contLocations .col1 p {
    width: 100%;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 20px;
  }
  footer .contTexte .contLocations .col1 a {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 28px;
    text-decoration: none;
  }
  footer .contTexte .contLocations .col1 a:visited {
    color: white;
  }
  footer .contTexte .contNavigation {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
  }
  footer .contTexte .contNavigation .col1 ul {
    list-style: none;
    padding-left: 0;
  }
  footer .contTexte .contNavigation .col1 ul li a {
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 30px;
  }
  footer .contTexte .contNavigation .col1 ul li a:visited {
    color: white;
  }
  footer .contTexte .contNavigation .col2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
  }
  footer .contTexte .contNavigation .col2 .cercle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #7cb657;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  footer .contTexte .contNavigation .col2 .cercle img {
    height: 17px;
  }
  footer .contTexte .contEmbauche {
    margin-top: 30px;
  }
  footer .contTexte .contEmbauche p {
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
    font-size: 1rem;
  }
  footer .contTexte .contEmbauche .cont2 {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  footer .contTexte .contEmbauche .cont2 a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 19.2px;
    text-align: center;
  }
  footer .contTexte .contEmbauche .cont2 a:visited {
    color: white;
  }
  footer .contTexte .contEmbauche .cont2 .CTAVide {
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 600;
    color: #7cb657;
  }
  footer .contTexte .contEmbauche .cont2 .CTAVide:visited {
    color: #7cb657;
  }
  footer .contTexte .contEmbauche .cont2 .CTAVide span {
    display: block;
    width: 30px;
    height: 1px;
    background-color: #7cb657;
    margin-right: 10px;
  }
  footer .contTexte .sep {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 110%;
    position: relative;
    left: -5%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.6);
  }
  footer .contTexte .contCopy {
    padding-bottom: 30px;
  }
  footer .contTexte .contCopy p {
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
  }
  footer .contTexte .contCopy p a {
    color: white;
  }
  footer .contTexte .contCopy p a:visited {
    color: white;
  }
  footer .contTexte .contCopy p:last-child a {
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .headerDesktop {
    display: none;
  }
  #contChoixMobile {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100vh;
    z-index: 55;
    background-color: #151515;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: 50px;
  }
  #contChoixMobile #closeMobile {
    display: flex;
    position: absolute;
    top: 35px;
    right: 20px;
  }
  #contChoixMobile #closeMobile span {
    display: block;
    width: 25px;
    height: 2px;
    background-color: #7cb657;
  }
  #contChoixMobile #closeMobile #close1 {
    transform: translateX(25px) rotate(45deg);
  }
  #contChoixMobile #closeMobile #close2 {
    transform: translateX(0px) rotate(-45deg);
  }
  #contChoixMobile a {
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.75rem;
  }
  #contChoixMobile h1 {
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
    color: #7cb657;
  }
  header {
    position: fixed;
    width: 100%;
    z-index: 55;
  }
  header .contHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: #151515;
    height: 80px;
  }
  header .contHeader img {
    margin-left: 5%;
    display: block;
    width: 126px;
    height: 82px;
  }
  header .contHeader .contHam {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    margin-right: 5%;
  }
  header .contHeader .contHam span {
    display: block;
    background-color: #fff;
    width: 35px;
    height: 2px;
  }
  header .hamClosed {
    position: fixed;
  }
  header .hamOpened {
    z-index: -1;
    position: fixed;
    display: flex;
    width: 100%;
    height: 100vh;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%), url("../images/ham-menu-mobile.png");
    background-color: rgb(61, 60, 60);
    background-size: cover;
    overflow: scroll;
  }
  header .hamOpened .contLink {
    margin-top: 105px;
    width: 100%;
  }
  header .hamOpened .contLink ul {
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    row-gap: 20px;
  }
  header .hamOpened .contLink ul li {
    width: fit-content;
    text-align: center;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 2.625rem;
  }
  header .hamOpened .contLink ul li a {
    color: #fff;
    text-decoration: none;
  }
  header .hamOpened .contLink ul li a:visited {
    color: #fff;
  }
  header .hamOpened .contLink .contSocials {
    display: flex;
    justify-content: center;
    column-gap: 25px;
    margin-top: 30px;
  }
  header .hamOpened .contLink .contSocials .cercle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #7cb657;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  header .hamOpened .contLink .contSocials .cercle:nth-child(1) img {
    width: 24px;
  }
  header .hamOpened .contLink .contSocials .cercle:nth-child(2) img {
    width: 10px;
    height: 24px;
  }
  header .hamOpened .contLink .cta {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    column-gap: 25px;
    height: 78px;
    background-color: #7cb657;
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    text-decoration: none;
    color: white;
  }
  header .hamOpened .contLink .cta img {
    width: 30px;
  }
  header .hamOpened .contLink .cta:visited {
    color: white;
  }
  .chapeau {
    height: 80px;
  }
}
.termsWrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../images/desktop-concept-bg.png");
  padding-top: 180px;
  padding-bottom: 122px;
}
.termsWrapper .contTexte {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  row-gap: 22px;
}
.termsWrapper .contTexte h1,
.termsWrapper .contTexte h2,
.termsWrapper .contTexte h3 {
  font-family: "Bahnschrift", sans-serif;
  color: #7cb657;
}
.termsWrapper .contTexte p,
.termsWrapper .contTexte li {
  font-family: "Poppins", sans-serif;
}

@media screen and (min-width: 768px) {
  .concept {
    width: 100%;
    background-image: url("../images/concept-bg.png");
    background-size: cover;
    padding-top: 20px;
  }
  .concept .contTexte {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .concept .contTexte .subText {
    margin-bottom: 80px;
  }
  .concept img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: 45px;
  }
  .concept h1 {
    font-family: "Italianno", cursive;
    font-weight: 400;
    font-size: 2.625rem;
    color: #7cb657;
    padding-top: 55px;
    margin-bottom: 10px;
  }
  .concept h2 {
    margin-top: 0;
    margin-bottom: 15px;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
    font-size: 2.8125rem;
    text-transform: uppercase;
  }
  .concept p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 28px;
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 768px) {
  .decouverte {
    background-color: #000;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 60px;
  }
  .decouverte .contFlapper {
    display: none;
  }
  .decouverte .banner {
    display: none;
  }
  .decouverte .contTexte {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .decouverte .contTexte h2 {
    font-family: "Italianno", cursive;
    font-weight: 400;
    font-size: 2.625rem;
    color: #7cb657;
  }
  .decouverte .contTexte h3 {
    font-family: "Bahnschrift", sans-serif;
    margin-top: 10px;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 2.8125rem;
    text-transform: uppercase;
  }
  .decouverte .contTexte p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 22px;
  }
  .decouverte .contTexte p span {
    color: #7cb657;
  }
  .decouverte img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .decouverte .imageTourn {
    width: 95%;
    display: block;
    margin-right: auto;
    margin-left: 0;
  }
  .decouverte .contIMG {
    display: none;
    width: 90%;
    height: 340px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .decouverte .contIMG .contTexte {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: flex-start;
    justify-content: center;
    padding-top: 20px;
  }
  .decouverte .contIMG .contTexte span {
    display: block;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
    font-size: 2.3125rem;
    line-height: 50px;
    text-transform: uppercase;
  }
  .decouverte .contIMGTab {
    display: flex;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    column-gap: 20px;
    height: 348px;
    position: relative;
    z-index: 1;
    margin-top: 80px;
  }
  .decouverte .contIMGTab .contIMG {
    display: block;
    position: relative;
  }
  .decouverte .contIMGTab .contIMG .contTexte {
    text-align: center;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
  }
  .decouverte .contIMGTab .contIMG .contTexte span {
    margin-top: 20px;
    font-size: 2.8125rem;
  }
  .decouverte .contIMGTab .img {
    width: 100%;
  }
  .decouverte .contIMG1 {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 29.15%), url("../images/a-manger-mobile.png");
    background-size: cover;
  }
  .decouverte .contIMG1 .contTexte {
    transform: rotate(90deg);
  }
  .decouverte .contIMG2 {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 28.11%), url("../images/a-boire-mobile.png");
    background-size: cover;
    position: relative;
    z-index: 3;
  }
  .decouverte .contIMG2 .contTexte {
    transform: rotate(-90deg);
  }
}
@media screen and (min-width: 768px) {
  .upperPart {
    width: 100%;
    position: relative;
    height: calc(var(--vh, 1vh) * 100);
  }
  .upperPart img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .upperPart video {
    display: none;
  }
  .upperPart .contFleche2 {
    display: none;
  }
  .upperPart .contFleche {
    position: absolute;
    width: 60px;
    height: 60px;
    bottom: 5%;
    right: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #151515;
    border: 2px solid #7cb657;
  }
  .upperPart .contFleche img {
    display: block;
    width: 15px;
    height: auto;
  }
}
@media screen and (min-width: 768px) {
  .desktopVibrer {
    display: none;
  }
  .reserverDesktop {
    display: none;
  }
  .vibrer {
    width: 100%;
    background-image: url("../images/concept-bg.png");
    background-size: cover;
    position: relative;
    height: 1800px;
  }
  .vibrer::before {
    content: "";
    width: 100vw;
    position: absolute;
    z-index: 0;
    height: 50px;
    background-image: url("../images/concept-bg.png");
    background-size: 100%;
    background-position: 0 0%;
    top: -50px;
    left: 0;
  }
  .vibrer article {
    position: relative;
    height: fit-content;
  }
  .vibrer article #danseurIndex {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .vibrer article .contBack {
    position: relative;
    top: -20vh;
    background-image: url("../images/tablet-home-reserver2.png");
    background-size: cover;
    width: 90%;
    height: 755px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0;
  }
  .vibrer article .contBack .contContText {
    background: linear-gradient(270deg, #000000 0%, rgba(0, 0, 0, 0) 87.27%), rgba(0, 0, 0, 0.8);
    padding-top: 0;
    width: 90%;
    height: 700px;
    display: flex;
    justify-content: center;
    padding-bottom: 0;
  }
  .vibrer article .contBack .contContText .contText {
    padding-top: 30px;
    padding-bottom: 0;
  }
  .vibrer article .contBack .contContText .contText a {
    margin-bottom: 0;
  }
  .vibrer article .contBack .contContText .contText h2 {
    font-size: 3.4375rem;
  }
  .vibrer article .contBack .contContText .contText h3 {
    font-size: 2.8125rem;
  }
  .vibrer article .contBack .contContText .contText p {
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 22px;
  }
  .vibrer div {
    padding-top: 50px;
    padding-bottom: 25px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .vibrer div h2 {
    font-family: "Italianno", cursive;
    font-weight: 400;
    font-size: 2.625rem;
    color: #7cb657;
    margin-bottom: 20px;
  }
  .vibrer div h3 {
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
    font-size: 2.8125rem;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  .vibrer div p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 22px;
  }
  .vibrer div .ctaReserver {
    margin-top: 50px;
    margin-bottom: 50px;
    width: 80%;
    display: flex;
    color: white;
    text-decoration: none;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    height: 80px;
    background-color: #7cb657;
  }
  .vibrer div .ctaReserver span {
    display: block;
    width: 25px;
    height: 1px;
    background-color: white;
    margin-right: 15px;
  }
  .vibrer div .ctaReserver p {
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 30px;
  }
}
@media screen and (min-width: 768px) {
  .contenuMenu {
    display: flex;
    position: relative;
    background-image: url("../images/menu-hero-mobile.png");
    height: 100%;
    background-size: cover;
  }
  .contenuMenu #no-img {
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 1.25rem;
    margin-top: 40px;
  }
  .contenuMenu .heroWrapper {
    width: 80%;
    margin-top: 240px;
    margin-left: auto;
    margin-right: auto;
  }
  .contenuMenu .heroWrapper .contTitle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 40vh;
  }
  .contenuMenu .heroWrapper .contTitle h2 {
    font-family: "Italianno", cursive;
    font-weight: 400;
    font-size: 2.625rem;
    color: #7cb657;
  }
  .contenuMenu .heroWrapper .contTitle h3 {
    font-family: "Bahnschrift", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2.8125rem;
  }
  .contenuMenu .heroWrapper .contTabs {
    display: grid;
    display:none;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 2px solid #7cb657;
  }
  .contenuMenu .heroWrapper .contTabs .tab {
    font-family: "Bahnschrift", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 57px;
    background-color: #1a1a1a;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    text-align: center;
  }
  .contenuMenu .heroWrapper .contTabs .tab:nth-child(2) {
    border-left: 2px solid rgba(255, 255, 255, 0.3);
    border-right: 2px solid rgba(255, 255, 255, 0.3);
  }
  .contenuMenu .heroWrapper .contTabs .tab:nth-child(3) {
    border-right: 2px solid rgba(255, 255, 255, 0.3);
  }
  .mobileCTA {
    position: absolute;
    top: 55%;
    display: flex;
    justify-content: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    transform: translateX(-50%);
    height: 60px;
    background-color: #7cb657;
    margin-bottom: 30px;
  }
  .mobileCTA a {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
  }
  .mobileCTA a span {
    background-color: white;
    width: 20px;
    height: 2px;
    display: block;
  }
  .menuLeReste {
    height: fit-content;
    width: 100%;
    background-image: url("../images/concept-bg.png");
    background-size: cover;
    position: relative;
  }
  .menuLeReste .cta {
    position: absolute;
    bottom: 0;
    display: flex;
    display:none;
    justify-content: center;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    transform: translateX(-50%);
    height: 78px;
    background-color: #7cb657;
    margin-bottom: 70px;
  }
  .menuLeReste .cta a {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
    font-size: 1.375rem;
  }
  .menuLeReste .cta a span {
    background-color: white;
    width: 25px;
    height: 2px;
    display: block;
  }
  #imgMenu {
    margin-left: auto;
    margin-right: auto;
    display: block;
    display:none;
    background-color: black;
    margin-top: 25px;
    height: fit-content;
    position: relative;
    z-index: 22;
  }
}
@media screen and (min-width: 768px) {
  .heroLocal {
    width: 100%;
    display: flex;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.75%, rgba(0, 0, 0, 0.8) 100%), url("../images/tablet-local-hero.png");
    background-size: cover;
    justify-content: center;
    flex-direction: column;
    height: inherit;
  }
  .heroLocal2 {
       background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.75%, rgba(0, 0, 0, 0.8) 100%), url("../images/gallery/NQ0A3676.jpg");
    background-size: cover;
  }
  .heroLocal .contTexte {
    margin-left: 10%;
  }
  .heroLocal .contTexte br {
    display: none;
  }
  .heroLocal h1,
  .heroLocal h3 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .heroLocal h1 {
    font-family: "Italianno", cursive;
    color: #7cb657;
    font-weight: 400;
    font-size: 2.625rem;
  }
  .heroLocal h3 {
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
    font-size: 2.8125rem;
    text-transform: uppercase;
  }
}
@media screen and (min-width: 768px) {
  .infosLocalDesktop {
    display: none;
  }
  .infosLocal {
    width: 100%;
    background-image: url("../images/concept-bg.png");
    padding-bottom: 35px;
    background-size: cover;
  }
  .infosLocal .contenu {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
  }
  .infosLocal .contenu .premiereSection {
    font-family: "Poppins", sans-serif;
    margin-bottom: 35px;
    font-size: 0.9375rem;
    font-weight: 400;
  }
  .infosLocal .contenu .premiereSection p:nth-child(3) {
    margin-top: 25px;
  }
  .infosLocal .contenu .premiereSection .contP {
    display: flex;
    column-gap: 20px;
    margin-bottom: 20px;
  }
  .infosLocal .contenu .premiereSection .sousTitre {
    font-weight: 700;
  }
  .infosLocal .contenu .separator {
    width: 1px;
    height: 247px;
    background-color: #483A86;
    background-color: red;
    margin-bottom: 20px;
    display: none;
    justify-content: center;
  }
  .infosLocal .contenu .contDeux {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .infosLocal .contenu .depot2 {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
    margin-top: 40px;
  }
  .infosLocal .contenu .deuxiemeSection h2 {
    font-family: "Bahnschrift", sans-serif;
    color: #7cb657;
    font-weight: 700;
    font-size: 1.875rem;
    text-transform: uppercase;
    margin-bottom: 15px;
  }
  .infosLocal .contenu .deuxiemeSection p {
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
    font-weight: 400;
  }
  .infosLocal .contenu .deuxiemeSection .adress,
  .infosLocal .contenu .deuxiemeSection .tel,
  .infosLocal .contenu .deuxiemeSection .horaire {
    margin-bottom: 15px;
  }
  .infosLocal .contenu .deuxiemeSection .depot {
    display: none;
  }
  .infosLocal .contenu .deuxiemeSection .horaire p span {
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .heroRepas {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/mobile-repas-hero.png");
    background-size: cover;
  }
  .heroRepas .contTexte h1 {
    font-size: 2.625rem;
  }
  .heroRepas .contTexte h2 {
    font-size: 2.8125rem;
  }
}
@media screen and (min-width: 768px) {
  .repasInfosDesktop {
    display: none;
  }
  .repasInfos {
    width: 100%;
  }
  .repasInfos .sectionTexte {
    background-image: url("../images/concept-bg.png");
    background-size: cover;
    padding-bottom: 25px;
    padding-top: 80px;
  }
  .repasInfos .sectionTexte .contTexte {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .repasInfos .sectionTexte .contTexte h2 {
    font-family: "Italianno", cursive;
    color: #7cb657;
    font-weight: 400;
    font-size: 2.625rem;
    margin-bottom: 10px;
  }
  .repasInfos .sectionTexte .contTexte .sousTitre {
    font-family: "Bahnschrift", sans-serif;
    text-transform: uppercase;
    font-size: 2.8125rem;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
  }
  .repasInfos .sectionTexte .contTexte .autrePara {
    margin-bottom: 50px;
  }
  .repasInfos .sectionTexte .contTexte .autrePara p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 28px;
    margin-bottom: 25px;
  }
  .repasInfos .sectionImages {
    background-color: black;
    width: 100%;
    padding-bottom: 30px;
  }
  .repasInfos .sectionImages .contImg {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .repasInfos .sectionImages .contImg #imgRepas3 {
    height: 700px;
  }
  .repasInfos .sectionImages .contImg img {
    display: block;
    width: 100%;
    margin-bottom: 60px;
  }
  .repasInfos .sectionImages .contImg img:last-child {
    height: 400px;
  }
  .repasInfos .sectionImages .contTexte {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
    margin-top: 80px;
  }
  .repasInfos .sectionImages .contTexte h2 {
    font-family: "Italianno", cursive;
    font-weight: 400;
    font-size: 2.625rem;
    line-height: 36px;
    color: #7cb657;
    margin-bottom: 20px;
  }
  .repasInfos .sectionImages .contTexte p {
    margin-bottom: 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 28px;
  }
  .repasInfos .sectionReservation {
    width: 100%;
    background-color: black;
    padding-bottom: 30px;
  }
  .repasInfos .sectionReservation .cta {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    height: 78px;
    background-color: #7cb657;
    column-gap: 15px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 600;
    font-size: 1.375rem;
  }
  .repasInfos .sectionReservation .cta span {
    display: flex;
    width: 25px;
    height: 1px;
    align-items: center;
    margin-left: 5%;
    background-color: white;
  }
  .repasInfos .sectionReservation .vert {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    color: #7cb657;
    font-family: "Poppins", sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    text-decoration: none;
    display: block;
  }
  .repasInfos .sectionReservation p {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 70px;
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    line-height: 22px;
  }
}
@media screen and (min-width: 768px) {
  .heroFranchises {
    background-image: url("../images/tablet-franchise-hero.png");
  }
}
@media screen and (min-width: 768px) {
  .franchiseInfos {
    width: 100%;
    background-image: url("../images/concept-bg.png");
    background-size: cover;
    padding-bottom: 60px;
    padding-top: 30px;
  }
  .franchiseInfos .contText {
    width: 80%;
    padding-top: 50px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
  }
  .franchiseInfos .contText h2 {
    font-family: "Italianno", cursive;
    font-size: 2.625rem;
    font-weight: 400;
    color: #7cb657;
    margin-bottom: 20px;
  }
  .franchiseInfos .contText h3 {
    font-family: "Bahnschrift", sans-serif;
    text-transform: uppercase;
    font-size: 2.8125rem;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 15px;
  }
  .franchiseInfos .contText h3 br {
    display: none;
  }
  .franchiseInfos .contText .contPara {
    display: grid;
    row-gap: 25px;
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
    line-height: 28px;
  }
  .franchiseInfos .contText .plus {
    display: flex;
    align-items: center;
    column-gap: 20px;
    font-family: "Bahnschrift", sans-serif;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1rem;
    text-decoration: none;
    color: #7cb657;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .franchiseInfos .contText .plus:visited {
    color: #7cb657;
  }
  .franchiseInfos .contText .plus span {
    width: 25px;
    height: 1px;
    background-color: #7cb657;
    display: flex;
    align-items: center;
  }
  .franchiseInfos .contText .bouton {
    width: 65%;
    height: 78px;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    background-color: #7cb657;
    font-family: "Bahnschrift", sans-serif;
    column-gap: 20px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.375rem;
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .franchiseInfos .contText .bouton:visited {
    color: #fff;
  }
  .franchiseInfos .contText .bouton span {
    display: block;
    margin-left: 10%;
    width: 25px;
    height: 1px;
    background-color: #fff;
  }
  .franchiseInfos img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
}
@media screen and (min-width: 768px) {
  .heroCarte {
    background-image: url("../images/tablet-carte-hero2.jpg");
    background-color: black;
    background-size: cover;
    height: inherit;
    position: relative;
  }
  .heroCarte .contTexte {
    z-index: 2;
  }
  .heroCarte::before {
    content: "";
    z-index: 0;
    width: 100%;
    position: absolute;
    height: inherit;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .carteInfos {
    width: 100%;
    background-image: url("../images/concept-bg.png");
    background-size: 100%;
    background-repeat: no-repeat;
    height: fit-content;
    background-color: black;
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .carteInfos .contTexte {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .carteInfos .contTexte h2 {
    font-family: "Italianno", cursive;
    color: #7cb657;
    font-size: 2.625rem;
    font-weight: 500;
    margin-top: 40px;
    margin-bottom: 10px;
  }
  .carteInfos .contTexte h3 {
    font-family: "Bahnschrift", sans-serif;
    text-transform: uppercase;
    font-size: 2.8125rem;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 30px;
  }
  .carteInfos .contTexte h3 br {
    display: none;
  }
  .carteInfos .contTexte .contPara {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    margin-bottom: 30px;
  }
  .carteInfos .contTexte .contPara p {
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
    line-height: 28px;
  }
  .carteInfos .contTexte .acheter {
    display: flex;
    align-items: center;
    width: 75%;
    height: 78px;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.375rem;
    line-height: 30px;
    background-color: #7cb657;
    margin-top: 80px;
    margin-bottom: 40px;
  }
  .carteInfos .contTexte .acheter:visited {
    color: white;
  }
  .carteInfos .contTexte .acheter span {
    margin-left: 10%;
    display: block;
    background-color: white;
    width: 25px;
    height: 1px;
    margin-right: 20px;
  }
  .carteInfos img {
    display: block;
    margin-left: auto;
    width: 50%;
    margin-right: auto;
    margin-top: 100px;
  }
}
@media screen and (min-width: 768px) {
  .deskFormConfirm {
    width: 50%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 5;
    background-color: black;
    border: 1px solid #7cb657;
    font-family: "Bahnschrift", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .traiteurInfos .contForm form {
    width: 100%;
    display: grid;
    row-gap: 30px;
    position: relative;
  }
  .traiteurInfos .contForm form input.oops {
    border: 1px solid red;
  }
  .traiteurInfos .contForm form span.oops {
    border: none;
    font-family: "Poppins", sans-serif;
    font-size: 0.75rem;
    color: red;
  }
  .traiteurInfos .contForm form input,
  .traiteurInfos .contForm form textarea {
    width: 100%;
    position: relative;
    padding: 0;
    border-radius: 0;
    outline: none;
    border: none;
    background: rgba(255, 255, 255, 0.2);
    padding-left: 5%;
    color: white;
  }
  .traiteurInfos .contForm form input::placeholder,
  .traiteurInfos .contForm form textarea::placeholder {
    color: white;
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
  }
  .traiteurInfos .contForm form input {
    height: 78px;
  }
  .traiteurInfos .contForm form textarea {
    resize: none;
    margin-bottom: 30px;
  }
  .traiteurInfos .contForm form textarea::placeholder {
    padding-top: 5%;
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
  }
  .traiteurInfos .contForm form button.bouton {
    display: flex;
    align-items: center;
    height: 78px;
    background-color: #7cb657;
    color: white;
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 600;
    border: none;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 70px;
    font-size: 1.375rem;
  }
  .traiteurInfos .contForm form button.bouton span {
    display: block;
    margin-left: 10%;
    margin-right: 20px;
    width: 25px;
    height: 1px;
    background-color: white;
  }
}
@media screen and (min-width: 768px) {
  .traiteurInfosDesktop {
    display: none;
  }
  .traiteurInfos {
    width: 100%;
    background-image: url("../images/concept-bg.png");
    background-size: cover;
    padding-top: 50px;
  }
  .traiteurInfos .contTexte {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .traiteurInfos .contTexte h2 {
    font-family: "Bahnschrift", sans-serif;
    text-transform: uppercase;
    color: #7cb657;
    font-weight: 700;
    font-size: 2.125rem;
    margin-bottom: 20px;
    margin-top: 40px;
  }
  .traiteurInfos .contTexte .contPara {
    display: grid;
    row-gap: 30px;
    margin-bottom: 20px;
  }
  .traiteurInfos .contTexte .contPara p {
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
    line-height: 28px;
  }
  .traiteurInfos .contTexte .contTel {
    display: grid;
    margin-bottom: 50px;
  }
  .traiteurInfos .contTexte .contTel a {
    color: white;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    line-height: 50px;
    font-size: 1.25rem;
  }
  .traiteurInfos .contTexte .contTel a:visited {
    color: white;
  }
}
@media screen and (min-width: 768px) {
  .heroTraiteur {
    background-image: url("../images/tablet-traiteur-hero.png");
    background-size: cover;
  }
}
@media screen and (min-width: 1280px) {
  footer {
    background-image: url("../images/concept-bg.png");
    background-size: cover;
    width: 100%;
    display: none;
  }
  footer .contTexte {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
  }
  footer .contTexte h2 {
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
    color: #7cb657;
    text-transform: uppercase;
    margin-bottom: 25px;
  }
  footer .contTexte .contLocations {
    display: grid;
    grid-template-columns: 36% 36%;
    justify-content: space-between;
  }
  footer .contTexte .contLocations .col1 {
    display: grid;
    row-gap: 10px;
  }
  footer .contTexte .contLocations .col1 h4 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
  }
  footer .contTexte .contLocations .col1 p {
    width: 100%;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 20px;
  }
  footer .contTexte .contLocations .col1 a {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 28px;
    text-decoration: none;
  }
  footer .contTexte .contLocations .col1 a:visited {
    color: white;
  }
  footer .contTexte .contNavigation {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
  }
  footer .contTexte .contNavigation .col1 ul {
    list-style: none;
    padding-left: 0;
  }
  footer .contTexte .contNavigation .col1 ul li a {
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 30px;
  }
  footer .contTexte .contNavigation .col1 ul li a:visited {
    color: white;
  }
  footer .contTexte .contNavigation .col2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
  }
  footer .contTexte .contNavigation .col2 .cercle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #7cb657;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  footer .contTexte .contNavigation .col2 .cercle img {
    height: 17px;
  }
  footer .contTexte .contEmbauche {
    margin-top: 30px;
  }
  footer .contTexte .contEmbauche p {
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
    font-size: 1rem;
  }
  footer .contTexte .contEmbauche .cont2 {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  footer .contTexte .contEmbauche .cont2 a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 19.2px;
    text-align: center;
  }
  footer .contTexte .contEmbauche .cont2 a:visited {
    color: white;
  }
  footer .contTexte .contEmbauche .cont2 .CTAVide {
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 600;
    color: #7cb657;
  }
  footer .contTexte .contEmbauche .cont2 .CTAVide:visited {
    color: #7cb657;
  }
  footer .contTexte .contEmbauche .cont2 .CTAVide span {
    display: block;
    width: 30px;
    height: 1px;
    background-color: #7cb657;
    margin-right: 10px;
  }
  footer .contTexte .sep {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 110%;
    position: relative;
    left: -5%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.6);
  }
  footer .contTexte .contCopy {
    margin-bottom: 30px;
  }
  footer .contTexte .contCopy p {
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
  }
  footer .contTexte .contCopy p a {
    color: white;
  }
  footer .contTexte .contCopy p a:visited {
    color: white;
  }
  footer .contTexte .contCopy p:last-child a {
    font-weight: 700;
  }
  .footerDesktop {
    width: 100%;
    background-image: url("../images/desktop-concept-bg.png");
    background-size: cover;
    display: block;
  }
  .footerDesktop .contGrid {
    display: block;
    padding-top: 50px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .footerDesktop .contGrid .haut {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 140px;
    margin-bottom: 50px;
  }
  .footerDesktop .contGrid .haut .part1 h2 {
    color: #7cb657;
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 35px;
  }
  .footerDesktop .contGrid .haut .part1 .contLocations {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  .footerDesktop .contGrid .haut .part1 .contLocations .box h3 {
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.875rem;
    font-weight: 700;
  }
  .footerDesktop .contGrid .haut .part1 .contLocations .box p {
    margin-bottom: 10px;
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
  }
  .footerDesktop .contGrid .haut .part1 .contLocations .box .tels {
    display: grid;
    row-gap: 10px;
  }
  .footerDesktop .contGrid .haut .part1 .contLocations .box .tels a {
    display: block;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    transition: color 400ms;
  }
  .footerDesktop .contGrid .haut .part1 .contLocations .box .tels a:hover {
    color: #7cb657;
  }
  .footerDesktop .contGrid .haut .part2 {
    display: flex;
    justify-content: space-between;
  }
  .footerDesktop .contGrid .haut .part2 .colG h2 {
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    color: #7cb657;
    text-transform: uppercase;
    margin-bottom: 40px;
  }
  .footerDesktop .contGrid .haut .part2 .colG .contLinks {
    display: grid;
    row-gap: 10px;
  }
  .footerDesktop .contGrid .haut .part2 .colG .contLinks a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    transition: all 400ms;
  }
  .footerDesktop .contGrid .haut .part2 .colG .contLinks a:hover {
    color: #7cb657;
    transform: translateX(5px);
  }
  .footerDesktop .contGrid .haut .part2 .colD .contSocials {
    display: flex;
    column-gap: 10px;
  }
  .footerDesktop .contGrid .haut .part2 .colD .contSocials .cercle {
    width: 28px;
    height: 28px;
    border-radius: 50px;
    border: 1px solid #7cb657;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 400ms;
  }
  .footerDesktop .contGrid .haut .part2 .colD .contSocials .cercle:hover {
    background-color: #7cb657;
  }
  .footerDesktop .contGrid .haut .part2 .colD .contSocials .cercle img {
    display: block;
    height: 12px;
  }
  .footerDesktop .contGrid .bas {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
  }
  .footerDesktop .contGrid .bas a {
    text-decoration: none;
  }
  .footerDesktop .contGrid .bas .gauche {
    display: flex;
    column-gap: 20px;
  }
  .footerDesktop .contGrid .bas .gauche p {
    font-size: 1rem;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
  }
  .footerDesktop .contGrid .bas .gauche a {
    display: flex;
    align-items: center;
    column-gap: 10px;
    font-family: "Bahnschrift", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #7cb657;
  }
  .footerDesktop .contGrid .bas .gauche a span {
    display: inline-block;
    width: 25px;
    height: 1px;
    background-color: #7cb657;
  }
  .footerDesktop .contGrid .bas .droite a {
    font-family: "Bahnschrift", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 400ms;
    display: inline-block;
  }
  .footerDesktop .contGrid .bas .droite a:hover {
    color: #7cb657;
    transform: scale(1.1);
  }
  .footerDesktop .contGrid .sep {
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    margin-bottom: 25px;
  }
  .footerDesktop .contGrid .copy {
    display: flex;
    justify-content: space-between;
    padding-bottom: 0px;
  }
  .footerDesktop .contGrid .copy .col p {
    font-family: "Poppins", sans-serif;
    font-size: 0.75rem;
    font-weight: 400;
  }
  .footerDesktop .contGrid .copy .col p a {
    font-family: "Poppins", sans-serif;
    font-size: 0.75rem;
  }
  .footerDesktop .contGrid .copy .col .scroll {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    bottom: 0;
  }
  .footerDesktop .contGrid .copy .col .scroll:hover {
    cursor: pointer;
  }
  .footerDesktop .contGrid .copy .col .scroll:hover p {
    transform: translateY(-5px);
  }
  .footerDesktop .contGrid .copy .col .scroll p {
    position: relative;
    top: -10px;
    font-family: "Bahnschrift", sans-serif;
    font-size: 0.875rem;
    text-transform: uppercase;
    color: #7cb657;
    transition: all 400ms;
  }
  .footerDesktop .contGrid .copy .col .scroll .line {
    width: 1px;
    height: 30px;
    background-color: #7cb657;
  }
}
@media screen and (min-width: 1280px) {
  #logoDesk:hover {
    cursor: pointer;
  }
  header {
    position: fixed;
    width: 100%;
    z-index: 55;
    display: none;
  }
  header .chapeau {
    height: 80px;
  }
  .headerDesktop {
    position: fixed;
    z-index: 55;
    display: flex;
    width: 100%;
    height: 110px;
    align-items: center;
    justify-content: space-between;
  }
  .headerDesktop .contLogo {
    margin-left: 15px;
  }
  .headerDesktop .leReste {
    display: flex;
    align-items: center;
    column-gap: 20px;
  }
  .headerDesktop .leReste .nav {
    display: flex;
    column-gap: 20px;
  }
  .headerDesktop .leReste .nav .activeTab {
    color: #7cb657;
  }
  .headerDesktop .leReste .nav .activeTab:visited {
    color: #7cb657;
  }
  .headerDesktop .leReste .nav a {
    text-decoration: none;
    font-family: "Bahnschrift", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    transition: color 400ms;
  }
  .headerDesktop .leReste .nav a:hover {
    color: #7cb657;
  }
  .headerDesktop .leReste .nav a:visited {
    color: white;
  }
  .headerDesktop .leReste .nav a:visited:hover {
    color: #7cb657;
  }
  .headerDesktop .leReste .separator {
    width: 1px;
    height: 40px;
    background-color: #fff;
  }
  .headerDesktop .leReste .socials {
    display: flex;
    column-gap: 15px;
  }
  .headerDesktop .leReste .socials a {
    transition: all 400ms;
  }
  .headerDesktop .leReste .socials a svg,
  .headerDesktop .leReste .socials a img {
    height: 12px;
  }
  .headerDesktop .leReste .socials a svg path,
  .headerDesktop .leReste .socials a img path {
    transition: all 400ms;
  }
  .headerDesktop .leReste .socials a:hover svg {
    height: 12px;
    color: #7cb657;
  }
  .headerDesktop .leReste .socials a:hover svg path {
    fill: #7cb657;
  }
  .headerDesktop .leReste .contChoix {
    position: absolute;
    z-index: -1;
    width: 146.5px;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 10px;
    background-color: #151515;
    border: 2px solid #7cb657;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
  }
  .headerDesktop .leReste .contChoix a {
    color: white;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    text-decoration: none;
    font-size: 0.75rem;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    transition: color 400ms;
  }
  .headerDesktop .leReste .contChoix a:hover {
    color: #7cb657;
  }
  .headerDesktop .leReste .reserver {
    width: 150px;
    height: 40px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 1rem;
    font-family: "Bahnschrift", sans-serif;
    background-color: #7cb657;
    overflow: hidden;
    position: relative;
    user-select: none;
  }
  .headerDesktop .leReste .reserver:hover {
    cursor: pointer;
  }
  .headerDesktop .leReste .reserver a {
    text-decoration: none;
  }
  .headerDesktop .leReste .reserver a:visited {
    color: white;
  }
  .headerDesktop .leReste .reserver a span {
    display: inline-block;
  }
  .headerDesktop .leReste .reserver img {
    width: 12px;
    margin-right: 16px;
    margin-left: 14px;
  }
}
.termsWrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../images/desktop-concept-bg.png");
  padding-top: 180px;
  padding-bottom: 122px;
}
.termsWrapper .contTexte {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  row-gap: 22px;
}
.termsWrapper .contTexte h1,
.termsWrapper .contTexte h2,
.termsWrapper .contTexte h3 {
  font-family: "Bahnschrift", sans-serif;
  color: #7cb657;
}
.termsWrapper .contTexte p,
.termsWrapper .contTexte li {
  font-family: "Poppins", sans-serif;
}

@media screen and (min-width: 1280px) {
  .concept {
    width: 100%;
    background-image: url("../images/desktop-concept-bg.png");
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 1000px;
  }
  .concept .contTexte {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    column-gap: 70px;
  }
  .concept .contTexte .subText {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .concept .contTexte .subText p {
    width: 80%;
  }
  .concept .contTexte .subText p:first-of-type {
    margin-bottom: 30px;
  }
  .concept img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
  }
  .concept h1 {
    font-family: "Italianno", cursive;
    font-weight: 400;
    font-size: 3.4375rem;
    color: #7cb657;
    padding-top: 55px;
    margin-bottom: 10px;
  }
  .concept h2 {
    margin-top: 0;
    margin-bottom: 15px;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
    font-size: 3.75rem;
    text-transform: uppercase;
  }
  .concept p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 28px;
    margin-bottom: 65px;
  }
}
@media screen and (min-width: 1280px) {
  .decouverte {
    background-color: #000;
    background-repeat: no-repeat;
    max-width: 100%;
    padding-top: 60px;
  }
  .decouverte .banner {
    display: flex;
    flex-direction: column;
    max-width: 90%;
    height: 553px;
    align-items: center;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    background-image: url("../images/desktop-home-decouvrer2.png");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 5;
  }
  .decouverte .banner .contTexte {
    display: flex;
    flex-direction: column;
    row-gap: 0;
    z-index: 6;
    margin-top: 150px;
    width: 50%;
    margin-right: auto;
    margin-left: 10%;
  }
  .decouverte .banner .contTexte h2 {
    margin-bottom: 0;
    font-size: 3.4375rem;
  }
  .decouverte .banner .contTexte h3 {
    margin-top: 0;
    font-size: 3.75rem;
  }
  .decouverte .banner .contTexte p {
    width: 65%;
    font-size: 0.875rem;
  }
  .decouverte .banner .contFlapper {
    position: absolute;
    max-width: 100%;
    top: 0%;
    height: inherit;
    right: auto;
    display: flex;
  }
  .decouverte .banner .contFlapper img {
    display: block;
    position: absolute;
    margin-top: 0;
  }
  .decouverte .banner .contFlapper img:nth-child(1) {
    right: -300px;
    z-index: 3;
  }
  .decouverte .banner .contFlapper img:nth-child(2) {
    right: -550px;
    z-index: 2;
  }
  .decouverte .banner .contFlapper img:nth-child(3) {
    right: -630px;
    z-index: 1;
  }
  .decouverte .contTexte {
    display: none;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .decouverte .contTexte h2 {
    font-family: "Italianno", cursive;
    font-weight: 400;
    font-size: 2.625rem;
    color: #7cb657;
  }
  .decouverte .contTexte h3 {
    font-family: "Bahnschrift", sans-serif;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 2.8125rem;
    text-transform: uppercase;
  }
  .decouverte .contTexte p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 22px;
  }
  .decouverte .contTexte p span {
    color: #7cb657;
  }
  .decouverte img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .decouverte .imageTourn {
    width: 95%;
    display: block;
    display: none;
    margin-right: auto;
    margin-left: 0;
  }
  .decouverte .contIMG {
    width: 90%;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .decouverte .contIMG:hover {
    cursor: pointer;
  }
  .decouverte .contIMG:first-child .contTexte {
    justify-content: flex-end;
    width: 106%;
  }
  .decouverte .contIMG:last-child .contTexte {
    justify-content: flex-start;
  }
  .decouverte .contIMG:last-child .contTexte span {
    transform: rotate(-90deg);
  }
  .decouverte .contIMG .contTexte {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
  }
  .decouverte .contIMG .contTexte span {
    display: block;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
    font-size: 2.3125rem;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(90deg);
  }
  .decouverte .contIMGTab {
    display: flex;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    column-gap: 20px;
    height: 600px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-top: 80px;
  }
  .decouverte .contIMGTab .contIMG {
    display: block;
    position: relative;
  }
  .decouverte .contIMGTab .contIMG .contTexte {
    text-align: center;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
  }
  .decouverte .contIMGTab .contIMG .contTexte span {
    margin-top: 40px;
    font-size: 3.75rem;
  }
  .decouverte .contIMGTab .img {
    width: 100%;
  }
  .decouverte .contIMG1 {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 29.15%), url("../images/desktop-home-a-manger.png");
    background-size: cover;
  }
  .decouverte .contIMG1 .contTexte {
    transform: rotate(0deg);
  }
  .decouverte .contIMG2 {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 28.11%), url("../images/desktop-home-a-boire.png");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 3;
  }
  .decouverte .contIMG2 .contTexte {
    transform: rotate(0deg);
  }
}
@media screen and (min-width: 1280px) {
  .upperPart {
    width: 100%;
    position: relative;
    height: calc(var(--vh, 1vh) * 100);
  }
  .upperPart img {
    display: none;
  }
  .upperPart video {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
  }
  .upperPart .contFleche {
    display: none;
  }
  .upperPart .contFleche2 {
    position: absolute;
    width: 60px;
    bottom: 10%;
    right: 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .upperPart .contFleche2 .conteneur {
    width: 40px;
    height: 40px;
    background-color: #151515;
    border: 2px solid #7cb657;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .upperPart .contFleche2 .conteneur img {
    display: block;
    width: 15px;
    height: auto;
  }
  .upperPart .contFleche2 p {
    font-family: "Bahnschrift", sans-serif;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 600;
    margin-top: 10px;
  }
}
@media screen and (min-width: 1280px) {
  .vibrer {
    width: 100%;
    background-image: url("../images/desktop-concept-bg.png");
    background-size: cover;
    position: relative;
    height: 1850px;
  }
  .vibrer::before {
    content: "";
    width: 90vw;
    position: absolute;
    z-index: 0;
    height: 50px;
    background-image: url("../images/desktop-concept-bg.png");
    background-size: 100%;
    background-position: 0 0%;
    top: -50px;
    left: 0;
  }
  .vibrer .mobileVibrer {
    display: none;
  }
  .vibrer .desktopVibrer {
    display: flex;
    align-items: center;
    width: 90%;
    justify-content: space-between;
    padding-top: 0;
  }
  .vibrer .desktopVibrer img {
    display: block;
    width: 50%;
    position: relative;
    top: 150px;
  }
  .vibrer .desktopVibrer .contTexte h2 {
    font-size: 3.4375rem;
  }
  .vibrer .desktopVibrer .contTexte h3 {
    font-size: 3.75rem;
  }
  .vibrer .desktopVibrer .contTexte p {
    font-size: 0.875rem;
  }
  .vibrer .desktopVibrer .contTexte .reserver {
    display: flex;
    align-items: center;
    width: 60%;
    margin-top: 50px;
    height: 78px;
    background-color: #7cb657;
    font-family: "Bahnschrift", sans-serif;
    font-size: 1rem;
    text-decoration: none;
    text-transform: uppercase;
  }
  .vibrer .desktopVibrer .contTexte .reserver span {
    display: block;
    width: 25px;
    height: 1px;
    background-color: #fff;
    margin-left: 5%;
    margin-right: 20px;
  }
  .vibrer .desktopVibrer .contTexte .reserver #resCTADeskSpan2 {
    display: inline-block;
    width: auto;
    height: auto;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
  }
  .vibrer .reserverDesktop {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    position: relative;
    z-index: 2;
    background-image: url("../images/desktop-home-reserver.png");
    background-size: cover;
    display: flex;
    height: 710px;
    justify-content: flex-end;
    align-items: center;
  }
  .vibrer .reserverDesktop .back {
    background-color: rgba(0, 0, 0, 0.8);
    padding-top: 0;
    width: 50%;
    margin-left: auto;
    margin-right: 0;
    height: 559px;
  }
  .vibrer .reserverDesktop .back .contTexte {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .vibrer .reserverDesktop .back .contTexte h2 {
    font-size: 3.4375rem;
    margin-bottom: 0;
  }
  .vibrer .reserverDesktop .back .contTexte h3 {
    margin-top: 0;
    font-size: 3.75rem;
    margin-bottom: 0;
  }
  .vibrer .reserverDesktop .back .contTexte .contPara {
    padding-top: 0;
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
    display: grid;
    row-gap: 20px;
  }
  .vibrer .reserverDesktop .back .contTexte .cta {
    width: 70%;
    height: 50px;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 20px;
    background-color: #7cb657;
    font-family: "Bahnschrift", sans-serif;
    font-size: 1rem;
    display: flex;
    align-items: center;
  }
  .vibrer .reserverDesktop .back .contTexte .cta span {
    display: block;
    width: 25px;
    height: 1px;
    margin-left: 5%;
    margin-right: 20px;
    background-color: white;
  }
  .vibrer article {
    position: relative;
    height: fit-content;
  }
  .vibrer article #danseurIndex {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .vibrer article .contBack {
    position: relative;
    top: -20vh;
    background-image: url("../images/tablet-home-reserver2.png");
    background-size: cover;
    width: 90%;
    height: 755px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0;
  }
  .vibrer article .contBack .contContText {
    background: linear-gradient(270deg, #000000 0%, rgba(0, 0, 0, 0) 87.27%), rgba(0, 0, 0, 0.8);
    padding-top: 0;
    width: 90%;
    height: 635px;
    display: flex;
    justify-content: center;
    padding-bottom: 0;
  }
  .vibrer article .contBack .contContText .contText {
    padding-top: 30px;
    padding-bottom: 0;
  }
  .vibrer article .contBack .contContText .contText a {
    margin-bottom: 0;
  }
  .vibrer article .contBack .contContText .contText h2 {
    font-size: 3.4375rem;
  }
  .vibrer article .contBack .contContText .contText h3 {
    font-size: 2.8125rem;
  }
  .vibrer article .contBack .contContText .contText p {
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 22px;
  }
  .vibrer > div {
    padding-top: 125px;
    padding-bottom: 25px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .vibrer > div h2 {
    font-family: "Italianno", cursive;
    font-weight: 400;
    font-size: 2.625rem;
    color: #7cb657;
    margin-bottom: 20px;
  }
  .vibrer > div h3 {
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
    font-size: 2.8125rem;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  .vibrer > div p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 22px;
  }
  .vibrer > div .ctaReserver {
    margin-top: 50px;
    margin-bottom: 50px;
    width: 80%;
    display: flex;
    color: white;
    text-decoration: none;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    height: 80px;
    background-color: #7cb657;
  }
  .vibrer > div .ctaReserver span {
    display: block;
    width: 25px;
    height: 1px;
    background-color: white;
    margin-right: 15px;
  }
  .vibrer > div .ctaReserver p {
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 30px;
  }
}
@media screen and (min-width: 1280px) {
  .contenuMenu {
    display: flex;
    position: relative;
    background-image: url("../images/desktop-menu-hero.png");
    height: 100%;
    background-size: cover;
  }
  .contenuMenu .heroWrapper {
    width: 80%;
    margin-top: 240px;
    margin-left: auto;
    margin-right: auto;
  }
  .contenuMenu .heroWrapper .contTitle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 40vh;
  }
  .contenuMenu .heroWrapper .contTitle h2 {
    font-family: "Italianno", cursive;
    font-weight: 400;
    font-size: 3.4375rem;
    color: #7cb657;
  }
  .contenuMenu .heroWrapper .contTitle h3 {
    font-family: "Bahnschrift", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 3.75rem;
  }
  .contenuMenu .heroWrapper .contTabs {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 2px solid #7cb657;
  }
  .contenuMenu .heroWrapper .contTabs .tab {
    font-family: "Bahnschrift", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 57px;
    background-color: #1a1a1a;
    position: relative;
    text-align: center;
  }
  .contenuMenu .heroWrapper .contTabs .tab:hover {
    cursor: pointer;
  }
  .contenuMenu .heroWrapper .contTabs .tab:nth-child(2) {
    border-left: 2px solid rgba(255, 255, 255, 0.3);
    border-right: 2px solid rgba(255, 255, 255, 0.3);
  }
  .contenuMenu .heroWrapper .contTabs .tab:nth-child(3) {
    border-right: 2px solid rgba(255, 255, 255, 0.3);
  }
  .mobileCTA {
    display: none;
  }
  .menuLeReste {
    height: fit-content;
    width: 100%;
    background-image: url("../images/desktop-concept-bg.png");
    background-size: cover;
    position: relative;
  }
  .menuLeReste .cta {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    transform: translateX(-50%);
    height: 78px;
    background-color: #7cb657;
    margin-bottom: 100px;
  }
  .menuLeReste .cta a {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
    font-size: 1.75rem;
  }
  .menuLeReste .cta a span {
    background-color: white;
    width: 25px;
    height: 2px;
    display: block;
  }
  #imgMenu {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    display: block;
    background-color: black;
    margin-top: 25px;
    height: auto;
    position: relative;
    z-index: 22;
  }
}
@media screen and (min-width: 1280px) {
  .heroLocal {
    width: 100%;
    display: flex;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.75%, rgba(0, 0, 0, 0.8) 100%), url("../images/desktop-local-hero.png");
    background-size: cover;
    justify-content: center;
    flex-direction: column;
    height: inherit;
  }
  .heroLocal2 {
       background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.75%, rgba(0, 0, 0, 0.8) 100%), url("../images/gallery/NQ0A3676.jpg");
    background-size: cover;
  }
  .heroLocal .contTexte {
    margin-left: 10%;
  }
  .heroLocal .contTexte br {
    display: none;
  }
  .heroLocal h1,
  .heroLocal h3 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .heroLocal h1 {
    font-family: "Italianno", cursive;
    color: #7cb657;
    font-weight: 400;
    font-size: 3.4375rem;
  }
  .heroLocal h3 {
    font-family: "Bahnschrift", sans-serif;
    font-weight: 700;
    font-size: 3.75rem;
    text-transform: uppercase;
  }
}
@media screen and (min-width: 1280px) {
  .infosLocal {
    width: 100%;
    background-image: url("../images/desktop-concept-bg.png");
    padding-bottom: 35px;
    background-size: cover;
    display: none;
  }
  .infosLocal .contenu {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 35px;
  }
  .infosLocal .contenu .premiereSection {
    font-family: "Poppins", sans-serif;
    margin-bottom: 35px;
    font-size: 0.9375rem;
    font-weight: 400;
  }
  .infosLocal .contenu .premiereSection p:nth-child(3) {
    margin-top: 25px;
  }
  .infosLocal .contenu .premiereSection .contP {
    display: flex;
    column-gap: 20px;
    margin-bottom: 20px;
  }
  .infosLocal .contenu .premiereSection .sousTitre {
    font-weight: 700;
  }
  .infosLocal .contenu .separator {
    width: 1px;
    height: 247px;
    background-color: #483A86;
    background-color: red;
    margin-bottom: 20px;
    display: none;
    justify-content: center;
  }
  .infosLocal .contenu .contDeux {
    width: 100%;
    display: flex;
  }
  .infosLocal .contenu .depot2 {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
  }
  .infosLocal .contenu .deuxiemeSection h2 {
    font-family: "Bahnschrift", sans-serif;
    color: #7cb657;
    font-weight: 700;
    font-size: 1.875rem;
    text-transform: uppercase;
    margin-bottom: 15px;
  }
  .infosLocal .contenu .deuxiemeSection p {
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
    font-weight: 400;
  }
  .infosLocal .contenu .deuxiemeSection .adress,
  .infosLocal .contenu .deuxiemeSection .tel,
  .infosLocal .contenu .deuxiemeSection .horaire {
    margin-bottom: 15px;
  }
  .infosLocal .contenu .deuxiemeSection .depot {
    display: none;
  }
  .infosLocal .contenu .deuxiemeSection .horaire p span {
    font-weight: 600;
  }
  br {
    display: none;
  }
  .iframe {
    display: none;
  }
  .infosLocalDesktop {
    width: 100%;
    display: block;
    padding-top: 122px;
    padding-bottom: 80px;
    background-image: url("../images/desktop-concept-bg.png");
    background-size: cover;
  }
  .infosLocalDesktop .contGrid {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 120px;
  }
  .infosLocalDesktop .contGrid .texte {
    width: 80%;
  }
  .infosLocalDesktop .contGrid .texte .top {
    width: 70%;
  }
  .infosLocalDesktop .contGrid .texte .top p {
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    margin-bottom: 10px;
  }
  .infosLocalDesktop .contGrid .texte .top p span {
    font-weight: 700;
    text-transform: uppercase;
  }
  .infosLocalDesktop .contGrid .texte .locations {
    width: 100%;
  }
  .infosLocalDesktop .contGrid .texte .locations .box {
    margin-bottom: 30px;
  }
  .infosLocalDesktop .contGrid .texte .locations .sep {
    width: 80%;
    background-color: #483A86;
    height: 1px;
    margin-bottom: 30px;
  }
  .infosLocalDesktop .contGrid .texte .locations h2 {
    font-family: "Bahnschrift", sans-serif;
    color: #7cb657;
    text-transform: uppercase;
    font-size: 1.875rem;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 50px;
  }
  .infosLocalDesktop .contGrid .texte .locations .infosSupp {
    width: 80%;
  }
  .infosLocalDesktop .contGrid .texte .locations p {
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
  }
  .infosLocalDesktop .contGrid .texte .locations p br {
    display: block;
  }
  .infosLocalDesktop .contGrid .texte .locations .adresse {
    margin-bottom: 20px;
  }
  .infosLocalDesktop .contGrid .texte .locations .tels {
    margin-bottom: 20px;
  }
  .infosLocalDesktop .contGrid .texte .locations .tels a {
    width: fit-content;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    display: block;
    transition: all 400ms;
  }
  .infosLocalDesktop .contGrid .texte .locations .tels a:hover {
    color: #7cb657;
  }
  .infosLocalDesktop .contGrid .texte .locations .horaire p span {
    font-weight: 600;
  }
  .infosLocalDesktop .contGrid .contIFrame {
    width: 70%;
    display: flex;
    height: 770px;
  }
}
@media screen and (min-width: 1280px) {
  .heroRepas {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/desktop-repas-hero.png");
    background-size: cover;
  }
  .heroRepas .contTexte h1 {
    font-size: 3.4375rem;
  }
  .heroRepas .contTexte h2 {
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 1280px) {
  .repasInfos {
    width: 100%;
    display: none;
  }
  .repasInfos .sectionTexte {
    background-image: url("../images/concept-bg.png");
    background-size: cover;
    padding-bottom: 25px;
    padding-top: 40px;
  }
  .repasInfos .sectionTexte .contTexte {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .repasInfos .sectionTexte .contTexte h2 {
    font-family: "Italianno", cursive;
    color: #7cb657;
    font-weight: 400;
    font-size: 2.625rem;
    margin-bottom: 10px;
  }
  .repasInfos .sectionTexte .contTexte .sousTitre {
    font-family: "Bahnschrift", sans-serif;
    text-transform: uppercase;
    font-size: 2.8125rem;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
  }
  .repasInfos .sectionTexte .contTexte .autrePara p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 28px;
    margin-bottom: 25px;
  }
  .repasInfos .sectionImages {
    background-color: black;
    width: 100%;
    padding-bottom: 30px;
  }
  .repasInfos .sectionImages .contImg {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .repasInfos .sectionImages .contImg #imgRepas3 {
    height: 700px;
  }
  .repasInfos .sectionImages .contImg img {
    display: block;
    width: 100%;
    margin-bottom: 60px;
  }
  .repasInfos .sectionImages .contImg img:last-child {
    height: 400px;
  }
  .repasInfos .sectionImages .contTexte {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
  }
  .repasInfos .sectionImages .contTexte h2 {
    font-family: "Italianno", cursive;
    font-weight: 400;
    font-size: 2.625rem;
    line-height: 36px;
    color: #7cb657;
    margin-bottom: 20px;
  }
  .repasInfos .sectionImages .contTexte p {
    margin-bottom: 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 28px;
  }
  .repasInfos .sectionReservation {
    width: 100%;
    background-color: black;
    padding-bottom: 30px;
  }
  .repasInfos .sectionReservation .cta {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    height: 78px;
    background-color: #7cb657;
    column-gap: 15px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 600;
    font-size: 1.375rem;
  }
  .repasInfos .sectionReservation .cta span {
    display: flex;
    width: 25px;
    height: 1px;
    align-items: center;
    margin-left: 5%;
    background-color: white;
  }
  .repasInfos .sectionReservation .vert {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    color: #7cb657;
    font-family: "Poppins", sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
  }
  .repasInfos .sectionReservation p {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 70px;
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    line-height: 22px;
  }
  .contFleche2:hover {
    cursor: pointer;
  }
  .repasInfosDesktop {
    display: block;
    width: 100%;
    background-image: url("../images/desktop-concept-bg.png");
    background-size: cover;
  }
  .repasInfosDesktop .wrapper {
    padding-top: 122px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .repasInfosDesktop .contGrid {
    height: 750px;
    width: 90%;
    display: flex;
    column-gap: 77px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 120px;
  }
  .repasInfosDesktop .contGrid .petitTexte {
    width: 40%;
  }
  .repasInfosDesktop .contGrid .petitTexte h2 {
    font-family: "Italianno", cursive;
    font-weight: 400;
    font-size: 3.4375rem;
    line-height: 50px;
    margin-bottom: 20px;
    color: #7cb657;
  }
  .repasInfosDesktop .contGrid .petitTexte h3 {
    font-family: "Bahnschrift", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 3.75rem;
    line-height: 70px;
  }
  .repasInfosDesktop .contGrid .petitTexte .contPara {
    display: grid;
    margin-top: 30px;
    row-gap: 20px;
  }
  .repasInfosDesktop .contGrid .petitTexte .contPara p {
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
  }
  .repasInfosDesktop img.table {
    display: block;
    width: 100%;
    height: 550px;
    margin-bottom: 119px;
  }
  .repasInfosDesktop .authentic {
    display: flex;
    justify-content: space-between;
    padding-bottom: 120px;
  }
  .repasInfosDesktop .authentic img {
    height: 711px;
  }
  .repasInfosDesktop .authentic .texte {
    width: 40%;
    margin-left: 10%;
  }
  .repasInfosDesktop .authentic .texte h2 {
    font-family: "Italianno", cursive;
    font-weight: 400;
    color: #7cb657;
    line-height: 55px;
    margin-bottom: 30px;
    font-size: 3.4375rem;
  }
  .repasInfosDesktop .authentic .texte h2 br {
    display: block;
  }
  .repasInfosDesktop .authentic .texte p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 20px;
    margin-bottom: 20px;
  }
  .repasInfosDesktop .authentic .texte .contCTA {
    margin-top: 250px;
  }
  .repasInfosDesktop .authentic .texte .contCTA .cta {
    width: 100%;
    background-color: #7cb657;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 80px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Bahnschrift", sans-serif;
    font-size: 1.625rem;
    font-weight: 600;
    margin-bottom: 40px;
  }
  .repasInfosDesktop .authentic .texte .contCTA .cta span {
    display: block;
    background-color: white;
    height: 1px;
    width: 25px;
    margin-right: 15px;
    margin-left: 5%;
  }
  .repasInfosDesktop .authentic .texte .contCTA .tel {
    display: block;
    color: #7cb657;
    font-size: 1.75rem;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 25px;
  }
  .repasInfosDesktop .authentic .texte .contCTA .depot {
    font-size: 0.875rem;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
  }
}
@media screen and (min-width: 1280px) {
  .heroFranchises {
    background-image: url("../images/desktop-franchises-hero.png");
  }
}
@media screen and (min-width: 1280px) {
  .franchiseInfos {
    width: 100%;
    background-image: url("../images/desktop-concept-bg.png");
    background-size: cover;
    padding-bottom: 120px;
  }
  .franchiseInfos .contTout {
    display: flex;
    padding-top: 122px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    flex-direction: row-reverse;
    column-gap: 77px;
  }
  .franchiseInfos .contText {
    width: 80%;
    padding-top: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
  }
  .franchiseInfos .contText h2 {
    font-family: "Italianno", cursive;
    font-size: 3.4375rem;
    font-weight: 400;
    margin-bottom: 15px;
    color: #7cb657;
  }
  .franchiseInfos .contText h3 {
    font-family: "Bahnschrift", sans-serif;
    text-transform: uppercase;
    font-size: 3.75rem;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 25px;
  }
  .franchiseInfos .contText h3 br {
    display: none;
  }
  .franchiseInfos .contText .contPara {
    display: grid;
    row-gap: 25px;
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    line-height: 20px;
  }
  .franchiseInfos .contText .plus {
    display: flex;
    align-items: center;
    column-gap: 20px;
    font-family: "Bahnschrift", sans-serif;
    justify-content: flex-start;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1rem;
    text-decoration: none;
    color: #7cb657;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .franchiseInfos .contText .plus:visited {
    color: #7cb657;
  }
  .franchiseInfos .contText .plus span {
    width: 25px;
    height: 1px;
    background-color: #7cb657;
    display: flex;
    align-items: center;
  }
  .franchiseInfos .contText .bouton {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    background-color: #7cb657;
    font-family: "Bahnschrift", sans-serif;
    column-gap: 20px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.75rem;
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .franchiseInfos .contText .bouton:visited {
    color: #fff;
  }
  .franchiseInfos .contText .bouton span {
    display: block;
    margin-left: 10%;
    width: 25px;
    height: 1px;
    background-color: #fff;
  }
  .franchiseInfos img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    height: 779px;
  }
}
@media screen and (min-width: 1280px) {
  .heroCarte {
    background-image: url("../images/desktop-carte-hero2.jpg");
    background-color: black;
    background-size: cover;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 1280px) {
  .carteInfos {
    width: 100%;
    background-image: url("../images/concept-bg.png");
    background-size: 100%;
    background-repeat: no-repeat;
    height: fit-content;
    background-color: black;
    padding-top: 120px;
    padding-bottom: 122px;
  }
  .carteInfos .contTout {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row-reverse;
    column-gap: 110px;
  }
  .carteInfos .contTexte {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .carteInfos .contTexte h2 {
    font-family: "Italianno", cursive;
    color: #7cb657;
    font-size: 3.4375rem;
    font-weight: 500;
    margin-top: 40px;
  }
  .carteInfos .contTexte h3 {
    font-family: "Bahnschrift", sans-serif;
    text-transform: uppercase;
    font-size: 3.75rem;
    font-weight: 700;
    line-height: 70px;
    margin-bottom: 30px;
  }
  .carteInfos .contTexte h3 br {
    display: none;
  }
  .carteInfos .contTexte .contPara {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    margin-bottom: 30px;
  }
  .carteInfos .contTexte .contPara p {
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    line-height: 20px;
  }
  .carteInfos .contTexte .acheter {
    display: flex;
    align-items: center;
    width: 100%;
    height: 80px;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.625rem;
    line-height: 30px;
    background-color: #7cb657;
    margin-bottom: 40px;
  }
  .carteInfos .contTexte .acheter:visited {
    color: white;
  }
  .carteInfos .contTexte .acheter span {
    margin-left: 5%;
    display: block;
    background-color: white;
    width: 25px;
    height: 1px;
    margin-right: 20px;
  }
  .carteInfos img {
    display: block;
    margin-left: auto;
    max-width: 100%;
    margin-right: auto;
    margin-top: 0px;
  }
}
@media screen and (min-width: 1280px) {
  .traiteurInfos {
    display: none;
  }
  .traiteurInfos .contForm form {
    width: 100%;
    display: grid;
    row-gap: 30px;
    position: relative;
  }
  .traiteurInfos .contForm form input,
  .traiteurInfos .contForm form textarea {
    width: 100%;
    position: relative;
    padding: 0;
    border-radius: 0;
    outline: none;
    border: none;
    background: rgba(255, 255, 255, 0.2);
    padding-left: 5%;
    color: white;
  }
  .traiteurInfos .contForm form input::placeholder,
  .traiteurInfos .contForm form textarea::placeholder {
    color: white;
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
  }
  .traiteurInfos .contForm form input {
    height: 78px;
  }
  .traiteurInfos .contForm form textarea {
    resize: none;
    margin-bottom: 30px;
  }
  .traiteurInfos .contForm form textarea::placeholder {
    padding-top: 5%;
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
  }
  .traiteurInfos .contForm form button.bouton {
    display: flex;
    align-items: center;
    height: 78px;
    background-color: #7cb657;
    color: white;
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 600;
    border: none;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 70px;
    font-size: 1.375rem;
  }
  .traiteurInfos .contForm form button.bouton span {
    display: block;
    margin-left: 10%;
    margin-right: 20px;
    width: 25px;
    height: 1px;
    background-color: white;
  }
  .traiteurInfos .contForm .oops {
    display: block;
    position: absolute;
    visibility: hidden;
    top: 0;
    margin-bottom: 0;
    margin-top: 0;
    color: #EB5555;
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
  }
  .deskFormConfirm {
    width: 50%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 5;
    background-color: black;
    border: 1px solid #7cb657;
    font-family: "Poppins", sans-serif;
    font-size: 1.375rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .traiteurInfosDesktop {
    width: 100%;
    display: block;
    padding-top: 122px;
    background-image: url("../images/desktop-concept-bg.png");
    background-size: cover;
  }
  .traiteurInfosDesktop .contTout {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    column-gap: 132px;
    padding-bottom: 120px;
  }
  .traiteurInfosDesktop .contTout .contTexte h2 {
    font-family: "Bahnschrift", sans-serif;
    font-size: 1.875rem;
    font-weight: 700;
    color: #7cb657;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  .traiteurInfosDesktop .contTout .contTexte .contPara {
    display: grid;
    row-gap: 20px;
    margin-bottom: 20px;
  }
  .traiteurInfosDesktop .contTout .contTexte .contPara p {
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    line-height: 20px;
    font-weight: 400;
  }
  .traiteurInfosDesktop .contTout .contTexte .contTel {
    display: grid;
    row-gap: 10px;
  }
  .traiteurInfosDesktop .contTout .contTexte .contTel a {
    display: block;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    color: white;
    transition: color 400ms;
  }
  .traiteurInfosDesktop .contTout .contTexte .contTel a:hover {
    color: #7cb657;
  }
  .traiteurInfosDesktop .contTout .contForm {
    width: 100%;
  }
  .traiteurInfosDesktop .contTout .contForm form {
    width: 100%;
    display: grid;
    row-gap: 25px;
  }
  .traiteurInfosDesktop .contTout .contForm form input.oops {
    border: 1px solid red;
  }
  .traiteurInfosDesktop .contTout .contForm form span.oops {
    border: none;
    font-family: "Poppins", sans-serif;
    font-size: 0.75rem;
    color: red;
  }
  .traiteurInfosDesktop .contTout .contForm form input,
  .traiteurInfosDesktop .contTout .contForm form textarea {
    width: 100%;
    border: none;
    padding-left: 5%;
    background: rgba(255, 255, 255, 0.2);
    height: 50px;
    color: white;
    font-family: "Poppins", sans-serif;
    resize: none;
  }
  .traiteurInfosDesktop .contTout .contForm form input:focus-visible,
  .traiteurInfosDesktop .contTout .contForm form textarea:focus-visible {
    outline: solid 2px #7cb657;
  }
  .traiteurInfosDesktop .contTout .contForm form input::placeholder,
  .traiteurInfosDesktop .contTout .contForm form textarea::placeholder {
    font-family: "Poppins", sans-serif;
    font-size: 0.75rem;
    font-weight: 400;
    color: white;
  }
  .traiteurInfosDesktop .contTout .contForm form button {
    height: 50px;
    background-color: #7cb657;
    text-transform: uppercase;
    color: white;
    display: flex;
    align-items: center;
    font-family: "Bahnschrift", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    width: 60%;
    border: none;
    margin-top: 20px;
  }
  .traiteurInfosDesktop .contTout .contForm form button:hover {
    cursor: pointer;
  }
  .traiteurInfosDesktop .contTout .contForm form button span {
    display: block;
    width: 25px;
    height: 1px;
    background-color: #fff;
    margin-left: 5%;
    margin-right: 15px;
  }
  .traiteurInfosDesktop .contTout .contForm form textarea {
    padding-top: 5%;
    height: 110px;
  }
}
@media screen and (min-width: 1280px) {
  .traiteurInfos {
    width: 100%;
    background-image: url("../images/concept-bg.png");
    background-size: cover;
    padding-top: 50px;
  }
  .traiteurInfos .contTexte {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .traiteurInfos .contTexte h2 {
    font-family: "Bahnschrift", sans-serif;
    text-transform: uppercase;
    color: #7cb657;
    font-weight: 700;
    font-size: 2.125rem;
    margin-bottom: 20px;
    margin-top: 40px;
  }
  .traiteurInfos .contTexte .contPara {
    display: grid;
    row-gap: 30px;
    margin-bottom: 20px;
  }
  .traiteurInfos .contTexte .contPara p {
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
    line-height: 28px;
  }
  .traiteurInfos .contTexte .contTel {
    display: grid;
    margin-bottom: 50px;
  }
  .traiteurInfos .contTexte .contTel a {
    color: white;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    line-height: 50px;
    font-size: 1.25rem;
    transition: color 400ms;
  }
  .traiteurInfos .contTexte .contTel a:visited {
    color: white;
  }
  .traiteurInfos .contTexte .contTel a:hover {
    color: #7cb657;
  }
}
@media screen and (min-width: 1280px) {
  .heroTraiteur {
    background-image: url("../images/desktop-traiteur-hero.png");
    background-size: cover;
  }
}
@media screen and (min-width: 1280px) {
  .contGalleryIndex {
    display: flex;
    position: relative;
    height: 100vh;
    background-image: url("../images/desktop-concept-bg.png");
    background-size: cover;
  }
  .contGalleryIndex .contContenu {
    justify-content: center;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    height: 40vh;
    margin-top: auto;
    margin-bottom: auto;
  }
  .contGalleryIndex .contContenu .contLinks {
    display: grid;
    flex-direction: row;
    grid-template-columns: 1fr 1fr;
    column-gap: 50px;
  }
  .contGalleryIndex .contContenu .contLinks a {
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Bahnschrift", sans-serif;
    font-size: 1.5625rem;
    padding: 20px 20px;
    background-color: #7cb657;
    text-align: center;
  }
  .contBigBox {
    height: fit-content;
  }
  .galMobile {
    display: none;
  }
  .heroGal {
    position: relative;
  }
  .heroGal .contTexte {
    margin-top: 370px;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .bigBox {
    background-color: transparent;
    position: absolute;
    bottom: -320px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 600ms ease;
    width: 80%;
    height: 550px;
    margin-left: auto;
    margin-right: auto;
  }
  .bigBox img {
    transition: all 600ms ease;
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  .galContSwiper {
    height: 775px;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: flex-end;
  }
  .galContSwiper .contNav {
    position: relative;
    top: -60px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    column-gap: 50px;
  }
  .galContSwiper .contNav .prev:hover {
    cursor: pointer;
  }
  .galContSwiper .contNav .prev img {
    transform: rotate(90deg);
    width: 140%;
  }
  .galContSwiper .contNav .next:hover {
    cursor: pointer;
  }
  .galContSwiper .contNav .next img {
    transform: rotate(-90deg);
    width: 140%;
  }
  .galContSwiper .swiper {
    width: inherit;
    height: 250px;
    position: relative;
    bottom: 110px;
  }
  .galContSwiper .swiper .swiper-wrapper {
    height: inherit;
    margin-left: auto;
    margin-right: auto;
  }
  .galContSwiper .swiper .swiper-wrapper .active-slide {
    border: 2px solid #7cb657;
  }
  .galContSwiper .swiper .swiper-wrapper .swiper-slide {
    width: 100px;
    height: 100px;
    user-select: none;
    background-color: none;
    overflow: hidden;
  }
  .galContSwiper .swiper .swiper-wrapper .swiper-slide:hover {
    cursor: pointer;
  }
  .galContSwiper .swiper .swiper-wrapper .swiper-slide:first-child {
    border: 2px solid #7cb657;
  }
  .galContSwiper .swiper .swiper-wrapper .swiper-slide img {
    max-width: 100%;
  }
}