/**
 * Pages mandataires — feuille de style
 *
 * Écrite mobile d'abord : la mise en page de base est celle du téléphone, les grilles
 * à plusieurs colonnes n'apparaissent qu'aux points de rupture. La maquette d'origine
 * était figée à 1400 px ; les proportions y sont reprises telles quelles à partir de
 * 1024 px, et redistribuées en dessous.
 *
 * Un seul HTML, aucune duplication desktop/mobile — c'est le défaut du site actuel.
 *
 * PALETTE ET TAILLES DE POLICE VIENNENT DE assets/css/socle.css, enfilé en dépendance
 * de cette feuille. Aucune taille n'est écrite ici. Le relevé du 2026-08-19 avait trouvé
 * 23 tailles distinctes entre cette feuille et celle de « Qui sommes-nous », dont cinq
 * demi-pixels (10,5 · 11,5 · 12,5 · 13,5 · 15,5), là où le reste du site n'en emploie
 * que six. Si un pas manque, prendre le voisin : ne pas en inventer un vingt-quatrième.
 *
 * Une conséquence à connaître : les tailles basculent désormais aux ruptures du socle
 * (600 et 1024 px), et non plus à celles de la mise en page de cette feuille (600, 900,
 * 1200). Les colonnes et les grilles, elles, gardent leurs propres ruptures.
 *
 * @package DiviExapret
 */

.exa-mandataire {
	--exa-gouttiere: 20px;

	background: var(--exa-fond);
	color: var(--exa-texte);
	font-family: var(--exa-police);
	font-size: var(--exa-fs-base);
	font-weight: var(--exa-w-corps);
	line-height: var(--exa-lh-corps);
}

/* Le thème parent applique des marges aux pages : on les neutralise localement. */
.exa-mandataire p {
	margin: 0;
}

.exa-conteneur {
	width: 100%;
	max-width: 1140px;
	margin-inline: auto;
	padding-inline: var(--exa-gouttiere);
}

.exa-section {
	padding-block: 40px;
}

.exa-titre2 {
	margin: 0;
	color: var(--exa-noir);
	font-size: var(--exa-fs-xl);
	font-weight: var(--exa-w-titre);
	line-height: var(--exa-lh-titre);
}

.exa-hors-ecran {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.exa-icone {
	flex: none;
	color: var(--exa-violet);
}

/* Repère de focus homogène, visible sur fond clair comme sur fond violet. */
.exa-mandataire a:focus-visible,
.exa-mandataire button:focus-visible,
.exa-mandataire input:focus-visible,
.exa-mandataire textarea:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 2px;
}

.exa-contact a:focus-visible,
.exa-contact button:focus-visible,
.exa-contact input:focus-visible,
.exa-contact textarea:focus-visible {
	outline-color: #ffffff;
}

.exa-bouton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 12px 28px;
	border-radius: 4px;
	background: var(--exa-violet);
	color: #ffffff;
	font-size: var(--exa-fs-base);
	font-weight: var(--exa-w-fort);
	text-decoration: none;
	transition: background-color .2s ease;
}

.exa-bouton:hover,
.exa-bouton:focus {
	background: var(--exa-violet-fonce);
	color: #ffffff;
}

.exa-pastille {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 3px;
	background: var(--exa-rose-pale);
	color: var(--exa-rose);
	font-size: var(--exa-fs-xs);
	font-weight: var(--exa-w-fort);
	letter-spacing: .6px;
	text-transform: uppercase;
}

.exa-lien-fort {
	color: var(--exa-violet);
	font-size: var(--exa-fs-sm);
	font-weight: var(--exa-w-fort);
	text-decoration: none;
}

.exa-lien-fort:hover {
	text-decoration: underline;
}

/* ------------------------------------------------------------------- En-tête. */

