/* ============================= FONTS — utilisées par ============================= */ @font-face { font-family: 'Unageo'; src: url('/fonts/Unageo-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Unageo'; src: url('/fonts/Unageo-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Unageo'; src: url('/fonts/Unageo-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Unageo'; src: url('/fonts/Unageo-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Unageo'; src: url('/fonts/Unageo-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Unageo'; src: url('/fonts/Unageo-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Unageo'; src: url('/fonts/Unageo-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Unageo'; src: url('/fonts/Unageo-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Unageo'; src: url('/fonts/Unageo-RegularItalic.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Unageo'; src: url('/fonts/Unageo-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Unageo'; src: url('/fonts/Unageo-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Unageo'; src: url('/fonts/Unageo-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } /* ============================= THEME GLOBAL / VARIABLES ============================= */ :root { /* Thème global */ --color-principal: #14676A; --color-principal-hover: #1b7d81; --color-secondaire: #235b63; --color-fond-clair: #f8f8f8; --color-texte: #123235; --color-danger: #dc2626; --color-white: #ffffff; --color-grey: #8fa4a9; /* Shell / ombres */ --shell-bg: rgba(255, 255, 255, 0.75); --shadow: 0 10px 30px rgba(0, 0, 0, .12); /* Thème index / layout */ --naotc-green: #065653; --corner: 28px; --frame-h: 56px; --gap: calc(var(--frame-h) * 0.05); --elev: 0 12px 30px rgba(0, 0, 0, .25); --icon-size: 1.6rem; --between-bg: #FAF7F0; --align-offset: 30px; --quick-width: 80%; } /* ============================= RESET & BASE utilisés par index.php ============================= */ * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'Unageo', sans-serif; background-color: var(--color-fond-clair); color: var(--color-texte); line-height: 1.6; padding-top: 0; } h1, h2, h3, h4, h5 { font-weight: 700; color: var(--color-principal); margin-bottom: 1rem; } p { margin-bottom: 1rem; } /* ============================= STYLES SPECIFIQUES A index.php (ex-bloc