/* Body */
body { font-family: Arial, sans-serif; margin: 0; padding: 0; line-height: 1.6; position: center; }
a { font-weight: bold; color: #333; text-decoration: none;}
.centered { text-align: center; }
/* Header */
header { background-color: #fff; color: #333; padding: 1rem; text-align: center; }
header h1 { margin: 0; }
/* Nav */
nav ul { list-style: none; padding: 0; }
nav ul li { display: inline; margin: 0 1rem; }
nav ul li a { color: #fff; text-decoration: none; }
/* Main */
main { padding: 2rem; text-align: justify; max-width: 900px; margin: 0 auto; display: block; }
main section { margin-bottom: 2rem; }
/* Footer */
footer { background-color: #fff; color: #333; text-align: center; padding: 1rem; position: fixed; bottom: 0; width: 100%; }
/* Custom */
.heart { color:forestgreen; font-weight:bold; }
.lead { text-align: justify; font-size: 1rem;}  
/* Sources */
#sources-content {
    display: none; /* Masquer par défaut */
    padding: 10px;
    border-left: 3px solid #ccc;
    margin-top: 10px;
}
/* Responsive */
@media (max-width: 768px) {
    nav ul li { display: block; margin: 0.5rem 0; }
    header, footer { text-align: center; padding: 1rem 2rem; }
}
@media (max-width: 480px) {
    body { font-size: 14px; }
    header, footer { padding: 1rem; }
}

/* Profile picture */
.profile-circle {
    width: 200px; /* Ajustez la taille selon vos besoins */
    height: 200px; /* La hauteur doit être égale à la largeur */
    border-radius: 50%; /* Transforme l'image en cercle */
    object-fit: cover; /* Assure un bon rendu si l'image déborde */
    display: block; /* Optionnel : utile pour centrer l'image */
    margin: 0 auto; /* Optionnel : centre horizontalement si nécessaire */
}
.social-icons {
    display: flex; /* Crée une disposition en ligne */
    gap: 10px; /* Espacement entre les icônes */
    justify-content: center; /* Centrer les icônes horizontalement (optionnel) */
    align-items: center; /* Aligner les icônes verticalement */
}

.social-icons a {
    text-decoration: none; /* Supprime la décoration par défaut */
    font-size: 24px; /* Ajuste la taille des icônes */
    color: #333; /* Couleur par défaut des icônes */
}

.social-icons a:hover {
    color: #007bff; /* Couleur au survol */
}