/* Page À propos (maquette 15) — templates/page-a-propos.php + motif patterns/page-a-propos.php.
   La maquette fait 850 px de large : cote × 1,65 = cote CSS.
   Bandeau, cartes de membres et chiffres : assets/css/pages/equipe.css (chargé aussi sur cette page).
   Les règles visant les blocs WordPress sont préfixées par .tpl-a-propos (la feuille des blocs est chargée après). */

.tpl-a-propos {
	/* Maquette 15 : contenu de 1256 px (bord gauche à 72 px sur 1400), un peu plus étroit que le conteneur commun. */
	--apropos-container: 1256px;
	--apropos-wide: max(var(--gutter), calc((100% - var(--apropos-container)) / 2));
	--apropos-quote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 30'%3E%3Cpath d='M0 30V18C0 7.6 5.3 1.6 15.8 0l1.4 4.4C11.6 6 8.8 9.3 8.6 14.4H16V30Zm22.6 0V18C22.6 7.6 27.9 1.6 38.4 0l1.4 4.4c-5.6 1.6-8.4 4.9-8.6 10H38.6V30Z'/%3E%3C/svg%3E");
}

/* ---------- Bandeau ---------- */
.tpl-a-propos .equipe-hero__inner { max-width: calc(1246px + 2 * var(--gutter)); min-height: 356px; padding-block: 20px 32px; }
.tpl-a-propos .equipe-hero__badge { margin-top: 18px; padding: 7px 15px; font-size: 14.5px; }
.tpl-a-propos .equipe-hero__title { max-width: none; margin-top: 0; font-size: 89px; font-weight: 800; line-height: 1.01; letter-spacing: .012em; }
.tpl-a-propos .equipe-hero__tagline { margin-top: 0; font-size: 35px; font-weight: 600; }
.tpl-a-propos .equipe-hero__intro { max-width: 525px; margin-top: 18px; font-size: 21.5px; line-height: 1.33; }

/* ---------- Contenu : sections centrées, bandes sombres bord à bord ---------- */
.apropos-content { overflow-x: clip; }
.tpl-a-propos .apropos-content > * { width: min(100% - 2 * var(--gutter), var(--apropos-container)); margin: 30px auto 0; }
.tpl-a-propos .apropos-content > :first-child { margin-top: 33px; }
.tpl-a-propos .apropos-content .wp-block-columns { display: grid; margin-bottom: 0; }

/* Surtitre « ▌Notre histoire » et titre serif */
.tpl-a-propos .apropos-kicker { position: relative; padding-left: 21px; font-size: 17.6px; font-weight: 700; line-height: 1.3; color: var(--ink); }
.tpl-a-propos .apropos-kicker::before { content: ""; position: absolute; left: 0; top: 1px; bottom: 1px; width: 6px; background: var(--red); }
.tpl-a-propos .apropos-title { margin-top: 8px; font: 700 28.6px/1.2 var(--slab); color: var(--ink); }
.tpl-a-propos .apropos-content .apropos-title + p { margin-top: 12px; }

/* Bouton rouge avec flèche */
.tpl-a-propos .apropos-btn .wp-block-button__link { display: inline-flex; align-items: center; gap: 12px; min-height: 43px; padding: 0 24px; border-radius: 5px; background: var(--red); color: var(--white); font-size: 13px; font-weight: 800; line-height: 1.2; transition: background-color .2s var(--ease); }
.tpl-a-propos .apropos-btn .wp-block-button__link:hover { background: var(--red-dark); color: var(--white); }
.tpl-a-propos .apropos-btn .wp-block-button__link::after { content: ""; flex: none; width: 1.1em; height: 1.1em; background: currentColor; -webkit-mask: var(--equipe-arrow) center / contain no-repeat; mask: var(--equipe-arrow) center / contain no-repeat; }
.tpl-a-propos .apropos-btn .icon { font-size: 1.3em; }

