.hover-image {
	display: none;
}

body:not(.mobile) .hover-title:hover + .hover-image {
	display: flex;
}

.hover-image {
	position: fixed;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	z-index: 99;

	pointer-events: none;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	/* Change width and height to scale images */

	width: 65vw;

	height: 65vh;

	/* transition-delay: 300ms; */
	transition: 2s;
}

.hover-image img {
	max-width: 100% !important;

	max-height: 100% !important;

	width: auto !important;

	height: auto !important;

	margin-bottom: 0;

	border: ridge 1px white;

	/* transition-delay: 300ms; */
	/* transition: 2s; */
	/* transition: all 0.5s ease; */
	transition: 2s;
}
@keyframes opac {
	from {
		opacity: 0.3;
	}
	to {
		opacity: 1;
	}
}

.animate-opacity {
	-webkit-animation: opac 1.5s;
	animation: opac 1.5s;
}
.ContenantMagasin {
	display: flex;
}

.ContenuMagasin {
	width: 30%;

	padding: 10px 10px 20px 20px;

	margin-left: 10px;

	box-shadow: 0 2px 10px 0 rgb(0 0 0 / 15%);
}

.MagasinNom {
	background-color: #e8e3db;

	border-radius: 5px;

	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 15%);

	padding-top: 10px;

	padding-bottom: 10px;

	padding-left: 5px;
}

.ContenantActivitees {
	width: 100%;

	display: flex;

	flex-wrap: wrap;

	justify-content: flex-start;
}

.BoxStore {
	width: 25%;

	margin-bottom: 20px;

	margin-right: 20px;
}

.BoxStore img {
	width: 80px;
}

.Centrer {
	text-align: center;

	font-size: 12px;
}

.DescriptionMagasin {
	width: 60%;

	margin: 0 auto;
}

.White {
	color: white;
}

.ContenuCarte {
	position: sticky;

	top: 0;

	width: 70%;

	height: 100%;
}

.mailto {
	color: dimgray;
}

.mailto:hover {
	text-decoration: underline;
}

.Grey {
	color: dimgray;
}

.adresse,
.horaires {
	color: white;
}

.adresse {
	margin-top: 0;
}

.horaires {
	margin-top: 2rem;
}

.CarteMagasin {
	width: 90%;

	height: 100%;
}

.CarteMagasin {
	width: 90%;

	height: 100%;

	margin: 0 auto;
}

etail-mag {
	display: flex;

	justify-content: space-evenly;

	align-content: center;

	margin: 3rem 0;
}

.Store {
	vertical-align: middle;
}

.Small {
	font-size: 16px;
}

.material-icons.md-18 {
	font-size: 17px;
}

.material-icons-two-tone.md-18 {
	font-size: 16px;
}

.ContenantInfoStore {
	font-size: 14px;
}

.ConteneurInfoMag {
	width: 100%;

	background-color: cadetblue;

	box-shadow: 0 2px 10px 0 rgb(0 0 0 / 80%);
}

.ContenantInfoMag {
	margin: 0 auto;

	width: 50%;

	height: auto;

	color: white;

	display: flex;

	justify-content: space-evenly;

	align-items: center;
}

.ContenantInfoMag div {
	width: 200px;

	justify-content: center;
}

.IframeCarteMagasin {
	width: 75%;

	height: 250px;

	margin: 0 auto;
}

.ContenantCarteDetail {
	width: 40%;
}

.login-box form a {
	position: relative;

	display: inline-block;

	padding: 10px 20px;

	color: cadetblue;

	font-size: 16px;

	text-decoration: none;

	text-transform: uppercase;

	overflow: hidden;

	transition: 0.5s;

	margin-top: 40px;

	letter-spacing: 4px;
}

@media screen and (max-width: 850px) {
	.ContenantMagasin {
		display: block;

		height: 100%;
	}

	.ContenuMagasin {
		width: 94%;

		padding: 2px;
	}

	.ContenuCarte {
		width: 100%;

		min-height: 100%;

		margin: 0 auto;
	}

	.CarteMagasin {
		width: 96%;
	}

	.HrMap {
		width: 96%;

		text-align: center;
	}

	.detail-mag {
		flex-direction: column;

		justify-content: center;
	}

	.detail-mag > div {
		text-align: center;
	}

	iframe {
		width: 98%;

		max-height: 600px;

		margin: 0 auto;

		margin-top: 1rem;
	}

	.ContenantCarteDetail {
		width: 96%;

		margin: 0 auto;
	}
}