/* Styles limités aux nouveaux boutons. */
#Top_bar #menu > ul > li.ccsc-nav-item,
#Side_slide li.ccsc-nav-item{float:none;clear:none;border:0;margin:0;padding:6px 10px;list-style:none}
.ccsc-nav-tools{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;font-family:Arial,sans-serif;line-height:1.2}
.ccsc-nav-tools a.ccsc-nav-social{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin:0;border:1px solid #d4dfe6;border-radius:50%;background:#eef3f6;color:#064b7d;text-decoration:none;flex-shrink:0}
.ccsc-nav-tools a.ccsc-nav-social:hover{color:#fff;background:#064b7d}
.ccsc-nav-tools .ccsc-nav-social svg{width:16px;height:16px;fill:currentColor}
.ccsc-nav-tools a.ccsc-nav-signal{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 12px;margin:0 0 0 3px;min-height:46px;border:1px solid #ffffff40;border-radius:9px;background:#064b7d;color:#fff;text-decoration:none;box-shadow:0 3px 12px #062e4920}
.ccsc-nav-tools a.ccsc-nav-signal:hover{background:#083859;color:#fff}
.ccsc-nav-tools .ccsc-nav-signal svg{width:19px;height:19px;fill:currentColor;flex-shrink:0}
.ccsc-nav-tools .ccsc-nav-copy{display:block;padding:0;border:0;color:inherit;text-align:left}
.ccsc-nav-tools .ccsc-nav-copy strong{display:block;font-size:12px;line-height:16px;font-weight:700;white-space:nowrap}
.ccsc-nav-tools .ccsc-nav-value{display:block;font-size:12px;line-height:16px;font-weight:400;margin:0;padding:0;color:inherit}
.ccsc-nav-tools .ccsc-nav-lamp{display:block;width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#ff2447;animation:ccsc-nav-ring 1.8s ease-in-out infinite}
.ccsc-nav-tools [data-state="unavailable"] .ccsc-nav-lamp,.ccsc-nav-tools [data-state="stale"] .ccsc-nav-lamp{animation:none;background:#ffce70}
.ccsc-nav-tools a:focus-visible{outline:3px solid #d79400;outline-offset:3px}
.ccsc-nav-static .ccsc-nav-lamp{animation:none}
@keyframes ccsc-nav-ring{0%,100%{opacity:1;box-shadow:0 0 0 0 var(--ccsc-lamp,#ff2447)}60%{opacity:.55;box-shadow:0 0 0 7px #ff244700}}
@media(min-width:1240px){#Top_bar #menu > ul.ccsc-nav-ready{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap}#Top_bar #menu > ul.ccsc-nav-ready > li{flex-shrink:0}}
@media(max-width:1239px){#Top_bar #menu > ul > li.ccsc-nav-item,#Side_slide li.ccsc-nav-item{clear:both;width:100%;padding:12px 8px}.ccsc-nav-tools{gap:8px}}
@media(prefers-reduced-motion:reduce){.ccsc-nav-tools .ccsc-nav-lamp{animation:none}}
/* Valeurs modifiables dans CCSC-Navigation. */
.ccsc-nav-tools{gap:var(--ccsc-gap,7px)}
.ccsc-nav-tools a.ccsc-nav-social{width:var(--ccsc-size,32px);height:var(--ccsc-size,32px);background:var(--ccsc-social-background,#eef3f6);color:var(--ccsc-social-text,#064b7d)}
.ccsc-nav-tools a.ccsc-nav-social:hover{background:var(--ccsc-social-text,#064b7d);color:var(--ccsc-social-background,#eef3f6)}
.ccsc-nav-tools a.ccsc-nav-labelled{width:auto;min-width:var(--ccsc-size,32px);padding:0 10px;gap:6px;border-radius:var(--ccsc-radius,9px);font-size:var(--ccsc-font-size,12px)}
.ccsc-nav-tools a.ccsc-nav-labelled span{padding:0;line-height:1.2}
.ccsc-nav-tools a.ccsc-nav-signal{background:var(--ccsc-background,#064b7d);color:var(--ccsc-text,#fff);border-radius:var(--ccsc-radius,9px)}
.ccsc-nav-tools a.ccsc-nav-signal:hover{background:var(--ccsc-hover,#083859);color:var(--ccsc-text,#fff)}
.ccsc-nav-tools .ccsc-nav-copy strong,.ccsc-nav-tools .ccsc-nav-value{font-size:var(--ccsc-font-size,12px);line-height:1.35}
.ccsc-nav-tools .ccsc-nav-lamp{background:var(--ccsc-lamp,#ff2447);animation-duration:var(--ccsc-speed,1.8s)}
.ccsc-nav-tools [data-state="unavailable"] .ccsc-nav-lamp,.ccsc-nav-tools [data-state="stale"] .ccsc-nav-lamp{background:#ffce70}
/* En-tête CCSC : garder le logo à sa place et utiliser l’espace libre à droite. */
@media(min-width:1240px){
  body.header-fixed #Top_bar.ccsc-nav-header{
    background:linear-gradient(to right,rgba(255,255,255,0) 33%,rgba(255,255,255,1) 67%)!important;
    box-shadow:none;
  }
  body.header-fixed #Top_bar.ccsc-nav-header > .container{
    width:auto!important;
    max-width:none!important;
    margin-left:max(0px,calc((100% - 1220px)/2))!important;
    margin-right:24px!important;
  }
  body.header-fixed #Top_bar.ccsc-nav-header .top_bar_left,
  body.header-fixed #Top_bar.ccsc-nav-header .menu_wrapper,
  body.header-fixed #Top_bar.ccsc-nav-header #menu{
    background:transparent!important;
  }
  body.header-fixed #Top_bar.ccsc-nav-header .top_bar_left{width:100%!important}
  body.header-fixed #Top_bar.ccsc-nav-header .menu_wrapper{float:right}
}

/* Alerte douce uniquement lorsque le taux valide dépasse la base de 100 %. */
.ccsc-nav-tools .ccsc-nav-lamp{animation:none!important}
.ccsc-nav-tools .ccsc-nav-signal.ccsc-nav-overflow{animation:ccsc-nav-heartbeat max(2s,var(--ccsc-speed,2.4s)) ease-in-out infinite;transform-origin:center}
@keyframes ccsc-nav-heartbeat{0%,60%,100%{transform:scale(1)}20%{transform:scale(1.035)}35%{transform:scale(1)}45%{transform:scale(1.02)}}
.ccsc-nav-tools.ccsc-nav-static .ccsc-nav-signal{animation:none}
@media(prefers-reduced-motion:reduce){.ccsc-nav-tools .ccsc-nav-signal.ccsc-nav-overflow{animation:none}}