.elementor-4006 .elementor-element.elementor-element-a1bf8da{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4006 .elementor-element.elementor-element-c495d10{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4006 .elementor-element.elementor-element-f092dbb{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4006 .elementor-element.elementor-element-29ed95d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-4006 .elementor-element.elementor-element-257e5a9{text-align:start;}.elementor-4006 .elementor-element.elementor-element-257e5a9 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:26px;text-transform:none;}.elementor-4006 .elementor-element.elementor-element-905d4a6{text-align:start;}.elementor-4006 .elementor-element.elementor-element-905d4a6 .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:26px;text-transform:none;}.elementor-4006 .elementor-element.elementor-element-bd9d267{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-4006 .elementor-element.elementor-element-29ed95d{--width:100%;}}/* Start custom CSS *//* ============================================================
   MR. MOUSTIQUAIRE — CSS GLOBAL
   À coller dans : Elementor > Site Settings > Custom CSS
   OU Apparence > Personnaliser > CSS additionnel

   POLICES :
   - Headings : DM Serif Display (serif)
   - Body      : DM Sans (sans-serif) — 16px

   Ce fichier définit toutes les variables et utilitaires
   partagés entre les 11 blocs HTML Elementor.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600&display=swap');

:root {
  --mm-green-dark:   #1e3d18;
  --mm-green-main:   #2d5a27;
  --mm-green-mid:    #3d7a34;
  --mm-green-light:  #eaf3de;
  --mm-green-accent: #5aa64e;
  --mm-off-white:    #f8f7f4;
  --mm-white:        #ffffff;
  --mm-gray-light:   #f1efe8;
  --mm-gray-mid:     #d3d1c7;
  --mm-gray-text:    #5f5e5a;
  --mm-black:        #1a1a18;

  --mm-font-heading: 'DM Serif Display', Georgia, serif;
  --mm-font-body:    'DM Sans', sans-serif;

  --mm-radius:       10px;
  --mm-radius-lg:    18px;
  --mm-shadow-sm:    0 2px 12px rgba(30,61,24,0.08);
  --mm-shadow-md:    0 6px 30px rgba(30,61,24,0.12);
}

/* ── RESET SCOPED ─────────────────────────────────────────── */
[class^="mm-"] *,
[class*=" mm-"] * {
  box-sizing: border-box;
}
[class^="mm-"] img,
[class*=" mm-"] img {
  display: block;
  max-width: 100%;
  height: auto;
}
[class^="mm-"] a,
[class*=" mm-"] a {
  text-decoration: none;
  color: inherit;
}

/* ── LAYOUT ───────────────────────────────────────────────── */
.mm-section             { padding: 80px 40px; }
.mm-section--alt        { background: var(--mm-off-white); }
.mm-section--green      { background: var(--mm-green-dark); color: #fff; }
.mm-section--lightgreen { background: var(--mm-green-light); }
.mm-container           { max-width: 1100px; margin: 0 auto; }
.mm-text-center         { text-align: center; }

/* ── TYPOGRAPHIE ──────────────────────────────────────────── */
.mm-section-tag {
  display: inline-block;
  font-family: var(--mm-font-body) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--mm-green-main) !important;
  margin-bottom: 12px !important;
}
.mm-section-tag--white {
  color: rgba(255,255,255,0.6) !important;
}

.mm-section-title {
  font-family: var(--mm-font-heading) !important;
  font-size: clamp(28px, 3.5vw, 42px) !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  margin-bottom: 16px !important;
  color: var(--mm-black) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.mm-section-title--white {
  color: #fff !important;
}

.mm-section-subtitle {
  font-family: var(--mm-font-body) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: var(--mm-gray-text) !important;
  max-width: 1200px !important;
  line-height: 1.7 !important;
  margin-bottom: 48px !important;
}
.mm-section-subtitle--white {
  color: rgba(255,255,255,0.75) !important;
}
.mm-text-center .mm-section-subtitle {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ── BOUTONS ──────────────────────────────────────────────── */
a.mm-btn-primary,
button.mm-btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: var(--mm-green-accent) !important;
  color: #fff !important;
  font-family: var(--mm-font-body) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  padding: 14px 30px !important;
  border-radius: var(--mm-radius) !important;
  border: none !important;
  cursor: pointer !important;
  transition: background .2s, transform .15s !important;
  text-decoration: none !important;
  line-height: 1 !important;
}
a.mm-btn-primary:hover,
button.mm-btn-primary:hover {
  background: var(--mm-green-mid) !important;
  transform: translateY(-2px) !important;
  color: #fff !important;
}

a.mm-btn-secondary,
button.mm-btn-secondary {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: transparent !important;
  color: #fff !important;
  font-family: var(--mm-font-body) !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  padding: 14px 26px !important;
  border-radius: var(--mm-radius) !important;
  border: 1.5px solid rgba(255,255,255,0.4) !important;
  cursor: pointer !important;
  transition: border-color .2s, background .2s !important;
  text-decoration: none !important;
  line-height: 1 !important;
}
a.mm-btn-secondary:hover,
button.mm-btn-secondary:hover {
  border-color: #fff !important;
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
}

/* ── RESPONSIVE ───────────────────────────────────────────── */
@media (max-width: 900px) {
  .mm-section { padding: 60px 20px; }
}/* End custom CSS */