.sofiouest-accordeon-title .title{
    transform: rotate(270deg) !important;
    text-wrap: nowrap !important;
}

.sofiouest-accordeon-title{
    cursor: pointer;
}

.sofiouest-accordeon-title:not(.sofiouest-accordeon.active .sofiouest-accordeon-title){
    border-left: 1px solid #fff !important;
}

.sofiouest-accordeon-inner{
    max-width: 550px !important;
}

.sofiouest-accordeon.active .sofiouest-accordeon-title{
    background-color: var(--e-global-color-0fcebff) !important;
    transition: 400ms ease !important;
}

.sofiouest-accordeon.active .sofiouest-accordeon-title .number{
    color: var(--e-global-color-16d3599) !important;
    transition: 400ms ease !important;
}

.sofiouest-accordeon{
    width: fit-content !important;
}

.sofiouest-accordeon.active{
    flex: auto !important;
}

.sofiouest-accordeon-content{
    width: 0 !important;
    overflow: hidden !important;
    transition: 450ms ease !important;
    white-space: nowrap; /* Empêche le wrap du texte */
    flex-shrink: 0; /* Empêche le contenu de rétrécir */
}

.sofiouest-accordeon.active .sofiouest-accordeon-content{
    width: 1024px !important;
    transition: 450ms ease !important;
}

.sofiouest-accordeon-content img{
    min-width: 600px !important;
}

@media only screen and (max-width: 1024px) and (min-width: 0px){
    .sofiouest-accordeon .sofiouest-accordeon-content,
    .sofiouest-accordeon.active .sofiouest-accordeon-content{
        max-width: 100vw !important;
    }

    .sofiouest-accordeon{
        flex-direction: column !important;
        width: 100% !important;
    }

    .sofiouest-accordeon-content{
        max-height: 0 !important;
    }
    
    .sofiouest-accordeon.active .sofiouest-accordeon-content{
        max-height: 1000px !important;
    }

    .sofiouest-accordeon-title .title {
        transform: unset !important;
        text-wrap: wrap !important;
    }

    .sofiouest-accordeon-title{
        flex-direction: row !important;
        justify-content: start !important;
        gap: 20px !important;
        width: 100% !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .sofiouest-accordeon-title > *{
        width: fit-content !important;
    }

    .sofiouest-accordeon-title *{
        font-size: 16px;
    }

    .elementor-element-f2a5a0b{
        flex-direction: column !important;
    }

    .sofiouest-accordeon-content{
        flex-wrap: nowrap !important;
        white-space: wrap;
        flex-shrink: 1;
    }

    .sofiouest-accordeon-content > .sofiouest-accordeon-content{
        padding: 20px !important;
    }

    .sofiouest-accordeon-content img{
        min-width: unset !important;
    }
}