/* les3r-mobile.css — adaptation téléphones
   Ne s'applique que sous 700px de large : aucun effet sur écran d'ordinateur.
   Version 4 — règle de navigation autonome (structures bandeau/nav variables
   selon les pages : nav imbriquée dans les fiches, séparée ailleurs). */

@media (max-width: 700px) {

  /* Bandeau fixe : pleine largeur d'écran au lieu de 630px */
  div[style*="position:fixed"],
  div[style*="position: fixed"] {
    width: 100% !important;
  }

  /* Navigation : tout div en font-size:20px inline (seule la nav l'utilise) */
  div[style*="font-size:20px"],
  div[style*="font-size: 20px"] {
    font-size: 13px !important;
    line-height: 1.7 !important;
    padding: 3px 4px !important;
    white-space: normal !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Espace compensatoire sous le bandeau */
  div[style*="padding-top:80px"],
  div[style*="padding-top: 80px"] {
    padding-top: 60px !important;
  }

  /* Couvertures : les deux images côte à côte, réduites proportionnellement */
  img[style*="width:295px"],
  img[style*="width: 295px"] {
    width: 46vw !important;
    height: auto !important;
  }

  /* Images larges (sommaire, talismans, planches) : pleine largeur d'écran */
  img[style*="width:630px"],
  img[style*="width: 630px"] {
    width: 100% !important;
    height: auto !important;
  }
  img[style*="width:400px"],
  img[style*="width: 400px"] {
    max-width: 100% !important;
    height: auto !important;
  }

  /* Extrait Calameo : ne pas déborder de l'écran */
  iframe {
    max-width: 100% !important;
  }

  /* Respiration latérale du texte */
  h1, h2, p, ul {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}