/* ===== Config : ajuste seulement ces 3 valeurs ===== */
:root{
  --vw-mobile-min: 360;     /* largeur plancher côté mobile */
  --vw-base: 1280;          /* ta maquette */
  --vw-desktop-max: 1920;   /* cap desktop large */

  --fs-1280: 16;            /* base à 1280px (px) => 1rem = 16px */
  --fs-mobile-min: 14;      /* base à ~360px (px) => réglage mobile */
  --fs-desktop-max: 22;     /* base à 1920px (px) */
}

/* 360 → 1280 : 13px → 16px (fluide + cap) */
html{
  font-size: clamp(
    calc(var(--fs-mobile-min)*1px),
    calc( (var(--fs-mobile-min)*1px) + (var(--fs-1280) - var(--fs-mobile-min)) *
          ((100vw - var(--vw-mobile-min)*1px) / (var(--vw-base) - var(--vw-mobile-min))) ),
    calc(var(--fs-1280)*1px)
  );
  font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
}

/* 1280 → 1920 : 16px → 18px (fluide + cap) */
@media (min-width: 1280px){
  html{
    font-size: clamp(
      calc(var(--fs-1280)*1px),
      calc( (var(--fs-1280)*1px) + (var(--fs-desktop-max) - var(--fs-1280)) *
            ((100vw - var(--vw-base)*1px) / (var(--vw-desktop-max) - var(--vw-base))) ),
      calc(var(--fs-desktop-max)*1px)
    );
  }
}

/** GENERAL **/
h1{
	color: #FFF;
	text-align: center;
	font-size: 3rem;
	font-style: normal;
	font-weight: 900 !important;
	line-height: 3.6rem;
	text-transform: uppercase;
}
h2{
	color: #171717;
	font-size: 3rem;
	font-style: normal;
	font-weight: 900 !important;
	line-height: 3.6rem;
	letter-spacing: -2.4px;
	text-transform: uppercase;
}
.page-id-954 h2{
	font-weight: 500 !important;
	text-transform: none !important;
}
h3{
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.8px;
	text-transform: uppercase;
}
footer h3{
	font-size: 2rem;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
	letter-spacing: -1.6px;
	text-transform: uppercase;
}
footer h4{
	font-size: 1rem !important;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

/** NAV **/
.et_pb_menu .et-menu>li:last-child {
    padding-right: 0px !important;
}
.et_pb_menu .et_pb_menu__wrap{
	-webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.btn2header{
	margin-left:1.25rem !important;
}
body.page-id-1013 #page-container .et_pb_section .et_pb_button_0_tb_header{
	background-color: #9B7423 !important;
}
body.page-id-1013 #page-container .et_pb_section .et_pb_button_1_tb_header{
	background-color: #2E2210 !important;
}
.et_pb_menu .et-menu>li {
    padding-left: 1.3rem;
    padding-right: 1.2rem;
}

/** HERO HP **/
.hero-bellevue{
  position: relative;
  min-height: 40rem;
  overflow: hidden;
}

.hero-bellevue::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 50px;
  background: #FBFBFB; /* mets la couleur du bloc suivant */
  clip-path: polygon(0 0, 65% 100%, 100% 0, 100% 100%, 0 100%);
  z-index: 2;
}
.hero-bellevue .et_parallax_bg{
	background-position: 0px -100px;
}
.pextrapad p{
	margin-bottom:1.6rem !important;
	padding-bottom:0px !important;
}
.pextrapad2 p{
	margin-bottom:0.8rem !important;
	padding-bottom:0px !important;
}

/** Section 3 HP **/
.hpfoodcourt {
  position: relative;
  min-height: 40rem;
  overflow: hidden;
}

.hpfoodcourt::before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: 45px;
  background: #FBFBFB;
  clip-path: polygon(0 100%, 17% 0, 100% 100%, 100% 0, 0 0);
  z-index: 2;
}

/** Section 4 HP **/
.hp-marquee {
  position: relative;
  overflow: hidden;
  background: #e85aa0;
  padding: 34px 0;
  clip-path: polygon(0 18%, 100% 0, 100% 82%, 0 100%);
}

/* RESET DIVI */
.hp-marquee .et_pb_row {
  width: 100%;
  max-width: 100%;
  padding: 0 !important;
}

