/* ------------------------------------------------------------------ article
   Balises utilisées par le corps des ressources et qui n'avaient aucun style :
   listes, tableaux, sous-titres, encarts. Registre éditorial — pas de filet
   sous les titres, pas de bordure gauche, pas d'icone de statut, pas de
   pastille. La hiérarchie se fait à la graisse, aux capitales espacees et au
   vide. Chargee uniquement par /ressource/ via $PAGE['css'].              */

.article h3{font-size:1.12rem;font-weight:700;color:var(--ink);
  margin:30px 0 10px;line-height:1.35}

.article ul,.article ol{margin:0 0 18px;padding:0 1.15em 0 0;
  color:var(--ink2);font-size:1.05rem}
.article ul{list-style:none;padding-right:0}
.article ul>li{position:relative;padding-right:1.15em;margin-bottom:9px;line-height:1.6}
.article ul>li::before{content:"—";position:absolute;right:0;top:0;
  color:var(--dim);font-weight:600}
.article ol>li{margin-bottom:9px;line-height:1.6;padding-right:.25em}
.article li>strong{color:var(--ink)}

.article strong{color:var(--ink);font-weight:600}

/* Tableaux de prix et de comparaison. Defilement horizontal porte par un
   conteneur, jamais par la page. */
.article .tw{overflow-x:auto;margin:0 0 22px;-webkit-overflow-scrolling:touch}
.article table{width:100%;min-width:520px;border-collapse:collapse;
  font-size:.96rem}
.article thead th{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--dim);font-weight:700;text-align:right;
  padding:0 0 9px 16px;border-bottom:1px solid var(--line2);white-space:nowrap}
.article tbody td{padding:12px 0 12px 16px;color:var(--ink2);
  border-bottom:1px solid var(--line);vertical-align:top;line-height:1.5}
.article tbody tr:last-child td{border-bottom:0}
.article td:first-child{color:var(--ink);font-weight:600}
/* Chiffres : alignement tabulaire et pas de retour a la ligne. L'alignement a
   droite et la suppression de la gouttiere ne valent que pour la DERNIERE
   colonne — au milieu du tableau, elles collent le montant au texte suivant. */
.article th.num,.article td.num{white-space:nowrap;
  font-variant-numeric:tabular-nums}
.article th:last-child,.article td:last-child{padding-left:0}
.article th.num:last-child,.article td.num:last-child{text-align:left}

/* Encart : bloc plein, pas de bordure gauche. Sert aux mises en garde et aux
   renvois vers une page de service. */
.article .encart{background:var(--paper2);padding:22px 24px;margin:26px 0}
.article .encart p{margin:0;font-size:1rem}
.article .encart p+p{margin-top:10px}
.article .encart .et{display:block;font-family:var(--mono);font-size:.7rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--dim);
  font-weight:700;margin-bottom:9px}

.article figure.chiffre{margin:26px 0;padding:0}
.article figure.chiffre .v{display:block;font-family:var(--mono);
  font-size:2.4rem;font-weight:700;color:var(--ink);line-height:1}
.article figure.chiffre figcaption{margin-top:8px;color:var(--ink2);
  font-size:.95rem;max-width:46ch}

@media (max-width:640px){
  .article table{min-width:440px;font-size:.9rem}
  .article figure.chiffre .v{font-size:1.9rem}
}