.elementor-11 .elementor-element.elementor-element-63ccbf7{--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;--overlay-opacity:0.5;}.elementor-11 .elementor-element.elementor-element-63ccbf7::before, .elementor-11 .elementor-element.elementor-element-63ccbf7 > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-63ccbf7 > .e-con-inner > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-63ccbf7 > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-63ccbf7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-63ccbf7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-a9f56b9 );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-1ce4191.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-1ce4191{text-align:center;}.elementor-11 .elementor-element.elementor-element-1ce4191 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;color:var( --e-global-color-1e74247 );}.elementor-11 .elementor-element.elementor-element-78ee8d7{--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;}.elementor-11 .elementor-element.elementor-element-78ee8d7.e-con{--flex-grow:0;--flex-shrink:0;}.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-e59b3ff{width:var( --container-widget-width, 108.755% );max-width:108.755%;--container-widget-width:108.755%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;color:var( --e-global-color-1e74247 );}.elementor-11 .elementor-element.elementor-element-e59b3ff.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-e59b3ff p{margin-block-end:9px;}.elementor-11 .elementor-element.elementor-element-6418ead{--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;--justify-content:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11 .elementor-element.elementor-element-6418ead.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-61ebf5c{--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;--overlay-opacity:0.26;--border-radius:30px 30px 30px 30px;}.elementor-11 .elementor-element.elementor-element-61ebf5c::before, .elementor-11 .elementor-element.elementor-element-61ebf5c > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-61ebf5c > .e-con-inner > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-61ebf5c > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-61ebf5c > .e-con-inner > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-61ebf5c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-a9f56b9 );--background-overlay:'';}.elementor-11 .elementor-element.elementor-element-61ebf5c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-2dc35eb{--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;}.elementor-11 .elementor-element.elementor-element-2dc35eb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-dd2e0e7{text-align:center;font-family:"Roboto", Sans-serif;font-size:1px;font-weight:400;line-height:21px;}.elementor-11 .elementor-element.elementor-element-4104e51{--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;}.elementor-11 .elementor-element.elementor-element-4104e51.e-con{--flex-grow:0;--flex-shrink:0;}.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 );}.elementor-11 .elementor-element.elementor-element-0ec21c3{--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;--justify-content:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11 .elementor-element.elementor-element-f6b6529{--display:flex;--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;--align-items:flex-start;}.elementor-11 .elementor-element.elementor-element-f6b6529.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-ceed9c4{width:var( --container-widget-width, 106.317% );max-width:106.317%;--container-widget-width:106.317%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-ceed9c4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-1318f08{--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;--overlay-opacity:0.26;--border-radius:30px 30px 30px 30px;}.elementor-11 .elementor-element.elementor-element-1318f08::before, .elementor-11 .elementor-element.elementor-element-1318f08 > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-1318f08 > .e-con-inner > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-1318f08 > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-1318f08 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-1318f08 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-a9f56b9 );--background-overlay:'';}.elementor-11 .elementor-element.elementor-element-1318f08.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-589dc09{text-align:center;font-family:"Roboto", Sans-serif;font-size:1px;font-weight:400;line-height:21px;}.elementor-11 .elementor-element.elementor-element-b838cc5{--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;--overlay-opacity:0.5;}.elementor-11 .elementor-element.elementor-element-b838cc5::before, .elementor-11 .elementor-element.elementor-element-b838cc5 > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-b838cc5 > .e-con-inner > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-b838cc5 > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-b838cc5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-b838cc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-11 .elementor-element.elementor-element-461fc88{text-align:center;}.elementor-widget-testimonial-carousel .elementor-testimonial__text{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 );}.elementor-widget-testimonial-carousel .elementor-testimonial__name{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-testimonial-carousel .elementor-testimonial__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-11 .elementor-element.elementor-element-62e467c .elementor-swiper-button{font-size:20px;}.elementor-11 .elementor-element.elementor-element-a53dec9{--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;}.elementor-11 .elementor-element.elementor-element-ae48a72{width:var( --container-widget-width, 51.133% );max-width:51.133%;--container-widget-width:51.133%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-ae48a72.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-78ee8d7{--width:80.667%;}.elementor-11 .elementor-element.elementor-element-6418ead{--width:84.927%;}.elementor-11 .elementor-element.elementor-element-61ebf5c{--width:41.522%;}.elementor-11 .elementor-element.elementor-element-2dc35eb{--width:98.727%;}.elementor-11 .elementor-element.elementor-element-4104e51{--width:32.229%;}.elementor-11 .elementor-element.elementor-element-f6b6529{--width:33.306%;}.elementor-11 .elementor-element.elementor-element-1318f08{--width:36.946%;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-1ce4191{width:var( --container-widget-width, 326.6px );max-width:326.6px;--container-widget-width:326.6px;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-1ce4191 .elementor-heading-title{font-size:18px;}.elementor-11 .elementor-element.elementor-element-f6b6529{--width:353.6px;}.elementor-11 .elementor-element.elementor-element-ceed9c4{text-align:center;}.elementor-11 .elementor-element.elementor-element-ae48a72{width:var( --container-widget-width, 257.212px );max-width:257.212px;--container-widget-width:257.212px;--container-widget-flex-grow:0;}}/* Start custom CSS for image, class: .elementor-element-947e64c *//* ============================================================
   FLASH + VA-ET-VIENT + ZOOM — #mission  (image / bannière)
   Thème orange #FF7A00 — Compatible WordPress
   ============================================================ */


/* -----------------------------------------------------------
   1. KEYFRAMES
   ----------------------------------------------------------- */

/* Flash : aller gauche → droite */
@-webkit-keyframes mission-aller {
  0%   { left: -100%; opacity: 0; }
  8%   { opacity: 1; }
  48%  { left: 140%;  opacity: 1; }
  50%  { opacity: 0; }
  100% { left: 140%;  opacity: 0; }
}
@keyframes mission-aller {
  0%   { left: -100%; opacity: 0; }
  8%   { opacity: 1; }
  48%  { left: 140%;  opacity: 1; }
  50%  { opacity: 0; }
  100% { left: 140%;  opacity: 0; }
}

/* Flash retour : droite → gauche */
@-webkit-keyframes mission-retour {
  0%   { right: -100%; opacity: 0; }
  8%   { opacity: 1; }
  48%  { right: 140%;  opacity: 1; }
  50%  { opacity: 0; }
  100% { right: 140%;  opacity: 0; }
}
@keyframes mission-retour {
  0%   { right: -100%; opacity: 0; }
  8%   { opacity: 1; }
  48%  { right: 140%;  opacity: 1; }
  50%  { opacity: 0; }
  100% { right: 140%;  opacity: 0; }
}

/* Zoom va-et-vient doux */
@-webkit-keyframes mission-zoom {
  0%   { -webkit-transform: scale(1);    transform: scale(1);    }
  50%  { -webkit-transform: scale(1.06); transform: scale(1.06); }
  100% { -webkit-transform: scale(1);    transform: scale(1);    }
}
@keyframes mission-zoom {
  0%   { transform: scale(1);    }
  50%  { transform: scale(1.06); }
  100% { transform: scale(1);    }
}

/* Halo orange pulsant */
@-webkit-keyframes mission-glow {
  0%,  100% {
    -webkit-box-shadow: 0 0 0px   0px rgba(255,122,0,0);
            box-shadow: 0 0 0px   0px rgba(255,122,0,0);
  }
  50% {
    -webkit-box-shadow: 0 0 35px 14px rgba(255,122,0,0.50);
            box-shadow: 0 0 35px 14px rgba(255,122,0,0.50);
  }
}
@keyframes mission-glow {
  0%,  100% { box-shadow: 0 0 0px   0px rgba(255,122,0,0);    }
  50%        { box-shadow: 0 0 35px 14px rgba(255,122,0,0.50); }
}

/* Bordure orange pulsante */
@-webkit-keyframes mission-border {
  0%,  100% { border-color: rgba(255,122,0,0.22); }
  50%        { border-color: rgba(255,122,0,1.00); }
}
@keyframes mission-border {
  0%,  100% { border-color: rgba(255,122,0,0.22); }
  50%        { border-color: rgba(255,122,0,1.00); }
}

/* Apparition initiale */
@-webkit-keyframes mission-fadein {
  from { opacity: 0; -webkit-transform: scale(0.97) translateY(10px); transform: scale(0.97) translateY(10px); }
  to   { opacity: 1; -webkit-transform: scale(1)    translateY(0);    transform: scale(1)    translateY(0);    }
}
@keyframes mission-fadein {
  from { opacity: 0; transform: scale(0.97) translateY(10px); }
  to   { opacity: 1; transform: scale(1)    translateY(0);    }
}


/* -----------------------------------------------------------
   2. CONTENEUR  #mission
      — overflow:hidden pour contenir le zoom de l'image
      — le zoom s'applique sur l'image enfant, pas le conteneur
   ----------------------------------------------------------- */

#mission,
div#mission,
section#mission,
figure#mission,
.elementor #mission {
  position      : relative !important;
  overflow      : hidden !important;
  display       : block !important;
  border-radius : 16px !important;
  border        : 2px solid rgba(255,122,0,0.22) !important;

  -webkit-box-shadow : 0 0 0px 0px rgba(255,122,0,0) !important;
          box-shadow : 0 0 0px 0px rgba(255,122,0,0) !important;

  -webkit-animation :
    mission-glow   1s ease-in-out infinite,
    mission-border 1s ease-in-out infinite,
    mission-fadein .7s ease both !important;
          animation :
    mission-glow   1s ease-in-out infinite,
    mission-border 1s ease-in-out infinite,
    mission-fadein .7s ease both !important;
}


/* -----------------------------------------------------------
   3. IMAGE ENFANT — zoom va-et-vient toutes les secondes
   ----------------------------------------------------------- */

#mission img,
div#mission img,
section#mission img,
figure#mission img {
  display    : block !important;
  width      : 100% !important;
  height     : auto !important;

  -webkit-transform-origin : center center !important;
          transform-origin : center center !important;

  -webkit-animation : mission-zoom 1s ease-in-out infinite !important;
          animation : mission-zoom 1s ease-in-out infinite !important;
}


/* -----------------------------------------------------------
   4. FLASH ALLER — gauche → droite (::before)
   ----------------------------------------------------------- */

#mission::before,
div#mission::before,
section#mission::before,
figure#mission::before {
  content    : '' !important;
  position   : absolute !important;
  top        : -10% !important;
  left       : -100% !important;
  width      : 48% !important;
  height     : 120% !important;
  background : -webkit-linear-gradient(
    345deg,
    transparent               15%,
    rgba(255, 200, 100, 0.20) 35%,
    rgba(255, 255, 255, 0.65) 50%,
    rgba(255, 200, 100, 0.20) 65%,
    transparent               85%
  ) !important;
  background :         linear-gradient(
    105deg,
    transparent               15%,
    rgba(255, 200, 100, 0.20) 35%,
    rgba(255, 255, 255, 0.65) 50%,
    rgba(255, 200, 100, 0.20) 65%,
    transparent               85%
  ) !important;
  -webkit-transform : skewX(-15deg) !important;
          transform : skewX(-15deg) !important;

  -webkit-animation : mission-aller 1s ease-in-out infinite !important;
          animation : mission-aller 1s ease-in-out infinite !important;

  pointer-events : none !important;
  z-index        : 2 !important;
}


