/* =============================================================
 * style.css — Optimisé par optimize_css.py v6.7.0
 * Variables CSS extraites, propriétés factorisées
 * ============================================================= */

/* --- Reset minimal --- */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { overflow-x: hidden; }

/* --- Utilitaires accessibilité --- */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* --- FAQ --- */
.faq { padding: 40px 60px; background: #EFEDE5; }
.faq h2 { font-family: "ballers-delight"; color: #B95128; font-size: 2rem; margin-bottom: 24px; text-align: center; }
.faq dt { font-family: Montserrat; font-weight: 600; color: #B95128; margin-top: 16px; font-size: 1.05rem; }
.faq dd { font-family: Montserrat; color: #333; margin-top: 6px; line-height: 1.6; font-size: 0.95rem; }

/* --- Variables CSS (extraites automatiquement) --- */
:root {
  --font-weight-400: 400;
  --font-body: Montserrat;
  --color-efede5: #EFEDE5;
  --font-ballers-delight: "ballers-delight";
  --color-b95128: #B95128;
  --font-weight-500: 500;
  --font-size-clamp-27-43px-2-0693: clamp(27.43px, 2.0693rem + -0.2958vw, 32px);
  --line-height-32-37px: 32.37px;
  --color-light: white;
  --font-size-clamp-19-45px-0-9905: clamp(19.45px, 0.9905rem + 0.9605vw, 34.29px);
  --line-height-40-46px: 40.46px;
  --font-size-34-67px: 34.67px;
  --gap-9-63px: 9.63px;
  --font-weight-600: 600;
}

/* --- Classes optimisées --- */

/* =============================================================
 * Reset responsive minimal
 * Généré par fluidify_css.py v3.0.0
 * ============================================================= */
*, *::before, *::after {
  box-sizing: border-box;
}

/* =============================================================
 * CSS extrait du HTML par extract_styles.py v3.0.0
 * 1 bloc(s) <style> fusionné(s)
 * NE PAS MODIFIER — fichier regénéré automatiquement
 * ============================================================= */
/* Reset minimal */
    *, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.page__img {
  flex: 1 1 0;
  height: 388.26px;
  max-width: 400px;
  min-width: 250px;
  max-height: 388.26px;
  min-height: 242.66px;
  object-fit: cover;
  object-position: center;
  object-position: center;
}

.page__mentions-legales-01-1f9b {
  font-size: clamp(22px, 1.2503rem + 0.532vw, 30.22px);
  font-family: var(--font-ballers-delight);
  font-weight: var(--font-weight-400);
  word-wrap: break-word;
  color: var(--color-b95128);
}

.page__mentions-legales-01 {
  align-self: stretch;
}

.page__politique-de-eb81-dc85 {
  font-size: clamp(22px, 1.2503rem + 0.532vw, 30.22px);
  font-family: var(--font-ballers-delight);
  font-weight: var(--font-weight-400);
  word-wrap: break-word;
  color: var(--color-b95128);
}

.page__politique-de-eb81 {
  align-self: stretch;
}

.page__contact-contact-ffbc {
  font-size: clamp(25.87px, 1.43rem + 0.7974vw, 38.19px);
  font-family: var(--font-ballers-delight);
  font-weight: var(--font-weight-400);
  word-wrap: break-word;
  color: var(--color-b95128);
}

.page__contact-contact-ffbd {
  font-size: clamp(25.87px, 1.5796rem + 0.1592vw, 28.33px);
  font-family: var(--font-body);
  font-weight: var(--font-weight-400);
  word-wrap: break-word;
  color: var(--color-b95128);
}

.page__contact-contact-e6b7 {
  align-self: stretch;
  height: 83.10px;
  text-align: right;
}

.page__instagram-01-span {
  font-size: clamp(32px, 1.9061rem + 0.4006vw, 38.19px);
  font-family: var(--font-ballers-delight);
  font-weight: var(--font-weight-400);
  word-wrap: break-word;
  color: var(--color-b95128);
}

.page__instagram-01 {
  width: 363.57px;
  height: 43.44px;
  text-align: right;
}

.page__img-2 {
  width: 96.32px;
  height: 95.75px;
  object-fit: cover;
  object-position: center;
  object-position: center;
}

.page__img-3 {
  width: 800px;
  height: 280px;
  object-fit: cover;
  object-position: center;
  object-position: center;
}

.page__traiteur-diner-2c61-41ee {
  font-size: clamp(38.33px, 1.9055rem + 2.0913vw, 70.64px);
  font-family: "aviano-sans";
  font-weight: var(--font-weight-400);
  word-wrap: break-word;
  color: #EFEFE6;
}

.page__traiteur-diner-2c61 {
  width: 538.83px;
}

.page__img-4 {
  width: 100.6256%;
  height: 100.0000%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  object-fit: contain;
  object-position: center;
  object-position: center;
}

.page__creer-un-comptoir-3caf {
  font-size: clamp(40px, 2.1878rem + 1.332vw, 60.58px);
  font-family: "aviano-sans";
  font-weight: var(--font-weight-400);
  word-wrap: break-word;
  color: var(--color-b95128);
}

.page__creer-un-comptoir-8513 {
  width: 100%;
  max-width: 1055.14px;
}

.page__devor-est-ne-d-une-b8bd {
  font-size: clamp(20px, 1.1373rem + 0.4809vw, 27.43px);
  font-family: var(--font-body);
  font-weight: var(--font-weight-400);
  line-height: 38.40px;
  word-wrap: break-word;
  color: black;
}

.page__devor-est-ne-d-une-6759 {
  width: 100%;
  max-width: 682.29px;
}

.page__img-5 {
  width: 987.77px;
  height: 582.13px;
  object-fit: cover;
  object-position: center;
  object-position: center;
}

.page__img-6 {
  width: 273.03px;
  height: 353.58px;
  object-fit: cover;
  object-position: center;
  object-position: center;
}

.page__prune-01-span {
  font-size: clamp(28.56px, 1.6826rem + 0.4369vw, 35.31px);
  font-family: var(--font-body);
  font-weight: var(--font-weight-400);
  word-wrap: break-word;
  color: var(--color-efede5);
}

.page__prune-01 {
  align-self: stretch;
  height: 42.58px;
}

.page__cheffe-creative-45fa {
  font-size: clamp(16.8px, 0.9898rem + 0.257vw, 20.77px);
  font-family: var(--font-body);
  font-weight: var(--font-weight-500);
  word-wrap: break-word;
  color: var(--color-efede5);
}

.page__cheffe-creative-6358 {
  align-self: stretch;
}

.page__img-7 {
  height: 96.7144%;
  left: -13.2687%;
  right: 4.0249%;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  object-fit: cover;
  object-position: center;
  object-position: center;
}

.page__seb-01-span {
  font-size: clamp(28.56px, 1.6826rem + 0.4369vw, 35.31px);
  font-family: var(--font-body);
  font-weight: var(--font-weight-400);
  word-wrap: break-word;
  color: var(--color-efede5);
}

.page__seb-01 {
  align-self: stretch;
  height: 42.58px;
  text-align: right;
}

.page__maitrise-du-detail-de22 {
  font-size: clamp(16.8px, 0.9898rem + 0.257vw, 20.77px);
  font-family: var(--font-body);
  font-weight: var(--font-weight-500);
  word-wrap: break-word;
  color: var(--color-efede5);
}

.page__maitrise-du-detail-104f {
  align-self: stretch;
  height: 154.74px;
  text-align: right;
}

.page__qui-sommes-nous-01-44c6 {
  font-size: clamp(37.67px, 2.8724rem + -0.4317vw, 44.34px);
  font-family: var(--font-ballers-delight);
  font-weight: var(--font-weight-400);
  word-wrap: break-word;
  color: var(--color-light);
}

.page__qui-sommes-nous-01 {
  align-self: stretch;
  text-align: center;
}

.page__c-est-la-continuite-1a60 {
  font-size: 16.38px;
  font-family: var(--font-body);
  font-weight: var(--font-weight-600);
  word-wrap: break-word;
  color: var(--color-light);
}

.page__c-est-la-continuite-1a61 {
  font-size: clamp(18.01px, 1.2802rem + -0.1288vw, 20px);
  font-family: var(--font-body);
  font-weight: var(--font-weight-600);
  word-wrap: break-word;
  color: var(--color-light);
}

.page__c-est-la-continuite-1a62 {
  font-size: clamp(20px, 1.2056rem + 0.1896vw, 22.93px);
  font-family: var(--font-body);
  font-weight: var(--font-weight-600);
  word-wrap: break-word;
  color: var(--color-light);
}

.page__c-est-la-continuite-0c23 {
  align-self: stretch;
  text-align: center;
}

.page__img-8 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 107.5%;
  position: relative;
  top: -3.75%;
}

.page__img-9 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 107.5%;
  position: relative;
  top: -3.75%;
}

.page__img-10 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 107.5%;
  position: relative;
  top: -3.75%;
}

.page__img-11 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 107.5%;
  position: relative;
  top: -3.75%;
}

