#page {
	background-attachment : fixed;
}

#page h1 {
	margin-left : 0;
}

#conteneur_photos {
	position : relative;
	top      : 0;
	left     : 0;
	margin   : 15px 0;
}

#conteneur_photos .photo {
	position      : relative;
	border        : 2px solid #B70F1E;
	overflow      : hidden;
	cursor        : pointer;
	margin-bottom : 15px;
	background    : rgba(0, 0, 0, 0.8);
}

#conteneur_photos .photo > a {
	display    : block;
	text-align : center;
}

#conteneur_photos .photo img {
	transition       : 0.25s ease-out;
	transform-origin : center;
	object-fit       : cover;
	max-width        : 100%;
	height           : 200px;
}

#conteneur_photos .photo .hover {

	display            : flex;
	align-items        : center;
	justify-content    : center;
	padding-bottom     : 40px;

	pointer-events     : none;

	position           : absolute;
	top                : 0;
	left               : 0;
	width              : 100%;
	height             : 100%;
	background-color   : rgba(183, 15, 30, 0.7);
	color              : #FFFFFF;
	text-align         : center;
	opacity            : 0;
	-webkit-transition : opacity 0.25s ease;
	-moz-transition    : opacity 0.25s ease;
	-ms-transition     : opacity 0.25s ease;
	-o-transition      : opacity 0.25s ease;
	transition         : opacity 0.25s ease;
}

#conteneur_photos .photo:hover img {
	transform : scale(1.05);
}

#conteneur_photos .photo:hover .hover {
	opacity : 1;

}

#conteneur_photos .photo .hover .titre_photo {
	margin-bottom  : 0;
	text-transform : uppercase;
}

#conteneur_photos .photo .hover .lien {
	position        : absolute;
	bottom          : 0;
	left            : 0;
	width           : 100%;
	display         : flex;
	align-items     : center;
	justify-content : center;
	height          : 40px;
	color           : #FFFFFF;
	font-size       : 14px;
	text-transform  : uppercase;
	text-decoration : none;
	pointer-events  : all;
	transition      : 0.25s;
}

#conteneur_photos .photo .hover .lien:hover {
	color : #CCCCCC;
}

#conteneur_photos .photo .hover .lien i {
	margin-right : 8px;
}

@media screen and (max-width : 575px) {
	#conteneur_photos .photo {
		display : inline-block;
	}
}