body {
    font-family: 'Roboto', sans-serif;
    background-color: #f4f7f6;
}

.titre {
     text-shadow: 5px 5px 3px rgba(0, 0, 0, 0.7);
     color: rgb(255, 187, 0);
     font-size: 500%;
}

.parallax {
     margin-bottom: 30vh;
     background-image: url(../Images/image2.jpg);
     /* Utilisation de l'image de fond */
     height: 250px;
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}

.form-control:focus {
     box-shadow: 0 0 8px rgba(40, 167, 69, 0.5);
}

.custom-btn-envoyer {
     font-weight: bold;
     border-radius: 50px;
     padding: 12px 20px;
     transition: all 0.3s ease;
}

.custom-btn-envoyer:hover {
     transform: scale(1.05);
     /* Légère augmentation de la taille au survol */
}

.custom-btn-envoyer:active {
     transform: scale(0.98);
     /* Effet de clic : réduit légèrement le bouton */
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.custom-btn-retour:hover {
    transform: scale(1.05);
    /* Légère augmentation de la taille au survol */
}

.custom-btn-retour {
    font-weight: bold;
    border-radius: 50px;
    padding: 12px 20px;
    transition: all 0.3s ease;
}

.custom-btn-retour:active {
    transform: scale(0.98);
    /* Effet de clic : réduit légèrement le bouton */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Animation d'apparition progressive */
.form-group {
     opacity: 0;
     transform: translateY(20px);
     animation: slideIn 0.5s ease-out forwards;
}

@keyframes slideIn {
     to {
         opacity: 1;
         transform: translateY(0);
    }
}

.form-group input {
     padding: 15px;
     font-size: 1.1rem;
     border-radius: 10px;
     border: 1px solid #ddd;
}