.elementor-1907 .elementor-element.elementor-element-7e13d3e6{--display:flex;}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-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 );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1907 .elementor-element.elementor-element-7773c2d .elementor-toc__header-title{text-align:start;}.elementor-1907 .elementor-element.elementor-element-7773c2d .elementor-toc__header{flex-direction:row;}.elementor-1907 .elementor-element.elementor-element-7773c2d{--item-text-hover-color:var( --e-global-color-primary );--item-text-hover-decoration:underline;}.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 );}@media(max-width:1024px){.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for html, class: .elementor-element-bf5d3fd *//* Style du bloc récapitulatif */
.recap-box {
  background-color: #f7f8fa; /* Couleur de fond légèrement grise */
  border-left: 5px solid #009FE3; /* Bordure de couleur (à adapter à votre marque) */
  border-radius: 8px;
  padding: 20px 25px;
  margin: 40px 0; /* Espace avant et après le bloc */
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.recap-title {
  font-size: 1.2em;
  font-weight: 700;
  color: #333;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

.recap-title i {
  color: #009FE3; /* Couleur de l'icône */
  margin-right: 12px;
  font-size: 1.1em;
}

.recap-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.recap-list li {
  padding-left: 28px;
  position: relative;
  margin-bottom: 10px;
  line-height: 1.5;
}

.recap-list li:last-child {
  margin-bottom: 0;
}

.recap-list li::before {
  content: '✓'; /* Icône de puce personnalisée */
  font-weight: 700;
  color: #f95b33; /* Couleur verte de la puce */
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.2em;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-65125db *//* Style du bloc conseil de pro */
.pro-tip-box {
  background-color: #e6f7ff; /* Fond bleu très clair */
  border: 1px solid #91d5ff; /* Bordure bleue claire */
  border-radius: 8px;
  padding: 25px;
  margin: 40px 0;
  position: relative;
  overflow: hidden;
}

.pro-tip-title {
  font-size: 1.2em;
  font-weight: 700;
  color: #009FE3; /* Titre en bleu foncé */
  margin-top: 0;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.pro-tip-title i {
  color: #f95b33; /* Icône en bleu standard */
  margin-right: 12px;
  font-size: 1.3em;
}

.pro-tip-box p {
  margin-bottom: 0;
  color: #333;
  line-height: 1.6;
}

/* Élément décoratif optionnel */
.pro-tip-box::after {
  content: "💡";
  font-size: 4em;
  position: absolute;
  right: 20px;
  bottom: -20px;
  color: rgba(0, 123, 255, 0.08); /* Icône de fond très transparente */
  transform: rotate(15deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b52f90 *//* Style du bloc image avec légende */
.styled-image-block {
  margin: 50px 0; /* Espace avant et après */
}

.styled-image-block figure {
  margin: 0;
  border-radius: 8px;
  overflow: hidden; /* Pour que les coins de l'image soient aussi arrondis */
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  border: 1px solid #eee;
}

.styled-image-block img {
  display: block;
  width: 100%;
  height: auto;
}

.styled-image-block figcaption {
  background-color: #f7f8fa;
  padding: 15px 20px;
  font-size: 0.9em;
  color: #555;
  line-height: 1.5;
  border-top: 3px solid #009FE3; /* Ligne de séparation bleue */
  display: flex;
  align-items: center;
}

.styled-image-block .caption-icon {
  font-size: 1.5em;
  margin-right: 15px;
  color: #F95B33; /* Icône de couleur orange */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-608fb23 *//* Style du bloc d'appel à l'action */
.cta-block {
  background-color: #009FE3; /* Fond bleu de la marque */
  color: #fff; /* Texte blanc pour le contraste */
  border-radius: 8px;
  padding: 30px 25px;
  margin: 50px 0;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0, 159, 227, 0.4);
}

.cta-block h4 {
  font-size: 1.5em;
  font-weight: 700;
  color: #fff;
  margin-top: 0;
  margin-bottom: 10px;
}

.cta-block p {
  font-size: 1.1em;
  margin-bottom: 25px;
  opacity: 0.9; /* Léger retrait pour le texte secondaire */
}

.cta-button {
    color: white;
}

.cta-button {
  display: inline-block;
  background-color: #F95B33; /* Fond orange de la marque */
  color: #fff;
  font-size: 1.1em;
  font-weight: 700;
  text-decoration: none;
  padding: 15px 30px;
  border-radius: 50px; /* Pour un style "pilule" moderne */
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.cta-button:hover {
  background-color: #e04a20; /* Orange un peu plus foncé au survol */
  transform: translateY(-3px); /* Effet de soulèvement */
  box-shadow: 0 6px 15px rgba(0,0,0,0.25);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb39066 *//* Style du séparateur de processus */
.process-separator {
  margin: 60px 0;
  padding: 20px 0;
  position: relative;
}

.process-steps {
  display: flex;
  justify-content: space-between;
  position: relative;
}

/* La ligne de connexion entre les étapes */
.process-steps::before {
  content: '';
  position: absolute;
  top: 25px; /* Aligne la ligne avec le centre des cercles */
  left: 10%;
  width: 80%;
  height: 4px;
  background-color: #009FE3; /* Ligne de progression bleue */
  z-index: 1;
  opacity: 0.3;
}

.process-step {
  flex-basis: 30%;
  text-align: center;
  position: relative;
  z-index: 2; /* Pour que les cercles passent au-dessus de la ligne */
}

.step-number {
  width: 50px;
  height: 50px;
  background-color: #F95B33; /* Cercle orange */
  color: #fff;
  font-size: 1.5em;
  font-weight: 700;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px auto;
  border: 4px solid #fff; /* Crée un effet de contour pour se détacher de la ligne */
  box-shadow: 0 0 0 3px #F95B33;
}

.step-title {
  font-size: 1.2em;
  font-weight: 700;
  color: #009FE3; /* Titre en bleu */
  margin-bottom: 8px;
}

.process-step p {
  font-size: 0.9em;
  color: #555;
  line-height: 1.5;
  margin-bottom: 0;
}

/* Adaptation pour les écrans plus petits (tablettes et mobiles) */
@media (max-width: 767px) {
  .process-steps {
    flex-direction: column; /* Les étapes s'affichent verticalement */
    align-items: center;
  }
  .process-steps::before {
    left: 50%;
    top: 5%;
    width: 4px; /* La ligne devient verticale */
    height: 90%;
    transform: translateX(-50%);
  }
  .process-step {
    flex-basis: auto;
    width: 90%;
    margin-bottom: 30px; /* Espace entre les étapes */
  }
  .process-step:last-child {
    margin-bottom: 0;
  }
}/* End custom CSS */