.elementor-11 .elementor-element.elementor-element-9d43eaa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11 .elementor-element.elementor-element-9d43eaa:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-9d43eaa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#132EC100;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-4317f6f{--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;}.elementor-11 .elementor-element.elementor-element-4317f6f.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-11 .elementor-element.elementor-element-dd0121c{--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;}.elementor-11 .elementor-element.elementor-element-7e32f87{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:142px;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#7A7A7A;}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-7e32f87{left:-179px;}body.rtl .elementor-11 .elementor-element.elementor-element-7e32f87{right:-179px;}.elementor-11 .elementor-element.elementor-element-e12cecd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:199px;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#7A7A7A;}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-e12cecd{left:-179px;}body.rtl .elementor-11 .elementor-element.elementor-element-e12cecd{right:-179px;}.elementor-11 .elementor-element.elementor-element-0d122ea{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:259px;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#7A7A7A;}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-0d122ea{left:-179px;}body.rtl .elementor-11 .elementor-element.elementor-element-0d122ea{right:-179px;}.elementor-11 .elementor-element.elementor-element-895e29a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:322px;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#7A7A7A;}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-895e29a{left:-179px;}body.rtl .elementor-11 .elementor-element.elementor-element-895e29a{right:-179px;}.elementor-11 .elementor-element.elementor-element-d924932{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:386px;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#7A7A7A;}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-d924932{left:-179px;}body.rtl .elementor-11 .elementor-element.elementor-element-d924932{right:-179px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-dfb8a52{left:611px;}body.rtl .elementor-11 .elementor-element.elementor-element-dfb8a52{right:611px;}.elementor-11 .elementor-element.elementor-element-dfb8a52{top:652px;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-dd0121c{--width:51%;}}/* Start custom CSS for html, class: .elementor-element-39d69cc */#img-holder {
  width: 100vw;
  max-width: 100%;
  height: 40vw;         /* ratio responsive desktop */
  min-height: 220px;    /* sécurité visuelle desktop */
  overflow: hidden;
  display: block;
  margin-top: 40px;     /* marge en haut */
  margin-left: 32px;    /* marge à gauche */
  box-sizing: border-box;
}

#img-featured {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s cubic-bezier(.66,0,.34,1);
  transform: scale(1);
}
/* État zoom (sur changement d'image ou hover du projet) */
#img-featured.active-zoom {
  transform: scale(1.06);
}

