.BlocMiniatures{
	height:450px;
	width:100%;
	vertical-align:top;
	/*padding:4px;*/
}
.CaseMiniatures{
	/*box-sizing:border-box;*/
	/*border:1px solid rgba(0, 0, 0, 1);
	margin:2px;*/
	overflow:hidden;
	position:relative;
}
.CaseMiniatures:hover{
	/*border-color:white;*/
	cursor:pointer;
}
.CtnrImgBarreBas{
	position:absolute;
	bottom:0px;
	height:100%;
	width:100%;
}
.ImgBarreBas{
	position:absolute;
	bottom:0px;
	height:0px;
	width:100%;
	background:rgba(5, 20, 20, 0.85);
	overflow:hidden;
	line-height:50px;
	/*vertical-align:middle;*/
	white-space: nowrap;
}
.ImgLegende{
	font-size:1.2em;
	display:inline-block;
	overflow:hidden;
	vertical-align:middle;
}
.ImgCompteurs{
	font-family:Roboto;
	font-size:0.8em;
	display:inline-block;
	overflow:hidden;
	vertical-align:middle;
}

#Visionneuse{
	display:none;
	position:fixed;
	top: 0px;
    left: 0px;
	width:100%;
	height:100%;
	background:rgba(5, 20, 20, 0.9);
	z-index: 3;
	overflow-y:scroll;
	overflow-x:hidden;
	z-index: 4;
}
#CtnrPhotoGrand{
	width:1000%;
	position:relative;
	left:-450%;
	height:100%;
}
#PhotoGrand{
	border:4px solid black;
	position:relative;
}
#ScrollPhotoDroite{
	width:200px;
	height:100%;
	background:rgba(0,0,0,0);
    position: absolute;
    right: 0px;
    top: 50px;
	border:4px solid rgba(0,0,0,0);
}
#ScrollPhotoDroite:hover{
	cursor:e-resize;
}
#ScrollPhotoGauche{
	width:200px;
	height:100%;
	background:rgba(0,0,0,0);
    position: absolute;
    left: 0px;
    top: 50px;
	border:4px solid rgba(0,0,0,0);
}
#ScrollPhotoGauche:hover{
	cursor:e-resize;
}

#MasqPhotoGrand{
	margin: auto;
	position:relative;
	overflow:hidden;
}
#legendePhotoGrand{
	position:absolute;
	background:black;
	width: 100%;
	height:0px;
    bottom: 0px;
	font-size: 1.5em;
	/*padding: 10px 0px 10px 0px;*/
}
.CtrnLikePhotoGrand{
	position: absolute;
    right: 15px;
	font-family: Roboto;
	font-size:0.8em;
	padding: 10px 0px 10px 0px;
}