/* -----------------------------------------------------------
   5. FLASH RETOUR — droite → gauche (::after)
      Décalé de 0.5s pour alterner avec l'aller
   ----------------------------------------------------------- */

#mission::after,
div#mission::after,
section#mission::after,
figure#mission::after {
  content    : '' !important;
  position   : absolute !important;
  top        : -10% !important;
  right      : -100% !important;
  width      : 32% !important;
  height     : 120% !important;
  background : -webkit-linear-gradient(
    345deg,
    transparent               15%,
    rgba(255, 122,   0, 0.18) 35%,
    rgba(255, 255, 255, 0.40) 50%,
    rgba(255, 122,   0, 0.18) 65%,
    transparent               85%
  ) !important;
  background :         linear-gradient(
    105deg,
    transparent               15%,
    rgba(255, 122,   0, 0.18) 35%,
    rgba(255, 255, 255, 0.40) 50%,
    rgba(255, 122,   0, 0.18) 65%,
    transparent               85%
  ) !important;
  -webkit-transform : skewX(-15deg) !important;
          transform : skewX(-15deg) !important;

  -webkit-animation : mission-retour 1s ease-in-out infinite 0.5s !important;
          animation : mission-retour 1s ease-in-out infinite 0.5s !important;

  pointer-events : none !important;
  z-index        : 2 !important;
}


