#diaporama .bannercontainer{}

#diaporama .banner{height:100%;/*height:calc(100vh - 265px);*/height:100vh;}

#diaporama .banner ul{list-style:none;position:relative;}
#diaporama .banner ul li{height:100%;}
#diaporama .banner ul li img{width:100%;height:100% !important;}
#diaporama .apex-slider-shadow{display:none;}
#diaporama .timer{display:none;}
#diaporama .slotholder{height:100% !important;}
#diaporama .caption{position: absolute;height:calc(100% - 20vh);bottom: 20vh !important;left: 10vw !important;top: initial !important;}
#diaporama .caption h2{position:absolute;bottom:0;font-family: 'Karla', sans-serif;font-size:48px;color:#fff;font-weight:700;text-transform:uppercase;border-left:1px solid #fff;margin:0;padding:30px 0 30px 45px;}
#diaporama .caption h2 a{position: absolute;bottom: -2px;right: 0;font-size: 14px;color:#c7c7c7;display:none;}
#diaporama .caption h2::before{content: "";position: absolute;bottom: 0;left: 0;height: 1px;width: calc(100% - 100px);background-color: #fff;}
@media screen and (min-width:768px){
#diaporama .caption{height:90%;height:calc(100% - 400px);bottom:200px !important;left:5% !important;}
#diaporama .caption h2 a{display:inline-block;}
/*#diaporama .caption h2::after{content: "Découvrir";position: absolute;bottom: -2px;right: 0;font-size: 14px;color:#c7c7c7;}*/
}
@media screen and (max-width:767px){
#diaporama .banner{height:40px !important;min-height:280px !important;}
#diaporama .caption{height: 90%;height:calc(100% - 280px);bottom: 25px !important;left: 5% !important;}
#diaporama .caption h2{font-size:30px;}
}
@media screen and (max-width:500px){
#diaporama .caption h2{font-size:20px;padding-left: 15px;padding-bottom: 15px;}
}