.page__img-12 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 107.5%;
  position: relative;
  top: -3.75%;
}

.page__img-13 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 107.5%;
  position: relative;
  top: -3.75%;
}

.page__img-14 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 107.5%;
  position: relative;
  top: -3.75%;
}

.page__img-15 {
  width: 187.71px;
  height: 127.62px;
  object-fit: cover;
  object-position: center;
  object-position: center;
}

.page__le-comptoir-1896-1346 {
  font-size: clamp(30px, 1.2975rem + 2.4641vw, 68.07px);
  font-family: var(--font-ballers-delight);
  font-weight: var(--font-weight-400);
  word-wrap: break-word;
  color: var(--color-b95128);
}

.page__le-comptoir-1896 {
  width: 737.14px;
  height: 85.71px;
  margin-left: -42.86px;
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.page__une-nouvelle-vision-d40e {
  font-size: clamp(20px, 1.0567rem + 0.8246vw, 32.74px);
  font-family: var(--font-body);
  font-weight: 700;
  line-height: 32.01px;
  word-wrap: break-word;
  color: var(--color-b95128);
}

.page__une-nouvelle-vision-d838 {
  width: 702.05px;
}

.page__nous-creons-des-c805 {
  font-size: clamp(18px, 0.9598rem + 0.7049vw, 28.89px);
  font-family: var(--font-body);
  font-weight: var(--font-weight-400);
  line-height: 28.24px;
  word-wrap: break-word;
  color: var(--color-b95128);
}

.page__nous-creons-des-9b11 {
  width: 756.94px;
}

.page__img-16 {
  width: 119.14px;
  height: 29.54px;
  object-fit: cover;
  object-position: center;
  object-position: center;
}

.page__finger-food-efcd-35c5 {
  font-size: var(--font-size-clamp-19-45px-0-9905);
  font-family: var(--font-ballers-delight);
  font-weight: var(--font-weight-400);
  line-height: var(--line-height-40-46px);
  word-wrap: break-word;
  color: var(--color-b95128);
}

.page__finger-food-efcd {
  width: 822px;
}

.page__img-17 {
  width: 119.14px;
  height: 29.54px;
  object-fit: cover;
  object-position: center;
  object-position: center;
}

.page__plats-a-partager-01-9c79 {
  font-size: var(--font-size-clamp-19-45px-0-9905);
  font-family: var(--font-ballers-delight);
  font-weight: var(--font-weight-400);
  line-height: var(--line-height-40-46px);
  word-wrap: break-word;
  color: var(--color-b95128);
}

.page__plats-a-partager-01 {
  width: 822px;
}

.page__img-18 {
  width: 119.14px;
  height: 29.54px;
  object-fit: cover;
  object-position: center;
  object-position: center;
}

.page__produits-de-saison-1547 {
  font-size: var(--font-size-clamp-19-45px-0-9905);
  font-family: var(--font-ballers-delight);
  font-weight: var(--font-weight-400);
  line-height: var(--line-height-40-46px);
  word-wrap: break-word;
  color: var(--color-b95128);
}

.page__produits-de-saison-ebc0 {
  width: 822px;
}

.page__img-19 {
  width: 119.14px;
  height: 29.54px;
  object-fit: cover;
  object-position: center;
  object-position: center;
}

.page__dressage-soigne-705f {
  font-size: var(--font-size-clamp-19-45px-0-9905);
  font-family: var(--font-ballers-delight);
  font-weight: var(--font-weight-400);
  line-height: var(--line-height-40-46px);
  word-wrap: break-word;
  color: var(--color-b95128);
}

.page__dressage-soigne-2b26 {
  width: 845.14px;
}

.page__la-regle-est-simple-d710 {
  font-size: clamp(18px, 0.9598rem + 0.7049vw, 28.89px);
  font-family: var(--font-body);
  font-weight: var(--font-weight-400);
  line-height: 28.24px;
  word-wrap: break-word;
  color: var(--color-b95128);
}

.page__la-regle-est-simple-b8e5 {
  width: 756.94px;
}

.page__img-20 {
  width: 25.9823%;
  height: 47.1338%;
  left: 1.6516%;
  top: 2.1837%;
  position: absolute;
  object-fit: cover;
  object-position: center;
  object-position: center;
}

.page__img-21 {
  width: 272.57px;
  height: 241.52px;
  object-fit: cover;
  object-position: center;
  object-position: center;
}

.page__professionnels-01-5b9e {
  font-size: clamp(44px, 2.7153rem + 0.1482vw, 46.29px);
  font-family: var(--font-ballers-delight);
  font-weight: var(--font-weight-400);
  line-height: 54.62px;
  word-wrap: break-word;
  color: var(--color-efede5);
}

.page__professionnels-01 {
  width: 321.43px;
  text-align: center;
}

.page__seminaires-01-span {
  font-size: var(--font-size-clamp-27-43px-2-0693);
  font-family: var(--font-body);
  font-weight: var(--font-weight-500);
  line-height: var(--line-height-32-37px);
  word-wrap: break-word;
  color: var(--color-efede5);
}

.page__seminaires-01 {
  align-self: stretch;
  text-align: center;
}

.page__img-22 {
  width: 71.14px;
  height: 12.22px;
  object-fit: cover;
  object-position: center;
  object-position: center;
}

.page__conferences-01-span {
  font-size: var(--font-size-clamp-27-43px-2-0693);
  font-family: var(--font-body);
  font-weight: var(--font-weight-500);
  line-height: var(--line-height-32-37px);
  word-wrap: break-word;
  color: var(--color-efede5);
}

.page__conferences-01 {
  align-self: stretch;
  text-align: center;
}

.page__img-23 {
  width: 71.14px;
  height: 12.22px;
  object-fit: cover;
  object-position: center;
  object-position: center;
}

.page__launch-opening-98cf-cb95 {
  font-size: var(--font-size-clamp-27-43px-2-0693);
  font-family: var(--font-body);
  font-weight: var(--font-weight-500);
  line-height: var(--line-height-32-37px);
  word-wrap: break-word;
  color: var(--color-efede5);
}

.page__launch-opening-98cf {
  align-self: stretch;
  text-align: center;
}

.page__img-24 {
  width: 279.43px;
  height: 247.59px;
  object-fit: cover;
  object-position: center;
  object-position: center;
}

.page__evenements-prives-b804 {
  font-size: clamp(44px, 2.7153rem + 0.1482vw, 46.29px);
  font-family: var(--font-ballers-delight);
  font-weight: var(--font-weight-400);
  line-height: 54.62px;
  word-wrap: break-word;
  color: var(--color-efede5);
}

.page__evenements-prives-01 {
  align-self: stretch;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.page__diners-intimistes-e29f {
  font-size: var(--font-size-clamp-27-43px-2-0693);
  font-family: var(--font-body);
  font-weight: var(--font-weight-500);
  line-height: var(--line-height-32-37px);
  word-wrap: break-word;
  color: var(--color-efede5);
}

.page__diners-intimistes-01 {
  align-self: stretch;
  text-align: center;
}

.page__img-25 {
  width: 107.95px;
  height: 18.54px;
  object-fit: cover;
  object-position: center;
  object-position: center;
}

.page__mariages-fetes-01-e4b1 {
  font-size: var(--font-size-clamp-27-43px-2-0693);
  font-family: var(--font-body);
  font-weight: var(--font-weight-500);
  line-height: var(--line-height-32-37px);
  word-wrap: break-word;
  color: var(--color-efede5);
}

.page__mariages-fetes-01 {
  align-self: stretch;
  text-align: center;
}

.page__img-26 {
  width: 107.95px;
  height: 18.54px;
  object-fit: cover;
  object-position: center;
  object-position: center;
}

.page__brunch-01-span {
  font-size: var(--font-size-clamp-27-43px-2-0693);
  font-family: var(--font-body);
  font-weight: var(--font-weight-500);
  line-height: var(--line-height-32-37px);
  word-wrap: break-word;
  color: var(--color-efede5);
}

.page__brunch-01 {
  align-self: stretch;
  text-align: center;
}

.page__img-27 {
  width: 107.95px;
  height: 18.54px;
  object-fit: cover;
  object-position: center;
  object-position: center;
}

.page__repas-a-l-assiette-3fdb {
  font-size: var(--font-size-clamp-27-43px-2-0693);
  font-family: var(--font-body);
  font-weight: var(--font-weight-500);
  line-height: var(--line-height-32-37px);
  word-wrap: break-word;
  color: var(--color-efede5);
}

.page__repas-a-l-assiette-0b2c {
  align-self: stretch;
  text-align: center;
}

.page__accueil-span {
  font-size: var(--font-size-34-67px);
  font-family: var(--font-ballers-delight);
  font-weight: var(--font-weight-400);
  word-wrap: break-word;
  color: var(--color-efede5);
}

.page__accueil {
  text-align: center;
}

.page__menu-03-span {
  font-size: var(--font-size-34-67px);
  font-family: var(--font-ballers-delight);
  font-weight: var(--font-weight-400);
  word-wrap: break-word;
  color: var(--color-efede5);
}

.page__menu-03 {
  opacity: 0.60;
  text-align: center;
}

.page__photos-span {
  font-size: var(--font-size-34-67px);
  font-family: var(--font-ballers-delight);
  font-weight: var(--font-weight-400);
  word-wrap: break-word;
  color: var(--color-efede5);
}

.page__photos {
  opacity: 0.60;
  text-align: center;
}

.page__contact-span {
  font-size: var(--font-size-34-67px);
  font-family: var(--font-ballers-delight);
  font-weight: var(--font-weight-400);
  word-wrap: break-word;
  color: var(--color-efede5);
}

.page__contact {
  opacity: 0.60;
  text-align: center;
}

.page__img-28 {
  width: 118.33px;
  height: 41px;
  object-fit: cover;
  object-position: center;
  object-position: center;
}

.page__texte-gauche-01 {
  flex: 1 1 0;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 43.44px;
}

.page__contenue-2-02 {
  width: 58.5417%;
  height: 59.4612%;
  left: 0.0000%;
  top: 15.2035%;
  position: absolute;
  z-index: 1;
  overflow: hidden;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 77.14px;
  padding-left: 60px;
  padding-right: 60px;
}

.page__bloc-texte-01 {
  width: 100%;
  height: 156.01px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10.38px;
}

.page__bloc-texte-04 {
  width: 100%;
  height: 156.01px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10.38px;
}

.page__bloc-ardoise-01 {
  width: 100%;
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.page__menu-droite-03 {
  width: 654px;
  height: 55px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50);
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 63px;
  padding: 30px 10px;
}

.page__insta-01 {
  width: 100%;
  align-self: stretch;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
}

.page__contenue-01 {
  width: 100%;
  height: 31.8254%;
  left: 0.0000%;
  top: 34.0873%;
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 187.71px;
}

.page__image-droite-01 {
  width: 35.7141%;
  height: 63.3258%;
  left: 62.3661%;
  top: 21.4333%;
  position: absolute;
  z-index: 2;
  background-color: transparent;
}

.page__photo-01 {
  width: 35.2703%;
  height: 66.1662%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: -14.8511%;
  position: absolute;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.page__illus-prune-01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4.88px 5.85px;
}

.page__illus-seb-01 {
  width: 284.73px;
  height: 363.71px;
  position: relative;
}

.page__carroussel-vh-50 {
  width: 100%;
  height: 11.2129%;
  left: 0.0000%;
  top: 65.0084%;
  position: absolute;
  z-index: 4;
  overflow: hidden;
}

.page__titre-01 {
  width: 927.43px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}

.page__bullet-1-01 {
  width: 100%;
  align-self: stretch;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-9-63px);
}

.page__bullet-2-01 {
  width: 100%;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-9-63px);
}