/* -----------------------------------------------------------
   6. LIGNE DÉCORATIVE ORANGE EN BAS  .mission-line  (optionnel)
   ----------------------------------------------------------- */

#mission .mission-line {
  position   : absolute !important;
  bottom     : 0 !important;
  left       : 0 !important;
  width      : 100% !important;
  height     : 3px !important;
  background : -webkit-linear-gradient(90deg, transparent, #FF7A00, #ffaa44, transparent) !important;
  background :         linear-gradient(90deg, transparent, #FF7A00, #ffaa44, transparent) !important;
  z-index    : 3 !important;
  pointer-events : none !important;
}


/* -----------------------------------------------------------
   7. BADGE OPTIONNEL  .mission-badge
   ----------------------------------------------------------- */

#mission .mission-badge {
  position      : absolute !important;
  bottom        : 14px !important;
  left          : 14px !important;
  z-index       : 4 !important;
  display       : -webkit-inline-box !important;
  display       : -ms-inline-flexbox !important;
  display       : inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items   : center !important;
  gap           : 6px !important;
  padding       : 6px 14px !important;
  background    : rgba(255,122,0,0.92) !important;
  color         : #fff !important;
  font-size     : 13px !important;
  font-weight   : 500 !important;
  border-radius : 50px !important;
  letter-spacing: .02em !important;
  pointer-events: none !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ceed9c4 *//* ============================================================
   FLASH + VA-ET-VIENT + ZOOM — #vision  (image / bannière)
   Thème orange #FF7A00 — Compatible WordPress
   ============================================================ */


/* -----------------------------------------------------------
   1. KEYFRAMES
   ----------------------------------------------------------- */

@-webkit-keyframes vision-aller {
  0%   { left: -100%; opacity: 0; }
  8%   { opacity: 1; }
  48%  { left: 140%;  opacity: 1; }
  50%  { opacity: 0; }
  100% { left: 140%;  opacity: 0; }
}
@keyframes vision-aller {
  0%   { left: -100%; opacity: 0; }
  8%   { opacity: 1; }
  48%  { left: 140%;  opacity: 1; }
  50%  { opacity: 0; }
  100% { left: 140%;  opacity: 0; }
}

@-webkit-keyframes vision-retour {
  0%   { right: -100%; opacity: 0; }
  8%   { opacity: 1; }
  48%  { right: 140%;  opacity: 1; }
  50%  { opacity: 0; }
  100% { right: 140%;  opacity: 0; }
}
@keyframes vision-retour {
  0%   { right: -100%; opacity: 0; }
  8%   { opacity: 1; }
  48%  { right: 140%;  opacity: 1; }
  50%  { opacity: 0; }
  100% { right: 140%;  opacity: 0; }
}

@-webkit-keyframes vision-zoom {
  0%   { -webkit-transform: scale(1);    transform: scale(1);    }
  50%  { -webkit-transform: scale(1.06); transform: scale(1.06); }
  100% { -webkit-transform: scale(1);    transform: scale(1);    }
}
@keyframes vision-zoom {
  0%   { transform: scale(1);    }
  50%  { transform: scale(1.06); }
  100% { transform: scale(1);    }
}

@-webkit-keyframes vision-glow {
  0%,  100% {
    -webkit-box-shadow: 0 0 0px   0px rgba(255,122,0,0);
            box-shadow: 0 0 0px   0px rgba(255,122,0,0);
  }
  50% {
    -webkit-box-shadow: 0 0 35px 14px rgba(255,122,0,0.50);
            box-shadow: 0 0 35px 14px rgba(255,122,0,0.50);
  }
}
@keyframes vision-glow {
  0%,  100% { box-shadow: 0 0 0px   0px rgba(255,122,0,0);    }
  50%        { box-shadow: 0 0 35px 14px rgba(255,122,0,0.50); }
}

@-webkit-keyframes vision-border {
  0%,  100% { border-color: rgba(255,122,0,0.22); }
  50%        { border-color: rgba(255,122,0,1.00); }
}
@keyframes vision-border {
  0%,  100% { border-color: rgba(255,122,0,0.22); }
  50%        { border-color: rgba(255,122,0,1.00); }
}

@-webkit-keyframes vision-fadein {
  from { opacity: 0; -webkit-transform: scale(0.97) translateY(10px); transform: scale(0.97) translateY(10px); }
  to   { opacity: 1; -webkit-transform: scale(1)    translateY(0);    transform: scale(1)    translateY(0);    }
}
@keyframes vision-fadein {
  from { opacity: 0; transform: scale(0.97) translateY(10px); }
  to   { opacity: 1; transform: scale(1)    translateY(0);    }
}


/* -----------------------------------------------------------
   2. CONTENEUR  #vision
   ----------------------------------------------------------- */

#vision,
div#vision,
section#vision,
figure#vision,
.elementor #vision {
  position      : relative !important;
  overflow      : hidden !important;
  display       : block !important;
  border-radius : 16px !important;
  border        : 2px solid rgba(255,122,0,0.22) !important;

  -webkit-box-shadow : 0 0 0px 0px rgba(255,122,0,0) !important;
          box-shadow : 0 0 0px 0px rgba(255,122,0,0) !important;

  -webkit-animation :
    vision-glow   1s ease-in-out infinite,
    vision-border 1s ease-in-out infinite,
    vision-fadein .7s ease both !important;
          animation :
    vision-glow   1s ease-in-out infinite,
    vision-border 1s ease-in-out infinite,
    vision-fadein .7s ease both !important;
}


