.grid-container {
	position:relative;
	height:500px;

	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	user-select: none;
}

.grid-container .tile {
	position:absolute;
	/*overflow:hidden;*/
	
	text-align:center;
	background:black;
	
	transition-property:transform;
	transition-duration: 250ms;
}

.grid-container .tile:hover {
	z-index:2;
}
.grid-container .tile.after-hover {
	z-index:1;
}

.grid-container.animate-layout {
	transition-property:height;
	transition-duration:250ms;
}
.grid-container.animate-layout .tile {
	transition-property:top, left, width, height, transform;
	transition-duration: 250ms;
}

/* Grossissement des vignettes au survol */
.grid-container.zoom-on-hover .tile:hover {
	transform:scale(1.1);
}

.grid-container .tile .tile-image-container {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	cursor: pointer;
}

.grid-container .tile.cropmode-full img.tile-image {
	width:100%;
	height:auto
}
.grid-container .tile.cropmode-vertical-center img.tile-image {
	width:auto;
	height:100%;
}
.grid-container .tile.cropmode-vertical-crop img.tile-image {
	position:absolute;
	left:-100%;
	right:-100%;
	top:-100%;
	bottom:-100%;
	margin:auto;
	width:100%;
}
.grid-container .tile.cropmode-horizontal-center img.tile-image {
	position:absolute;
	left:-100%;
	right:-100%;
	top:-100%;
	bottom:-100%;
	margin:auto;
	width:100%;
}
.grid-container .tile.cropmode-horizontal-crop img.tile-image {
	position:absolute;
	left:-100%;
	right:-100%;
	top:-100%;
	bottom:-100%;
	margin:auto;
	height:100%;
}

.grid-container .tile .caption {
	position:absolute;
	bottom:0;
	left:0;
	/*width:100%;*/
	right:0;
	
	overflow:hidden;
	
	margin:0;
	padding:4px 2px 4px 15px;
	
	color:#FFF;
	font-size:14px;
	text-align:left;
	word-wrap:break-word;

	background:black;
	background:rgba(0,0,0,0.75);
	
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	
	transition-property:opacity, background, color;
	transition-duration:250ms;
}

.grid-container.hover-show-caption .tile:hover .caption {
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.keyword-name
{
		opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.grid-container.always-show-caption .tile .caption {
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

.grid-container .tile .caption .title {
	margin:0;
}
.grid-container .tile .caption .size {
	margin:0;
	font-style:italic;
}