.hp-marquee .et_pb_module {
  margin-bottom: 0 !important;
}

.hp-marquee .hp-marquee-text {
  margin-bottom: 0 !important;
}

.hp-marquee .hp-marquee-text .et_pb_text_inner {
  overflow: visible;
  white-space: nowrap;
  display: block;
  width: 100%;
}

/* TRACK */
.hp-marquee-track {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  width: max-content;
  will-change: transform;
  padding-left: 0;
  animation: hpMarqueeScroll 18s linear infinite;
}

/* ITEMS */
.hp-marquee-item {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  padding-right: 6px;
}

/* TEXTE */
.hp-marquee .hp-marquee-text,
.hp-marquee .hp-marquee-text * {
  margin: 0 !important;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -1.101px;
  text-transform: uppercase;
  color: #FBFBFB !important;
}

/* Rotation du bandeau texte, sans déformation */
.hp-marquee .hp-marquee-text .et_pb_text_inner {
  transform: rotate(359.2deg);
  transform-origin: center center;
}

/* ANIMATION */
@keyframes hpMarqueeScroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* TABLET */
@media (max-width: 980px) {
  .hp-marquee {
    padding: 26px 0;
  }

  .hp-marquee .hp-marquee-text,
  .hp-marquee .hp-marquee-text * {
    font-size: 34px;
  }

  .hp-marquee-item {
    padding-right: 45px;
  }

  .hp-marquee .hp-marquee-text .et_pb_text_inner {
    transform: rotate(-1.5deg);
  }
}

/* MOBILE */
@media (max-width: 767px) {
  .hp-marquee {
    padding: 18px 0;
    clip-path: polygon(0 12%, 100% 0, 100% 88%, 0 100%);
  }

  .hp-marquee .hp-marquee-text,
  .hp-marquee .hp-marquee-text * {
    font-size: 24px;
  }

  .hp-marquee-item {
    padding-right: 28px;
  }

  .hp-marquee .hp-marquee-text .et_pb_text_inner {
    transform: rotate(-1deg);
  }
}

/** Section 5 HP **/
.rooftophp{
  position: relative;
  min-height: 720px;
  overflow: hidden;
}

.rooftophp::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 65px;
  background: #fbfbfb; /* mets la couleur du bloc suivant */
  clip-path: polygon(0 0, 70% 100%, 100% 0, 100% 100%, 0 100%);
  z-index: 2;
}
/* COLONNE DROITE QUI CONTIENT TOUTE LA COMPOSITION */
.hp-gallery-right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 70px;
  position: relative;
  padding-top: 10px;
}

/* réglages de base des modules image */
.hp-gallery-right .gallery-img {
  margin: 0 !important;
}

.hp-gallery-right .gallery-img .et_pb_image_wrap,
.hp-gallery-right .gallery-img img {
  display: block;
  width: 100%;
  height: auto;
}

/* Image 1 : en haut à droite */
.hp-gallery-right .gallery-img-1 {
  width: 14rem;
  margin-left: 290px !important;
}

/* Image 2 : cocktails à gauche */
.hp-gallery-right .gallery-img-2 {
  width: 14rem;
  margin-left: 20px !important;
  margin-top: -82px !important;
}

/* Image 3 : salle à droite */
.hp-gallery-right .gallery-img-3 {
  width: 14rem;
  margin-left: 360px !important;
  margin-top: -280px !important;
}

/* Image 4 : sushi horizontale au centre */
.hp-gallery-right .gallery-img-4 {
  width: 22.5rem;
  margin-left: 60px !important;
  margin-top: -50px !important;
}

/* Image 5 : grande image du bas */
.hp-gallery-right .gallery-img-5 {
  width: 29.1rem;
  margin-left: 120px !important;
  margin-top: -36px !important;
}

/* sécurise les espacements internes Divi */
.hp-gallery-right .et_pb_module {
  max-width: none !important;
}

/* TABLETTE */
@media (max-width: 980px) {
  .hp-gallery-right {
    gap: 40px;
  }

  .hp-gallery-right .gallery-img-1,
  .hp-gallery-right .gallery-img-2,
  .hp-gallery-right .gallery-img-3,
  .hp-gallery-right .gallery-img-4,
  .hp-gallery-right .gallery-img-5 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
}