/* -----------------------------------------------------------
   3. IMAGE ENFANT — zoom va-et-vient
   ----------------------------------------------------------- */

#vision img,
div#vision img,
section#vision img,
figure#vision img {
  display    : block !important;
  width      : 100% !important;
  height     : auto !important;

  -webkit-transform-origin : center center !important;
          transform-origin : center center !important;

  -webkit-animation : vision-zoom 1s ease-in-out infinite !important;
          animation : vision-zoom 1s ease-in-out infinite !important;
}


/* -----------------------------------------------------------
   4. FLASH ALLER — gauche → droite (::before)
   ----------------------------------------------------------- */

#vision::before,
div#vision::before,
section#vision::before,
figure#vision::before {
  content    : '' !important;
  position   : absolute !important;
  top        : -10% !important;
  left       : -100% !important;
  width      : 48% !important;
  height     : 120% !important;
  background : -webkit-linear-gradient(
    345deg,
    transparent               15%,
    rgba(255, 200, 100, 0.20) 35%,
    rgba(255, 255, 255, 0.65) 50%,
    rgba(255, 200, 100, 0.20) 65%,
    transparent               85%
  ) !important;
  background :         linear-gradient(
    105deg,
    transparent               15%,
    rgba(255, 200, 100, 0.20) 35%,
    rgba(255, 255, 255, 0.65) 50%,
    rgba(255, 200, 100, 0.20) 65%,
    transparent               85%
  ) !important;
  -webkit-transform : skewX(-15deg) !important;
          transform : skewX(-15deg) !important;

  -webkit-animation : vision-aller 1s ease-in-out infinite !important;
          animation : vision-aller 1s ease-in-out infinite !important;

  pointer-events : none !important;
  z-index        : 2 !important;
}


/* -----------------------------------------------------------
   5. FLASH RETOUR — droite → gauche (::after)
      Décalé de 0.5s pour alterner avec l'aller
   ----------------------------------------------------------- */

#vision::after,
div#vision::after,
section#vision::after,
figure#vision::after {
  content    : '' !important;
  position   : absolute !important;
  top        : -10% !important;
  right      : -100% !important;
  width      : 32% !important;
  height     : 120% !important;
  background : -webkit-linear-gradient(
    345deg,
    transparent               15%,
    rgba(255, 122,   0, 0.18) 35%,
    rgba(255, 255, 255, 0.40) 50%,
    rgba(255, 122,   0, 0.18) 65%,
    transparent               85%
  ) !important;
  background :         linear-gradient(
    105deg,
    transparent               15%,
    rgba(255, 122,   0, 0.18) 35%,
    rgba(255, 255, 255, 0.40) 50%,
    rgba(255, 122,   0, 0.18) 65%,
    transparent               85%
  ) !important;
  -webkit-transform : skewX(-15deg) !important;
          transform : skewX(-15deg) !important;

  -webkit-animation : vision-retour 1s ease-in-out infinite 0.5s !important;
          animation : vision-retour 1s ease-in-out infinite 0.5s !important;

  pointer-events : none !important;
  z-index        : 2 !important;
}


/* -----------------------------------------------------------
   6. LIGNE DÉCORATIVE ORANGE EN BAS  .vision-line  (optionnel)
   ----------------------------------------------------------- */

