/*

	ITEM > LISTING IMAGES (photos d'un album / instagram)

*/
.pictures-item {
	width: 230px;
	height: auto;
	margin: 5px auto;
	display: block;
	position: relative;
	z-index: 12;
	overflow: hidden;
	border-radius: 10px;
}
	.pictures-item .picture-wrapper {
		width: 100%;
		height: 150px;
		overflow: hidden;
		position: relative;
	}
		.pictures-item .picture-wrapper .picture {
			width: 100%;
			height: 150px;
			background-size: cover !important;
		}
		.pictures-item .picture-wrapper .corner {
			position: absolute;
			z-index: 42;
			bottom: 0px;
			right: 0px;
		}

	.pictures-item .infos {
		display: none;
		z-index: 15;
		position: absolute;
		left: 0px;
		right: 0px;
		padding: 15px;
	    -webkit-transition: all .4s ease-in-out 0s;
	    -moz-transition: all .4s ease-in-out 0s;
	    -ms-transition: all .4s ease-in-out 0s;
	    -o-transition: all .4s ease-in-out 0s;
	    transition: all .4s ease-in-out 0s;
	}
		.pictures-item .date {
			width: 100%;
			padding: 15px;
			color: #FFF;
			text-transform: uppercase;
			font-size: 12px;
			text-align: center;
			font-weight: 600;
			width: 100%;
			z-index: 15;
			padding-bottom: 10px;
		}
		.pictures-item .description {
			width: 100%;
			padding: 0 15px;
			color: #FFF;
			font-size: 13px;
			line-height: 1.1;
			font-weight: normal;
			z-index: 15;
		    overflow: hidden;
		}
			.pictures-item .description img {
				height: 25px;
				width: auto;
			}
	.pictures-item .picture-overlay {
		position: absolute;
		bottom: 0px;
		left: 0px;
		right: 0px;
		height: 0px;
		z-index: 13;
		opacity: 0.8;
		background: #333;
	    -webkit-transition: all .2s ease-in-out 0s;
	    -moz-transition: all .2s ease-in-out 0s;
	    -ms-transition: all .2s ease-in-out 0s;
	    -o-transition: all .2s ease-in-out 0s;
	    transition: all .2s ease-in-out 0s;
	}


/* 	HOVER 	*/
.pictures-item:hover .picture-wrapper .picture, .pictures-item:focus .picture-wrapper .picture {
  	-moz-transform: scale(1.2);
  	-webkit-transform: scale(1.2);
  	transform: scale(1.2);	
}
.pictures-item:hover .picture-overlay, .pictures-item:focus .picture-overlay {
	height: 100%;
}
.pictures-item:hover .infos, .pictures-item:focus .infos {
	display: block;
	top: 0px;
}
.pictures-item:hover, .pictures-item:focus {
	border: 2px solid #000;
}