:root{--lune-nuit:#181124;--lune-nuit-moyen:#2a1932;--lune-nuit-clair:#4c305a;--lune-fond:#ada9e8;--lune-encart:#e9bffc;--lune-encart-survol:#cbb4f2;--lune-mot:#ab94d3;--lune-bord:#8b639e;--lune-bord-fin:#8e8ac9;--lune-gris:#222040;--lune-doux:#3b3866;--lune-ocre:#36284d}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--lune-fond);color:#080811;font-family:'Work Sans',system-ui,sans-serif;font-size:15.5px;line-height:1.65}
h1,h2,h3{font-family:'Work Sans',system-ui,sans-serif;font-weight:700;letter-spacing:-.015em;line-height:1.24}
img{max-width:100%;display:block}
a{color:var(--lune-nuit);text-decoration:none}
a:hover{color:var(--lune-nuit-clair)}
.lune_cadre{max-width:1140px;margin:0 auto;padding:0 18px}

/* barre de tete */
.lune_bandeau{background:var(--lune-nuit);color:var(--lune-encart);padding:14px 0}
.lune_bandeau .lune_cadre{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.lune_enseigne{font-weight:700;font-size:1.18rem;color:var(--lune-encart);letter-spacing:-.02em}
.lune_enseigne_fin{color:var(--lune-nuit-clair)}
.lune_voies{min-width:0}
.lune_voie{color:#6f5a94;font-size:.87rem;margin-left:19px}
.lune_voie:hover{color:var(--lune-encart)}

/* bandeau d'accroche */
.lune_accroche{background:var(--lune-encart);border-bottom:1px solid var(--lune-bord);padding:32px 0 28px}
.lune_titre{font-size:clamp(1.45rem,3.2vw,1.72rem);margin-bottom:12px;max-width:40rem}
.lune_chapo{color:var(--lune-gris);max-width:46rem;margin-bottom:10px}
.lune_reperes{display:flex;flex-wrap:wrap;gap:22px;margin-top:18px;padding-top:16px;border-top:1px dashed var(--lune-bord)}
.lune_repere{font-size:.87rem;color:var(--lune-gris)}
.lune_repere b{color:var(--lune-nuit);font-weight:700}

/* rangee de rubriques */
.lune_barre_rubriques{background:var(--lune-fond);border-bottom:1px solid var(--lune-bord);padding:14px 0}
.lune_rubriques{display:flex;flex-wrap:wrap;gap:7px}
.lune_rubrique{background:var(--lune-encart);border:1px solid var(--lune-bord);border-radius:14px;padding:4px 13px;font-size:.81rem;color:var(--lune-gris)}
.lune_rubrique:hover,.lune_rubrique_active{background:var(--lune-nuit);border-color:var(--lune-nuit);color:var(--lune-encart)}

/* grille 8/4 */
.lune_grille{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:22px;padding:22px 0 10px;align-items:start}

/* liste d'entrees */
.lune_bloc_liste{background:var(--lune-encart);border:1px solid var(--lune-bord);border-radius:5px;margin-bottom:18px}
.lune_entete_liste{padding:12px 18px;border-bottom:1px solid var(--lune-bord);font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--lune-doux);font-weight:600}
.lune_bloc_fiche{display:flex;gap:18px;padding:20px 18px;border-bottom:1px solid var(--lune-bord-fin)}
.lune_bloc_fiche:last-child{border-bottom:0}
.lune_bloc_fiche:hover{background:var(--lune-encart-survol)}
.lune_vignette{flex:0 0 172px;min-width:0}
.lune_vignette img{border:1px solid var(--lune-bord);border-radius:4px}
.lune_vignette_vide{aspect-ratio:16/10;border:1px dashed var(--lune-bord);border-radius:4px;background:var(--lune-mot);display:flex;align-items:center;justify-content:center;font-family:'Work Sans',sans-serif;font-weight:700;font-size:1.6rem;color:var(--lune-nuit)}
.lune_contenu_fiche{flex:1;min-width:0}
.lune_nom_fiche{font-size:1.04rem;font-weight:700;margin:0 0 4px}
.lune_nom_fiche a{color:#080811}
.lune_nom_fiche a:hover{color:var(--lune-nuit-clair)}
.lune_meta_fiche{font-size:.78rem;color:var(--lune-doux);margin-bottom:8px}
.lune_mots{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}
.lune_mots span{background:var(--lune-mot);color:var(--lune-gris);font-size:.74rem;padding:2px 8px;border-radius:3px}
.lune_resume_fiche{font-size:.91rem;color:var(--lune-gris);margin:0 0 12px}
.lune_lien_fiche{display:inline-block;background:var(--lune-nuit);color:var(--lune-encart);font-size:.83rem;font-weight:600;padding:7px 16px;border-radius:4px}
.lune_lien_fiche:hover{background:var(--lune-nuit-moyen);color:var(--lune-encart)}
.lune_lien_fiche:after{content:" \2192"}

/* colonne laterale */
.lune_panneau{background:var(--lune-encart);border:1px solid var(--lune-bord);border-radius:5px;padding:17px;margin-bottom:16px}
.lune_panneau_titre{font-size:.77rem;text-transform:uppercase;letter-spacing:.09em;color:var(--lune-doux);font-weight:600;margin-bottom:12px}
.lune_panneau_liste{list-style:none;font-size:.89rem}
.lune_panneau_liste li{padding:6px 0;border-bottom:1px solid #c99ede;display:flex;justify-content:space-between;gap:10px}
.lune_panneau_liste li:last-child{border-bottom:0}
.lune_panneau_liste a{color:var(--lune-gris)}
.lune_panneau_liste a:hover{color:var(--lune-nuit)}
.lune_compte{color:#6c497d;font-size:.8rem;flex:0 0 auto}
.lune_methode{background:var(--lune-mot);border:1px solid #706ca9;border-radius:5px;padding:17px;font-size:.87rem;color:var(--lune-gris)}
.lune_methode_titre{font-size:.77rem;text-transform:uppercase;letter-spacing:.09em;color:var(--lune-nuit);font-weight:600;margin-bottom:10px}
.lune_methode ol{padding-left:17px}
.lune_methode li{margin-bottom:7px}
.lune_methode li:last-child{margin-bottom:0}

/* corps redige */
.lune_texte{background:var(--lune-encart);border:1px solid var(--lune-bord);border-radius:5px;padding:24px 26px;margin-bottom:18px}
.lune_texte p{margin-bottom:1.15rem;color:var(--lune-gris)}
.lune_texte p:last-child{margin-bottom:0}
.lune_titre_section{font-size:1.2rem;margin:1.7rem 0 .5rem;color:#080811}
.lune_sous_titre{font-size:1.02rem;margin:1.3rem 0 .35rem;color:var(--lune-ocre)}
.lune_figure{margin:0 0 20px;max-width:26rem}
.lune_figure img{border:1px solid var(--lune-bord);border-radius:4px}
.lune_legende{font-size:.78rem;color:var(--lune-doux);margin-top:7px}
.lune_definition{list-style:none;border-top:1px solid var(--lune-bord);margin:0 0 22px}
.lune_ligne{display:grid;grid-template-columns:12rem 1fr;gap:14px;padding:9px 0;border-bottom:1px solid var(--lune-bord)}
.lune_terme{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--lune-doux);padding-top:3px}
.lune_sens{color:var(--lune-gris)}
.lune_points{list-style:none;margin:0 0 1.15rem}
.lune_points li{position:relative;padding-left:18px;margin-bottom:6px;color:var(--lune-gris)}
.lune_points li:before{content:"\00B7";position:absolute;left:5px;color:var(--lune-nuit-clair);font-weight:700}
.lune_note_fin{background:var(--lune-mot);border:1px solid #706ca9;border-radius:5px;padding:20px 22px;margin-bottom:18px}
.lune_note_fin h2{font-size:1.06rem;margin-bottom:8px}
.lune_note_fin p{color:var(--lune-gris);margin:0}
.lune_routes{list-style:none}
.lune_routes li{padding:10px 0;border-bottom:1px solid var(--lune-bord)}

.lune_pied{background:#080811;color:#524071;font-size:.85rem;padding:28px 0;margin-top:30px}
.lune_pied_ligne{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.lune_pied_lien{color:#6f5a94}

@media(max-width:940px){
.lune_grille{grid-template-columns:1fr}
/* Sans min-width:0 et sans retour à la ligne, les libellés de navigation alignés par marge
   gauche poussent le document au-delà du viewport sur un téléphone : un élément flex ne se
   réduit pas sous la largeur de son contenu, et toute la page défile de côté. */
.lune_voies{flex:1 1 100%;min-width:0}
.lune_voie{margin:0 16px 0 0;display:inline-block}
}
@media(max-width:620px){
.lune_bloc_fiche{flex-direction:column;gap:12px}
.lune_vignette{flex:1 1 auto}
.lune_ligne{grid-template-columns:1fr;gap:2px}
}
/* Mesuré au navigateur à 375 px : au-delà de deux lignes, un intitulé de section ne se lit
   plus d'un coup d'œil. La taille cède avant l'intitulé, qui porte du sens. */
@media(max-width:480px){
.lune_titre{font-size:1.3rem}
.lune_titre_section{font-size:1.08rem}
.lune_texte{padding:18px 16px}
}