#vision .vision-line {
  position       : absolute !important;
  bottom         : 0 !important;
  left           : 0 !important;
  width          : 100% !important;
  height         : 3px !important;
  background     : -webkit-linear-gradient(90deg, transparent, #FF7A00, #ffaa44, transparent) !important;
  background     :         linear-gradient(90deg, transparent, #FF7A00, #ffaa44, transparent) !important;
  z-index        : 3 !important;
  pointer-events : none !important;
}


/* -----------------------------------------------------------
   7. BADGE OPTIONNEL  .vision-badge
   ----------------------------------------------------------- */

#vision .vision-badge {
  position      : absolute !important;
  bottom        : 14px !important;
  left          : 14px !important;
  z-index       : 4 !important;
  display       : -webkit-inline-box !important;
  display       : -ms-inline-flexbox !important;
  display       : inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items   : center !important;
  gap           : 6px !important;
  padding       : 6px 14px !important;
  background    : rgba(255,122,0,0.92) !important;
  color         : #fff !important;
  font-size     : 13px !important;
  font-weight   : 500 !important;
  border-radius : 50px !important;
  letter-spacing: .02em !important;
  pointer-events: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b838cc5 *//* ============================================================
   FLASH LUMINEUX — #equipe
   Compatible WordPress / Elementor / Divi
   ============================================================ */

@-webkit-keyframes equipe-sweep {
  0%   { left: -80%; opacity: 0; }
  10%  { opacity: 1; }
  50%  { left: 130%; opacity: 1; }
  51%  { opacity: 0; }
  100% { left: 130%; opacity: 0; }
}
@keyframes equipe-sweep {
  0%   { left: -80%; opacity: 0; }
  10%  { opacity: 1; }
  50%  { left: 130%; opacity: 1; }
  51%  { opacity: 0; }
  100% { left: 130%; opacity: 0; }
}

/* Conteneur : nécessaire pour que le flash reste à l'intérieur */
#equipe,
button#equipe,
a#equipe,
div#equipe {
  position : relative !important;
  overflow : hidden !important;
}

/* Le flash lui-même */
#equipe::before,
button#equipe::before,
a#equipe::before,
div#equipe::before {
  content    : '' !important;
  position   : absolute !important;
  top        : 0 !important;
  left       : -80% !important;
  width      : 55% !important;
  height     : 100% !important;
  background : -webkit-linear-gradient(
    345deg,
    transparent              20%,
    rgba(255, 255, 255, 0.55) 50%,
    transparent              80%
  ) !important;
  background :         linear-gradient(
    105deg,
    transparent              20%,
    rgba(255, 255, 255, 0.55) 50%,
    transparent              80%
  ) !important;
  -webkit-transform : skewX(-18deg) !important;
          transform : skewX(-18deg) !important;
  -webkit-animation : equipe-sweep 1s ease-in-out infinite !important;
          animation : equipe-sweep 1s ease-in-out infinite !important;
  pointer-events : none !important;
  z-index        : 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a53dec9 *//* ============================================================
   FORMULAIRE PRO — ORANGE #FF7A00
   Compatible WordPress / Elementor / Divi / WPBakery
   id : #formulaire | #cliquer | #conctatez
   ============================================================ */

/* -----------------------------------------------------------
   1. KEYFRAMES — déclarés en global (hors de tout sélecteur)
   ----------------------------------------------------------- */

@-webkit-keyframes wpsweep {
  0%   { left: -80%; opacity: 0; }
  10%  { opacity: 1; }
  50%  { left: 130%; opacity: 1; }
  51%  { opacity: 0; }
  100% { left: 130%; opacity: 0; }
}
@keyframes wpsweep {
  0%   { left: -80%; opacity: 0; }
  10%  { opacity: 1; }
  50%  { left: 130%; opacity: 1; }
  51%  { opacity: 0; }
  100% { left: 130%; opacity: 0; }
}

@-webkit-keyframes wpsweepsoft {
  0%   { left: -80%; opacity: 0; }
  10%  { opacity: 0.5; }
  50%  { left: 130%; opacity: 0.5; }
  51%  { opacity: 0; }
  100% { left: 130%; opacity: 0; }
}
@keyframes wpsweepsoft {
  0%   { left: -80%; opacity: 0; }
  10%  { opacity: 0.5; }
  50%  { left: 130%; opacity: 0.5; }
  51%  { opacity: 0; }
  100% { left: 130%; opacity: 0; }
}

@-webkit-keyframes wpglow {
  0%,  100% { -webkit-box-shadow: 0 0 0px  0px rgba(255,122,0,0);    box-shadow: 0 0 0px  0px rgba(255,122,0,0);    }
  40%        { -webkit-box-shadow: 0 0 22px 8px rgba(255,122,0,0.52); box-shadow: 0 0 22px 8px rgba(255,122,0,0.52); }
  60%        { -webkit-box-shadow: 0 0 10px 3px rgba(255,122,0,0.22); box-shadow: 0 0 10px 3px rgba(255,122,0,0.22); }
}
@keyframes wpglow {
  0%,  100% { -webkit-box-shadow: 0 0 0px  0px rgba(255,122,0,0);    box-shadow: 0 0 0px  0px rgba(255,122,0,0);    }
  40%        { -webkit-box-shadow: 0 0 22px 8px rgba(255,122,0,0.52); box-shadow: 0 0 22px 8px rgba(255,122,0,0.52); }
  60%        { -webkit-box-shadow: 0 0 10px 3px rgba(255,122,0,0.22); box-shadow: 0 0 10px 3px rgba(255,122,0,0.22); }
}

@-webkit-keyframes wpscale {
  0%,  100% { -webkit-transform: scale(1);     transform: scale(1);     }
  45%        { -webkit-transform: scale(1.035); transform: scale(1.035); }
}
@keyframes wpscale {
  0%,  100% { -webkit-transform: scale(1);     transform: scale(1);     }
  45%        { -webkit-transform: scale(1.035); transform: scale(1.035); }
}

@-webkit-keyframes wpfadeup {
  from { opacity: 0; -webkit-transform: translateY(14px); transform: translateY(14px); }
  to   { opacity: 1; -webkit-transform: translateY(0);    transform: translateY(0);    }
}
@keyframes wpfadeup {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0);    }
}

