:root {
	
	--charteColor1: #9f6e33;
	--charteColor2: #993300;

	--kdBlueL :#e9cca9;
	--kdBlue :#9f6e33;
	--kdBlueD :#993300;

	}

.charteColor1 {	color: var(--charteColor1);}
.charteColor2 {	color: var(--charteColor2);}

.mainGreen {
	display: grid;
	grid-template-columns: 300px  1fr 250px;
	gap: 10px; /* Optionnel : pour ajouter un espace entre les colonnes */
  }
	
.taches1{
position:relative;
}
.taches1:hover{
color:var(--kdBlue) !important;
border: 1px solid var(--kdBlue);
background-color: var(--kdWhte);

transition: 0.3s;
}

/* .taches1:hover::before{
content: url('/public/images/infos3.png');
position: absolute;
top: 0px;
right: 0px;

} */

.buttonPresenceOn{
	display: flex;
	justify-content: center;
	align-items: center;
	
	background-color: var(--kdGreen);
	border:1px solid var(--kdGreenD);
	color:var(--kdGreenL);
	width:90%;
	height:90%;
	margin-left:5px;
	border-radius: 5px;

	transition: 0.3s;
}

.buttonPresenceOn:hover{
	background-color: var(--kdGreyL);
	border:1px solid var(--kdGrey);
	color: var(--kdGrey);
}

.buttonPresenceOff{
	display: flex;
	justify-content: center;
	align-items: center;
	
	/* background-color: var(--kdGreyL); */
	/* border:1px solid var(--kdGrey); */
	color: white;
	width:90%;
	height:90%;
	margin-left:5px;
	border-radius: 5px;

	transition: 0.3s;
}

.buttonPresenceOff:hover{
	background-color: var(--kdGreyL);
	border:1px solid var(--kdGrey);
	color: var(--kdGreyD);
}

.buttonPresenceAbs{
	display: flex;
	justify-content: center;
	align-items: center;
	
	background-color: var(--kdOrange);
	border:1px solid var(--kdOrangeD);
	color:var(--kdOrangeL);
	width:90%;
	height:90%;
	margin-left:5px;
	border-radius: 5px;

	transition: 0.3s;
}

.buttonPresenceAbs:hover{
	background-color: var(--kdGreyL);
	border:1px solid var(--kdGrey);
	color: var(--kdGrey);
}

.historiqueTxt{
	border:1px solid var(--kdGrey);
	width:100%;
}