.elementor-kit-6{--e-global-color-primary:#1800AD;--e-global-color-secondary:#FFBD59;--e-global-color-text:#12111A;--e-global-color-accent:#A79BF5;--e-global-color-e1b8e6f:#F4F2FF;--e-global-color-d857b58:#5B5870;--e-global-color-1738b05:#DED9F3;--e-global-color-b707be3:#000000;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:600;--e-global-typography-b6e76cc-font-family:"Montserrat";--e-global-typography-b6e76cc-font-size:17px;--e-global-typography-b6e76cc-font-weight:400;--e-global-typography-b6e76cc-line-height:1.7px;--e-global-typography-b6e76cc-letter-spacing:-0.5px;background-color:#FFFFFF;color:var( --e-global-color-d857b58 );font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:17px;letter-spacing:1.7px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-text );border-radius:8px 8px 8px 8px;padding:16px 32px 16px 32px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:50px;}.elementor-kit-6 a{color:#1800AD;font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;letter-spacing:-0.5px;}.elementor-kit-6 a:hover{color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;}.elementor-kit-6 h1{color:#1800AD;}.elementor-kit-6 h2{color:var( --e-global-color-primary );font-size:36px;font-weight:700;line-height:1.2px;letter-spacing:-0.3px;}.elementor-kit-6 h3{color:var( --e-global-color-primary );font-size:26px;font-weight:700;line-height:1.3px;letter-spacing:0px;}.elementor-kit-6 h4{color:var( --e-global-color-primary );font-size:20px;font-weight:600;line-height:1.4px;letter-spacing:0px;}.elementor-kit-6 h5{color:var( --e-global-color-primary );font-size:18px;font-weight:600;}.elementor-kit-6 h6{color:var( --e-global-color-primary );font-weight:600;text-transform:uppercase;}.elementor-kit-6 img{border-radius:12px 12px 12px 12px;}.elementor-kit-6 label{color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:600;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-text );accent-color:var( --e-global-color-accent );background-color:#FFFFFF;border-radius:8px 8px 8px 8px;padding:14px 16px 14px 16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-b6e76cc-font-size:17px;font-size:17px;}.elementor-kit-6 p{margin-block-end:17px;}.elementor-kit-6 a{font-size:17px;}.elementor-kit-6 h2{font-size:32px;}.elementor-kit-6 h3{font-size:24px;}.elementor-kit-6 h4{font-size:20px;}.elementor-kit-6 h5{font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-b6e76cc-font-size:16px;--e-global-typography-b6e76cc-line-height:1.15em;font-size:17px;}.elementor-kit-6 p{margin-block-end:16px;}.elementor-kit-6 a{font-size:16px;line-height:1.15em;}.elementor-kit-6 h2{font-size:28px;}.elementor-kit-6 h3{font-size:22px;}.elementor-kit-6 h4{font-size:18px;}.elementor-kit-6 h5{font-size:17px;line-height:1.4em;letter-spacing:0px;}.elementor-kit-6 h6{font-size:13px;line-height:1.4em;letter-spacing:1px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================================== METHORIA — FEUILLE DE STYLE GLOBALE Elementor → Réglages du site → CSS personnalisé Révision 43 — 27/09/2026 CE QUI CHANGE DANS CETTE RÉVISION, ET RIEN D'AUTRE M. 36 — RÉVISION 43 : la page Ressources, « res- ». Catalogue d'articles produit par le widget « Articles » d'Elementor, barre de recherche et pastilles de catégorie qui filtrent sans rechargement, et le style de l'article lui-même pour le modèle « Article unique ». L. 35 — RÉVISION 42 : deux corrections. Le titre du bandeau violet est blanc même si le conteneur ne porte pas « qui-sec » — sans quoi il restait violet sur violet, donc invisible. Et la mascotte du hero passe de 430 à 500 px, posée sur un halo lilas. K. 35.13 — RÉVISION 41 : « qui-rev », la révélation en cascade des blocs de cartes au défilement, et le cadre du portrait passé au format réel de la photo livrée, 3:4. J. 35 — RÉVISION 40 : la page « Qui sommes-nous », « qui- ». Elle reprend le langage visuel de la page d'accueil — hero lavande, bande de chiffres en carte blanche, cartes à liseré lilas, bandeau violet — mais écrit pour du HTML simple, un widget par section, au lieu des widgets Elementor natifs de l'accueil. I. 34 — RÉVISION 39 : deux composants nouveaux, « alt-parc » et « data-cpt ». La frise du parcours peut devenir verticale, les étapes alternant de part et d'autre d'un trait central qui se remplit au fil du défilement. Les grands chiffres peuvent s'animer en décompte à leur entrée dans l'écran. Aucune règle existante n'est modifiée : la frise horizontale « alt-chrono » du bloc 33.4 reste intacte, et tout reste lisible sans JavaScript. A. 31.1 — « fmt-hero fmt-hero-masc » : un hero dont la colonne de droite porte la mascotte, en une ou plusieurs poses. B. 31.2 — « fmt-piliers fmt-exp » : la carte pilier du bloc 29.11, en trois colonnes au lieu de quatre, pour les domaines d'expertise. C. 32 — la peau « srv-x » : l'habillage propre aux pages services. Hero sur fond encre, sections blanches séparées par un filet au lieu de l'alternance lavande, angles carrés, surtitres en jaune sur le hero, liserés au survol à la place des ombres portées. D. 32.2 — RÉVISION 33 : le trait horizontal jaune qui précédait chaque surtitre est supprimé. H. 33.6 — RÉVISION 38 : la bande est haussée à 440 px et son image est cadrée à 40 % de sa hauteur. Les six photos livrées sont en portrait 1122 x 1402, y compris celles de la bande. Le cadrage à 55 % de la hauteur va chercher les visages, et un voile dégradé du violet vers la transparence est posé par-dessus la photo, de la gauche vers la droite, pour que le texte blanc reste lisible sur un sujet clair. G. 33.6 — RÉVISION 37 : la bande photo passe du fond encre au violet de marque #1800AD. La photo y est désaturée en fondu « luminosity », ce qui la teinte en violet Methoria au lieu de la laisser grise. Sur un navigateur qui ne gère pas ce fondu, elle reste simplement en transparence sur le violet : le texte demeure lisible dans les deux cas. F. 33 — RÉVISION 36 : le bloc des pages alternance, « alt-x ». Photos en forme libre, grands chiffres sans carte, comparaison à deux volets séparée par un filet, frise reliée, grille de rémunération en lignes, bande photo pleine largeur. Aucune règle existante n'est modifiée. E. 31.3 — RÉVISION 35 : la mascotte est traitée comme sur le hero de l'accueil. Plus de vignette, plus de cadre, plus de fond : le personnage détouré occupe toute la colonne de droite, à 420 px, posé sur un halo et un socle elliptique. Le hero passe en colonne dès 900 px et non plus 767, pour que la mascotte reste grande sans écraser le titre. C'est le seul changement par rapport à la révision 34. Cette peau ne s'applique qu'aux conteneurs qui portent « srv-x ». Aucune règle existante n'est modifiée : les pages déjà en ligne gardent exactement le rendu de la révision 30. PALETTE Violet #1800AD Titres, surtitres, chiffres, liens, boutons pleins Jaune #FFBD59 Fond des boutons principaux Lilas #A79BF5 Survols, icônes secondaires Lavande #F4F2FF Fonds de section alternés Encre #12111A Titres de carte et texte courant Encre 2 #5B5870 Mentions secondaires UNIQUEMENT Ligne #DED9F3 Bordures et filets =========================================================================== */ /* =========================================================================== 1 — TITRES =========================================================================== */ .elementor h1 { font-size:56px !important; line-height:64px !important; letter-spacing:-1px !important; } .elementor h2 { font-size:40px !important; line-height:48px !important; letter-spacing:-0.5px !important; } .elementor h3 { font-size:20px !important; line-height:28px !important; color:#12111A !important; } @media (max-width:1024px) { .elementor h1 { font-size:44px !important; line-height:52px !important; } .elementor h2 { font-size:34px !important; line-height:42px !important; } } @media (max-width:767px) { .elementor h1 { font-size:34px !important; line-height:42px !important; letter-spacing:-0.5px !important; } .elementor h2 { font-size:28px !important; line-height:36px !important; } .elementor h3 { font-size:19px !important; line-height:27px !important; } } /* =========================================================================== 2 — TEXTE COURANT =========================================================================== */ .elementor-widget-text-editor:not([class*="txt-"]):not([class*="acc-"]):not([class*="frm-"]):not([class*="cand-"]):not([class*="cta-"]) p, .elementor-widget-text-editor:not([class*="txt-"]):not([class*="acc-"]):not([class*="frm-"]):not([class*="cand-"]):not([class*="cta-"]) li { font-size:16px !important; line-height:27px !important; color:#12111A !important; } @media (max-width:767px) { .elementor-widget-text-editor:not([class*="txt-"]):not([class*="acc-"]):not([class*="frm-"]):not([class*="cand-"]):not([class*="cta-"]) p, .elementor-widget-text-editor:not([class*="txt-"]):not([class*="acc-"]):not([class*="frm-"]):not([class*="cand-"]):not([class*="cta-"]) li { line-height:26px !important; } } /* =========================================================================== 3 — RÔLES DE TEXTE =========================================================================== */ .txt-surtitre p, .txt-surtitre .elementor-heading-title { font-size:13px !important; line-height:18px !important; font-weight:700 !important; letter-spacing:1.5px !important; text-transform:uppercase !important; color:#1800AD !important; } .txt-chapo p { font-size:20px !important; line-height:32px !important; color:#12111A !important; } .txt-intro p { font-size:18px !important; line-height:30px !important; color:#12111A !important; } .txt-meta p, .txt-meta li { font-size:14px !important; line-height:22px !important; color:#5B5870 !important; } .txt-lien p { font-size:15px !important; line-height:22px !important; font-weight:700 !important; color:#1800AD !important; } .txt-lien a { color:#1800AD !important; text-decoration:none !important; } .txt-lien a:hover { text-decoration:underline !important; } @media (max-width:767px) { .txt-surtitre p, .txt-surtitre .elementor-heading-title { font-size:12px !important; line-height:16px !important; } .txt-chapo p { font-size:18px !important; line-height:28px !important; } .txt-intro p { font-size:17px !important; line-height:28px !important; } } /* =========================================================================== 4 — LISTES D'ICÔNES =========================================================================== */ .elementor-widget-icon-list .elementor-icon-list-text { font-size:16px !important; line-height:26px !important; color:#12111A !important; } @media (max-width:767px) { .elementor-widget-icon-list .elementor-icon-list-text { line-height:25px !important; } } /* =========================================================================== 5 — BOUTONS =========================================================================== */ .elementor-button, a.elementor-button, button.elementor-button { background-color:#FFBD59 !important; color:#12111A !important; border:none !important; border-radius:8px !important; padding:16px 32px !important; font-family:"Montserrat", sans-serif !important; font-size:16px !important; font-weight:700 !important; line-height:20px !important; text-decoration:none !important; display:inline-block !important; width:auto !important; transition:background-color .3s ease, color .3s ease !important; } .elementor-button:hover, .elementor-button:focus { background-color:#1800AD !important; color:#FFFFFF !important; } .btn-contour .elementor-button { background-color:transparent !important; color:#1800AD !important; border:2px solid #1800AD !important; } .btn-contour .elementor-button:hover { background-color:#1800AD !important; color:#FFFFFF !important; } .btn-blanc .elementor-button { background-color:transparent !important; color:#FFFFFF !important; border:2px solid rgba(255,255,255,.7) !important; } .btn-blanc .elementor-button:hover { background-color:#FFFFFF !important; color:#1800AD !important; border-color:#FFFFFF !important; } @media (max-width:767px) { .elementor-button, a.elementor-button, button.elementor-button { padding:15px 26px !important; } } /* =========================================================================== 6 — ESPACEMENTS =========================================================================== */ .elementor-widget-text-editor p:last-child { margin-bottom:0 !important; } .elementor-widget-icon-list .elementor-icon-list-items > li:last-child { margin-bottom:0 !important; } /* =========================================================================== 7 — TITRE DE PAGE DU THÈME =========================================================================== */ .page-header .entry-title { display:none !important; } /* =========================================================================== 8 — HERO /financer =========================================================================== */ @media (max-width:1024px) { .hero-financer > .e-con-inner { flex-direction:column !important; align-items:flex-start !important; } .hero-financer > .e-con-inner > * { width:100% !important; max-width:100% !important; } .hero-financer img { max-width:240px !important; height:auto !important; } } /* =========================================================================== 9 — BANDE DES TROIS CHIFFRES /financer =========================================================================== */ .bande-chiffres .elementor-counter-number-wrapper { font-size:56px !important; line-height:62px !important; color:#1800AD !important; } .bande-chiffres .elementor-counter-title { font-size:15px !important; line-height:22px !important; color:#5B5870 !important; } .bande-chiffres .elementor-counter, .bande-chiffres .elementor-counter-number-wrapper, .bande-chiffres .elementor-counter-title { width:100% !important; text-align:center !important; justify-content:center !important; } .bande-chiffres .elementor-widget-counter { width:100% !important; align-self:stretch !important; } @media (max-width:1024px) { .bande-chiffres .elementor-counter-number-wrapper { font-size:48px !important; line-height:54px !important; } } @media (max-width:767px) { .bande-chiffres .elementor-counter-number-wrapper { font-size:40px !important; line-height:46px !important; } .bande-chiffres .elementor-counter-title { font-size:14px !important; line-height:20px !important; } } /* =========================================================================== 10 — SÉLECTEUR DE SITUATION /financer =========================================================================== */ .selecteur-situation > .e-con-inner > .e-con:last-child, .selecteur-situation > .e-con:last-child { flex-wrap:wrap !important; align-items:stretch !important; } .selecteur-situation > .e-con-inner > .e-con:last-child > *, .selecteur-situation > .e-con:last-child > * { flex:1 1 calc(25% - 15px) !important; max-width:calc(25% - 15px) !important; } @media (min-width:768px) and (max-width:1024px) { .selecteur-situation > .e-con-inner > .e-con:last-child > *, .selecteur-situation > .e-con:last-child > * { flex:1 1 calc(50% - 10px) !important; max-width:calc(50% - 10px) !important; } } @media (max-width:767px) { .selecteur-situation > .e-con-inner > .e-con:last-child > *, .selecteur-situation > .e-con:last-child > * { flex:1 1 100% !important; max-width:100% !important; } } /* =========================================================================== 11 — SECTION PUBLICS ET SOMMAIRE COLLANT /financer =========================================================================== */ @media (min-width:1025px) { html, body { overflow-x:clip !important; } .section-publics > .e-con-inner { align-items:flex-start !important; overflow:visible !important; } .section-publics > .e-con-inner > .e-con:first-child { flex:1 1 auto !important; width:auto !important; max-width:none !important; } .sommaire-collant { flex:0 0 300px !important; width:300px !important; max-width:300px !important; position:sticky !important; top:24px !important; align-self:flex-start !important; height:fit-content !important; } } .sommaire-collant .elementor-icon-list-text { font-size:14px !important; line-height:22px !important; } @media (max-width:1024px) { .section-publics > .e-con-inner { flex-direction:column !important; } .section-publics > .e-con-inner > .e-con:first-child { width:100% !important; max-width:100% !important; } .sommaire-collant { display:none !important; } } /* =========================================================================== 12 — FAQ =========================================================================== */ .faq-accordeon .e-n-accordion-item { background-color:#FFFFFF !important; border:1px solid #DED9F3 !important; border-radius:12px !important; box-shadow:0 10px 30px -18px rgba(24,0,173,.22) !important; overflow:hidden !important; transition:border-color .25s ease, box-shadow .25s ease; } .faq-accordeon .e-n-accordion-item + .e-n-accordion-item { margin-top:12px !important; } .faq-accordeon .e-n-accordion-item:hover { border-color:#A79BF5 !important; } .faq-accordeon .e-n-accordion-item[open] { border-color:#1800AD !important; box-shadow:0 14px 34px -16px rgba(24,0,173,.28) !important; } .faq-accordeon .e-n-accordion-item-title { padding:20px 24px !important; line-height:28px !important; cursor:pointer; } .faq-accordeon .e-n-accordion-item-title h3, .faq-accordeon .e-n-accordion-item-title-text { font-size:19px !important; line-height:28px !important; font-weight:600 !important; color:#12111A !important; margin:0 !important; } .faq-accordeon .e-n-accordion-item[open] .e-n-accordion-item-title h3, .faq-accordeon .e-n-accordion-item-title:hover h3 { color:#1800AD !important; } .faq-accordeon .e-n-accordion-item .elementor-widget-text-editor p { font-size:16px !important; line-height:28px !important; color:#12111A !important; } @media (max-width:767px) { .faq-accordeon .e-n-accordion-item-title { padding:16px 18px !important; } .faq-accordeon .e-n-accordion-item-title h3, .faq-accordeon .e-n-accordion-item-title-text { font-size:17px !important; line-height:26px !important; } .faq-accordeon .e-n-accordion-item .elementor-widget-text-editor p { line-height:27px !important; } } /* =========================================================================== 13 — BANDEAU D'APPEL FINAL =========================================================================== */ .bandeau-cta { flex-direction:row !important; align-items:stretch !important; min-height:366px !important; overflow:hidden !important; } .bandeau-cta > .e-con { flex:1 1 auto !important; width:auto !important; max-width:none !important; justify-content:center !important; align-items:flex-start !important; padding:36px 24px 36px 44px !important; } .bandeau-cta > .e-con > .e-con, .bandeau-cta > .e-con > .e-con > .e-con-inner { padding-left:0 !important; padding-right:0 !important; } .bandeau-cta .elementor-widget.cta-texte { padding:0 !important; width:auto !important; max-width:100% !important; } .bandeau-cta h2 { font-size:32px !important; line-height:42px !important; color:#FFFFFF !important; letter-spacing:-0.3px !important; } .bandeau-cta .elementor-widget-text-editor p { font-size:16px !important; line-height:26px !important; color:#C9C2F5 !important; } .bandeau-cta .elementor-button { font-size:15px !important; padding:13px 26px !important; } .bandeau-cta .cta-image { align-self:flex-end !important; display:flex !important; align-items:flex-end !important; justify-content:flex-end !important; padding:0 !important; } .bandeau-cta .cta-image img { height:auto !important; display:block !important; border-radius:0 !important; } @media (max-width:1024px) { .bandeau-cta h2 { font-size:28px !important; line-height:36px !important; } .bandeau-cta > .e-con { padding:30px 20px 30px 28px !important; } } @media (max-width:767px) { .bandeau-cta { flex-direction:column !important; min-height:0 !important; } .bandeau-cta h2 { font-size:24px !important; line-height:32px !important; } .bandeau-cta > .e-con { width:100% !important; max-width:100% !important; padding:28px 20px 8px !important; } .bandeau-cta > .e-con > .elementor-widget, .bandeau-cta > .e-con > .e-con { width:100% !important; max-width:100% !important; } .bandeau-cta > .e-con > .e-con, .bandeau-cta > .e-con > .e-con > .e-con-inner { flex-direction:column !important; align-items:stretch !important; } .bandeau-cta .elementor-button { width:100% !important; text-align:center !important; } .bandeau-cta .cta-image { position:static !important; height:auto !important; width:100% !important; max-width:100% !important; flex:0 0 auto !important; align-self:auto !important; justify-content:center !important; } .bandeau-cta .cta-image img { position:static !important; width:240px !important; max-width:72% !important; margin:0 auto !important; } } @media (min-width:1025px) { .bandeau-cta .cta-image { flex:0 0 380px !important; width:380px !important; max-width:380px !important; height:0 !important; min-height:0 !important; overflow:visible !important; position:relative !important; } .bandeau-cta .cta-image img { position:absolute !important; right:0 !important; bottom:0 !important; width:380px !important; max-width:none !important; } } @media (min-width:768px) and (max-width:1024px) { .bandeau-cta .cta-image { flex:0 0 300px !important; width:300px !important; max-width:300px !important; height:0 !important; min-height:0 !important; overflow:visible !important; position:relative !important; } .bandeau-cta .cta-image img { position:absolute !important; right:0 !important; bottom:0 !important; width:300px !important; max-width:none !important; } } /* =========================================================================== 14 — GOUTTIÈRES LATÉRALES =========================================================================== */ @media (min-width:768px) and (max-width:1024px) { .elementor > .e-con > .e-con-inner { padding-left:28px !important; padding-right:28px !important; } } @media (max-width:767px) { .elementor > .e-con > .e-con-inner { padding-left:20px !important; padding-right:20px !important; } } /* =========================================================================== 15 — EN-TÊTE FLOTTANT Révision 4 : partie tablette et mobile entièrement refaite. =========================================================================== */ /* --- La zone fixe --- */ .entete-zone { position:fixed !important; top:0; left:0; right:0; z-index:200; padding:28px 16px 0 !important; transition:padding .28s cubic-bezier(.4,0,.2,1); pointer-events:none; } .entete-zone > * { pointer-events:auto } .entete-zone.est-defile { padding-top:16px !important } /* --- La barre --- */ .entete-barre { position:relative; width:100% !important; max-width:1140px !important; margin-left:auto !important; margin-right:auto !important; min-height:70px !important; padding:0 12px 0 22px !important; border-radius:22px !important; background:rgba(255,255,255,.58) !important; -webkit-backdrop-filter:blur(18px) saturate(170%); backdrop-filter:blur(18px) saturate(170%); border:1px solid rgba(255,255,255,.7) !important; box-shadow:0 1px 2px rgba(18,17,26,.04), 0 20px 44px -26px rgba(24,0,173,.30) !important; transition:min-height .28s cubic-bezier(.4,0,.2,1), background-color .28s ease, box-shadow .28s ease, border-color .28s ease; } .est-defile .entete-barre { min-height:60px !important; background:rgba(255,255,255,.88) !important; border-color:rgba(222,217,243,.9) !important; box-shadow:0 1px 2px rgba(18,17,26,.05), 0 16px 34px -20px rgba(24,0,173,.36) !important; } @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) { .entete-barre { background:rgba(255,255,255,.95) !important } } /* --- Logo --- */ .entete-logo { display:flex !important; align-items:center !important } .entete-logo img { height:34px !important; width:auto !important; display:block; transition:height .28s ease; } .est-defile .entete-logo img { height:30px !important } /* --- Le widget HTML qui porte la navigation --- */ .entete-nav-widget { flex:1 1 auto !important; display:flex !important; align-items:stretch !important } .entete-nav-widget > .elementor-widget-container, .entete-nav-widget > .entete-nav { width:100%; display:flex; align-items:stretch } .entete-nav { display:flex; align-items:stretch; width:100%; gap:22px } /* --- Menu principal --- */ .entete-menu { display:flex; align-items:stretch; gap:24px; margin-left:auto } .entete-onglet { position:relative; display:flex; align-items:center } .entete-lien { display:inline-flex; align-items:center; gap:5px; font-family:"Montserrat",sans-serif; font-size:14.5px; font-weight:600; line-height:20px; letter-spacing:-.1px; color:#12111A; text-decoration:none; padding:6px 0; transition:color .2s ease; white-space:nowrap; } .entete-onglet:hover .entete-lien, .entete-lien:hover { color:#1800AD } .entete-chev { width:9px; height:9px; opacity:.55; transition:transform .2s ease } .entete-onglet:hover .entete-chev { transform:rotate(180deg) } /* --- Panneaux déroulants, fond blanc opaque --- */ .entete-panneau { position:absolute; top:100%; left:-18px; margin-top:12px; min-width:420px; padding:10px; border-radius:20px; background:#FFFFFF; border:1px solid #DED9F3; box-shadow:0 1px 2px rgba(18,17,26,.06), 0 28px 56px -22px rgba(24,0,173,.40); opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity .2s ease, transform .2s ease, visibility .2s; } .entete-panneau-court { min-width:340px } .entete-onglet:hover .entete-panneau, .entete-onglet.ouvert .entete-panneau { opacity:1; visibility:visible; transform:translateY(0) } .entete-panneau::before { content:""; position:absolute; top:-14px; left:0; right:0; height:14px } .entete-panneau a { display:block; padding:11px 14px; border-radius:13px; text-decoration:none; transition:background-color .18s ease; } .entete-panneau a:hover { background:#F4F2FF } .entete-panneau .t { display:block; font-family:"Montserrat",sans-serif; font-size:14.5px; font-weight:600; line-height:20px; color:#12111A; } .entete-panneau a:hover .t { color:#1800AD } .entete-panneau .d { display:block; font-family:"Montserrat",sans-serif; font-size:12.5px; font-weight:400; line-height:18px; color:#5B5870; margin-top:2px; } .entete-sep { height:1px; background:#DED9F3; margin:8px 12px } .entete-tout { font-family:"Montserrat",sans-serif; font-size:13.5px !important; font-weight:700; color:#1800AD; padding:10px 14px !important; } .entete-tout:hover { background:transparent !important; text-decoration:underline } /* --- Boutons --- */ .entete-actions { display:flex; align-items:center; gap:10px; flex:0 0 auto } .entete-btn { display:inline-flex; align-items:center; justify-content:center; gap:7px; font-family:"Montserrat",sans-serif; font-size:14px; font-weight:700; line-height:18px; text-decoration:none; border-radius:999px; padding:11px 20px; white-space:nowrap; transition:background-color .2s ease, color .2s ease, border-color .2s ease, transform .15s ease; } .entete-btn svg { width:14px; height:14px; flex:0 0 auto } .entete-btn-tel { color:#1800AD; border:1.5px solid rgba(24,0,173,.35); background:transparent } .entete-btn-tel:hover { border-color:#1800AD; background:rgba(24,0,173,.06); color:#1800AD } .entete-btn-cta { background:#FFBD59; color:#12111A; border:1.5px solid transparent } .entete-btn-cta:hover { background:#1800AD; color:#FFFFFF } /* --------------------------------------------------------------------------- 15 bis — BURGER Trois barres qui se changent en croix à l'ouverture. Contour fin plutôt qu'aplat coloré : plus discret sur une barre déjà translucide. --------------------------------------------------------------------------- */ .entete-burger { display:none; width:44px; height:44px; padding:0; border:1.5px solid rgba(24,0,173,.22); border-radius:14px; background:rgba(255,255,255,.5); cursor:pointer; flex:0 0 auto; align-items:center; justify-content:center; align-self:center; transition:border-color .2s ease, background-color .2s ease; } .entete-burger:hover { border-color:rgba(24,0,173,.45); background:rgba(24,0,173,.05) } .entete-burger span { display:block; width:19px; height:2px; border-radius:2px; background:#1800AD; position:relative; transition:background-color .2s ease .1s; } .entete-burger span::before, .entete-burger span::after { content:""; position:absolute; left:0; width:19px; height:2px; border-radius:2px; background:#1800AD; transition:top .2s ease .2s, transform .2s ease, width .2s ease; } .entete-burger span::before { top:-6px } .entete-burger span::after { top:6px } /* État ouvert : la barre du milieu disparaît, les deux autres se croisent */ body.entete-ouvert .entete-burger { border-color:#1800AD; background:rgba(24,0,173,.08); } body.entete-ouvert .entete-burger span { background:transparent; transition:background-color .1s ease } body.entete-ouvert .entete-burger span::before, body.entete-ouvert .entete-burger span::after { top:0; transition:top .2s ease, transform .2s ease .2s; } body.entete-ouvert .entete-burger span::before { transform:rotate(45deg) } body.entete-ouvert .entete-burger span::after { transform:rotate(-45deg) } /* --------------------------------------------------------------------------- 15 quater — CORRECTIF DU BURGER Elementor applique son style de bouton global à toute balise