/* MOBILE */
@media (max-width: 767px) {
  .hp-gallery-right {
    gap: 25px;
  }
}

/** Section 7 HP **/

.sliderimages{
	position: relative;
  min-height: 34rem;
  overflow: hidden;
}
.sliderimages::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 70px;
  background: #f2f2f2; /* mets la couleur du bloc suivant */
  clip-path: polygon(0 0, 75% 100%, 100% 0, 100% 100%, 0 100%);
  z-index: 2;
}
.sliderimages.sliderbgfb::after{
	background: #fbfbfb !important;
}

/** HERO interne **/
.hero-interne{
  position: relative;
  min-height: 29.1rem;
  overflow: hidden;
}

.hero-interne::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 50px;
  background: #FBFBFB; /* mets la couleur du bloc suivant */
  clip-path: polygon(0 0, 65% 100%, 100% 0, 100% 100%, 0 100%);
  z-index: 2;
}
.hero-interne .et_parallax_bg{
	background-position: 0px 25px;
}
.page-id-1013 .hero-interne .et_parallax_bg,
.page-id-1131 .hero-interne .et_parallax_bg,
.page-id-1171 .hero-interne .et_parallax_bg,
.page-id-1193 .hero-interne .et_parallax_bg,
.page-id-1273 .hero-interne .et_parallax_bg
{
	background-position: 0px 0px !important;
    background-size: contain !important;
}

/** PAGE CONTACT **/
/* ===== RESET ===== */
.contactformv2 .wpcf7-form,
.contactformv2 .wpcf7-form p {
    margin: 0;
    padding: 0;
}

/* ===== GRID ===== */
.contactformv2 .wpcf7-form p {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 10px;
    align-items: start;
}

/* Supprime les <br> */
.contactformv2 .wpcf7-form p br {
    display: none;
}

/* ===== TEXTE OBLIGATOIRE ===== */
.contactformv2 .chobli {
    grid-column: 6 / 11;
    text-align: right;
    font-size: 0.9rem;
    color: rgba(0, 0, 0, 0.60);
}

/* ===== POSITION DES CHAMPS ===== */
.contactformv2 [data-name="nom"] {
    grid-column: 1 / 6;
}

.contactformv2 [data-name="prenom"] {
    grid-column: 6 / 11;
}

.contactformv2 [data-name="message"] {
    grid-column: 1 / 11;
}

.contactformv2 [data-name="email"] {
    grid-column: 1 / 9; /* 80% */
}

.contactformv2 .wpcf7-submit {
    grid-column: 9 / 11; /* 20% */
}

.contactformv2 .wpcf7-form-control-wrap {
    display: block;
}

/* ===== INPUTS ===== */
.contactformv2 input.wpcf7-form-control {
    width: 100%;
    padding: 0.6rem 1.44rem;
    background: #fff;
    border: none;
    border-radius: 3.48px;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: rgba(0, 0, 0, 0.60);
    outline: none;
    box-sizing: border-box;
}

.contactformv2 input::placeholder {
    color: rgba(0, 0, 0, 0.60);
}

/* ===== TEXTAREA ===== */
.contactformv2 textarea.wpcf7-form-control {
    width: 100%;
    min-height: 9.5rem;
    height: 9.5rem;
    padding: 0.8rem 1.44rem;
    background: #fff;
    border: none;
    border-radius: 3.48px;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: rgba(0, 0, 0, 0.60);
    outline: none;
    box-sizing: border-box;
    resize: none;
}

.contactformv2 textarea::placeholder {
    color: rgba(0, 0, 0, 0.60);
}

/* ===== BOUTON ===== */
.contactformv2 .wpcf7-submit {
    width: 100%;
    background: #FD9D48 !important;
    color: #fff !important;
    font-size: 1rem;
    font-weight: 500;
    border: none !important;
    border-radius: 3px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0.5rem 1rem !important;
}

