.badge.bg-custom-fermee {
  --bs-bg-opacity: 1;
  background-color: #DB6A35 !important;
}
.badge.bg-custom-refusee {
  --bs-bg-opacity: 1;
  background-color: #8F222D !important;
}
.badge.bg-custom-recue {
  --bs-bg-opacity: 1;
  background-color: #BD26E0 !important;
}
.badge.bg-custom-commandee {
  --bs-bg-opacity: 1;
  background-color: #FF69B4 !important;
}
.badge.bg-custom-autoriser {
  --bs-bg-opacity: 1;
  background-color: #FFA308 !important;
}
.badge.bg-custom-poste-budgetaire {
  --bs-bg-opacity: 1;
  background-color: #FFDF08 !important;
}
.badge.bg-custom-recherche-prix {
  --bs-bg-opacity: 1;
  background-color: #FF7D08 !important;
}
.badge.bg-custom-recherche-fournisseurs {
  --bs-bg-opacity: 1;
  background-color: #FCC926 !important;
}

#etapes li {
  list-style-image: none;
}
ul#etapes li:before {
	display: none;
}
ul#etapes {
	width: 100%;
	margin-top: 20px;
	padding: 0 15%;
	border-top: 5px solid #E8ECEF;
	list-style-type: none;
	text-align: center;
	display: flex;
	justify-content: space-between;
}
ul#etapes.fond-blanc {
	border-top: 5px solid #ddeaf6;
	margin-bottom: 30px;
}
ul#etapes li {
	margin-top: -25px;
	font-size: 14px;
	line-height: 14px;
	font-weight: bolder;
	color: #191D20;
}
ul#etapes li > span {
	display: block;
	width: 50px;
	height: 50px;
	background: #F8FAFB;
	border: 5px solid #E8ECEF;
	border-radius: 50%;
	line-height: 40px;
	font-size: 17px;
	margin: 0 auto 5px;
}
ul#etapes.fond-blanc li > span {
	background: #fff;
	border: 5px solid #ddeaf6;
}
ul#etapes li.active2 {
	color: #191D20;
}
ul#etapes li.active2 > span {
	color: #fff;
	background: #191D20;
}
@media screen and (max-width: 500px) {
	ul#etapes {
		padding: 0;
	}
}