.elementor-10177 .elementor-element.elementor-element-79a203c{--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-10177 .elementor-element.elementor-element-3e05f28{--display:flex;--min-height:222px;--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.68;}.elementor-10177 .elementor-element.elementor-element-3e05f28::before, .elementor-10177 .elementor-element.elementor-element-3e05f28 > .elementor-background-video-container::before, .elementor-10177 .elementor-element.elementor-element-3e05f28 > .e-con-inner > .elementor-background-video-container::before, .elementor-10177 .elementor-element.elementor-element-3e05f28 > .elementor-background-slideshow::before, .elementor-10177 .elementor-element.elementor-element-3e05f28 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10177 .elementor-element.elementor-element-3e05f28 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#3B5998;--background-overlay:'';}.elementor-10177 .elementor-element.elementor-element-3e05f28::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-10177 .elementor-element.elementor-element-6ef39cb{--display:flex;--justify-content:center;}.elementor-10177 .elementor-element.elementor-element-567bb5a{--spacer-size:21px;}.elementor-10177 .elementor-element.elementor-element-69bd630{--display:flex;--justify-content:center;}.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-10177 .elementor-element.elementor-element-3367d63{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -65px) 0px;text-align:center;}.elementor-10177 .elementor-element.elementor-element-3367d63 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:32px;font-weight:600;color:#FFFFFF;}.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-10177 .elementor-element.elementor-element-85fd47f{--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-10177 .elementor-element.elementor-element-6b3b68d{--spacer-size:50px;}.elementor-10177 .elementor-element.elementor-element-976a6a5{--display:flex;--min-height:89px;--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;--justify-content:center;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-10177 .elementor-element.elementor-element-976a6a5:not(.elementor-motion-effects-element-type-background), .elementor-10177 .elementor-element.elementor-element-976a6a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E91E8C;}.elementor-10177 .elementor-element.elementor-element-e2d474f{text-align:center;}.elementor-10177 .elementor-element.elementor-element-e2d474f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:26px;font-weight:600;line-height:36px;color:#FFFFFF;}.elementor-10177 .elementor-element.elementor-element-b352963{--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-10177 .elementor-element.elementor-element-9c81a34{--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-10177 .elementor-element.elementor-element-73c9cb9{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10177 .elementor-element.elementor-element-abb937a .elementor-button{background-color:#3C6A7D00;font-family:"Inter", Sans-serif;font-size:30px;font-weight:700;font-style:normal;letter-spacing:0.7px;fill:#F9A825;color:#F9A825;border-style:solid;border-width:3px 3px 3px 3px;border-color:#F9A825;border-radius:10px 10px 10px 10px;}.elementor-10177 .elementor-element.elementor-element-abb937a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:4px 4px 4px 4px;}/* Start custom CSS for html, class: .elementor-element-561e639 */.elementor-10177 .elementor-element.elementor-element-561e639 .fi-progress-wrap{
  margin-bottom:30px;
  font-family:'Inter', sans-serif;
}

.elementor-10177 .elementor-element.elementor-element-561e639 .fi-progress-bar{
  width:100%;
  height:28px;
  background:#e5e7eb;
  border-radius:999px;
  overflow:hidden;
}

.elementor-10177 .elementor-element.elementor-element-561e639 .fi-progress-fill{
  width:0%;
  height:100%;
  background:linear-gradient(90deg,#0072B0,#00A3E0);
  border-radius:999px;
  transition:width .5s ease;
}

.elementor-10177 .elementor-element.elementor-element-561e639 .fi-progress-text{
  margin-top:10px;
  font-family:'Inter', sans-serif;
  font-size:24px;
  font-weight:500;
  text-align:center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b352963 */<div class="fi-progress-wrap">  
  <div class="fi-progress-bar">  
    <div class="fi-progress-fill" id="fi-progress-fill"></div>  
  </div>  
  <div class="fi-progress-text" id="fi-progress-text">Progression : 0%</div>  
</div>

<style>  
.fi-progress-wrap{  
  margin-bottom:30px;  
  font-family:'Inter', sans-serif;  
}

.fi-progress-bar{  
  width:100%;  
  height:28px; /* hauteur de la barre */  
  background:#e5e7eb;  
  border-radius:999px;  
  overflow:hidden;  
}

.fi-progress-fill{  
  width:0%;  
  height:100%;  
  background:linear-gradient(90deg,#0072B0,#00A3E0);  
  border-radius:999px;  
  transition:width .5s ease;  
}

.fi-progress-text{  
  margin-top:10px;  
  font-family:'Inter', sans-serif;  
  font-size:24px;  
  font-weight:500;  
  text-align:center; /* centre le texte */  
}  
</style>/* End custom CSS */
/* Start custom CSS */.fi-progress-wrap {  
  margin-bottom: 24px;  
}

.fi-progress-bar {  
  width: 100%;  
  height: 14px;  
  background: #e9ecef;  
  border-radius: 999px;  
  overflow: hidden;  
}

.fi-progress-fill {  
  width: 0;  
  height: 100%;  
  background: linear-gradient(90deg, #0072B0, #00A3E0);  
  border-radius: 999px;  
  transition: width 0.4s ease;  
}

.fi-progress-text {  
  margin-top: 8px;  
  font-size: 14px;  
  font-weight: 600;  
}/* End custom CSS */