:root {
--container-max: 1200px;
--container-narrow: 800px;
--space-lg: 4em;
--space-md: 2.5em;
--space-sm: 2em;
--color-dark: #111;
--color-light: #fff;
--color-muted: #666;
} .page-standard .page-content {
margin-inline: auto;
padding: 1rem 4rem 4rem;
}
@media (max-width: 768px) {
.page-standard .page-content {
padding: 1rem 2rem;
}
} .bloc-page-content {
max-width: 1000px;
margin: auto;
}
.bloc-page-content-chapelle {
max-width: 1200px;
margin: auto;
}
.section {
padding: var(--space-lg) 1.5em;
}
.section-inner {
max-width: var(--container-max);
margin-inline: auto;
}
.section-inner--narrow {
max-width: var(--container-narrow);
} .section--image-text .section-inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3em;
align-items: center;
}
.section--image-text.reverse .section-inner {
grid-template-columns: 1fr 1fr;
}
.section-media img {
width: 100%;
height: auto;
display: block;
} @media (max-width: 900px) {
.section--image-text .section-inner {
grid-template-columns: 1fr;
gap: 2em;
}
} .section--dark {
background: var(--color-dark);
color: var(--color-light);
}
.section--dark p {
color: rgba(255, 255, 255, 0.85);
} .section--numbers {
background: #f6f6f6;
}
.numbers-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2em;
text-align: center;
list-style: none;
padding: 0;
margin: 0;
}
.numbers-list strong {
display: block;
font-size: 2.5rem;
line-height: 1;
}
.numbers-list span {
color: var(--color-muted);
}
@media (max-width: 768px) {
.numbers-list {
grid-template-columns: 1fr;
}
} .section--cta {
background: #eee;
text-align: center;
}
.section--cta .button {
margin-top: 1.5em;
}