/* ═══════════════════════════════════════════════════════════════════════
   V251.2.151.21 — NOUS AIDER : MARGES HORIZONTALES DES PREMIERS BLOCS
   Le bloc « Nous construisons les besoins… » retrouve son gabarit sobre
   historique et n'est plus piloté par cette feuille d'harmonisation.
   ═══════════════════════════════════════════════════════════════════════ */


/* Impact concret + Trois façons : même gabarit horizontal que les autres
   contenus de la page. 52 px desktop, 22 px tablette/mobile. */
#page-aide .aide-benefices-wrap,
#page-aide .aide-trois-wrap {
  width: 100% !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 52px !important;
  padding-right: 52px !important;
  box-sizing: border-box !important;
}

@media (max-width: 1000px) {
  #page-aide .aide-benefices-wrap,
  #page-aide .aide-trois-wrap {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}

#page-aide .aide-impact-title-v2429,
#page-aide .aide-methods-title-v2429 {
  font-family: 'Nunito', sans-serif !important;
  font-size: clamp(24px, 2vw, 28px) !important;
  font-weight: 900 !important;
  line-height: 1.28 !important;
  color: var(--vert-fonce) !important;
}

#page-aide .aide-cta-paper-v251-2-80 > h2 {
  font-family: 'Pacifico', cursive !important;
  font-size: clamp(24px, 2vw, 28px) !important;
  font-weight: 400 !important;
  line-height: 1.28 !important;
  color: var(--vert-fonce) !important;
}

#page-aide > section.section.bg-creme,
#page-aide > #aide-methods-section,
#page-aide > .aide-s-cta-wrap {
  padding-top: 68px !important;
  padding-bottom: 68px !important;
}

#page-aide > .aide-s-cta-wrap {
  padding-left: 22px !important;
  padding-right: 22px !important;
}

@media (min-width: 761px) and (max-width: 1000px) {
  #page-aide .aide-impact-title-v2429,
  #page-aide .aide-methods-title-v2429,
  #page-aide .aide-cta-paper-v251-2-80 > h2 {
    font-size: 26px !important;
  }

  #page-aide > section.section.bg-creme,
  #page-aide > #aide-methods-section,
  #page-aide > .aide-s-cta-wrap {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

@media (max-width: 760px) {
  #page-aide .aide-impact-title-v2429,
  #page-aide .aide-methods-title-v2429,
  #page-aide .aide-cta-paper-v251-2-80 > h2 {
    font-size: 23px !important;
    line-height: 1.3 !important;
  }

  #page-aide > section.section.bg-creme,
  #page-aide > #aide-methods-section,
  #page-aide > .aide-s-cta-wrap {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }

  #page-aide > .aide-s-cta-wrap {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}