@charset "utf-8";
/* CSS Document */
.lightboxHide{display:none;}

#lightboxBG{float:none; width:100%; height:100%; position:fixed; z-index:2000; background-image:url(../js/lib/images/bg-noir.png); top:0; left:0;}
#lightboxConteneur{float:none; background-color:white; position:fixed; z-index:2100; color:black; font-family:Arial, Helvetica, sans-serif; border:3px solid #CCC; height:auto;}
#lightboxConteneur img{display:block; margin:15px auto 25px auto; border:3px solid #CCC; max-height:460px !important; height:auto; width:auto;}

#lightboxConteneur h3{color:#e75112; font-size:16px; border-bottom:1px dashed #CCC; background-color:white;}
#lightboxBTNclose{display:block; position:absolute; float:right; width:30px; height:30px; background-image:url(../js/lib/images/btn-close.png); background-repeat:no-repeat; cursor:pointer;}

#slider-next a{background-image:url(../js/lib/images/bg-controls.png); background-repeat:no-repeat; height:30px; width:30px; text-align:center;font-size:29px; font-weight:bold; text-decoration:none;color:#444;line-height:30px;}
#slider-prev a{background-image:url(../js/lib/images/bg-controls.png); background-repeat:no-repeat; height:30px; width:30px; text-align:center;font-size:29px; font-weight:bold; text-decoration:none;color:#444;line-height:30px;}

#lightboxConteneur ul{margin:25px 0;}
#lightboxConteneur li{font-size:14px;}

#lightboxConteneur li ul li{line-height:18px; height:auto; margin-bottom:5px;padding-left:20px;}


.bx-viewport{margin:0 auto; max-height:40% !important;}

@media screen and (max-height:880px){
	#lightboxConteneur img{max-height:300px !important}
}

@media screen and (max-width:480px){
	#lightboxConteneur img{max-height:none !important}
	#lightboxConteneur{overflow:auto; max-height:100%; -webkit-overflow-scrolling: touch;}
}