/* CSS Document */
#numeros_musiquez {
	display: flex;
}
.case_musiquez {
	position: relative;
	margin:0px 5px;
	font-size: 1.2em;
	text-decoration: none;
	color:rgba(173,17,178,0.83);
	border : 1px solid #8A0D8E;
	background-color: rgba(216,153,220,1.00) ;
	padding: 2px 4px 2px 4px;
	border-radius: 18px;
	text-align: center;
}
.case_musiquez:hover:after, .case_musiquez:focus:after {
	content: attr(aria-label);  /* on affiche aria-label (le titre) */
	position: absolute;
	top: 1.5em;
	left: 50%;
	transform: translateX(-50%); /* on centre horizontalement  */
	z-index: 1; /* pour s'afficher au dessus des éléments en position relative */
	white-space: nowrap;  /* on interdit le retour à la ligne*/
	padding: 5px 14px;
	/*background: rgba(20,130,209,0.83);*/
	color: #fff;
	border-radius: 4px;
	font-size: 1rem;
}
.case_musiquez[aria-label]:hover:before, .case_musiquez[aria-label]:focus:before {
	content: "▼";
	position: absolute;
	top: -1.2em;
	left: 50%;
	transform: translateX(-50%); /* on centre horizontalement  */
	font-size: 12px;
	color: #fff;
}

/* pas de contour durant le :focus */
.case_musiquez[aria-label]:focus {
  outline: none;
}