/* La légende des portraits (nom et rôle) dans les versions Récit de la section à propos (14/09). Theo n'aime pas le fondu blanc sous le nom :
   trois autres traitements, réglés dans Cmd+G (bloc À propos, ligne Légende), clé legende= dans l'adresse. Le fondu reste le défaut tant qu'il n'a pas choisi.
   Chargé après equipe-versions.css ; les sélecteurs portent les deux attributs pour passer devant les règles de Récit et de Récit · cadre. */

/* 1 · Bandeau : plus de fondu, une plaque crème opaque à filet en bas de la cellule, la photo s'arrête dessus */
html[data-equipev^="recit"][data-legende="bandeau"] .apropos .membre::after { height: 92px; background: var(--fond); border-top: 1px solid var(--trait); }
html[data-equipev^="recit"][data-legende="bandeau"] .apropos .membre b { bottom: 42px; }
html[data-equipev^="recit"][data-legende="bandeau"] .apropos .membre > span:not(.photo) { bottom: 20px; }

/* 2 · Sous la photo : rien sur la photo, le nom et le rôle reprennent leur place dessous, dans le flux de la cellule */
html[data-equipev^="recit"][data-legende="dessous"] .apropos .membre::after { display: none; }
html[data-equipev^="recit"][data-legende="dessous"] .apropos .membre b, html[data-equipev^="recit"][data-legende="dessous"] .apropos .membre > span:not(.photo) { position: static; left: auto; right: auto; bottom: auto; }
html[data-equipev^="recit"][data-legende="dessous"] .apropos .membre b { padding: 18px 24px 0; font-size: 20px; }
html[data-equipev^="recit"][data-legende="dessous"] .apropos .membre > span:not(.photo) { padding: 2px 24px 22px; font-size: 13px; white-space: normal; overflow: visible; }
html[data-equipev="recit-cadre"][data-legende="dessous"] .apropos .membre b { padding-left: 20px; padding-right: 14px; }
html[data-equipev="recit-cadre"][data-legende="dessous"] .apropos .membre > span:not(.photo) { padding-left: 20px; padding-right: 14px; }

/* 3 · Étiquette : une petite plaque crème à filet et angles 4 px posée dans le coin bas gauche, le nom et le rôle dedans, la photo reste entière autour */
html[data-equipev^="recit"][data-legende="etiquette"] .apropos .membre::after { left: 16px; right: 16px; bottom: 16px; height: 74px; background: var(--fond); border: 1px solid var(--trait); border-radius: 4px; }
html[data-equipev^="recit"][data-legende="etiquette"] .apropos .membre b { left: 32px; right: 32px; bottom: 52px; font-size: 20px; }
html[data-equipev^="recit"][data-legende="etiquette"] .apropos .membre > span:not(.photo) { left: 32px; right: 32px; bottom: 30px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-equipev="recit-cadre"][data-legende="etiquette"] .apropos .membre::after { left: 12px; right: 12px; bottom: 12px; }
html[data-equipev="recit-cadre"][data-legende="etiquette"] .apropos .membre b { left: 26px; right: 22px; bottom: 46px; font-size: 19px; }
html[data-equipev="recit-cadre"][data-legende="etiquette"] .apropos .membre > span:not(.photo) { left: 26px; right: 22px; bottom: 26px; font-size: 12px; }

/* ================= Le fond des cellules de texte (Theo, 14/09 : « le fond plus clair sur les éléments de fond de la grille », les cartes des noms et des valeurs).
   Elles sont sur le fond de page (#fbfbf8) ; en blanc, elles se détachent du fond crème. Clé cellules= dans l'adresse. ================= */
html[data-cellules="blanc"][data-equipev^="recit"] .apropos .membre { background: #ffffff; }
html[data-cellules="blanc"][data-equipev="recit-cadre"] .apropos .valeur { background: #ffffff; }
html[data-cellules="blanc"][data-equipev^="recit"][data-legende="bandeau"] .apropos .membre::after { background: #ffffff; }
html[data-cellules="blanc"][data-equipev^="recit"][data-legende="etiquette"] .apropos .membre::after { background: #ffffff; }