:root{ /* Base -------------------------------------------------------- */ --color-h1: #12afcc; --color-h2: #e23581; --color-texte: #fff; --bg-site: #fff; --color-texte-site: #333; --fs-base: 16px; /* Header ------------------------------------------------------ */ --bg-header: #fff; --color-lien-menu: #004866; --bg-sous-menu: #263169; --bg-bt-menu-mobile: #004866; --texte-bt-menu-mobile:#fff; /* Footer ------------------------------------------------------ */ --bg-footer: #002739; --color-text-footer: #fff; --color-titre-footer: #e23581; --color-lien-footer: #fff; --bg-bt-reseaux: #e23581; --texte-bt-reseaux: #fff; /* Boutons Bootstrap ------------------------------------------- */ --color-danger: #e23581; --color-text-bt-danger: #fff; --bg-hover-danger: #e23581; --color-text-hover-danger: #fff; --color-warning: #e23581; --color-text-bt-warning: #fff; --bg-hover-warning: #e23581; --color-text-hover-warning: #ffffff; --color-success: #e23581; --color-text-bt-succes: #fff; --bg-hover-succes: #e23581; --color-text-hover-succes: #fff; --color-info: #004866; --color-text-bt-info: #fff; --bg-hover-info: #004866; --color-text-hover-info: #fff; /* Cartouche circuit ------------------------------------------- */ --bg-cartouche: #eee; --titre-cartouche: #004866; --texte-cartouche: #111; /* Légende slider ---------------------------------------------- */ --titre-legende: #49c3da; --texte-legende: #fff; /* Zone de texte (paire / impaire) ----------------------------- */ --bg-zone-impaire: #f8f9fa; --titre-zone-impaire: #004866; --texte-zone-impaire: #111; /* Modal ------------------------------------------------------- */ --bg-modal: #fff; --texte-modal: #111; /* Typographie ------------------------------------------------- */ --font-titre: "Oswald", "Segoe UI", sans-serif; --font-texte: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;}