/* ===================== */
/*    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;
}