:root{--ci-nuit:#1d2433;--ci-vif:#e8792b;--ci-clair:#f4f1ec}
*{box-sizing:border-box}
body{margin:0;background:var(--ci-clair);color:#2a2f3a;font-family:"Segoe UI",Roboto,"Helvetica Neue",system-ui,sans-serif;font-size:16px;line-height:1.65}
.ci-entete{background:var(--ci-nuit);color:#fff;text-align:center;padding:44px 18px 38px}
.ci-sigle{display:inline-block;font-size:54px;font-weight:800;letter-spacing:10px;padding:0 6px 0 16px;border:4px solid var(--ci-vif);line-height:1.25}
.ci-entete h1{font-size:21px;font-weight:400;margin:18px 0 0}
.ci-entete p{margin:6px 0 0;color:#b9c0cf;font-size:15px}
.ci-col{max-width:720px;margin:0 auto;padding:10px 18px 30px}
.ci-part{background:#fff;border-top:4px solid var(--ci-vif);padding:8px 24px 18px;margin-top:26px}
.ci-part h2{font-size:22px;color:var(--ci-nuit);margin:14px 0 8px}
.ci-part h3{font-size:17px;color:var(--ci-vif);margin:22px 0 4px}
.ci-axes{list-style:none;padding:0;margin:16px 0 4px;counter-reset:axe}
.ci-axes li{counter-increment:axe;position:relative;padding:8px 0 8px 46px;border-bottom:1px solid #ece7df}
.ci-axes li:last-child{border-bottom:0}
.ci-axes li::before{content:counter(axe);position:absolute;left:0;top:9px;width:30px;height:30px;line-height:30px;text-align:center;background:var(--ci-nuit);color:#fff;font-weight:700}
.ci-axes b{display:block;color:var(--ci-nuit)}
.ci-dates{list-style:none;padding:0}
.ci-dates li{padding:6px 0}
.ci-dates span{display:inline-block;min-width:190px;font-weight:700;color:var(--ci-nuit)}
.ci-fin{background:var(--ci-nuit);color:#b9c0cf;text-align:center;padding:22px 18px 26px;font-size:14px}
.ci-fin nav{margin-bottom:10px}
.ci-fin a{color:#fff;text-decoration:none;margin:0 9px;display:inline-block;border-bottom:2px solid var(--ci-vif)}
@media (max-width:480px){.ci-sigle{font-size:40px;letter-spacing:6px}.ci-part{padding:6px 16px 14px}.ci-dates span{display:block;min-width:0}}
