body, html {
	margin:0;
	width:100vw;
	height:100vh;
	background-color: rgba(30,30,30,0.4);
	font-family: 'Arvo';
}

.petitefenetre{
	position: relative;
	cursor: pointer !important;
	border: solid rgba(255,255,255,0.96);
	border-width: 8px;
	border-radius: 2px;
	z-index: 1;
	width: 360px;
	height: 190px;
	transition: transform 0.2s ease-in-out;
	transform-origin: 50% 100%;
	background-color: rgba(20,20,20,1);
}

.ecranchargement{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(200,200,200,0.4);
	/*background-image: radial-gradient(closest-side,white,rgba(236,236,236,0));*/
	z-index: 3900;
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	cursor:default;
	pointer-events: none;
}

.chargementtexte{
	background-color: rgba(255,255,255,0.92);
}

.petitefenetre .chargementtexte{
	position:absolute;
	left:0px;
	right:0px;
	top: 0px;
	padding: 10px;
	font-size: 8pt;
	text-align: center;
	color: rgba(20,20,20,0.6);
}

.grandefenetre .chargementtexte{
	position:absolute;
	left:0px;
	right:0px;
	bottom: 40vh;
	padding: 10px;
	font-size: 12pt;
	text-align: center;
	color: rgba(20,20,20,0.6);
}

.petitefenetre .boutonpleinecranchargement{
	display: none;
}

.grandefenetre .boutonpleinecranchargement{
	position:absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;
	left:0px;
	right:0px;
	top: 40px;
	padding: 10px;
	font-size: 12pt;
	text-align: center;
	color: rgba(20,20,20,0.6);
	transition: transform 0.2s ease-in-out;
}

.boutonpleinecranchargement:hover{
	transform: scale(1.2);
}

.boutonpleinecranchargement > div {
	padding: 20px;
}

.boutonpleinecranchargement > img {
	width:60px;
}

.grandefenetre{
	width:100%;
	height:100%;
}

.fenetre{
	overflow:hidden;
	cursor: url("../img/cursor.png") 16 16, crosshair;
}

.solcanvas{
	z-index:100;
	will-change: transform;
	transform: translateZ(0px);
}

.jeucanvas{
	z-index:600;
	will-change: transform;
	transform: translateZ(0px);
}

.fantomescanvas{
	z-index: 1100;
	will-change: transform;
	transform: translateZ(0px);
}

.tempetecanvas{

}

.aveuglementcanvas{
	z-index: 1400;
	will-change: transform;
	transform: translateZ(0px);
	opacity: 0;
}

.minicartecanvas{
	z-index:200;
	transform: translateZ(0px);
	opacity: 1;
	position:absolute;
	bottom: 2vw;
	left: 2vw;
	width: 10vw;
	height: 10vw;
	border: 0.5vw solid rgba(255,255,255,0.7);
	border-radius: 0.2vw;
}

.minicontenucanvas{
	z-index:300;
	transform: translateZ(0px);
	opacity: 1;
	position:absolute;
	bottom: 2vw;
	left: 2vw;
	width: 10vw;
	height: 10vw;
	border: 0.5vw solid rgba(255,255,255,0);
}