/*********************************************************Bootstrap Image Gallery*******************************************************************/
.modal-gallery{width:auto;max-height:none;outline:none;}
.modal-gallery.fade.in{top:50%;overflow:hidden}
.modal-gallery .modal-body{max-height:none;}
.modal-gallery .modal-title{display:inline-block;max-height:54px;overflow:hidden;}
.modal-gallery .modal-image{position:relative;margin:auto;min-width:128px;min-height:128px;overflow:hidden;cursor:pointer;}
.modal-gallery .modal-image:hover:before,.modal-gallery .modal-image:hover:after{content:'\2039';position:absolute;top:50%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#ffffff;text-align:center;background:#222222;border:3px solid #ffffff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:0.5;filter:alpha(opacity=50);z-index:1;}
.modal-gallery .modal-image:hover:after{content:'\203A';left:auto;right:15px;}
.modal-single .modal-image:hover:before,.modal-single .modal-image:hover:after{display:none;}
.modal-loading .modal-image{background:url(../images/loading.gif) center no-repeat;}
.modal-gallery.fade .modal-image{-webkit-transition:width 0.15s ease, height 0.15s ease;-moz-transition:width 0.15s ease, height 0.15s ease;-ms-transition:width 0.15s ease, height 0.15s ease;-o-transition:width 0.15s ease, height 0.15s ease;transition:width 0.15s ease, height 0.15s ease;}
.modal-gallery .modal-image *{position:absolute;top:0;opacity:0;filter:alpha(opacity=0);}
.modal-gallery.fade .modal-image *{-webkit-transition:opacity 0.5s linear;-moz-transition:opacity 0.5s linear;-ms-transition:opacity 0.5s linear;-o-transition:opacity 0.5s linear;transition:opacity 0.5s linear;}
.modal-gallery .modal-image *.in{opacity:1;filter:alpha(opacity=100);}
.modal-fullscreen{border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:transparent;overflow:hidden;}
.modal-fullscreen.modal-loading{border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.modal-fullscreen .modal-body{padding:0;}
.modal-fullscreen .modal-header,.modal-fullscreen .modal-footer{position:absolute;top:0;right:0;left:0;background:transparent;border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;opacity:0;z-index:2000;}
.modal-fullscreen .modal-footer{top:auto;bottom:0;}
.modal-fullscreen .close,.modal-fullscreen .modal-title{color:#fff;text-shadow:0 0 2px rgba(33, 33, 33, 0.8);}
.modal-fullscreen .modal-header:hover,.modal-fullscreen .modal-footer:hover{opacity:1;}
@media (max-width:767px){
.modal-gallery .bi-btn span{display:none;}
.modal-fullscreen{right:0!important;left:0!important;margin:0!important}
.modal-gallery.fade.in{top:20%!important;overflow:hidden;margin:0!important}
.modal-image img{display:none!important;}
.modal-gallery .modal-image img.in,.modal-gallery .modal-image{display: block !important;
    height: auto !important;
    margin: 0 auto !important;
    width: auto !important;}
.modal-gallery .modal-image *{position:static!important}
.modal-gallery .modal-image,.modal-body{overflow:visible!important}
.modal-gallery .modal-image{position:static!important}
.modal.modal-gallery{position:absolute!important}
}
#modal-gallery .bi-btn {color:#fff}
#modal-gallery .modal-download{color:#000}
img{max-width:100%;height:auto}
img.in{max-width:100%!important;height:auto!important;}
.left_space_btn{margin:5px}
.right_space_btn{margin:5px}
.bi-btn{text-decoration:none!important;color:#fff!important}
.modal-gallery{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-size:14px;line-height:20px;}
.modal.modal-gallery.modal-fullscreen.in .close{font-size:40px!important;line-height:40px!important;color:#cf0000!important;opacity:1!important}
.modal.modal-gallery.modal-fullscreen.in .modal-header{opacity:1!important}
.modal.modal-gallery.modal-fullscreen.in .bi-btn{display:inline-table!important;opacity:1!important}
.modal.modal-gallery.modal-fullscreen.in .modal-footer{opacity:1!important}
.modal.modal-gallery.modal-fullscreen.modal-loading.in .modal-footer,.modal.modal-gallery.modal-fullscreen.modal-loading.in .modal-header{visibility:hidden!important}
.modal.modal-gallery a { color:#333333 !important; }
.modal.modal-gallery a:hover { color:#333333 !important; }
.galerie .thumbnail .legende { color:#333333 !important; }
.galerie .thumbnail a { color:#333333 !important; }
.galerie .thumbnail a:hover { text-decoration:none; color:#333333 !important; }