/*
 * Correctif d'affichage des photos du bandeau d'accueil.
 * Agence Audace, 05.11.2026.
 *
 * Problème constaté : des bandes grises au-dessus et au-dessous de la photo,
 * selon la largeur de la fenêtre. Le bandeau fait 830 px de haut, fixes, alors
 * que modules/mod_sliders/assets/css/styles.css dimensionne la photo ainsi :
 *
 *   - en dessous de 1300 px : aucun background-size → la photo s'affiche à sa
 *     taille naturelle (jusqu'à 4856 px de large pour certaines) ; on n'en voit
 *     qu'un morceau central, énormément agrandi ;
 *   - à partir de 1300 px : background-size: 100% auto → la photo épouse la
 *     largeur, et sa hauteur suit son format. Dès qu'elle est plus large que
 *     haute, cette hauteur tombe sous 830 px et le fond se voit.
 *
 * Mesuré à 1400 px de large : il manquait 101 px à la photo « Ancienne capitale
 * de l'Helvétie romaine » et 138 px à « Capitale équestre », répartis moitié en
 * haut, moitié en bas — d'où les deux bandes.
 *
 * Correctif : background-size: cover. La photo couvre toujours le bandeau et se
 * recadre, au lieu de laisser du vide. C'est le comportement attendu d'une image
 * de bandeau, et il vaut à toutes les largeurs.
 *
 * Posé dans le thème et non dans le module : mod_sliders appartient à l'ancien
 * prestataire. Chargé par templates/theme25/html/mod_sliders/default.php, juste
 * après la feuille du module, pour passer devant elle dans la cascade.
 */

div.main-slider div.item .img-bg {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* La règle d'origine est dans une requête de média : on la reprend à l'identique
   pour que le correctif tienne même si l'ordre de chargement changeait. */
@media (min-width: 1300px) {
	div.main-slider div.item .img-bg {
		background-size: cover;
	}
}