/* CKSQUARE — chrome 2026-10 : bandeau, en-tête, pied de page (accueil + pages internes + actualités).
   Les pages internes embarquent encore l'ancienne CSS : les propriétés structurantes sont forcées. */
:root{--banner-height:0rem;--header-height:0rem}
.cks-top-banner,.cks-header,.cks-footer{font-family:Poppins,"Segoe UI",system-ui,sans-serif!important;-webkit-font-smoothing:antialiased}
.cks-top-banner *,.cks-header *{box-sizing:border-box}

/* Bandeau */
.cks-top-banner{position:static!important;display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;background:#0E0E10!important;color:#C8C8CE!important;border-bottom:1px solid rgba(255,255,255,.12)!important;transform:none!important;opacity:1!important;visibility:visible!important}
.cks-top-banner-content{display:flex!important;flex-wrap:wrap;justify-content:space-between!important;align-items:center!important;gap:8px 24px;width:100%;max-width:1360px;min-height:44px;margin:0 auto!important;padding:0 clamp(20px,4vw,40px)!important;font-size:13px!important}
.cks-banner-left,.cks-banner-right{display:flex!important;flex-wrap:wrap;align-items:center!important;gap:4px 28px}
.cks-banner-tag{display:flex!important;align-items:center;gap:10px}
.cks-banner-tag::before{content:"";width:8px;height:8px;background:#D31E27;flex:0 0 8px}
.cks-banner-contact-item{display:flex!important;align-items:center;min-height:44px;color:#C8C8CE!important;font-size:13px!important}
.cks-banner-contact-item a{color:#C8C8CE!important;text-decoration:none!important}
.cks-banner-contact-item a:hover{color:#FFFFFF!important}
.cks-banner-contact-item i{display:none!important}
.cks-language-selector{position:relative!important;display:block!important}
.cks-lang-button{display:flex!important;align-items:center;gap:6px;min-height:44px;padding:0 4px!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#FFFFFF!important;font:inherit!important;font-size:13px!important;font-weight:500!important;cursor:pointer}
.cks-lang-button svg{transition:transform .2s}
.cks-language-selector.is-open .cks-lang-button svg{transform:rotate(180deg)}
.cks-lang-flag{display:none!important}
.cks-lang-dropdown{position:absolute!important;right:0;top:100%;z-index:60;display:none!important;min-width:160px;margin:0!important;padding:6px 0!important;list-style:none;background:#FFFFFF!important;color:#1A1A1C!important;border:1px solid #DEDEE2;box-shadow:0 16px 32px rgba(0,0,0,.18);opacity:1!important;visibility:visible!important;transform:none!important}
.cks-language-selector.is-open .cks-lang-dropdown{display:block!important}
.cks-lang-option{display:flex!important;align-items:center;min-height:40px;padding:0 14px!important;margin:0!important;font-size:14px!important;color:#1A1A1C!important;cursor:pointer;background:transparent!important}
.cks-lang-option:hover,.cks-lang-option.cks-active{background:#F4F4F5!important;color:#D31E27!important}
@media (max-width:1024px){.cks-banner-tag,.cks-banner-contact-item.cks-banner-mail{display:none!important}.cks-top-banner-content{min-height:40px}}

/* En-tête */
.cks-header{position:sticky!important;top:0!important;left:0;right:0;z-index:50!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;background:#0E0E10!important;color:#FFFFFF!important;border-bottom:1px solid transparent!important;box-shadow:none!important;transform:none!important;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .3s!important;opacity:1!important;visibility:visible!important}
.cks-header.cks-scrolled{border-bottom-color:rgba(255,255,255,.14)!important}
.cks-header.cks-hidden{transform:translateY(-100%)!important}
body.cks-actu-shell .cks-header.cks-header{top:0!important}
html body.cks-actu-shell{padding-top:0!important}
html body.cks-actu-shell .cks-top-banner{position:static!important;top:auto!important;height:auto!important;background:#0E0E10!important;transform:none!important;z-index:auto!important}
html body.cks-actu-shell .cks-top-banner-content{height:auto!important;min-height:44px}
html body.cks-actu-shell .cks-banner-contact-item{color:#C8C8CE!important}
.cks-nav{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px 32px;width:100%;max-width:1360px;min-height:88px!important;height:auto!important;margin:0 auto!important;padding:0 clamp(20px,4vw,40px)!important;background:transparent!important}
.cks-logo-container{display:flex!important;align-items:center!important;gap:12px;color:#FFFFFF!important;text-decoration:none!important}
.cks-header .cks-logo-img,.cks-header .cks-logo-svg,.cks-header img.cks-logo-img{width:42px!important;height:42px!important;max-width:none!important;margin:0!important;filter:none!important}
.cks-logo-text{display:block!important;color:#FFFFFF!important;font-size:22px!important;font-weight:600!important;letter-spacing:.02em!important;line-height:1!important}
.cks-nav-center{display:flex!important;flex-wrap:wrap;align-items:center!important;gap:0 6px!important;margin:0!important;padding:0!important;background:transparent!important}
.cks-nav-link{position:relative!important;display:flex!important;align-items:center!important;min-height:48px!important;margin:0!important;padding:0 14px!important;color:#FFFFFF!important;font-size:14.5px!important;font-weight:400!important;text-decoration:none!important;background:transparent!important;border:0!important;transition:color .2s!important}
.cks-nav-link::before,.cks-nav-link::after{display:none!important;content:none!important}
.cks-nav-link:hover,.cks-nav-link[aria-current="page"]{color:#FF8A90!important}
.cks-nav-right{display:flex!important;align-items:center!important;gap:12px!important}
.cks-header .cks-contact-btn,.cks-header a.cks-contact-btn,body.cks-actu-shell .cks-header .cks-contact-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px;min-height:46px!important;margin:0!important;padding:0 22px!important;background:transparent!important;color:#FFFFFF!important;font-size:14px!important;font-weight:500!important;border:1px solid rgba(255,255,255,.7)!important;border-radius:0!important;box-shadow:none!important;text-decoration:none!important;overflow:visible!important;transform:none!important;transition:background .2s,color .2s,border-color .2s!important}
.cks-header .cks-contact-btn:hover,body.cks-actu-shell .cks-header .cks-contact-btn:hover{background:#FFFFFF!important;color:#1A1A1C!important;border-color:#FFFFFF!important;transform:none!important}
.cks-header .cks-contact-btn::before,.cks-header .cks-contact-btn::after{display:none!important;content:none!important}
.cks-header .cks-contact-btn .contact-icon{display:none!important}
.cks-mobile-menu-btn{display:none!important;align-items:center;justify-content:center;width:48px!important;height:48px!important;margin:0 -8px 0 0!important;padding:0!important;background:transparent!important;border:0!important;color:#FFFFFF!important;font-size:24px!important;line-height:1;cursor:pointer;box-shadow:none!important}
@media (max-width:1024px){
  .cks-nav{min-height:68px!important}
  .cks-header .cks-logo-img{width:36px!important;height:36px!important}
  .cks-logo-text{font-size:19px!important}
  .cks-mobile-menu-btn{display:flex!important}
  .cks-header .cks-contact-btn{min-height:40px!important;padding:0 14px!important;font-size:13px!important}
  .cks-nav-center,.cks-header .cks-nav-center{position:absolute!important;left:0;right:0;top:100%;z-index:49;display:none!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:8px clamp(20px,4vw,40px) 16px!important;background:#0E0E10!important;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 24px 40px rgba(0,0,0,.4)}
  .cks-header.is-menu-open .cks-nav-center{display:flex!important}
  .cks-nav-link{min-height:52px!important;padding:0!important;font-size:17px!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
  .cks-nav-link:last-child{border-bottom:0!important}
}
.cks-header .cks-contact-btn .contact-text{white-space:nowrap}
@media (max-width:420px){.cks-header .cks-contact-btn,.cks-header a.cks-contact-btn{display:none!important}}

/* Pied de page : la grille, les couleurs et les titres viennent de cksquare-markup-guard (#cks-footer-unified). */
footer.cks-footer{font-family:Poppins,"Segoe UI",system-ui,sans-serif!important}
footer.cks-footer .cks-footer-logo{font-family:Poppins,sans-serif!important;font-weight:600!important;letter-spacing:.02em!important}
footer.cks-footer .cks-footer-links a:hover{color:#FF8A90!important}
footer.cks-footer .cks-footer-lpp{display:inline-flex;align-items:center;margin-top:16px}
footer.cks-footer .cks-footer-lpp img{height:44px;width:auto;display:block}
footer.cks-footer .cks-footer-bottom{display:flex!important;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;text-align:left!important}
footer.cks-footer .cks-footer-bottom a{color:#a1a1aa!important;text-decoration:none!important}
footer.cks-footer .cks-footer-bottom a:hover{color:#FFFFFF!important}

/* ---------- Méga-menu « Nos marques » ---------- */
.cks-mono{font-family:Poppins,"Segoe UI",system-ui,sans-serif;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.cks-nav-brands{gap:6px}
.cks-nav-chev{flex:0 0 10px;transition:transform .2s}
.cks-header.is-mega-open .cks-nav-chev{transform:rotate(180deg)}
.cks-header.is-mega-open .cks-nav-brands{color:#FF8A90!important;box-shadow:inset 0 -3px 0 #D31E27}
.cks-mega{position:absolute;left:0;right:0;top:100%;z-index:48;display:none;background:#fff;color:#1A1A1C;border-bottom:1px solid #DEDEE2;box-shadow:0 24px 48px rgba(26,26,28,.18)}
.cks-header.is-mega-open .cks-mega{display:block;animation:cks-mega-in .25s cubic-bezier(.2,.7,.2,1)}
@keyframes cks-mega-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.cks-mega-in{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:0 32px;max-width:1360px;margin:0 auto;padding:36px clamp(20px,4vw,40px)}
.cks-mega-intro{display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding-right:32px;border-right:1px solid #DEDEE2}
.cks-mega-intro p{margin:12px 0 0;font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.02em;color:#1A1A1C;text-wrap:balance}
.cks-mega-intro .cks-mono{color:#52525B}
.cks-mega-links{display:flex;flex-direction:column;gap:10px}
.cks-mega-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 16px;border:1px solid #DEDEE2;color:#1A1A1C!important;font-size:15px;font-weight:500;text-decoration:none!important;transition:border-color .2s,color .2s}
.cks-mega-links a:hover{border-color:#D31E27;color:#D31E27!important}
.cks-mega-tile{display:flex;flex-direction:column;gap:16px;padding:8px;margin:-8px;color:#1A1A1C!important;text-decoration:none!important;transition:background .2s}
.cks-mega-tile:hover{background:#F4F4F5}
.cks-mega-photo{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}
.cks-mega-photo img:not(.cks-mega-logo){display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.cks-mega-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,14,16,.1),rgba(14,14,16,.75))}
.cks-mega .cks-mega-logo{position:absolute;left:16px;bottom:14px;width:auto;max-width:200px;display:block}
.cks-mega-txt{display:flex;flex-direction:column;gap:6px}
.cks-mega-txt .cks-mono{color:#52525B}
.cks-mega-desc{font-size:15px;line-height:1.5;color:#3F3F46}
.cks-mega-go{display:inline-flex;align-items:center;gap:8px;margin-top:4px;font-size:15px;font-weight:600;color:#D31E27}
.cks-header.is-mega-open::after{content:"";position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(14,14,16,.45);z-index:-1}
@media (max-width:1024px){.cks-mega,.cks-nav-chev{display:none!important}.cks-header.is-mega-open::after{display:none}}
.cks-header .cks-contact-btn .cks-cb-icon{flex:0 0 auto;display:block}

/* Alignement : bandeau, en-tête et méga-menu sur la même grille fluide que le héro (marge 56 px max), à toutes les largeurs */
.cks-top-banner-content,.cks-nav,.cks-mega-in{max-width:none!important;padding-left:clamp(20px,4vw,56px)!important;padding-right:clamp(20px,4vw,56px)!important}


/* ---------- Volet « Être rappelé » ---------- */
html.cks-rp-open{overflow:hidden}
.cks-rp{position:fixed;left:0;right:0;top:0;bottom:0;z-index:2147482000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(14,14,16,.66);font-family:Poppins,"Segoe UI",system-ui,sans-serif;animation:cks-rp-fade .2s ease}
.cks-rp *{box-sizing:border-box}
.cks-rp-dialog{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 40px);overflow-y:auto;padding:22px clamp(20px,5vw,36px) 30px;background:#fff;color:#1A1A1C;text-align:center;line-height:1.5;animation:cks-rp-pop .3s cubic-bezier(.2,.7,.2,1)}
.cks-rp-form-view,.cks-rp-done-view{display:flex;flex-direction:column;align-items:center;gap:16px}
.cks-rp-form-view[hidden],.cks-rp-done-view[hidden]{display:none}
.cks-rp .cks-rp-x{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;background:transparent!important;border:0!important;color:#1A1A1C!important;box-shadow:none!important;cursor:pointer}
.cks-rp .cks-rp-x:hover{color:#D31E27!important}
.cks-rp-bar{width:28px;height:2px;margin-top:8px;background:#D31E27}
.cks-rp .cks-rp-title{margin:0;padding:0;font-family:inherit;font-size:26px;font-weight:600;line-height:1.15;letter-spacing:-.02em;color:#1A1A1C;text-transform:none}
.cks-rp .cks-rp-title:focus{outline:none}
.cks-rp .cks-rp-intro{margin:0;max-width:360px;font-size:15px;color:#52525B;text-wrap:balance}
.cks-rp-form{display:flex;flex-direction:column;gap:14px;width:100%;margin:0;text-align:left}
.cks-rp-fs{margin:0;padding:0;border:0;min-width:0}
.cks-rp-mono{display:block;width:100%;margin:0 0 8px;padding:0;text-align:center;font-family:Poppins,"Segoe UI",system-ui,sans-serif;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#52525B}
.cks-rp-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cks-rp-pill{position:relative;display:block;margin:0}
.cks-rp-pill input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.cks-rp-pill span{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 10px;border:1.5px solid #1A1A1C;background:#fff;color:#1A1A1C;font-size:14.5px;font-weight:500;cursor:pointer;transition:background .2s,color .2s}
.cks-rp-pill:hover span{background:#F4F4F5}
.cks-rp-pill input:checked+span{background:#1A1A1C;color:#fff}
.cks-rp-pill input:focus-visible+span{outline:2px solid #D31E27;outline-offset:2px}
.cks-rp-f{display:flex;flex-direction:column;gap:6px}
.cks-rp-f label{margin:0;font-size:14px;font-weight:500;color:#1A1A1C}
.cks-rp-f label span{font-weight:400;color:#6B6B74}
.cks-rp .cks-rp-f input,.cks-rp .cks-rp-f textarea{width:100%;height:52px;margin:0;padding:0 14px;font-family:inherit;font-size:16px;color:#1A1A1C;background:#fff;border:1px solid #8A8A94;border-radius:0;box-shadow:none}
.cks-rp .cks-rp-f textarea{height:auto;padding:12px 14px;resize:vertical}
.cks-rp .cks-rp-f input:focus,.cks-rp .cks-rp-f textarea:focus{outline:2px solid #D31E27;outline-offset:1px;border-color:#D31E27}
.cks-rp-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.cks-rp .cks-rp-err{margin:0;padding:10px 12px;font-size:14px;color:#A01118;background:#FDECEE;border-left:3px solid #D31E27;text-align:left}
.cks-rp .cks-rp-err[hidden]{display:none}
.cks-rp .cks-rp-submit,.cks-rp .cks-rp-back{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;padding:0 20px;font-family:inherit;font-size:16px;font-weight:600;border:0!important;border-radius:0!important;box-shadow:none!important;cursor:pointer;transition:background .2s}
.cks-rp .cks-rp-submit{background:#D31E27!important;color:#fff!important}
.cks-rp .cks-rp-submit:hover{background:#A01118!important}
.cks-rp .cks-rp-submit:disabled{opacity:.7;cursor:progress}
.cks-rp .cks-rp-back{background:#1A1A1C!important;color:#fff!important}
.cks-rp .cks-rp-back:hover{background:#D31E27!important}
.cks-rp .cks-rp-tel{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;font-size:15px;color:#3F3F46!important;text-decoration:none!important}
.cks-rp .cks-rp-tel strong{color:#1A1A1C}
.cks-rp .cks-rp-tel:hover strong{color:#D31E27}
.cks-rp-check{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-top:20px;background:#1A1A1C;color:#fff}
@keyframes cks-rp-fade{from{opacity:0}to{opacity:1}}
@keyframes cks-rp-pop{from{transform:translateY(14px)}to{transform:none}}
@keyframes cks-rp-up{from{transform:translateY(40px)}to{transform:none}}
@media (max-width:640px){
  .cks-rp{align-items:flex-end;padding:0}
  .cks-rp-dialog{max-width:none;max-height:94vh;padding-top:14px;animation:cks-rp-up .3s cubic-bezier(.2,.7,.2,1)}
}
@media (prefers-reduced-motion:reduce){.cks-rp,.cks-rp-dialog{animation:none}}

/* Bouton « Être rappelé » dans le menu mobile (invisible sur grand écran) */
.cks-nav-center .cks-nav-cta{display:none!important}
@media (max-width:1024px){
  .cks-nav-center .cks-nav-cta{display:flex!important;align-items:center;justify-content:center;gap:10px;margin-top:14px;min-height:54px!important;padding:0 20px!important;background:#fff!important;color:#1A1A1C!important;border:0!important;font-size:16px!important;font-weight:600!important}
  .cks-nav-center .cks-nav-cta:hover{background:#D31E27!important;color:#fff!important}
}


/* ---------- Menu mobile plein écran, centré (≤ 1024 px) ---------- */
.cks-nav-logos,.cks-nav-tel,.cks-nav-langs{display:none}
@media (max-width:1024px){
  html.cks-menu-open{overflow:hidden}
  html.cks-menu-open .cks-top-banner{display:none!important}
  .cks-header .cks-logo-container,.cks-header .cks-nav-right{position:relative;z-index:6}
  .cks-header.is-menu-open{background:#0E0E10!important}
  .cks-header.is-menu-open .cks-nav-center{
    position:fixed!important;left:0!important;right:0!important;top:0!important;bottom:0!important;z-index:5;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;
    padding:88px clamp(20px,6vw,40px) 28px!important;overflow-y:auto;background:#0E0E10!important;border:0!important;box-shadow:none!important}
  .cks-header.is-menu-open .cks-nav-center .cks-nav-link{justify-content:center;width:100%;max-width:420px;min-height:56px!important;padding:0!important;font-size:clamp(24px,7vw,30px)!important;font-weight:500!important;letter-spacing:-.01em;text-align:center;border:0!important}
  .cks-header.is-menu-open .cks-nav-center .cks-nav-link:hover{color:#FF8A90!important}
  .cks-header.is-menu-open .cks-nav-center .cks-nav-cta{max-width:420px;width:100%;margin-top:18px;font-size:16px!important;letter-spacing:0}
  .cks-header.is-menu-open .cks-nav-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 20px;padding:2px 0 14px}
  .cks-header.is-menu-open .cks-nav-logos a{display:flex;align-items:center;min-height:44px}
  .cks-header.is-menu-open .cks-nav-logos img{display:block;width:auto;height:30px;max-width:none}
  .cks-header.is-menu-open .cks-nav-tel{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:10px;font-size:18px;font-weight:500;color:#fff!important;text-decoration:none!important}
  .cks-header.is-menu-open .cks-nav-tel:hover{color:#FF8A90!important}
  .cks-header.is-menu-open .cks-nav-langs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-top:6px}
  .cks-nav-langs button{min-width:48px;min-height:44px;padding:0 10px;font-family:inherit;font-size:13px;font-weight:500;color:#fff!important;background:transparent!important;border:1px solid rgba(255,255,255,.4)!important;border-radius:0!important;box-shadow:none!important;cursor:pointer}
  .cks-nav-langs button[aria-pressed="true"]{background:#fff!important;color:#1A1A1C!important;border-color:#fff!important}
}

/* Cartouche « Fabriqué en France » du pied de page */
.cks-made{display:inline-flex;align-items:center;gap:12px;margin-top:14px;padding:9px 14px 9px 10px;border:1px solid rgba(255,255,255,.3)}
.cks-made-flag{display:flex;flex:0 0 auto;width:26px;height:17px}
.cks-made-flag i{display:block;flex:1 1 0}
.cks-made-flag i:nth-child(1){background:#0055A4}
.cks-made-flag i:nth-child(2){background:#fff}
.cks-made-flag i:nth-child(3){background:#EF4135}
.cks-made-txt{display:flex;flex-direction:column;gap:1px;line-height:1.25;text-align:left}
.cks-made-txt b{font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.cks-made-txt span{font-size:12px;font-weight:300;color:#C8C8CE}
footer.cks-footer .cks-footer-about{display:flex;flex-direction:column;align-items:flex-start}