.elementor-5656 .elementor-element.elementor-element-19eb9de{--display:flex;--min-height:100vh;--margin-top:0;--margin-bottom:0;--margin-left:0;--margin-right:0;--padding-top:125px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-5656 .elementor-element.elementor-element-19eb9de:not(.elementor-motion-effects-element-type-background), .elementor-5656 .elementor-element.elementor-element-19eb9de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-5656 .elementor-element.elementor-element-4c9f8ab > .elementor-widget-container{margin:0px 0px -12px 0px;padding:25px 0px 1px 0px;}.elementor-5656 .elementor-element.elementor-element-4c9f8ab{z-index:14;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5656 .elementor-element.elementor-element-3b66d65{--grid-columns:3;--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-5656 .elementor-element.elementor-element-3b66d65 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-5656 .elementor-element.elementor-element-3b66d65 .e-loop-item > .elementor-section, .elementor-5656 .elementor-element.elementor-element-3b66d65 .e-loop-item > .elementor-section > .elementor-container, .elementor-5656 .elementor-element.elementor-element-3b66d65 .e-loop-item > .e-con, .elementor-5656 .elementor-element.elementor-element-3b66d65 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}body.elementor-page-5656:not(.elementor-motion-effects-element-type-background), body.elementor-page-5656 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}@media(max-width:1024px){.elementor-5656 .elementor-element.elementor-element-3b66d65{--grid-columns:2;}}@media(max-width:767px){.elementor-5656 .elementor-element.elementor-element-4c9f8ab > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5656 .elementor-element.elementor-element-3b66d65{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-4c9f8ab *//* Conteneur des boutons */
.cf-cat-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
  margin-bottom: 30px;
  padding: 0;
}

/* Boutons de filtre */
.cf-cat-btn {
  background: none;
  border: none;
  font-size: 12px;
  font-weight: 500;
  color: grey;
  cursor: pointer;
  position: relative;
  padding: 5px 10px;
  text-transform: uppercase;
  transition: color 0.3s ease;
}

/* Ligne de soulignement au hover */
.cf-cat-btn::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 2px;
  background-color: white;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.cf-cat-btn:hover {
  color: white;
}

.cf-cat-btn:hover::after {
  transform: scaleX(1);
}

/* Bouton actif */
.cf-cat-btn.cf-active {
  color: white;
  font-weight: 600;
}

.cf-cat-btn.cf-active::after {
  transform: scaleX(1);
}/* End custom CSS */