.elementor-303 .elementor-element.elementor-element-hs1{--display:flex;--overflow:hidden;--padding-top:120px;--padding-bottom:100px;--padding-left:80px;--padding-right:80px;}.elementor-303 .elementor-element.elementor-element-hs1:not(.elementor-motion-effects-element-type-background), .elementor-303 .elementor-element.elementor-element-hs1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F5F0;}.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-303 .elementor-element.elementor-element-hs1-label{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;}.elementor-303 .elementor-element.elementor-element-hs1-label .elementor-heading-title{font-size:11px;font-weight:600;letter-spacing:3px;color:#192F5A;}.elementor-303 .elementor-element.elementor-element-hs1-h1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 48px) 0px;}.elementor-303 .elementor-element.elementor-element-hs1-h1 .elementor-heading-title{font-size:68px;font-weight:700;line-height:1.1em;color:#192F5A;}.elementor-303 .elementor-element.elementor-element-10b8e01{--display:flex;--overflow:hidden;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-303 .elementor-element.elementor-element-10b8e01:not(.elementor-motion-effects-element-type-background), .elementor-303 .elementor-element.elementor-element-10b8e01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F5F0;}.elementor-303 .elementor-element.elementor-element-c543e15{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;}.elementor-303 .elementor-element.elementor-element-c543e15 .elementor-heading-title{font-size:11px;font-weight:600;letter-spacing:3px;color:#192F5A;}.elementor-303 .elementor-element.elementor-element-b0525e0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 48px) 0px;}.elementor-303 .elementor-element.elementor-element-b0525e0 .elementor-heading-title{font-size:40px;font-weight:700;line-height:1.1em;color:#192F5A;}.elementor-303 .elementor-element.elementor-element-hs2{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-303 .elementor-element.elementor-element-hs2:not(.elementor-motion-effects-element-type-background), .elementor-303 .elementor-element.elementor-element-hs2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#192F5A;}.elementor-303 .elementor-element.elementor-element-hs2-left{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-303 .elementor-element.elementor-element-hs2-right{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:64px;--padding-right:80px;}.elementor-303 .elementor-element.elementor-element-hs2-h2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-303 .elementor-element.elementor-element-hs2-h2 .elementor-heading-title{font-size:44px;font-weight:700;color:#F7F5F0;}.elementor-303 .elementor-element.elementor-element-hs2-badges{--display:flex;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-303 .elementor-element.elementor-element-hs2-badge{text-align:center;}.elementor-303 .elementor-element.elementor-element-hs2-badge .elementor-heading-title{font-size:10px;font-weight:600;letter-spacing:2px;color:#E8E0D0;}.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-303 .elementor-element.elementor-element-hs2-text{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-303 .elementor-element.elementor-element-hs2-cta .elementor-button{background-color:#192F5A;fill:#FFFFFF;color:#FFFFFF;border-radius:50px 50px 50px 50px;}.elementor-303 .elementor-element.elementor-element-hs3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-303 .elementor-element.elementor-element-hs3:not(.elementor-motion-effects-element-type-background), .elementor-303 .elementor-element.elementor-element-hs3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-303 .elementor-element.elementor-element-hs3-photo{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -16px) 0px;}.elementor-303 .elementor-element.elementor-element-c643573{--display:flex;--overflow:hidden;--padding-top:69px;--padding-bottom:0px;--padding-left:80px;--padding-right:80px;}.elementor-303 .elementor-element.elementor-element-c643573:not(.elementor-motion-effects-element-type-background), .elementor-303 .elementor-element.elementor-element-c643573 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#192F5A;}.elementor-303 .elementor-element.elementor-element-f6de616{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;}.elementor-303 .elementor-element.elementor-element-f6de616 .elementor-heading-title{font-size:11px;font-weight:600;letter-spacing:3px;color:#F7F5F0;}.elementor-303 .elementor-element.elementor-element-d199142{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 100px) 0px;}.elementor-303 .elementor-element.elementor-element-0e36665{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-303 .elementor-element.elementor-element-0e36665:not(.elementor-motion-effects-element-type-background), .elementor-303 .elementor-element.elementor-element-0e36665 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F5F0;}.elementor-303 .elementor-element.elementor-element-414293a{--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;--padding-top:64px;--padding-bottom:64px;--padding-left:80px;--padding-right:80px;}.elementor-303 .elementor-element.elementor-element-414293a:not(.elementor-motion-effects-element-type-background), .elementor-303 .elementor-element.elementor-element-414293a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F5F0;}.elementor-303 .elementor-element.elementor-element-1106996{--display:flex;}.elementor-303 .elementor-element.elementor-element-1106996.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-303 .elementor-element.elementor-element-c5431dd .elementor-heading-title{font-size:38px;font-weight:700;line-height:1.2em;color:#192F5A;}.elementor-303 .elementor-element.elementor-element-431b32e{--display:flex;}.elementor-303 .elementor-element.elementor-element-2294e2c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;}.elementor-303 .elementor-element.elementor-element-55f07ad{--display:flex;}.elementor-303 .elementor-element.elementor-element-55f07ad.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-303 .elementor-element.elementor-element-27395ab .elementor-heading-title{font-size:11px;font-weight:600;letter-spacing:3px;color:#192F5A;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-303 .elementor-element.elementor-element-d7288a0 .elementor-counter-title{justify-content:start;}.elementor-303 .elementor-element.elementor-element-d7288a0 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-303 .elementor-element.elementor-element-hs2-left{--content-width:100%;}.elementor-303 .elementor-element.elementor-element-1106996{--width:37%;}.elementor-303 .elementor-element.elementor-element-431b32e{--width:40%;}.elementor-303 .elementor-element.elementor-element-55f07ad{--width:19.794%;}}/* Start custom CSS for container, class: .elementor-element-hs1 */.elementor-element-hs1-label .elementor-heading-title { font-family: 'Biskaed', serif; text-transform: uppercase; letter-spacing: 3px; color: #192F5A; font-size: 11px; font-weight: 600; } .elementor-element-hs1-h1 .elementor-heading-title { font-family: 'Biskaed', serif; color: #192F5A; font-size: 68px; font-weight: 700; line-height: 1.1; } .elementor-element-hs1-arrow .elementor-heading-title { color: #192F5A; font-size: 24px; text-align: center; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b8e01 */.elementor-element-hs1-label .elementor-heading-title { font-family: 'Biskaed', serif; text-transform: uppercase; letter-spacing: 3px; color: #192F5A; font-size: 11px; font-weight: 600; } .elementor-element-hs1-h1 .elementor-heading-title { font-family: 'Biskaed', serif; color: #192F5A; font-size: 68px; font-weight: 700; line-height: 1.1; } .elementor-element-hs1-arrow .elementor-heading-title { color: #192F5A; font-size: 24px; text-align: center; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-hs2-right *//* --- SECTION HISTOIRE : DESIGN ÉDITORIAL (VERSION INCASSABLE) --- */

/* 1. Le Sur-titre "QUI NOUS SOMMES" */
.mla-story-subtitle .elementor-heading-title {
    font-family: 'Rowan Julio', serif !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 4px !important; /* Très aéré */
    color: #EFEBDC !important; /* Couleur Ivoire */
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
}

/* Le petit trait fin avant le sur-titre */
.mla-story-subtitle .elementor-heading-title::before {
    content: '' !important;
    display: inline-block !important;
    width: 40px !important;
    height: 1px !important;
    background-color: rgba(239, 235, 220, 0.5) !important;
}

/* 2. Le Grand Titre Principal */
.mla-story-title .elementor-heading-title {
    font-family: 'Biskaed', serif !important;
    font-size: 48px !important; /* Taille généreuse */
    line-height: 1.2 !important;
    color: #FFFFFF !important;
    margin-bottom: 40px !important;
}

/* 3. L'Éditeur de texte */
.mla-story-text .elementor-text-editor {
    font-family: 'Rowan Julio', serif !important;
    font-size: 16px !important;
    line-height: 2 !important; /* Interligne très respirant */
    color: rgba(239, 235, 220, 0.7) !important;
}

/* 4. LA LETTRINE (Drop Cap) sur la première lettre du texte */
.mla-story-text .elementor-text-editor p:first-of-type::first-letter {
    font-family: 'Biskaed', serif !important;
    font-size: 64px !important;
    float: left !important;
    line-height: 0.7 !important;
    padding-right: 16px !important;
    padding-top: 8px !important;
    color: #EFEBDC !important; /* La lettrine ressort en Ivoire */
}

/* Responsive pour Mobile */
@media (max-width: 768px) {
    .mla-story-title .elementor-heading-title {
        font-size: 36px !important; /* Réduit le grand titre sur téléphone */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-hs2 */.elementor-element-hs2-img img { width: 100%; height: 100%; object-fit: cover; min-height: 700px; display: block; } .elementor-element-hs2-h2 .elementor-heading-title { font-family: 'Biskaed', serif; color: #192F5A; font-size: 44px; font-weight: 700; line-height: 1.15; } .elementor-element-hs2-badge .elementor-heading-title { font-family: 'Biskaed', serif; font-size: 10px; letter-spacing: 2px; color: #E8E0D0; text-transform: uppercase; text-align: center; } .elementor-element-hs2-text p { font-family: 'Rowan Julio', serif; font-size: 15px; color: #7a7a7a; line-height: 1.9; } .elementor-element-hs2-cta .elementor-button { background: #192F5A; color: #FFFFFF; font-family: 'Biskaed', serif; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; border-radius: 50px; padding: 16px 40px; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-hs3 */.elementor-element-hs3-photo img { width: 100%; height: 550px; object-fit: cover; display: block; } .elementor-element-hs3-num .elementor-heading-title { font-family: 'Biskaed', serif; font-size: 80px; font-weight: 700; color: #192F5A; line-height: 1; } .elementor-element-hs3-numlabel .elementor-heading-title { font-family: 'Biskaed', serif; font-size: 18px; font-weight: 600; color: #192F5A; line-height: 1.3; } .elementor-element-hs3-label .elementor-heading-title { font-family: 'Biskaed', serif; text-transform: uppercase; letter-spacing: 3px; font-size: 11px; font-weight: 600; color: #192F5A; } .elementor-element-hs3-h2 .elementor-heading-title { font-family: 'Biskaed', serif; font-size: 38px; font-weight: 700; color: #192F5A; line-height: 1.2; } .elementor-element-hs3-text p { font-family: 'Rowan Julio', serif; font-size: 15px; color: #7a7a7a; line-height: 1.9; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d199142 *//* --- TIMELINE HISTOIRE (FOND BLEU SAPHIR) --- */

.mla-histoire-timeline {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 0;
}

/* 1. LA LIGNE LUMINEUSE */
.mla-histoire-line {
    position: absolute;
    left: 19px; 
    top: 50px;
    bottom: 50px;
    width: 2px;
    background-color: #EFEBDC; 
    transform-origin: top;
    transform: scaleY(0); /* Invisible par défaut, attend le script */
}

/* 2. LES ÉTAPES (CONTENEUR) */
.mla-histoire-item {
    position: relative;
    padding-left: 70px;
    margin-bottom: 70px;
    opacity: 0; /* Invisible par défaut, attend le script */
}

.mla-histoire-item:last-child {
    margin-bottom: 0;
}

/* 3. LES POINTS (DATES REPÈRES) */
.mla-histoire-dot {
    position: absolute;
    left: 0;
    top: 15px; /* Ajusté par rapport à la nouvelle taille de date */
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid rgba(239, 235, 220, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.mla-histoire-dot::after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #EFEBDC;
    box-shadow: 0 0 15px rgba(239, 235, 220, 0.5);
    transition: all 0.5s ease;
}

/* 4. TYPOGRAPHIE ET TEXTES (Dates revues pour une lisibilité maximale) */
.mla-histoire-year {
    font-family: 'Biskaed', serif;
    font-size: 58px; /* Très grand */
    color: #EFEBDC; /* 100% visible et lumineux */
    margin-bottom: 5px;
    line-height: 1;
    position: relative;
}

.mla-histoire-content {
    position: relative;
    z-index: 1;
}

.mla-histoire-title {
    font-family: 'Biskaed', serif;
    font-size: 28px;
    color: rgba(239, 235, 220, 0.8); /* Un peu plus doux pour laisser la vedette à la date */
    margin: 0 0 16px 0;
    line-height: 1.3;
}

.mla-histoire-text {
    font-family: 'Rowan Julio', serif;
    font-size: 16px;
    line-height: 1.8;
    color: rgba(239, 235, 220, 0.65);
    margin: 0;
}

/* 5. EFFET AU SURVOL */
.mla-histoire-item:hover .mla-histoire-dot {
    border-color: #EFEBDC;
}
.mla-histoire-item:hover .mla-histoire-dot::after {
    transform: scale(1.5);
    box-shadow: 0 0 25px rgba(239, 235, 220, 0.8);
}
.mla-histoire-item:hover .mla-histoire-title {
    color: #EFEBDC; /* S'illumine au survol */
    transition: color 0.4s ease;
}

/* --- 6. LE DÉCLENCHEMENT DES ANIMATIONS AU SCROLL --- */
/* C'est ici que le petit script active tout ! */

.mla-anime-maintenant .mla-histoire-line {
    animation: mlaDrawHistoryLine 2.5s cubic-bezier(0.25, 1, 0.3, 1) forwards;
}

.mla-anime-maintenant .mla-histoire-item {
    animation: mlaFadeInHistory 1.5s cubic-bezier(0.25, 1, 0.3, 1) forwards;
}

/* La cascade des délais */
.mla-anime-maintenant .mla-histoire-item:nth-child(2) {
    animation-delay: 0.1s;
}
.mla-anime-maintenant .mla-histoire-item:nth-child(3) {
    animation-delay: 1.2s; /* Attend que la ligne descende */
}

/* --- 7. ANIMATIONS CLÉS --- */
@keyframes mlaDrawHistoryLine {
    0% { transform: scaleY(0); }
    100% { transform: scaleY(1); }
}

@keyframes mlaFadeInHistory {
    0% { opacity: 0; transform: translateY(30px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* --- 8. ADAPTATION MOBILE --- */
@media (max-width: 768px) {
    .mla-histoire-item {
        padding-left: 55px; 
        margin-bottom: 50px;
    }
    .mla-histoire-line {
        left: 14px; 
    }
    .mla-histoire-dot {
        width: 30px;
        height: 30px;
        top: 8px; /* Réajusté pour mobile */
    }
    .mla-histoire-dot::after {
        width: 8px;
        height: 8px;
    }
    .mla-histoire-year {
        font-size: 46px; /* Reste bien lisible sur téléphone */
    }
    .mla-histoire-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c643573 */.elementor-element-hs1-label .elementor-heading-title { font-family: 'Biskaed', serif; text-transform: uppercase; letter-spacing: 3px; color: #192F5A; font-size: 11px; font-weight: 600; } .elementor-element-hs1-h1 .elementor-heading-title { font-family: 'Biskaed', serif; color: #192F5A; font-size: 68px; font-weight: 700; line-height: 1.1; } .elementor-element-hs1-arrow .elementor-heading-title { color: #192F5A; font-size: 24px; text-align: center; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-414293a *//* --- SECTION CONFIANCE & VALEURS (FOND CLAIR) --- */

/* 1. Colonne Gauche : Grand Titre */
.mla-trust-title .elementor-heading-title {
    font-family: 'Biskaed', serif !important;
    font-size: 42px !important;
    line-height: 1.2 !important;
    color: #192F5A !important; /* Bleu Saphir pur */
    margin: 0 !important;
}

/* 2. Colonne Milieu : Texte principal */
.mla-trust-text .elementor-text-editor {
    font-family: 'Rowan Julio', serif !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: rgba(25, 47, 90, 0.8) !important; /* Bleu Saphir légèrement atténué */
}

/* 3. Colonne Milieu : Mentions (Certifications) */
.mla-trust-mentions .elementor-heading-title,
.mla-trust-mentions .elementor-text-editor {
    font-family: 'Rowan Julio', serif !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: rgba(25, 47, 90, 0.4) !important; /* Très discret */
    margin-top: 24px !important;
}

/* 4. Colonne Droite : Sur-titre "NOS VALEURS" */
.mla-trust-surtitre .elementor-heading-title {
    font-family: 'Rowan Julio', serif !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    color: #192F5A !important;
    margin-bottom: 20px !important;
    /* Ajout d'une fine ligne de séparation en dessous pour asseoir le titre */
    border-bottom: 1px solid rgba(25, 47, 90, 0.1) !important; 
    padding-bottom: 12px !important;
    display: inline-block !important;
}

/* 5. Colonne Droite : Le widget Compteur (+10) */
/* Cible le chiffre */
.mla-trust-counter .elementor-counter-number-wrapper,
.mla-trust-counter .elementor-heading-title {
    font-family: 'Biskaed', serif !important;
    font-size: 64px !important;
    color: #192F5A !important; /* Fini le bleu clair par défaut */
    line-height: 1 !important;
    font-weight: normal !important;
}

/* Cible le texte sous le chiffre ("Années d'expérience" à la place de "Numéro cool") */
.mla-trust-counter .elementor-counter-title,
.mla-trust-counter .elementor-text-editor {
    font-family: 'Rowan Julio', serif !important;
    font-size: 16px !important;
    color: rgba(25, 47, 90, 0.7) !important;
    text-transform: none !important;
    margin-top: 8px !important;
}

/* --- ADAPTATION MOBILE --- */
@media (max-width: 768px) {
    .mla-trust-title .elementor-heading-title {
        font-size: 32px !important;
        margin-bottom: 24px !important;
    }
    .mla-trust-counter {
        margin-top: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e36665 */.elementor-element-hs3-photo img { width: 100%; height: 550px; object-fit: cover; display: block; } .elementor-element-hs3-num .elementor-heading-title { font-family: 'Biskaed', serif; font-size: 80px; font-weight: 700; color: #192F5A; line-height: 1; } .elementor-element-hs3-numlabel .elementor-heading-title { font-family: 'Biskaed', serif; font-size: 18px; font-weight: 600; color: #192F5A; line-height: 1.3; } .elementor-element-hs3-label .elementor-heading-title { font-family: 'Biskaed', serif; text-transform: uppercase; letter-spacing: 3px; font-size: 11px; font-weight: 600; color: #192F5A; } .elementor-element-hs3-h2 .elementor-heading-title { font-family: 'Biskaed', serif; font-size: 38px; font-weight: 700; color: #192F5A; line-height: 1.2; } .elementor-element-hs3-text p { font-family: 'Rowan Julio', serif; font-size: 15px; color: #7a7a7a; line-height: 1.9; }/* End custom CSS */