.page__bullet-3-01 {
  width: 100%;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-9-63px);
}

.page__bullet-4-01 {
  width: 100%;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-9-63px);
}

.page__titre-picto-01 {
  width: 100%;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 11.72px;
}

.page__bullet-01 {
  width: 100%;
  height: 428.57px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 21.43px;
  padding: 34.29px 0;
}

.page__titre-picto-04 {
  width: 100%;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8.57px;
}

.page__bullet-04 {
  width: 100%;
  height: 428.57px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 21.43px;
  padding: 34.29px 0;
}

.page__bloc-gauche-01 {
  flex: 1 1 0;
  align-self: stretch;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.page__bloc-bas-01 {
  width: 63.3750%;
  height: 35.7399%;
  left: 18.3125%;
  top: 66.2662%;
  position: absolute;
  z-index: 2;
  overflow: hidden;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.page__menu-droite-01 {
  width: 36px;
  height: 44px;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  gap: 28px;
}

.page__texte-01 {
  flex: 1 1 0;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}

.page__container-1-hero-vh-59ef {
  width: 100%;
  height: 16.4418%;
  left: 0.0000%;
  top: 0.9344%;
  position: absolute;
  z-index: 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-image: url(./assets/img/image-39.png);
}

.page__container-2-vh-100 {
  width: 100%;
  height: 16.4418%;
  left: 0.0000%;
  top: 16.5016%;
  position: absolute;
  z-index: 2;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(./assets/img/image-41.png);
}

.page__bloc-image-prune-01 {
  width: 321.78px;
  align-self: stretch;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}

.page__bloc-image-seb-01 {
  width: 321.78px;
  align-self: stretch;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}

.page__bloc-bullet-point-01 {
  width: 950.57px;
  height: 207.43px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15.43px;
}

.page__bloc-gauche-04 {
  flex: 1 1 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 60px 0;
}

.page__bloc-droit-04 {
  flex: 1 1 0;
  position: relative;
  z-index: 2;
  overflow: hidden;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 60px 0;
}

.page__texte-04 {
  width: 100%;
  height: 52px;
  flex-grow: 1;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 10px;
  padding-right: 10px;
}

.page__bloc-droit-01 {
  flex: 1 1 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-left: 41.55px;
  padding-right: 41.55px;
}

.page__bloc-haut-01 {
  width: 100%;
  height: 68.2723%;
  left: 0.0000%;
  top: -2.0061%;
  position: absolute;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 954.62px;
  padding: 37.05px 0;
}

.page__bloc-complet-01 {
  width: 91.0714%;
  height: 82.6947%;
  left: 4.4641%;
  top: 5.4500%;
  position: absolute;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 38.57px;
}

.page__container-5-vh-100 {
  width: 100%;
  height: 17.6042%;
  left: 0.0000%;
  top: 75.6494%;
  position: absolute;
  z-index: 6;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(./assets/img/image-60.png);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-left: 188.57px;
  padding-right: 188.57px;
}

.page__menu-active-accueil-5281 {
  width: 100%;
  height: 52px;
  align-self: stretch;
  background: #B95128;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50);
  overflow: hidden;
  border-bottom: 1px black solid;
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.page__footer-vh-25 {
  width: 100%;
  height: 8.5965%;
  left: 0.0000%;
  bottom: 0.0000%;
  position: absolute;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(./assets/img/image-36.png);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.page__container-3-vh-100 {
  width: 100%;
  height: 16.4418%;
  left: 0.0000%;
  top: 32.1248%;
  position: absolute;
  z-index: 3;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(./assets/img/image-43.png);
}

.page__container-4-vh-100 {
  width: 100%;
  height: 17.5668%;
  left: 0.0000%;
  top: 48.0284%;
  position: absolute;
  z-index: 5;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(./assets/img/image-54.png);
}

.page__menu-01 {
  width: 100%;
  height: 0.9718%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 0.9344%;
  position: absolute;
  z-index: 7;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}

.page__desktop {
  width: 100%;
  height: 5351px;
  position: relative;
  overflow: hidden;
}

/* --- Blocs @media (responsive) --- */

@media (max-width: 1024px) {
  .page__desktop {
    height: 5484px;
    overflow: hidden;
  }
  .page__img {
    height: 133.47px;
    min-width: 100px;
    min-height: 97.07px;
  }
  .page__contact-contact-e6b7 {
    width: 312px;
    height: 57px;
  }
  .page__instagram-01 {
    width: 246.22px;
    height: 29.42px;
  }
  .page__img-2 {
    width: 65.23px;
    height: 64.84px;
  }
  .page__img-3 {
    width: 581.06px;
    height: 203.21px;
  }
  .page__traiteur-diner-2c61 {
    width: 507.27px;
    text-align: center;
  }
  .page__img-4 {
    width: 100.6251%;
  }
  .page__creer-un-comptoir-8513 {
    align-self: stretch;
    text-align: center;
    width: auto;
  }
  .page__devor-est-ne-d-une-b8bd {
    line-height: 36.40px;
  }
  .page__devor-est-ne-d-une-6759 {
    align-self: stretch;
    text-align: center;
    width: auto;
  }
  .page__img-5 {
    width: 530.05px;
    height: 312.38px;
  }
  .page__img-6 {
    width: 212.76px;
    height: 275.53px;
  }
  .page__prune-01 {
    height: 33.18px;
  }
  .page__img-7 {
    height: 96.7151%;
    left: -13.2684%;
    right: 4.0247%;
  }
  .page__seb-01 {
    height: 33.18px;
  }
  .page__maitrise-du-detail-104f {
    height: 120.58px;
  }
  .page__c-est-la-continuite-1a61 {
    align-self: stretch;
    text-align: center;
    font-weight: normal;
    color: inherit;
  }
  .page__img-8 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 107.5%;
  position: relative;
  top: -3.75%;
}
  .page__img-9 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 107.5%;
  position: relative;
  top: -3.75%;
}
  .page__img-10 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 107.5%;
  position: relative;
  top: -3.75%;
}
  .page__img-11 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 107.5%;
  position: relative;
  top: -3.75%;
}
  .page__img-12 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 107.5%;
  position: relative;
  top: -3.75%;
}
  .page__img-13 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 107.5%;
  position: relative;
  top: -3.75%;
}
  .page__img-14 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 107.5%;
  position: relative;
  top: -3.75%;
}
  .page__img-15 {
    width: 130.91px;
    height: 89px;
  }
  .page__le-comptoir-1896 {
    width: 514.09px;
    height: 59.78px;
    margin-left: -29.89px;
  }
  .page__une-nouvelle-vision-d40e {
    line-height: 27.43px;
  }
  .page__une-nouvelle-vision-d838 {
    align-self: stretch;
    text-align: center;
    width: auto;
  }
  .page__nous-creons-des-c805 {
    line-height: 21.51px;
  }
  .page__nous-creons-des-9b11 {
    align-self: stretch;
    text-align: center;
    width: auto;
  }
  .page__img-16 {
    width: 114px;
    height: 28.26px;
  }
  .page__finger-food-efcd-35c5 {
    line-height: 38.71px;
  }
  .page__finger-food-efcd {
    width: 786.55px;
    text-align: center;
  }
  .page__img-17 {
    width: 114px;
    height: 28.26px;
  }
  .page__plats-a-partager-01-9c79 {
    line-height: 38.71px;
  }
  .page__plats-a-partager-01 {
    width: 786.55px;
    text-align: center;
  }
  .page__img-18 {
    width: 114px;
    height: 28.26px;
  }
  .page__produits-de-saison-1547 {
    line-height: 38.71px;
  }
  .page__produits-de-saison-ebc0 {
    width: 786.55px;
    text-align: center;
  }
  .page__img-19 {
    width: 114px;
    height: 28.26px;
  }
  .page__dressage-soigne-705f {
    line-height: 38.71px;
  }
  .page__dressage-soigne-2b26 {
    width: 558.25px;
    text-align: center;
  }
  .page__la-regle-est-simple-d710 {
    line-height: 21.51px;
  }
  .page__la-regle-est-simple-b8e5 {
    align-self: stretch;
    text-align: center;
    width: auto;
  }
  .page__img-20 {
    width: 37.3750%;
    height: 25.9766%;
    left: 2.1250%;
    top: -1.6602%;
  }
  .page__img-21 {
    width: 194.24px;
    height: 172.12px;
  }
  .page__professionnels-01-5b9e {
    line-height: 38.92px;
  }
  .page__professionnels-01 {
    width: 229.06px;
  }
  .page__seminaires-01-span {
    line-height: 28.32px;
  }
  .page__img-22 {
    width: 76.93px;
    height: 13.21px;
  }
  .page__conferences-01-span {
    line-height: 28.32px;
  }
  .page__img-23 {
    width: 76.93px;
    height: 13.21px;
  }
  .page__launch-opening-98cf-cb95 {
    line-height: 28.32px;
  }
  .page__img-24 {
    width: 199.13px;
    height: 176.45px;
  }
  .page__evenements-prives-b804 {
    line-height: 38.92px;
  }
  .page__diners-intimistes-e29f {
    line-height: 28.32px;
  }
  .page__img-25 {
    width: 76.93px;
    height: 13.21px;
  }
  .page__mariages-fetes-01-e4b1 {
    line-height: 28.32px;
  }
  .page__brunch-01-span {
    line-height: 28.32px;
  }
  .page__repas-a-l-assiette-3fdb {
    line-height: 28.32px;
  }
  .page__menu-03-span {
    width: 100%;
    height: 0.9482%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 0.0000%;
    position: absolute;
    z-index: 7;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    font-size: inherit;
    font-weight: normal;
    color: inherit;
  }
  .page__texte-gauche-01 {
    gap: 35px;
  }
  .page__contenue-2-02 {
    width: 100%;
    padding-left: 32.20px;
    padding-right: 32.20px;
    flex-grow: 1;
    align-items: center;
    gap: 41.40px;
    height: auto;
    left: auto;
    top: auto;
    position: static;
    z-index: auto;
  }
  .page__bloc-texte-01 {
    height: 121.58px;
    gap: 8.09px;
  }
  .page__bloc-texte-04 {
    height: 121.58px;
    gap: 8.09px;
  }
  .page__bloc-ardoise-01 {
    width: 652.95px;
    gap: 24px;
  }
  .page__insta-01 {
    height: 58px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .page__contenue-01 {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 78.21px;
    height: auto;
    left: auto;
    top: auto;
    position: static;
  }
  .page__image-droite-01 {
    width: 45.9950%;
    height: 29.1963%;
    left: 8.3750%;
    top: -2.3438%;
    z-index: 1;
  }
  .page__photo-01 {
    width: 45.4237%;
    height: 30.5059%;
    top: -15.2344%;
    display: flex;
  }
  .page__illus-prune-01 {
    padding-left: 4.56px;
    padding-right: 4.56px;
    padding-top: 3.80px;
    padding-bottom: 3.80px;
  }
  .page__illus-seb-01 {
    width: 221.88px;
    height: 283.42px;
  }
  .page__carroussel-vh-50 {
    height: 6.1816%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 72.1189%;
  }
  .page__titre-01 {
    width: 100%;
    align-self: stretch;
  }
  .page__bullet-1-01 {
    width: 807px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 9.21px;
  }
  .page__bullet-2-01 {
    width: 807px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 9.21px;
  }
  .page__bullet-3-01 {
    width: 807px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 9.21px;
  }
  .page__bullet-4-01 {
    width: 807px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 9.21px;
  }
  .page__titre-picto-01 {
    gap: 8.35px;
    width: auto;
  }
  .page__bullet-01 {
    height: 305.42px;
    padding-top: 24.43px;
    padding-bottom: 24.43px;
    gap: 15.27px;
    width: auto;
  }
  .page__titre-picto-04 {
    gap: 6.11px;
    width: auto;
  }
  .page__bullet-04 {
    height: 305.42px;
    padding-top: 24.43px;
    padding-bottom: 24.43px;
    gap: 15.27px;
    width: auto;
  }
  .page__bloc-bas-01 {
    width: 100%;
    height: 385px;
    align-self: stretch;
    position: relative;
    display: flex;
    left: auto;
    top: auto;
  }
  .page__texte-01 {
    gap: 35px;
  }
  .page__container-1-hero-vh-59ef {
    height: 18.6725%;
    padding-top: 178px;
    padding-bottom: 178px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 0.9117%;
    background-image: url(./assets/img/image-74.png);
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  .page__container-2-vh-100 {
    height: 18.6725%;
    padding-top: 72px;
    padding-bottom: 72px;
    top: 18.4354%;
    background-image: url(./assets/img/image-76.png);
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
  }
  .page__bloc-image-prune-01 {
    width: 250.75px;
  }
  .page__bloc-image-seb-01 {
    width: 250.75px;
  }
  .page__bloc-bullet-point-01 {
    width: 100%;
    height: 432px;
    align-self: stretch;
    justify-content: center;
    align-items: center;
    gap: 28px;
  }
  .page__bloc-gauche-04 {
    width: 396.83px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 42.76px;
    padding-bottom: 42.76px;
  }
  .page__bloc-droit-04 {
    width: 396.83px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 42.76px;
    padding-bottom: 42.76px;
  }
  .page__bloc-haut-01 {
    height: 629px;
    padding-top: 19.88px;
    padding-bottom: 19.88px;
    align-self: stretch;
    position: relative;
    gap: 134px;
    left: auto;
    top: auto;
  }
  .page__bloc-complet-01 {
    align-self: stretch;
    height: 936px;
    display: flex;
    gap: 51px;
    width: auto;
    left: auto;
    top: auto;
    position: static;
  }
  .page__container-5-vh-100 {
    height: 18.6725%;
    padding-left: 101.19px;
    padding-right: 101.19px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 77.4435%;
    background-image: url(./assets/img/image-95.png);
  }
  .page__footer-vh-25 {
    height: 4.5587%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-image: url(./assets/img/image-71.png);
  }
  .page__container-3-vh-100 {
    height: 18.6725%;
    top: 35.6127%;
    background-image: url(./assets/img/image-78.png);
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  .page__container-4-vh-100 {
    width: 100.3750%;
    height: 18.6725%;
    padding-left: 46px;
    padding-right: 46px;
    padding-top: 27px;
    padding-bottom: 27px;
    top: 54.1575%;
    background-image: url(./assets/img/image-89.png);
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
  }
}

@media (max-width: 767px) {
  .page__desktop {
    height: 7802px;
    overflow: hidden;
  }
  .page__img {
    width: 100%;
    height: 286.34px;
    min-width: 100px;
    min-height: 97.07px;
    align-self: stretch;
  }
  .page__mentions-legales-01 {
    text-align: center;
  }
  .page__politique-de-eb81 {
    text-align: center;
  }
  .page__contact-contact-e6b7 {
    width: 312px;
    height: 57px;
    text-align: center;
  }
  .page__instagram-01 {
    width: 246.22px;
    height: 29.42px;
    text-align: center;
  }
  .page__img-2 {
    width: 235px;
    height: 234px;
  }
  .page__img-3 {
    width: 100%;
    height: 117px;
  }
  .page__traiteur-diner-2c61 {
    align-self: stretch;
    text-align: center;
    width: auto;
  }
  .page__img-4 {
    width: 100%;
  }
  .page__creer-un-comptoir-3caf {
    line-height: 37.60px;
  }
  .page__creer-un-comptoir-8513 {
    align-self: stretch;
    text-align: center;
    width: auto;
  }
  .page__devor-est-ne-d-une-b8bd {
    line-height: 28px;
  }
  .page__devor-est-ne-d-une-6759 {
    align-self: stretch;
    text-align: center;
    width: auto;
  }
  .page__img-5 {
    width: 371px;
    height: 219px;
  }
  .page__img-6 {
    width: 100%;
    height: 239.02px;
  }
  .page__prune-01 {
    height: 34.44px;
    text-align: center;
  }
  .page__cheffe-creative-6358 {
    text-align: center;
  }
  .page__img-7 {
    height: 99.5164%;
    left: -3.1975%;
    right: -2.4036%;
  }
  .page__seb-01 {
    height: 34.44px;
    text-align: center;
  }
  .page__maitrise-du-detail-104f {
    height: 125.15px;
    text-align: center;
  }
  .page__c-est-la-continuite-1a60 {
    line-height: 18.50px;
  }
  .page__c-est-la-continuite-1a61 {
    line-height: 19.73px;
  }
  .page__c-est-la-continuite-1a62 {
    line-height: 24.66px;
  }
  .page__c-est-la-continuite-0c23 {
    justify-content: center;
    display: flex;
    flex-direction: column;
  }
  .page__img-8 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 107.5%;
  position: relative;
  top: -3.75%;
}
  .page__img-9 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 107.5%;
  position: relative;
  top: -3.75%;
}
  .page__img-10 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 107.5%;
  position: relative;
  top: -3.75%;
}
  .page__img-11 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 107.5%;
  position: relative;
  top: -3.75%;
}
  .page__img-12 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 107.5%;
  position: relative;
  top: -3.75%;
}
  .page__img-13 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 107.5%;
  position: relative;
  top: -3.75%;
}
  .page__img-14 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 107.5%;
  position: relative;
  top: -3.75%;
}
  .page__img-15 {
    width: 119px;
    height: 81px;
  }
  .page__le-comptoir-1896-1346 {
    line-height: 18px;
  }
  .page__le-comptoir-1896 {
    align-self: stretch;
    margin-top: -22px;
    text-align: center;
    width: auto;
    height: auto;
    justify-content: flex-start;
    display: block;
    flex-direction: column;
  }
  .page__une-nouvelle-vision-d40e {
    line-height: 19.55px;
  }
  .page__une-nouvelle-vision-d838 {
    align-self: stretch;
    text-align: center;
    width: auto;
  }
  .page__nous-creons-des-c805 {
    line-height: 17.60px;
  }
  .page__nous-creons-des-9b11 {
    align-self: stretch;
    text-align: center;
    width: auto;
  }
  .page__finger-food-efcd-35c5 {
    line-height: 22.95px;
  }
  .page__finger-food-efcd {
    width: 373px;
    text-align: center;
  }
  .page__plats-a-partager-01-9c79 {
    line-height: 22.95px;
  }
  .page__plats-a-partager-01 {
    width: 373px;
    text-align: center;
  }
  .page__produits-de-saison-1547 {
    line-height: 22.95px;
  }
  .page__produits-de-saison-ebc0 {
    width: 373px;
    text-align: center;
  }
  .page__dressage-soigne-705f {
    line-height: 22.95px;
  }
  .page__dressage-soigne-2b26 {
    width: 373px;
    text-align: center;
  }
  .page__la-regle-est-simple-d710 {
    line-height: 17.60px;
  }
  .page__la-regle-est-simple-b8e5 {
    align-self: stretch;
    text-align: center;
    width: auto;
  }
  .page__img-20 {
    width: 128.5333%;
    height: 21.4500%;
    left: -35.6000%;
    top: -6.3500%;
    z-index: 2;
  }
  .page__img-21 {
    width: 237px;
    height: 210px;
  }
  .page__professionnels-01-5b9e {
    line-height: 51.92px;
  }
  .page__professionnels-01 {
    width: 375px;
  }
  .page__seminaires-01-span {
    line-height: 37.76px;
  }
  .page__img-22 {
    width: 82.99px;
    height: 14.25px;
  }
  .page__conferences-01-span {
    line-height: 37.76px;
  }
  .page__img-23 {
    width: 82.99px;
    height: 14.25px;
  }
  .page__launch-opening-98cf-cb95 {
    line-height: 37.76px;
  }
  .page__img-24 {
    width: 237px;
    height: 210px;
  }
  .page__evenements-prives-b804 {
    line-height: 51.92px;
  }
  .page__diners-intimistes-e29f {
    line-height: 37.76px;
  }
  .page__img-25 {
    width: 125.94px;
    height: 21.63px;
  }
  .page__mariages-fetes-01-e4b1 {
    line-height: 37.76px;
  }
  .page__img-26 {
    width: 125.94px;
    height: 21.63px;
  }
  .page__brunch-01-span {
    line-height: 37.76px;
  }
  .page__img-27 {
    width: 125.94px;
    height: 21.63px;
  }
  .page__repas-a-l-assiette-3fdb {
    line-height: 37.76px;
  }
  .page__menu-03-span {
    width: 100%;
    height: 0.6665%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 0.0000%;
    position: absolute;
    z-index: 7;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: inherit;
    font-weight: normal;
    color: inherit;
  }
  .page__texte-gauche-01 {
    align-self: stretch;
    display: flex;
    gap: 50px;
  }
  .page__contenue-2-02 {
    width: 100%;
    height: 80.0000%;
    padding: 10px;
    top: 0.0000%;
    align-items: center;
    gap: 75px;
    padding-left: 0;
    padding-right: 0;
  }
  .page__bloc-texte-01 {
    padding-left: 20px;
    padding-right: 20px;
    justify-content: center;
    align-items: center;
    gap: 8.40px;
    width: auto;
    height: auto;
  }
  .page__bloc-texte-04 {
    padding-left: 20px;
    padding-right: 20px;
    gap: 8.40px;
    height: auto;
  }
  .page__bloc-ardoise-01 {
    height: 564px;
    padding-left: 20px;
    padding-right: 20px;
    align-self: stretch;
    justify-content: flex-end;
    gap: 0;
  }
  .page__insta-01 {
    height: 337px;
    padding-top: 24px;
    padding-bottom: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .page__contenue-01 {
    width: 89.3333%;
    height: 79.2500%;
    left: 5.3333%;
    top: 10.3750%;
    flex-direction: column;
    gap: 75px;
  }
  .page__image-droite-01 {
    width: 73.8667%;
    height: 22.4000%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    overflow: visible;
  }
  .page__photo-01 {
    width: 78.1333%;
    height: 11.0886%;
    left: 10.9333%;
    top: -4.9620%;
    justify-content: flex-start;
    right: auto;
  }
  .page__illus-prune-01 {
    width: 182.64px;
    height: 219.17px;
    padding-top: 7.34px;
    padding-bottom: 7.34px;
    padding-left: 0;
    padding-right: 0;
  }
  .page__illus-seb-01 {
    width: 182.64px;
    height: 219.17px;
  }
  .page__carroussel-vh-50 {
    height: 6.6507%;
    top: 56.7162%;
  }
  .page__titre-01 {
    width: 371px;
    height: 132px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    flex-direction: column;
  }
  .page__bullet-1-01 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6.48px;
  }
  .page__bullet-2-01 {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6.48px;
  }
  .page__bullet-3-01 {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6.48px;
  }
  .page__bullet-4-01 {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6.48px;
  }
  .page__titre-picto-01 {
    height: 350px;
    gap: 13.67px;
  }
  .page__bullet-01 {
    height: 350px;
    padding-top: 40px;
    padding-bottom: 40px;
    gap: 25px;
  }
  .page__titre-picto-04 {
    height: 350px;
    gap: 10px;
  }
  .page__bullet-04 {
    height: 500px;
    padding-top: 40px;
    padding-bottom: 40px;
    justify-content: flex-start;
    gap: 25px;
  }
  .page__bloc-gauche-01 {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .page__bloc-bas-01 {
    width: 100%;
    height: 29.3671%;
    left: 0.0000%;
    top: 64.8101%;
    justify-content: center;
    overflow: visible;
  }
  .page__texte-01 {
    align-self: stretch;
    display: flex;
    gap: 50px;
  }
  .page__container-1-hero-vh-59ef {
    height: 10.2538%;
    top: 0.6409%;
    background-image: url(./assets/img/image-4.png);
  }
  .page__container-2-vh-100 {
    height: 12.8172%;
    top: 10.8946%;
    background-image: url(./assets/img/image-6.png);
    overflow: visible;
  }
  .page__bloc-image-prune-01 {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8.40px;
  }
  .page__bloc-image-seb-01 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8.40px;
  }
  .page__bloc-bullet-point-01 {
    width: 372px;
    justify-content: center;
    align-items: center;
    gap: 11.67px;
    height: auto;
  }
  .page__bloc-gauche-04 {
    width: 100%;
    height: 35.0000%;
    left: 0.0000%;
    top: 12.2000%;
    position: absolute;
    padding-top: 0;
    padding-bottom: 0;
    z-index: auto;
  }
  .page__bloc-droit-04 {
    width: 100%;
    height: 42.5000%;
    left: 0.0000%;
    top: 49.2000%;
    position: absolute;
    z-index: 1;
    justify-content: flex-start;
    padding-top: 0;
    padding-bottom: 0;
  }
  .page__bloc-droit-01 {
    width: 100%;
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
  }
  .page__bloc-haut-01 {
    height: 38.8861%;
    top: 19.4430%;
    flex-direction: column;
    justify-content: flex-end;
    gap: 80px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .page__bloc-complet-01 {
    width: 100%;
    height: 67.6087%;
    padding-left: 10px;
    padding-right: 10px;
    left: 0.0000%;
    top: 8.9130%;
    align-items: center;
    gap: 20px;
  }
  .page__container-5-vh-100 {
    height: 25.6345%;
    top: 62.6122%;
    background-image: url(./assets/img/image-25.png);
    padding-left: 0;
    padding-right: 0;
    display: block;
    justify-content: flex-start;
    align-items: stretch;
  }
  .page__footer-vh-25 {
    height: 12.8172%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-image: url(./assets/img/image-1.png);
    flex-direction: column;
  }
  .page__container-3-vh-100 {
    height: 25.3140%;
    top: 21.1484%;
    background-image: url(./assets/img/image-8.png);
  }
  .page__container-4-vh-100 {
    height: 11.7918%;
    top: 45.6421%;
    background-image: url(./assets/img/image-19.png);
  }
}

