
/* tableaux de comparaison et de coûts */
.tbl-cout{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}
.tbl-cout th,.tbl-cout td{padding:10px 12px;text-align:left;border-bottom:1px solid #E5E7EB}
.tbl-cout th{background:#F9FAFB;font-weight:600;font-size:14px;color:#374151}
.tbl-cout tr:last-child td{border-bottom:none}
.tbl-cout td:first-child{font-weight:500}
@media(max-width:600px){.tbl-cout{font-size:13.5px}.tbl-cout th,.tbl-cout td{padding:8px}}

/* ---------- calculateur de consommation ---------- */
.chapo{font-size:17px;line-height:1.6;color:#4B5563;margin-bottom:22px}
.calc-tarif{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;padding:14px 16px;margin-bottom:20px}
.calc-tarif label{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px}
.calc-tarif input{width:100px;padding:8px 10px;border:1px solid #D1D5DB;border-radius:7px;font-size:15px}
.calc-note{font-size:13px;color:#6B7280}
.calc-tbl{width:100%;border-collapse:collapse;font-size:15px;margin-bottom:22px}
.calc-tbl th{background:#F9FAFB;padding:11px 10px;text-align:left;font-size:13.5px;
  color:#374151;border-bottom:2px solid #E5E7EB}
.calc-tbl td{padding:9px 10px;border-bottom:1px solid #F3F4F6;vertical-align:middle}
.calc-tbl .nb{text-align:right}
.calc-tbl label{display:flex;align-items:center;gap:9px;cursor:pointer}
.calc-tbl label input{width:17px;height:17px;cursor:pointer;flex-shrink:0}
.calc-tbl td em{display:block;font-size:12.5px;color:#9CA3AF;margin-left:26px;font-style:normal}
.calc-tbl input[type=number]{width:62px;padding:5px 7px;border:1px solid #D1D5DB;
  border-radius:6px;font-size:14px;text-align:right}
.calc-tbl tr.on{background:#EFF6FF}
.calc-tbl tr.on .ap-res{font-weight:700;color:#2563EB}
.calc-total{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}
.calc-total div{background:#2563EB;color:#fff;border-radius:12px;padding:18px 16px;text-align:center}
.calc-total span{display:block;font-size:13px;opacity:.85;margin-bottom:5px}
.calc-total b{font-size:26px;font-weight:800}
.calc-top{margin:26px 0}
.calc-top h3{font-size:17px;margin-bottom:12px}
.tp{display:grid;grid-template-columns:1fr 120px 76px;align-items:center;gap:12px;
  padding:9px 0;border-bottom:1px solid #F3F4F6;font-size:14.5px}
.tp i{display:block;height:8px;border-radius:4px;background:#2563EB;opacity:.75}
.tp b{text-align:right;font-weight:700}
@media(max-width:640px){
  .calc-total{grid-template-columns:1fr}
  .calc-tbl{font-size:13.5px}
  .calc-tbl th:nth-child(3),.calc-tbl td:nth-child(3){display:none}
  .tp{grid-template-columns:1fr 60px 66px;font-size:13.5px}
}
.seo-l{margin:20px 0;padding:13px 16px;background:#EFF6FF;border-left:3px solid #2563EB;
       border-radius:0 8px 8px 0;font-size:15px}
.seo-l a{color:#1D4ED8;font-weight:600;text-decoration:none}
.seo-l a:hover{text-decoration:underline}
.bud{margin:16px 0}
.bud dt{font-weight:700;color:#1F2937;margin-top:14px;font-size:15.5px}
.bud dd{margin:5px 0 0;color:#4B5563;line-height:1.6;padding-left:0}
.src{font-size:13px;color:#6B7280;font-style:italic;margin-top:-8px;margin-bottom:18px}
.prix-note{
  background:#FEF3C7;border-left:3px solid #F59E0B;border-radius:0 8px 8px 0;
  padding:12px 15px;font-size:14.5px;line-height:1.55;color:#78350F;margin:18px 0;
}

