/* Centrer le bouton "Afficher plus" */
#load-more {
    display: block;
    margin: 0 auto;
}

/* Alignement et centrage du texte de description */
.realisation-item .col-md-6 {
    text-align: center;
    word-wrap: break-word; /* Pour s'assurer que le texte ne déborde pas */
}

.realisation-item p {
    margin: 0 auto;
    max-width: 80%; /* Vous pouvez ajuster cette valeur selon vos besoins */
    white-space: pre-wrap; /* Pour conserver les retours à la ligne */
}

/* Alternance des couleurs de fond pour chaque réalisation */
.realisation-item:nth-child(odd) {
    background-color: #ffffff;
}

.realisation-item:nth-child(even) {
    background-color: #f8f9fa;
}

/* Pour s'assurer que les sections de réalisations couvrent toute la largeur */
.realisation-item {
    width: 100%;
    padding: 20px 0; /* Ajoutez du padding pour l'espacement vertical */
}

.realisation-item .container {
    max-width: 100%;
}

/* Positionner les flèches de navigation à l'extérieur des images */
.carousel-control-prev,
.carousel-control-next {
    width: 10%; /* Ajustez la largeur des contrôles si nécessaire */
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: black; /* Changer la couleur des flèches en noir */
    background-size: 100%, 100%;
}

.carousel-control-prev {
    left: -5px; /* Positionnez les flèches à l'extérieur des images */
}

.carousel-control-next {
    right: -5px; /* Positionnez les flèches à l'extérieur des images */
}

/* Réduire la taille des images */
.realisation-item .carousel-inner .carousel-item img {
    width: 70% !important; /* Réduire la taille des images à 50% de la largeur du conteneur */
    margin: 0 auto !important; /* Centrer les images */
}