div.mainmenu.quiz span::before {
	content: "\3f";
	font-size: 20px;
}
div.mainmenu.quiz {
	background-image: none;
}
<!-- #mainmenutd_quiz  {
	background: rgb(47,80,139)!important;
} -->
.myclasscss {
	/* ... */
}

.modal {
	display: none; /* Cacher par défaut */
	position: fixed;
	z-index: 1050;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.5); /* Couleur de fond semi-transparente */
	padding-top: 60px;
}
.modal-content {
	background-color: #ffffff;
	margin: 5% auto; /* Centre la modale */
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 4px;
	width: 80%; /* Largeur de la modale */
	max-width: 600px; /* Largeur maximale */
}
.modal-header {
	padding: 10px 15px;
	border-bottom: 1px solid #ddd;
	background-color: #f7f7f7;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.modal-header .close {
	float: right;
	font-size: 1.5em;
	color: #aaa;
	cursor: pointer;
}
.modal-header .close:hover {
	color: #000;
}
.modal-body {
	padding: 15px;
}
.modal-footer {
	padding: 10px 15px;
	border-top: 1px solid #ddd;
	background-color: #f7f7f7;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	text-align: right;
}
.modal-footer button {
	padding: 8px 15px;
	margin: 0 5px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}
.btn-secondary {
	background-color: #6c757d;
	color: #fff;
}
.btn-secondary:hover {
	background-color: #5a6268;
}
.btn-primary {
	background-color: rgb(10, 20, 100);
	color: #fff;
}
.btn-primary:hover {
	background-color: rgb(10, 20, 100);
}