.elementor-4708 .elementor-element.elementor-element-fe5d720{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;}.elementor-4708 .elementor-element.elementor-element-fe5d720:not(.elementor-motion-effects-element-type-background), .elementor-4708 .elementor-element.elementor-element-fe5d720 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fuzevine.fr/wp-content/uploads/2025/02/Footer.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4708 .elementor-element.elementor-element-fe5d720::before, .elementor-4708 .elementor-element.elementor-element-fe5d720 > .elementor-background-video-container::before, .elementor-4708 .elementor-element.elementor-element-fe5d720 > .e-con-inner > .elementor-background-video-container::before, .elementor-4708 .elementor-element.elementor-element-fe5d720 > .elementor-background-slideshow::before, .elementor-4708 .elementor-element.elementor-element-fe5d720 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4708 .elementor-element.elementor-element-fe5d720 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#020101BA;--background-overlay:'';}.elementor-widget-heading .elementor-heading-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 );color:var( --e-global-color-primary );}.elementor-4708 .elementor-element.elementor-element-d85526d .elementor-heading-title{font-family:"Nexa", Sans-serif;font-size:60px;font-weight:600;text-transform:uppercase;}.elementor-4708 .elementor-element.elementor-element-72a09d6{text-align:center;}.elementor-4708 .elementor-element.elementor-element-72a09d6 .elementor-heading-title{font-family:"Nexa", Sans-serif;font-size:20px;font-weight:500;color:#FFFFFF;}.elementor-4708 .elementor-element.elementor-element-8f74b18{--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4708 .elementor-element.elementor-element-d85526d .elementor-heading-title{font-size:50px;}.elementor-4708 .elementor-element.elementor-element-72a09d6 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-4708 .elementor-element.elementor-element-72a09d6 .elementor-heading-title{font-size:14px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4708 .elementor-element.elementor-element-d85526d > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-4708 .elementor-element.elementor-element-d85526d .elementor-heading-title{font-size:30px;}.elementor-4708 .elementor-element.elementor-element-72a09d6 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-4708 .elementor-element.elementor-element-72a09d6{text-align:center;}.elementor-4708 .elementor-element.elementor-element-72a09d6 .elementor-heading-title{font-size:10px;}}/* Start custom CSS for heading, class: .elementor-element-d85526d *//* ===============================
   TITRE EXPÉRIENCES – LIGNE ANIMÉE
   =============================== */

.exp-title-line {
  position: relative;
  text-align: center;
}

.exp-title-line h1,
.exp-title-line h2,
.exp-title-line h3 {
  position: relative;
  display: inline-block;
  padding: 0 40px;
}

/* ================= LIGNES ================= */

.exp-title-line h1::before,
.exp-title-line h1::after,
.exp-title-line h2::before,
.exp-title-line h2::after,
.exp-title-line h3::before,
.exp-title-line h3::after {
  content: "";
  position: absolute;
  top: 50%;
  height: 2px;
  background-color: #ffffff;
  width: 0;
  transform: translateY(-50%);
}

/* gauche */
.exp-title-line h1::before,
.exp-title-line h2::before,
.exp-title-line h3::before {
  right: 100%;
}

/* droite */
.exp-title-line h1::after,
.exp-title-line h2::after,
.exp-title-line h3::after {
  left: 100%;
}

/* ================= ANIMATION ================= */

.exp-title-line.is-visible h1::before,
.exp-title-line.is-visible h2::before,
.exp-title-line.is-visible h3::before {
  animation: draw-left 1s ease forwards;
}

.exp-title-line.is-visible h1::after,
.exp-title-line.is-visible h2::after,
.exp-title-line.is-visible h3::after {
  animation: draw-right 1s ease forwards;
}

/* ================= KEYFRAMES DESKTOP ================= */

@keyframes draw-left {
  from { width: 0; }
  to   { width: 220px; }
}

@keyframes draw-right {
  from { width: 0; }
  to   { width: 220px; }
}

/* ================= TABLETTE ================= */

@media (max-width: 1024px) {

  @keyframes draw-left {
    from { width: 0; }
    to   { width: 140px; }
  }

  @keyframes draw-right {
    from { width: 0; }
    to   { width: 140px; }
  }
}

/* ================= MOBILE ================= */

@media (max-width: 767px) {

  /* espace réduit entre le mot et les lignes */
  .exp-title-line h1,
  .exp-title-line h2,
  .exp-title-line h3 {
    padding: 0 10px;
  }

  .exp-title-line h1::before,
  .exp-title-line h1::after,
  .exp-title-line h2::before,
  .exp-title-line h2::after,
  .exp-title-line h3::before,
  .exp-title-line h3::after {
    height: 1.5px;
  }

  @keyframes draw-left {
    from { width: 0; }
    to   { width: 50px; }
  }

  @keyframes draw-right {
    from { width: 0; }
    to   { width: 50px; }
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-72a09d6 *//* ===============================
   TITRE EXPÉRIENCES – LIGNE ANIMÉE
   =============================== */

.exp-title-line {
  position: relative;
  text-align: center;
}

.exp-title-line h1,
.exp-title-line h2,
.exp-title-line h3 {
  position: relative;
  display: inline-block;
  padding: 0 40px;
}

/* ================= LIGNES ================= */

.exp-title-line h1::before,
.exp-title-line h1::after,
.exp-title-line h2::before,
.exp-title-line h2::after,
.exp-title-line h3::before,
.exp-title-line h3::after {
  content: "";
  position: absolute;
  top: 50%;
  height: 2px;
  background-color: #ffffff;
  width: 0;
  transform: translateY(-50%);
}

/* gauche */
.exp-title-line h1::before,
.exp-title-line h2::before,
.exp-title-line h3::before {
  right: 100%;
}

/* droite */
.exp-title-line h1::after,
.exp-title-line h2::after,
.exp-title-line h3::after {
  left: 100%;
}

/* ================= ANIMATION ================= */

.exp-title-line.is-visible h1::before,
.exp-title-line.is-visible h2::before,
.exp-title-line.is-visible h3::before {
  animation: draw-left 1s ease forwards;
}

.exp-title-line.is-visible h1::after,
.exp-title-line.is-visible h2::after,
.exp-title-line.is-visible h3::after {
  animation: draw-right 1s ease forwards;
}

/* ================= KEYFRAMES DESKTOP ================= */

@keyframes draw-left {
  from { width: 0; }
  to   { width: 220px; }
}

@keyframes draw-right {
  from { width: 0; }
  to   { width: 220px; }
}

/* ================= TABLETTE ================= */

@media (max-width: 1024px) {

  @keyframes draw-left {
    from { width: 0; }
    to   { width: 140px; }
  }

  @keyframes draw-right {
    from { width: 0; }
    to   { width: 140px; }
  }
}

/* ================= MOBILE ================= */

@media (max-width: 767px) {

  /* espace réduit entre le mot et les lignes */
  .exp-title-line h1,
  .exp-title-line h2,
  .exp-title-line h3 {
    padding: 0 10px;
  }

  .exp-title-line h1::before,
  .exp-title-line h1::after,
  .exp-title-line h2::before,
  .exp-title-line h2::after,
  .exp-title-line h3::before,
  .exp-title-line h3::after {
    height: 1.5px;
  }

  @keyframes draw-left {
    from { width: 0; }
    to   { width: 50px; }
  }

  @keyframes draw-right {
    from { width: 0; }
    to   { width: 50px; }
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe5d720 */.elementor-4708 .elementor-element.elementor-element-fe5d720{
  width: 100%;
  aspect-ratio: 16.09 / 9;     /* ton ratio desktop */
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}/* End custom CSS */