<p><img src="" alt="" width="1092" height="728" loading="lazy"></p>



/* Outil FL-JARDIN : capacité d’eau. CSS isolé sous .flj-capacite.
   Palette : modifiez les variables au début du bloc. */
.
============================================================ -->

<style>
/* ---------- CSS isolé : .flj-capacite ---------- */
.flj-capacite{
  --flj-vert:#2f5d3a;
  --flj-vert-clair:#eaf1e6;
  --flj-eau:#1f6f8b;
  --flj-texte:#25302a;
  --flj-bord:#c3d1bd;
  --flj-alerte:#7a4f00;
  --flj-alerte-fond:#fff3d6;

  box-sizing:border-box;
  max-width:720px;
  margin:2rem auto;
  padding:1.5rem 1.5rem 1.25rem;
  background:#fff;
  color:var(--flj-texte);
  font-family:inherit;
  font-size:1rem;
  line-height:1.55;
  border:1px solid var(--flj-bord);
  border-top:6px solid var(--flj-vert);
  border-radius:4px;
}
.flj-capacite *,
.flj-capacite *::before,
.flj-capacite *::after{box-sizing:border-box}

.flj-capacite .flj-cap-titre{
  margin:0 0 .35rem;
  font-size:1.35rem;
  line-height:1.25;
  color:var(--flj-vert);
}
.flj-capacite .flj-cap-intro{margin:0 0 1.25rem}

.flj-capacite .flj-cap-champs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.flj-capacite .flj-cap-champ{display:flex;flex-direction:column;min-width:0}
.flj-capacite .flj-cap-champ label{
  margin-bottom:.35rem;
  font-weight:600;
}
.flj-capacite .flj-cap-champ input,
.flj-capacite .flj-cap-champ select{
  width:100%;
  min-height:44px;
  padding:.5rem .65rem;
  font:inherit;
  color:var(--flj-texte);
  background:#fff;
  border:1px solid #8aa083;
  border-radius:3px;
}
.flj-capacite .flj-cap-champ select:disabled{
  background:#f1f3ef;
  color:#7b857a;
}
.flj-capacite .flj-cap-champ input:focus-visible,
.flj-capacite .flj-cap-champ select:focus-visible,
.flj-capacite .flj-cap-cta:focus-visible{
  outline:3px solid var(--flj-eau);
  outline-offset:2px;
}
.flj-capacite .flj-cap-aide{
  margin:.35rem 0 0;
  font-size:.85rem;
  color:#55645a;
}

.flj-capacite .flj-cap-option{margin-top:1rem;max-width:calc(33.333% + 0rem)}
.flj-capacite .flj-cap-option-large{max-width:none}
.flj-capacite .flj-cap-option select{max-width:100%}

.flj-capacite .flj-cap-resultat{
  margin-top:1.5rem;
  padding:1.1rem 1.25rem;
  background:var(--flj-vert-clair);
  border-left:6px solid var(--flj-eau);
  min-height:1rem; /* réserve la place du résultat : pas de saut de page */
}
.flj-capacite .flj-cap-vide{margin:0;color:#55645a}

.flj-capacite .flj-cap-chiffres{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem 1.5rem;
  margin:0;
}
.flj-capacite .flj-cap-chiffre{margin:0}
.flj-capacite .flj-cap-valeur{
  display:block;
  font-size:2.4rem;
  font-weight:700;
  line-height:1.1;
  color:var(--flj-eau);
}
.flj-capacite .flj-cap-unite{
  font-size:1.1rem;
  font-weight:600;
  margin-left:.25rem;
}
.flj-capacite .flj-cap-etiquette{display:block;margin-top:.2rem;font-weight:600}
.flj-capacite .flj-cap-detail{display:block;font-size:.9rem;color:#4a5a4f}

.flj-capacite .flj-cap-note{margin:1rem 0 0;font-size:.92rem}
.flj-capacite .flj-cap-alerte{
  margin:1rem 0 0;
  padding:.65rem .85rem;
  font-size:.92rem;
  color:var(--flj-alerte);
  background:var(--flj-alerte-fond);
  border-left:4px solid #d9a21b;
}
.flj-capacite .flj-cap-suite{margin:1rem 0 0}

.flj-capacite .flj-cap-pied{
  margin:1.25rem 0 0;
  padding-top:.9rem;
  font-size:.82rem;
  color:#55645a;
  border-top:1px solid var(--flj-bord);
}
.flj-capacite .flj-cap-cta{
  display:inline-block;
  margin-top:.75rem;
  padding:.65rem 1.1rem;
  font-weight:600;
  color:#fff;
  background:var(--flj-vert);
  border-radius:3px;
  text-decoration:none;
}
.flj-capacite .flj-cap-cta:hover{background:#244a2e}

@media (max-width:620px){
  .flj-capacite{padding:1.15rem 1rem}
  .flj-capacite .flj-cap-champs{grid-template-columns:1fr}
  .flj-capacite .flj-cap-option{max-width:none}
  .flj-capacite .flj-cap-chiffres{grid-template-columns:1fr}
  .flj-capacite .flj-cap-resultat{min-height:18rem}
}
