.progress-bar-container {
		position: relative;
		width: 100%;
		height: 30px;
		margin: 20px 0;
	}

	.progress-bar-container .progress-bar {
		width: 100%;
		height: 100%;
		background-color: #e0e0e0; /* Couleur de fond de la barre */
		border-radius: 15px;
		overflow: hidden;
	}

	.progress-bar-container .progress {
		height: 100%;
		background-color: #83B817; /* Couleur de la partie remplie */
		transition: width 0.5s ease-in-out; /* Pour une transition douce */
	}

	.progress-bar-container .markers {
		position: absolute;
		top: 0;
		left: 10px;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: space-between;
		padding: 0 15px; /* Pour ajuster l'espacement des pourcentages */
	}

	.progress-bar-container .marker {
		position: absolute;
		top: -30px; /* Positionne les pourcentages au-dessus de la barre */
		font-size: 12px;
		color: #555;
	}

	.progress-bar-container .icons {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: space-between;
		padding: 0 15px;
	}

	.progress-bar-container .icons .fas {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		font-size: 20px;
		color: #ffffff; /* Couleur des icônes */
		
		background: #111111;
		padding: 10px;
		border-radius: 20px;
	}