.elementor-2245 .elementor-element.elementor-element-13fa198f{--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 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.88;--overlay-mix-blend-mode:darken;--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:700px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2245 .elementor-element.elementor-element-13fa198f:not(.elementor-motion-effects-element-type-background), .elementor-2245 .elementor-element.elementor-element-13fa198f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#032D55;background-image:url("https://nexelen-consulting.com/wp-content/uploads/2025/06/david-conferences.webp");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-2245 .elementor-element.elementor-element-13fa198f::before, .elementor-2245 .elementor-element.elementor-element-13fa198f > .elementor-background-video-container::before, .elementor-2245 .elementor-element.elementor-element-13fa198f > .e-con-inner > .elementor-background-video-container::before, .elementor-2245 .elementor-element.elementor-element-13fa198f > .elementor-background-slideshow::before, .elementor-2245 .elementor-element.elementor-element-13fa198f > .e-con-inner > .elementor-background-slideshow::before, .elementor-2245 .elementor-element.elementor-element-13fa198f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:transparent;background-image:linear-gradient(90deg, #00000087 0%, #032D5500 80%);}.elementor-2245 .elementor-element.elementor-element-1986ebb9{--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 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:-216px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:155px;--padding-left:0px;--padding-right:0px;}.elementor-2245 .elementor-element.elementor-element-1986ebb9:not(.elementor-motion-effects-element-type-background), .elementor-2245 .elementor-element.elementor-element-1986ebb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #032D5500 0%, #032D55 54%);}.elementor-2245 .elementor-element.elementor-element-507820bf{--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-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-2245 .elementor-element.elementor-element-cd77153 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:43px;font-weight:400;}.elementor-widget-theme-post-title .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-2245 .elementor-element.elementor-element-22da278c{z-index:0;}.elementor-2245 .elementor-element.elementor-element-34dd4fb5{--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 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:-77px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2245 .elementor-element.elementor-element-34dd4fb5:not(.elementor-motion-effects-element-type-background), .elementor-2245 .elementor-element.elementor-element-34dd4fb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#032D55;}.elementor-2245 .elementor-element.elementor-element-1f2a9ff{--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-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2245 .elementor-element.elementor-element-44084cd0{text-align:justify;font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:300;}.elementor-2245 .elementor-element.elementor-element-44084cd0 > .elementor-widget-container{margin:-90px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget-testimonial-carousel .elementor-testimonial__text{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-testimonial-carousel .elementor-testimonial__name{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2245 .elementor-element.elementor-element-9932ff6 .elementor-swiper-button{font-size:20px;}.elementor-2245 .elementor-element.elementor-element-9932ff6 > .elementor-widget-container{background-color:#46C8F52E;border-radius:9px 9px 9px 9px;}.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-2245 .elementor-element.elementor-element-9b4632c img{width:120px;}.elementor-2245 .elementor-element.elementor-element-f56e36f{text-align:center;}.elementor-2245 .elementor-element.elementor-element-f56e36f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:600;}.elementor-2245 .elementor-element.elementor-element-c6a030c{text-align:center;font-family:"Poppins", Sans-serif;font-size:23px;font-weight:300;}.elementor-2245 .elementor-element.elementor-element-c6a030c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 60px 0px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-2245 .elementor-element.elementor-element-5f4b0965 .elementor-button-content-wrapper{flex-direction:row;}.elementor-2245 .elementor-element.elementor-element-5f4b0965 .elementor-button{font-family:"Poppins", Sans-serif;font-size:21px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;background-color:#02203C;border-style:solid;border-width:1px 1px 1px 1px;border-radius:9px 9px 9px 9px;}.elementor-2245 .elementor-element.elementor-element-b622dac{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2245 .elementor-element.elementor-element-0896692{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2245 .elementor-element.elementor-element-13fa198f:not(.elementor-motion-effects-element-type-background), .elementor-2245 .elementor-element.elementor-element-13fa198f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-2245 .elementor-element.elementor-element-13fa198f{--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:524px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2245 .elementor-element.elementor-element-1986ebb9:not(.elementor-motion-effects-element-type-background), .elementor-2245 .elementor-element.elementor-element-1986ebb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #032D5500 0%, #032D55 50%);}.elementor-2245 .elementor-element.elementor-element-1986ebb9{--padding-top:0px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-2245 .elementor-element.elementor-element-cd77153 > .elementor-widget-container{padding:115px 0px 0px 0px;}.elementor-2245 .elementor-element.elementor-element-34dd4fb5{--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-2245 .elementor-element.elementor-element-f56e36f > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-2245 .elementor-element.elementor-element-5f4b0965 .elementor-button{font-size:17px;}.elementor-2245 .elementor-element.elementor-element-b622dac{--grid-auto-flow:row;}.elementor-2245 .elementor-element.elementor-element-0896692{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2245 .elementor-element.elementor-element-13fa198f:not(.elementor-motion-effects-element-type-background), .elementor-2245 .elementor-element.elementor-element-13fa198f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nexelen-consulting.com/wp-content/uploads/2025/06/david-conferences-mobile.webp");background-position:top center;background-size:cover;}.elementor-2245 .elementor-element.elementor-element-13fa198f::before, .elementor-2245 .elementor-element.elementor-element-13fa198f > .elementor-background-video-container::before, .elementor-2245 .elementor-element.elementor-element-13fa198f > .e-con-inner > .elementor-background-video-container::before, .elementor-2245 .elementor-element.elementor-element-13fa198f > .elementor-background-slideshow::before, .elementor-2245 .elementor-element.elementor-element-13fa198f > .e-con-inner > .elementor-background-slideshow::before, .elementor-2245 .elementor-element.elementor-element-13fa198f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;background-image:linear-gradient(180deg, #00000087 25%, #032D5500 50%);}.elementor-2245 .elementor-element.elementor-element-13fa198f{--overlay-opacity:1;--margin-top:-95px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:560px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-2245 .elementor-element.elementor-element-1986ebb9:not(.elementor-motion-effects-element-type-background), .elementor-2245 .elementor-element.elementor-element-1986ebb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #032D5500 5%, #032D55 18%);}.elementor-2245 .elementor-element.elementor-element-1986ebb9{--margin-top:-170px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2245 .elementor-element.elementor-element-507820bf{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-2245 .elementor-element.elementor-element-cd77153{text-align:left;}.elementor-2245 .elementor-element.elementor-element-cd77153 .elementor-heading-title{font-size:31px;line-height:1.2em;letter-spacing:0.5px;}.elementor-2245 .elementor-element.elementor-element-34dd4fb5{--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-2245 .elementor-element.elementor-element-1f2a9ff{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2245 .elementor-element.elementor-element-1f2a9ff.e-con{--align-self:center;}.elementor-2245 .elementor-element.elementor-element-44084cd0{text-align:left;font-size:18px;}.elementor-2245 .elementor-element.elementor-element-44084cd0 > .elementor-widget-container{margin:40px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-2245 .elementor-element.elementor-element-9b4632c{text-align:center;}.elementor-2245 .elementor-element.elementor-element-9b4632c img{width:72px;}.elementor-2245 .elementor-element.elementor-element-9b4632c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2245 .elementor-element.elementor-element-9b4632c.elementor-element{--align-self:center;}.elementor-2245 .elementor-element.elementor-element-f56e36f{text-align:center;}.elementor-2245 .elementor-element.elementor-element-f56e36f .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:0.5px;}.elementor-2245 .elementor-element.elementor-element-f56e36f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2245 .elementor-element.elementor-element-c6a030c{text-align:left;font-size:18px;}.elementor-2245 .elementor-element.elementor-element-c6a030c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 20px;border-radius:0px 0px 0px 0px;}.elementor-2245 .elementor-element.elementor-element-5f4b0965 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-2245 .elementor-element.elementor-element-5f4b0965{width:100%;max-width:100%;}.elementor-2245 .elementor-element.elementor-element-b622dac{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2245 .elementor-element.elementor-element-0896692{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}}@media(min-width:768px){.elementor-2245 .elementor-element.elementor-element-507820bf{--width:86%;}.elementor-2245 .elementor-element.elementor-element-34dd4fb5{--content-width:1350px;}.elementor-2245 .elementor-element.elementor-element-1f2a9ff{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2245 .elementor-element.elementor-element-507820bf{--width:100%;}.elementor-2245 .elementor-element.elementor-element-1f2a9ff{--width:1318px;}}/* Start custom CSS for text-editor, class: .elementor-element-44084cd0 *//* Variables de couleur et configuration de base */
:root {
    --primary-dark: #0a1128; /* Bleu nuit profond */
    --primary-medium: #1c3163; /* Bleu nuit moyen */
    --primary-light: #1064a4; /* Bleu foncé */
    --accent-blue: #0f9fe6; /* Bleu clair accent */
    --glow-color: rgba(15, 159, 230, 0.5); /* Couleur de lueur */
    --glass-bg: rgba(20, 33, 61, 0.75); /* Fond pour glassmorphism */
    --glass-highlight: rgba(37, 61, 114, 0.6); /* Surbrillance pour glassmorphism */
}

.article-container {
    padding: 2rem 0; /* Suppression du padding latéral */


    border-radius: 20px;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Effet subtil de halo */
.article-container::after {
    content: "";
    position: absolute;
    bottom: -30%;
    left: -30%;
    width: 80%;
    height: 80%;
    background: radial-gradient(circle, rgba(15, 159, 230, 0.05) 0%, transparent 60%);
    opacity: 0.2;
    z-index: -1;
    transition: all 5s ease-in-out;
}

.article-container:hover::after {
    bottom: -20%;
    left: -20%;
}

/* Titre principal avec dégradé */
.article-title {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 1.5rem;
    padding: 0 2rem; /* Padding interne seulement */
    background: linear-gradient(90deg, #ffffff, var(--accent-blue));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    position: relative;
    display: inline-block;
    transition: text-shadow 0.3s ease;
}

.article-title:hover {
    text-shadow: 0 0 10px rgba(15, 159, 230, 0.3);
}

/* Ligne sous le titre principal */
.article-title::after {
    content: "";
    position: absolute;
    left: 2rem; /* Alignement avec le padding */
    bottom: -5px;
    width: 40%;
    height: 3px;
    background: var(--accent-blue);
    box-shadow: 0 0 10px var(--glow-color);
    transition: width 0.3s ease, box-shadow 0.3s ease;
}

.article-title:hover::after {
    width: 60%;
    box-shadow: 0 0 15px var(--glow-color), 0 0 30px rgba(15, 159, 230, 0.2);
}

/* Section d'introduction avec effet de survol */
.article-intro {
    font-style: italic;
    line-height: 1.7;
    margin: 0 2rem 2.5rem 2rem; /* Margin latéral pour l'espacement interne */
    padding: 1.5rem;
    border-left: 3px solid var(--accent-blue);
    position: relative;
    background: linear-gradient(90deg, rgba(15, 159, 230, 0.08), transparent);
    border-radius: 0 8px 8px 0;
    transition: all 0.3s ease;
}

.article-intro:hover {
    background: linear-gradient(90deg, rgba(15, 159, 230, 0.12), rgba(15, 159, 230, 0.03));
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

/* Bordure lumineuse à gauche de l'intro */
.article-intro::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: var(--accent-blue);
    box-shadow: 0 0 10px var(--glow-color);
    border-radius: 3px;
    transition: box-shadow 0.3s ease;
}

.article-intro:hover::before {
    box-shadow: 0 0 15px var(--glow-color), 0 0 25px rgba(15, 159, 230, 0.2);
}

/* Section d'article avec effet de survol */
.article-section {
    margin: 0 2rem 3rem 2rem; /* Margin latéral pour l'espacement interne */
    position: relative;
    background: linear-gradient(135deg, rgba(15, 159, 230, 0.03), transparent);
    border-radius: 12px;
    padding: 1.5rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

.article-section:hover {
    background: linear-gradient(135deg, rgba(15, 159, 230, 0.06), rgba(15, 159, 230, 0.01));
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
}

/* Effet subtil de lueur dans les coins des sections */
.article-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at top left, rgba(15, 159, 230, 0.04), transparent 70px),
        radial-gradient(circle at bottom right, rgba(15, 159, 230, 0.04), transparent 70px);
    opacity: 0;
    border-radius: 12px;
    transition: opacity 0.5s ease;
    z-index: -1;
}

.article-section:hover::before {
    opacity: 1;
}

/* Sous-titres avec dégradé comme le titre principal */
.section-title {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 1.2rem;
    background: linear-gradient(90deg, #ffffff, var(--accent-blue));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    position: relative;
    display: inline-block;
    transition: text-shadow 0.3s ease;
}

.section-title:hover {
    text-shadow: 0 0 8px rgba(15, 159, 230, 0.3);
}

/* Ligne sous les sous-titres */
.section-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 30%;
    height: 2px;
    background: var(--accent-blue);
    box-shadow: 0 0 8px var(--glow-color);
    transition: width 0.3s ease, box-shadow 0.3s ease;
}

.section-title:hover::after {
    width: 50%;
    box-shadow: 0 0 12px var(--glow-color);
}

/* Contenu des articles */
.article-content {
    line-height: 1.8;
}

/* Texte mis en évidence avec effet de survol */
.highlight {
    color: var(--accent-blue);
    font-weight: 600;
    text-shadow: 0 0 5px rgba(15, 159, 230, 0.2);
    transition: color 0.3s ease, text-shadow 0.3s ease;
}

.highlight:hover {
    color: var(--accent-blue);
    text-shadow: 0 0 8px rgba(15, 159, 230, 0.4);
}


/* Style pour les citations avec effet de survol */
.quote {
    position: relative;
    padding: 1.5rem 2rem;
    margin: 1.5rem 0;
    background: linear-gradient(135deg, rgba(15, 159, 230, 0.1), rgba(28, 49, 99, 0.3));
    border-radius: 8px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    box-shadow: inset 0 0 10px rgba(15, 159, 230, 0.05);
    transition: all 0.3s ease;
}

.quote:hover {
    background: linear-gradient(135deg, rgba(15, 159, 230, 0.15), rgba(28, 49, 99, 0.35));
    box-shadow: inset 0 0 15px rgba(15, 159, 230, 0.1), 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

/* Guillemet décoratif pour les citations */
.quote::before {
    content: '"';
    font-size: 3rem;
    position: absolute;
    top: -15px;
    left: 10px;
    color: var(--accent-blue);
    opacity: 0.3;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.quote:hover::before {
    opacity: 0.4;
    transform: scale(1.05);
}

/* Effet de lueur subtile pour certains textes */
.glow-text {
    color: var(--accent-blue);
    text-shadow: 0 0 3px rgba(15, 159, 230, 0.2);
    transition: text-shadow 0.3s ease;
}

.glow-text:hover {
    text-shadow: 0 0 8px rgba(15, 159, 230, 0.4);
}

/* Effet de citation encadrée (comme dans votre exemple d'image) */
.highlight-quote {
    display: block;
    padding: 1.5rem 2rem;
    margin: 2rem 0;
    background: var(--primary-dark);
    border-radius: 10px;
    font-size: 1.2rem;
    line-height: 1.5;
    position: relative;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.highlight-quote:hover {
    background: linear-gradient(135deg, var(--primary-dark), var(--primary-medium));
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25), 0 0 10px rgba(15, 159, 230, 0.1);
    transform: translateY(-2px);
}

/* Ajouter un effet très subtil de déplacement pour certains éléments */
.subtle-shift {
    position: relative;
    overflow: hidden;
}

.subtle-shift::after {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 300%;
    height: 300%;
    background: radial-gradient(circle, rgba(15, 159, 230, 0.03) 0%, transparent 60%);
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: -1;
    animation: subtle-move 15s infinite alternate ease-in-out;
}

.subtle-shift:hover::after {
    opacity: 1;
}

@keyframes subtle-move {
    0% {
        transform: translate(0%, 0%);
    }
    100% {
        transform: translate(5%, 5%);
    }
}

/* Adaptations pour mobile */
@media (max-width: 768px) {
    .article-container {
        padding: 1.5rem 0; /* Suppression du padding latéral mobile aussi */
    }
    
    .article-title {
        font-size: 2rem;
        padding: 0 1rem; /* Réduction du padding mobile */
    }
    
    .article-title::after {
        left: 1rem; /* Alignement avec le nouveau padding */
    }
    
    .section-title {
        font-size: 1.4rem;
    }
    
    .article-section,
    .article-intro {
        margin: 0 1rem 2rem 1rem; /* Réduction des margins latérales mobiles */
        padding: 1rem;
    }
}

/* Variables nécessaires (si pas déjà dans votre :root) */
:root {
    --accent-blue: #0f9fe6; /* Bleu clair accent */
    --glow-color: rgba(15, 159, 230, 0.5); /* Couleur de lueur */
}

/* H1 générique d'article avec dégradé élégant */
h1 {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 1.5rem;
    padding: 0 2rem;
    background: linear-gradient(90deg, #ffffff, #0f9fe6);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    position: relative;
    display: inline-block;
    transition: text-shadow 0.3s ease;
}

h1:hover {
    text-shadow: 0 0 10px rgba(15, 159, 230, 0.3);
}

/* Ligne décorative sous le H1 */
h1::after {
    content: "";
    position: absolute;
    left: 2rem;
    bottom: -5px;
    width: 40%;
    height: 3px;
    background: var(--accent-blue);
    box-shadow: 0 0 10px var(--glow-color);
    transition: width 0.3s ease, box-shadow 0.3s ease;
}

h1:hover::after {
    width: 60%;
    box-shadow: 0 0 15px var(--glow-color), 0 0 30px rgba(15, 159, 230, 0.2);
}

/* Version mobile pour le H1 */
@media (max-width: 768px) {
    h1 {
        font-size: 2rem;
        padding: 0 1rem;
    }
    
    h1::after {
        left: 1rem;
    }
}/* End custom CSS */