@media (max-width: 1024px) {
      body {
        max-width: 800px;
        overflow-x: hidden;
        margin: 0 auto;
      }
    }

@media (max-width: 767px) {
      body {
        max-width: 100%;
        overflow-x: hidden;
        margin: 0 auto;
      }
    }

.marquee-track {
  display: flex;
  width: max-content;
  height: 100%;
  animation: scrollHorizontal 30s linear infinite;
}
.marquee-track picture { display: block;
  flex: 0 0 25.1833vw;
  height: 100%;
}
@keyframes scrollHorizontal {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-7 * 25.1833vw)); }
}

/* --- CORRECTIONS RESPONSIVES TABLETTE GESTION ALIGNEMENTS --- */
@media (min-width: 768px) and (max-width: 1300px) {
  /* Aligner la brush stroke et le texte des bullets à 1024px et moins */
  .page__bullet-1-01, .page__bullet-2-01, .page__bullet-3-01, .page__bullet-4-01 {
    width: 100% !important;
    max-width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  .page__bloc-bullet-point-01 {
    align-items: center !important;
  }
  
  .page__bullet-1-01 p, .page__bullet-2-01 p, .page__bullet-3-01 p, .page__bullet-4-01 p {
    text-align: center !important;
    width: 100% !important;
    display: flex;
    justify-content: center;
  }
  
  .page__bullet-1-01 picture, .page__bullet-2-01 picture, .page__bullet-3-01 picture, .page__bullet-4-01 picture {
    display: flex;
    justify-content: center;
    width: auto !important;
  }

  /* Footer : éviter au logo Devor d'être étiré */
  .page__footer-vh-25 .page__img {
    object-fit: contain !important;
    flex: 0 1 auto !important; 
    max-width: 30% !important;
    min-width: 150px !important;
  }
  
  /* Footer : Container global pour éviter les coupures */
  .page__footer-vh-25 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 2vw !important;
  }
  
  .page__texte-gauche-01, .page__bloc-droit-01 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 30% !important;
  }
}

