/* ---------------------------------------------------------------------------
   Ajustements posterieurs au CSS compile (application.css, 173 Ko minifies).
   Charge apres lui : ces regles ont donc le dernier mot a specificite egale.
   Cree le 2026-09-24.
   --------------------------------------------------------------------------- */

/* --- Logo X (ex-Twitter) ---------------------------------------------------
   Le carre fait 100x100 comme les autres reseaux. Les icones FontAwesome sont
   centrees par line-height ; un SVG, lui, se cale sur la ligne de base, d'ou
   le vertical-align explicite.                                              */
.contact .page .col-sm-6 a.x {
	background: #000;
}

.contact .page .col-sm-6 a.x svg {
	width: 48px;
	height: 48px;
	fill: #fff;
	vertical-align: middle;
}

/* --- Repere de focus -------------------------------------------------------
   Bootstrap pose « outline: 5px auto » sur tout a:focus, ce qui encadre les
   liens des qu'on clique dessus. On ne supprime PAS le repere : on le reserve
   a la navigation clavier via :focus-visible, que le navigateur n'active pas
   sur un clic souris. Supprimer purement l'outline rendrait le site
   inutilisable sans souris.                                                 */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
.btn:focus:not(:focus-visible),
.navbar-toggle:focus:not(:focus-visible),
.dropdown-toggle:focus:not(:focus-visible) {
	outline: none;
	box-shadow: none;
}

/* Au clavier, un repere net et contraste, aux couleurs du site. */
a:focus-visible,
button:focus-visible,
.btn:focus-visible {
	outline: 3px solid #00b0ef;
	outline-offset: 2px;
}