.elementor-28654 .elementor-element.elementor-element-1f64722{--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-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-28654 .elementor-element.elementor-element-10c0194{--display:flex;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );}.elementor-28654 .elementor-element.elementor-element-d6e7c9d{--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:75px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-28654 .elementor-element.elementor-element-d6e7c9d:not(.elementor-motion-effects-element-type-background), .elementor-28654 .elementor-element.elementor-element-d6e7c9d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e03cbad );}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-28654 .elementor-element.elementor-element-9ea6a55{text-align:center;}.elementor-28654 .elementor-element.elementor-element-9ea6a55 .elementor-heading-title{font-family:var( --e-global-typography-4ce0414-font-family ), Sans-serif;font-size:var( --e-global-typography-4ce0414-font-size );font-weight:var( --e-global-typography-4ce0414-font-weight );text-transform:var( --e-global-typography-4ce0414-text-transform );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}@media(min-width:768px){.elementor-28654 .elementor-element.elementor-element-10c0194{--content-width:1000px;}}@media(max-width:1024px){.elementor-28654 .elementor-element.elementor-element-9ea6a55 .elementor-heading-title{font-size:var( --e-global-typography-4ce0414-font-size );}.elementor-28654 .elementor-element.elementor-element-4af9741 img{max-width:70%;}}@media(max-width:767px){.elementor-28654 .elementor-element.elementor-element-9ea6a55 .elementor-heading-title{font-size:var( --e-global-typography-4ce0414-font-size );}.elementor-28654 .elementor-element.elementor-element-4af9741 img{max-width:65%;}}/* Start custom CSS for theme-post-content, class: .elementor-element-d812fed *//* === CSS POUR STRUCTURE AVEC LISTE NUMÉROTÉE (OL) == */

/* Container principal - AJUSTEMENT LARGEUR ET PADDING GAUCHE */
.article-points-auto {
    counter-reset: point-counter;
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 30px 40px 170px; /* Augmentation du padding-left pour desktop */
}

/* Container pour les sections sans OL - alignement sur les gros chiffres */
.article-points-auto > h1,
.article-points-auto > h2:not(:has(~ ol)),
.article-points-auto > h3:not(:has(~ ol)),
.article-points-auto > p:not(:has(~ ol)),
.article-points-auto > ul,
.article-points-auto > a {
    max-width: 800px;
    margin-left: -140px; /* Alignement sur le bord gauche des gros chiffres */
    margin-right: auto;
    position: relative;
}

/* Masquer la numérotation native de ol et la remplacer */
.article-points-auto ol {
    list-style: none;
    padding-left: 0;
    margin: 40px 0;
    counter-reset: custom-counter;
}

/* Cibler chaque élément li de la liste principale - ALIGNEMENT PARFAIT */
.article-points-auto ol > li {
    position: relative;
    margin: 0;
    padding: 20px 0;
    counter-increment: custom-counter;
    border-bottom: none;
}

/* Numéros automatiques en arrière-plan pour chaque point - AVEC POINT */
.article-points-auto ol > li::before {
    content: counter(custom-counter, decimal-leading-zero) ".";
    position: absolute;
    left: -140px;
    top: 15px;
    font-size: 80px;
    font-weight: 900;
    color: #f5f5f5;
    z-index: 0;
    line-height: 1;
    font-family: 'Arial', sans-serif;
}

/* Style des titres en gras (strong) au début de chaque point */
.article-points-auto ol > li > strong:first-child {
    display: block;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #333333 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    z-index: 2;
    line-height: 1.4;
    margin-bottom: 15px;
    margin-left: 0;
    margin-top: 0;
}

/* Contenu des points (texte après le strong) */
.article-points-auto ol > li {
    position: relative;
    z-index: 2;
    font-size: 16px;
    line-height: 1.6;
    color: #333333;
    text-align: left;
}

/* H1 - Titre principal - CENTRÉ */
.article-points-auto h1 {
    text-align: center;
    font-size: 32px !important;
    color: #333333 !important;
    font-weight: 700 !important;
    margin-left: -140px !important;
}

/* H2 - Par défaut aligné à gauche */
.article-points-auto h2 {
    text-align: left;
    font-size: 32px !important;
    color: #333333 !important;
    font-weight: 700 !important;
}

/* H2 - Uniquement celui qui suit directement le H1 - CENTRÉ avec décalage */
.article-points-auto h1 + h2 {
    text-align: center;
    margin-left: -140px !important;
}

/* H3 - Par défaut aligné à gauche */
.article-points-auto h3 {
    text-align: left;
    font-size: 24px !important;
    color: #999999 !important;
    margin: 20px 0 !important;
    font-weight: 400 !important;
}

/* H3 avec classe spéciale - CENTRÉ avec décalage */
.article-points-auto h3.centered-subtitle {
    text-align: center;
    margin-left: -140px !important;
}

/* Paragraphe d'introduction (avant la liste) - ENCADRÉ GRIS */
.article-points-auto .encadre-gris {
    font-size: 16px !important;
    line-height: 1.6;
    color: #333333;
    margin-bottom: 30px !important;
    margin-left: -140px !important;
    text-align: center !important;
    background: #f5f5f5 !important;
    padding: 20px !important;
}

/* Listes imbriquées (ul à l'intérieur des li) */
.article-points-auto ol > li ul {
    list-style: none;
    padding-left: 0;
    margin: 10px 0 0 0;
    position: relative;
    z-index: 2;
}

