/**
 * CSS COMPLÉMENTAIRE pour l'animation du formulaire
 */
 
/* États du formulaire */
.target-formulaire {
    display: none;
    opacity: 0;
    transform: translateY(20px);
}
 
.target-formulaire-active {
    display: block;
    animation: slideInUp 0.5s ease-out forwards;
}
 
/* Animation d'apparition du formulaire */
@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
 
/* Optionnel: Ajouter un style au formulaire quand actif */
.target-formulaire-active {
    margin-top: 30px;
    padding: 20px;
    border-top: 2px solid #e0e0e0;
}
 
/* Responsive */
@media (max-width: 768px) {
    .target-formulaire-active {
        margin-top: 20px;
        padding: 15px;
    }
}
 
/* Amélioration: Désactiver l'indicateur après le clic (optionnel) */
.scroll-indicator.clicked {
    opacity: 0.3;
    pointer-events: none;
    transition: opacity 0.3s ease;
}