.contactformv2 .wpcf7-submit:hover {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* ===== SPINNER ===== */
.contactformv2 .wpcf7-spinner,
.et_pb_button:hover:after{
    display: none;
}

/* ===== MESSAGES ===== */
.contactformv2 .wpcf7-response-output {
    margin-top: 20px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 767px) {
    .contactformv2 .wpcf7-form p {
        grid-template-columns: 1fr;
    }

    .contactformv2 .chobli,
    .contactformv2 [data-name="nom"],
    .contactformv2 [data-name="prenom"],
    .contactformv2 [data-name="message"],
    .contactformv2 [data-name="email"],
    .contactformv2 .wpcf7-submit {
        grid-column: 1 / -1;
    }

    .contactformv2 .chobli {
        text-align: left;
        font-size: 18px;
    }

    .contactformv2 input.wpcf7-form-control,
    .contactformv2 textarea.wpcf7-form-control,
    .contactformv2 .wpcf7-submit {
        font-size: 1rem;
        min-height: 40px;
        height: auto;
    }

    .contactformv2 textarea.wpcf7-form-control {
        min-height: 200px;
    }
}
/* Section principale */
.horaires {
    position: relative;
    z-index: 10;
    overflow: visible !important;
}

/* Ajout des planches via ::before */
.horaires::before {
    content: "";
    position: absolute;

    /* Positionnement (à ajuster selon ton design) */
    top: -50px;
    left: 0px;

    /* Taille de l'image */
    width: 435px;
    height: 282px;

    /* Image */
    background-image: url('/wp-content/uploads/2026/03/image-5.svg');
    background-size: contain;
    background-repeat: no-repeat;

    /* Pour être derrière le contenu */
    z-index: 1;
    pointer-events: none;
}

.horaires::after {
    content: "";
    position: absolute;

    /* Positionnement bas gauche */
    bottom: 0px;
    left: 0px;

    /* Taille */
    width: 357px;
    height: 236px;

    /* Image */
    background-image: url('/wp-content/uploads/2026/03/image-4-1.svg');
    background-size: contain;
    background-repeat: no-repeat;

    /* Derrière le contenu */
    z-index: 1;
    pointer-events: none;
}

/* Assure que le contenu passe au-dessus */
.horaires > * {
    position: relative;
    z-index: 30;
}

/* Section principale */
.leconcept {
    position: relative;
    z-index: 10;
    overflow: visible !important;
}

/* Ajout des planches via ::before */
.leconcept::before {
    content: "";
    position: absolute;

    /* Positionnement (à ajuster selon ton design) */
   	top: -33px;
    left: 3rem;
    width: 476px;
    height: 237px;

    /* Image */
    background-image: url('/wp-content/uploads/2026/03/ELEMENT-GRAPHIQUE-LBV2.png');
    background-size: contain;
    background-repeat: no-repeat;

    /* Pour être derrière le contenu */
    z-index: 1;
    pointer-events: none;
	transform: rotate(4deg);
}

.leconcept::after {
    content: "";
    position: absolute;

    /* Positionnement bas gauche */
    bottom: -52px;
    right: 0px;

    /* Taille */
    width: 457px;
    height: 222px;

    /* Image */
    background-image: url('/wp-content/uploads/2026/03/ELEMENT-GRAPHIQUE-LBV-1.png');
    background-size: contain;
    background-repeat: no-repeat;

    /* Derrière le contenu */
    z-index: 1;
    pointer-events: none;
	transform: rotate(2deg);
}

/* Assure que le contenu passe au-dessus */
.leconcept > * {
    position: relative;
    z-index: 30;
}
/* On cible UNIQUEMENT la row des boutons */
.leconcept .et_pb_row_2 .et_pb_column {
    display: flex;
    justify-content: center; /* centre horizontalement */
    align-items: center;
    gap: 20px; /* espace entre les boutons */
    flex-wrap: wrap; /* responsive */
}

/* On neutralise les styles Divi */
.leconcept .et_pb_row_2 .et_pb_button_module_wrapper {
    margin: 0;
}

/** FOOTER **/
.footerlisteliens ul{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 60px; /* espace vertical / horizontal */
  list-style: none;
  padding: 0;
  margin: 0;
}
/* Conteneur global */
.footernl .wpcf7 form p {
  display: flex;
  align-items: stretch;
  margin: 0;
}

/* Champ email */
.footernl input[type="email"] {
  flex: 1;
	width: 14.3rem;
  padding: 0.55rem 0.96rem;
  border: none;
  background: #fff;
  font-size: 0.88rem;
  color: #333;
  border-radius: 3px 0 0 3px;
  outline: none;
	font-weight:400;
}

/* Placeholder */
.footernl input[type="email"]::placeholder {
  color: #9a9a9a;
}

/* Bouton */
.footernl .wpcf7-submit {
  padding: 0.48rem 0.96rem !important;
  border: none !important;
  background-color: #64B22E !important;
  color: #ffffff;
  font-size: 0.88rem;
  font-weight: 500;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Hover bouton */
.footernl .wpcf7-submit:hover {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* Supprime les marges parasites */
.footernl .wpcf7-form-control-wrap {
  flex: 1;
}

/* Spinner CF7 */
.footernl .wpcf7-spinner {
  display: none;
}

/* =========================================
   HEADER MOBILE CUSTOM - LA BELLE VUE
   ========================================= */
@media only screen and (max-width: 980px) {

  :root {
    --lbv-header-bg: #fbfbfb;
    --lbv-panel-bg: #fbfbfb;
    --lbv-header-text: #000000;
    --lbv-side-padding: 24px;
    --lbv-header-height: 88px;
  }

  /* =========================================
     HEADER
     ========================================= */
  .et_pb_section_0_tb_header {
    background: var(--lbv-header-bg) !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    padding: 18px 0 !important;
    z-index: 10020 !important;
    overflow: visible !important;
  }

  .et_pb_section_0_tb_header .et_pb_row_0_tb_header {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 var(--lbv-side-padding) !important;
    display: grid !important;
    grid-template-columns: 60px 1fr auto;
    align-items: center !important;
    column-gap: 10px;
    position: relative;
    overflow: visible !important;
  }

  .et_pb_section_0_tb_header .et_pb_column {
    margin: 0 !important;
    width: auto !important;
  }

  /* Logo à droite */
  .et_pb_section_0_tb_header .et_pb_column_0_tb_header {
    grid-column: 3;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }

  /* Menu mobile à gauche */
  .et_pb_section_0_tb_header .et_pb_column_1_tb_header {
    grid-column: 1;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    z-index: 10031;
  }

  /* Colonne boutons : hors flux normal, intégrée au panneau */
  .et_pb_section_0_tb_header .et_pb_column_2_tb_header {
    position: fixed !important;
    top: var(--lbv-header-height);
    left: 0;
    width: 100vw !important;
    height: calc(100vh - var(--lbv-header-height));
    padding: 0 24px 95px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-end !important;
    gap: 24px;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-40px);
    transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.35s ease;
    z-index: 10011 !important;
    overflow: visible !important;
  }

  .et_pb_section_0_tb_header.lbv-menu-open .et_pb_column_2_tb_header {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  /* =========================================
     LOGO
     ========================================= */
  .et_pb_section_0_tb_header .et_pb_image_0_tb_header {
    margin: 0 !important;
    width: auto !important;
    text-align: right !important;
  }

  .et_pb_section_0_tb_header .et_pb_image_0_tb_header .et_pb_image_wrap {
    display: inline-block;
  }

  .et_pb_section_0_tb_header .et_pb_image_0_tb_header img {
    display: block;
    max-width: 270px !important;
    width: auto;
    height: auto;
    margin: 0;
  }

  /* =========================================
     MENU DESKTOP CACHÉ
     ========================================= */
  .et_pb_section_0_tb_header .et_pb_menu__menu {
    display: none !important;
  }

  .et_pb_section_0_tb_header .et_mobile_nav_menu {
    display: block !important;
    width: auto !important;
    float: none !important;
    margin: 0 !important;
  }

  .et_pb_section_0_tb_header .mobile_nav {
    padding: 0 !important;
    background: transparent !important;
    position: relative;
  }

  /* =========================================
     HAMBURGER
     ========================================= */
  .et_pb_section_0_tb_header .mobile_menu_bar {
    display: block;
    width: 40px;
    height: 32px;
    padding: 0 !important;
    position: relative;
    cursor: pointer;
  }

  .et_pb_section_0_tb_header .mobile_menu_bar:before,
  .et_pb_section_0_tb_header .mobile_menu_bar:after {
    content: "" !important;
    position: absolute;
    left: 0;
    width: 40px;
    height: 3px;
    background: #000 !important;
    transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  .et_pb_section_0_tb_header .mobile_menu_bar:before {
    top: 4px;
    box-shadow: 0 12px 0 #000, 0 24px 0 #000;
  }

  .et_pb_section_0_tb_header .mobile_menu_bar:after {
    top: 16px;
    opacity: 0;
  }

  .et_pb_section_0_tb_header.lbv-menu-open .mobile_menu_bar:before {
    top: 16px;
    transform: rotate(45deg);
    box-shadow: none;
  }

  .et_pb_section_0_tb_header.lbv-menu-open .mobile_menu_bar:after {
    top: 16px;
    opacity: 1;
    transform: rotate(-45deg);
  }

  /* =========================================
     PANNEAU NAVIGATION
     ========================================= */
  .et_pb_section_0_tb_header .et_mobile_menu {
    display: block !important;
    position: fixed !important;
    top: var(--lbv-header-height);
    left: 0;
    width: 100vw;
    height: calc(100vh - var(--lbv-header-height));
    margin: 0 !important;
    padding: 120px 24px 190px !important;
    background: #fbfbfb !important;
    border-top: none !important;
    box-shadow: none !important;
    overflow-y: auto;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-40px);
    transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.35s ease;
    z-index: 10010 !important;
  }

  .et_pb_section_0_tb_header.lbv-menu-open .et_mobile_menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  /* Liens */
  .et_pb_section_0_tb_header .et_mobile_menu li {
    border: none !important;
    padding: 0 !important;
  }

  .et_pb_section_0_tb_header .et_mobile_menu li a {
    display: block;
    border: none !important;
    padding: 0 !important;
    margin: 0 0 56px 0 !important;
    color: #000 !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    background: transparent !important;
    opacity: 1 !important;
  }

  .et_pb_section_0_tb_header .et_mobile_menu li:last-child a {
    margin-bottom: 0 !important;
  }

  /* =========================================
     BOUTONS
     ========================================= */
  .et_pb_section_0_tb_header .et_pb_button_module_wrapper {
    margin: 0 !important;
  }

  .et_pb_section_0_tb_header .et_pb_button_0_tb_header,
  .et_pb_section_0_tb_header .et_pb_button_1_tb_header {
    min-width: 150px;
    text-align: center;
    padding: 16px 26px !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
  }

  /* sécurité divi */
  .et_pb_section_0_tb_header .mobile_nav.opened .et_mobile_menu,
  .et_pb_section_0_tb_header .mobile_nav.open .et_mobile_menu {
    display: block !important;
  }

  body.lbv-mobile-menu-open {
    overflow: hidden;
  }
}
/*** MOBILE ***/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.hpfoodcourt::before{
		display:none !important;
	}
	.hero-bellevue .et_parallax_bg {
		background-position: 0px 0px;
	}
	.hero-bellevue::after{
		 clip-path: polygon(0 0, 100% 50%, 100% 0, 100% 100%, 0 100%);
	}
	.hero-interne::after{
		clip-path: polygon(0 0, 100% 45%, 100% 0, 100% 100%, 0 100%);
	}
	.page-id-1193 .hero-interne::after,
	.leconcept::after{
		display:none !important;
	}
	.leconcept::before{
		top: -26px;
        left: 0rem;
        transform: rotate(0.6deg);
        width: 400px;
	}
	 .et_pb_section_0_tb_header .et_pb_image_0_tb_header img {
		max-width: 190px !important;
		margin-left: -60px;
		margin-top: 6px;
	  }
	.page-id-1193 .hero-interne .et_parallax_bg,
	.page-id-1273 .hero-interne .et_parallax_bg,
	.page-id-1013 .hero-interne .et_parallax_bg,
	.page-id-1131 .hero-interne .et_parallax_bg{
		background-position: -417px -25px !important;
    	background-size: cover !important;
	}
	.page-id-877 .hero-interne .et_parallax_bg,
	.page-id-954 .hero-interne .et_parallax_bg{
		background-position: -350px 0px;
	}
	.horaires::after {
		bottom: -36px;
		width: 300px;
	}
}