.field--name-field-evenement-federateur {
  position: relative;
}
.field--name-field-evenement-federateur .field__item {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 42px;
  border-radius: 50px;
  background-color: #EFE5DE;
  text-indent: -9999px;
  color: transparent;
  overflow: hidden;
}
.field--name-field-evenement-federateur .field__item:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 25px;
  height: 25px;
  background-image: url("../../assets/images/event/event-federateurs.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateX(-50%) translateY(-50%);
}

body.see-and-do .field--name-field-evenement-federateur .field__item {
  background-color: #F4F8D7;
}
body.see-and-do .field--name-field-evenement-federateur .field__item:before {
  background-image: url("../../assets/images/event/event-federateurs-green.svg");
}
body.service .field--name-field-evenement-federateur .field__item {
  background-color: #EBF4F2;
}
body.service .field--name-field-evenement-federateur .field__item:before {
  background-image: url("../../assets/images/event/event-federateurs-blue.svg");
}
body.understand .field--name-field-evenement-federateur .field__item {
  background-color: #FFEDD9;
}
body.understand .field--name-field-evenement-federateur .field__item:before {
  background-image: url("../../assets/images/event/event-federateurs-orange.svg");
}
body.jo-2024 .field--name-field-evenement-federateur .field__item {
  background-color: #F5F0DD;
}
body.jo-2024 .field--name-field-evenement-federateur .field__item:before {
  background-image: url("../../assets/images/event/event-federateurs-gold.svg");
}
body.anniversary-40 .field--name-field-evenement-federateur .field__item {
  background-color: #decce8;
}
body.anniversary-40 .field--name-field-evenement-federateur .field__item:before {
  background-image: url("../../assets/images/event/event-federateurs-gold.svg");
}
body.no-menu .field--name-field-evenement-federateur .field__item {
  background-color: #EFE5DE;
}
body.no-menu .field--name-field-evenement-federateur .field__item:before {
  background-image: url("../../assets/images/event/event-federateurs-red.svg");
}