/* * Feuille de style "site" : reprend les reglages typographiques/couleurs * du generateur CSS de l'ancien theme (injectes en inline dans sur * chaque page), verifies un par un contre le rendu reel du site live avant * migration (cf. getComputedStyle sur h1/h2/h4/.sd-button-1 etc.). */ :root { --sd-color1: #0e2d41; --sd-color2: #0e2d41; --sd-color3: #0e2d41; --sd-color4: #0e2d41; --sd-color5: #0e2d41; --sd-color6: #0e2d41; } h1, h2, h3, h4, h5 { font-family: 'Poppins', sans-serif; font-weight: 600; letter-spacing: 0; text-transform: uppercase; } #main p, #main li, footer a { font-family: 'Poppins', sans-serif; } h2 { color: var(--sd-color2) !important; } h5 { color: var(--sd-color5) !important; } p { color: var(--sd-color6) !important; } li, strong { color: inherit !important; } @media screen and (min-width: 1200px) { h1 { font-size: 60px; } h2 { font-size: 40px; } h3 { font-size: 60px; } h4 { font-size: 20px; } .sd_nav_logo_header { height: 80px; } .sd_nav_logo_footer { height: 100px; } } @media screen and (min-width: 769px) and (max-width: 1200px) { h1 { font-size: 50px !important; } h2 { font-size: 30px !important; } .sd_nav_logo_header { height: 80px; } .sd_nav_logo_footer { height: 100px; } } @media screen and (max-width: 768px) { h1 { font-size: 50px !important; } h2 { font-size: 20px !important; } .sd_nav_logo_header { height: 50px; } .sd_nav_logo_footer { height: 100px; } } a:not(.nav-link):not(.dropdown-item) { text-decoration: none; } /* Bouton d'appel a l'action (CTA) */ #main .sd-button-1 p, #main .sd-button-1 a { color: white !important; font-size: 15px; } #main .sd-button-1 { cursor: pointer; transition: 0.3s; padding: 10px 25px; border-radius: 3px !important; background-color: var(--sd-color1); border: solid 1px transparent; display: inline-block; text-transform: uppercase; letter-spacing: 2px !important; } #main .sd-button-1:hover p, #main .sd-button-1:hover a { color: white !important; } #main .sd-button-1:hover { background-color: black; } /* Nav — verifie via getComputedStyle sur le site live (mobile/tablette/desktop) */ #menu-main > li > a { color: black !important; font-family: 'Poppins', sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; } @media screen and (min-width: 1200px) { #menu-main > li > a { font-size: 20px !important; } } #home_nav { background-color: white; } /* Nav — hover + page active (#home_nav .nav-link, cf. header.php) */ #home_nav .nav-link { position: relative; transition: color 0.25s ease; } #home_nav .nav-link::after { content: ''; position: absolute; left: 8px; right: 8px; bottom: 2px; height: 2px; background-color: var(--cel-green); transform: scaleX(0); transform-origin: center; transition: transform 0.25s ease; } #home_nav .nav-link:hover, #home_nav .nav-link:focus { color: var(--cel-green) !important; } #home_nav .nav-link:hover::after, #home_nav .nav-link:focus::after { transform: scaleX(1); } #home_nav .nav-link.active { color: var(--cel-green) !important; font-weight: 700 !important; } #home_nav .nav-link.active::after { transform: scaleX(1); } .scrolled-top-bar, .top-bar-positioned-top { background-color: white !important; } @media (min-width: 1200px) { .dropdown-menu { background-color: white !important; } .dropdown-item { color: black !important; } } .nav_button_effect a, .hover-underline-animation a { display: inline-block; position: relative; color: white; } .nav_button_effect a::after, .hover-underline-animation a::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0; left: 0; background: currentColor; transform-origin: bottom right; transition: transform 0.25s ease-out; } .nav_button_effect a:hover::after, .hover-underline-animation a:hover::after { transform: scaleX(1); transform-origin: bottom left; } /* Footer */ footer { font-family: 'Poppins', sans-serif; font-size: 20px; } #main footer p, #main footer a { font-size: 20px !important; color: white !important; } #main footer .fas { color: white !important; } #main footer li a { font-size: 20px !important; font-weight: 500 !important; color: white !important; } footer h5, footer h4, footer h3, footer h2 { font-size: 20px !important; font-weight: 700 !important; color: #ddd !important; text-transform: none !important; } footer .nav-link { padding: 0; }