*
{
	margin: 0;
	background-color: black;
	color: rgb(255,255,255);
	font-family: Arial;
	font-size: small;
	text-shadow: 2px 2px 1px black;
}
p
{
	background: rgba(0,0,0,0.5);
	z-index: 100;
}
#tiroir
{
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	width: 50vw;
	block-size: 44vw;
	background-image: url("tiroirs_fermes.png");
	background-size: 100%;
	backdrop-filter: blur(10px);
}
#contenuTiroir
{
	position: absolute;
	bottom: 4vw;
	left: 10vw;
	width: 30vw;
	block-size: 14vw;
	visibility: hidden;
	background: rgba(0,0,0,0);
	display: grid;
	justify-content: center;
	grid: auto / auto auto;
	z-index: -1;
}
#lampe
{
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	width: 20vw;
	block-size: 20vw;
	background-image: url("lampe_eteinte.png");
	background-size: contain;
}
#horloge
{
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 22vw;
	width: 15vw;
	block-size: 15vw;
}
#horloge video
{
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#plaque
{
	position: absolute;
	top: 0;
	right: 40vw;
	width: 12vw;
	block-size: 12vw;
	cursor: grab;
}
#resetPlaque
{
	cursor: pointer;
	display: none;
	position: absolute;
	top: 13vw;
	right: 40vw;
	width: 12vw;
	background: white;
	color: black;
	text-shadow: none;
}
#boutonVidageTiroir
{
	cursor: pointer;
	display: none;
	position: absolute;
	bottom: 3vw;
	left: 10vw;
	width: 30vw;
	background: white;
	color: black;
	text-shadow: none;
}
figure
{
	background-color: rgba(0,0,0,0);
}
figcaption
{
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
}
/*En cas de modification des positions ds éléments ci-dessous il faut aussi les corriger dans le javascript*/
#sulfureDeZinc
{
	cursor: grab;
	position: absolute;
	top: 21vw;
	right: 0;
	width: 10vw;
	block-size: 10vw;
	//outline: 1px solid white;
	z-index: 1;
}

#uraniumMetallique
{
	cursor: grab;
	position: absolute;
	top: 32vw;
	right: 0;
	width: 10vw;
	block-size: 10vw;
	//outline: 1px solid white;
	z-index: 1;
}

#aluminateDeStrontium
{
	cursor: grab;
	position: absolute;
	top: 21vw;
	right: 11vw;
	width: 10vw;
	block-size: 10vw;
	//outline: 1px solid white;
	z-index: 1;
}

#sulfureDeCalcium
{
	cursor: grab;
	position: absolute;
	top: 32vw;
	right: 11vw;
	width: 10vw;
	block-size: 10vw;
	//outline: 1px solid white;
	z-index: 1;
}

#sulfateUranylePotassium
{
	cursor: grab;
	position: absolute;
	top: 32vw;
	right: 22vw;
	width: 10vw;
	block-size: 10vw;
	//outline: 1px solid white;
	z-index: 1;
}

figure img
{
	background-color: rgba(0,0,0,0);
	transition-property: filter;
	transition-duration: 3s;
}
footer
{
	position: absolute;
	bottom: 0;
	left: 5vw;
	width: 90vw;
	text-align: center;
}