/* Cachons la case à cocher */
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
}

/* on prépare le label */
[type="radio"]:not(:checked) + label {
  cursor: pointer;    /* affiche un curseur adapté */
  margin-left: auto;
  padding: 8px 16px;
  border: none;
  background: #e7a5a5;
  color: #f2f2f2;
  letter-spacing: .09em;
  border-radius: 2px;
}

[type="radio"]:checked + label {
  cursor: pointer;    /* affiche un curseur adapté */
  margin-left: auto;
  padding: 8px 16px;
  border: none;
  background: #e75d5d;
  color: #f2f2f2;
  letter-spacing: .09em;
  border-radius: 2px;
}


#cache {
	display: flex;
	justify-content: center;
	margin: 0 10% 0 10%;
}

#cache a {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

#simulateur {
	min-height: 700px;
}

#situation .col-sm-6{
	text-align: left;
	margin-top: 5px;
}

#situation span{
	color: black;	
}

.question{
	text-align: left;
}

/*-------- cacher le planning ----------*
#Garde, #tableauGarde{
	display:none;
}

#afficher:target #Garde{
	display:block;
}

#afficher:target #tableauGarde{
	display:flex;
}
/*---------------------------------------*/

#loader{
	display: none;
	position: fixed;
	left: 0px;
	top: 100px;
	width: 100%;
	height: 100%;
	z-index: 9999;
}