.custom-carousel{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    /*max-width: 95.5vw;*/
}
/*@media only screen and (min-width: 601px) {*/
/*    #custom-carousel {max-width: 97vw;}*/
/*}*/
/*@media only screen and (min-width: 993px) {*/
/*    #custom-carousel {max-width: 98.5vw;}*/
/*}*/
/*@media only screen and (min-width: 1200px) {*/
/*    #custom-carousel {max-width: 98.5vw;}*/
/*}*/

.custom-carousel .carousel-activite-wrapper.fluid {flex-basis: 100%; max-width: 100%}
@media only screen and (min-width: 993px) {
    .custom-carousel .carousel-activite-wrapper.fluid {flex-basis: 90%; max-width: 90%;}
}
@media only screen and (min-width: 1200px) {
    .custom-carousel .carousel-activite-wrapper.fluid {flex-basis: 80%; max-width: 80%}
}

/*#container.main-container.container-fluid.accueil {width: 95.5vw;min-width: 300px; max-width: 100%; margin: 0px;}*/
/*@media only screen and (min-width: 601px) {*/
/*    #container.main-container.container-fluid.accueil {width: 98.5vw;margin: 0px;}*/
/*}*/
/*@media only screen and (min-width: 993px) {*/
/*    #container.main-container.container-fluid.accueil {width: 90vw; max-width: 90%; margin: auto;}*/
/*}*/
/*@media only screen and (min-width: 1200px) {*/
/*    #container.main-container.container-fluid.accueil {width: 80vw; max-width: 80%}*/
/*}*/
.carousel-activite-wrapper{
    max-width: 100%;
    width: 100%;
    overflow: hidden;
}

.carousel-activite {
    display: flex;
    flex-wrap: nowrap;
    transition-property: transform;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
}
.carousel-activite > .cardActivite-wrapper {
    transition-property: transform;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
    margin: auto;
}
.carousel-activite > .cardActivite-wrapper {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    max-width: 50%;
}
@media only screen and (min-width: 601px) {
    .carousel-activite > .cardActivite-wrapper {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 33%;
        max-width: 33%;
    }
}
@media only screen and (min-width: 993px) {
    .carousel-activite > .cardActivite-wrapper {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 25%;
        max-width: 25%;
    }
}
@media only screen and (min-width: 1200px) {
    .carousel-activite > .cardActivite-wrapper {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc( 100% / 5);
        max-width: calc( 100% / 5);
    }
}
@media only screen and (min-width: 1501px) {
    .carousel-activite > .cardActivite-wrapper {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc( 100% / 6);
        max-width: calc( 100% / 6);
    }
}


/* btns */


.carousel-btn{
    cursor: pointer;
    position: relative;
    /*color: rgba(0,0,0,.8);*/
    color: rgba(120,120,120,.8);
    z-index: 3;
    font-size: 5em;
    margin-top: calc(38vh / 3.2);
    transition-duration: .2s;
    transition-property: background-color, color;
    border-radius: 20%;
}


.carousel-btn:hover{
    cursor: pointer;
    position: relative;
    color: #EEE;
    background-color: rgba(0,0,0,.2);

}

.carousel-btn {
    font-size: 2em;
    margin: 0 .25em;
}
@media only screen and (min-width: 973px) {
    .carousel-btn{
        font-size: 3em;
    }
}

@media only screen and (min-width: 1200px) {
    .carousel-btn{
        font-size: 4em;
    }
}

@media only screen and (min-width: 1400px) {
    .carousel-btn{
        font-size: 5em;
    }
}

.carousel-btn.disabled {
    background-color: lightgray;
    color: gray;
    cursor: revert;
    opacity: .5;
}