a {
text-decoration: none;
}

a:hover 
{
	font-weight: bold;
}


/* Style pour affichage infobulles  */

.infobulle {
position: relative;
cursor: help;
}

.infobulle:hover::after,
.infobulle:focus::after{
content:attr(aria-label);
position: absolute;
top:-2.0em;
left:50%;
transform: translateX(-50%);
z-index:1;  /* Pour s'afficher au-dessus ds autres éléments de la page  */
white-space:nowrap;  /* on interdit le retour à la ligne  */
background-color:#CC99FF;
border:1px solid #660066;
padding:5px;
}

/* Fin commentaire en info bulle  */


.hide {
  display: none;
}

h1 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

h2 {
  	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;

}


body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*font-size: 11px;  */
	 }
 
.legend {
	text-align: right;
	}

.legendTab {
	text-align: center;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	resize:none;
	}

.champ0 {
 	background-color:#FFFFFF;
	border-radius:5px;
	}
        
.champ {
 	background-color:#D6FF51;
 	text-align:center;
	border-radius:5px;
	}

.champ2 {
 	background-color:#FFFF99;
 	text-align:center;
	border-radius:5px;
	}

.champ3 {
		background-color:#e6f09c;
		/* text-align:center;  */
	   border-radius:5px;
	   }	

.cellChamp {
	text-align: center;
}

.cellCoinsArrondis	{
	border-radius:5px;
}
	

.BordureBas {
	border-bottom: 1px solid #1D09B7;
}

.BordureBasGras {
	border-bottom: 2px solid #1D09B7;
	font-weight:bold;
}

.BordureBasGras150 {
	border-bottom: 2px solid #1D09B7;
	font-weight:bold;
	column-width: 600;
}

 .BoutonBarreNavigation  {
 	display:flex;
	flex-direction:column;
	justify-content:center;
	
	width:100%;
	height:35px;
	
	border:50px;
	background:#99CC99;
	text-align:center;
	vertical-align:center;
	border-radius:10px;
 }

 .alerteRouge  {
	background-color:#F93318;
	border-radius:5px;

}

.Colonne150 {
column-width:20%;

}

 .alerte30j  {
	background-color:#EFA907;
	border-radius:5px;

}

 .alerte60j  {
	background-color:#FCF405;
	border-radius:5px;

}

/* Quelle(s) page(s) utilise(nt) cette règle ?   */
[class*="col"] {margin-bottom:1px; margin-top:1px;}
img {width:100%;}
body {margin-top:10px;}
a {text-decoration:none;}
a:link {text-decoration:none;}
.btn-primary, .btn-primary:hover {background-color:greenyellow;color:black;border:greenyellow;border-radius:10px;}
/* a:hover {font-weight:bold;} */


/* Ces règles sont associées à la fonction JS de calcul du nombre de caractères dans un textarea
Le code JS est présent dans le fichier fonctionJS
*/

.counter span{color:green}
.counter span.warning{color:red}

/* MISE EN PAGE */
.bloc-mise-en-page{min-width : 40%}