.elementor-kit-5{--e-global-color-primary:#013FB0;--e-global-color-secondary:#F67E03;--e-global-color-text:#7A7A7A;--e-global-color-accent:#F67E03;--e-global-color-60811e8:#001231;--e-global-color-be80587:#01349A;--e-global-color-1760af2:#2B60C6;--e-global-color-11dd8e3:#A8BEEC;--e-global-color-583bdef:#EFF3FD;--e-global-color-536e9e8:#DD6F00;--e-global-color-7d2b872:#FDBB77;--e-global-color-eaa9bcc:#FFF6EC;--e-global-color-ff19920:#0A0E17;--e-global-color-b372faf:#2A3242;--e-global-color-b4e52e8:#5B6578;--e-global-color-7c58b67:#DCE3F0;--e-global-color-801fd13:#F4F7FC;--e-global-color-c418426:#FFFFFF;--e-global-typography-primary-font-family:"DM Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"DM Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 p{margin-block-end:0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ═══════════════════════════════════════════════════════════════
   REF 2027 — CSS GLOBAL (à coller UNE fois)
   Elementor › Paramètres du site › CSS personnalisé
   Sert au hero ET à toutes les sections suivantes.
   ═══════════════════════════════════════════════════════════════ */

/* 1. Jetons de la charte */
:root{
  --ref-blue:#013FB0; --ref-orange:#F67E03;
  --ref-night:#001231; --ref-blue-600:#01349A; --ref-blue-50:#EFF3FD;
  --ref-orange-600:#DD6F00; --ref-orange-300:#FDBB77;
  --ref-ink:#0A0E17; --ref-ink-700:#2A3242; --ref-ink-500:#5B6578; --ref-line:#DCE3F0;
  --ref-gutter:clamp(16px,5vw,96px);
  --ref-ease:cubic-bezier(.2,0,.2,1); --ref-ease-out:cubic-bezier(.16,1,.3,1);
  --ref-motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='128' viewBox='0 0 56 128'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='square'%3E%3Cg id='c'%3E%3Cpath d='M8 12l6-6 6 6M8 18l6-6 6 6M8 24l6-6 6 6'/%3E%3Cpath d='M14 30l11 11-11 11-11-11z'/%3E%3Cpath d='M14 35l6 6-6 6-6-6z'/%3E%3Cpath d='M8 58l6 6 6-6M8 64l6 6 6-6'/%3E%3Cpath d='M8 78h12M8 83h12'/%3E%3C/g%3E%3Ccircle cx='14' cy='41' r='1.2' fill='%23fff'/%3E%3Cuse href='%23c' transform='translate(28 64)'/%3E%3Cuse href='%23c' transform='translate(28 -64)'/%3E%3Ccircle cx='42' cy='105' r='1.2' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
}

/* 2. Motif REF en fond (ajouter la classe ref-motif à un conteneur) */
.ref-motif{position:relative}
.ref-motif::after{content:"";position:absolute;inset:0;background-image:var(--ref-motif);opacity:.06;pointer-events:none;z-index:0}

/* 3. Étiquettes (widget Titre + classe ref-chip, ref-chip ref-chip--orange ou ref-chip ref-chip--ghost) */
.ref-chip .elementor-heading-title{display:inline-flex;align-items:center;gap:10px;font-family:"DM Sans",sans-serif;font-weight:600;font-size:13px;letter-spacing:.02em;line-height:1;padding:9px 14px;background:var(--ref-blue);color:#fff}
.ref-chip--orange .elementor-heading-title{background:var(--ref-orange)}
.ref-chip--ghost .elementor-heading-title{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.26);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ref-chip--dot .elementor-heading-title::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--ref-orange);animation:refPulse 2s infinite}
@keyframes refPulse{0%{box-shadow:0 0 0 0 rgba(246,126,3,.7)}70%{box-shadow:0 0 0 9px rgba(246,126,3,0)}100%{box-shadow:0 0 0 0 rgba(246,126,3,0)}}

/* 4. Boutons (widget Bouton + classe ref-btn, puis une variante)
      ref-btn            → orange plein, remplissage + reflet
      ref-btn ref-btn--light   → contour blanc (fonds sombres)
      ref-btn ref-btn--outline → contour bleu (fonds clairs)
      ref-btn ref-btn--blue    → bleu plein                      */
.ref-btn{--bg:var(--ref-orange);--fg:#fff;--bd:var(--ref-orange);--hv:var(--ref-orange-600);--hfg:#fff;--glow:rgba(246,126,3,.28)}
.ref-btn--light{--bg:transparent;--fg:#fff;--bd:rgba(255,255,255,.5);--hv:#fff;--hfg:var(--ref-blue);--glow:rgba(0,0,0,.2)}
.ref-btn--outline{--bg:transparent;--fg:var(--ref-blue);--bd:var(--ref-blue);--hv:var(--ref-blue);--hfg:#fff;--glow:rgba(1,63,176,.2)}
.ref-btn--blue{--bg:var(--ref-blue);--bd:var(--ref-blue);--hv:var(--ref-night);--glow:rgba(1,63,176,.3)}
.ref-btn .elementor-button{position:relative;overflow:hidden;display:inline-flex;align-items:center;font-family:"DM Sans",sans-serif;font-weight:600;letter-spacing:.01em;line-height:1;border-radius:3px;color:var(--fg)!important;fill:var(--fg)!important;border:2px solid var(--bd)!important;background:linear-gradient(var(--hv),var(--hv)) no-repeat left/0% 100%,var(--bg)!important;transition:background-size .35s var(--ref-ease-out),color .25s var(--ref-ease),border-color .25s var(--ref-ease),transform .2s var(--ref-ease),box-shadow .25s var(--ref-ease)}
.ref-btn .elementor-button:hover,.ref-btn .elementor-button:focus-visible{background-size:100% 100%!important;color:var(--hfg)!important;fill:var(--hfg)!important;border-color:var(--hv)!important;transform:translateY(-2px);box-shadow:0 10px 24px var(--glow)}
.ref-btn .elementor-button:active{transform:translateY(0)}
.ref-btn .elementor-button-icon{transition:transform .25s var(--ref-ease)}
.ref-btn .elementor-button:hover .elementor-button-icon{transform:translateX(4px)}
.ref-btn .elementor-button-content-wrapper{position:relative;z-index:1}
/* Reflet lumineux : uniquement sur les boutons orange */
.ref-btn:not(.ref-btn--light):not(.ref-btn--outline):not(.ref-btn--blue) .elementor-button::before{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:refShine 5s var(--ref-ease) 1.5s infinite;pointer-events:none}
@keyframes refShine{0%,70%{left:-60%}100%{left:130%}}

/* 5. Barres du « E » (widget HTML) */
.ref-bars{display:inline-flex;flex-direction:column;gap:5px}
.ref-bars i{display:block;height:7px;background:var(--ref-orange);transform:skewX(-24deg)}
.ref-bars i:nth-child(1){width:46px}.ref-bars i:nth-child(2){width:38px}.ref-bars i:nth-child(3){width:30px;margin-left:4px}

/* 6. Accessibilité : moins d'animations si le visiteur l'a demandé */
@media (prefers-reduced-motion:reduce){
  .ref-btn .elementor-button::before,.ref-chip--dot .elementor-heading-title::before{animation:none!important}
  .ref-btn .elementor-button{transition:none!important}
}/* End custom CSS */