/* Motion — pages internes — Niveau A (CSS vanilla) Fichier dedie aux pages internes (hors accueil). N'affecte jamais motion-custom.css (page d'accueil), reste totalement independant. */ /* ========================================================================== Banniere de titre interne (section.breadcrumb) — correctif chevauchement avec le header fixe (80px) sur mobile/tablette. Cause reelle (verifiee) : le theme applique nativement padding-top:70px sur .breadcrumb de 0 a 991px (contre 120px des 992px), ce qui laisse le titre passer sous le header fixe de 10px. Confirme identique sur plusieurs pages internes, jusqu'a 991px inclus. Selecteur "section.breadcrumb" (balise + classe) plutot que ".breadcrumb" seul : verifie qu'aucun autre element ne porte cette classe sur ces pages (fil d'Ariane Bootstrap ou autre), mais garde une marge de securite pour l'avenir sans dependre d'un parent wrapper — aucune classe parente de type "page-title-area" n'existe reellement dans le DOM (section. breadcrumb est un enfant direct de ). Seul le padding-top est corrige ; padding-bottom (70px) non touche. Desktop non affecte (scope a max-width:991px, la meme limite que la regle native du theme). --- */ @media (max-width: 991px) { section.breadcrumb { padding-top: 96px; } } /* ========================================================================== Illustration robot/engrenage (.shape-img, dans section.breadcrumb) — allegement mobile/tablette. Verifie par mesure reelle : le robot (.shape-1, 140px fixe a toutes les largeurs) chevauche geometriquement le titre sur toutes les pages internes (9200-14200px2 de recouvrement de boite avant correctif), plus fortement sur les titres longs/2 lignes. Les petites bulles (.shape-2/3/5) chevauchent aussi legerement le titre ; l'engrenage (.shape-4) flotte isole plus bas sans chevaucher. Robot conserve (identite visuelle) mais reduit et attenue : 140->80px, opacite 1->0.5, repositionne (right:20px) pour ne plus deborder sur le texte. Petites bulles et engrenage masques sur mobile/tablette pour alleger la banniere (aucun ne conserve une valeur esthetique suffisante une fois le robot reduit). Chevauchement mesure reduit de ~46-56% apres correctif (ex. maintenance-informatique: 9273->4997px2 a 360px). Desktop non affecte (scope a max-width:991px ; valeurs natives du theme — 140px, opacite 1, tous les shapes visibles — restent intactes des 992px). --- */ @media (max-width: 991px) { .breadcrumb .shape-img .shape-1 { width: 80px; opacity: 0.5; bottom: 32%; right: 20px; } .breadcrumb .shape-img .shape-2, .breadcrumb .shape-img .shape-3, .breadcrumb .shape-img .shape-4, .breadcrumb .shape-img .shape-5 { display: none; } } /* Nono 2026 — conserve la mascotte hors de la zone de titre aux seuils tablette et sur les mobiles les plus etroits. */ @media (min-width: 992px) and (max-width: 1100px) { .breadcrumb .shape-img .shape-1 { width: 100px; right: 20px; } } @media (max-width: 400px) { .breadcrumb .shape-img .shape-1 { width: 72px; right: 6px; } }