/* Styles pour l'image */
.img-fluid {
    max-width: 100%;
    height: auto;
}

/* Ajustement des largeurs des colonnes pour les grands écrans */
@media (min-width: 768px) {
    .custom-col-left {
        flex: 0 0 45%;
        max-width: 45%;
    }

    .custom-col-right {
        flex: 0 0 55%;
        max-width: 55%;
    }
}

/* Superposition des colonnes et image pleine largeur sur appareils mobiles */
@media (max-width: 767.98px) {

    .custom-col-left,
    .custom-col-right {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .custom-img {
        width: 100%;
        height: auto;
    }
}

/* Couleur du texte de la section */
.textSectionColor {
    color: white;
}

/* Style pour le titre */
.title-presentation-text {
    /* Vous pouvez ajuster cette taille */
    font-size: 2.5rem;
    font-weight: bold;
    color: white;
    text-shadow: -1px -1px 0 #E8F738, 1px -1px 0 #E8F738, -1px 1px 0 #E8F738, 1px 1px 0 #E8F738;
}

/* Style pour le corps du texte */
.body-presentation-text {
    font-size: 1rem;
    /* Vous pouvez ajuster cette taille */
    color: white;
}

/* Pour enlever les marges et paddings de la colonne et de l'image */
.custom-col-right {
    padding: 0 !important;
}

.custom-img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.associes{
    font-size: 1.5rem;
}