#BannerInternepompage .bx-wrapper{position:relative;}

#BannerInternepompage .bx-wrapper img{    max-width: 100%;}

#BannerInternepompage .bx-wrapper .bx-viewport{ }

#BannerInternepompage .bx-wrapper .bx-loading{}

#BannerInternepompage .bx-wrapper .bx-pager{    position: absolute;
    bottom:20px;}

#BannerInternepompage .bx-wrapper .bx-pager .bx-pager-item{}

#BannerInternepompage .bx-wrapper .bx-pager.bx-default-pager a{}

#BannerInternepompage .bx-wrapper .bx-pager.bx-default-pager a:hover{}

#BannerInternepompage .bx-wrapper .bx-pager.bx-default-pager a.active{}

#BannerInternepompage .bx-wrapper .bx-controls-direction a{display:none !important;}

#BannerInternepompage .bx-wrapper .bx-controls-direction a.disabled{}

#BannerInternepompage .bx-wrapper .bx-prev{}

#BannerInternepompage .bx-wrapper .bx-prev:hover{}

#BannerInternepompage .bx-wrapper .bx-next{}

#BannerInternepompage .bx-wrapper .bx-next:hover{}

#BannerInternepompage .bx-pager-item{
 
    background: #fff;
    text-indent: -999 !important;
    font-size: 0px;
    height: 15px;
    width: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
margin-left:5px;
float:left;
}
#BannerInternepompage .bx-wrapper .bx-pager.bx-default-pager a {
    height: 15px;
    width: 15px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
#BannerInternepompage .active{
    background: #01497e;
 
}
@media screen and (max-width:767px) {
#BannerInternepompage .bxslider_BannerInterne  li img{
max-width: calc( 100vw - 60px) !important;
}
#BannerInternepompage .bxslider_BannerInterne  li{
 width:calc(100vw -  60px) !important;
}
}