* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    font-family: 'Montserrat', sans-serif;
}

body {
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #F5F0E2;
}

::-webkit-scrollbar {
    width: 6px;
    padding: 0 1px;
}

::-webkit-scrollbar-track {
    background: #0b0b0b;
}

::-webkit-scrollbar-thumb {
    background-color: white;
    width: 4px;
}

.containerNav{
    width: 100svw;
    height: 10svh;
    background-color: #27513F;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nav{
    width: 81svw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.leftNav{
    display: flex;
    align-items: center;
}
.leftNav img{
width: 8svw;
margin-right: 6svw;
}
.containerBtnNav{
    display: flex;
}
.btnNav{
    margin-right: 2svw;
    display: flex;
    align-items: center;
    width: 5svw;
    cursor: pointer;
}
.TextNav{
    font-family:'Bebas Neue', sans-serif;
    font-size: 1.4svw;
    color: #13271E;
    transition: all 0.5s;
    cursor: pointer;
}
.onNav{
    width: 0.4svw;
    height: 0.4svw;
    background-color: #F5F0E2;
    margin-right: 0.5svw;
    border-radius: 100svw;
}
.TextNav:hover{
    color: #F5F0E2;
}
.offNavAccueil{
    transition: all 0.5s;
}
.offNavPropos{
    transition: all 0.5s;
}
.offNavCarte{
    transition: all 0.5s;
}
.offNavContact{
    transition: all 0.5s;
}
.onTextNav{
    color:#F5F0E2 ;
}

.commander{
    width: 11svw;
    height: 5.5svh;
    background-color: #F5F0E2;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s;
}
.commander svg {
    width: 1.2svw;
    margin-right: 0.5svw;
}
.commander svg path {
    transition: all 0.5s;
}
.commander p {
font-family: montserrat;
color: #213F32;
font-size: 0.9svw;
font-weight: 500;
transition: all 0.5s;
}

.commander:hover{
    background-color:#408868 ;
}
.commander:hover svg path{
    fill: #F5F0E2;
}
.commander:hover p{
    color: #F5F0E2;
}
.heroSection{
    width: 100svw;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.heroSection video {
 position: absolute;
  inset: 0;
  width: 100%;
  object-fit: cover;
  z-index: -1;
  pointer-events: none;
  top: -8svh;
}
.containerHeroSection{
    width: 81svw;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
}
.heroLeft h1{
    font-family:'Bebas Neue', sans-serif;
    color: #27513F;
    font-size: 4.2svw;
    font-weight: 300;
    line-height: 8svh;
}
.heroLeft h1 span{
    color: #ABC0A8;
}
.heroLeft p{
    font-size: montserrat;
    color: #213F32;
    font-size: 0.95svw;
    font-weight: 500;
}
.heroRight {
width: 46svw;
}
.heroRight img{
        max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}
.btnHeroSection{
    width: 17svw;
    height: 6svh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 42.5svw;
    bottom: 4svh;
    background-color: #27513F;
    border: solid 2px #87AA81;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.5s;
}
.btnHeroSectionCarte{
    width: 17svw;
    height: 6svh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 4svh;
    background-color: #27513F;
    border: solid 2px #87AA81;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.5s;
}
.btnHeroSection:hover{
    background-color: #408868;
}
.btnHeroSection p{
    font-family: montserrat;
    font-size: 0.95svw;
    color: #F5F0E2;
    margin-right: 0.8svw;
}
.btnHeroSection svg{
    fill: #F5F0E2;
    width: 1svw;
    rotate: 180deg;
}
.btnHeroSectionCarte:hover{
    background-color: #408868;
}
.btnHeroSectionCarte p{
    font-family: montserrat;
    font-size: 0.95svw;
    color: #F5F0E2;
    margin-right: 0.8svw;
}
.btnHeroSectionCarte svg{
    fill: #F5F0E2;
    width: 1svw;
    rotate: 180deg;
}
.containerGout{
    width: 100svw;
    display: flex;
    justify-content: center;
    padding: 6svh 0;
}
.gout{
    width: 81svw;
    justify-content: center;
    display: flex;
    align-items: center;
}
.leftGout{
    margin-right: 2svw;
}
.topGout{
    width: 30.67708333333333svw;
    margin-bottom: 0.2svw;
    border-radius: 1svw;
    border: solid 3px #ACA490;
}
.botGout{
    display: flex;
    justify-content: space-between;
    
}
.botGout img{
    width: 15.08854166666667svw;
    border-radius: 1svw;
    border: solid 3px #ACA490;
}
.RightGout h2{
    font-family:'Bebas Neue', sans-serif;
    color: #27513F;
    font-size: 4.2svw;
    font-weight: 300;
    line-height: 8svh;
    margin-bottom: 1svh;
}
.RightGout h2 span{
    color: #ABC0A8;
}
.RightGout p{
    font-size: montserrat;
    color: #213F32;
    font-size: 1.1svw;
    font-weight: 500;
    margin-bottom: 3svh;
}
.btnGoutHome{
    width: 14svw;
    height: 6svh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #27513F;
    border: solid 2px #87AA81;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.5s;
}
.btnGoutHome:hover{
    background-color: #408868;
}
.btnGoutHome p{
    font-family: montserrat;
    font-size: 0.95svw;
    color: #F5F0E2;
    margin-right: 0.8svw;
    margin-bottom: 0;
}
.btnGoutHome svg{
    fill: #F5F0E2;
    width: 1svw;
    rotate: 180deg;
}
.containerAllOffres{
    display: flex;
    align-items: center;
    width: 100svw;
    flex-direction: column;
    margin-bottom: 6svh;
}
.allOffres{
    width: 81svw;
    position: relative;
    margin-bottom: 1svw;
    overflow-x: hidden;
    border-radius: 1svw;
}
.allOffres img{
    width: 81svw;
    transition: all 0.5s;
}
.imgOffre0{
opacity: 0;
}
.imgOffre1{
    animation: offre1 25s infinite cubic-bezier(0.8, 0.05, 0.32, 0.98);
    position: absolute;
    left: 0;
}
.imgOffre2{
    position: absolute;
    left: 81svw;
    animation: offre2 25s infinite cubic-bezier(0.8, 0.05, 0.32, 0.98);
}
.imgOffre3{
    position: absolute;
    left: 81svw;
    animation: offre3 25s infinite cubic-bezier(0.8, 0.05, 0.32, 0.98);
}
@keyframes offre1 {
  0% {
    z-index: 0;
    left: 0;
  }
  34% {
    left: 0;
  }
  35%{
    left: 81svw;
  }
37%{
    z-index: 0;
}
38%{
    z-index: 3;
}
  95%{
left: 81svw;
  }
  99%{
    z-index: 3;
left: 0;
  }
100%{
    z-index: 3;
  }
}
@keyframes offre2 {
  0% {
    z-index: 3;
    left: 81svw;
  }
  29% {
    left: 81svw;
  }
  33% {
    left: 0;
  }
  49%{
    z-index: 3;
  }
  50%{
    z-index: 1;
  }
  67%{
   left: 0;
  }
  68%{
   left: 81svw;
  }
  75%{
    z-index: 1;
  }
  76%{
    z-index: 3;
  }
}
@keyframes offre3 {
  0% {
    z-index: 3;
    left: 81svw;
  }
  62% {
    left: 81svw;
  }
  66% {
    left: 0;
  }
  74%{
    z-index: 3;
  }
  75%{
    z-index: 1;
  }
  99%{
   left: 0;
  }
  100%{
    z-index: 1;
   left: 81svw;
  }
}
.traitsOffre1{
    width: 3.5svw;
    background-color: #408868;
    height: 0.5svw;
    border-radius: 100svw;
    transition: all 0.5s;
    animation: traitsOffres1 25s infinite cubic-bezier(0.8, 0.05, 0.32, 0.98);
}
@keyframes traitsOffres1 {
  0% {
background-color: #408868;
  }
  31% {
background-color: #408868;
  }
  33% {
background-color: #CAC3AD;
  }
  97% {
background-color: #CAC3AD;
  }
99%{
    background-color: #408868;
}
}
.traitsOffre2{
    width: 3.5svw;
    background-color: #CAC3AD;
    height: 0.5svw;
    border-radius: 100svw;
    transition: all 0.5s;
    animation: traitsOffres2 25s infinite cubic-bezier(0.8, 0.05, 0.32, 0.98);
}
@keyframes traitsOffres2 {
  0% {
background-color: #CAC3AD;
  }
  31% {
background-color: #CAC3AD;
  }
  33% {
background-color: #408868;
  }
  64% {
background-color: #408868;
  }
66%{
    background-color: #CAC3AD;
}
}
.traitsOffre3{
    width: 3.5svw;
    background-color: #CAC3AD;
    height: 0.5svw;
    border-radius: 100svw;
    transition: all 0.5s;
    animation: traitsOffres3 25s infinite cubic-bezier(0.8, 0.05, 0.32, 0.98);
}
@keyframes traitsOffres3 {
  0% {
background-color: #CAC3AD;
  }
  64% {
background-color: #CAC3AD;
  }
  66% {
background-color: #408868;
  }
  97% {
background-color: #408868;
  }
99%{
    background-color: #CAC3AD;
}
}
.containerTraiOffres{
    width: 12svw;
    display: flex;
    justify-content: space-between;
}
.containerCoeurCarte{
    width: 100svw;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    padding: 6svh 0;
}
.containerCoeurCarte video {
 position: absolute;
  inset: 0;
  width: 100%;
  object-fit: cover;
  z-index: -1;
  pointer-events: none;
  top: -14svh;
}
.coeurCarte{
    width: 81svw;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.titleCoeurCarte{
    display: flex;
    justify-content: center;
    align-items: center;
}
.rond{
    width: 0.5svw;
    height: 0.5svw;
    background-color: #ABC0A8;
    margin-right: 0.5svw;
    border-radius: 100svw;
}
.lastRond{
    width: 0.5svw;
    height: 0.5svw;
    background-color: #ABC0A8;
    margin-right: 1.5svw;
}
.firstRond{
    width: 0.5svw;
    height: 0.5svw;
    background-color: #ABC0A8;
    margin-left: 1.5svw;
}
.lastRondRight{
    width: 0.5svw;
    height: 0.5svw;
    background-color: #ABC0A8;
    margin: 0;
}
.titleCoeurCarte h2 {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 3svw;
    color: #F5F0E2;
    margin-bottom: -1svh;
}
.titleCoeurCarte h2 span {
    color: #A3B9A0;
}
.sousTitreCoeurCarte{
    color: #F5F0E2;
    font-family: montserrat;
    font-weight: 500;
    font-size: 1svw;
    margin-bottom: 4svh;
}
.containerProduitCoeurCarte{
    width: 81svw;
    display: flex;
    justify-content: space-between;
}
.produitCoeurCarte{
    display: flex;
    flex-direction: column;
    width: 15.7svw;
    align-items: center;
    border-radius: 1svw;
    overflow: hidden;
    background-color: #F5F0E2;
    padding: 4svh 0 0 0;
}
.produitCoeurCarte img{
    height: 14svh;
    margin-bottom:1svh ;
}
.nomProduitCoeurCarte{
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 2svw;
    color: #408868;
    margin-bottom: -0.5svh;
}
.NombreProduitCoeurCarte{
    font-family: montserrat;
    font-size: 0.9svw;
    color: #87AA81;
    font-weight: 500;
    margin-bottom: 1svh;
}
.descritpionProduitCoeurCarte{
    font-size: 0.9svw;
    color: #27513E;
    text-align: center;
    margin-bottom: 4svh;
}
.decouvrirProduitsCoeurCarte{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 7svh;
    background-color: #408868;
    padding: 0 1svw;
    width: 100%;
    cursor: pointer;
}
.decouvrirProduitsCoeurCarte p{
    color: #F5F0E2;
    font-size: 0.9svw;
}
.decouvrirProduitsCoeurCarte div{
    width: 2.5svw;
    height: 2.5svw;
    background-color: #F5F0E2;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100svw;

}
.decouvrirProduitsCoeurCarte div svg{
    fill: #408868;
    width: 1svw;
    rotate: 180deg;
}

.containerFeedBack{
    width: 100svw;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    padding: 6svh 0;
}
.feedback{
    width: 81svw;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.titleFeedback{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2svh;
}
.rondF{
    width: 0.5svw;
    height: 0.5svw;
    background-color: #408868;
    margin-right: 0.5svw;
    border-radius: 100svw;
}
.lastRondf{
    width: 0.5svw;
    height: 0.5svw;
    background-color: #408868;
    margin-right: 1.5svw;
}
.firstRondf{
    width: 0.5svw;
    height: 0.5svw;
    background-color: #408868;
    margin-left: 1.5svw;
}
.lastRondRightf{
    width: 0.5svw;
    height: 0.5svw;
    background-color: #408868;
    margin: 0;
}
.titleFeedback h2 {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 3svw;
    color: #26513F;
}
.titleFeedback h2 span {
    color: #A3B9A0;
}
.feedbackContain{
    display: flex;
    justify-content: space-between;
    width: 81svw;
    margin-bottom: 1svh;
}
.feedbackContain img{
    width: 32%;
}
.textFeedBack{
    color: #26513F;
    margin-bottom: 1svh;
    font-weight: 500;
    font-size: 0.9svw;
}
.btnFeedBackGoogle{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20svw;
    height: 6svh;
    background-color: #27513F;
    border: solid 2px #87AA81;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.5s;
}
.btnFeedBackGoogle p{
 color: #F5F0E2;
    margin-bottom: 1svh;
    font-weight: 400;
    font-size: 0.9svw;
    margin-right: 1svw;
    margin-bottom: 0;
}
.btnFeedBackGoogle img {
    width: 1svw;
}
.btnFeedBackGoogle:hover{
    background-color: #408868;
}
.containerFooter{
    width: 100svw;
    padding: 10svh 0;
    display: flex;
    justify-content: center;
    background-color: #26513F;
}
.footer{
    width: 81svw;
    display: flex;
    justify-content: space-between;
}
.footer1 img{ 
    width:18.43svw ;
    margin-bottom: 1svh;
}
.footer1 p{ 
    font-size: 0.9svw;
    color: #F5F0E2;
}
.footer2 h3{
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 2svw;
    color: #F5F0E2;
    margin-bottom: 3svh;
}
.footer2 h3 span{
    color: #ABC0A8;
}
.navFooter{
    display: flex;
    margin-bottom: 1.5svh;
    align-items: center;
}
.navFooterContact{
    margin-bottom: 0;
}
.onFooterAccueil{
    width: 0.4svw;
    height: 0.4svw;
    border-radius: 100svw;
    background-color: #F5F0E2;
    margin-right: 0.5svw;
    transition: all 0.5s;
}
.FooterAccueil{
    transition: all 0.5s;
}
.onFooterPropos{
    width: 0;
    height: 0;
    border-radius: 100svw;
    background-color: #F5F0E2;
    margin-right: 0;
    transition: all 0.5s;
}
.onFooterCarte{
    width: 0;
    height: 0;
    border-radius: 100svw;
    background-color: #F5F0E2;
    margin-right: 0;
    transition: all 0.5s;
}
.onFooterContact{
    width: 0;
    height: 0;
    border-radius: 100svw;
    background-color: #F5F0E2;
    margin-right: 0;
    transition: all 0.5s;
}
.navFooter p{
    color:#13271E ;
    transition: all 0.5s;
    font-size: 1svw;
    font-weight: 500;
    cursor: pointer;
}
.navFooter p:hover{
    color:#F5F0E2 ;
}
#navOnFooter{
    color: #F5F0E2;
}

.footer3 h3{
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 2svw;
    color: #F5F0E2;
    margin-bottom: 3svh;
}
.footer3 h3 span{
    color: #ABC0A8;
}
.footer3 p{
    color: #F5F0E2;
    font-size: 1svw;
    margin-bottom: 2.1svh;
}
.footer3 p span{
    color: #ABC0A8;
}

.footer4 h3{
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 2svw;
    color: #F5F0E2;
    margin-bottom: 3svh;
}
.footer4 h3 span{
    color: #ABC0A8;
}
.footer4 p{
    color: #F5F0E2;
    font-size: 1svw;
    margin-bottom: 2.1svh;
}
.containerPaiement{
    display: flex;
    justify-content: end;
}
.containerPaiement img{
    width: 22svw;
}
.containerMentions{
    width: 100svw;
    height: 10svh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #408868;
}
.mentions{
    width: 81svw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 10svh;
}
.copyright{
    font-size: 0.9svw;
    color: #F5F0E2;

}
.copyright span{
    cursor: pointer;
}

.reseaux{
    display: flex;
    align-items: center;
}
.reseaux p{
    color: #F5F0E2;
    font-size: 0.9svw;
    margin-right: 0.5svw;
}
.logoreseaux{
    display: flex;
}
.facebook{
    width: 2svw;
    height: 2svw;
    background-color: #F5F0E2;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.5svw;
}
.facebook svg{
fill: #408868;
transition: all 0.5s;
width: 0.5svw;
}
.facebook:hover{
    background-color: #26513F;
}
.facebook:hover svg{
    fill: #F5F0E2;
}
.instagram{
    width: 2svw;
    height: 2svw;
    background-color: #F5F0E2;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
}
.instagram svg{
fill: #408868;
transition: all 0.5s;
width: 1svw;
}
.instagram:hover{
    background-color: #26513F;
}
.instagram:hover svg{
    fill: #F5F0E2;
}

.containerGoutPropos{
    width: 100svw;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 6svh 0;
}
.goutPropos{
    width: 81svw;
    justify-content: space-between;
    display: flex;
    align-items: center;
    margin-bottom: 4svh;
}
.goutPropos2{
    width: 81svw;
    justify-content: space-between;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.leftGoutPropos{
    margin-right: 0;
}
.leftGoutPropos2{
    margin-right: 0;
    display: flex;
    justify-content: space-between;
    width: 33svw;
}
.leftGoutPropos2 img{
    width: 16.1svw;
    border-radius: 1svw;
    border: solid 3px #ACA490;
}
.topGoutPropos{
    width: 33svw;
    margin-bottom: 0.2svw;
    border-radius: 1svw;
    border: solid 3px #ACA490;
}
.botGoutPropos{
    display: flex;
    justify-content: space-between;
    
}
.botGoutPropos img{
    width: 16.1svw;
    border-radius: 1svw;
    border: solid 3px #ACA490;
}

.containerContact{
    width: 100svw;
    display: flex;
    justify-content: center;
    padding: 6svh 0;
}
.contact{
    width: 81svw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.titleContact{
    display: flex;
    justify-content: center;
    align-items: center;
}
.titleContact h2 {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 3svw;
    color: #26513F;
    margin-bottom: -1svh;
}
.titleContact h2 span {
    color: #A3B9A0;
}
.sousTitreContact{
    font-size:1svw ;
    color: #408868;
    margin-bottom: 3svh;
    font-weight: 500;
}
.containerFormulaire{
    width: 81svw;
    display: flex;
    justify-content: space-between;
}
.leftFormulaire{
    border: solid 2px #C8C3B5;
    border-radius: 20px 0 0 20px;
    width: 40.5svw;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3.25svw 0;
}
.leftFormulaire h3{
font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 2.5svw;
    color: #26513F;
    margin-bottom: 1svh;
}
.leftFormulaire h3 span {
    color: #ABC0A8;
}
#contactForm{
    width: 34svw;
    display: flex;
    flex-direction: column;
}
#name{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1svw;
}
#name input{
    width: 16.5svw;
    height: 7svh;
    border-radius: 5px;
    background-color: #EBE5D4;
    border: solid 2px #C8C3B5;
    color: #818181;
    font-family: montserrat;
    font-weight: 500;
    padding: 0 0 0 1svw;
    font-size: 0.9svw;
}
#name input::placeholder{
    color: #818181;
    font-family: montserrat;
    font-weight: 500;
}
#email{
    width: 100%;
    height: 7svh;
    border-radius: 5px;
    background-color: #EBE5D4;
    border: solid 2px #C8C3B5;
    color: #818181;
    font-family: montserrat;
    font-weight: 500;
    padding: 0 0 0 1svw;
    margin-bottom: 1svw;
    font-size: 0.9svw;
}
#email input::placeholder{
    color: #818181;
    font-family: montserrat;
    font-weight: 500;
}
#message{
    width: 100%;
    height: 30svh;
    border-radius: 5px;
    background-color: #EBE5D4;
    border: solid 2px #C8C3B5;
    color: #818181;
    font-family: montserrat;
    font-weight: 500;
    padding: 1svw 0 0 1svw;
    margin-bottom: 0.5svw;
    font-size: 0.9svw;
}
.form-legal{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1svw;
}
#consentement{
    width: 2svw;
    height: 2svw;
    margin-right: 0.5svw;
    border-radius: 5px;
    background-color: #EBE5D4;
    border: solid 2px #C8C3B5;
}
#idConmsetement{
    font-size: 0.7svw;
    color:#8E8876 ;
}
#idConmsetement a{
    color:#408868;
    text-decoration: none;
}
#btnEnvoyer{
    width: 100%;
    height: 8svh;
    border-radius: 5px;
    font-family: montserrat;
    font-size: 1svw;
    font-size: 0.9svw;
    font-weight: 500;
    color: #F5F0E2;
    background-color: #408868;
    cursor: pointer;
    outline: none;
    border: none;
}
#btnEnvoyer:disabled {
  background-color: #9D9D9D; /* couleur grisée quand désactivé */
  color: white;
  cursor: not-allowed;
}


