body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #1f1f1f; /* Couleur de fond du site */
    color: #ffffff; /* Couleur du texte par défaut */
}

main {
    padding: 0;
    text-align: center;
    margin-top: -12px; /* Déplace le contenu de 12 pixels en dessous du header (46px pour le header) */
    position: relative; /* Permet l'utilisation de z-index */
    z-index: 0; /* Met le contenu en arrière-plan */
}

.main-banner {
    width: 100%; /* Largeur fluide pour s'adapter à la taille de l'écran */
    max-width: 1024px; /* Largeur maximale de l'image */
    height: auto; /* Hauteur automatique pour conserver les proportions */
    display: block; /* Supprime l'espace en dessous de l'image */
    margin: 0 auto; /* Centre l'image horizontalement */
}

/* Media Query pour les écrans plus petits */
@media (max-width: 1024px) {
    .main-banner {
        width: 100%; /* Réduit la largeur de l'image pour les écrans plus petits */
    }
}

@media (max-width: 600px) {
    .main-banner {
        width: 100%; /* Prend toute la largeur sur les écrans très petits */
    }
}

.image-container {
    position: relative; /* Permet de positionner le pop-up par rapport à l'image */
    display: inline-block; /* Assure que le conteneur s'adapte à la taille de l'image */
}


.image-container {
    position: relative; /* Permet de positionner le pop-up par rapport à l'image */
    display: inline-block; /* Assure que le conteneur s'adapte à la taille de l'image */
}

.popup {
    font-family: 'VT323', monospace; /* Utilise la police VT323 */
    display: none; /* Masque le pop-up par défaut */
    position: absolute; /* Positionne le pop-up par rapport à l'image */
    background-color: white; /* Fond blanc */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); /* Ombre portée */
    width: 400px; /* Largeur fixe du pop-up */
    height: auto; /* Hauteur automatique pour s'adapter au contenu */
    padding: 15px;
    pointer-events: none; /* Permet à la souris de passer à travers le pop-up */
    z-index: 10; /* Assure que le pop-up est au-dessus de l'image */
    font-size: 11pt; /* Taille de la police */
    color: #191919; /* Couleur du texte */
    overflow: hidden; /* Cache le contenu qui dépasse */
    box-sizing: border-box; /* Inclut le padding dans la largeur et la hauteur */
}