/* Accueil, piste A (23/10/2026) : ouverture avec les chiffres, aiguillage en trois portes, services en court,
   ressources à jour, communauté. Chargée sur l'accueil seulement, après accueil.css (le socle). */
.h5-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ouverture */
.h5-ouv{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:56px;align-items:center;padding-top:64px;padding-bottom:24px}
.h5-ouv .a-h1{margin-top:16px}
.h5-bts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.h5-bts .c-bt--s,.h5-portes .c-bt--s{background:#fff;color:var(--encre);border:2px solid var(--encre)}
.h5-chiffres{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--encre);background:#fff;box-shadow:6px 6px 0 var(--bleu)!important}
.h5-chiffres li{padding:22px 20px;display:grid;gap:6px;align-content:start}
.h5-chiffres li:nth-child(odd){border-right:1px solid var(--filet)}
.h5-chiffres li:nth-child(-n+2){border-bottom:1px solid var(--filet)}
.h5-chiffres b{font:800 40px/1 var(--titre);letter-spacing:-.04em;color:var(--bleu)}
.h5-chiffres span{font-size:14.5px;line-height:1.4}

/* sections */
.h5-sec{padding-top:72px}
.h5-lien{display:inline-block;font:600 15px/1.3 var(--texte);color:var(--bleu);margin-top:12px}

/* les trois portes */
.h5-portes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.h5-portes li{border:2px solid var(--encre);padding:26px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:#fff}
.h5-portes li:first-child{border-color:var(--bleu);box-shadow:6px 6px 0 var(--bleu)!important}
.h5-qui{font:800 22px/1.15 var(--titre);letter-spacing:-.02em;margin:0}
.h5-quoi{font-size:16px;line-height:1.5;color:var(--gris-texte);margin:0 0 auto;padding-bottom:8px}
.h5-portes .h5-lien{margin-top:0}
.h5-prix{font:500 13px/1 var(--mono);color:var(--gris-texte);margin:0}

/* services en court */
.h5-temps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:2px solid var(--encre)}
.h5-temps li{padding:22px 28px 8px 0}
.h5-temps li+li{padding-left:28px;border-left:1px solid var(--filet)}
.h5-temps h3{font:800 30px/1 var(--titre);letter-spacing:-.04em;margin:6px 0 10px}
.h5-temps p{font-size:16px;line-height:1.5;color:var(--gris-texte);margin:0}
.h5-temps .e-num{font:500 13px/1 var(--mono);color:var(--bleu)}
.h5-temps .h5-svc{color:var(--encre);margin-bottom:8px}
.h5-depart{margin:28px 0 0;padding:18px 20px;background:var(--creme);font-size:16.5px;line-height:1.5}
.h5-depart a{color:var(--bleu);font-weight:600;margin-left:6px}

/* ressources */
.h5-ress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.h5-ress h3{font:700 18px/1.2 var(--titre);margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid var(--encre)}
.h5-evs,.h5-rubs,.h5-arts{list-style:none;margin:0;padding:0}
.h5-evs li{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--filet)}
.h5-date{display:grid;justify-items:center;align-content:center;width:58px;height:58px;border:2px solid var(--encre)}
.h5-date b{font:800 18px/1 var(--titre)}
.h5-date i{font:500 11px/1.3 var(--mono);font-style:normal;color:var(--gris-texte)}
.h5-ev-f,.h5-ev-l{font:500 12px/1.4 var(--mono);color:var(--gris-texte);margin:0}
.h5-evs a,.h5-arts a{font:700 16px/1.25 var(--titre);color:var(--encre);text-decoration:none}
.h5-evs a:hover,.h5-arts a:hover,.h5-rubs a:hover{color:var(--bleu)}
.h5-rubs li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--filet)}
.h5-rubs a{color:var(--encre);text-decoration:none;font-size:16px}
.h5-rubs i{font:500 13px/1.4 var(--mono);font-style:normal;color:var(--gris-texte)}
.h5-arts li{padding:11px 0;border-bottom:1px solid var(--filet)}
.h5-arts p{font:500 12px/1.4 var(--mono);color:var(--gris-texte);margin:4px 0 0}
.h5-news{margin-top:40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border:2px solid var(--encre)}
.h5-news p{margin:0;font-size:16.5px}
.h5-news>div{flex:0 1 440px}
.h5-news form{display:flex;gap:8px}
.h5-news .h5-news-m{font:400 12.5px/1.4 var(--mono);color:var(--gris-texte);margin:6px 0 0}
.h5-news input{flex:1;min-height:48px;border:2px solid var(--encre);padding:0 12px;font:400 16px var(--texte)}

/* communauté */
.h5-comm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start;background:var(--creme);padding:44px 48px}
.h5-comm-li{margin:8px 0 18px;padding-left:20px;font-size:17px;line-height:1.6}
.h5-comm-prix{font-size:16px;margin:0 0 16px}

@media (max-width:860px){
  .h5-ouv,.h5-comm{grid-template-columns:1fr;gap:32px}
  .h5-ouv{padding-top:36px}
  .h5-portes,.h5-temps,.h5-ress{grid-template-columns:1fr}
  .h5-temps li+li{padding-left:0;border-left:0;border-top:1px solid var(--filet)}
  .h5-comm{padding:28px 20px}
  .h5-chiffres b{font-size:32px}
  .h5-news>div{flex:1 1 100%;min-width:0}
  .h5-news input{min-width:0}
}