@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.fade-in {
    animation: fadeIn 1s ease-in;
}

.unclickable-link {
    color: inherit;
    text-decoration: none;
    cursor: text;
    pointer-events: none;
}

/* Styles spécifiques pour le header */
header {
    transition: background-color 0.3s ease;
}

header.scrolled {
    background-color: rgba(255, 255, 255, 0.9);
}

/* Styles pour les sections */
section {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

section.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Styles pour les graphiques */
canvas {
    max-width: 100%;
    height: auto;
}

/* Styles pour le footer */
footer a:hover {
    text-decoration: underline;
}