.elementor-widget-portfolio a .elementor-portfolio-item__overlay{background-color:var( --e-global-color-accent );}.elementor-widget-portfolio .elementor-portfolio-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter.elementor-active{color:var( --e-global-color-primary );}.elementor-271 .elementor-element.elementor-element-aca718f{--grid-row-gap:18px;--grid-column-gap:18px;}.elementor-271 .elementor-element.elementor-element-aca718f.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-271 .elementor-element.elementor-element-aca718f a .elementor-portfolio-item__overlay{background-color:#FFFFFF6E;}.elementor-271 .elementor-element.elementor-element-aca718f a .elementor-portfolio-item__title{color:var( --e-global-color-secondary );}.elementor-271 .elementor-element.elementor-element-aca718f .elementor-portfolio-item__title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-271 .elementor-element.elementor-element-aca718f .elementor-portfolio__filter{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-271 .elementor-element.elementor-element-aca718f .elementor-portfolio__filter.elementor-active{color:var( --e-global-color-primary );}.elementor-271 .elementor-element.elementor-element-aca718f .elementor-portfolio__filter:not(:last-child){margin-right:calc(12px/2);}.elementor-271 .elementor-element.elementor-element-aca718f .elementor-portfolio__filter:not(:first-child){margin-left:calc(12px/2);}.elementor-271 .elementor-element.elementor-element-aca718f .elementor-portfolio__filters{margin-bottom:10px;}@media(max-width:1024px){.elementor-widget-portfolio .elementor-portfolio-item__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-portfolio .elementor-portfolio__filter{font-size:var( --e-global-typography-primary-font-size );}.elementor-271 .elementor-element.elementor-element-aca718f .elementor-portfolio-item__title{font-size:var( --e-global-typography-text-font-size );}.elementor-271 .elementor-element.elementor-element-aca718f .elementor-portfolio__filter{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-portfolio .elementor-portfolio-item__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-portfolio .elementor-portfolio__filter{font-size:var( --e-global-typography-primary-font-size );}.elementor-271 .elementor-element.elementor-element-aca718f .elementor-portfolio-item__title{font-size:var( --e-global-typography-text-font-size );}.elementor-271 .elementor-element.elementor-element-aca718f .elementor-portfolio__filter{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for portfolio, class: .elementor-element-aca718f *//* Espace sous la barre de filtrage avec la ligne de séparation */
.elementor-portfolio__filters {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 20px;
}

.elementor-portfolio__filters::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.5px;
  background-color: #000000;
}

/* Ajouter de l'espace entre la ligne et les projets */
.elementor-posts-container {
  margin-top: 20px;  /* Ajustez cette valeur selon l'espace désiré */
}
/* Assurez-vous que le conteneur est en position relative */
.elementor-portfolio-item {
  position: relative;
}

/* Positionne le titre en haut à gauche */
.elementor-portfolio-item .elementor-portfolio-item__title {
  position: absolute;
  top: 10px;  /* Ajustez cette valeur selon vos besoins */
  left: 10px; /* Ajustez cette valeur selon vos besoins */
  z-index: 2; /* Pour être sûr qu'il soit au-dessus de l'image */
}
/* État normal de l'overlay : invisible */
.elementor-portfolio-item__overlay {
  opacity: 0;
  transition: opacity 800ms ease; /* Animation de 800 ms */
}

/* État au survol : overlay visible */
.elementor-portfolio-item:hover .elementor-portfolio-item__overlay {
  opacity: 1;
}/* End custom CSS */