@-webkit-keyframes wpiconsweep {
  0%   { left: -80%; opacity: 0; }
  10%  { opacity: 1; }
  50%  { left: 130%; opacity: 1; }
  51%  { opacity: 0; }
  100% { left: 130%; opacity: 0; }
}
@keyframes wpiconsweep {
  0%   { left: -80%; opacity: 0; }
  10%  { opacity: 1; }
  50%  { left: 130%; opacity: 1; }
  51%  { opacity: 0; }
  100% { left: 130%; opacity: 0; }
}

@-webkit-keyframes wpsuccesspop {
  0%   { opacity: 0; -webkit-transform: scale(0.8);  transform: scale(0.8);  }
  60%  {             -webkit-transform: scale(1.06); transform: scale(1.06); }
  100% { opacity: 1; -webkit-transform: scale(1);    transform: scale(1);    }
}
@keyframes wpsuccesspop {
  0%   { opacity: 0; transform: scale(0.8);  }
  60%  {             transform: scale(1.06); }
  100% { opacity: 1; transform: scale(1);    }
}


/* -----------------------------------------------------------
   2. CONTENEUR  #formulaire
   ----------------------------------------------------------- */

#formulaire,
div#formulaire,
section#formulaire,
.elementor #formulaire,
.wp-block #formulaire {
  background    : #f6f6f6 !important;
  border-radius : 20px !important;
  padding       : 2.5rem 2rem !important;
  max-width     : 520px !important;
  margin        : 2rem auto !important;
  font-family   : system-ui, -apple-system, sans-serif !important;
  box-sizing    : border-box !important;
  -webkit-animation : wpfadeup .5s ease both !important;
          animation : wpfadeup .5s ease both !important;
}


/* -----------------------------------------------------------
   3. EN-TÊTE
   ----------------------------------------------------------- */

#formulaire .form-header {
  display       : -webkit-box !important;
  display       : -ms-flexbox !important;
  display       : flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items   : center !important;
  gap           : 14px !important;
  margin-bottom : 2rem !important;
}

#formulaire .form-icon-wrap {
  width           : 48px !important;
  height          : 48px !important;
  border-radius   : 14px !important;
  background      : -webkit-linear-gradient(315deg, #cc5e00, #FF7A00, #ffaa44) !important;
  background      :         linear-gradient(135deg, #cc5e00, #FF7A00, #ffaa44) !important;
  display         : -webkit-box !important;
  display         : -ms-flexbox !important;
  display         : flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items     : center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content : center !important;
  -ms-flex-negative: 0 !important;
      flex-shrink     : 0 !important;
  position        : relative !important;
  overflow        : hidden !important;
}

#formulaire .form-icon-wrap::before {
  content    : '' !important;
  position   : absolute !important;
  top        : 0 !important;
  left       : -80% !important;
  width      : 60% !important;
  height     : 100% !important;
  background : -webkit-linear-gradient(
    345deg,
    transparent              20%,
    rgba(255,255,255,0.55)   50%,
    transparent              80%
  ) !important;
  background :         linear-gradient(
    105deg,
    transparent              20%,
    rgba(255,255,255,0.55)   50%,
    transparent              80%
  ) !important;
  -webkit-transform : skewX(-18deg) !important;
          transform : skewX(-18deg) !important;
  -webkit-animation : wpiconsweep 2s ease-in-out infinite !important;
          animation : wpiconsweep 2s ease-in-out infinite !important;
}

#formulaire .form-icon-wrap i,
#formulaire .form-icon-wrap svg {
  color     : #fff !important;
  font-size : 22px !important;
  position  : relative !important;
  z-index   : 1 !important;
}

#formulaire .form-title {
  margin      : 0 !important;
  font-size   : 18px !important;
  font-weight : 500 !important;
  color       : #111 !important;
}

#formulaire .form-subtitle {
  margin    : 3px 0 0 !important;
  font-size : 13px !important;
  color     : #777 !important;
}


/* -----------------------------------------------------------
   4. GROUPES DE CHAMPS
   ----------------------------------------------------------- */

#formulaire .field-group {
  margin-bottom     : 1.25rem !important;
  -webkit-animation : wpfadeup .4s ease both !important;
          animation : wpfadeup .4s ease both !important;
}

#formulaire .field-group:nth-child(1) { -webkit-animation-delay:.05s !important; animation-delay:.05s !important; }
#formulaire .field-group:nth-child(2) { -webkit-animation-delay:.10s !important; animation-delay:.10s !important; }
#formulaire .field-group:nth-child(3) { -webkit-animation-delay:.15s !important; animation-delay:.15s !important; }
#formulaire .field-group:nth-child(4) { -webkit-animation-delay:.20s !important; animation-delay:.20s !important; }
#formulaire .field-group:nth-child(5) { -webkit-animation-delay:.25s !important; animation-delay:.25s !important; }
#formulaire .field-group:nth-child(6) { -webkit-animation-delay:.30s !important; animation-delay:.30s !important; }

#formulaire .field-label {
  display       : -webkit-box !important;
  display       : -ms-flexbox !important;
  display       : flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items   : center !important;
  gap           : 6px !important;
  font-size     : 13px !important;
  font-weight   : 500 !important;
  color         : #555 !important;
  margin-bottom : 6px !important;
}

#formulaire .field-label i,
#formulaire .field-label svg {
  font-size : 15px !important;
  color     : #FF7A00 !important;
}

#formulaire .required-star {
  color       : #FF7A00 !important;
  margin-left : 2px !important;
}


/* -----------------------------------------------------------
   5. CHAMPS
   ----------------------------------------------------------- */

