.elementor-533 .elementor-element.elementor-element-05692a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.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-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-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter.elementor-active{color:var( --e-global-color-primary );}.elementor-533 .elementor-element.elementor-element-b521198{--grid-row-gap:10px;top:0px;z-index:1;--grid-column-gap:10px;}.elementor-533 .elementor-element.elementor-element-b521198 > .elementor-widget-container{margin:0px 20px 20px 20px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-533 .elementor-element.elementor-element-b521198{left:0px;}body.rtl .elementor-533 .elementor-element.elementor-element-b521198{right:0px;}.elementor-533 .elementor-element.elementor-element-b521198 .elementor-portfolio-item__img, .elementor-533 .elementor-element.elementor-element-b521198 .elementor-portfolio-item__overlay{border-radius:10px 10px 10px 10px;}.elementor-533 .elementor-element.elementor-element-b521198 a .elementor-portfolio-item__overlay{background-color:#00000000;}.elementor-533 .elementor-element.elementor-element-b521198 .elementor-portfolio__filter{font-family:"Axion", Sans-serif;font-size:13px;font-weight:400;}.elementor-533 .elementor-element.elementor-element-b521198 .elementor-portfolio__filter:not(:last-child){margin-right:calc(20px/2);}.elementor-533 .elementor-element.elementor-element-b521198 .elementor-portfolio__filter:not(:first-child){margin-left:calc(20px/2);}.elementor-533 .elementor-element.elementor-element-b521198 .elementor-portfolio__filters{margin-bottom:20px;}.elementor-533 .elementor-element.elementor-element-30ac1e1{--display:flex;}/* Start custom CSS for portfolio, class: .elementor-element-b521198 *//* Assure que chaque item est positionné pour contenir l'icône */
.elementor-533 .elementor-element.elementor-element-b521198 .elementor-portfolio-item {
  position: relative;
  transition: transform 0.3s ease;
  will-change: transform;
}

/* Zoom très subtil au survol */
.elementor-533 .elementor-element.elementor-element-b521198 .elementor-portfolio-item:hover {
  transform: scale(1.008);
}

/* Conteneur relatif pour chaque item portfolio */
.elementor-portfolio-item {
  position: relative; /* permet de positionner le SVG par rapport à chaque image */
}

/* SVG ajouté */
.elementor-portfolio-item::after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14M5 12h14"/></svg>');
  position: absolute;
  top: 10px; /* distance du haut */
  right: 10px; /* distance de la droite */
  opacity: 0; /* invisible par défaut */
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none; /* pour ne pas gêner le clic sur l'image */
}

/* Affichage du SVG au survol du portfolio item */
.elementor-portfolio-item:hover::after {
  opacity: 1;
  transform: translateY(1px); /* petit mouvement vers le haut */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05692a0 */.elementor-portfolio__filters { display: flex !important; }

.elementor-portfolio__filter[data-filter="42"] { order: 1; }
.elementor-portfolio__filter[data-filter="43"] { order: 2; }
.elementor-portfolio__filter[data-filter=""] { order: 3; }
.elementor-portfolio__filter[data-filter="51"] { order: 4; }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Axion';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://vagalamstudio.fr/wp-content/uploads/2025/10/Axion-RND.ttf') format('truetype');
}
/* End Custom Fonts CSS */