#modal{
	display:block;
	visibility:hidden;
	opacity: 0;
	z-index:2000;
	position:fixed;
	top:0;
	left:0;
	height:100vh;
	width:100vw;
	background-color:rgba(30, 59, 110, .9);
	transition: opacity 0.3s ease, visibility 0.3s ease;
}
#modal.ouvert{
	visibility:visible;
	opacity:1;
}
#modalFlexer{
	display:flex;
	height:100%;
	width:100%;
	justify-content:center;
	align-items:center;
}
#modalMain{
	width:550px;
	max-width:90vw;
	background-color:#FFF8E7;
	border:thin solid #39649B;
}
#modalTitre{
	float:left;
	width:100%;
	color:#1E3B6E;
	background-color:#39649B;
}
#modalTitre h2{
	float:left;
	color:#1E3B6E;
	margin:15px;
}
.fermeModal{
	float:right;
}
#modalTitre svg{
	fill:#204E8A;
	height:40px;
	width:auto;
	cursor:pointer;
}
#modalContenu{
	float:left;
	width:100%;
	max-height:70vh;
	overflow-y:scroll;
	color:#FFF8E7;
	background-color:#1E3B6E;
	padding:10px;
}
#modalConfirmer{
	display:none;
	position:fixed;
	top:50vh;
	left:50vw;
	color:#8B1A1A;
	background-color:#FFF8E7;
	z-index:4000;
	padding:18px;
	transform:translate(-50%,-50%);
}
#questionMC{ color:black; }