/* Aparthés · polices servies depuis le domaine. Remplace fonts.googleapis.com et fonts.gstatic.com : aucune requete vers Google, aucune adresse IP de visiteur envoyee a un tiers. Instrument Serif, Fraunces et Inter sont sous licence SIL Open Font License 1.1, qui autorise l'hebergement sur son propre domaine. */ /* ---- Instrument Serif (titres) ---- */ @font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap; src:url('/polices/instrument-serif-v5-latin-regular.woff2') format('woff2');} @font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap; src:url('/polices/instrument-serif-v5-latin-italic.woff2') format('woff2');} /* ---- Fraunces VARIABLE (chapos, citations, titres italiques) ---- ATTENTION, ne jamais repasser a des coupes statiques. Ces fichiers portent l'axe de taille optique opsz 9..144, exactement comme le faisait Google Fonts (Fraunces:ital,opsz,wght@...,9..144,...). Le navigateur choisit seul le dessin selon le corps : etroit et contraste dans les grands titres, plus solide dans le texte. Avec des coupes statiques, les grands titres rendent 19 % plus larges et paraissent grossiers. Mesure faite le 09/09/2026 : 688 px contre 578 px pour la meme ligne a 90 px. */ @font-face{font-family:'Fraunces';font-style:normal;font-weight:100 900;font-display:swap; src:url('/polices/fraunces-latin-opsz-normal.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family:'Fraunces';font-style:italic;font-weight:100 900;font-display:swap; src:url('/polices/fraunces-latin-opsz-italic.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family:'Fraunces';font-style:normal;font-weight:100 900;font-display:swap; src:url('/polices/fraunces-latin-ext-opsz-normal.woff2') format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;} @font-face{font-family:'Fraunces';font-style:italic;font-weight:100 900;font-display:swap; src:url('/polices/fraunces-latin-ext-opsz-italic.woff2') format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;} /* ---- Inter (texte courant) ---- */ @font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap; src:url('/polices/inter-v20-latin-300.woff2') format('woff2');} @font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap; src:url('/polices/inter-v20-latin-regular.woff2') format('woff2');} @font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap; src:url('/polices/inter-v20-latin-500.woff2') format('woff2');} /* --------------------------------------------------------------- CORRECTIFS · 9 septembre 2026 1. Le rond de lecture des videos. Quand l'autoplay est bloque (mode economie d'energie, Reduire le mouvement, onglet en arriere-plan), Safari et Chrome posent un gros bouton de lecture par-dessus la video. On le masque : le poster reste net et entier. La lecture repart au clic ou au toucher, c'est aphes-defilement.js qui s'en charge. --------------------------------------------------------------- */ video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none;appearance:none;} video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none;appearance:none;} video::-webkit-media-controls-panel{display:none!important;} video::-webkit-media-controls{display:none!important;} video::-moz-media-controls{display:none!important;} video{cursor:pointer;} /* --------------------------------------------------------------- 2. Fenetre « a paraitre » qui s'affiche en double sous Safari. Cause : .tease-scrim porte un backdrop-filter, ce qui cree un contexte d'empilement ; combine au transform de .tease-panel, Safari recompose le panneau une seconde fois. On retire le flou et on isole la couche. Le voile sombre est legerement renforce pour compenser la perte du flou. --------------------------------------------------------------- */ .tease{isolation:isolate!important;} .tease-scrim{backdrop-filter:none!important;-webkit-backdrop-filter:none!important; background:rgba(31,31,28,0.62)!important;} .tease-panel{background:#FFFFFF!important;} /* --------------------------------------------------------------- 3. Le f et le i de « fibres » qui se touchent. Fraunces dessine une ligature fi qui soude les deux lettres. On coupe la ligature et on ajoute un cheveu d'approche, sur les seuls titres en italique. --------------------------------------------------------------- */ h1 em, h2 em, h3 em, .jname em, .name em, .tease-title em, h1 i, h2 i, h3 i{ font-variant-ligatures:no-common-ligatures!important; -webkit-font-variant-ligatures:no-common-ligatures!important; font-feature-settings:'liga' 0,'clig' 0!important; letter-spacing:.008em!important; } /* --------------------------------------------------------------- 4. Defense contre tout debordement horizontal. clip et non hidden : hidden sur body creerait un conteneur de defilement et casserait les en-tetes en position:sticky. --------------------------------------------------------------- */ body{overflow-x:clip;} /* --------------------------------------------------------------- 5. Les Ç qui se touchent dans les phrases de chute. .chute p est reglee a line-height:.94, un interlignage tres serre voulu pour le grand corps. A cette valeur, la cedille du Ç de la premiere ligne vient toucher la capitale de la seconde. 1.04 est le minimum qui degage la cedille en gardant l'esprit serre. Valeur ajustable si Theo veut plus ou moins d'air. --------------------------------------------------------------- */ .chute p{line-height:1.04!important;} /* --------------------------------------------------------------- 6. La fenetre en double : reglee a la source, le 10 septembre. journal-cuirs.html, journal-fibres.html et leurs deux jumelles anglaises embarquaient DEUX boites de dialogue : le panneau .tease (avec le formulaire d'inscription) et une ancienne boite #apa-lock injectee en fin de page, en z-index 99998, qui passait donc devant. Le markup et le script de #apa-lock ont ete SUPPRIMES des quatre fichiers, pas seulement masques. Il ne reste qu'une seule fenetre, celle qui capture l'adresse. --------------------------------------------------------------- */ /* --------------------------------------------------------------- 7. Rond de lecture : jeu complet de pseudo-elements. Safari expose la commande sous plusieurs noms selon la version. On les couvre tous plutot que de parier sur un seul. --------------------------------------------------------------- */ video::-webkit-media-controls-container{display:none!important;} video::-webkit-media-controls-enclosure{display:none!important;} *::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none!important;appearance:none!important;} *::-webkit-media-controls-overlay-enclosure{display:none!important;} *::-webkit-media-controls-play-button{display:none!important;} /* --------------------------------------------------------------- 8. Le libelle de la refente qui debordait sur le bloc vert. Il etait pose a top:-16px, donc 16 px AU-DESSUS de la ligne pointillee, ce qui le faisait chevaucher la bande verte, avec en plus une pastille beige qui decoupait le vert. On le descend sous la ligne, dans le corium, et on retire la pastille : le texte se pose directement sur le beige, plus rien ne se chevauche. --------------------------------------------------------------- */ .c-refente span{top:5px!important;right:12px!important; background:transparent!important;padding:0!important;}