/* Pour les écrans mobiles : hauteur et marges adaptées */
@media (max-width: 600px) {
  #img-holder {
    height: 55vw;
    min-height: 140px;
    margin-top: 16px;   /* marge haut réduite sur mobile */
    margin-left: 8px;   /* marge gauche réduite sur mobile */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4317f6f */.elementor-column, .elementor-container {
  margin-left: 20 !important;
  padding-left: 20 !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7e32f87 *//* Ligne principale projet : fin trait noir */
.projet-1 {
  font-family: 'MaPolicePerso', 'behind', serif !important;
  font-style: italic;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
  padding: 20px 0 0 0;
  width: 100%;
  position: relative;
  box-shadow: none !important;
  border-bottom: 0.7px solid #111; /* TRAIT NOIR ULTRA FIN */
}
/* Masque le trait fin au hover */
.projet-1:hover {
  border-bottom: none;
}
/* Flèche à gauche, animée au survol */
.project-arrow {
  opacity: 0;
  transform: translateX(-10px);
  transition: opacity 0.3s, transform 0.3s;
  margin-right: 12px;
  font-size: 1.05em;
  color: #333;
}
.projet-1:hover .project-arrow {
  opacity: 1;
  transform: translateX(0);
}
/* Animation du nom de projet au survol */
.project-name {
  font-weight: bold;
  font-size: 1.2em;
  color: #111;
  margin-right: 16px;
  transition: transform 0.3s;
}
.projet-1:hover .project-name {
  transform: translateX(12px);
}
/* Bouton à droite */
.project-view {
  margin-left: auto;
  background: none;
  border: none;
  font-size: 1.1em;
  color: #333;
  padding: 4px 18px;
  cursor: pointer;
  font-family: inherit;
  border-radius: 25px;
  transition: background 0.3s, color 0.3s, border-radius 0.3s, font-weight 0.3s, font-family 0.3s;
  font-weight: 400;
  display: inline-block;
}
/* Affichage du chiffre numéro par défaut */
.project-view .text-num { display: inline; }
.project-view .text-voir { display: none; }
/* Survol : bouton noir, texte "voir" bold behind, le chiffre disparaît */
.projet-1:hover .project-view {
  background: #222;
  color: #fff;
  font-family: 'behind', serif;
  font-weight: 700;
  font-size: 1.05em;
}
.projet-1:hover .project-view .text-num { display: none; }
.projet-1:hover .project-view .text-voir { display: inline; }

/* Soulignement animé, remplace le border-bottom au hover */
.project-underline {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.7px;
  width: 100%;
  pointer-events: none;
  background: none !important;
  border: none !important;
}
.project-underline::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background: #111;
  transition: width 0.5s cubic-bezier(.77,0,.18,1);
}
.projet-1:hover .project-underline::before {
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e12cecd *//* SUPPRESSION des bordures automatiques Elementor sur widget texte */
.elementor-widget-text-editor p,
.elementor-widget-text-editor {
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Bloc global projet, largeur 100% */
.project-block {
  width: 100%;
}

/* Ligne principale du projet, flex */
.projet-3 {
  font-family: 'MaPolicePerso', 'behind', serif !important;
  font-style: italic;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
  padding: 20px 0 0 0;
  width: 100%;
  position: relative;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Flèche à gauche, animée au survol */
.project-arrow {
  opacity: 0;
  transform: translateX(-10px);
  transition: opacity 0.3s, transform 0.3s;
  margin-right: 12px;
  font-size: 1.05em;
  color: #333;
}
.projet-3:hover .project-arrow {
  opacity: 1;
  transform: translateX(0);
}

/* Animation du nom de projet au survol */
.project-name {
  font-weight: bold;
  font-size: 1.2em;
  color: #111;
  margin-right: 16px;
  transition: transform 0.3s;
}
.projet-3:hover .project-name {
  transform: translateX(12px);
}

/* Bouton à droite, animé au survol */
.project-view {
  margin-left: auto;
  background: none;
  border: none;
  font-size: 1.1em;
  color: #333;
  padding: 4px 18px 4px 18px;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.3s, color 0.3s, border-radius 0.3s, font-weight 0.3s;
  font-weight: 400;
}
.projet-3:hover .project-view {
  background: #222;
  color: #fff;
  border-radius: 25px;
  font-weight: 700;
}

/* Ligne animée dessous projet - seulement TRAIT NOIR animé */
.project-underline {
  position: relative;
  height: 2px;
  width: 100%;
  overflow: hidden;
  margin: 0;
  background: none !important;
  border: none !important;    /* supprime tout trait résiduel de Widget/Elementor */
}
.project-underline::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background: #111;            /* NOIR uniquement */
  transition: width 0.5s cubic-bezier(.77,0,.18,1);
}
/* Extension seulement au hover de la ligne projet */
.projet-3:hover .project-underline::before {
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d122ea *//* SUPPRESSION des bordures automatiques Elementor sur widget texte */
.elementor-widget-text-editor p,
.elementor-widget-text-editor {
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Bloc global projet, largeur 100% */
.project-block {
  width: 100%;
}

/* Ligne principale du projet, flex */
.projet-4 {
  font-family: 'MaPolicePerso', 'behind', serif !important;
  font-style: italic;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
  padding: 20px 0 0 0;
  width: 100%;
  position: relative;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Flèche à gauche, animée au survol */
.project-arrow {
  opacity: 0;
  transform: translateX(-10px);
  transition: opacity 0.3s, transform 0.3s;
  margin-right: 12px;
  font-size: 1.05em;
  color: #333;
}
.projet-4:hover .project-arrow {
  opacity: 1;
  transform: translateX(0);
}

/* Animation du nom de projet au survol */
.project-name {
  font-weight: bold;
  font-size: 1.2em;
  color: #111;
  margin-right: 16px;
  transition: transform 0.3s;
}
.projet-4:hover .project-name {
  transform: translateX(12px);
}

/* Bouton à droite, animé au survol */
.project-view {
  margin-left: auto;
  background: none;
  border: none;
  font-size: 1.1em;
  color: #333;
  padding: 4px 18px 4px 18px;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.3s, color 0.3s, border-radius 0.3s, font-weight 0.3s;
  font-weight: 400;
}
.projet-4:hover .project-view {
  background: #222;
  color: #fff;
  border-radius: 25px;
  font-weight: 700;
}

/* Ligne animée dessous projet - seulement TRAIT NOIR animé */
.project-underline {
  position: relative;
  height: 2px;
  width: 100%;
  overflow: hidden;
  margin: 0;
  background: none !important;
  border: none !important;    /* supprime tout trait résiduel de Widget/Elementor */
}
.project-underline::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background: #111;            /* NOIR uniquement */
  transition: width 0.5s cubic-bezier(.77,0,.18,1);
}
/* Extension seulement au hover de la ligne projet */
.projet-4:hover .project-underline::before {
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-895e29a *//* SUPPRESSION des bordures automatiques Elementor sur widget texte */
.elementor-widget-text-editor p,
.elementor-widget-text-editor {
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Bloc global projet, largeur 100% */
.project-block {
  width: 100%;
}

/* Ligne principale du projet, flex */
.projet-5 {
  font-family: 'MaPolicePerso', 'behind', serif !important;
  font-style: italic;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
  padding: 20px 0 0 0;
  width: 100%;
  position: relative;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Flèche à gauche, animée au survol */
.project-arrow {
  opacity: 0;
  transform: translateX(-10px);
  transition: opacity 0.3s, transform 0.3s;
  margin-right: 12px;
  font-size: 1.05em;
  color: #333;
}
.projet-5:hover .project-arrow {
  opacity: 1;
  transform: translateX(0);
}

/* Animation du nom de projet au survol */
.project-name {
  font-weight: bold;
  font-size: 1.2em;
  color: #111;
  margin-right: 16px;
  transition: transform 0.3s;
}
.projet-5:hover .project-name {
  transform: translateX(12px);
}

/* Bouton à droite, animé au survol */
.project-view {
  margin-left: auto;
  background: none;
  border: none;
  font-size: 1.1em;
  color: #333;
  padding: 4px 18px 4px 18px;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.3s, color 0.3s, border-radius 0.3s, font-weight 0.3s;
  font-weight: 400;
}
.projet-5:hover .project-view {
  background: #222;
  color: #fff;
  border-radius: 25px;
  font-weight: 700;
}

/* Ligne animée dessous projet - seulement TRAIT NOIR animé */
.project-underline {
  position: relative;
  height: 2px;
  width: 100%;
  overflow: hidden;
  margin: 0;
  background: none !important;
  border: none !important;    /* supprime tout trait résiduel de Widget/Elementor */
}
.project-underline::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background: #111;            /* NOIR uniquement */
  transition: width 0.5s cubic-bezier(.77,0,.18,1);
}
/* Extension seulement au hover de la ligne projet */
.projet-5:hover .project-underline::before {
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d924932 *//* SUPPRESSION des bordures automatiques Elementor sur widget texte */
.elementor-widget-text-editor p,
.elementor-widget-text-editor {
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Bloc global projet, largeur 100% */
.project-block {
  width: 100%;
}

/* Ligne principale du projet, flex */
.projet-6 {
  font-family: 'MaPolicePerso', 'behind', serif !important;
  font-style: italic;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
  padding: 20px 0 0 0;
  width: 100%;
  position: relative;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Flèche à gauche, animée au survol */
.project-arrow {
  opacity: 0;
  transform: translateX(-10px);
  transition: opacity 0.3s, transform 0.3s;
  margin-right: 12px;
  font-size: 1.05em;
  color: #333;
}
.projet-6:hover .project-arrow {
  opacity: 1;
  transform: translateX(0);
}

/* Animation du nom de projet au survol */
.project-name {
  font-weight: bold;
  font-size: 1.2em;
  color: #111;
  margin-right: 16px;
  transition: transform 0.3s;
}
.projet-6:hover .project-name {
  transform: translateX(12px);
}

/* Bouton à droite, animé au survol */
.project-view {
  margin-left: auto;
  background: none;
  border: none;
  font-size: 1.1em;
  color: #333;
  padding: 4px 18px 4px 18px;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.3s, color 0.3s, border-radius 0.3s, font-weight 0.3s;
  font-weight: 400;
}
.projet-6:hover .project-view {
  background: #222;
  color: #fff;
  border-radius: 25px;
  font-weight: 700;
}

/* Ligne animée dessous projet - seulement TRAIT NOIR animé */
.project-underline {
  position: relative;
  height: 2px;
  width: 100%;
  overflow: hidden;
  margin: 0;
  background: none !important;
  border: none !important;    /* supprime tout trait résiduel de Widget/Elementor */
}
.project-underline::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background: #111;            /* NOIR uniquement */
  transition: width 0.5s cubic-bezier(.77,0,.18,1);
}
/* Extension seulement au hover de la ligne projet */
.projet-6:hover .project-underline::before {
  width: 100%;
}/* End custom CSS */