/* --- CORRECTIONS RESPONSIVES SMARTPHONE (BUGS DE CHEVAUCHEMENT) --- */
@media (max-width: 767px) {
  /* On force le wrapper principal a devenir flex pour un vrai web responsive */
  .page__desktop {
     display: flex !important;
     flex-direction: column !important;
     height: auto !important; /* Retirer la hauteur géante de 7800px */
     position: relative !important;
  }
  /* Cacher le footer original qui flotte en haut (il y a un composant footer en bas normalement ?) 
     Wait, the menu is page__menu-01. The actual footer is page__footer-vh-25. Let's let them be flow perfectly. */
  .page__footer-vh-25 {
     position: relative !important;
     top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important;
     height: auto !important;
     order: 100 !important; /* Put footer at bottom */
     padding-top: 40px !important;
     padding-bottom: 40px !important;
  }

  /* 1. Menu Top */
  .page__menu-01 {
    position: relative !important; 
    top: 0 !important; left: 0 !important; right: auto !important; bottom: auto !important;
    width: 100% !important;
    height: 80px !important; 
    z-index: 1000 !important; 
    background: #B95128 !important;
    display: flex !important; 
    justify-content: center !important; 
    align-items: center !important;
    margin: 0 !important;
    order: 1 !important;
  }
  .page__menu-active-accueil-5281 {
    width: 100% !important; 
    height: 100% !important; 
    display: flex !important;
    justify-content: space-evenly !important; 
    align-items: center !important;
    background: none !important; 
    position: static !important;
  }
  .page__texte-04, .page__menu-droite-03, .page__menu-droite-01 { 
    display: flex !important; 
    flex-direction: row !important;
    gap: 15px !important; 
    position: static !important; 
    width: 100% !important; 
    align-items: center !important;
    justify-content: center !important;
  }
  .page__accueil-span, .page__menu-03-span, .page__photos-span, .page__contact-span { font-size: 16px !important; line-height: 1 !important; color: white !important;}
  .page__accueil, .page__menu-03, .page__photos, .page__contact { width: auto !important; height: auto !important; position: static !important; margin: 0 !important;}

  /* 2. Hero Section */
  .page__container-1-hero-vh-59ef {
    position: relative !important;
    top: 0 !important; left: 0 !important; margin: 0 !important;
    height: auto !important; 
    min-height: 80vh !important;
    padding-top: 40px !important; 
    padding-bottom: 40px !important; 
    display: flex !important; 
    flex-direction: column !important; 
    justify-content: center !important;
    align-items: center !important;
    order: 2 !important;
  }
  .page__contenue-01 {
    position: relative !important; top: 0 !important; left: 0 !important; margin: 0 !important;
    width: 100% !important; height: auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 40px !important; 
  }
  .page__img-3 { width: 100% !important; height: auto !important; position: static !important; margin: 0 !important; }
  .page__traiteur-diner-2c61 { font-size: 32px !important; text-align: center !important; line-height: 1.3 !important; width: 90% !important; position: static !important; margin: 0 !important;}

  /* 3. Section Blinis */
  .page__container-2-vh-100 {
    position: relative !important; top: 0 !important; left: 0 !important; margin: 0 !important;
    height: auto !important; 
    padding-top: 50px !important; 
    padding-bottom: 50px !important;
    display: flex !important; 
    flex-direction: column !important; 
    justify-content: flex-start !important;
    align-items: center !important;
    order: 3 !important;
    background-size: cover;
  }
  .page__image-droite-01 { position: static !important; margin: 0 0 20px 0 !important; width: 140px !important; height: auto !important; display: flex !important; justify-content: center !important; }
  .page__img-4 { position: static !important; width: 140px !important; height: auto !important; transform: none !important; }
  .page__contenue-2-02 { position: static !important; width: 90% !important; height: auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 20px !important; }
  .page__creer-un-comptoir-8513 { position: static !important; margin: 0 !important; text-align: center !important; transform: none !important; }
  .page__devor-est-ne-d-une-6759 { position: static !important; text-align: center !important; }

  /* 4. Section Prune & Seb (Marron) */
  .page__container-3-vh-100 {
    position: relative !important; top: 0 !important; left: 0 !important; margin: 0 !important;
    height: auto !important; 
    padding-bottom: 80px !important;
    order: 4 !important;
  }
  .page__photo-01 { position: static !important; margin: 0 !important; transform: none !important; }
  .page__img-5 { object-fit: cover !important; width: 100vw !important; height: 300px !important; }
  .page__bloc-haut-01 { position: relative !important; top: -50px !important; left: 0 !important; gap: 20px !important; transform: none !important; display: flex !important; flex-direction: column !important; align-items: center !important; }
  .page__bloc-image-prune-01, .page__bloc-image-seb-01 { position: static !important; margin: 0 !important; padding: 0 !important; width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; }
  .page__illus-prune-01, .page__illus-seb-01 { position: static !important; margin: 0 !important; transform: none !important; display: flex !important; justify-content: center !important; }
  .page__img-6 { position: static !important; width: 70% !important; height: auto !important;}
  .page__img-7 { position: static !important; width: 80% !important; height: auto !important;}
  .page__seb-01, .page__maitrise-du-detail-104f, .page__prune-01, .page__cheffe-creative-6358 { position: static !important; width: 90% !important; text-align: center !important; margin: 10px 0 !important; }
  .page__bloc-texte-01, .page__bloc-texte-04 { position: static !important; display: flex !important; flex-direction: column !important; align-items: center !important;}

  /* 5. Section Bullets et Services */
  .page__container-4-vh-100 { 
    position: relative !important; top: 0 !important; left: 0 !important; margin: 0 !important;
    height: auto !important;
    order: 5 !important;
    padding: 0 !important;
    display: flex !important; 
    flex-direction: column !important;
    align-items: center !important;
  }
  .page__texte-droite-01 { position: static !important; width: 90% !important; height: auto !important; display: flex !important; flex-direction: column !important; align-items: center !important;}
  .page__notre-concept-un-bu-a8ca { position: static !important; text-align: center !important; margin-bottom: 30px !important; }
  .page__bloc-bullet-point-01 { position: static !important; width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 30px !important; }
  .page__bullet-1-01, .page__bullet-2-01, .page__bullet-3-01, .page__bullet-4-01 { position: static !important; width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 15px !important; }
  .page__bullet-1-01 p, .page__bullet-2-01 p, .page__bullet-3-01 p, .page__bullet-4-01 p { position: static !important; text-align: center !important; margin: 0 !important; width: 100% !important; }
  .page__bullet-1-01 picture, .page__bullet-2-01 picture, .page__bullet-3-01 picture, .page__bullet-4-01 picture { position: static !important; display: flex !important; justify-content: center !important; margin: 0 !important; }

  /* 6. Fix Sections extra for bottom alignment */
  .page__mentions-legales-01, .page__politique-de-eb81 { position: static !important; margin: 10px 0 !important; text-align: center !important; }
  .page__texte-gauche-01 { position: static !important; display: flex !important; flex-direction: column !important; align-items: center !important;}
  .page__contact-contact-e6b7 { position: static !important; height: auto !important; margin: 20px 0 !important; text-align: center !important;}
  .page__insta-01 { position: relative !important; text-align: center !important; margin: 0 auto !important;}
  .page__instagram-01 { position: static !important; text-align: center !important; margin-bottom: 20px !important; }
  .page__img-2 { position: static !important; margin: 0 auto !important; }
  .page__bloc-gauche-01, .page__bloc-droit-01 { position: static !important; width: 100% !important; height: auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; }
  .page__texte-01 { position: static !important; height: auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; }


  /* 7. Fix de la section QUI SOMMES-NOUS (Ardoise) */
  .page__bloc-bas-01 {
    position: relative !important;
    top: 0 !important; left: 0 !important; margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .page__bloc-ardoise-01 {
    position: relative !important; top: 0 !important; left: 0 !important; margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    padding: 60px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-sizing: border-box !important;
    gap: 20px !important;
  }
  .page__qui-sommes-nous-01 {
    position: relative !important; top: 0 !important; left: 0 !important; margin: 0 !important;
    width: 100% !important;
    font-size:  44px !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }
  .page__qui-sommes-nous-01-44c6 {
    font-size:  44px !important;
  }
  .page__c-est-la-continuite-0c23 {
    position: relative !important; top: 0 !important; left: 0 !important; margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    line-height: 1.5 !important;
    text-align: center !important;
  }


  /* 8. Fix du Carrousel et de l'Assiette Ronde (page__container-5) */
  .page__carroussel-vh-50 {
    position: relative !important; top: 0 !important; left: 0 !important; margin: 0 !important;
    height: auto !important; width: 100% !important;
    order: 6 !important;
    overflow: hidden !important;
  }
  .page__container-5-vh-100 {
    position: relative !important; top: 0 !important; left: 0 !important; margin: 0 !important;
    height: auto !important; width: 100% !important;
    display: flex !important; flex-direction: column !important;
    order: 7 !important;
  }
  .page__img-20 {
    position: relative !important; top: 0 !important; left: 0 !important; margin: 0 !important;
    width: 100% !important; height: auto !important;
    object-fit: contain !important;
    transform: none !important;
  }
  /* On bascule également flex pour les sous-blocs professionnels/evt privés */
  .page__bloc-gauche-04, .page__bloc-droit-04 {
    position: relative !important; top: 0 !important; left: 0 !important; margin: 20px 0 !important;
    width: 100% !important; height: auto !important;
  }
}

/* ======= NEW MENU COMPONENT ======= */
.menu-bg {
  width: 100%;
  height: 107.5269%;
  left: 0.0000%;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  object-fit: cover;
  object-position: center;
}

.logo-1-devor-1 { width: 147px; height: 52px; object-fit: contain !important; }

.accueil-span {
  font-size: 40.44px;
  font-family: "ballers-delight";
  font-weight: 400;
  word-wrap: break-word;
  color: #EFEDE5;
}

.accueil {
  width: 147.78px;
  text-align: center;
}

.menu-span {
  font-size: 40.44px;
  font-family: "ballers-delight";
  font-weight: 400;
  word-wrap: break-word;
  color: #EFEDE5;
}

.menu {
  width: 216.22px;
  opacity: 0.60;
  text-align: center;
}

.photos-span {
  font-size: 40.44px;
  font-family: "ballers-delight";
  font-weight: 400;
  word-wrap: break-word;
  color: #EFEDE5;
}

.photos {
  width: 216.22px;
  opacity: 0.60;
  text-align: center;
}

.contact-span {
  font-size: 40.44px;
  font-family: "ballers-delight";
  font-weight: 400;
  word-wrap: break-word;
  color: #EFEDE5;
}

.contact {
  width: 216.22px;
  opacity: 0.60;
  text-align: center;
}

.menu-droite {
  width: 849px;
  height: 93px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 17.50px;
}

.logo {
  width: 100%;
  height: 93px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.menu-active-accueil-e82f {
  width: 100%;
  align-self: stretch;
  position: relative;
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.burger-menu-btn {
  display: none;
  cursor: pointer;
  z-index: 5;
}

@media (max-width: 767px) {
  .menu-bg {
    height: 100%;
    top: 0;
    z-index: 2;
    bottom: auto;
  }
  .logo-1-devor-1 { width: 147px; height: 52px; object-fit: contain !important; }
  
  .burger-menu-btn {
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%); /* Centered vertically relative to the logo container */
  }

  .logo {
    padding-top: 19px;
    padding-bottom: 19px;
    align-self: stretch;
    z-index: 5;
    flex-direction: row; /* keep it row to align logo and burger */
    justify-content: center; /* Center the Devor logo */
    padding-left: 0;
    padding-right: 0;
    background: #B95128;
  }

  .menu-active-accueil-e82f {
    display: flex;
    flex-direction: column;
    z-index: 1000;
  }

  /* Dropdown styling */
  .menu-droite {
    width: 280px; /* Slightly narrower than full width for aesthetic */
    height: auto;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -10px); /* Start slightly translated up for animation */
    background: #B95128;
    padding-top: 30px;
    padding-bottom: 40px;
    flex-direction: column;
    justify-content: flex-start;
    gap: 30px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    box-shadow: 0px 8px 15px rgba(0,0,0,0.3);
    border: 2px solid #EFEDE5; 
    border-top: none; /* Connect seamlessly to the header */
    z-index: 1; /* Below the logo */
    
    /* Animation states */
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
  }

  .menu-droite.active {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -2px); /* Slight overlap with header to hide seam */
  }
}