#banniere_principale_en .bannercontainer{}

#banniere_principale_en .banner{}

 #banniere_principale_en .bannercontainer{position:relative;}
 #banniere_principale_en .banner{position:relative;}
#banniere_principale_en .banner{position:relative;height: calc(100vh - 125px) !important;    width: 100%!important;}
#banniere_principale_en .bannercontainer{position:relative;height: calc(100vh - 125px) !important;    width: 100% !important;float:right;}
#banniere_principale_en .apex-slider-shadow .apex-slider-shadow1{height: 0 !important;}
#banniere_principale_en .apex-slider img{height: calc(100vh - 125px) !important;}
#banniere_principale_en .apex-slider .timer{display:none;}
#banniere_principale_en .apex-slider-shadow.apex-slider-shadow1{display:none;}
#banniere_principale_en .apex-slider .preloader{display:none !important;opacity:0;}
#banniere_principale_en .apex-slider .caption {
    position: absolute;
    display: flex;
    left:0 !important;
    height: 100%;
    width: 100%;
    float: right;
    align-items: flex-end;
}
 #banniere_principale_en .box-banner {
    clear: both;
    width: 100%;
    float: right;
}
#banniere_principale_en .box-banner span {
    color: #fff;
    font-size: 40px;
    width: 60%;
    text-align: left;
    display: block;
    padding-bottom: 40px;
    white-space: pre-wrap;
    line-height: 3vh;
    float: right;
    text-shadow: 1px 2px #000;
}
#banniere_principale_en .bullets {
    z-index: 21 !important;
    position: absolute;
    top:0px !important;
    width: 8.33% !important;
    bottom: 0 !important;
    left: 0 !important;
    height: calc(100vh - 125px) !important; 
    display: flex;
    flex-direction: column;
    background: rgba(0,0,0,0.6);
    align-items: center;
    justify-content: center;
}

#banniere_principale_en .bullet.selected{background:url('/Files/App_002/images/selected_bullet.png')no-repeat center;display:block !important;}
#banniere_principale_en .bullet{background:url('/Files/App_002/images/bullet.png')no-repeat center;display:block !important;width:30px; height:30px !important;margin-bottom: 25px;transition: all .5s;}
#banniere_principale_en .leftarrow.large.round, .rightarrow.large.round{display:none !important;}
@media only screen and (max-width: 1400px){
 #banniere_principale_en .box-banner span {    font-size: 30px;}
}

@media only screen and (max-width: 992px){
#banniere_principale_en .bullets {    width: 16.66666% !important;}
 #banniere_principale_en .box-banner span {    font-size: 30px;text-align:center;}
 #banniere_principale_en .box-banner p{font-size:17px;text-align:center;}

}
@media only screen and (max-width: 768px){
#banniere_principale_en .banner{position:relative;height: 380px!important;    width: 100%!important;}
#banniere_principale_en .bannercontainer{position:relative;height: 380px !important;    width: 100% !important;float:right;}
#banniere_principale_en .apex-slider img{height: 380px !important;width:auto !important}
 #banniere_principale_en .bullets {    height: 380px !important;}
 #banniere_principale_en .box-banner span { font-size: 15px;
    letter-spacing: 0px;
    width: 100%;
    text-align: center;}
 #banniere_principale_en .box-banner p{font-size:14px;}
}