.exa-mandataire__entete {
	padding-block: 24px 30px;
	background-color: var(--exa-fond-alt);
	background-image: url("../../../../uploads/2023/01/mosaique_triangles-1.png");
	background-repeat: no-repeat;
	background-position: bottom -50px right -70px;
	background-size: 220px;
}

.exa-retour {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 24px;
	color: var(--exa-violet);
	font-size: var(--exa-fs-sm);
	font-weight: var(--exa-w-moyen);
	text-decoration: none;
}

.exa-retour:hover {
	text-decoration: underline;
}

.exa-entete__grille {
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin-top: 20px;
}

.exa-entete__photo {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: 0 10px 30px rgba(15, 9, 19, .15);
}

.exa-entete__nom {
	margin: 10px 0 0;
	color: var(--exa-noir);
	font-size: var(--exa-fs-2xl);
	font-weight: var(--exa-w-titre);
	line-height: var(--exa-lh-gros);
}

.exa-entete__fonction {
	margin-top: 8px;
	font-size: var(--exa-fs-md);
	font-weight: var(--exa-w-corps);
}

.exa-entete__coordonnees {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 16px 0 0;
	padding: 0;
	list-style: none;
}

.exa-entete__coordonnees a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 24px;
	color: var(--exa-texte);
	font-size: var(--exa-fs-base);
	text-decoration: none;
	overflow-wrap: anywhere;
}

.exa-entete__coordonnees a:hover {
	color: var(--exa-violet);
}

.exa-entete__rdv {
	align-self: flex-start;
}

/* -------------------------------------------------------------- Barre d'ancres. */

.exa-ancres {
	position: sticky;
	top: 0;
	z-index: 50;
	background: var(--exa-fond);
	border-bottom: 1px solid var(--exa-bord);
}

.exa-ancres__piste {
	display: flex;
	gap: 22px;
	overflow-x: auto;
	scrollbar-width: thin;
	/* Le défilement horizontal ne doit pas rogner le repère de focus. */
	padding-block: 4px;
}

.exa-ancres a {
	padding-block: 12px;
	color: var(--exa-texte);
	font-size: var(--exa-fs-sm);
	font-weight: var(--exa-w-moyen);
	text-decoration: none;
	white-space: nowrap;
}

.exa-ancres a:hover {
	color: var(--exa-violet);
}

.exa-ancres__contact {
	color: var(--exa-violet);
	font-weight: var(--exa-w-fort);
}

/* Les sections visées par une ancre doivent dégager la barre collante. */
.exa-mandataire [id] {
	scroll-margin-top: 60px;
}

/* --------------------------------------------------------------- Présentation. */

.exa-presentation__corps {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 18px;
	font-size: var(--exa-fs-base);
	font-weight: var(--exa-w-corps);
	line-height: var(--exa-lh-corps);
}

.exa-presentation__corps p {
	text-wrap: pretty;
}

.exa-specialites {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 4px 0 0;
	padding: 0;
	list-style: none;
}

.exa-specialites li {
	font-size: var(--exa-fs-xs);
	font-weight: var(--exa-w-moyen);
}

/* La pastille est portée par l'enfant et non par l'élément de liste : le lien doit
   couvrir toute la surface cliquable, cible de 24 px de haut comprise. */
.exa-specialites a,
.exa-specialites span {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 6px 14px;
	border-radius: 999px;
	background: var(--exa-violet-pale);
	color: var(--exa-violet);
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease;
}

.exa-specialites a:hover,
.exa-specialites a:focus {
	background: var(--exa-violet);
	color: #ffffff;
}

/* Le relais réseau. La distinction doit se voir sans avoir à lire l'intitulé : pastille
   en contour, pas en aplat. Le contraste du texte reste celui des pastilles pleines. */
.exa-specialites__intitule {
	margin: 18px 0 0;
	color: var(--exa-gris);
	font-size: var(--exa-fs-xs);
	font-weight: var(--exa-w-corps);
	line-height: var(--exa-lh-serre);
}

