/* Styles des pages PHP publiques — account.php et contact.php.
 *
 * Ils vivaient dans un bloc <style> EN LIGNE dans chaque page. La CSP du site
 * est `style-src 'self'` : le navigateur les jetait sans un mot. Les deux pages
 * etaient donc servies sans aucun de leurs styles propres, et account.php, qui
 * ne chargeait meme pas redesign.css, s affichait entierement nue — logo en
 * pleine largeur, formulaires bruts, ni en-tete ni pied.
 * Constat du 2026-08-28, capture du proprietaire a l appui.
 *
 * Regle a retenir : sur ce site, AUCUN style en ligne ne s applique. Une regle
 * doit vivre dans un fichier servi depuis la meme origine, et son URL doit
 * porter une version — le .htaccess declare les assets versionnes immuables
 * un an.
 */
/* --- account.php --- */
.account-main{max-width:900px;margin:auto;padding:35px 20px 70px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.account-grid form,.account-card{display:grid;gap:12px;padding:22px;background:#fff;border:1px solid #b8c8d3}.account-grid input{padding:11px;border:1px solid #8da3b0}.account-grid button{padding:11px;background:#16439b;color:#fff;border:0;font-weight:800}.notice,.error{padding:12px;background:#eef7f3;border-left:4px solid #08a66c}.error{background:#fff0ee;border-color:#c43d32}@media(max-width:650px){.account-grid{grid-template-columns:1fr}}
/* --- contact.php --- */
.contact-main{max-width:820px;margin:auto;padding:36px 20px 70px}.contact-main form{display:grid;gap:14px;margin-top:24px;padding:24px;background:#fff;border:1px solid #b8c8d3}.contact-main label{display:grid;gap:6px;font-weight:700}.contact-main input,.contact-main textarea{width:100%;padding:11px;border:1px solid #8da3b0}.contact-main textarea{min-height:180px}.contact-main button{width:max-content;padding:12px 18px;border:0;background:#087a55;color:#fff;font-weight:800}.contact-main .hint{font-weight:400;font-size:.9em;color:#42596b}.contact-main .privacy{margin-top:18px;font-size:.92em;color:#42596b}.contact-langs{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;font-size:.9em}.contact-langs a[aria-current=true]{font-weight:800;text-decoration:none}.notice,.error{padding:12px;border-left:4px solid #74bf00;background:#edf7e7}.error{border-color:#c43d32;background:#fff0ee}.hp{position:absolute;left:-10000px}

/* Etiquette lue par les lecteurs d ecran, invisible a l oeil. La classe
   n existait dans AUCUNE feuille du site : sans elle, le mot du selecteur
   de langue s affichait en clair. Verifie par grep avant d ecrire. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Le selecteur de langue est un formulaire sur ces pages : sans script il lui
   faut un bouton, discret mais atteignable au clavier. */
.site-header .language-picker{display:flex;align-items:center;gap:6px}
.site-header .language-picker button{min-height:32px;padding:6px 10px;font-size:12px}