
.cbs-top{background:#092142;color:rgba(255,255,255,.78);font:13.5px Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.cbs-top .in{max-width:1200px;margin:0 auto;padding:11px 32px;display:flex;align-items:center;justify-content:center;gap:24px}
.cbs-top .lab{color:rgba(255,255,255,.55);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.cbs-top a{color:rgba(255,255,255,.85);text-decoration:none}.cbs-top a:hover{color:#5BC889}
.cbs-top .all{margin-left:10px;padding-left:24px;border-left:1px solid rgba(255,255,255,.2);color:#5BC889;font-weight:500}.cbs-top .all:hover{color:#fff}
@media(max-width:600px){.cbs-top .in{padding:9px 16px;gap:12px;font-size:12.5px;flex-wrap:wrap}.cbs-top .lab{width:100%;text-align:center}.cbs-top .all{margin-left:0;padding-left:0;border:0}}
.cbs-foot{--line:rgba(255,255,255,.10);--txt:rgba(255,255,255,.75);--muted:rgba(255,255,255,.55);background:#092142;color:var(--txt);font:15px/1.8 Inter,"Segoe UI",Helvetica,Arial,sans-serif;margin:0}
.cbs-foot *{box-sizing:border-box;margin:0;padding:0}
.cbs-foot .wrap{max-width:1200px;margin:0 auto;padding:0 56px}
.cbs-foot a{color:var(--txt);text-decoration:none;transition:color .15s}.cbs-foot a:hover{color:#5BC889}
.cbs-foot .main{display:grid;grid-template-columns:1fr auto auto auto;gap:72px;padding:88px 0 80px}
.cbs-foot .name{font-size:24px;font-weight:800;color:#fff;letter-spacing:.02em;line-height:1.2}
.cbs-foot .domain{display:block;font-size:13px;font-weight:600;color:#5BC889;margin-top:6px}
.cbs-foot .brand p{margin-top:22px;max-width:280px}
.cbs-foot .main li{white-space:nowrap}.cbs-foot .group a{white-space:nowrap;color:#fff}.cbs-foot .group a:hover{color:#5BC889}
.cbs-foot .m-only{display:none}
.cbs-foot h4{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:24px;line-height:1.2}
.cbs-foot h4::after{content:"";display:block;width:24px;height:2px;background:#1C8048;margin-top:12px}
.cbs-foot ul{list-style:none}.cbs-foot li{margin-bottom:12px}
.cbs-foot .group{border-top:1px solid var(--line);padding:36px 0 40px;text-align:center}
.cbs-foot .group .label{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.cbs-foot .group p{font-size:13.5px;line-height:2.1;color:#fff;max-width:860px;margin:0 auto}
.cbs-foot .group .sep{margin:0 6px;opacity:.6}
.cbs-foot .bottom{border-top:1px solid var(--line)}
.cbs-foot .bottom .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:24px;padding-bottom:24px;font-size:13px;color:var(--muted)}
.cbs-foot .bottom a{color:var(--muted)}.cbs-foot .bottom .sep{margin:0 10px}
.cbs-foot .lang{color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:6px;padding:5px 12px;font:600 13px Inter,sans-serif;background:transparent}
@media (max-width:640px){.cbs-foot .wrap{padding:0 28px}.cbs-foot .main{grid-template-columns:1fr 1fr;gap:48px 24px;padding:60px 0 52px}.cbs-foot .brand,.cbs-foot .contact{grid-column:1/-1}.cbs-foot .group{text-align:left;padding:32px 0}.cbs-foot .group .sep{margin:0 2px}.cbs-foot .group br{display:none}.cbs-foot .group .m-only{display:inline}.cbs-foot .brand p,.cbs-foot .main li{white-space:normal}.cbs-foot .m-hide{display:none}.cbs-foot .bottom .copy{display:block;margin-bottom:4px}.cbs-foot .bottom .wrap{flex-direction:column;align-items:flex-start;gap:14px}}

.cbs-foot .contact li span{color:rgba(255,255,255,.6)}
.cbs-foot .credits{font-size:12px;line-height:1.7;color:var(--muted);text-align:center;padding:0 0 28px}.cbs-foot .credits a{color:var(--muted);text-decoration:underline}
.cbs-foot .group p{display:block}#sites-cbs-group .gi{white-space:nowrap}
@media (max-width:640px){#sites-cbs-group p{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}#sites-cbs-group .sep,#sites-cbs-group .gbr{display:none}.cbs-foot .credits{text-align:left}}
@media (max-width:640px){.cbs-foot .group{text-align:center}#sites-cbs-group p{justify-items:center;text-align:center}}
footer.cbs-foot{border-radius:0!important;padding:0!important;margin:0!important;max-width:none!important;width:auto!important;box-shadow:none!important}
.cbs-foot .name{white-space:nowrap}
.cbs-foot .brand p{font-size:15px;line-height:1.8;color:var(--txt)}
.cbs-foot p.credits{max-width:none;margin:0 auto;font-size:12px;line-height:1.7;color:var(--muted)}
.cbs-foot h4{font-family:inherit}

/* ceo-hb2710 : bandeau « Nos sites » mobile : padding, centrage, liens sur une ligne + « Voir tous » centré dessous (réf. cbs-emballages.com) */
@media (max-width:760px){
body .cbs-top{height:auto!important;min-height:0!important}
body .cbs-top .in{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;align-content:center!important;gap:3px 14px!important;padding:8px 12px 9px!important;height:auto!important;min-height:0!important;overflow:visible!important;white-space:nowrap!important;text-align:center!important;max-width:none!important}
body .cbs-top .lab{display:none!important}
body .cbs-top .in a{font-size:12px!important;line-height:1.4!important;margin:0!important;padding:0!important;border:0!important}
body .cbs-top .in a.all{flex:0 0 100%!important;width:100%!important;text-align:center!important}
body .satbar .wrap{min-height:0!important;align-items:center!important}
body .satbar .cbs-top .in{padding:8px 0 9px!important;gap:3px 14px!important}
body .satbar .cbs-top .in a{min-height:0!important;display:inline-block!important}
}
/* ceo-hb2710 : liens « Sites CBS Groupe » du pied de page en blanc pur comme sur CBS */
footer.cbs-foot .group a{color:#fff!important}
footer.cbs-foot .group a:hover{color:#5BC889!important}
