/* decouvrir-20260915-r1.css — 15/09/2026 · Astra. Feuille commune des pages /decouvrir// (modules V1 transposés dans le chrome V2). Le bloc du module (#dv) prend la largeur du conteneur V2 (1140 px) au lieu de sa colonne V1 (760 à 1080 px), avec de l'air au-dessus et en dessous ; les conteneurs internes des modules (.wrap, .ftv-clip-wrap, .jxw) s'alignent dessus. Le module garde ses propres couleurs. */ main.pg-dv{max-width:none;padding:22px 0 48px} #dv{border-radius:18px;overflow:hidden} #dv .wrap,#dv .ftv-clip-wrap,#dv .jxw{max-width:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;padding-left:clamp(14px,2.4vw,28px)!important;padding-right:clamp(14px,2.4vw,28px)!important} @media (max-width:760px){main.pg-dv{padding:10px 0 32px}#dv{border-radius:12px}} /* --- 20/09/2026, lot v2-decouvrir-marges-r1 (ajout en queue de decouvrir-20260915-r1.css : rien n est retire) --- Stephane, 20/09, capture de https://terondo.com/decouvrir/photos/ (« Les Archives »), fleches rouges sur le bord gauche du surtitre, du titre, du chapeau, des pastilles et du libelle « Epoque » : « attention aux marges .. mise en page .. regarde toutes les Domaines publiques .. ameliore le rendu si besoin .. normalise aussi si trop different ». MESURE AVANT D ECRIRE (job v2-decouvrir-servi-releve, 20/09, Chrome 1440 et 390, jour et nuit, deploy/logs/releve-decouvrir-2009/) : ① photos et journaux : heritage-20260918-r2.css (posee hors depot le 18/09) met le remplissage lateral de l enveloppe (#dv .wrap, #dv .jxw) a 0 : surtitre, titre, chapeau et pastilles sont au ras du bord de la carte (#dv, fond clair, coins 18 px) pendant que la barre d outils garde ses 18 px. Retrait du titre : 0 px. ② les huit autres pages (art, citations, clips, comics, formation, influenceurs, livres, livres-audio) : main.pg-dv{max-width:none} (regle r1 ci-dessus, specificite 0,1,1) bat la regle inline main{max-width:1140px} (0,0,1) : le bloc s etale sur TOUTE la largeur de l ecran (1440 px mesures) sous un en-tete de 1140 px centre. L intention ecrite en tete de cette feuille etait pourtant « la largeur du conteneur V2 (1140 px) ». heritage-r2 l avait corrige pour photos et journaux seulement. CE QUE CA CHANGE POUR UN VISITEUR : sur les dix pages, le bloc fait la largeur de l en-tete (1140 px ; marges 24 px sous 1190 px, 16 px sur telephone, exactement comme main et footer dans la regle inline des pages) et son contenu garde une gouttiere interieure de 16 a 28 px des deux cotes (clamp(16px, 2.4vw, 28px), la valeur r1 avec un plancher de 16 au lieu de 14). Les cartes interieures (barre d outils des photos, journal du jour) gardent la leur. Rien d autre ne bouge : ni les couleurs, ni les bandeaux propres a chaque module, ni la page chansons (gabarit natif, sans #dv). SPECIFICITE, parce que l ordre des feuilles ne joue pas en notre faveur (cette feuille est chargee AVANT heritage et les modules) et parce que heritage-r2 ecrit, DELIBEREMENT, « body main.pg-dv:is([data-decouvrir= "photos"],[data-decouvrir="journaux"]) #dv :is(.wrap,.jxw){padding-inline:0!important} » (1,3,2) : la capture de Stephane est l arbitrage de ce choix-la. html body main.pg-dv[data-decouvrir] #dv :is(.wrap,.jxw,.ftv-clip-wrap) = (1,3,3), au-dessus ; !important parce que la regle r1 ci-dessus et celle d heritage le sont ; padding-inline en plus des physiques : la feuille rtl-20260913.css renverse le sens, les logiques suivent. Meme cran pour la largeur du bloc : html body main.pg-dv[data-decouvrir] (0,2,3) au-dessus de heritage (0,2,2), sans quoi sa margin-inline:auto gagnerait sous 1190 px et le bloc toucherait les bords de la fenetre. RETOUR ARRIERE : remettre les *.avant-dvmarges- ; l ancienne feuille reste servie. */ html body main.pg-dv[data-decouvrir]{max-width:1140px;width:auto;margin-left:auto;margin-right:auto;margin-inline:auto} @media (max-width:1190px){html body main.pg-dv[data-decouvrir]{max-width:none;margin-left:24px;margin-right:24px;margin-inline:24px}} @media (max-width:760px){html body main.pg-dv[data-decouvrir]{margin-left:16px;margin-right:16px;margin-inline:16px}} html body main.pg-dv[data-decouvrir] #dv :is(.wrap,.jxw,.ftv-clip-wrap){padding-left:clamp(16px,2.4vw,28px)!important;padding-right:clamp(16px,2.4vw,28px)!important;padding-inline:clamp(16px,2.4vw,28px)!important} /* --- 21/09/2026, lot v2-decouvrir-harmonie-r1 (ajout en queue de decouvrir-20260920-r2.css : rien n est retire) --- Stephane, 21/09 : « harmonie aussi stp », apres le lot des marges (v2-decouvrir-marges-r1, pose la veille a 20:42Z) et les deux restes signales : « la page chansons suit un autre gabarit (bloc de 1040 px) » et « les pages livres et livres audio n ont pas de titre visible dans leur bloc ». MESURE AVANT D ECRIRE (releves du 20/09 et du 21/09, deploy/logs/releve-decouvrir-2009/) : ① chansons n a pas de #dv : c est une PAGE NATIVE (main.native-page), gabarit partage par d autres pages du site (native-pages-20260917-r1.css : max-width 1040, padding lateral 24, margin 0 auto). Mesuree a 1440 : bloc de 1040 px a x=200, sous un en-tete de 1140 px a x=150 ; a 390 : bloc colle aux deux bords, quand les dix autres pages gardent 16 px depuis hier. Retoucher `.native-page` corrigerait chansons ET tous ses cousins que personne n a mesures : le bloc ci-dessous vise donc main.native-page[data-decouvrir="chansons"], et c est le poseur qui ajoute cet attribut au
de CETTE page. Un attribut ajoute ne peut attraper aucun cousin. ② livres et livres-audio n ont AUCUN bandeau de titre : la page s ouvre sur son paragraphe d introduction. La sonde du 20/09 rendait « titre=-150 » : elle tombait sur le

