.elementor-38557 .elementor-element.elementor-element-1f2b8fc3{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38557 .elementor-element.elementor-element-7234c416{--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;--padding-top:50px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-38557 .elementor-element.elementor-element-7234c416.e-con{--align-self:center;}.elementor-38557 .elementor-element.elementor-element-2df035a1 .elementor-icon-list-icon{width:14px;}.elementor-38557 .elementor-element.elementor-element-2df035a1 .elementor-icon-list-icon i{font-size:14px;}.elementor-38557 .elementor-element.elementor-element-2df035a1 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-38557 .elementor-element.elementor-element-149f3563{--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;--padding-top:0px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-38557 .elementor-element.elementor-element-149f3563.e-con{--align-self:center;}.elementor-38557 .elementor-element.elementor-element-7b02fad4 .elementor-toc__header-title{text-align:start;}.elementor-38557 .elementor-element.elementor-element-7b02fad4 .elementor-toc__header{flex-direction:row;}.elementor-38557 .elementor-element.elementor-element-7b02fad4{--item-text-hover-decoration:underline;}.elementor-38557 .elementor-element.elementor-element-605a2592{--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 48px;--row-gap:0px;--column-gap:48px;--padding-top:40px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-38557 .elementor-element.elementor-element-1caf4c20{--display:flex;}.elementor-38557 .elementor-element.elementor-element-1caf4c20.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-38557 .elementor-element.elementor-element-6b768c65{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-38557 .elementor-element.elementor-element-49573505{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38557 .elementor-element.elementor-element-36bec855{--display:flex;}.elementor-38557 .elementor-element.elementor-element-50202372 .elementor-toc__header-title{text-align:start;}.elementor-38557 .elementor-element.elementor-element-50202372 .elementor-toc__header{flex-direction:row;}.elementor-38557 .elementor-element.elementor-element-50202372{--item-text-hover-decoration:underline;}.elementor-38557 .elementor-element.elementor-element-b474308{--display:flex;}.elementor-38557 .elementor-element.elementor-element-63285603{--display:flex;}.elementor-38557 .elementor-element.elementor-element-572e53f2{--display:flex;}.elementor-38557 .elementor-element.elementor-element-4346a931{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--flex-wrap:nowrap;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-38557 .elementor-element.elementor-element-6a5c14d{--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-38557 .elementor-element.elementor-element-184948d{--display:flex;}.elementor-38557 .elementor-element.elementor-element-110a716c{--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;--padding-top:40px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-38557 .elementor-element.elementor-element-23a275ec{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-38557 .elementor-element.elementor-element-23a275ec .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-38557 .elementor-element.elementor-element-23a275ec:after{content:"0.66";}.elementor-38557 .elementor-element.elementor-element-23a275ec .elementor-post__thumbnail__link{width:100%;}.elementor-38557 .elementor-element.elementor-element-23a275ec .elementor-post__meta-data span + span:before{content:"///";}.elementor-38557 .elementor-element.elementor-element-23a275ec.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-38557 .elementor-element.elementor-element-23a275ec.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-38557 .elementor-element.elementor-element-23a275ec.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}@media(max-width:767px){.elementor-38557 .elementor-element.elementor-element-23a275ec .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-38557 .elementor-element.elementor-element-23a275ec:after{content:"0.5";}.elementor-38557 .elementor-element.elementor-element-23a275ec .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-38557 .elementor-element.elementor-element-7234c416{--content-width:1180px;}.elementor-38557 .elementor-element.elementor-element-149f3563{--content-width:1180px;}.elementor-38557 .elementor-element.elementor-element-1caf4c20{--width:70%;}.elementor-38557 .elementor-element.elementor-element-49573505{--width:30%;}.elementor-38557 .elementor-element.elementor-element-110a716c{--content-width:1180px;}}@media(max-width:1366px) and (min-width:768px){.elementor-38557 .elementor-element.elementor-element-1caf4c20{--width:649px;}}/* Start custom CSS for container, class: .elementor-element-7234c416 *//* =========================================

   HERO ARTICLE

========================================= */

.elementor-38557 .elementor-element.elementor-element-7234c416 {

  position: relative;

  width: 100%;

  max-width: 1320px;

  margin: 0 auto;

  padding: 28px 40px 40px;

  overflow: hidden;

  background: #FFFFFF;

}

/* =========================================

   AMBIANCE VISUELLE DISCRÈTE

========================================= */

.elementor-38557 .elementor-element.elementor-element-7234c416::before {

  content: "";

  position: absolute;

  top: -150px;

  right: -120px;

  width: 380px;

  height: 380px;

  border-radius: 50%;

  background:

    radial-gradient(

      circle,

      rgba(0, 119, 182, 0.10) 0%,

      rgba(234, 248, 255, 0.35) 45%,

      rgba(255, 255, 255, 0) 72%

    );

  pointer-events: none;

}

.elementor-38557 .elementor-element.elementor-element-7234c416 > * {

  position: relative;

  z-index: 1;

}

/* =========================================

   CATÉGORIE

========================================= */

.elementor-38557 .elementor-element.elementor-element-7234c416 .categorie {

  display: inline-flex;

  align-items: center;

  width: fit-content;

  margin: 0 0 14px;

  padding: 8px 14px;

  border: 1px solid rgba(0, 119, 182, 0.15);

  border-radius: 999px;

  background: #EAF8FF;

  color: #0077B6;

  font-size: 13px;

  font-weight: 750;

  line-height: 1.2;

  letter-spacing: 0.06em;

  text-transform: uppercase;

}

.elementor-38557 .elementor-element.elementor-element-7234c416 .categorie a {

  color: inherit;

  text-decoration: none;

}

/* =========================================

   DATE DE PUBLICATION

========================================= */

.elementor-38557 .elementor-element.elementor-element-7234c416 .date-publication {

  margin: 0 0 15px;

  color: #5B7185;

  font-size: 14px;

  font-weight: 500;

  line-height: 1.5;

}

/* =========================================

   TITRE PRINCIPAL H1

========================================= */

.elementor-38557 .elementor-element.elementor-element-7234c416 .titre-article {

  width: 100%;

  max-width: 1200px;

  margin: 0;

}

.elementor-38557 .elementor-element.elementor-element-7234c416 .titre-article h1,

.elementor-38557 .elementor-element.elementor-element-7234c416 .titre-article .elementor-heading-title {

  margin: 0;

  color: #082F49;

  font-size: clamp(43px, 5vw, 68px);

  font-weight: 780;

  line-height: 1.07;

  letter-spacing: -0.035em;

  text-wrap: balance;

}

/* =========================================

   IMAGE MISE EN AVANT

   Plus petite et alignée à gauche

========================================= */

.elementor-38557 .elementor-element.elementor-element-7234c416 .image-article {

  width: 92%;

  max-width: 1180px;

  margin: 30px 0 0;

}

.elementor-38557 .elementor-element.elementor-element-7234c416 .image-article img {

  display: block;

  width: 100%;

  height: clamp(320px, 34vw, 500px);

  object-fit: cover;

  object-position: center;

  border-radius: 24px;

  box-shadow: 0 12px 32px rgba(8, 47, 73, 0.09);

}

/* =========================================

   EXTRAIT

========================================= */

.elementor-38557 .elementor-element.elementor-element-7234c416 .extrait-article {

  position: relative;

  width: 100%;

  max-width: 900px;

  margin-top: 28px;

  padding-left: 24px;

  color: #17324D;

  font-size: 20px;

  font-weight: 450;

  line-height: 1.62;

}

.elementor-38557 .elementor-element.elementor-element-7234c416 .extrait-article::before {

  content: "";

  position: absolute;

  top: 5px;

  bottom: 5px;

  left: 0;

  width: 4px;

  border-radius: 999px;

  background:

    linear-gradient(

      180deg,

      #0077B6,

      #63CFF2

    );

}

.elementor-38557 .elementor-element.elementor-element-7234c416 .extrait-article p {

  margin: 0;

}

/* =========================================

   TABLETTE

========================================= */

@media (max-width: 1024px) {

  .elementor-38557 .elementor-element.elementor-element-7234c416 {

    max-width: 100%;

    padding: 24px 28px 32px;

  }

  .elementor-38557 .elementor-element.elementor-element-7234c416 .titre-article h1,

  .elementor-38557 .elementor-element.elementor-element-7234c416 .titre-article .elementor-heading-title {

    font-size: clamp(39px, 6vw, 55px);

  }

  .elementor-38557 .elementor-element.elementor-element-7234c416 .image-article {

    width: 94%;

  }

  .elementor-38557 .elementor-element.elementor-element-7234c416 .image-article img {

    height: clamp(280px, 46vw, 420px);

    border-radius: 20px;

  }

  .elementor-38557 .elementor-element.elementor-element-7234c416 .extrait-article {

    max-width: 820px;

    font-size: 19px;

  }

}

/* =========================================

   MOBILE

========================================= */

@media (max-width: 767px) {

  .elementor-38557 .elementor-element.elementor-element-7234c416 {

    padding: 20px 16px 24px;

  }

  .elementor-38557 .elementor-element.elementor-element-7234c416::before {

    top: -110px;

    right: -160px;

    width: 310px;

    height: 310px;

  }

  .elementor-38557 .elementor-element.elementor-element-7234c416 .categorie {

    margin-bottom: 11px;

    padding: 7px 11px;

    font-size: 12px;

  }

  .elementor-38557 .elementor-element.elementor-element-7234c416 .date-publication {

    margin-bottom: 12px;

    font-size: 13px;

  }

  .elementor-38557 .elementor-element.elementor-element-7234c416 .titre-article h1,

  .elementor-38557 .elementor-element.elementor-element-7234c416 .titre-article .elementor-heading-title {

    font-size: clamp(34px, 10vw, 44px);

    line-height: 1.1;

    letter-spacing: -0.025em;

  }

  .elementor-38557 .elementor-element.elementor-element-7234c416 .image-article {

    width: 100%;

    margin-top: 24px;

  }

  .elementor-38557 .elementor-element.elementor-element-7234c416 .image-article img {

    height: 245px;

    border-radius: 16px;

  }

  .elementor-38557 .elementor-element.elementor-element-7234c416 .extrait-article {

    margin-top: 22px;

    padding-left: 18px;

    font-size: 18px;

    line-height: 1.6;

  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-149f3563 *//* =========================================

   SOMMAIRE MOBILE

   Version compacte avec H2 uniquement

========================================= */

.elementor-38557 .elementor-element.elementor-element-149f3563 {

  position: relative;

  display: none;

  width: calc(100% - 32px);

  max-width: 720px;

  margin: 6px auto 30px;

  padding: 20px;

  overflow: hidden;

  border: 1px solid rgba(0, 119, 182, 0.12);

  border-radius: 18px;

  background:

    linear-gradient(

      145deg,

      #FFFFFF 0%,

      #F4FBFF 100%

    );

  box-shadow: 0 10px 28px rgba(8, 47, 73, 0.07);

}

/* =========================================

   DÉCOR SUPÉRIEUR

========================================= */

.elementor-38557 .elementor-element.elementor-element-149f3563::before {

  content: "";

  position: absolute;

  top: 0;

  left: 20px;

  width: 56px;

  height: 4px;

  border-radius: 0 0 999px 999px;

  background:

    linear-gradient(

      90deg,

      #0077B6,

      #63CFF2

    );

}

/* =========================================

   TITRE DU SOMMAIRE

========================================= */

.elementor-38557 .elementor-element.elementor-element-149f3563 .titre-sommaire {

  position: relative;

  width: 100%;

  margin: 0 0 14px;

  padding: 2px 42px 13px 0;

  border-bottom: 1px solid rgba(8, 47, 73, 0.08);

  color: #082F49;

  font-size: 20px;

  font-weight: 800;

  line-height: 1.25;

  letter-spacing: -0.02em;

}

/* Petit pictogramme décoratif */

.elementor-38557 .elementor-element.elementor-element-149f3563 .titre-sommaire::after {

  content: "≡";

  position: absolute;

  top: 0;

  right: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 30px;

  height: 30px;

  border-radius: 9px;

  background: #EAF8FF;

  color: #0077B6;

  font-size: 18px;

  font-weight: 700;

  line-height: 1;

}

/* =========================================

   TABLE DES MATIÈRES

========================================= */

.elementor-38557 .elementor-element.elementor-element-149f3563 .table-matieres-mobile {

  width: 100%;

  margin: 0;

  padding: 0;

  color: #17324D;

  font-size: 15px;

  line-height: 1.5;

}

/* Retire le titre et le cadre natifs Elementor */

.elementor-38557 .elementor-element.elementor-element-149f3563 .table-matieres-mobile .elementor-toc__header {

  display: none;

}

.elementor-38557 .elementor-element.elementor-element-149f3563 .table-matieres-mobile .elementor-widget-container,

.elementor-38557 .elementor-element.elementor-element-149f3563 .table-matieres-mobile .elementor-toc__body {

  margin: 0;

  padding: 0;

  border: 0;

  background: transparent;

}

/* =========================================

   LISTE H2

========================================= */

.elementor-38557 .elementor-element.elementor-element-149f3563 .table-matieres-mobile ul {

  display: flex;

  flex-direction: column;

  gap: 7px;

  margin: 0;

  padding: 0;

  list-style: none;

}

.elementor-38557 .elementor-element.elementor-element-149f3563 .table-matieres-mobile li {

  position: relative;

  margin: 0;

  padding: 0;

  overflow: hidden;

  border: 1px solid rgba(8, 47, 73, 0.08);

  border-radius: 12px;

  background: rgba(255, 255, 255, 0.86);

  transition:

    border-color 0.2s ease,

    background-color 0.2s ease,

    transform 0.2s ease;

}

.elementor-38557 .elementor-element.elementor-element-149f3563 .table-matieres-mobile li:hover {

  transform: translateX(2px);

  border-color: rgba(0, 119, 182, 0.18);

  background: #FFFFFF;

}

/* Liens H2 */

.elementor-38557 .elementor-element.elementor-element-149f3563 .table-matieres-mobile a {

  display: block;

  min-height: 46px;

  padding: 13px 14px;

  color: #17324D;

  font-size: 14.5px;

  font-weight: 700;

  line-height: 1.4;

  text-decoration: none;

  transition:

    color 0.2s ease,

    padding-left 0.2s ease;

}

.elementor-38557 .elementor-element.elementor-element-149f3563 .table-matieres-mobile a:hover {

  padding-left: 17px;

  color: #0077B6;

}

/* =========================================

   TABLETTE PORTRAIT ET MOBILE

========================================= */

@media (max-width: 1024px) {

  .elementor-38557 .elementor-element.elementor-element-149f3563 {

    display: block;

  }

}

/* =========================================

   MOBILE

========================================= */

@media (max-width: 767px) {

  .elementor-38557 .elementor-element.elementor-element-149f3563 {

    width: calc(100% - 32px);

    margin-top: 4px;

    margin-bottom: 26px;

    padding: 18px 16px;

    border-radius: 16px;

  }

  .elementor-38557 .elementor-element.elementor-element-149f3563::before {

    left: 16px;

    width: 50px;

  }

  .elementor-38557 .elementor-element.elementor-element-149f3563 .titre-sommaire {

    margin-bottom: 12px;

    padding-right: 38px;

    padding-bottom: 12px;

    font-size: 18.5px;

  }

  .elementor-38557 .elementor-element.elementor-element-149f3563 .titre-sommaire::after {

    width: 28px;

    height: 28px;

    font-size: 17px;

  }

  .elementor-38557 .elementor-element.elementor-element-149f3563 .table-matieres-mobile ul {

    gap: 6px;

  }

  .elementor-38557 .elementor-element.elementor-element-149f3563 .table-matieres-mobile a {

    min-height: 44px;

    padding: 12px;

    font-size: 14px;

  }

}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-6b768c65 *//* =========================================

   CONTENU DE L’ARTICLE

   Mise en forme éditoriale premium

========================================= */

.elementor-38557 .elementor-element.elementor-element-6b768c65 {

  width: 100%;

  max-width: none;

  margin: 0;

  padding: 0;

  color: #17324D;

  font-size: 18px;

  font-weight: 400;

  line-height: 1.78;

  overflow-wrap: break-word;

  word-break: normal;

  box-sizing: border-box;

}

/* =========================================

   PARAGRAPHES

========================================= */

.elementor-38557 .elementor-element.elementor-element-6b768c65 p {

  margin: 0 0 1.45em;

}

.elementor-38557 .elementor-element.elementor-element-6b768c65 p:last-child {

  margin-bottom: 0;

}

/* =========================================

   TITRES H2

========================================= */

.elementor-38557 .elementor-element.elementor-element-6b768c65 h2 {

  position: relative;

  margin: 2.3em 0 0.85em;

  padding: 0 0 16px 22px;

  color: #082F49;

  font-size: clamp(30px, 3vw, 39px);

  font-weight: 800;

  line-height: 1.2;

  letter-spacing: -0.028em;

  text-wrap: balance;

}

/* Barre verticale bleue */

.elementor-38557 .elementor-element.elementor-element-6b768c65 h2::before {

  content: "";

  position: absolute;

  top: 5px;

  bottom: 18px;

  left: 0;

  width: 5px;

  border-radius: 999px;

  background:

    linear-gradient(

      180deg,

      #0077B6,

      #63CFF2

    );

}

/* Ligne fine sous le titre */

.elementor-38557 .elementor-element.elementor-element-6b768c65 h2::after {

  content: "";

  position: absolute;

  right: 0;

  bottom: 0;

  left: 22px;

  height: 1px;

  background:

    linear-gradient(

      90deg,

      rgba(0, 119, 182, 0.30),

      rgba(0, 119, 182, 0.05),

      transparent

    );

}

/* Premier H2 moins éloigné du début */

.elementor-38557 .elementor-element.elementor-element-6b768c65 h2:first-child {

  margin-top: 0;

}

/* =========================================

   TITRES H3

========================================= */

.elementor-38557 .elementor-element.elementor-element-6b768c65 h3 {

  position: relative;

  margin: 1.9em 0 0.7em;

  padding-left: 18px;

  color: #0D4261;

  font-size: clamp(23px, 2.3vw, 29px);

  font-weight: 750;

  line-height: 1.3;

  letter-spacing: -0.018em;

  text-wrap: balance;

}

/* Petit repère discret */

.elementor-38557 .elementor-element.elementor-element-6b768c65 h3::before {

  content: "";

  position: absolute;

  top: 0.48em;

  left: 0;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: #FFD600;

  box-shadow: 0 0 0 4px rgba(255, 214, 0, 0.16);

}

/* =========================================

   TITRES H4

========================================= */

.elementor-38557 .elementor-element.elementor-element-6b768c65 h4 {

  margin: 1.7em 0 0.6em;

  color: #082F49;

  font-size: 21px;

  font-weight: 750;

  line-height: 1.4;

}

/* =========================================

   LIENS

========================================= */

.elementor-38557 .elementor-element.elementor-element-6b768c65 a {

  color: #0077B6;

  font-weight: 650;

  text-decoration-line: underline;

  text-decoration-thickness: 1px;

  text-decoration-color: rgba(0, 119, 182, 0.45);

  text-underline-offset: 3px;

  transition:

    color 0.2s ease,

    text-decoration-color 0.2s ease;

}

.elementor-38557 .elementor-element.elementor-element-6b768c65 a:hover {

  color: #082F49;

  text-decoration-color: #FFD600;

}

/* =========================================

   TEXTE EN GRAS

========================================= */

.elementor-38557 .elementor-element.elementor-element-6b768c65 strong {

  color: #102F46;

  font-weight: 750;

}

/* =========================================

   LISTES

========================================= */

.elementor-38557 .elementor-element.elementor-element-6b768c65 ul,

.elementor-38557 .elementor-element.elementor-element-6b768c65 ol {

  margin: 0 0 1.6em;

  padding-left: 1.45em;

}

.elementor-38557 .elementor-element.elementor-element-6b768c65 li {

  margin-bottom: 0.58em;

  padding-left: 0.25em;

}

.elementor-38557 .elementor-element.elementor-element-6b768c65 li:last-child {

  margin-bottom: 0;

}

.elementor-38557 .elementor-element.elementor-element-6b768c65 li::marker {

  color: #0077B6;

  font-weight: 800;

}

/* =========================================

   CITATIONS

========================================= */

.elementor-38557 .elementor-element.elementor-element-6b768c65 blockquote {

  position: relative;

  margin: 2em 0;

  padding: 24px 26px 24px 30px;

  border: 0;

  border-radius: 18px;

  background:

    linear-gradient(

      145deg,

      #F4FBFF,

      #EAF8FF

    );

  color: #082F49;

  font-size: 19px;

  font-weight: 500;

  line-height: 1.65;

  box-shadow:

    inset 4px 0 0 #0077B6;

}

.elementor-38557 .elementor-element.elementor-element-6b768c65 blockquote p:last-child {

  margin-bottom: 0;

}

/* =========================================

   IMAGES

========================================= */

.elementor-38557 .elementor-element.elementor-element-6b768c65 figure {

  margin: 2.2em 0;

}

.elementor-38557 .elementor-element.elementor-element-6b768c65 img {

  display: block;

  max-width: 100%;

  height: auto;

  border-radius: 18px;

  box-shadow:

    0 10px 28px rgba(8, 47, 73, 0.08);

}

.elementor-38557 .elementor-element.elementor-element-6b768c65 figcaption {

  margin-top: 10px;

  color: #5B7185;

  font-size: 14px;

  line-height: 1.5;

  text-align: center;

}

/* =========================================

   SÉPARATEURS

========================================= */

.elementor-38557 .elementor-element.elementor-element-6b768c65 hr {

  width: 100%;

  height: 1px;

  margin: 44px 0;

  border: 0;

  background:

    linear-gradient(

      90deg,

      transparent,

      rgba(8, 47, 73, 0.18),

      transparent

    );

}

/* =========================================

   TABLEAUX

========================================= */

.elementor-38557 .elementor-element.elementor-element-6b768c65 table {

  width: 100%;

  min-width: 620px;

  margin: 2em 0;

  border: 1px solid rgba(8, 47, 73, 0.10);

  border-collapse: separate;

  border-spacing: 0;

  border-radius: 14px;

  overflow: hidden;

  background: #FFFFFF;

  font-size: 16px;

  line-height: 1.55;

  box-shadow:

    0 8px 24px rgba(8, 47, 73, 0.06);

}

.elementor-38557 .elementor-element.elementor-element-6b768c65 thead {

  background: #082F49;

  color: #FFFFFF;

}

.elementor-38557 .elementor-element.elementor-element-6b768c65 th {

  padding: 15px 16px;

  border: 0;

  font-weight: 750;

  text-align: left;

}

.elementor-38557 .elementor-element.elementor-element-6b768c65 td {

  padding: 15px 16px;

  border: 0;

  border-bottom: 1px solid rgba(8, 47, 73, 0.08);

  vertical-align: top;

}

.elementor-38557 .elementor-element.elementor-element-6b768c65 tbody tr:nth-child(even) {

  background: #F4FBFF;

}

.elementor-38557 .elementor-element.elementor-element-6b768c65 tbody tr:last-child td {

  border-bottom: 0;

}

/* =========================================

   BLOCS WORDPRESS AVEC FOND

========================================= */

.elementor-38557 .elementor-element.elementor-element-6b768c65 .wp-block-group.has-background {

  margin: 2em 0;

  padding: 24px;

  border-radius: 18px;

}

/* =========================================

   ANCRAGE DU SOMMAIRE

========================================= */

.elementor-38557 .elementor-element.elementor-element-6b768c65 h2,

.elementor-38557 .elementor-element.elementor-element-6b768c65 h3 {

  scroll-margin-top: 120px;

}

/* =========================================

   TABLETTE

========================================= */

@media (max-width: 1024px) {

  .elementor-38557 .elementor-element.elementor-element-6b768c65 {

    font-size: 17.5px;

    line-height: 1.75;

  }

  .elementor-38557 .elementor-element.elementor-element-6b768c65 h2 {

    font-size: clamp(29px, 4vw, 36px);

  }

  .elementor-38557 .elementor-element.elementor-element-6b768c65 h3 {

    font-size: clamp(22px, 3vw, 27px);

  }

}

/* =========================================

   MOBILE

========================================= */

@media (max-width: 767px) {

  .elementor-38557 .elementor-element.elementor-element-6b768c65 {

    font-size: 17px;

    line-height: 1.72;

  }

  .elementor-38557 .elementor-element.elementor-element-6b768c65 p {

    margin-bottom: 1.35em;

  }

  .elementor-38557 .elementor-element.elementor-element-6b768c65 h2 {

    margin-top: 1.95em;

    padding-left: 18px;

    padding-bottom: 14px;

    font-size: 29px;

    line-height: 1.24;

  }

  .elementor-38557 .elementor-element.elementor-element-6b768c65 h2::before {

    bottom: 16px;

    width: 4px;

  }

  .elementor-38557 .elementor-element.elementor-element-6b768c65 h2::after {

    left: 18px;

  }

  .elementor-38557 .elementor-element.elementor-element-6b768c65 h3 {

    margin-top: 1.6em;

    padding-left: 17px;

    font-size: 23px;

  }

  .elementor-38557 .elementor-element.elementor-element-6b768c65 h3::before {

    width: 7px;

    height: 7px;

  }

  .elementor-38557 .elementor-element.elementor-element-6b768c65 blockquote {

    padding: 21px 20px 21px 24px;

    border-radius: 15px;

    font-size: 17px;

  }

  .elementor-38557 .elementor-element.elementor-element-6b768c65 figure {

    margin: 1.7em 0;

  }

  .elementor-38557 .elementor-element.elementor-element-6b768c65 img {

    border-radius: 15px;

  }

  .elementor-38557 .elementor-element.elementor-element-6b768c65 figcaption {

    font-size: 13px;

  }

  .elementor-38557 .elementor-element.elementor-element-6b768c65 ul,

  .elementor-38557 .elementor-element.elementor-element-6b768c65 ol {

    padding-left: 1.3em;

  }

}

/* =========================================

   PETITS MOBILES

========================================= */

@media (max-width: 390px) {

  .elementor-38557 .elementor-element.elementor-element-6b768c65 {

    font-size: 16.5px;

  }

  .elementor-38557 .elementor-element.elementor-element-6b768c65 h2 {

    font-size: 27px;

  }

  .elementor-38557 .elementor-element.elementor-element-6b768c65 h3 {

    font-size: 22px;

  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49573505 *//* =========================================
   SIDEBAR — STRUCTURE GÉNÉRALE
========================================= */

.elementor-38557 .elementor-element.elementor-element-49573505 {
  display: flex;
  flex-direction: column;
  align-self: stretch;

  gap: 20px;

  width: 100%;
  max-width: none;

  /*
   * La sidebar prend maintenant toute
   * la hauteur de la colonne article.
   */
  height: 100%;
  min-height: 100%;

  margin: 0;
  padding: 0;

  overflow: visible;

  color: #17324D;

  box-sizing: border-box;
}


/* =========================================
   CONTENEUR STICKY
   GUIDE + NEWSLETTER UNIQUEMENT
========================================= */

.elementor-38557 .elementor-element.elementor-element-49573505 .contenu-sticky {
  position: sticky;

  /*
   * Le bloc s’arrête sous le header.
   * Il revient naturellement à sa position
   * quand on remonte vers le haut.
   */
  top: 105px;

  display: flex;
  flex-direction: column;
  align-self: flex-start;

  gap: 20px;

  width: 100%;
  height: fit-content;

  margin: 0;
  padding: 0;

  overflow: visible;

  box-sizing: border-box;
}


/* =========================================
   BASE COMMUNE DES BLOCS
========================================= */

.elementor-38557 .elementor-element.elementor-element-49573505 .sommaire-desktop,
.elementor-38557 .elementor-element.elementor-element-49573505 .bloc-guide,
.elementor-38557 .elementor-element.elementor-element-49573505 .bloc-newsletter {
  position: relative;

  width: 100%;
  margin: 0;

  overflow: hidden;

  border-radius: 18px;

  box-sizing: border-box;
}


/* =========================================
   TITRES COMMUNS
========================================= */

.elementor-38557 .elementor-element.elementor-element-49573505 .titre-sommaire,
.elementor-38557 .elementor-element.elementor-element-49573505 .titre-bloc {
  position: relative;

  width: 100%;

  margin: 0 0 12px;
  padding: 0;

  color: #082F49;

  font-size: 20px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -0.02em;
}


/* =========================================
   TEXTES COMMUNS
========================================= */

.elementor-38557 .elementor-element.elementor-element-49573505 .texte-bloc {
  margin: 0;

  color: #5B7185;

  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
}

.elementor-38557 .elementor-element.elementor-element-49573505 .texte-bloc p {
  margin-top: 0;
  margin-bottom: 10px;
}

.elementor-38557 .elementor-element.elementor-element-49573505 .texte-bloc p:last-child {
  margin-bottom: 0;
}


/* =========================================
   SOMMAIRE DESKTOP
========================================= */

.elementor-38557 .elementor-element.elementor-element-49573505 .sommaire-desktop {
  padding: 30px 28px 26px;

  border: 0;
  outline: 0;

  background:
    linear-gradient(
      145deg,
      #EAF8FF 0%,
      #F4FBFF 100%
    );

  box-shadow: none;
}


/* Ligne décorative supérieure */

.elementor-38557 .elementor-element.elementor-element-49573505 .sommaire-desktop::before {
  content: "";

  position: absolute;
  top: 0;
  left: 28px;

  width: 64px;
  height: 4px;

  border-radius: 0 0 999px 999px;

  background:
    linear-gradient(
      90deg,
      #0077B6,
      #63CFF2
    );
}


/* Titre du sommaire */

.elementor-38557 .elementor-element.elementor-element-49573505 .sommaire-desktop .titre-sommaire {
  margin-bottom: 18px;
  padding-bottom: 14px;

  border: 0;
  border-bottom: 1px solid rgba(8, 47, 73, 0.09);

  font-size: 22px;
}


/* Accent jaune */

.elementor-38557 .elementor-element.elementor-element-49573505 .sommaire-desktop .titre-sommaire::after {
  content: "";

  display: block;

  width: 34px;
  height: 3px;

  margin-top: 9px;

  border-radius: 999px;

  background: #FFD600;
}


/* =========================================
   TABLE DES MATIÈRES
========================================= */

.elementor-38557 .elementor-element.elementor-element-49573505 .table-matieres-desktop {
  width: 100%;

  margin: 0;
  padding: 4px 0 0;

  border: 0;
  outline: 0;

  background: transparent;
  box-shadow: none;

  color: #17324D;

  font-size: 14px;
  line-height: 1.55;
}

.elementor-38557 .elementor-element.elementor-element-49573505 .table-matieres-desktop,
.elementor-38557 .elementor-element.elementor-element-49573505 .table-matieres-desktop .elementor-widget-container,
.elementor-38557 .elementor-element.elementor-element-49573505 .table-matieres-desktop .elementor-toc,
.elementor-38557 .elementor-element.elementor-element-49573505 .table-matieres-desktop .elementor-toc__body,
.elementor-38557 .elementor-element.elementor-element-49573505 .table-matieres-desktop .elementor-toc__list-wrapper {
  border: 0;
  outline: 0;

  background: transparent;
  box-shadow: none;
}

.elementor-38557 .elementor-element.elementor-element-49573505 .table-matieres-desktop .elementor-toc__header {
  display: none;
}

.elementor-38557 .elementor-element.elementor-element-49573505 .table-matieres-desktop .elementor-widget-container,
.elementor-38557 .elementor-element.elementor-element-49573505 .table-matieres-desktop .elementor-toc__body {
  margin: 0;
  padding: 0;
}

.elementor-38557 .elementor-element.elementor-element-49573505 .table-matieres-desktop ul {
  margin: 0;
  padding: 0;

  border: 0;

  list-style: none;
}

.elementor-38557 .elementor-element.elementor-element-49573505 .table-matieres-desktop li {
  margin: 0;
  padding: 0;

  border: 0;
  border-bottom: 1px solid rgba(8, 47, 73, 0.07);
}

.elementor-38557 .elementor-element.elementor-element-49573505 .table-matieres-desktop li:last-child {
  border-bottom: 0;
}

.elementor-38557 .elementor-element.elementor-element-49573505 .table-matieres-desktop a {
  display: block;

  padding: 12px 4px;

  border: 0;

  color: #17324D;

  font-size: 14px;
  font-weight: 650;
  line-height: 1.5;

  text-decoration: none;

  transition:
    color 0.2s ease,
    transform 0.2s ease;
}

.elementor-38557 .elementor-element.elementor-element-49573505 .table-matieres-desktop a:hover {
  color: #0077B6;
  transform: translateX(3px);
}


/* Sous-niveaux H3 */

.elementor-38557 .elementor-element.elementor-element-49573505 .table-matieres-desktop ul ul {
  margin: 0 0 6px;
  padding-left: 14px;

  border: 0;
  border-left: 2px solid rgba(0, 119, 182, 0.12);
}

.elementor-38557 .elementor-element.elementor-element-49573505 .table-matieres-desktop ul ul li {
  border: 0;
}

.elementor-38557 .elementor-element.elementor-element-49573505 .table-matieres-desktop ul ul a {
  padding: 8px 0 8px 10px;

  color: #5B7185;

  font-size: 13px;
  font-weight: 500;
}


/* =========================================
   BLOC GUIDE PISCINE
========================================= */

.elementor-38557 .elementor-element.elementor-element-49573505 .bloc-guide {
  padding: 25px 24px;

  border: 1px solid rgba(255, 214, 0, 0.34);

  background:
    radial-gradient(
      circle at top right,
      rgba(255, 214, 0, 0.22),
      transparent 44%
    ),
    linear-gradient(
      145deg,
      #FFFDF3 0%,
      #FFFFFF 100%
    );

  box-shadow: 0 8px 24px rgba(8, 47, 73, 0.07);
}

.elementor-38557 .elementor-element.elementor-element-49573505 .bloc-guide::before {
  content: "";

  position: absolute;
  top: -34px;
  right: -30px;

  width: 105px;
  height: 105px;

  border-radius: 50%;

  background: rgba(255, 214, 0, 0.16);

  pointer-events: none;
}

.elementor-38557 .elementor-element.elementor-element-49573505 .bloc-guide::after {
  content: "GUIDE 2026";

  display: inline-flex;
  align-items: center;

  width: fit-content;

  margin-bottom: 13px;
  padding: 6px 9px;

  border-radius: 999px;

  background: #FFD600;
  color: #082F49;

  font-size: 10px;
  font-weight: 850;
  line-height: 1;

  letter-spacing: 0.07em;
}

.elementor-38557 .elementor-element.elementor-element-49573505 .bloc-guide .titre-bloc,
.elementor-38557 .elementor-element.elementor-element-49573505 .bloc-guide .texte-bloc,
.elementor-38557 .elementor-element.elementor-element-49573505 .bloc-guide .bouton-guide {
  position: relative;
  z-index: 1;
}


/* =========================================
   BLOC NEWSLETTER
========================================= */

.elementor-38557 .elementor-element.elementor-element-49573505 .bloc-newsletter {
  padding: 25px 24px;

  border: 1px solid rgba(0, 119, 182, 0.15);

  background:
    linear-gradient(
      145deg,
      #EAF8FF 0%,
      #F7FCFF 100%
    );

  box-shadow: 0 8px 24px rgba(8, 47, 73, 0.07);
}

.elementor-38557 .elementor-element.elementor-element-49573505 .bloc-newsletter::before {
  content: "";

  position: absolute;
  top: -42px;
  right: -38px;

  width: 120px;
  height: 120px;

  border-radius: 50%;

  background: rgba(0, 119, 182, 0.07);

  pointer-events: none;
}

.elementor-38557 .elementor-element.elementor-element-49573505 .bloc-newsletter .titre-bloc,
.elementor-38557 .elementor-element.elementor-element-49573505 .bloc-newsletter .texte-bloc,
.elementor-38557 .elementor-element.elementor-element-49573505 .bloc-newsletter .bouton-newsletter {
  position: relative;
  z-index: 1;
}


/* =========================================
   BOUTONS
========================================= */

.elementor-38557 .elementor-element.elementor-element-49573505 .bouton-guide,
.elementor-38557 .elementor-element.elementor-element-49573505 .bouton-newsletter {
  width: 100%;

  margin-top: 17px;
}

.elementor-38557 .elementor-element.elementor-element-49573505 .bouton-guide .elementor-button,
.elementor-38557 .elementor-element.elementor-element-49573505 .bouton-newsletter .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: 46px;

  padding: 12px 16px;

  border: 0;
  border-radius: 11px;

  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;

  text-align: center;
  text-decoration: none;

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}


/* Bouton Guide */

.elementor-38557 .elementor-element.elementor-element-49573505 .bouton-guide .elementor-button {
  background: #082F49;
  color: #FFFFFF;

  box-shadow: 0 8px 18px rgba(8, 47, 73, 0.15);
}

.elementor-38557 .elementor-element.elementor-element-49573505 .bouton-guide .elementor-button:hover {
  transform: translateY(-2px);

  background: #0D4261;
  color: #FFFFFF;

  box-shadow: 0 12px 24px rgba(8, 47, 73, 0.18);
}


/* Bouton Newsletter */

.elementor-38557 .elementor-element.elementor-element-49573505 .bouton-newsletter .elementor-button {
  background: #0077B6;
  color: #FFFFFF;

  box-shadow: 0 8px 18px rgba(0, 119, 182, 0.15);
}

.elementor-38557 .elementor-element.elementor-element-49573505 .bouton-newsletter .elementor-button:hover {
  transform: translateY(-2px);

  background: #00679D;
  color: #FFFFFF;

  box-shadow: 0 12px 24px rgba(0, 119, 182, 0.18);
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1024px) {
  .elementor-38557 .elementor-element.elementor-element-49573505 {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-605a2592 *//* =========================================
   ARTICLE + SIDEBAR
   Même largeur que le Hero
========================================= */

.elementor-38557 .elementor-element.elementor-element-605a2592 {
  --width: 100%;
  --max-width: 1320px;

  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;

  /*
   * Important :
   * les deux colonnes prennent la hauteur
   * de la plus grande, donc celle de l’article.
   */
  align-items: stretch;

  gap: 28px;

  width: 100%;
  max-width: 1320px;

  margin: 0 auto;
  padding: 36px 40px 64px;

  overflow: visible;

  box-sizing: border-box;
}


/* =========================================
   COLONNE ARTICLE
========================================= */

.elementor-38557 .elementor-element.elementor-element-605a2592 > .article {
  --width: auto;
  --max-width: none;
  --flex-grow: 1;
  --flex-shrink: 1;

  width: 100%;
  min-width: 0;
  max-width: none;

  flex: 1 1 auto;

  margin: 0;
  padding: 0;

  /*
   * L’article reste calé en haut,
   * sans être étiré visuellement.
   */
  align-self: start;

  box-sizing: border-box;
}


/* Le contenu utilise toute la colonne */

.elementor-38557 .elementor-element.elementor-element-605a2592 .contenu-article {
  width: 100%;
  min-width: 0;
  max-width: none;

  margin: 0;
  padding: 0;

  box-sizing: border-box;
}


/* Neutralise les largeurs internes Elementor */

.elementor-38557 .elementor-element.elementor-element-605a2592 .article > .e-con-inner,
.elementor-38557 .elementor-element.elementor-element-605a2592 .contenu-article > .elementor-widget-container {
  width: 100%;
  max-width: none;

  margin: 0;
  padding: 0;
}


/* =========================================
   COLONNE SIDEBAR
   Étendue sur toute la hauteur de l’article
========================================= */

.elementor-38557 .elementor-element.elementor-element-605a2592 > .sidebar {
  --width: 300px;
  --max-width: 300px;
  --flex-grow: 0;
  --flex-shrink: 0;

  width: 300px;
  min-width: 300px;
  max-width: 300px;

  /*
   * Point essentiel :
   * la colonne prend toute la hauteur
   * disponible face à l’article.
   */
  height: 100%;
  min-height: 100%;

  flex: 0 0 300px;

  margin: 0;
  padding: 0;

  align-self: stretch;

  overflow: visible;

  box-sizing: border-box;
}


/* Neutralise le wrapper Elementor éventuel */

.elementor-38557 .elementor-element.elementor-element-605a2592 .sidebar > .e-con-inner {
  width: 100%;
  max-width: none;
  min-height: 100%;

  margin: 0;
  padding: 0;

  overflow: visible;
}


/* =========================================
   PORTABLE
========================================= */

@media (max-width: 1200px) {
  .elementor-38557 .elementor-element.elementor-element-605a2592 {
    grid-template-columns: minmax(0, 1fr) 280px;

    gap: 24px;

    padding-right: 28px;
    padding-left: 28px;
  }

  .elementor-38557 .elementor-element.elementor-element-605a2592 > .sidebar {
    --width: 280px;
    --max-width: 280px;

    width: 280px;
    min-width: 280px;
    max-width: 280px;

    flex-basis: 280px;
  }
}


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

@media (max-width: 1024px) {
  .elementor-38557 .elementor-element.elementor-element-605a2592 {
    display: block;

    width: 100%;
    max-width: 100%;

    padding: 28px;
  }

  .elementor-38557 .elementor-element.elementor-element-605a2592 > .article {
    width: 100%;
    max-width: none;
  }

  .elementor-38557 .elementor-element.elementor-element-605a2592 > .sidebar {
    display: none;
  }
}


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

@media (max-width: 767px) {
  .elementor-38557 .elementor-element.elementor-element-605a2592 {
    padding: 20px 16px 48px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4346a931 *//* =========================================
   CTA FIN ARTICLE
   Texte à gauche + couverture à droite
========================================= */

.elementor-38557 .elementor-element.elementor-element-4346a931 {
  position: relative;

  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  align-items: center;
  gap: 38px;

  width: calc(100% - 80px);
  max-width: 1240px;

  margin: 48px auto 0;
  padding: 32px 38px;

  overflow: hidden;

  border: 1px solid rgba(0, 119, 182, 0.18);
  border-radius: 20px;

  background:
    linear-gradient(
      135deg,
      #A9DDF2 0%,
      #CDEFFD 100%
    );

  color: #082F49;

  box-shadow:
    0 12px 30px rgba(8, 47, 73, 0.11);

  box-sizing: border-box;
}


/* =========================================
   DÉCOR DU CTA
========================================= */

.elementor-38557 .elementor-element.elementor-element-4346a931::before {
  content: "";

  position: absolute;
  top: -75px;
  left: -55px;

  width: 180px;
  height: 180px;

  border-radius: 50%;

  background: rgba(0, 119, 182, 0.09);

  pointer-events: none;
}

.elementor-38557 .elementor-element.elementor-element-4346a931::after {
  content: "";

  position: absolute;
  right: 0;
  bottom: 0;

  width: 145px;
  height: 4px;

  border-radius: 999px 0 0 0;

  background:
    linear-gradient(
      90deg,
      rgba(255, 214, 0, 0),
      #FFD600
    );

  pointer-events: none;
}


/* Colonnes au-dessus du décor */

.elementor-38557 .elementor-element.elementor-element-4346a931 > .contenu-cta,
.elementor-38557 .elementor-element.elementor-element-4346a931 > .conteneur-image-cta {
  position: relative;
  z-index: 1;
}


/* =========================================
   COLONNE TEXTE
========================================= */

.elementor-38557 .elementor-element.elementor-element-4346a931 .contenu-cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  width: 100%;
  min-width: 0;
  max-width: 640px;

  margin: 0;
  padding: 0;

  background: transparent;
  border: 0;
  box-shadow: none;
}

.elementor-38557 .elementor-element.elementor-element-4346a931 .contenu-cta.e-con,
.elementor-38557 .elementor-element.elementor-element-4346a931 .contenu-cta > .e-con-inner {
  width: 100%;
  max-width: 640px;

  margin: 0;
  padding: 0;

  background: transparent;
  border: 0;
  box-shadow: none;
}


/* =========================================
   TITRE
========================================= */

.elementor-38557 .elementor-element.elementor-element-4346a931 .titre-cta {
  width: 100%;

  margin: 0 0 10px;
  padding: 0;
}

.elementor-38557 .elementor-element.elementor-element-4346a931 .titre-cta .elementor-heading-title,
.elementor-38557 .elementor-element.elementor-element-4346a931 .titre-cta h2,
.elementor-38557 .elementor-element.elementor-element-4346a931 .titre-cta h3,
.elementor-38557 .elementor-element.elementor-element-4346a931 .titre-cta div {
  margin: 0;

  color: #082F49;

  font-size: clamp(28px, 2.7vw, 38px);
  font-weight: 800;
  line-height: 1.18;

  letter-spacing: -0.025em;
  text-align: left;
  text-wrap: balance;
}


/* =========================================
   TEXTE
========================================= */

.elementor-38557 .elementor-element.elementor-element-4346a931 .texte-cta {
  width: 100%;
  max-width: 610px;

  margin: 0;
  padding: 0;

  color: #345C72;

  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;

  text-align: left;
}

.elementor-38557 .elementor-element.elementor-element-4346a931 .texte-cta p {
  margin: 0;
}


/* =========================================
   BOUTON
========================================= */

.elementor-38557 .elementor-element.elementor-element-4346a931 .bouton-cta {
  width: fit-content;

  margin-top: 19px;
}

.elementor-38557 .elementor-element.elementor-element-4346a931 .bouton-cta .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 46px;

  padding: 12px 21px;

  border: 0;
  border-radius: 10px;

  background: #082F49;
  color: #FFFFFF;

  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;

  text-align: center;
  text-decoration: none;

  box-shadow:
    0 8px 18px rgba(8, 47, 73, 0.15);

  transition:
    transform 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease;
}

.elementor-38557 .elementor-element.elementor-element-4346a931 .bouton-cta .elementor-button:hover {
  transform: translateY(-2px);

  background: #0D4261;
  color: #FFFFFF;

  box-shadow:
    0 12px 24px rgba(8, 47, 73, 0.20);
}


/* =========================================
   CONTENEUR IMAGE
   Aucun fond, aucune ombre, aucune bordure
========================================= */

.elementor-38557 .elementor-element.elementor-element-4346a931 .conteneur-image-cta {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 420px;
  min-width:420px;
  max-width: 420px;

  margin: 0;
  padding: 0;

  justify-self: end;

  overflow: visible;

  background: transparent;
  background-image: none;

  border: 0;
  border-radius: 0;
  outline: 0;

  box-shadow: none;
  transform: none;
}

.elementor-38557 .elementor-element.elementor-element-4346a931 .conteneur-image-cta.e-con,
.elementor-38557 .elementor-element.elementor-element-4346a931 .conteneur-image-cta > .e-con-inner {
  width: 100%;
  max-width: none;

  margin: 0;
  padding: 0;

  overflow: visible;

  background: transparent;
  background-image: none;

  border: 0;
  border-radius: 0;
  outline: 0;

  box-shadow: none;
  transform: none;
}


/* =========================================
   WIDGET IMAGE
========================================= */

.elementor-38557 .elementor-element.elementor-element-4346a931 .image-guide-cta {
  width: 100%;
  max-width: 355px;

  margin: 0;
  padding: 0;

  overflow: visible;

  background: transparent;
  background-image: none;

  border: 0;
  border-radius: 0;
  outline: 0;

  box-shadow: none;
  transform: none;
}

.elementor-38557 .elementor-element.elementor-element-4346a931 .image-guide-cta .elementor-widget-container,
.elementor-38557 .elementor-element.elementor-element-4346a931 .image-guide-cta figure,
.elementor-38557 .elementor-element.elementor-element-4346a931 .image-guide-cta a,
.elementor-38557 .elementor-element.elementor-element-4346a931 .image-guide-cta picture {
  display: block;

  width: 100%;

  margin: 0;
  padding: 0;

  overflow: visible;

  background: transparent;
  background-image: none;

  border: 0;
  border-radius: 0;
  outline: 0;

  box-shadow: none;
  transform: none;
}


/* =========================================
   IMAGE DU GUIDE

   Drop-shadow suit la couverture,
   contrairement à box-shadow qui crée
   un rectangle autour du fichier.
========================================= */

.elementor-38557 .elementor-element.elementor-element-4346a931 .image-guide-cta img {
  display: block;

  width: 100%;
  height: auto;

  margin: 0;
  padding: 0;

  border: 0;
  border-radius: 0;
  outline: 0;

  background: transparent;

  box-shadow: none;

  transform: rotate(5deg);
  transform-origin: center;

  filter:
    drop-shadow(
      13px 17px 11px rgba(8, 47, 73, 0.24)
    );

  transition:
    transform 0.25s ease,
    filter 0.25s ease;
}

.elementor-38557 .elementor-element.elementor-element-4346a931:hover .image-guide-cta img {
  transform:
    rotate(3deg)
    translateY(-4px);

  filter:
    drop-shadow(
      15px 20px 13px rgba(8, 47, 73, 0.28)
    );
}


/* =========================================
   PORTABLE
========================================= */

@media (max-width: 1200px) {
  .elementor-38557 .elementor-element.elementor-element-4346a931 {
    grid-template-columns: minmax(0, 1fr) 290px;
    gap: 30px;

    width: calc(100% - 56px);
    max-width: none;

    padding: 30px;
  }

  .elementor-38557 .elementor-element.elementor-element-4346a931 .conteneur-image-cta {
    width: 290px;
    min-width: 290px;
    max-width: 290px;
  }

  .elementor-38557 .elementor-element.elementor-element-4346a931 .image-guide-cta {
    max-width: 280px;
  }
}


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

@media (max-width: 1024px) {
  .elementor-38557 .elementor-element.elementor-element-4346a931 {
    grid-template-columns: minmax(0, 1fr) 230px;
    gap: 26px;

    width: calc(100% - 56px);

    padding: 27px 28px;
  }

  .elementor-38557 .elementor-element.elementor-element-4346a931 .conteneur-image-cta {
    width: 230px;
    min-width: 230px;
    max-width: 230px;
  }

  .elementor-38557 .elementor-element.elementor-element-4346a931 .image-guide-cta {
    max-width: 220px;
  }

  .elementor-38557 .elementor-element.elementor-element-4346a931 .titre-cta .elementor-heading-title,
  .elementor-38557 .elementor-element.elementor-element-4346a931 .titre-cta h2,
  .elementor-38557 .elementor-element.elementor-element-4346a931 .titre-cta h3,
  .elementor-38557 .elementor-element.elementor-element-4346a931 .titre-cta div {
    font-size: clamp(25px, 4vw, 32px);
  }
}


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

@media (max-width: 767px) {
  .elementor-38557 .elementor-element.elementor-element-4346a931 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 24px;

    width: calc(100% - 32px);
    max-width: none;

    margin-top: 34px;
    padding: 23px 19px;

    border-radius: 16px;
  }

  .elementor-38557 .elementor-element.elementor-element-4346a931 .contenu-cta,
  .elementor-38557 .elementor-element.elementor-element-4346a931 .contenu-cta.e-con,
  .elementor-38557 .elementor-element.elementor-element-4346a931 .contenu-cta > .e-con-inner {
    max-width: none;
  }

  .elementor-38557 .elementor-element.elementor-element-4346a931 .titre-cta .elementor-heading-title,
  .elementor-38557 .elementor-element.elementor-element-4346a931 .titre-cta h2,
  .elementor-38557 .elementor-element.elementor-element-4346a931 .titre-cta h3,
  .elementor-38557 .elementor-element.elementor-element-4346a931 .titre-cta div {
    font-size: 25px;
    line-height: 1.22;
  }

  .elementor-38557 .elementor-element.elementor-element-4346a931 .texte-cta {
    max-width: none;

    font-size: 15.5px;
    line-height: 1.6;
  }

  .elementor-38557 .elementor-element.elementor-element-4346a931 .bouton-cta {
    width: 100%;

    margin-top: 17px;
  }

  .elementor-38557 .elementor-element.elementor-element-4346a931 .bouton-cta .elementor-button {
    width: 100%;
  }

  .elementor-38557 .elementor-element.elementor-element-4346a931 .conteneur-image-cta {
    width: 245px;
    min-width: 245px;
    max-width: 245px;

    align-self: center;
    justify-content: center;
  }

  .elementor-38557 .elementor-element.elementor-element-4346a931 .image-guide-cta {
    max-width: 235px;
  }

  .elementor-38557 .elementor-element.elementor-element-4346a931 .image-guide-cta img {
    transform: rotate(4deg);
  }

  .elementor-38557 .elementor-element.elementor-element-4346a931:hover .image-guide-cta img {
    transform: rotate(4deg);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-110a716c *//* =========================================
   ARTICLES LIÉS
========================================= */

.elementor-38557 .elementor-element.elementor-element-110a716c {
  width: 100%;
  max-width: 1320px;

  margin: 0 auto;
  padding: 72px 40px 88px;

  box-sizing: border-box;
}


/* =========================================
   TITRE DE SECTION
========================================= */

.elementor-38557 .elementor-element.elementor-element-110a716c .titre-articles-lies {
  position: relative;

  width: 100%;

  margin: 0 0 30px;
  padding: 0 0 0 18px;

  color: #082F49;

  font-size: clamp(29px, 3vw, 38px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.025em;
}

.elementor-38557 .elementor-element.elementor-element-110a716c .titre-articles-lies::before {
  content: "";

  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 0;

  width: 5px;

  border-radius: 999px;

  background: #FFD600;
}


/* =========================================
   WIDGET PUBLICATIONS
========================================= */

.elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies {
  width: 100%;
}

.elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-posts-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 26px;

  width: 100%;
}


/* =========================================
   CARTE ARTICLE
========================================= */

.elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post {
  display: flex;
  flex-direction: column;

  height: 100%;
  min-width: 0;

  margin: 0;

  overflow: hidden;

  border: 1px solid rgba(8, 47, 73, 0.09);
  border-radius: 19px;

  background: #FFFFFF;

  box-shadow:
    0 8px 24px rgba(8, 47, 73, 0.07);

  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    border-color 0.22s ease;

  box-sizing: border-box;
}

.elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post:hover {
  transform: translateY(-4px);

  border-color: rgba(0, 119, 182, 0.18);

  box-shadow:
    0 15px 34px rgba(8, 47, 73, 0.11);
}


/* =========================================
   IMAGE
========================================= */

.elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post__thumbnail__link {
  position: relative;

  display: block;

  width: 100%;
  height: 240px;

  margin: 0;
  padding: 0;

  overflow: hidden;

  background: #EAF8FF;
}

.elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post__thumbnail {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;

  overflow: hidden;

  background: #EAF8FF;
}

.elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post__thumbnail img {
  position: absolute;
  inset: 0;

  display: block;

  width: 100%;
  height: 100%;

  max-width: none;
  min-width: 100%;

  margin: 0;
  padding: 0;

  object-fit: cover;
  object-position: center;

  border: 0;
  border-radius: 0;

  transform: scale(1);

  transition:
    transform 0.35s ease,
    filter 0.35s ease;
}

.elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post:hover
.elementor-post__thumbnail img {
  transform: scale(1.04);
}


/* =========================================
   ZONE TEXTE
========================================= */

.elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;

  width: 100%;

  margin: 0;
  padding: 22px 22px 24px;

  box-sizing: border-box;
}


/* =========================================
   MÉTADONNÉES
========================================= */

.elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post__meta-data {
  margin: 0 0 10px;
  padding: 0;

  color: #0077B6;

  font-size: 12px;
  font-weight: 750;
  line-height: 1.4;

  letter-spacing: 0.04em;
  text-transform: uppercase;
}


/* =========================================
   TITRE ARTICLE
========================================= */

.elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post__title {
  margin: 0 0 12px;
  padding: 0;

  color: #082F49;

  font-size: 21px;
  font-weight: 750;
  line-height: 1.35;

  letter-spacing: -0.015em;
}

.elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post__title a {
  color: inherit;
  text-decoration: none;

  transition: color 0.2s ease;
}

.elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post__title a:hover {
  color: #0077B6;
}


/* =========================================
   EXTRAIT — LIMITÉ À 3 LIGNES
========================================= */

.elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post__excerpt {
  display: -webkit-box;

  margin: 0 0 18px;
  padding: 0;

  overflow: hidden;

  color: #5B7185;

  font-size: 15px;
  font-weight: 400;
  line-height: 1.62;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;

  line-clamp: 3;
}

.elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post__excerpt p {
  margin: 0;
}


/* =========================================
   LIRE LA SUITE
========================================= */

.elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post__read-more {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;

  gap: 7px;

  margin-top: auto;
  padding: 9px 14px;

  border-radius: 999px;

  background: #EAF8FF;
  color: #0077B6;

  font-size: 14px;
  font-weight: 800;
  line-height: 1.4;

  text-decoration: none;

  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    gap 0.2s ease,
    transform 0.2s ease;
}

.elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post__read-more::after {
  content: "→";

  font-size: 17px;
  line-height: 1;

  transition: transform 0.2s ease;
}

.elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post__read-more:hover {
  gap: 10px;

  background: #DDF4FF;
  color: #082F49;

  transform: translateY(-1px);
}

.elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post__read-more:hover::after {
  transform: translateX(2px);
}


/* =========================================
   PORTABLE
========================================= */

@media (max-width: 1200px) {
  .elementor-38557 .elementor-element.elementor-element-110a716c {
    padding-right: 28px;
    padding-left: 28px;
  }

  .elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-posts-container {
    gap: 22px;
  }

  .elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post__thumbnail__link {
    height: 215px;
  }

  .elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post__text {
    padding: 20px;
  }
}


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

@media (max-width: 1024px) {
  .elementor-38557 .elementor-element.elementor-element-110a716c {
    padding-top: 62px;
    padding-bottom: 72px;
  }

  .elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-posts-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 22px;
  }

  .elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post__thumbnail__link {
    height: 230px;
  }
}


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

@media (max-width: 767px) {
  .elementor-38557 .elementor-element.elementor-element-110a716c {
    padding: 52px 16px 64px;
  }

  .elementor-38557 .elementor-element.elementor-element-110a716c .titre-articles-lies {
    margin-bottom: 24px;

    font-size: 29px;
  }

  .elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-posts-container {
    grid-template-columns: 1fr;

    gap: 20px;
  }

  .elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post {
    border-radius: 17px;
  }

  .elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post__thumbnail__link {
    height: 220px;
  }

  .elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post__text {
    padding: 19px 18px 21px;
  }

  .elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post__title {
    font-size: 20px;
  }

  .elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post__excerpt {
    font-size: 14.5px;
  }

  .elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post:hover {
    transform: none;
  }

  .elementor-38557 .elementor-element.elementor-element-110a716c .grille-articles-lies .elementor-post:hover
  .elementor-post__thumbnail img {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f2b8fc3 *//* =========================================

   PAGE ARTICLE

========================================= */

.elementor-38557 .elementor-element.elementor-element-1f2b8fc3 {

  width: 100%;

  max-width: none;

  margin: 0;

  padding: 0;

  overflow: visible;

  background: #FFFFFF;

  color: #17324D;

  box-sizing: border-box;

}

.elementor-38557 .elementor-element.elementor-element-1f2b8fc3 *,

.elementor-38557 .elementor-element.elementor-element-1f2b8fc3 *::before,

.elementor-38557 .elementor-element.elementor-element-1f2b8fc3 *::after {

  box-sizing: border-box;

}/* End custom CSS */