/* ---------- Notre histoire ---------- */
.tpl-a-propos .apropos-histoire { grid-template-columns: 457fr 514fr 251fr; gap: 27px; align-items: start !important; }
.tpl-a-propos .apropos-brandcard { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 0; min-height: 312px; padding-bottom: 64px; overflow: hidden; border-radius: 6px; background: radial-gradient(70% 90% at 30% 20%, #3c4652 0%, #1a2028 55%, #0f1318 100%) center / cover; }
.tpl-a-propos .apropos-brandcard[style*="background-image"]::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgb(0 0 0 / 0) 40%, rgb(0 0 0 / .25)); }
.tpl-a-propos .apropos-brandcard p { position: relative; }
.tpl-a-propos .apropos-brandcard__logo { padding: 10px 16px 8px; border-radius: 3px 3px 0 0; background: var(--white); font: 900 46px/1 var(--font); letter-spacing: -.035em; color: var(--ink); }
.tpl-a-propos .apropos-brandcard__logo strong { font-weight: 900; color: var(--red); }
.tpl-a-propos .apropos-brandcard__ribbon { margin-top: 0 !important; padding: 11px 19px; border-radius: 3px; background: var(--red); font-size: 21px; font-weight: 800; line-height: 1.1; letter-spacing: .02em; text-transform: uppercase; color: var(--white); }
.tpl-a-propos .apropos-histoire__text { padding-top: 2px; }
.tpl-a-propos .apropos-histoire__text p:not(.apropos-kicker) { font-size: 15px; line-height: 1.55; color: #555; }
.tpl-a-propos .apropos-histoire__text p:not(.apropos-kicker) + p { margin-top: 13px; }
.tpl-a-propos .apropos-histoire__text .apropos-title { margin-top: 6px; }
.tpl-a-propos .apropos-histoire__text .apropos-title + p { margin-top: 15px; }

/* Citation sur fond rose */
.tpl-a-propos .apropos-quote { margin: 0; min-height: 302px; padding: 22px 20px 22px; border-radius: 6px; background: var(--red-soft); }
.tpl-a-propos .apropos-quote::before { content: ""; display: block; width: 37px; height: 28px; margin-bottom: 18px; background: var(--red); -webkit-mask: var(--apropos-quote) center / contain no-repeat; mask: var(--apropos-quote) center / contain no-repeat; }
.tpl-a-propos .apropos-quote p { font-size: 16.3px; font-weight: 700; line-height: 1.62; color: var(--ink); }
.tpl-a-propos .apropos-quote cite { display: block; margin-top: 22px; font-size: 15.5px; font-style: normal; line-height: 1.5; color: #333; }
.tpl-a-propos .apropos-quote cite::before { content: ""; display: block; width: 37px; height: 3px; margin-bottom: 20px; background: var(--red); }
.tpl-a-propos .apropos-quote cite strong { font-size: 20px; font-weight: 800; color: var(--ink); }

/* ---------- Mission, vision, valeurs ---------- */
.tpl-a-propos .apropos-content > .apropos-piliers { margin-top: 22px; }
/* Maquette : cartes de 252, 250 et 239 px de large. */
.tpl-a-propos .apropos-piliers { grid-template-columns: minmax(0, 252fr) minmax(0, 250fr) minmax(0, 239fr); gap: 18px; }
.tpl-a-propos .apropos-pilier { display: grid; grid-template-columns: 64px minmax(0, 1fr); align-content: start; column-gap: 22px; min-height: 193px; padding: 20px 10px 18px 20px; border: 1px solid #ececec; border-radius: 5px; background: var(--white); box-shadow: 0 1px 6px rgb(0 0 0 / .04); }
.tpl-a-propos .apropos-pilier > .icon { grid-row: span 2; width: 64px; height: 64px; color: var(--red); }
/* Maquette : l’œil et le diamant sont dessinés plus grands que la cible. */
.tpl-a-propos .apropos-pilier.apropos-icon-eye { grid-template-columns: 78px minmax(0, 1fr); column-gap: 16px; }
.tpl-a-propos .apropos-pilier.apropos-icon-eye > .icon { width: 80px; height: 80px; margin: -8px 0 0 -2px; }
.tpl-a-propos .apropos-pilier.apropos-icon-eye p { max-width: 284px; }
.tpl-a-propos .apropos-pilier.apropos-icon-gem { grid-template-columns: 66px minmax(0, 1fr); column-gap: 20px; }
.tpl-a-propos .apropos-pilier.apropos-icon-gem > .icon { width: 66px; height: 66px; margin-top: -4px; }
.tpl-a-propos .apropos-pilier h3 { align-self: center; padding-top: 7px; font-size: 20px; font-weight: 800; line-height: 1.2; }
.tpl-a-propos .apropos-pilier p { max-width: 270px; margin-top: 25px; font-size: 13.2px; line-height: 1.6; color: #333; }
.tpl-a-propos .apropos-valeurs { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 12px 12px; margin-top: 8px !important; }
.tpl-a-propos .apropos-valeurs li { padding: 7px 19px; border-radius: 5px; background: #f0efef; font-size: 14px; font-weight: 600; line-height: 1.2; color: #222; }

/* ---------- Engagements + citation « micro » (déborde à droite jusqu'au bord de l'écran) ---------- */
.tpl-a-propos .apropos-content > .apropos-engagements { margin-top: 24px; }
.tpl-a-propos .apropos-engagements { grid-template-columns: minmax(0, 860fr) minmax(0, 395fr); gap: 25px; }
/* Maquette : ce titre-là est plus petit que les autres. */
.tpl-a-propos .apropos-engagements__main .apropos-title { margin-top: 6px; font-size: 27.2px; }
.tpl-a-propos .apropos-engagements__list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin-top: 15px !important; }
.tpl-a-propos .apropos-engagement { display: flex; flex-direction: column; min-height: 213px; padding: 11px 7px 14px; border: 1px solid #ececec; border-radius: 5px; background: var(--white); box-shadow: 0 1px 6px rgb(0 0 0 / .04); }
.tpl-a-propos .apropos-engagement > .icon { align-self: center; width: 50px; height: 50px; color: var(--red); }
.tpl-a-propos .apropos-engagement h3 { margin: 13px -4px 0; font-size: 14px; letter-spacing: -.015em; text-wrap: balance; font-weight: 800; line-height: 1.3; text-align: center; }
/* Maquette : lignes équilibrées (« Des contenus vérifiés, / recoupés et sourcés / par notre rédaction. »). */
.tpl-a-propos .apropos-engagement p { margin-top: 9px; font-size: 13.5px; line-height: 1.57; text-wrap: balance; color: #444; }
.tpl-a-propos .apropos-engagements__aside { margin-right: calc(-1 * max(var(--gutter), (100vw - var(--apropos-container)) / 2)); }
.tpl-a-propos .apropos-voice { position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; min-height: 300px; margin: 0; padding: 24px 22px 18px; overflow: hidden; border-radius: 6px 0 0 6px; background: radial-gradient(80% 70% at 75% 25%, #4a4f57 0%, #24272c 45%, #111215 100%) center / cover; color: var(--white); }
.tpl-a-propos .apropos-voice::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgb(0 0 0 / .72) 0%, rgb(0 0 0 / .35) 55%, rgb(0 0 0 / .05) 100%); }
.tpl-a-propos .apropos-voice > .icon { position: absolute; right: 8%; top: 50%; z-index: -1; width: 190px; height: 190px; transform: translateY(-50%) rotate(-25deg); color: rgb(255 255 255 / .14); stroke-width: 1.4; }
.tpl-a-propos .apropos-voice::before { content: ""; width: 38px; height: 29px; margin-bottom: 12px; background: var(--white); -webkit-mask: var(--apropos-quote) center / contain no-repeat; mask: var(--apropos-quote) center / contain no-repeat; }
.tpl-a-propos .apropos-voice p { max-width: 200px; font-size: 18px; font-weight: 500; line-height: 1.45; color: var(--white); }
.tpl-a-propos .apropos-voice p::after { content: ""; display: inline-block; width: 34px; height: 3px; margin-left: 12px; vertical-align: middle; background: var(--red); }

/* ---------- Chiffres clés (bande sombre bord à bord) ---------- */
.tpl-a-propos .apropos-content > .apropos-chiffres { position: relative; isolation: isolate; width: 100%; margin-top: 18px; padding: 17px var(--apropos-wide) 13px; background: radial-gradient(50% 150% at 88% 0%, #2c333b 0%, #121920 55%, #080d11 100%) center / cover; color: var(--white); }
.tpl-a-propos .apropos-chiffres::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgb(6 10 14 / .92) 0%, rgb(6 10 14 / .75) 55%, rgb(6 10 14 / .35) 100%); }
.tpl-a-propos .apropos-chiffres__title { position: relative; padding-left: 21px; font: 600 27.4px/1.2 var(--slab); color: var(--white); }
.tpl-a-propos .apropos-chiffres__title::before { content: ""; position: absolute; left: 0; top: 3px; bottom: 3px; width: 6px; background: var(--red); }
.tpl-a-propos .apropos-chiffres__subtitle { margin-top: 4px !important; font: 500 22.5px/1.25 var(--slab); color: var(--white); }
/* Maquette : colonnes de 255 px, la première commence 19 px avant le bord du contenu. */
.tpl-a-propos .apropos-chiffres .equipe-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); margin: 19px 0 0 -19px; overflow: hidden; }
.tpl-a-propos .apropos-chiffres .equipe-stat { position: relative; padding: 4px 10px 6px; }
.tpl-a-propos .apropos-chiffres .equipe-stat::before { content: ""; position: absolute; left: -1px; top: 10px; bottom: 0; width: 1px; background: rgb(255 255 255 / .16); }
.tpl-a-propos .apropos-chiffres .equipe-stat .icon { font-size: 50px; }
.tpl-a-propos .apropos-chiffres .equipe-stat__num { margin-top: 8px; font-size: 33px; font-weight: 700; line-height: 1.1; color: var(--white); }
.tpl-a-propos .apropos-chiffres .equipe-stat__label { margin-top: 2px; font-size: 15.5px; color: rgb(255 255 255 / .92); }

/* ---------- Notre rédaction (aperçu de l'équipe) ---------- */
.tpl-a-propos .apropos-content > .apropos-redaction { margin-top: 26px; }
.tpl-a-propos .apropos-redaction:not(:has(.equipe-member)) { display: none; }
.tpl-a-propos .apropos-redaction__head { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 40px; align-items: center; }
.tpl-a-propos .apropos-redaction__head :is(p, h2) { grid-column: 1; }
.tpl-a-propos .apropos-redaction__head .apropos-title { margin-top: 4px; }
.tpl-a-propos .apropos-redaction__head p:not(.apropos-kicker) { max-width: 730px; margin-top: 6px; font-size: 16.5px; line-height: 1.35; color: #555; }
.tpl-a-propos .apropos-redaction__head .wp-block-buttons { grid-column: 2; grid-row: 1 / span 3; align-self: center; margin-top: 30px; }
.tpl-a-propos .apropos-redaction .equipe-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; margin-top: 26px; }
.tpl-a-propos .equipe-grid--apercu .equipe-member__photo { aspect-ratio: 236 / 150; background: #eef0f2; }
.tpl-a-propos .equipe-grid--apercu .equipe-member__body { padding: 13px 16px 16px; }
.tpl-a-propos .equipe-grid--apercu .equipe-member__name { font-size: 15.5px; }
/* Maquette : fonction sur une ligne, cartes de même hauteur (le texte complet reste lu par les lecteurs d'écran). */
.tpl-a-propos .equipe-grid--apercu .equipe-member__role { margin-top: 3px; overflow: hidden; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; color: #444; }
.tpl-a-propos .equipe-grid--apercu .equipe-member__body::after { content: ""; width: 20px; height: 3px; margin-top: 10px; background: var(--red); }

/* ---------- Ligne éditoriale / correction ---------- */
.tpl-a-propos .apropos-content > .apropos-principes { margin-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #ececec; }
.tpl-a-propos .apropos-principes { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 80px; }
.tpl-a-propos .apropos-principes .apropos-title { margin-top: 8px; font-size: 24.8px; }
/* Coupures de la maquette : colonnes de texte de 590 et 525 px. */
.tpl-a-propos .apropos-principes p:not(.apropos-kicker) { max-width: 590px; margin-top: 5px; font-size: 15.5px; line-height: 1.43; color: #555; }
.tpl-a-propos .apropos-principes > :last-child p:not(.apropos-kicker) { max-width: 525px; }

/* ---------- Partenaires (masqués tant qu'aucun logo n'est ajouté) ---------- */
.tpl-a-propos .apropos-partenaires:not(:has(img)) { display: none; }
.tpl-a-propos .apropos-content > .apropos-partenaires { margin-top: 14px; }
.tpl-a-propos .apropos-partenaires__head { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 40px; }
.tpl-a-propos .apropos-partenaires__head :is(p, h2) { grid-column: 1; }
.tpl-a-propos .apropos-partenaires__head .apropos-title { margin-top: 0; font-size: 26.3px; }
.tpl-a-propos .apropos-partenaires__head p:not(.apropos-kicker, .apropos-link) { max-width: 660px; margin-top: 4px; font-size: 16px; line-height: 1.34; color: #555; }
.tpl-a-propos .apropos-link { grid-column: 2 !important; grid-row: 1; }
.tpl-a-propos .apropos-link a { display: inline-flex; align-items: center; gap: 9px; font-size: 13.5px; font-weight: 800; color: var(--red); }
.tpl-a-propos .apropos-link a::after { content: ""; flex: none; width: 17px; height: 10px; background: currentColor; -webkit-mask: var(--equipe-arrow-long) center / contain no-repeat; mask: var(--equipe-arrow-long) center / contain no-repeat; }
.tpl-a-propos .apropos-link a:hover { text-decoration: underline; }
.tpl-a-propos .apropos-logos.wp-block-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 16px; margin-top: 22px; }
.tpl-a-propos .apropos-logos.wp-block-gallery .wp-block-image { display: grid; place-items: center; width: auto !important; height: 77px; margin: 0; padding: 12px 18px; border: 1px solid #e6e6e6; border-radius: 5px; background: var(--white); }
.tpl-a-propos .apropos-logos.wp-block-gallery .wp-block-image img { width: auto !important; max-width: 100%; height: auto !important; max-height: 56px; object-fit: contain !important; }

/* ---------- Restons en contact (bande sombre bord à bord) ---------- */
.tpl-a-propos .apropos-content > .apropos-contact { width: 100%; margin-top: 20px; }
.tpl-a-propos .apropos-contact { position: relative; isolation: isolate; display: flex; align-items: center; justify-content: space-between; gap: 32px; min-height: 128px; padding: 16px var(--apropos-wide); background: linear-gradient(180deg, #1f2c38 0%, #111a22 60%, #0b1117 100%) center / cover; color: var(--white); }
.tpl-a-propos .apropos-contact::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgb(6 10 14 / .9) 0%, rgb(6 10 14 / .6) 55%, rgb(6 10 14 / .3) 100%); }
.tpl-a-propos .apropos-contact .wp-block-buttons { margin: 0; }
.tpl-a-propos .apropos-contact__title { font: 500 37px/1.15 var(--slab); color: var(--white); }
.tpl-a-propos .apropos-contact__text p { max-width: 640px; margin-top: 6px; font-size: 18.5px; line-height: 1.35; color: rgb(255 255 255 / .95); }
.tpl-a-propos .apropos-contact .apropos-btn .wp-block-button__link { min-height: 61px; padding: 0 34px; gap: 14px; font-size: 17px; box-shadow: 0 6px 18px rgb(227 6 19 / .3); }

.tpl-a-propos .nl-banner { margin-top: 16px; }

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
	.tpl-a-propos .apropos-histoire { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.tpl-a-propos .apropos-histoire__quote { grid-column: 1 / -1; }
	.tpl-a-propos .apropos-quote { min-height: 0; }
	.tpl-a-propos .apropos-quote p { max-width: 520px; }
	.tpl-a-propos .apropos-engagements { grid-template-columns: 1fr; }
	.tpl-a-propos .apropos-engagements__aside { margin-right: 0; }
	.tpl-a-propos .apropos-voice { min-height: 240px; border-radius: 6px; }
	.tpl-a-propos .apropos-redaction .equipe-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
	.tpl-a-propos .equipe-hero__title { font-size: 60px; }
	.tpl-a-propos .apropos-histoire, .tpl-a-propos .apropos-piliers { grid-template-columns: 1fr; }
	.tpl-a-propos .apropos-brandcard { min-height: 240px; }
	.tpl-a-propos .apropos-pilier { min-height: 0; }
	.tpl-a-propos .apropos-pilier[class] p { max-width: 560px; }
	.tpl-a-propos .apropos-engagements__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.tpl-a-propos .apropos-redaction__head, .tpl-a-propos .apropos-partenaires__head { grid-template-columns: 1fr; }
	.tpl-a-propos .apropos-redaction__head .wp-block-buttons, .tpl-a-propos .apropos-link { grid-column: 1 !important; grid-row: auto; margin-top: 16px; }
	.tpl-a-propos .apropos-principes { grid-template-columns: 1fr; gap: 28px; }
	.tpl-a-propos .apropos-chiffres .equipe-stats { margin-inline: 0; }
	.tpl-a-propos .apropos-contact { flex-direction: column; align-items: flex-start; padding-block: 26px; }
}
@media (max-width: 600px) {
	.tpl-a-propos .equipe-hero__inner { min-height: 0; padding-block: 18px 26px; }
	.tpl-a-propos .equipe-hero__title { font-size: 46px; }
	.tpl-a-propos .equipe-hero__tagline { font-size: 23px; }
	.tpl-a-propos .equipe-hero__intro { font-size: 17px; }
	.tpl-a-propos .apropos-title, .tpl-a-propos .apropos-engagements__main .apropos-title, .tpl-a-propos .apropos-principes .apropos-title { font-size: 24px; }
	.tpl-a-propos .apropos-brandcard__logo { font-size: 36px; }
	.tpl-a-propos .apropos-brandcard__ribbon { font-size: 15px; }
	.tpl-a-propos .apropos-pilier[class] { grid-template-columns: 52px minmax(0, 1fr); column-gap: 16px; padding: 18px; }
	.tpl-a-propos .apropos-pilier[class] > .icon { width: 52px; height: 52px; margin-top: 0; }
	.tpl-a-propos .apropos-pilier p { margin-top: 10px; }
	.tpl-a-propos .apropos-engagements__list { grid-template-columns: 1fr; }
	.tpl-a-propos .apropos-engagement { min-height: 0; }
	.tpl-a-propos .apropos-chiffres .equipe-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 18px; }
	.tpl-a-propos .apropos-chiffres .equipe-stat__num { font-size: 26px; }
	.tpl-a-propos .apropos-redaction .equipe-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
	.tpl-a-propos .equipe-grid--apercu .equipe-member__body { padding: 11px 12px 13px; }
	.tpl-a-propos .equipe-grid--apercu .equipe-member__role { white-space: normal; }
	.tpl-a-propos .apropos-logos.wp-block-gallery .wp-block-image { height: 64px; padding: 8px 10px; }
	.tpl-a-propos .apropos-contact__title { font-size: 28px; }
	.tpl-a-propos .apropos-contact__text p { font-size: 17px; }
	.tpl-a-propos .apropos-contact .wp-block-buttons, .tpl-a-propos .apropos-contact .apropos-btn, .tpl-a-propos .apropos-contact .wp-block-button__link { width: 100%; justify-content: center; }
}