/*========================================================*/


/* Custom, iPhone Retina */ 
@media only screen and (min-width : 0px){
}

@media only screen and (min-width : 320px) {
    /* --- SMARTSLIDER --------------------------------------------------------------------------------*/
        div.sliderProduit{}

        div.sliderProduit div.chargementSlider{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #f9f9f9;z-index: -1;text-align: center;align-items: center;display: flex;justify-content: center; z-index: 1000;}
        div.sliderProduit div.chargementSlider img{max-width: 50%;max-height: 50%;margin-left: auto;margin-right: auto;}
        div.sliderProduit div.chargementSlider div.containerLoader{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
        div.sliderProduit div.chargementSlider div.containerLoader div.loader{border-left: 2px solid rgb(0,79,159);border-top: 2px solid rgba(0, 0, 0, 0.2);border-right: 2px solid rgba(0, 0, 0, 0.2);border-bottom: 2px solid rgba(0, 0, 0, 0.2);height: 25px;width: 25px;left: 49%;border-radius: 25px;-webkit-animation: load 0.8s infinite linear;-moz-animation: load 0.8s infinite linear;-ms-animation: load 0.8s infinite linear;-o-animation: load 0.8s infinite linear;animation: load 0.8s infinite linear;}


        div.sliderProduit div.containerPres{position: relative; background-color: #fff}
        div.sliderProduit div.containerPres div.contenuPres{position: relative; padding: 20px 0px;}
        div.sliderProduit div.containerPres div.contenuPres h2{font-size: 20px; font-family: "Helvetica"; font-weight: 700; font-style: italic; margin-bottom: 0; color: rgb(0,79,159) !important;}
        div.sliderProduit div.containerPres div.contenuPres p{margin-bottom: 0; line-height: 1; margin-top: -3px; text-align: left !important; font-family: "Myriad Pro"; color: rgb(0,79,159) !important;}


        div.sliderProduit .carousel-fade .carousel-item {opacity: 0;transition-duration: 1.5s !important;transition-property: opacity;}

        div.sliderProduit .carousel-fade .carousel-item.active,
        div.sliderProduit .carousel-fade .carousel-item-next.carousel-item-left,
        div.sliderProduit .carousel-fade .carousel-item-prev.carousel-item-right {opacity: 1;}
        
        div.sliderProduit .carousel-fade .active.carousel-item-left,
        div.sliderProduit .carousel-fade .active.carousel-item-right {opacity: 0;}
        
        div.sliderProduit .carousel-fade .carousel-item-next,
        div.sliderProduit .carousel-fade .carousel-item-prev,
        div.sliderProduit .carousel-fade .carousel-item.active,
        div.sliderProduit .carousel-fade .active.carousel-item-left,
        div.sliderProduit .carousel-fade .active.carousel-item-prev {transform: translateX(0);transform: translate3d(0, 0, 0);}



        div.sliderProduit div.carousel-inner{max-height: 550px;}
        div.sliderProduit .carousel-inner>.item {-webkit-transition: opacity 1.2s ease-in-out !important;-o-transition: opacity 1.2s ease-in-out !important;transition: opacity 1.2s ease-in-out !important;}
        div.sliderProduit div.carousel-inner div.carousel-item{width: 100%; padding: 0px 15px; max-height: 400px;}
        div.sliderProduit div.carousel-inner div.carousel-item div.image{width: 85%; min-width:300px;height: 100vh; background-size: contain    ; background-position: center; background-repeat: no-repeat; margin-left: auto; margin-right: auto; max-height: 400px}
        div.sliderProduit div.carousel-inner div.carousel-item div.description{display:none; color: rgb(0,79,159)margin-left: auto;margin-right: auto;max-height: 90px;position: absolute;z-index: 100;width: 100%;bottom: 0;left: 50%;transform: translateX(-50%);min-height: 75px;}
        div.sliderProduit div.carousel-inner div.carousel-item div.description div.content{max-width: 70%;margin-left: auto;margin-right: auto;padding: 10px 0px;position: absolute;width: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);}
        div.sliderProduit div.carousel-inner div.carousel-item div.description div.content h2{font-size: 20px; font-family: "Helvetica"; font-weight: 700; font-style: italic; margin-bottom: 0; color:#fff !important;}
        div.sliderProduit div.carousel-inner div.carousel-item div.description div.content p{margin-bottom: 0; line-height: 1; margin-top: -3px; text-align: left !important; font-family: "Myriad Pro";}
        /*div.sliderProduit div.containerControler.hidden-lg{position: absolute;max-height: 90px;min-height: 75px;top: 50%;left: 50%;transform: translate(-50%, -50%);}*/
        div.sliderProduit div.containerControler.hidden-lg{position: absolute;max-height: 90px;min-height: 75px;bottom: 0; left: 50%; transform: translateX(-50%);z-index: 100;}
        div.sliderProduit div.containerControler.hidden-lg a.carousel-control-next, div.sliderProduit div.containerControler a.carousel-control-prev{top: 50%;width: auto; transform: translateY(-50%); margin: 0; z-index: 100; background: rgb(0,79,159); opacity: 1;}
        div.sliderProduit div.containerControler.hidden-lg a.carousel-control-next span.carousel-control-next-icon, div.sliderProduit div.carousel-inner a.carousel-control-prev span.carousel-control-prev-icon {display: inline-block;width: 20px;height: 70px;background: transparent no-repeat center center;background-size: 100% 100%;}
        div.sliderProduit div.containerControler.hidden-lg a.carousel-control-prev span.carousel-control-prev-icon{background-image: url('../images/slidearrow-left.svg'); height: 20px;}
        div.sliderProduit div.containerControler.hidden-lg a.carousel-control-next span.carousel-control-next-icon{background-image: url('../images/slidearrow-right.svg'); height: 20px;}
        div.sliderProduit div.containerControler.hidden-lg div.contenairTextSlide{color: rgb(0,79,159)margin-left: auto;margin-right: auto;max-height: 90px;position: absolute;z-index: 1;width: 100%;bottom: 0;left: 50%;transform: translateX(-50%);min-height: 75px;}
        div.sliderProduit div.containerControler.hidden-lg div.contenairTextSlide div.content{max-width: 70%;margin-left: auto;margin-right: auto;padding: 10px 0px;position: absolute;width: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);}
        div.sliderProduit div.containerControler.hidden-lg div.contenairTextSlide div.content h2{font-size: 20px; font-family: "Helvetica"; font-weight: 700; font-style: italic; margin-bottom: 0; color: #fff !important;}
        div.sliderProduit div.containerControler.hidden-lg div.contenairTextSlide div.content p{margin-bottom: 0; line-height: 1; margin-top: -3px; text-align: left !important; font-family: "Myriad Pro";}

        div.sliderProduit div.containerControler{}
        div.sliderProduit div.containerControler ol.carousel-indicators{margin-bottom: 0px;}
        div.sliderProduit div.containerControler ol.carousel-indicators li {height: 15px; width: 15px; border-radius: 50px; margin: 0 15px;}
        div.sliderProduit div.containerControler ol.carousel-indicators li.active{}
}   

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
    div.sliderProduit{}
    div.sliderProduit div.carousel-inner div.carousel-item div.image{width: 85%; min-width:440px;height: 100vh; background-size: contain; background-position: center; background-repeat: no-repeat; margin-left: auto; margin-right: auto; max-height: 400px}
    div.sliderProduit div.containerPres{position: relative;}
    div.sliderProduit div.containerPres div.contenuPres{position: relative; padding: 55px 0px;}
    div.sliderProduit div.containerPres div.contenuPres h2{font-size: 26px; text-transform: uppercase; font-family: "Helvetica"; font-weight: 700; font-style: italic; margin-bottom: 0; color: rgb(0,79,159) !important;}
    div.sliderProduit div.containerPres div.contenuPres h3{font-size: 22px; color: rgb(0,79,159)line-height: 1;text-transform: uppercase;font-family: 'Helvetica';font-weight: lighter;}
    div.sliderProduit div.containerPres div.contenuPres p{margin-bottom: 0; line-height: 1; margin-top: -3px; text-align: left !important; font-family: "Myriad Pro"; color: rgb(0,79,159) !important;}
}
@media only screen and (min-width : 576px) {
    div.sliderProduit{}
    div.sliderProduit div.carousel-inner div.carousel-item div.image{width: 85%; min-width:435px;height: 100vh; background-size: contain; background-position: center; background-repeat: no-repeat; margin-left: auto; margin-right: auto; max-height: 400px}
    div.sliderProduit div.containerPres{position: relative; background-color: transparent;}
    div.sliderProduit div.containerPres div.contenuPres{position: relative; padding: 55px 0px;}
    div.sliderProduit div.containerPres div.contenuPres h2{font-size: 26px; text-transform: uppercase; font-family: "Helvetica"; font-weight: 700; font-style: italic; margin-bottom: 0; color: rgb(0,79,159) !important;}
    div.sliderProduit div.containerPres div.contenuPres h3{font-size: 22px; color: rgb(0,79,159)line-height: 1;text-transform: uppercase;font-family: 'Helvetica';font-weight: lighter;}
    div.sliderProduit div.containerPres div.contenuPres p{margin-bottom: 0; line-height: 1; margin-top: -3px; text-align: left !important; font-family: "Myriad Pro"; color: rgb(0,79,159) !important;}
    
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    div.sliderProduit{}
    div.sliderProduit div.carousel-inner div.carousel-item div.image{width: 85%; min-width:435px;height: 100vh; background-size: contain; background-position: center; background-repeat: no-repeat; margin-left: auto; margin-right: auto; max-height: 400px}
    div.sliderProduit div.containerPres{position: relative;}
    div.sliderProduit div.containerPres div.contenuPres{position: relative; padding: 55px 0px;}
    div.sliderProduit div.containerPres div.contenuPres h2{font-size: 26px; text-transform: uppercase; font-family: "Helvetica"; font-weight: 700; font-style: italic; margin-bottom: 0; color: rgb(0,79,159) !important;}
    div.sliderProduit div.containerPres div.contenuPres h3{font-size: 22px; color: rgb(0,79,159)line-height: 1;text-transform: uppercase;font-family: 'Helvetica';font-weight: lighter;}
    div.sliderProduit div.containerPres div.contenuPres p{margin-bottom: 0; line-height: 1; margin-top: -3px; text-align: left !important; font-family: "Myriad Pro"; color: rgb(0,79,159) !important;}
    
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    div.sliderProduit{}
    div.sliderProduit div.carousel-inner div.carousel-item div.image{width: 85%; min-width:435px;height: 100vh; background-size: contain; background-position: center; background-repeat: no-repeat; margin-left: auto; margin-right: auto; max-height: 400px}
    div.sliderProduit div.containerPres{position: relative;}
    div.sliderProduit div.containerPres div.contenuPres{position: absolute; top: 50%; transform: translateY(-50%); padding-bottom: 100px !important;}
    div.sliderProduit div.containerPres div.contenuPres h2{font-size: 26px; text-transform: uppercase; font-family: "Helvetica"; font-weight: 700; font-style: italic; margin-bottom: 0; color: rgb(0,79,159) !important;}
    div.sliderProduit div.containerPres div.contenuPres h3{font-size: 22px; color: rgb(0,79,159)line-height: 1;text-transform: uppercase;font-family: 'Helvetica';font-weight: lighter;}
    div.sliderProduit div.containerPres div.contenuPres p{margin-bottom: 0; line-height: 1; margin-top: -3px; text-align: left !important; font-family: "Myriad Pro"; color: rgb(0,79,159) !important;}
    
    div.sliderProduit div.containerControler.hidden-sm{position: absolute;max-height: 90px;min-height: 75px;bottom: 0;left: 50%;transform: translateX(-50%); bottom: 30px;}
    div.sliderProduit div.containerControler.hidden-sm a.carousel-control-next, div.sliderProduit div.containerControler a.carousel-control-prev{top: 50%;width: auto; transform: translateY(-50%); margin: 0px 15px; z-index: 100; background: transparent; opacity: 1;}
    div.sliderProduit div.containerControler.hidden-sm a.carousel-control-next span.carousel-control-next-icon, div.sliderProduit div.carousel-inner a.carousel-control-prev span.carousel-control-prev-icon {display: inline-block;width: 20px;height: 70px;background: transparent no-repeat center center;background-size: 100% 100%;}
    div.sliderProduit div.containerControler.hidden-sm a.carousel-control-prev span.carousel-control-prev-icon{background-image: url('../images/slidearrow-left-bleu.svg'); height: 25px;}
    div.sliderProduit div.containerControler.hidden-sm a.carousel-control-next span.carousel-control-next-icon{background-image: url('../images/slidearrow-right-bleu.svg'); height: 25px;}
    div.sliderProduit div.containerControler.hidden-sm div.contenairTextSlide{color: rgb(0,79,159)margin-left: auto;margin-right: auto;max-height: 90px;position: absolute;z-index: 1;width: 100%;bottom: 0;left: 50%;transform: translateX(-50%);min-height: 75px;}
    div.sliderProduit div.containerControler.hidden-sm div.contenairTextSlide div.content{max-width: 70%;margin-left: auto;margin-right: auto;padding: 10px 0px;position: absolute;width: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);}
    div.sliderProduit div.containerControler.hidden-sm div.contenairTextSlide div.content h2{font-size: 20px; font-family: "Helvetica"; font-weight: 700; font-style: italic; margin-bottom: 0; color: #fff !important;}
    div.sliderProduit div.containerControler.hidden-sm div.contenairTextSlide div.content p{margin-bottom: 0; line-height: 1; margin-top: -3px; text-align: left !important; font-family: "Myriad Pro";}
    
    /*div.sliderProduit div.containerIndicators{position: relative;}*/
        div.sliderProduit div.containerIndicators{}
        div.sliderProduit div.containerIndicators ol.carousel-indicators{bottom: 0; margin-bottom: 0px;}
        div.sliderProduit div.containerIndicators ol.carousel-indicators li {height: 100px; width: 100px; background: transparent;}
        div.sliderProduit div.containerIndicators ol.carousel-indicators li div{background-size: contain; height: 100px; width: 100px; border: solid 2px #fff; background-repeat: no-repeat; background-position: center center; }
        div.sliderProduit div.containerIndicators ol.carousel-indicators li.active div{background-size: 100% auto; height: 100px; width: 100px; border: solid 2px rgb(0,79,159);}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    
}