/* ===================== */
/*    STYLES GLOBAUX     */
/* ===================== */

html, body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    min-height: 100vh;
}

/* Les images et vidéos ne débordent jamais */
img, video {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Style général */
body {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  color: #111;
}

a {
  color: inherit;
}

/* Pousse le footer au bas de la page (pages courtes) */
main {
    flex: 1 0 auto;
}


/* ===================== */
/*     TYPOGRAPHIE       */
/* ===================== */

/* Aucun mot ne doit rester seul sur la derniere ligne d'un bloc de texte
   (une « orpheline »). `pretty` demande au navigateur de reprendre les
   lignes precedentes pour eviter ce cas, sans toucher au texte lui-meme.
   Un navigateur qui ne connait pas la valeur ignore la declaration :
   rien ne casse, on retombe sur le comportement d'avant.

   `text-wrap: balance` sur .page-titre (page.css) et .footer-desc
   (footer.css) reste prioritaire : ces deux fichiers sont charges apres,
   et ce sont des selecteurs de classe. */
p,
li,
figcaption,
address,
h1, h2, h3, h4 {
  text-wrap: pretty;
}


/* ============================================================ */
/*   SELECTION DU TEXTE ET ENREGISTREMENT DES PHOTOS            */
/* ============================================================ */

/* ATTENTION — c'est un garde-fou, pas une protection. Le code source,
   les outils de developpement, l'URL directe d'une image et la simple
   capture d'ecran restent accessibles a qui veut vraiment. Cela decourage
   la copie distraite, rien de plus. */

body {
  -webkit-user-select: none;
  user-select: none;
}

/* Les coordonnees restent selectionnables. Empecher un visiteur de copier
   le telephone, l'e-mail ou l'adresse ferait perdre des contacts : cela
   coute bien plus cher que la copie qu'on cherche a eviter. */
address,
.footer-contact,
.coordonnees,
.zone-liste,
a[href^="tel:"],
a[href^="mailto:"] {
  -webkit-user-select: text;
  user-select: text;
}

/* Photos : pas de glisser-deposer vers le bureau, pas d'apercu au
   long-appui sur iOS (qui propose « Enregistrer l'image »). */
img {
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
}