.exa-specialites--reseau a,
.exa-specialites--reseau span {
	background: transparent;
	box-shadow: inset 0 0 0 1px var(--exa-violet-pale);
}

.exa-specialites--reseau a:hover,
.exa-specialites--reseau a:focus {
	background: var(--exa-violet);
	box-shadow: inset 0 0 0 1px var(--exa-violet);
	color: #ffffff;
}

/* -------------------------------------------------------------------- Secteur. */

.exa-secteur__grille > div:first-child p {
	margin-top: 14px;
	font-size: var(--exa-fs-base);
	font-weight: var(--exa-w-corps);
	line-height: var(--exa-lh-corps);
	text-wrap: pretty;
}

.exa-secteur__note {
	color: var(--exa-gris);
	font-size: var(--exa-fs-sm);
}

.exa-carte {
	position: relative;
	margin-top: 24px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: var(--exa-ombre);
	background: #f6f4f8;
}

.exa-carte__toile {
	height: 300px;
}

/* Repli affiché tant que la carte n'a pas pris la main, et si elle échoue. */
.exa-carte__repli {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 24px;
	color: var(--exa-gris);
	font-size: var(--exa-fs-sm);
	text-align: center;
}

.exa-carte.est-chargee .exa-carte__repli {
	display: none;
}

/* Légende et points, injectés par le script. */
.exa-carte__legende {
	position: absolute;
	z-index: 1000;
	top: 12px;
	right: 12px;
	display: flex;
	flex-direction: column;
	gap: 7px;
	padding: 10px 14px;
	border-radius: var(--exa-rayon);
	background: rgba(255, 255, 255, .94);
	box-shadow: 0 2px 10px rgba(15, 9, 19, .14);
	font-size: var(--exa-fs-xs);
	color: var(--exa-texte);
}

.exa-carte__legende b {
	font-size: var(--exa-fs-xs);
	letter-spacing: .6px;
	text-transform: uppercase;
	color: var(--exa-noir);
}

.exa-carte__legende span {
	display: flex;
	align-items: center;
	gap: 8px;
}

.exa-puce {
	width: 12px;
	height: 12px;
	border-radius: 50% 50% 50% 0;
	transform: rotate(-45deg);
	background: var(--exa-violet);
}

.exa-puce--agence {
	background: var(--exa-rose);
}

.exa-puce--avenir {
	background: var(--exa-gris);
}

/* La zone du secteur : un carré, comme l'aplat qu'il désigne, et non une épingle. */
.exa-puce--zone {
	border-radius: 2px;
	transform: none;
	border: 1px solid var(--exa-violet);
	background: rgba(112, 35, 209, .18);
}

.exa-point {
	position: relative;
	width: 28px;
	height: 28px;
	border-radius: 50% 50% 50% 0;
	transform: rotate(-45deg);
	background: var(--exa-violet);
	box-shadow: 0 2px 6px rgba(15, 9, 19, .35);
}

.exa-point::after {
	content: "";
	position: absolute;
	inset: 8px;
	border-radius: 50%;
	background: #ffffff;
}

.exa-point--agence {
	background: var(--exa-rose);
}

.exa-point--avenir {
	background: var(--exa-gris);
}

.exa-infobulle__ville {
	color: var(--exa-noir);
	font-size: var(--exa-fs-md);
	font-weight: var(--exa-w-titre);
}

.exa-infobulle__mention {
	display: inline-block;
	margin: 4px 0 8px;
	padding: 2px 7px;
	border-radius: 3px;
	background: var(--exa-violet-pale);
	color: var(--exa-violet);
	font-size: var(--exa-fs-xs);
	font-weight: var(--exa-w-fort);
	letter-spacing: .4px;
	text-transform: uppercase;
}

.exa-infobulle__mention--rose {
	background: var(--exa-rose-pale);
	color: var(--exa-rose);
}

.exa-infobulle__personne {
	padding: 5px 0;
	border-top: 1px solid #f0edf3;
	font-size: var(--exa-fs-sm);
}

