body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

header {
    background-color: #000000;
    color: white;
    padding: 10px 0;
    text-align: center;
}

main {
    flex: 1;
    padding: 20px;
    text-align: center;
}

button {
    background-color: #000000;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s;
}

button:hover {
    background-color: #3d3d3d;
}

footer {
    background-color: #000000;
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 10px 0;
}

/* Style de base pour tous les hyperliens */
a {
    color: #000000; /* Couleur du texte du lien */
    text-decoration: none; /* Supprime le soulignement par défaut */
    font-weight: bold; /* Rendre le texte en gras */
}

/* Style pour les liens au survol (hover) */
a:hover {
    color: #cfcfcf; /* Change la couleur du texte lors du survol */
    text-decoration: underline; /* Ajoute un soulignement lors du survol */
}

/* Style pour les liens cliqués */
a:active {
    color: #bbbbbb; /* Couleur lors du clic */
}

/* Style pour les liens visités */
a:visited {
    text-decoration: none;
}

/* Style pour l'image */
.image-container {
    margin-top: 20px;
    text-align: center;
}

.image-container img {
    max-width: 40%; /* Réduit la taille de l'image si elle est trop grande */
    height: auto; /* Maintient les proportions de l'image */
    filter:grayscale(100%);
}

/* Style pour le lien "rasaw" dans le footer */
.footer-link {
    color: white; /* Texte en blanc */
    text-decoration: none; /* Pas de soulignement */
}

.footer-link:visited {
    color: white; /* Garde le texte en blanc même après avoir été visité */
}