/*
  espaces.css — Mon Eau Nette
  ----------------------------
  Un seul fichier pour toutes les pages : une règle corrigée ici l'est partout.
  Copier le même bloc dans quarante fichiers, c'est se garantir quarante versions
  différentes dans six mois — et en oublier une.

  Ce fichier traite trois choses :
  1. Le vide sur les grands écrans (colonne de 720px perdue au milieu de 2280px)
  2. L'impression (les liens doivent rester vérifiables sur papier)
  3. Le confort de lecture (le texte ne s'étire jamais à l'infini)
*/

/* ——— 1. Grands écrans : occuper la largeur, sans étirer le texte ———
   Une ligne de 2000 px fatigue l'œil, qui se perd en revenant à la ligne. Les
   journaux ont des colonnes depuis trois siècles, et ce n'est pas par manque
   de papier. On élargit donc par paliers, jusqu'à une limite raisonnable.

   Exception : une page qui a déjà organisé sa largeur (l'accueil et ses deux
   colonnes) porte la classe « men-large-libre » et garde la main. Sans cela ce
   fichier, chargé en dernier, écraserait son travail. */
@media(min-width:1000px){
  .wrap:not(.men-large-libre){max-width:960px!important}
}
@media(min-width:1400px){
  .wrap:not(.men-large-libre){max-width:1180px!important}
  /* Les grilles de cartes respirent et se répartissent d'elles-mêmes. */
  .wrap .grille-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
}
@media(min-width:1800px){
  .wrap:not(.men-large-libre){max-width:1320px!important}
}

/* ——— 2. À l'impression : les sources restent vérifiables ———
   Sur papier, un lien n'est plus cliquable : son adresse doit s'écrire en clair,
   sinon la source devient invérifiable — exactement ce que ce site refuse.
   Les liens internes (#ancre, page.html) n'ont aucun sens imprimés. */
@media print{
  body{background:#fff!important;color:#000}
  a[href^="http"]:after{content:" (" attr(href) ")";font-size:.8em;color:#555;word-break:break-all}
  a[href^="#"]:after,a[href$=".html"]:after,a[href^="mailto"]:after{content:""}
  .menu,nav,.men-tableau-bord,.men-raccourcis,.men-pour-vous,.men-fil-conducteur,
  .men-reprise,#men-version-globale,.actions-page,.btn-eau,.btn-autour{display:none!important}
  .carte{box-shadow:none!important;border:1px solid #ddd;break-inside:avoid;page-break-inside:avoid}
  h1,h2,h3{break-after:avoid;page-break-after:avoid}
  .wrap{max-width:100%!important;padding:0!important}
}

/* ——— 3. Le pied de page commun ——— */
.men-pied-info{max-width:820px;margin:0 auto;padding:14px 16px;font-size:12px;
  color:#8A97A3;line-height:1.75;text-align:center}
.men-pied-info a{color:#1D7FBF;text-decoration:none}
.men-pied-info a:hover{text-decoration:underline}