body
	{
	font-family: verdana;
	}
	
.letscr
	{
  	background-color: #FFCC99;
	width : 25px;
  	border: 1px solid black;
  	border-radius: 6px;
  	line-height: 30px;
  	text-align: center;
	padding : 1px;
	}
	
a {text-decoration: none;}
a:visited {color: blue;}
a:link {color: blue;}
a:active {color: red;}

/* Tooltip maison (évite le tooltip natif et permet un vrai espace) */
.bsa-tip { position: relative; display: inline-block; }
.bsa-tip::after {
	--bsa-tip-offset: 16px;
	content: attr(data-tip);
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translate(var(--bsa-tip-offset), calc(-50% + var(--bsa-tip-offset)));
	z-index: 2000;
	padding: 0.25rem 0.5rem;
	border-radius: 0.25rem;
	background: #000;
	color: #fff;
	font-size: 0.875rem;
	line-height: 1.2;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

/* Variante : tooltip à gauche (utile pour les dernières pastilles) */
.bsa-tip.bsa-tip-left::after {
	left: auto;
	right: 100%;
	transform: translate(calc(-1 * var(--bsa-tip-offset)), calc(-50% + var(--bsa-tip-offset)));
}
.bsa-tip:hover::after,
.bsa-tip:focus::after {
	opacity: 0.92;
	visibility: visible;
}