/* ================================================
beLucid Coaching — style.css
Fichier CSS partagé — à placer à la RACINE du site
Les chemins de polices sont relatifs à ce fichier
================================================ */
/* ── POLICES LOCALES ──────────────────────────── */
@font-face {
font-family: 'Astonpoliz';
src: url('astonpoliz.woff2') format('woff2'),
url('astonpoliz.ttf') format('truetype');
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: 'Mistrully';
src: url('mistrully.woff2') format('woff2'),
url('mistrully.ttf') format('truetype');
font-weight: normal;
font-display: swap;
}
/* ── GOOGLE FONTS ─────────────────────────────
À ajouter dans le de chaque page :
──────────────────────────────────────────────── */
/* ── TOKENS ───────────────────────────────────── */
:root {
--navy: #001A33;
--teal: #008080;
--cyan: #0696B0;
--gold: #CBA135;
--orange: #FF751F;
--metallic: #D5B35D;
--cornsilk: #E8E0D9;
--beige: #EFECE6;
--floral: #F7F5F2;
--white: #FFFFFF;
--fond: url('Fond_1.jpg');
--font-title: 'Astonpoliz', 'Comfortaa', sans-serif;
--font-sub: 'Comfortaa', sans-serif;
--font-body: 'Cormorant Garamond', Georgia, serif;
--font-script: 'Mistrully', cursive;
}
/* ── RESET ────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; }
body { font-family: var(--font-body); color: var(--navy); background: var(--floral); overflow-x: hidden; }
img { max-width: 100%; display: block; }
a { color: inherit; }
ul { list-style: none; }
================================================
LAYOUT — MOBILE FIRST
================================================ */
.site-layout {
display: flex;
flex-direction: column;
}
/* ── LAYOUT SPLIT ────────────────────────────── */
.site-layout { display: flex; flex-direction: column; }
.panel-right { flex: 1; }
/* ── PANNEAU GAUCHE BASE ─────────────────────── */
/* La couleur de fond varie par page :
home → var(--floral) + texte navy
souveraine → var(--teal) + texte white
elan → var(--navy) + texte white
pro → var(--navy) + texte white
Ces surcharges restent dans le