/* V21.2 — formats et avantages : icônes bleues, lecture accessible */
#formats .formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#formats .format{min-height:125px!important;padding:19px!important;border-radius:16px!important;gap:16px!important;background:#f3f9fd!important}
#formats .fmticon{flex:0 0 65px!important;width:65px!important;height:65px!important;border-radius:14px!important;background:#e2f4ff!important;display:grid;place-items:center}
#formats .fmticon img{display:block;width:43px;height:43px}
#formats .format b{font-size:clamp(19px,1.35vw,23px)!important;line-height:1.25!important}
#formats .format p{font-size:clamp(16px,1.1vw,18px)!important;line-height:1.4!important;margin-top:7px!important}
#apropos .benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:22px 0 30px}
#apropos .benefit{padding:24px 22px;border-radius:15px;border:1px solid #dfeff8;background:#fff;align-items:flex-start;gap:16px}
#apropos .benefit span{flex:0 0 58px;width:58px;height:58px;border-radius:14px;display:grid;place-items:center;background:#e8f6ff}
#apropos .benefit span img{width:43px;height:43px}
#apropos .benefit b{font-size:clamp(18px,1.3vw,22px)!important}
#apropos .benefit p{font-size:clamp(17px,1.12vw,19px)!important;line-height:1.5!important}
@media(max-width:900px){#formats .formats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#formats .formats,#apropos .benefits{grid-template-columns:1fr}#formats .format{min-height:110px!important}}