.filtres {
  display: flex;
  align-items: center;
}

.bouton-filtre {
  display: inline-block;
  background-color: white;
  padding: 18px 25px;
  transition: all 0.2s ease-in-out;
}

.filtre-2:not(:last-child) .bouton-filtre {
  border-right: 2px solid var(--gris);
}

.filtre-2:first-child .bouton-filtre {
  border-radius: 10px 0px 0px 10px;
}

.filtre-2:last-child .bouton-filtre {
  border-radius: 0px 10px 10px 0px;
}

#bouton-filtre-icon {
  border-radius: 10px 0px 0px 10px;
  padding: 15.5px 25px;
}

#bouton-filtre-icon:hover {
  cursor: default;
  background-color: white;
}

#bouton-filtre-supp {
  /*display: inline-flex;
  gap: 10px;*/
  padding: 17px 25px;
}

#bouton-filtre-supp p {
    margin: 0px;
    color: red;
    font-weight: 600;
}

#bouton-filtre-supp:hover  {
    background-color: red;
}

#bouton-filtre-supp:hover p  {
    color:white;
}

#bouton-filtre-supp p::after {
  font-family: "ETmodules";
  content: url("/icons/Icon_Supp-filtres_Noir.svg");
  padding-left: 13px;
  width: 10px;
  display: inline-block;
  position: relative;
  top:3px;
}

#bouton-filtre-supp:hover p::after {
  content: url("/icons/Icon_Supp-filtres_Blanc.svg");
}

.bouton-filtre:hover {
  cursor: pointer;
}

#filtres-3 p:first-child {
  margin: 0px;
}

.filtre-integral.actif .bouton-filtre, .filtre-integral.actif2 .bouton-filtre,
.bouton-filtre:hover {
  background-color: var(--bleu);
  color: white;
  transition: all 0.2s ease-in-out;
}

.type-filtre {
  margin: 0px;
}

.type-filtre::after {
  font-family: "ETmodules";
  content: url("/icons/Icon_Fleche-sous-menu_Noir.svg");
  padding-left: 13px;
  width: 10px;
  display: inline-block;
}

.filtre-integral.actif .type-filtre::after,
.filtre-integral.actif2 .type-filtre::after,
.bouton-filtre:hover .type-filtre::after,
.bouton-searchbar:hover .type-filtre::after,
.filtre-searchbar.actif .type-filtre::after,
.filtre-searchbar.focus .type-filtre::after {
  content: url("/icons/Icon_Fleche-sous-menu_Blanc.svg");
}

.filtre-integral.actif .type-filtre::after {
  transform: rotate(180deg);
  padding-right: 13px;
  padding-left: 0px;
}

.titre-filtre {
  font-weight: 600;
}

.liste-filtre {
  font-size: 16px;
  font-weight: bold;
  z-index: 4;
  position: absolute;
  background-color: white;
  padding: 10px 10px 10px 25px;
  border-radius: 0px 0px 4px 4px;
  opacity: 0;
  visibility: hidden;
  min-width: 151px;
  transition: all 0.2s ease-in-out;
  border-right: 1px solid var(--gris);
  border-left: 1px solid var(--gris);
  border-bottom: 1px solid var(--gris);
}

.filtre-integral.actif .liste-filtre {
  opacity: 1;
  visibility: visible;
  transition: all 0.2s ease-in-out;
}

.liste-filtre ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.liste-filtre .filtre.actif {
  color: var(--bleu);
}

.liste-filtre li:hover a {
  color: var(--bleu);
  cursor: pointer;
}