/* ============================================================================= onglets-accueil.css — permis-de-exploitation.com Samy 08/09/2026 : habillage de la zone des quatre onglets de l'accueil. FEUILLE ADDITIONNELLE. Ne remplace aucune feuille existante, ne modifie aucune classe existante. Chargee dans header.php, branche `index==1` uniquement : ATTENTION, verifie le 08/09 : l'accueil NE CHARGE PAS theme.css. `index.php` pose $index=1, et header.php bascule alors sur la branche `else`, qui ne charge que assets/css/bootstrap.min.css et styles/themeindex.css. C'est donc styles/themeindex.css — et lui seul — qui gouverne l'accueil. Tout est enfermé sous la racine .oa : aucune règle ne peut fuir vers le reste du site. Le préfixe oa- (onglets accueil) est verifié libre dans theme.css, themeindex.css, styles/main.css et bootstrap.min.css. Pour revenir en arrière : retirer la ligne . Le balisage retombe sur .blgris / .size18 / .cadre-home et le site reprend son aspect d'avant. ============================================================================= */ .oa{ /* --- couleurs : un seul endroit à toucher ---------------------------- */ --oa-accent:#e62117; /* Samy : rouge de marque, inchangé */ --oa-accent-doux:#FDF0EE; /* le même, très dilué, pour les fonds */ --oa-lien:#3b5998; /* Samy : bleu de marque, inchangé */ --oa-encre:#111827; /* remplace le #333 grisâtre du thème */ --oa-encre-2:#4B5566; --oa-encre-3:#7A8496; --oa-bord:#E8EAF0; --oa-fond:#F7F8FA; --oa-fond-actif:#FDF7F6; /* --- typographie ------------------------------------------------------ */ /* Samy 08/09/2026 : PILE SYSTEME, zero requete reseau. La feuille nommait d'abord Figtree et Source Sans 3, mais aucune feuille Google Fonts n'a jamais ete chargee (header.php ne porte qu'un `preconnect`) : le rendu retombait donc deja sur la pile systeme. C'est ce rendu-la qui a ete valide. La declaration dit maintenant ce qui s'affiche vraiment. Pour passer a une police chargee, ajouter dans header.php : puis remettre "Figtree", en tete de --oa-titres. Une requete de plus. */ --oa-titres:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI Variable Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; --oa-corps:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; --oa-taille:18px; --oa-mesure:70ch; --oa-rayon:12px; font-family:var(--oa-corps); font-size:var(--oa-taille); line-height:1.7; color:var(--oa-encre); -webkit-font-smoothing:antialiased; } /* --- garde-fous contre les règles génériques de la feuille du site -------- styles/themeindex.css pose des sélecteurs d'élément nus qui atteignent notre zone : h2/h3 en graisse 300 et 21/26 px. On les neutralise ici, et seulement ici. Le float sur `ol li` est neutralisé par précaution : cette règle existe dans theme.css (elle a cassé les listes numérotées de haccp le 01/09) mais PAS dans styles/themeindex.css, donc elle n'atteint pas l'accueil aujourd'hui. Le garde-fou ne coûte rien et tiendra si la branche de chargement change un jour. */ .oa ol li, .oa ul li{float:none;list-style:none;} /* `:where()` ne compte pas dans la specificite : la regle vaut (0,1,0), assez pour battre le `h2{...}` nu de styles/themeindex.css (0,0,1), mais a egalite avec les classes de composants — qui viennent plus bas et l'emportent donc. Sans cela, `.oa h2` (0,1,1) ecrasait le padding et les marges de .oa-question, .oa-engagement-titre, .oa-chapitre-titre et .oa-sous-titre. Defaut vu en ligne. */ .oa :where(h2,h3,h4){ font-family:var(--oa-titres); color:var(--oa-encre); text-transform:none; letter-spacing:-.015em; margin:0; padding:0; border:0; height:auto; } .oa p{margin:0;} .oa a{color:var(--oa-lien);} .oa *,.oa *::before,.oa *::after{box-sizing:border-box;} /* ============================================================================= 1. BARRE D'ONGLETS Samy 08/09/2026 : la barre reste celle de Bootstrap — memes