body {
    background-image: url('images/fond-fix.jpg'); /* Remplacez par votre image */
    background-attachment: fixed; /* Le fond reste fixe lors du défilement */
    background-position: center; /* Centre l'image */
    background-repeat: no-repeat; /* Empêche la répétition de l'image */
    background-size: cover; /* Adapte l'image pour couvrir toute la zone */
    background-color: #000000;  /* Optionnel : couleur de secours */
    margin: 10; /* Enlève les marges par défaut */
    padding: 0; /* Enlève le padding par défaut */
    font-family: futura;
    font-size: 20px;
    
    /* Styling de base de la modale */
    dialog {
        padding: 20px;
        border-radius: 16px;
        border: 1px solid white;
        background: rgba(250,249,227,1.0);
        box-shadow: 0 4px 6px rgba(0,0,0,0.8);
    }
    
    /* Styling du fond (backdrop) */
    dialog::backdrop {
        background-color: rgba(0, 0, 0, 0.4);
    }
    
    .responsive-img {
        max-width: 100%; /* L'image ne dépasse pas la largeur du div */
        height: auto;    /* Garde le ratio hauteur/largeur original */
        display: block;  /* Supprime l'espace vide sous l'image */
    }

}   /* Body */

h1, p {
    color: white; /* Pour une meilleure lisibilité sur une image sombre */
    text-shadow: 2px 2px 4px black; /* Ombre pour le texte */
    
    font-family: "Futura", serif;
    font-size: 18px;
}