.alerte {
	/* Le masque de fond de page */
	position: fixed;
	background-color: rgb(131, 131, 131, 0.55);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

	.alerte > div.alerte-boite {
		/* La alerte-boite */
		padding: 30px;
		margin: auto;
		margin-top: 10%;
		width: 500px;
		max-width: 80%;
		border: 2px solid gray;
		border-radius: 5px;
		background-color: white;
		color: black;
		position: relative;
	}

		.alerte > div.alerte-boite > div {
			/* le message lui-même */
			white-space: pre-wrap;
		}

		.alerte > div.alerte-boite > span {
			/* bouton de fermeture */
			position: absolute;
			top: 5px;
			right: 5px;
			border-radius: 33px;
			padding: 0px 0px 0px 0px;
			cursor: pointer;
			color: white;
			background-color: black;
			padding: 0 5px 5px 5px;
			font-size: 0.9em;
			font-family: Segoe UI Symbol;
		}

	.alerte.alerte-erreur > div.alerte-boite {
		/* La alerte-boite si erreur */
		border-color: red;
	}