body {
    font-family: Verdana, sans-serif;
}
	
.gif-border {
    border: 15px solid #f5f7fa; 
    border-radius: 15px; /* Coins arrondis */
    box-sizing: border-box; /* Assure que le contour est inclus dans la taille de l'image */
}
/* Style général pour le slider */
.slider-container {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slide {
    min-width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slide img {
    max-width: 100%;
    height: auto;
    display: block;
}

.text-image {
	
    display: flex;
    justify-content: center;
    align-items: center;
}

.text {
    text-align: justify;
    padding-left: 20px;
}

.navigation {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

/* Style pour les petits écrans */
@media (max-width: 768px) {
    .text-image {
        flex-direction: column;
        text-align: center;
    }

    .text {
        padding-left: 0;
        padding-top: 10px;
    }

    .slide img {
        max-width: 80%;
    }
}
button.prev, button.next {
    background-color: #f5f7fa; /* Couleur gris */
    color: white; /* Texte en blanc pour le contraste */
    border: none; /* Supprime la bordure par défaut */
    padding: 10px 20px; /* Ajuste la taille des boutons */
    cursor: pointer; /* Change le curseur en pointeur pour un bouton cliquable */
    border-radius: 5px; /* Coins légèrement arrondis */
    font-size: 16px; /* Taille du texte */
}

/* Changement de couleur au survol */
button.prev:hover, button.next:hover {
    background-color: #ebedf0; /* Gris plus foncé */
}
        .contact-form {
		padding-top: 20px;
            padding-left: 20px;
		padding-right: 20px;
            background-color: #f9f9f9;
            margin-top: 20px;
		margin-left: 20px;
		margin-right: 20px;
	border-radius: 30px; /* Coins légèrement arrondis */
        }

        .contact-form h2 {
            margin-bottom: 20px;
            font-size: 18px;
        }

        .contact-form input,
        .contact-form textarea {
            width: 100%;
            padding: 10px;
            margin-bottom: 15px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        .contact-form input[type="submit"] {
            background-color: #007BFF;
            color: white;
            border: none;
            cursor: pointer;
        }

        .contact-form input[type="submit"]:hover {
            background-color: #0056b3;
        }