:root { --ci-orange: #FF8200; --ci-orange-hover: #E07300; --ci-vert: #009E60; --ci-vert-dark: #007A4A; --ci-blanc: #FFFFFF; --bg-global: #F4F7F6; --text-dark: #212529; }
body { background: url("../img/hero-archive.jpg") no-repeat center center fixed !important; background-size: cover !important; background-color: var(--bg-global) !important; color: var(--text-dark); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.tricolor-bar { display: flex; height: 6px; width: 100%; }
.tricolor-bar span { flex: 1; }
.bar-orange { background-color: var(--ci-orange); } .bar-blanc { background-color: var(--ci-blanc); } .bar-vert { background-color: var(--ci-vert); }
.logo-ajaci { font-size: 26px; font-weight: 900; color: var(--ci-vert) !important; letter-spacing: 1px; text-decoration: none !important; }
.logo-ajaci .accent-orange { color: var(--ci-orange); }
.main-nav { border-bottom: 3px solid var(--ci-vert); }
.main-nav .nav-link { color: #495057 !important; font-size: 15px; transition: color 0.2s ease-in-out; }
.main-nav .nav-link:hover, .main-nav .nav-item.active .nav-link { color: var(--ci-orange) !important; }
.btn-rejoindre { background-color: var(--ci-orange); color: white !important; font-weight: bold; border-radius: 30px; padding: 8px 22px; font-size: 14px; transition: all 0.3s ease; }
.btn-rejoindre:hover { background-color: var(--ci-orange-hover); box-shadow: 0 4px 8px rgba(0,0,0,0.15); }
.breaking-news { overflow: hidden; }
.news-badge { background-color: #E30318 !important; font-size: 14px; }
.news-scroll { padding-top: 6px; }
.news-scroll a { text-decoration: none; font-size: 15px; transition: color 0.2s; }
.news-scroll a:hover { color: var(--ci-orange) !important; }
.style-caption { top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.45); }
.hover-orange:hover { color: var(--ci-orange) !important; }