#formulaire .field-input,
#formulaire input.field-input,
#formulaire select.field-input,
#formulaire textarea.field-input {
  width         : 100% !important;
  box-sizing    : border-box !important;
  padding       : 10px 14px !important;
  font-size     : 14px !important;
  font-family   : inherit !important;
  color         : #111 !important;
  background    : #ffffff !important;
  border        : 1px solid rgba(0,0,0,0.14) !important;
  border-radius : 10px !important;
  outline       : none !important;
  -webkit-transition : border-color .2s, box-shadow .2s !important;
          transition : border-color .2s, box-shadow .2s !important;
  -webkit-box-shadow : none !important;
          box-shadow : none !important;
}

#formulaire .field-input::-webkit-input-placeholder { color: #bbb !important; }
#formulaire .field-input::-moz-placeholder          { color: #bbb !important; }
#formulaire .field-input:-ms-input-placeholder      { color: #bbb !important; }
#formulaire .field-input::placeholder               { color: #bbb !important; }

#formulaire .field-input:hover {
  border-color : rgba(255,122,0,0.4) !important;
}

#formulaire .field-input:focus {
  border-color     : #FF7A00 !important;
  -webkit-box-shadow : 0 0 0 3px rgba(255,122,0,0.15) !important;
          box-shadow : 0 0 0 3px rgba(255,122,0,0.15) !important;
}

#formulaire textarea.field-input {
  resize      : vertical !important;
  min-height  : 90px !important;
  line-height : 1.6 !important;
}

#formulaire select.field-input {
  -webkit-appearance : none !important;
  -moz-appearance    : none !important;
          appearance : none !important;
  padding-right      : 36px !important;
  cursor             : pointer !important;
}

#formulaire .select-wrap {
  position : relative !important;
}

#formulaire .select-wrap i,
#formulaire .select-wrap svg {
  position        : absolute !important;
  right           : 12px !important;
  top             : 50% !important;
  -webkit-transform : translateY(-50%) !important;
          transform : translateY(-50%) !important;
  font-size       : 16px !important;
  color           : #bbb !important;
  pointer-events  : none !important;
}


/* -----------------------------------------------------------
   6. GRILLE 2 COLONNES
   ----------------------------------------------------------- */

#formulaire .row-2 {
  display                       : -ms-grid !important;
  display                       :     grid !important;
  -ms-grid-columns              : 1fr 14px 1fr !important;
      grid-template-columns     : 1fr 1fr !important;
  gap                           : 14px !important;
}

@media (max-width: 480px) {
  #formulaire .row-2 {
    -ms-grid-columns          : 1fr !important;
        grid-template-columns : 1fr !important;
  }
}


/* -----------------------------------------------------------
   7. SÉPARATEUR
   ----------------------------------------------------------- */

#formulaire .divider {
  height     : 1px !important;
  background : rgba(0,0,0,0.10) !important;
  margin     : 1.5rem 0 !important;
  border     : none !important;
}


/* -----------------------------------------------------------
   8. BOUTON  #cliquer
   ----------------------------------------------------------- */

#cliquer,
button#cliquer,
a#cliquer,
input#cliquer {
  position        : relative !important;
  overflow        : hidden !important;
  display         : -webkit-inline-box !important;
  display         : -ms-inline-flexbox !important;
  display         : inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items     : center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content : center !important;
  gap             : 10px !important;
  width           : 100% !important;
  padding         : 13px 24px !important;
  font-family     : inherit !important;
  font-size       : 15px !important;
  font-weight     : 500 !important;
  letter-spacing  : .02em !important;
  color           : #ffffff !important;
  background      : -webkit-linear-gradient(315deg,#cc5e00 0%,#FF7A00 50%,#ffaa44 100%) !important;
  background      :         linear-gradient(135deg,#cc5e00 0%,#FF7A00 50%,#ffaa44 100%) !important;
  border          : none !important;
  border-radius   : 12px !important;
  cursor          : pointer !important;
  text-decoration : none !important;
  -webkit-transition : -webkit-filter .2s !important;
          transition :         filter .2s !important;
  -webkit-animation : wpglow  1s ease-in-out infinite,
                      wpscale 1s ease-in-out infinite !important;
          animation : wpglow  1s ease-in-out infinite,
                      wpscale 1s ease-in-out infinite !important;
}

#cliquer::before,
button#cliquer::before {
  content    : '' !important;
  position   : absolute !important;
  top        : 0 !important;
  left       : -80% !important;
  width      : 55% !important;
  height     : 100% !important;
  background : -webkit-linear-gradient(345deg,transparent 20%,rgba(255,255,255,.56) 50%,transparent 80%) !important;
  background :         linear-gradient(105deg,transparent 20%,rgba(255,255,255,.56) 50%,transparent 80%) !important;
  -webkit-transform : skewX(-18deg) !important;
          transform : skewX(-18deg) !important;
  -webkit-animation : wpsweep 1s ease-in-out infinite !important;
          animation : wpsweep 1s ease-in-out infinite !important;
}

#cliquer::after,
button#cliquer::after {
  content    : '' !important;
  position   : absolute !important;
  top        : 0 !important;
  left       : -80% !important;
  width      : 28% !important;
  height     : 100% !important;
  background : -webkit-linear-gradient(345deg,transparent 20%,rgba(255,255,255,.24) 50%,transparent 80%) !important;
  background :         linear-gradient(105deg,transparent 20%,rgba(255,255,255,.24) 50%,transparent 80%) !important;
  -webkit-transform : skewX(-18deg) !important;
          transform : skewX(-18deg) !important;
  -webkit-animation : wpsweepsoft 1s ease-in-out infinite .08s !important;
          animation : wpsweepsoft 1s ease-in-out infinite .08s !important;
}

