@media (max-width: 768px) {
    .divSlideshowObjet {
        /*margin-bottom: 5rem;*/
        margin-bottom: 1rem;
    }
}


.divSreenSlide {
    position: relative;
    width: 100%;
    max-height: 50vw; /* 50% de la largeur du navigateur */
    overflow: hidden;
}


.imgSlide {
    width: 100%;
    position: relative;
    top: -10vw; /* 10% de la largeur du navigateur */
}



/* largeur au maximum de 768px - ente 1 et 768px iPhone */
@media (max-width: 768px) {
    .divSreenSlide {
        /*max-height: 66vw;*/
        max-height: 95vw;
    }


    .imgSlide {
        top: -1vw; /* 10% de la largeur du navigateur */
    }
}




.divSlide {
    overflow: hidden;
}



.divSlide1 {
    position: absolute;
    /*width: 75%;*/ /**** modif 2ème photo à droite */
    width: 100%; /**** modif 1 seule photo*/
    left: 25%;
    opacity: 1;
    z-index: 200;
}


.divSlide2 {
    position: relative;
    /*width: 75%;*/ /**** modif 2ème photo à droite */
    width: 100%; /**** modif 1 seule photo*/
    top: 0px;
    left: 0px;
    opacity: 1;
    z-index: 500;
}


.divSlide3 {
    position: absolute;
    /*width: 75%;*/ /**** modif 2ème photo à droite */
    width: 100%; /**** modif 1 seule photo*/
    top: 0px;
    left: 25%;
    opacity: 1;
    z-index: 100;
}



/* largeur au maximum de 768px - ente 1 et 768px iPhone */
@media (max-width: 768px) {
    .divSlide1 {
        /*width: 90%;*/ /**** modif 2ème photo à droite */
        width: 100%; /**** modif 1 seule photo*/
        left: 10%;
    }

    .divSlide2 {
        /*width: 90%;*/ /**** modif 2ème photo à droite */
        width: 100%; /**** modif 1 seule photo*/
        left: 0px;
    }

    .divSlide3 {
        /*width: 90%;*/ /**** modif 2ème photo à droite */
        width: 100%; /**** modif 1 seule photo*/
        left: 10%;
    }
}




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


    .divSlideFleche img {
        width: 100%;
    }



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


#divSwiper {
    position: absolute;
    z-index: 600;
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /*border-style: solid;*/
}


#divSlideBoulette {
    position: absolute;
    width: 100%;
    left: 0px;
    z-index: 2000;
    height: 5.25rem;
    bottom: 0rem;
    padding-top: 3rem;
    text-align: center;
}


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



#divSlideBoulette a.repos {
    display: inline-block;
    width: 2.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: 2.5em;
    height: 1.1rem;
    /*padding-top: 0.25rem*/;
    background-image: url('../images/PuceBlancDiapo.png');
    background-repeat: no-repeat;
    background-size: contain;
    text-decoration: none;
}




.divSlideshow .divTitre {
    position: absolute;
    z-index: 1100;
    width: 100%;
    height: 4.25rem;
    text-align: center;
    /*top: 55vw;*/
    /*top: 40vw;*/
    top: 75vw;
    left: 0px;
}


@media (min-width: 768px) {
    .divSlideshow .divTitre {
        position: absolute;
        top: 41vw;
    }
}


@media (min-width: 1200px) {
    .divSlideshow .divTitre {
        position: absolute;
        top: calc(4rem + .85* 45vw);
    }
}


/*@media (min-width: 1400px) {
    .divSlideshow .divTitre {
        top: calc(10rem + .5 * 45vw);
    }
}*/

@media (min-width: 1400px) {
    .divSlideshow .divTitre {
        position: absolute;
        top: calc(3rem + .9* 45vw);
    }
}

.divSlideshow .divTitre h1 {
    font-family: "Roboto-Regular", Helvetica, Verdana, Arial, sans-serif;
    font-size: 1.0em;
    overflow: hidden;
    letter-spacing: -.5px;
}

@media (min-width: 768px) {
    .divSlideshow .divTitre h1 {
        font-size: 2em;
    }
}


.linkSuiteVedette {
    cursor: pointer;
}



/* Zoom */

#divZoomSlideshow {
    position: absolute;
    z-index: 0;
    width: 90vw;
    top: 7em;
    margin-left: 5vw;
}


#divZoomSlideshow {
    opacity: 0;
}

    #divZoomSlideshow .divFermer {
        position: absolute;
        top: 4rem;
        right: 4rem;
        max-width: 2rem;
    }

        #divZoomSlideshow .divFermer img {
            width: 100%;
        }


#idSideshowVedette .linkZoom {
    display: none;
}

.linkZoom {
    position: absolute;
    z-index: 2000;
    margin-top: 42%;
    right: 4%;
    opacity: .95;
}

    .linkZoom img {
        width: 2em !important;
    }

    .linkZoom #btnZoomMoins {
        display: none; /*Caché au démarrage*/
    }


@media (max-width: 992px) {
    .linkZoom {
        display: none;
    }
}


.divSreenZoom {
    position: relative;
    width: 100%;
    max-height: 50vw; /* 50% de la largeur du navigateur */
    overflow: hidden;
}

    .divSreenZoom img {
        width: 100%;
    }


divSreenZoom img {
    width: 100%;
}