/* Conteneur principal */
.background-image {
	position: relative;
	width: 100%;
	height: 100%;
}

/* Image originale */
.background-image .image {
	display: block;
	object-fit: contain;
	width:  100%;
	height: 100%;
}

/* Zone de hover dans la div */
.hoverzone {
	height: 100%;
	width: 100%;
	background-color: transparent;
}


/********* Hover image *******/

/* Overlay */
.background-image .hoverzone {
	top: 0;
	position: absolute;
	opacity: 1;
}

.hoverzone .hover {
	opacity: 0;
	transition: .5s ease;
}

.hoverzone:hover .hover {
	opacity: 1;
}



/*MISE EN PAGE*/
/*DRAG AND DROP*/

.draggable-dropzone--occupied {
	/*background: lightgreen;*/
}
        
.dropzone {
	/*outline: solid 1px;*/
	height: 440px;
	width: 400px;
	margin: 1em;
	overflow: hidden;
}
.dropzone img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.emplacement{
	position: absolute;
	left: 49vw;
	top: 34vh;
	transform: translate(-50%,-50%);
}
.emplacement img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.item {
	height: 440px;
	width: 400px;
}

.reussite {
	display: none;
/*	position: absolute;
	left: 50%;
	transform: translate(-50%,-75%);*/
}

.tableau{
	position: absolute;
	bottom: 0%;
}