#cliquer:hover  { -webkit-filter: brightness(1.1) !important;  filter: brightness(1.1) !important;  }
#cliquer:active { -webkit-transform: scale(.97) !important;    transform: scale(.97) !important;    }


/* -----------------------------------------------------------
   9. BOUTON  #conctatez
   ----------------------------------------------------------- */

#conctatez,
button#conctatez,
a#conctatez {
  position        : relative !important;
  overflow        : hidden !important;
  display         : -webkit-inline-box !important;
  display         : -ms-inline-flexbox !important;
  display         : inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items     : center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content : center !important;
  gap             : 10px !important;
  padding         : 14px 36px !important;
  font-family     : inherit !important;
  font-size       : 16px !important;
  font-weight     : 500 !important;
  letter-spacing  : .03em !important;
  color           : #ffffff !important;
  background      : -webkit-linear-gradient(315deg,#cc5e00 0%,#FF7A00 50%,#ffaa44 100%) !important;
  background      :         linear-gradient(135deg,#cc5e00 0%,#FF7A00 50%,#ffaa44 100%) !important;
  border          : none !important;
  border-radius   : 12px !important;
  cursor          : pointer !important;
  text-decoration : none !important;
  -webkit-transition : -webkit-filter .2s !important;
          transition :         filter .2s !important;
  -webkit-animation : wpglow  1s ease-in-out infinite,
                      wpscale 1s ease-in-out infinite !important;
          animation : wpglow  1s ease-in-out infinite,
                      wpscale 1s ease-in-out infinite !important;
}

#conctatez::before,
button#conctatez::before {
  content    : '' !important;
  position   : absolute !important;
  top        : 0 !important;
  left       : -80% !important;
  width      : 55% !important;
  height     : 100% !important;
  background : -webkit-linear-gradient(345deg,transparent 20%,rgba(255,255,255,.56) 50%,transparent 80%) !important;
  background :         linear-gradient(105deg,transparent 20%,rgba(255,255,255,.56) 50%,transparent 80%) !important;
  -webkit-transform : skewX(-18deg) !important;
          transform : skewX(-18deg) !important;
  -webkit-animation : wpsweep 1s ease-in-out infinite !important;
          animation : wpsweep 1s ease-in-out infinite !important;
}

#conctatez::after,
button#conctatez::after {
  content    : '' !important;
  position   : absolute !important;
  top        : 0 !important;
  left       : -80% !important;
  width      : 28% !important;
  height     : 100% !important;
  background : -webkit-linear-gradient(345deg,transparent 20%,rgba(255,255,255,.24) 50%,transparent 80%) !important;
  background :         linear-gradient(105deg,transparent 20%,rgba(255,255,255,.24) 50%,transparent 80%) !important;
  -webkit-transform : skewX(-18deg) !important;
          transform : skewX(-18deg) !important;
  -webkit-animation : wpsweepsoft 1s ease-in-out infinite .08s !important;
          animation : wpsweepsoft 1s ease-in-out infinite .08s !important;
}

#conctatez:hover  { -webkit-filter: brightness(1.12) !important; filter: brightness(1.12) !important; }
#conctatez:active { -webkit-transform: scale(.97) !important;    transform: scale(.97) !important;    }


/* -----------------------------------------------------------
   10. NOTE DE CONFIDENTIALITÉ
   ----------------------------------------------------------- */

#formulaire .privacy-note {
  margin-top      : 14px !important;
  display         : -webkit-box !important;
  display         : -ms-flexbox !important;
  display         : flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items     : center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content : center !important;
  gap             : 6px !important;
  font-size       : 12px !important;
  color           : #bbb !important;
}

#formulaire .privacy-note i,
#formulaire .privacy-note svg {
  font-size : 14px !important;
  color     : #FF7A00 !important;
}


/* -----------------------------------------------------------
   11. MESSAGE DE SUCCÈS
   ----------------------------------------------------------- */

#formulaire .success-msg {
  display    : none !important;
}

#formulaire .success-msg.visible {
  display               : -webkit-box !important;
  display               : -ms-flexbox !important;
  display               : flex !important;
  -webkit-box-orient    : vertical !important;
  -webkit-box-direction : normal !important;
      -ms-flex-direction    : column !important;
          flex-direction    : column !important;
  -webkit-box-align     : center !important;
      -ms-flex-align    : center !important;
          align-items   : center !important;
  gap                   : 12px !important;
  padding               : 2rem 1rem !important;
  text-align            : center !important;
  -webkit-animation     : wpsuccesspop .4s ease both !important;
          animation     : wpsuccesspop .4s ease both !important;
}

#formulaire .success-icon {
  width           : 56px !important;
  height          : 56px !important;
  border-radius   : 50% !important;
  background      : -webkit-linear-gradient(315deg,#cc5e00,#FF7A00,#ffaa44) !important;
  background      :         linear-gradient(135deg,#cc5e00,#FF7A00,#ffaa44) !important;
  display         : -webkit-box !important;
  display         : -ms-flexbox !important;
  display         : flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items     : center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content : center !important;
  font-size       : 26px !important;
  color           : #fff !important;
}

#formulaire .success-title {
  font-size   : 17px !important;
  font-weight : 500 !important;
  color       : #111 !important;
  margin      : 0 !important;
}

#formulaire .success-sub {
  font-size : 13px !important;
  color     : #777 !important;
  margin    : 0 !important;
}/* End custom CSS */