/*//////////////////////////////////////////////////////////////////////////*/
/*/////////////////       Carroussel phoneS et tab     /////////////////////*/
/*//////////////////////////////////////////////////////////////////////////*/

/*////////////////      devices       ////////////////////////////////////*/
.phone {
    position: absolute;
    z-index: 1;
    width: 100%;
}
.phone-img {  
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 600px;
}
/* phones */ 
@media only screen and (min-width : 320px) {
    .phone-img { 
        display: none;
    }
    .slick-dots li button:before {
        opacity: .05;
        color: black;
    }
    .ecran .slick-slide img {
        width: 100%;
        height: auto;
        margin-top: 36px;
    }
    .ecran .slick-prev:before, .ecran .slick-next:before {
        display: none;
    } 
}
/* Tablets et plus */
@media only screen and (min-width : 768px) {
    .phone-img { 
    display: inherit;
    }
    .slick-dots li button:before {
        opacity: .05;
        color: white;
    }
    .iphone .slick-dots li button:before {
        color: black;
    }
    .ecran .slick-slide img {
        width: 714px;
        height: 402px;
        margin-top: 36px;
    }
    .ecran .slick-prev:before, .ecran .slick-next:before {
        display: inherit;
    } 
}

/*////////////////      Caroussel       ////////////////////////////////////*/
.device-carroussel {
    background-color: white;
    z-index: 2;
}
.slider {
    width: 320px;
    margin: 0 auto;
    opacity: 1;
}
.ipad .slider {
    width: 400px;
    margin: 0 auto;
    opacity: 1;
}

#SIS_SLIDER {
    width: 80%;
    height: auto;
}
#SIS_SLIDER img{
    width: 100%;
    padding :0 50px;
    height: auto;
}
#SIS_SLIDER .slick-dots li.slick-active button:before {
    color: white;
}
.ecran .slider {
width: 90%;
}
.slick-slide {
    margin: 0px 1px;
}
.slick-slide img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 484px;
    width: 273px;
    margin-top: 61px;
}
.iphone .slick-slide img {
    width: 265px;
    height: 468px;
    margin-top: 68px;
}

.ipad .slick-slide img {
    width: auto;
    height: 480px;
}

.slick-prev:before, .slick-next:before { 
    z-index: 10;  
    font-family: Helvetica, sans-serif;
    opacity: 1;
    color :black;
    font-size: 20px;
    cursor: pointer;
}
.slick-prev {
/*  mettre la taille de la fonte pour slick-prev */
    left: -20px;
    cursor: pointer;
    z-index: 2;
}
.slick-next {
    right: -20px;
    cursor: pointer;
    z-index: 2;
}
.slick-dots li.slick-active button:before {
    opacity: .95;
    color: blue;
}
/* dots */
.slick-dots {
    z-index: 2;
    bottom: -25px;
}
.iphone .slick-dots {
    top: 38px;
}
.ipad .slick-dots {
    top: 23px;
}
/*/ Mode standard /*/
.carrousel_standard .slider {
        margin: 0 auto;
        opacity: 1;
}
.carrousel_standard .slider {
width: 90%;
}
.carrousel_standard .slick-slide img {
    width: auto;
    height: auto;
    margin-top: 37px;
}
.carrousel_standard .slick-dots li.slick-active button:before {
    opacity: 1;
    color: white;
}