/* =========================================================================== software_theme.css -- habillage des pages "input data" du logiciel et de la page save / restore --------------------------------------------------------------------------- Feuille ADDITIVE, a charger EN DERNIER (apres advancedBlock.css et iframe_form_mobile.css). PORTEE VOLONTAIREMENT RESTREINTE Ces pages ont fait l'objet d'un travail fin de mise en page (box-sizing des champs, vertical-align des cellules, largeurs de colonnes, bordures, alignement des selects). Cette feuille ne touche a AUCUN de ces points : - rien sur .table-stripedAdv ni sur ses th / td - rien sur les input et les select des tableaux d'entree - aucune propriete de mise en page (width, margin, padding, display, float, position) Elle se limite aux elements peripheriques : titres, liens beiges, bouton de validation, encarts. C'est la que se joue l'essentiel de l'impression visuelle, sans risque pour les tableaux. Scope : body[class*="oc-form-"] pour les formulaires d'entree (body class generee comme oc-form-, centered_and_folded_systems.php l.383) et body.oc-page-saverestore pour la page save / restore. POUR REVENIR EN ARRIERE : retirer le . Rien n'est modifie ailleurs. =========================================================================== */ /* --------------------------------------------------------------------------- VARIABLES --------------------------------------------------------------------------- CORRECTION 04/09/2026 -- le bloc n'etait declare que sur body[class*="oc-form-"]. La page save / restore portant la classe oc-page-saverestore, elle ne correspondait PAS a ce selecteur : toutes les var() de la section 8 y etaient indefinies, et le navigateur ignorait purement et simplement les proprietes qui en dependaient (contour, rayon, ombre des trois blocs). Seules les valeurs ecrites en dur s'appliquaient. Les deux familles de pages doivent donc figurer ici. --------------------------------------------------------------------------- */ body[class*="oc-form-"], body.oc-page-saverestore { --s-accent: #002C64; --s-accent-soft: rgba(0, 44, 100, .08); /* Meme palette bleu ciel que handy_theme.css, pour que les deux univers du site se repondent. */ --s-head-from: #e9f3fd; --s-head-to: #d9e9fb; --s-head-text: #00459c; --s-head-line: rgba(0, 69, 156, .16); --s-line: rgba(30, 69, 128, .10); --s-radius: 12px; --s-radius-sm: 8px; --s-shadow: 0 1px 2px rgba(16, 40, 64, .05), 0 8px 24px rgba(16, 40, 64, .05); /* --- Cartes de la page save / restore ------------------------------- Contour volontairement plus franc que --s-head-line : les trois blocs sont contigus et de meme fond blanc, un trait trop pale ne les separe pas. Rayon plus sobre que --s-radius (12px). >>> POUR AJUSTER : ces deux valeurs suffisent. */ --s-card-line: #c4d6ee; --s-card-radius: 10px; } /* --------------------------------------------------------------------------- 1. TITRE DE SECTION --------------------------------------------------------------------------- Le

est un bloc de pleine largeur SOUS lequel flottent les boutons beiges : on ne lui donne surtout pas de fond, qui passerait derriere eux et revelerait le recouvrement. On se limite a la graisse. --------------------------------------------------------------------------- */ body[class*="oc-form-"] #content .overlayTitle-div h3, body[class*="oc-form-"] #content .overlayTitle-div2 h3 { font-weight: 600; letter-spacing: .01em; } /* Le filet sous le titre : trait plein par defaut, adouci ici. */ body[class*="oc-form-"] #content .overlayTitle-div hr, body[class*="oc-form-"] #content .overlayTitle-div2 hr { border: 0; border-top: 1px solid var(--s-head-line); opacity: 1; } /* --------------------------------------------------------------------------- 2. LIENS BEIGES (about / caution / parameters / tutorial) --------------------------------------------------------------------------- Passage en pastilles : contour fin, fond transparent, aplat au survol. La bordure reste a 1px et aucun padding n'est modifie, pour ne pas changer la largeur du bloc -- son alignement horizontal a ete regle finement dans iframe_form_mobile.css (padding-left du