:root {
  --margin-bord-page-standard: clamp(2rem, 3vw, 5rem);
  --ecart-standard-entre-sections: 5rem;
  --espacement-contenu-global: 1rem;
  --separation-haut-page: 10rem;
}

.section-page-standard {
  padding-inline: var(--margin-bord-page-standard);
  margin-top: var(--ecart-standard-entre-sections);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
}

.section-page-sans-margin-top {
  padding-inline: var(--margin-bord-page-standard);
  width: 100%;
}

.section-page-sans-margin-inline {
  margin-top: var(--ecart-standard-entre-sections);
  width: 100%;
}

.section-page-sans-margin-inline,
.section-page-sans-margin-top,
.section-page-standard {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
}

.espacement-contenu-global {
  margin-bottom: var(--espacement-contenu-global);
}

.separation-haut-page {
  margin-bottom: var(--separation-haut-page);
}

@media (max-width: 1024px) {
  :root {
    --separation-haut-page: 1rem;
  }
}