.actu_full { div { @include main_text_content(); } .retour_actus { padding-top: 3vh; padding-left: $x_margin; a { font-size: $fs_xs; font-weight: 800; color: $teal; } } .article_meta { padding-top: 1.5rem; padding-left: $x_margin; margin: 20px 0; display: flex; flex-direction: row; gap: 1.5rem; div { font-size: $fs_xs; margin-bottom: 5px; } } // Le

et .sous_titre ont été sortis dans .page-header-outside ; // l'ancien sélecteur `h2 + div` est remplacé par `.article_meta + div` // qui cible le wrapper de contenu directement. .article_meta + div { position: relative; padding: 0 $x_margin; .visually-hidden { width: 0% !important; } > div { > div { width: 100%; margin-bottom: 40px; img { width: 100%; height: auto; } } } } p { margin-bottom: 1rem; } h3, h4, h5, h6 { margin-bottom: 1rem; @include sous_titre(); } .liens_fixed > div > div:nth-of-type(2) > div, .file_fixed > div > div > div { padding: 0 calc($x_margin / 2); text-align: right; margin: 2rem 0; @include fluo_button(); a { display: inline-block; // En mobile, ces liens sont en flux normal dans la colonne blanche, // donc on contraste leur fond en gris pâle (en desktop ils sont // position: fixed sur fond gris, on garde le fond blanc d'origine). background-color: $page_bg; } @media (min-width: $breakpoint_desktop) { margin-bottom: 0 !important; margin: 0; position: fixed; left: 75vw; bottom: 10vh; > div { height: 3vh; } a { max-width: calc(25vw - $x_margin * 2); background-color: white; } } } .file_fixed span:last-of-type { display: none; } }