/* La bibliothèque cartographique impose sa police : on rétablit la nôtre. */
.exa-carte .leaflet-container {
	font-family: var(--exa-police);
}

.exa-carte .leaflet-tile-pane {
	filter: grayscale(.92) brightness(1.04) contrast(.97);
}

.exa-carte .leaflet-popup-content-wrapper {
	border-radius: var(--exa-rayon);
}

.exa-carte .leaflet-popup-content {
	margin: 14px 16px;
	font-size: var(--exa-fs-sm);
	color: var(--exa-texte);
}

/* ----------------------------------------------------------------------- Avis. */

.exa-avis {
	background: var(--exa-fond-alt);
}

.exa-avis__chapeau {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.exa-avis__soustitre {
	margin-top: 8px;
	color: var(--exa-gris);
	font-size: var(--exa-fs-base);
	font-weight: var(--exa-w-corps);
}

.exa-avis__liste {
	display: grid;
	gap: 18px;
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
}

/* La carte reprend les codes d'une fiche d'avis Google — identité en tête, étoiles,
   puis le propos — à une différence près, voulue : le texte est donné en entier. Le
   widget de la page d'accueil, lui, le coupe et le met dans une zone qui défile. */
.exa-avis__carte {
	display: flex;
	flex-direction: column;
	gap: 12px;
	height: 100%;
	margin: 0;
	padding: 20px;
	border: 1px solid var(--exa-bord);
	border-radius: 12px;
	background: var(--exa-fond);
	box-shadow: var(--exa-ombre-douce);
}

.exa-avis__entete {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 12px;
}

/* Pas de photographie : les avis sont recopiés à la main. L'initiale sur fond coloré
   est ce que Google affiche lui-même quand le compte n'a pas d'image. */
.exa-avis__avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	flex: none;
	border-radius: 50%;
	color: #fff;
	font-size: var(--exa-fs-md);
	font-weight: var(--exa-w-fort);
	line-height: 1;
}

.exa-avis__identite {
	display: flex;
	flex-direction: column;
	gap: 1px;
	min-width: 0;
}

.exa-avis__auteur {
	color: var(--exa-noir);
	font-size: 15px;
	font-weight: var(--exa-w-fort);
	line-height: var(--exa-lh-serre);
}

.exa-avis__date {
	color: var(--exa-gris);
	font-size: var(--exa-fs-sm);
	font-weight: var(--exa-w-corps);
	line-height: var(--exa-lh-serre);
}

.exa-avis__source {
	flex: none;
	align-self: start;
	margin-top: 2px;
}

.exa-avis__note {
	display: flex;
	align-items: center;
	gap: 2px;
	margin: 0;
	color: #fbbc04; /* le jaune des étoiles de Google */
}

.exa-avis__etoile {
	display: block;
}

/* Divi habille tous les « blockquote » d'un filet à gauche et d'un retrait. Une fiche
   d'avis Google n'en a pas : on les reprend ici, la classe suffisant à passer devant. */
.exa-avis__texte {
	margin: 0;
	padding: 0;
	border: 0;
	color: var(--exa-texte);
	font-size: var(--exa-fs-base);
	font-weight: var(--exa-w-corps);
	line-height: var(--exa-lh-corps);
	text-wrap: pretty;
}

.exa-avis__texte p {
	margin: 0;
}

/* --------------------------------------------------------------------- Agence. */

.exa-agence__photo img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	border-radius: 10px;
	box-shadow: var(--exa-ombre);
}

.exa-agence__grille > div:last-child p {
	margin-top: 14px;
	font-size: var(--exa-fs-base);
	font-weight: var(--exa-w-corps);
	line-height: var(--exa-lh-corps);
	text-wrap: pretty;
}

.exa-agence__infos {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
	font-size: var(--exa-fs-base);
}

.exa-agence__infos li {
	display: flex;
	align-items: flex-start;
	gap: 11px;
}