.article-points-auto ol > li ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 1.6;
    color: #333333;
    border: none;
    counter-increment: none;
}

/* Puces personnalisées pour les sous-listes */
.article-points-auto ol > li ul li::before {
    content: "•" !important;
    color: #333333 !important;
    font-weight: bold !important;
    position: absolute !important;
    left: 0 !important;
    top: 2px !important;
    font-size: 14px !important;
    z-index: 2 !important;
}

/* Style pour tous les éléments strong */
.article-points-auto strong {
    color: #333333;
    font-weight: 600;
}

/* Style spécial pour les strong dans les sous-listes */
.article-points-auto ul li strong {
    color: #333333;
    font-weight: 600;
    margin-right: 5px;
}

/* Premier point sans marge excessive */
.article-points-auto ol > li:first-child {
    margin-top: 0;
}

/* Listes UL normales (pas dans OL) avec SVG */
.article-points-auto > ul {
    list-style: none;
    padding-left: 0;
    margin: 20px 0;
}

.article-points-auto > ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 1.6;
    color: #333333;
}

/* Masquer les SVG et utiliser des puces simples */
.article-points-auto > ul li svg {
    display: none;
}

.article-points-auto > ul li::before {
    content: "•";
    color: #333333;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 16px;
}

/* RESPONSIVE DESIGN */

/* Tablettes */
@media (max-width: 1024px) {
    .article-points-auto {
        padding: 20px 20px 20px 120px;
    }
    
    .article-points-auto > h1,
    .article-points-auto > h2:not(:has(~ ol)),
    .article-points-auto > h3:not(:has(~ ol)),
    .article-points-auto > p:not(:has(~ ol)),
    .article-points-auto > ul,
    .article-points-auto > a {
        margin-left: -100px; /* Alignement sur le bord gauche des gros chiffres tablette */
    }
    
    /* H1, H2 et H3 avec classe spécifiquement */
    .article-points-auto h1,
    .article-points-auto h1 + h2,
    .article-points-auto h3.centered-subtitle,
    .article-points-auto p.encadre-gris {
        margin-left: -100px !important;
    }
    
    .article-points-auto ol > li::before {
        content: counter(custom-counter, decimal-leading-zero) ".";
        left: -100px;
        font-size: 70px;
        top: 10px;
    }
}

/* Mobiles */
@media (max-width: 768px) {
    .article-points-auto {
        padding: 15px 15px 15px 100px;
    }
    
    .article-points-auto > h1,
    .article-points-auto > h2:not(:has(~ ol)),
    .article-points-auto > h3:not(:has(~ ol)),
    .article-points-auto > p:not(:has(~ ol)),
    .article-points-auto > ul,
    .article-points-auto > a {
        margin-left: -80px; /* Alignement sur le bord gauche des gros chiffres mobile */
    }
    
    /* H1, H2 et H3 avec classe spécifiquement */
    .article-points-auto h1,
    .article-points-auto h1 + h2,
    .article-points-auto h3.centered-subtitle,
    .article-points-auto p.encadre-gris {
        margin-left: -80px !important;
    }
    
    .article-points-auto ol > li::before {
        content: counter(custom-counter, decimal-leading-zero) ".";
        left: -80px;
        font-size: 50px;
        top: 8px;
        opacity: 0.8;
    }
    
    .article-points-auto ol > li > strong:first-child {
        font-size: 18px !important;
        letter-spacing: 0.8px;
        margin-bottom: 10px;
    }
    
    .article-points-auto ol > li {
        font-size: 14px;
        margin: 0;
        padding: 15px 0;
    }
    
    .article-points-auto h1 {
        font-size: 24px !important;
    }
    
    .article-points-auto h2 {
        font-size: 20px !important;
    }
}

/* Très petits écrans */
@media (max-width: 480px) {
    .article-points-auto {
        padding: 15px;
    }
    
    .article-points-auto > h1,
    .article-points-auto > h2:not(:has(~ ol)),
    .article-points-auto > h3:not(:has(~ ol)),
    .article-points-auto > p:not(:has(~ ol)),
    .article-points-auto > ul,
    .article-points-auto > a {
        margin-left: 0; /* Retour normal sur très petits écrans */
    }
    
    /* H1, H2 et H3 avec classe spécifiquement */
    .article-points-auto h1,
    .article-points-auto h1 + h2,
    .article-points-auto h3.centered-subtitle,
    .article-points-auto p:first-of-type {
        margin-left: 0 !important;
    }
    
    /* Masquer les gros numéros et les afficher dans le titre */
    .article-points-auto ol > li::before {
        display: none;
    }
    
    /* Afficher les numéros directement dans le titre sur mobile */
    .article-points-auto ol > li > strong:first-child::before {
        content: counter(custom-counter, decimal-leading-zero) ". ";
        color: #666666;
        font-size: 0.9em;
        margin-right: 8px;
    }
}

/* Style simple pour les liens */
.article-points-auto a {
    color: #333333;
    text-decoration: underline;
}

.article-points-auto a:hover {
    color: #666666;
}

/* Amélioration de la lisibilité */
.article-points-auto ol > li p {
    margin: 5px 0;
}

/* Style sobre pour tous les paragraphes */
.article-points-auto p {
    margin-bottom: 15px;
}/* End custom CSS */