/*
 * RÈGLES COMMUNES À TOUTES LES CARTES
 *
 * Ce fichier est le bon endroit pour les réglages généraux (fond, centrage,
 * comportement des liens). Les fichiers voisins comme "midi.css" viennent
 * d'InDesign : évitez de les modifier à la main, sauf pour changer précisément
 * la position ou l'apparence d'un élément de la maquette.
 */

html {
	background: #fff;
	overflow-x: hidden;
}

/* La maquette originale mesure 750 px. Le viewport défini dans chaque page
 * demande au navigateur mobile de l'adapter automatiquement à son écran. */
body#publication {
	margin: 0 auto;
	position: relative;
}

/* Ce cadre est créé par fit-page.js autour du contenu exporté. */
.page-scale {
	position: relative;
	transform-origin: top left;
}

/* Les liens de l'accueil sont transparents : ils se superposent exactement
 * aux intitulés dessinés par InDesign sans modifier le design. */
.liens-cartes a {
	position: absolute;
	left: 80.53px;
	width: 589.2px;
	height: 109.56px;
	z-index: 10;
	display: block;
	border-radius: 2px;
}

/* Un contour apparaît seulement au clavier, pour garder la carte accessible
 * sans ajouter d'élément visible pour les visiteurs utilisant le tactile. */
.liens-cartes a:focus-visible {
	outline: 4px solid #000;
	outline-offset: 4px;
}