.divSreenSlide {
    position: relative;
    width: 100%;
    max-height: 37rem;
    overflow: hidden;
}

@media (max-width: 1400px) {
    .divSreenSlide {
        /*max-height: 26rem;*/
        max-height: 32rem;
    }
}


.imgSlide {
    width: 100%;
}


/*.divSreenSlide {
    position: relative;
    width: 100%;
    overflow: hidden;
}*/

.divSlide {
    overflow: hidden;
}



/* caché au départ */
.divSlide0 {
    position: absolute;
    left: 0%;
    top: 0px;
    opacity: 0.0;
}

.divSlide1 {
    position: absolute;
    left: -21.7%;
    top: 0px;
    opacity: 0.8;
}

.divSlide2 {
    position: relative;
    z-index: 100;
}

.divSlide3 {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0.8;
}

/*caché */
.divSlide4 {
    position: absolute;
    width: 100%;
    top: 0px;
    opacity: 0.0;
}


.divSlideFleche {
    position: absolute;
    z-index: 1000;
    width: 2em;
    min-width: 2em;
    margin-top: 25%;
    top: 0px;
    left: 0px;
    cursor: pointer;
}


    .divSlideFleche img {
        width: 100%;
    }



    .SlideFlecheDroite {
        left: auto;
        right: 0px;
    }



.divSlideshow .divRuban-fond {
    background-color: #242424;
    opacity: 0.5;
    position: absolute;
    display: block;
    z-index: 1000;
    width: 100%;
    left: 0px;
    height: 5.25rem;
    bottom: 0rem;
}


.divSlideshow .divRuban-texte,
.divSlideshow .divTitre {
    position: absolute;
    z-index: 1100;
    left: 0px;
    height: 4.25rem;
    bottom: 0rem;
    padding-left: .5rem;
    padding-right: .5rem;
}


    .divSlideshow .divRuban-texte p,
    .divSlideshow .divTitre p {
        color: white;
        font-size: 1.1rem;
        padding-top: 1rem;
        overflow: hidden;
        letter-spacing: -.5px;
    }

@media (max-width: 1400px) {
    .divSlideshow .divRuban-texte p,
    .divSlideshow .divTitre p {
        font-size: .9rem;
    }
}


@media (max-width: 576px) {
    .divSlideshow .divTitre p {
        font-size: .75rem;
    }
}


.divSlideshow .divTitre {
    text-align: center
}


    #divSlideBoulette {
    position: absolute;
    width: 100%;
    left: 0px;
    z-index: 2000;
    height: 5.25rem;
    bottom: 0rem;
    /*padding-top: 3.5rem;*/
    padding-top: 2.5rem;
    text-align: right;
}


@media (max-width: 576px) {
    #divSlideBoulette {
        display: none;
    }
}


@media (max-width: 768px) {
    .divSlideshow .divRuban-fond,
    .divSlideshow .divRuban-texte,
    #divSlideBoulette {
        bottom: 0.25rem;
    }
}


@media (max-width: 768px) {
    .divSlideshow .divRuban-fond {
        bottom: 0rem;
    }
}



#divSlideBoulette a.repos {
    display: inline-block;
    width: 1.5em;
    height: 1rem;
    background-image: url('../images/PuceBleuDiapo.png');
    background-repeat: no-repeat;
    background-size: contain;
    text-decoration: none;
}


#divSlideBoulette a.actif {
    display: inline-block;
    width: 1.5em;
    height: 1.1rem;
    padding-top: 0.25rem;
    background-image: url('../images/PuceBlancDiapo.png');
    background-repeat: no-repeat;
    background-size: contain;
    text-decoration: none;
}



/* Personalisation pour le slideshow de la page Equipe */



/*#divSociete .divContainSlideshow {
    position: relative;
    bottom: 0px;
    width: 100%;
}


#divSociete .divSlide .divTitre {
    position: relative;
    top: 0px;
}*/


.divSlideshow {
    position: relative;
    z-index: 10;
    background-color: white;
}



.divRuban-texte divTitre {
    display: none;
}