html {
    background: url('fond.jpg') no-repeat center center fixed;
    background-size: cover; /* L'image couvre tout l'écran sans distorsion */
    -webkit-background-size: cover; /* Compatibilité anciens navigateurs */
    -moz-background-size: cover;
    -o-background-size: cover;
}

html::before {
    content: '';
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent noir */
    z-index: 1;
}
body { position: relative; z-index: 2; color: white; font-size: 18px;}
a, a:visited, a:hover {color: #ff9c9c;}

body {
    max-width: 600px;
  margin: auto;
  padding: 1em;
    min-height: 100vh; /* Hauteur minimale 100% de la viewport */
    font-family: Arial, sans-serif;
}