.rightFormulaire{
    background-color: #ABC0A8;
    border-radius: 0 20px 20px 0;
    width: 40.5svw;
    padding: 3.25svw 0 ;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.rightFormulaire h3{
font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 2.5svw;
    color: #26513F;
    margin-bottom: 1svh;
}
.rightFormulaire h3 span {
    color: #F5F0E2;
}
.topRightFormulaire{
    width: 34svw;
}
.topRightFormulaire p{
    font-size: 0.9svw;
    color:#F5F0E2 ;
    margin-bottom: 1svw;
    font-weight: 400;
}
.topRightFormulaire p span{
    color:#2E5846 ;
    font-weight: 500;
}
.googleMap{
    width: 34svw;
    height: 42.5svh;
    border-radius: 5px;
}

.containertitleCarte{
    width: 100svw;
    display: flex;
    justify-content: center;
    padding: 6svh 0 0 0;
}

.containerCategorie{
    display: flex;
    width: 100svw;
    justify-content: center;
    margin-bottom: 3svh;
}
.categorie{
    width: 81svw;
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.categorie::-webkit-scrollbar {
  display: none;
}
.cat{
    background-color: #ABC0A8;
    border-radius: 100svw;
    display: flex;
    align-items: center;
    padding: 0.3svw 1.5svw 0.3svw 0.3svw;
    cursor: pointer;
    transition: all 0.5s;
}
.cat:hover{
    background-color: #26513F;
}
.catOn{
    background-color: #26513F;
}
.cat img{
    width: 1.3svw;
   
}
.contImgCat{
  width: 2.1svw;
  height: 2.1svw;  
  background-color: #F5F0E2;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100svw;
   margin-right: 0.75svw;
}
.cat p{
    font-size: 0.8svw;
    color: #F5F0E2;
}
.containerOffrePizza{
    width: 100svw;
    display: flex;
    justify-content: center;
}
.offrePizza{
width: 81svw;
margin-bottom: 1.2svw;
}
.containerSandwichClassic{
    width: 100svw;
    display: none;
    justify-content: center;
}
.sandClassic{
width: 81svw;
margin-bottom: 1.2svw;
}
.containerAllPlats{
    width: 100svw;
    display: flex;
    justify-content: center;
    padding-bottom: 5svh;
    
}
.plats{
    width: 81svw;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

.platPizza{
    width: 19.2svw;
    margin-bottom: 1svw;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    
}
.containerBase{
    position: absolute;
    top: 0.8svw;
    right: 1svw;
    display: flex;
    align-items: center;
}
.base{
    width: 0.5svw;
    height: 0.5svw;
    border-radius: 100svw;
    margin-right: 0.5svw;
}
.baseTomate{
    background-color: #F85858;
}
.baseCreme{
    background-color: #58A3F8;
}
.baseVege{
    background-color: #408868;
}
.textBase{
    font-family: montserrat;
    color: #A8A292;
    font-size: 1svw;
}
.infosPizza{
    border-top: solid 2px #C8C3B5;
    border-left: solid 2px #C8C3B5;
    border-right: solid 2px #C8C3B5;
    border-radius: 1svw 1svw 0 0;
    width: 19.2svw;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 47svh;
    justify-content: center;
}
.imgPizza{
    width: 11svw;
    margin-bottom: 2svh;
}
.nomPizza{
    color: #408868;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 1.8svw;
    margin-bottom: -0.5svh;
}
.ingredientsPizza{
    text-align: center;
    color: #27513E;
    font-size: 1svw;
    font-weight: 500;
}
.prixPizza{
    width: 19.2svw;
    height: 10svh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #408868;
    border-radius: 0 0 1svw 1svw;
}
.prixPizza1{
    /* padding: 0.5svw 0.5svw 0.3svw; */
    width: 5svw;
    height: 5svh;
    background-color: #F5F0E2;
    border: solid 2px #C8C3B5;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100svw;
}
.prixPizza1 p{
    font-size: 1.3svw;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    color: #408868;
    margin-bottom: -0.3svh;
}
.prixPizzaMid{
    margin: 0 1svw;
}
.interlignePizza{
    opacity: 0;
}


.platBurgers{
    width: 19.2svw;
    margin-bottom: 1svw;
    display: none;
    flex-direction: column;
    align-items: center;
    
}
.infosBurgers{
    border-top: solid 2px #C8C3B5;
    border-left: solid 2px #C8C3B5;
    border-right: solid 2px #C8C3B5;
    border-radius: 1svw 1svw 0 0;
    width: 19.2svw;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 45svh;
    justify-content: center;
}
.imgPresBurgers{
    width: 19svw;
    margin-bottom: 2svh;
}
.nomBurgers{
    color: #408868;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 1.8svw;
    margin-bottom: -0.5svh;
}
.ingredientsBurgers{
    text-align: center;
    color: #27513E;
    font-size: 0.9svw;
    font-weight: 500;
}
.ingredientsSandwich{
    text-align: center;
    color: #27513E;
    font-size: 0.9svw;
    font-weight: 500;
}
.ingredientsPaninis{
    text-align: center;
    color: #27513E;
    font-size: 0.9svw;
    font-weight: 500;
}
.ingredientsSalade{
    text-align: center;
    color: #27513E;
    font-size: 0.9svw;
    font-weight: 500;
}
.ingredientsTexMex{
    text-align: center;
    color: #27513E;
    font-size: 0.9svw;
    font-weight: 500;
}
.ingredientsDessert{
    text-align: center;
    color: #27513E;
    font-size: 0.9svw;
    font-weight: 500;
}
.ingredientsEnfant{
    text-align: center;
    color: #27513E;
    font-size: 0.9svw;
    font-weight: 500;
}
.prixBurgers{
    width: 19.2svw;
    height: 10svh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #408868;
    border-radius: 0 0 1svw 1svw;
    padding: 0 2svw;
}
.prixBurgerss{
    width: 19.2svw;
    height: 10svh;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #408868;
    border-radius: 0 0 1svw 1svw;
}
.prixBurgers1{
    font-size: 1.3svw;
    color: #F5F0E2;
    font-weight: 500;
}
.prixBurgers2{
    font-size: 2.5svw;
    color: #F5F0E2;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
}


.platPaninis{
    width: 19.2svw;
    margin-bottom: 1svw;
    display: flex;
    flex-direction: column;
    align-items: center;
    
}
.infosPaninis{
    border-top: solid 2px #C8C3B5;
    border-left: solid 2px #C8C3B5;
    border-right: solid 2px #C8C3B5;
    border-radius: 1svw 1svw 0 0;
    width: 19.2svw;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 45svh;
    justify-content: center;
}
.imgPaninis{
    width: 16svw;
    margin-bottom: 4svh;
}
.nomPaninis{
    color: #408868;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 1.8svw;
    margin-bottom: -0.5svh;
}
.ingredientsPaninis{
    text-align: center;
    color: #27513E;
    font-size: 0.9svw;
    font-weight: 500;
}
.prixPaninis{
    width: 19.2svw;
    height: 10svh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #408868;
    border-radius: 0 0 1svw 1svw;
    padding: 0 2svw;
}
.prixPaninis1{
    font-size: 1.3svw;
    color: #F5F0E2;
    font-weight: 500;
}
.prixPaninis2{
    font-size: 2.5svw;
    color: #F5F0E2;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
}


.platSalade{
    width: 19.2svw;
    margin-bottom: 1svw;
    display: flex;
    flex-direction: column;
    align-items: center;
    
}
.infosSalade{
    border-top: solid 2px #C8C3B5;
    border-left: solid 2px #C8C3B5;
    border-right: solid 2px #C8C3B5;
    border-radius: 1svw 1svw 0 0;
    width: 19.2svw;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 45svh;
    justify-content: center;
}
.imgSalade{
    width: 12svw;
    margin-bottom: 2svh;
}
.nomSalade{
    color: #408868;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 1.8svw;
    margin-bottom: -0.5svh;
}
.ingredientsSalade{
    text-align: center;
    color: #27513E;
    font-size: 0.9svw;
    font-weight: 500;
}
.prixSalade{
    width: 19.2svw;
    height: 10svh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #408868;
    border-radius: 0 0 1svw 1svw;
    padding: 0 2svw;
}
.prixSalade1{
    font-size: 1.3svw;
    color: #F5F0E2;
    font-weight: 500;
}
.prixSalade2{
    font-size: 2.5svw;
    color: #F5F0E2;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
}

.platTexMex{
    width: 19.2svw;
    margin-bottom: 1svw;
    display: flex;
    flex-direction: column;
    align-items: center;
    
}
.infosTexMex{
    border-top: solid 2px #C8C3B5;
    border-left: solid 2px #C8C3B5;
    border-right: solid 2px #C8C3B5;
    border-radius: 1svw 1svw 0 0;
    width: 19.2svw;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 45svh;
    justify-content: center;
}
.imgTexMex{
    width: 16svw;
    margin-bottom: 2svh;
}
.nomTexMex{
    color: #408868;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 1.8svw;
    margin-bottom: -0.5svh;
}
.ingredientsTexMex{
    text-align: center;
    color: #27513E;
    font-size: 0.9svw;
    font-weight: 500;
}
.prixTexMex{
    width: 19.2svw;
    height: 10svh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #408868;
    border-radius: 0 0 1svw 1svw;
    padding: 0 2svw;
}
.prixTexMex1{
    font-size: 1.3svw;
    color: #F5F0E2;
    font-weight: 500;
}
.prixTexMex2{
    font-size: 2.5svw;
    color: #F5F0E2;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
}

.platDessert{
    width: 19.2svw;
    margin-bottom: 1svw;
    display: flex;
    flex-direction: column;
    align-items: center;
    
}
.infosDessert{
    border-top: solid 2px #C8C3B5;
    border-left: solid 2px #C8C3B5;
    border-right: solid 2px #C8C3B5;
    border-radius: 1svw 1svw 0 0;
    width: 19.2svw;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 45svh;
    justify-content: center;
}
.imgDessert{
    width: 13svw;
    margin-bottom: 0svh;
}
.nomDessert{
    color: #408868;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 1.8svw;
    margin-bottom: -0.5svh;
}
.ingredientsDessert{
    text-align: center;
    color: #27513E;
    font-size: 0.9svw;
    font-weight: 500;
}
.prixDessert{
    width: 19.2svw;
    height: 10svh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #408868;
    border-radius: 0 0 1svw 1svw;
    padding: 0 2svw;
}
.prixDessert1{
    font-size: 1.3svw;
    color: #F5F0E2;
    font-weight: 500;
}
.prixDessert2{
    font-size: 2.5svw;
    color: #F5F0E2;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
}


.platEnfant{
    width: 21.2svw;
    margin-bottom: 1svw;
    display: flex;
    flex-direction: column;
    align-items: center;
    
}
.infosEnfant{
    border-top: solid 2px #C8C3B5;
    border-left: solid 2px #C8C3B5;
    border-right: solid 2px #C8C3B5;
    border-radius: 1svw 1svw 0 0;
    width: 21.2svw;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 23svw;
    justify-content: center;
}
.imgEnfant{
    width: 15svw;
    margin-bottom: 2svh;
}
.nomEnfant{
    color: #408868;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 1.8svw;
    margin-bottom: -0.5svh;
}
.ingredientsEnfant{
    text-align: center;
    color: #27513E;
    font-size: 1svw;
    font-weight: 500;
}
.prixEnfant{
    width: 21.2svw;
    height: 6svw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #408868;
    border-radius: 0 0 1svw 1svw;
    padding: 0 2svw;
}
.prixEnfant1{
    font-size: 1.3svw;
    color: #F5F0E2;
    font-weight: 500;
}
.prixEnfant2{
    font-size: 2.5svw;
    color: #F5F0E2;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
}
.platEnfantPrincipal{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 58.4svw;
}
.enfantPrincipal1{
    width: 28.66svw;
    height: 14svw;
    border: solid 2px #C8C3B5;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    display: none;

}
.enfantPrincipal1 div{
    display: flex;
    flex-direction: column;
    align-items: center;

}
.enfantPrincipal1 div img{
    width: 12svw;
}
.enfantPrincipal1 div p{
    color: #408868;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 1.5svw;
}
.enfantPrincipal{
    width: 28.66svw;
    height: 14svw;
    border: solid 2px #C8C3B5;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;

}
.enfantPrincipal div{
    display: flex;
    flex-direction: column;
    align-items: center;

}
.enfantPrincipal div img{
    width: 12svw;
}
.enfantPrincipal div p{
    color: #408868;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 1.5svw;
}
.ouMenuEnfant{
color: #408868;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 3svw;
    margin: 0 1svw 0 0;
}
.choixEnfant{
    width: 14svw;
    height: 14svw;
    border: solid 2px #C8C3B5;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.choixEnfant img{
    width: 9svw;
}
.choixEnfant p{
    color: #408868;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 1.5svw;
}


.platTacos{
    width: 26.06svw;
    margin-bottom: 2svw;
    display: flex;
    flex-direction: column;
    align-items: center;
    
}
.infosTacos{
    border-top: solid 2px #C8C3B5;
    border-left: solid 2px #C8C3B5;
    border-right: solid 2px #C8C3B5;
    border-radius: 1svw 1svw 0 0;
    width: 26.06svw;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 60svh;
    justify-content: center;
}
.imgTacos{
    width: 20svw;
    margin-bottom: 3svh;
}
.nomTacos{
    color: #408868;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 2.5svw;
    margin-bottom: -0.5svh;
}
.ingredientsTacos{
    text-align: center;
    color: #27513E;
    font-size: 1.3svw;
    font-weight: 500;
}
.prixTacos{
    width: 26.06svw;
    height: 12svh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #408868;
    border-radius: 0 0 1svw 1svw;
    padding: 0 2svw;
}
.prixTacos1{
    font-size: 1.5svw;
    color: #F5F0E2;
    font-weight: 500;
}
.prixTacos2{
    font-size: 3.2svw;
    color: #F5F0E2;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
}

.containerViandeTacos{
    width: 81svw;
    border: solid 2px #C8C3B5;
    border-radius: 20px;
    padding: 2svw 3svw;
    margin-bottom: 2svw;
    
}
.titleViandeTacos{
color: #26513F;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 2.5svw;
    margin-bottom: 1svw;
}
.titleViandeTacos span{
color: #ABC0A8;
}
.viandesTacos{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.tacosViande{
    width: 13.8svw;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tacosSauce{
    width: 8.6svw;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tacosViande img{
    width: 10svw;
}
.tacosSauce img{
    width: 8svw;
}
.tacosViande p{
    font-size: 1svw;
    color: #408868;
    font-weight: 500;
}
.tacosSauce p{
    font-size: 1svw;
    color: #408868;
    font-weight: 500;
}
.tacosViandeTop{
    margin-bottom: 2svw;
}

.platBoisson{
    width: 19.2svw;
    margin-bottom: 1svw;
    display: flex;
    flex-direction: column;
    align-items: center;
    
}
.infosBoisson{
    border-top: solid 2px #C8C3B5;
    border-left: solid 2px #C8C3B5;
    border-right: solid 2px #C8C3B5;
    border-radius: 1svw 1svw 0 0;
    width: 19.2svw;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 45svh;
    justify-content: center;
}
.imgBoisson{
    width: 16svw;
}
.nomBoisson{
    color: #408868;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 1.8svw;
    margin-bottom: -0.5svh;
}
.prixBoisson{
    width: 19.2svw;
    height: 10svh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #408868;
    border-radius: 0 0 1svw 1svw;
    padding: 0 2svw;
}
.prixBoisson1{
    font-size: 1.3svw;
    color: #F5F0E2;
    font-weight: 500;
}
.prixBoisson2{
    font-size: 2.5svw;
    color: #F5F0E2;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
}



.platSandwich{
    width: 19.2svw;
    margin-bottom: 1svw;
    display: none;
    flex-direction: column;
    align-items: center;
    
}
.infosSandwich{
    border-top: solid 2px #C8C3B5;
    border-left: solid 2px #C8C3B5;
    border-right: solid 2px #C8C3B5;
    border-radius: 1svw 1svw 0 0;
    width: 19.2svw;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 40svh;
    justify-content: center;
}
.imgSandwich{
    width: 17svw;
    margin-bottom: 2svh;
}
.nomSandwich{
    color: #408868;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 1.8svw;
    margin-bottom: -0.5svh;
}
.ingredientsSandwich{
    text-align: center;
    color: #27513E;
    font-size: 0.9svw;
    font-weight: 500;
}
.prixSandwich{
    width: 19.2svw;
    height: 10svh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #408868;
    border-radius: 0 0 1svw 1svw;
    padding: 0 2svw;
}
.prixSandwich1{
    font-size: 1.3svw;
    color: #F5F0E2;
    font-weight: 500;
}
.prixSandwich2{
    font-size: 2.5svw;
    color: #F5F0E2;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
}


.marginPlats{
    margin-right: 1.4svw;
}
.platPaninis{
    display: none;
}
.platBurgers{
    display: none;
}
.platPizza{
    display: flex;
}
.platSalade{
    display: none;
}
.platTexMex{
    display: none;
}
.platDessert{
    display: none;
}
.platEnfant{
    display: none;
}
.platTacos{
    display: none;
}
.platBoisson{
    display: none;
}
.platEnfantPrincipal{
    display: none;
}
.containerViandeTacos{
    display: none;
}


.navBurger{
    width: 100svw;
    height: 7svh;
    display: none;
    justify-content: space-between;
    padding: 0 4svw;
    background-color: #27513F;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
.logoBurger{
    height: 5svh;    
}
.iconBurgerContainer{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6svw;
}
.iconBurger{
    height: 3svh;
    position: absolute;
    transition: all 0.5s;
}
.closeIconBurger{
    height: 3svh;
    opacity: 0;
    position: absolute;
    transition: all 0.5s;
}
.containerMenuBurger{
    width: 100svw;
    height: 93svh;
    position: fixed;
    top: 7svh;
    right: -100svw;
    background-color: rgb(19 39 30 / 99%);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s;
}
.containerBurgerOn{
    display: flex;
    align-items: center;
}
.roundBurgerOn{
    width: 3svw;
    height: 3svw;
    border-radius: 100svw;
    margin-right: 2svw;
    background-color: #F5F0E2;
}
.textBurger{
    font-size: 12svw;
    color: #27513F;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    margin-bottom: 1svh;
}
.textBurgerOn{
    font-size: 12svw;
    color: #F5F0E2;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    margin-bottom: 1svh;
}
.logoreseauxBurger{
    display: flex;
    position: absolute;
    right: 5svw;
    bottom: 5svw;
}
.facebookBurger{
    width: 10svw;
    height: 10svw;
    background-color: #F5F0E2;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1svw;
}
.facebookBurger svg{
fill: #408868;
transition: all 0.5s;
width: 3svw;
}
.facebookBurger:hover{
    background-color: #26513F;
}
.facebookBurger:hover svg{
    fill: #F5F0E2;
}
.instagramBurger{
    width: 10svw;
    height: 10svw;
    background-color: #F5F0E2;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
}
.instagramBurger svg{
fill: #408868;
transition: all 0.5s;
width: 5svw;
}
.instagramBurger:hover{
    background-color: #26513F;
}
.instagramBurger:hover svg{
    fill: #F5F0E2;
}

.valideMessage{
    padding: 3svh 2svw;
    background-color: #42ad24;
    border: solid 2px #287812;
    border-radius: 0.3svw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 1000;
    bottom: 2svh;
    right: -25svw;
    transition: all 0.5s;
}
.valideMessage p{
    color: white;
    font-family: montserrat;
    font-size: 1svw;
}
.errorMessage{
    padding: 3svh 2svw;
    background-color: #a42525;
    border: solid 2px #db0606;
    border-radius: 0.3svw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 1000;
    bottom: 2svh;
    right: -30svw;
    transition: all 0.5s;
}
.errorMessage p{
    color: white;
    font-family: montserrat;
    font-size: 1svw;
}
.prixBurgerSteack{
    display: flex;
}
.prixBurgerSteack1{
    width: 5svw;
    height: 7svh;
    background-color: #F5F0E2;
    border: solid 2px #C8C3B5;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 0.5svw;
    overflow: hidden;
}
.steak1{
    width: 5svw;
    height: 2.5svh;
    background-color: #26513F;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.3svh;
}
.prixBurgerSteack1 p{
    font-size: 1.5svw;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    color: #408868;
    margin-bottom: -0.3svh;
}
.steak1 p{
    font-size: 0.9svw;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    color: #f5f0e2;
    margin-bottom: -0.3svh;
}
.prixBurgerSteack2{
    width: 5svw;
    height: 7svh;
    background-color: #F5F0E2;
    border: solid 2px #C8C3B5;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 0.5svw;
    overflow: hidden;
}
.steak2{
    width: 5svw;
    height: 2.5svh;
    background-color: #26513F;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.3svh;
}
.prixBurgerSteack2 p{
    font-size: 1.5svw;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    color: #408868;
    margin-bottom: -0.3svh;
}
.steak2 p{
    font-size: 0.9svw;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    color: #f5f0e2;
    margin-bottom: -0.3svh;
}
.prixBurgerSteack3{
    width: 5svw;
    height: 7svh;
    background-color: #F5F0E2;
    border: solid 2px #C8C3B5;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 0.5svw;
    overflow: hidden;
}
.steak3{
    width: 5svw;
    height: 2.5svh;
    background-color: #26513F;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.3svh;
}
.prixBurgerSteack3 p{
    font-size: 1.5svw;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    color: #408868;
    margin-bottom: -0.3svh;
}
.steak3 p{
    font-size: 0.9svw;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    color: #f5f0e2;
    margin-bottom: -0.3svh;
}

.cintainerActivatePrixMenu{
    display: flex;
    justify-content: center;
    width: 100svw;
    margin-bottom: 3svh;
}
.ActivatePrixMenu{
    width: 81svw;
    display: flex;
    justify-content: end;
}
.containerbtnTooglePrixMenu{
    display: flex;
    justify-content: center;
    align-items: center;
}
.btnTooglePrixMenu{
    width: 4.5svw;
    height: 2svw;
    border-radius: 100svw;
    display: flex;
    justify-content: start;
    align-items: center;
    background-color: #AFA999;
    margin-right: 1svw;
    position: relative;
    cursor: pointer;
    transition: all 0.5s;
}
.roundBtnTooglePrixMenu{
    width: 1.5svw;
    height: 1.5svw;
    background-color: #F5F0E2;
    border-radius: 100svw;
    position: absolute;
    left: 0.25svw;
    transition: all 0.5s;
}
.containerbtnTooglePrixMenu p{
    font-family: montserrat;
    color: #408868;
    font-size: 1svw;
    font-weight: 500;
}
.containerbtnTooglePrixMenu p span{
    color: #AFA999;
}