.page-texte {
padding: calc(var(--space-4xl) + var(--space-lg)) var(--header-padding-x) var(--space-4xl);
}
.page-texte__article {
max-width: 46rem;
margin-inline: auto;
}
.page-texte__titre {
margin-bottom: var(--space-xl);
font-size: var(--text-4xl);
line-height: 1;
letter-spacing: 0.02em;
text-transform: none;
}
.page-texte__contenu {
font-size: var(--text-md);
line-height: 1.6;
color: var(--color-gray-700);
}
.page-texte__contenu p,
.page-texte__contenu li {
font-size: inherit;
line-height: inherit;
}
.page-texte__contenu > * + * {
margin-top: var(--space-sm);
}
.page-texte__contenu h2 {
margin-top: var(--space-2xl);
font-size: var(--text-2xl);
line-height: var(--leading-snug);
letter-spacing: 0.02em;
text-transform: none;
}
.page-texte__contenu h3,
.page-texte__contenu h4 {
margin-top: var(--space-xl);
font-family: var(--font-body);
font-size: var(--text-lg);
font-weight: var(--font-weight-medium);
line-height: var(--leading-snug);
text-transform: none;
}
.page-texte__contenu h2 + *,
.page-texte__contenu h3 + *,
.page-texte__contenu h4 + * {
margin-top: var(--space-sm);
}
.page-texte__contenu ul,
.page-texte__contenu ol {
padding-left: 1.25em;
}
.page-texte__contenu ul {
list-style: disc;
}
.page-texte__contenu ol {
list-style: decimal;
}
.page-texte__contenu li + li {
margin-top: var(--space-xs);
}
.page-texte__contenu strong {
font-weight: 700;
color: var(--color-black);
}
.page-texte__contenu a {
color: var(--color-primary);
text-decoration: underline;
text-underline-offset: 0.15em;
overflow-wrap: anywhere;
}
@media (hover: hover) {
.page-texte__contenu a:hover {
text-decoration-thickness: 2px;
}
}
.page-texte__contenu a:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
border-radius: var(--radius-sm);
}
.page-vide {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: calc(100 * var(--vp-unit));
padding: calc(var(--space-4xl) + var(--space-lg)) var(--header-padding-x) var(--space-4xl);
text-align: center;
}
.page-vide__pretitle {
display: inline-flex;
align-items: center;
gap: var(--space-xs);
margin: 0 0 var(--space-lg);
}
.page-vide__pretitle-icon {
display: inline-flex;
width: 24px;
height: 24px;
color: var(--color-primary);
}
.page-vide__pretitle-icon svg {
width: 100%;
height: 100%;
}
.page-vide__pretitle-text {
font-family: var(--font-body);
font-size: var(--text-base);
font-weight: var(--font-weight-medium);
line-height: 1;
text-transform: uppercase;
letter-spacing: 0.02em;
color: var(--color-black);
}
.page-vide__titre {
max-width: min(100%, 70rem);
margin: 0 auto;
font-size: var(--text-4xl);
color: var(--color-black);
}
.page-vide__texte {
max-width: 36rem;
margin: var(--space-lg) auto 0;
font-size: var(--text-md);
color: var(--color-gray-700);
}
.page-vide__liens {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--space-xs) var(--space-xl);
margin-top: var(--space-lg);
}
.page-vide__lien {
display: inline-flex;
align-items: center;
gap: var(--space-xs);
padding: var(--space-xs) 0;
background: transparent;
color: var(--color-black);
text-decoration: none;
font-family: var(--font-body);
font-size: var(--text-base);
font-weight: var(--font-weight-medium);
line-height: 1;
text-transform: uppercase;
transition: opacity var(--duration-fast) var(--easing-default);
}
.page-vide__lien:hover {
opacity: 0.7;
}
.page-vide__lien:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 4px;
border-radius: var(--radius-sm);
}
.page-vide__lien-icon {
display: inline-flex;
width: 20px;
height: 20px;
}
.page-vide__lien-icon svg {
display: block;
width: 100%;
height: 100%;
stroke: currentColor;
}
@media (max-width: 767px) {
.page-texte,
.page-vide {
padding: calc(var(--space-3xl) + var(--space-lg)) var(--space-sm) var(--space-2xl);
}
.page-vide__titre {
font-size: var(--text-3xl);
}
.page-vide__texte {
font-size: var(--text-base);
}
.page-texte__titre {
font-size: var(--text-3xl);
}
.page-texte__contenu {
font-size: var(--text-base);
}
.page-texte__contenu h2 {
margin-top: var(--space-xl);
font-size: var(--text-xl);
}
}