d un rayon masque (« Continue reading »), rectangle 0x0 — un compteur juste qui mesurait la mauvaise chose. Les neuf autres pages ont chacune leur bandeau (.ftv-ph-band, .jx-band, .ftv-citb-band, .ftv-cx-band, .ftv-ar-band, .ftv-crea-band) ; celui-ci, .dv-band, est commun, et reprend le gabarit qu heritage-20260918-r2.css a impose a photos et a la presse ancienne le 18/09 : surtitre en accent, titre 800 clamp(28,3vw,42), filet de separation, chapeau a 85ch. CE QUE CA CHANGE POUR UN VISITEUR : le dictionnaire des chansons a la meme largeur de bloc et les memes marges que les dix autres pages Decouvrir (plus de saut de largeur en passant de l une a l autre, et 16 px de garde sur telephone au lieu d un bloc colle aux bords) ; Livres et Livres audio s ouvrent sur un titre, comme leurs voisines. COULEURS : aucune valeur ecrite en dur. Le bandeau prend --acc, --ink et --bd, que les deux modules declarent DEJA dans leurs deux jeux (jour et nuit) ; les replis (--ftv-*, currentColor) ne servent que si un module les renomme. RETOUR ARRIERE : remettre les *.avant-dvharm- ; l ancienne feuille reste servie. */ html body main.native-page[data-decouvrir="chansons"]{max-width:1140px;margin-left:auto;margin-right:auto;margin-inline:auto;padding-left:clamp(16px,2.4vw,28px);padding-right:clamp(16px,2.4vw,28px);padding-inline:clamp(16px,2.4vw,28px)} @media (max-width:1190px){html body main.native-page[data-decouvrir="chansons"]{max-width:none;margin-left:24px;margin-right:24px;margin-inline:24px}} @media (max-width:760px){html body main.native-page[data-decouvrir="chansons"]{margin-left:16px;margin-right:16px;margin-inline:16px}} main.pg-dv[data-decouvrir] #dv .dv-band{margin:2px 0 16px;padding:0 0 18px;border-bottom:1px solid var(--bd,var(--ftv-line,rgba(128,128,128,.22)))} main.pg-dv[data-decouvrir] #dv .dv-band .eyebrow{display:block;font:700 11px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--acc,var(--ftv-violet,currentColor));margin:0 0 10px} main.pg-dv[data-decouvrir] #dv .dv-band h1{font:800 clamp(28px,3vw,42px)/1.15 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:-.035em;color:var(--ink,currentColor);margin:0;max-width:none;text-wrap:balance} main.pg-dv[data-decouvrir] #dv .dv-band+.sub,main.pg-dv[data-decouvrir] #dv .dv-band+.dv-intro{max-width:85ch}