.BannerPrincipalScroll{position:relative;}

@media screen and (max-width:767px)  {
.BannerPrincipalScroll .banner ,.BannerPrincipalScroll .banner img{
height:40vh !important;
}
.ContentSlider .TitreSlider {
    font-size: 10em  !important;
    color: #fff;
    font-weight: 700;
}
.ContentSlider   .SlogonBanner{
    font-size: 9em  !important;
    color: #fff;
    line-height: 2.5em  !important;
    font-weight: 400;
}
 .ContainerSlider {
  left:10% !important;
    width: 900%;

}
}

@media screen and (min-width:768px)  {
 .ContainerSlider {
  left:30% !important;
    width: 70%;

}
.leftarrow.large.round {
    margin-left: 20px;
    background: url(../Images/PrecedentBanner.png) no-repeat top left  !important;
    height: 72px !important;
}

.rightarrow.large.round {
    background: url(../Images/SuivantBanner.png) no-repeat top left  !important;
    margin-left: -20px;
    height: 72px !important;
}
}


@media screen and (max-width:767px)  and (orientation : landscape) {
.BannerPrincipalScroll .banner, .BannerPrincipalScroll .banner img {
    height: 60vh !important;
}

}