html, body {
 height: 100%; /* nécessaire pour que body puisse prendre toute la hauteur */
 margin: 0; /* enlever les marges par défaut */
}

body {
 display: flex;
 justify-content: center; /* centre horizontalement */
 align-items: center; /* centre verticalement */
 background: black;
 	overflow-x: 	hidden; 
	overflow-y:		hidden;
}

/* CENTRAGE DU SITE ===============================================*/
#zone-de-travail{
	margin-top	: 	-596px;
	margin-left	: 	auto;
	margin-right:	auto;
	width		:	1640px; 
	height		:	580px;
	font-size	:	0.95em; 
	font-family	:	'Comic Sans MS';
}

a:link{ 
 text-decoration:none; 
}
/* =========================================================== */
/* DEBUT DE L OPTION : CHOIX DU PUZZLE ======================= */
/* =========================================================== */
p.bloc-puzzle-image {
	display:	inline-block;
	margin-top: -1px;
}

p.bloc-puzzle-image img {
	height:				95px;
	width:				210px;
	border:				solid 3px red;
	border-radius:		10px;
}

p.bloc-puzzle-image img:hover {
	height:				95px;
	width:				210px;
	border:				solid 3px blue;
	border-radius:		10px;
}
 
p.bloc-puzzle-image span {
    display:			block;
	margin-top:			2px;
	margin-bottom:		2px;
	FONT-WEIGHT:		bold; 
	FONT-SIZE:			0.80em;  
	font-family:		'Comic Sans MS'; 
	color:				red;
	border:				solid 3px red;
	text-align: 		center;
	border-radius:		20px;
	background-color:	#F5F5DC;
}

#centrer-choix-puzzle{
	overflow: 		hidden; 
	height: 		554px;
	width: 			880px;
	margin-left: 	auto;
	margin-right:	auto;
	margin-top: 	-564px;
}

#le-mot-puzzle{
	margin-left:	70px;
	margin-top:		30px;
	height:			420px;
	width:			100px;
}

/* =========================================================== */
/* FIN DE L OPTION : CHOIX DU PUZZLE ========================= */
/* =========================================================== */