.exa-agence__infos a {
	color: var(--exa-texte);
	text-decoration: none;
}

.exa-agence__infos a:hover {
	color: var(--exa-violet);
}

/* -------------------------------------------------------------------- Contact. */

.exa-contact {
	padding-block: 44px;
	background-color: var(--exa-violet);
	background-image: url("../../../../uploads/2023/01/mosaique_triangles-1.png");
	background-repeat: no-repeat;
	background-position: bottom -40px left -60px;
	background-size: 260px;
	color: #ffffff;
}

.exa-contact__grille {
	display: grid;
	gap: 28px;
}

.exa-contact__titre {
	margin: 0;
	color: #ffffff;
	font-size: var(--exa-fs-2xl);
	font-weight: var(--exa-w-titre);
	line-height: var(--exa-lh-titre);
}

.exa-contact__soustitre {
	margin-top: 12px;
	font-size: var(--exa-fs-lg);
	font-weight: var(--exa-w-corps);
}

.exa-contact__signature {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 22px;
}

.exa-contact__portrait {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid rgba(255, 255, 255, .6);
}

.exa-contact__signature strong {
	display: block;
	font-size: var(--exa-fs-base);
	font-weight: var(--exa-w-fort);
}

.exa-contact__signature span {
	display: block;
	margin-top: 2px;
	font-size: var(--exa-fs-sm);
	font-weight: var(--exa-w-corps);
	opacity: .85;
}

/* Habillage du formulaire — le balisage reste celui de Contact Form 7. */
.exa-contact__formulaire .wpcf7 form > p,
.exa-contact__formulaire .wpcf7 form > div > p {
	margin: 0;
}

.exa-contact__formulaire .wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.exa-contact__formulaire .exa-form__ligne {
	display: grid;
	gap: 14px;
}

.exa-contact__formulaire input[type="text"],
.exa-contact__formulaire input[type="email"],
.exa-contact__formulaire input[type="tel"],
.exa-contact__formulaire textarea {
	width: 100%;
	padding: 12px 14px;
	border: none;
	border-radius: 4px;
	background: #ffffff;
	color: var(--exa-noir);
	font-family: var(--exa-police);
	font-size: var(--exa-fs-saisie);
	font-weight: var(--exa-w-corps);
}

.exa-contact__formulaire textarea {
	min-height: 120px;
	resize: vertical;
}

.exa-contact__formulaire ::placeholder {
	color: #9b93a4;
	opacity: 1;
}

.exa-contact__formulaire .exa-form__rgpd,
.exa-contact__formulaire .wpcf7-acceptance label {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	font-size: var(--exa-fs-xs);
	font-weight: var(--exa-w-corps);
	line-height: var(--exa-lh-serre);
	cursor: pointer;
}

.exa-contact__formulaire .wpcf7-list-item {
	margin: 0;
}

.exa-contact__formulaire input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin-top: 1px;
	flex: none;
	accent-color: #ffffff;
}

/* Le bloc « Politique de confidentialité · * Champs obligatoires » du formulaire. Il
   n'avait aucune règle : il sortait donc à la taille du corps, aussi présent que les
   champs eux-mêmes, alors que c'est une mention de bas de formulaire. */
.exa-contact__formulaire .exa-form__mentions {
	color: rgba(255, 255, 255, .82);
	font-size: var(--exa-fs-xs);
	line-height: var(--exa-lh-serre);
}

.exa-contact__formulaire a {
	color: #ffffff;
	text-decoration: underline;
}

