/* Styles généraux */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #0a0f0d; /* Arrière-plan général: noir profond */
    color: #ffffff; /* Texte en blanc pour plus de contraste */
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

header {
    background-color: #003366; /* Bleu navy pour l'en-tête */
    padding: 20px 10%;
    text-align: center;
}

header h1 {
    margin: 0 0 20px 0; /* Réduit la marge en-dessous du titre */
    color: #ffffff; /* Texte en blanc */
}

header div img {
    width: 100%; /* Adaptation à la largeur du conteneur */
    height: auto; /* Hauteur auto pour conserver les proportions */
    max-width: 600px; /* Largeur maximale de l'image */
    display: block; /* Pour centrer l'image si nécessaire */
    margin: 0 auto; /* Centrage de l'image dans son div */
}

main {
    background-color: #12232e; /* Bleu très sombre pour le main */
    padding: 20px 10%;
}

main section h3 {
    color: #cccccc; /* Texte gris clair pour les titres de sections */
}

main ul {
    list-style-type: none; /* Suppression des puces */
}

main ul li a {
    color: #4da8da; /* Couleur bleu clair pour les liens */
    text-decoration: none; /* Aucun soulignement */
    transition: color 0.3s ease-in-out; /* Transition douce pour le hover */
}

main ul li a:hover {
    color: #81c2d6; /* Changement de couleur au survol */
}

footer {
    background-color: #001f3f; /* Bleu plus foncé pour le footer */
    color: #cccccc;
    text-align: center;
    padding: 20px 10%;
}

footer p {
    margin: 5px 0; /* Espacement vertical entre les paragraphes */
}