.exa-contact__formulaire .exa-form__envoi {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

/* Contact Form 7 place son témoin d'envoi APRÈS le bouton, avec 24 px de marge de part
   et d'autre : laissé tel quel, il décolle le bouton du bord droit de 72 px. On le
   renvoie à gauche du bouton, où il reste visible pendant l'envoi. */
.exa-contact__formulaire .exa-form__envoi .wpcf7-spinner {
	order: -1;
}

.exa-contact__formulaire .wpcf7-submit {
	min-height: 44px;
	padding: 10px 35px;
	border: none;
	border-radius: 4px;
	background: #ffffff;
	color: var(--exa-violet);
	font-family: var(--exa-police);
	font-size: var(--exa-fs-base);
	font-weight: var(--exa-w-titre);
	cursor: pointer;
	transition: background-color .2s ease;
}

.exa-contact__formulaire .wpcf7-submit:hover {
	background: var(--exa-violet-pale);
}

/* Messages de Contact Form 7 : lisibles sur le fond violet. */
.exa-contact__formulaire .wpcf7-response-output {
	margin: 4px 0 0;
	padding: 12px 14px;
	border-radius: 4px;
	border: 1px solid rgba(255, 255, 255, .45);
	font-size: var(--exa-fs-sm);
}

.exa-contact__formulaire .wpcf7-not-valid-tip {
	margin-top: 4px;
	color: #ffe4ef;
	font-size: var(--exa-fs-xs);
}

.exa-contact__formulaire .wpcf7-spinner {
	background-color: rgba(255, 255, 255, .6);
}

/* ------------------------------------------------------- Points de rupture. */

@media (min-width: 600px) {
	.exa-mandataire {
		--exa-gouttiere: 32px;
	}

	.exa-section {
		padding-block: 50px;
	}

	.exa-entete__coordonnees {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 12px 26px;
	}

	.exa-avis__liste {
		grid-template-columns: repeat(2, 1fr);
		gap: 22px;
	}

	.exa-contact__formulaire .exa-form__ligne {
		grid-template-columns: 1fr 1fr;
	}

	.exa-carte__toile {
		height: 340px;
	}
}

@media (min-width: 900px) {
	.exa-mandataire__entete {
		padding-block: 34px 40px;
		background-size: 300px;
	}

	.exa-entete__grille {
		flex-direction: row;
		align-items: center;
		gap: 32px;
		margin-top: 26px;
	}

	.exa-entete__photo {
		width: 160px;
		height: 160px;
	}

	.exa-entete__identite {
		flex: 1;
	}

	.exa-entete__rdv {
		align-self: center;
		white-space: nowrap;
	}

	.exa-section {
		padding-block: 60px;
	}

	.exa-presentation__grille {
		display: grid;
		grid-template-columns: 1fr 2fr;
		gap: 48px;
		align-items: start;
	}

	.exa-presentation__corps {
		margin-top: 0;
	}

	.exa-secteur__grille {
		display: grid;
		grid-template-columns: 1fr 1.4fr;
		gap: 48px;
		align-items: center;
	}

	.exa-carte {
		margin-top: 0;
	}

	.exa-carte__toile {
		height: 360px;
	}

	.exa-avis__chapeau {
		flex-direction: row;
		align-items: flex-end;
		justify-content: space-between;
		gap: 24px;
	}

	.exa-avis__liste {
		grid-template-columns: repeat(3, 1fr);
		gap: 24px;
	}

	.exa-agence__grille {
		display: grid;
		grid-template-columns: 1.4fr 1fr;
		gap: 48px;
		align-items: center;
	}

	.exa-contact {
		padding-block: 60px;
		background-size: 340px;
	}

	.exa-contact__grille {
		grid-template-columns: 1fr 1.2fr;
		gap: 48px;
		align-items: start;
	}
}

@media (min-width: 1200px) {
	.exa-presentation__grille,
	.exa-secteur__grille,
	.exa-agence__grille,
	.exa-contact__grille {
		gap: 56px;
	}
}

/* Le défilement animé et les transitions sont neutralisés sur demande du système. */
@media (prefers-reduced-motion: reduce) {
	.exa-mandataire *,
	.exa-mandataire *::before,
	.exa-mandataire *::after {
		transition-duration: .01ms;
		animation-duration: .01ms;
	}
}