/* ========================================================= couleurs-logo.css --------------------------------------------------------- Reskin du site avec la palette du nouveau logo (dégradé bleu). Ce fichier reprend EXACTEMENT les mêmes sélecteurs que template-style.css et doit être chargé APRÈS lui : la cascade CSS fait gagner ces règles sans rien modifier au fichier d'origine (facile à retirer : une ligne dans le , voir includes/header.php). Palette reprise du logo.svg : #003a80 bleu foncé (fond du cercle extérieur) #0050a0 bleu moyen (courbe sinusoïdale) #7fb3ff bleu clair (anneau intérieur) #d0e4ff bleu très clair (centre du dégradé) #002a60 bleu très foncé (symboles mathématiques) ========================================================= */ :root { --mde-blue-900: #003a80; --mde-blue-800: #002a60; --mde-blue-600: #0050a0; --mde-blue-300: #7fb3ff; --mde-blue-100: #d0e4ff; } /* Barre de menu (fond) */ .top-nav { background: rgba(0, 58, 128, 0.85); } /* Survol des liens du menu / item actif */ .top-nav li a:hover, .top-nav li.active-item a, .top-nav .logo.active-item a:hover { background: var(--mde-blue-800); } /* Fond du logo dans la barre de menu */ .top-nav li.logo a, .top-nav li.logo.active-item a, .top-nav .logo { background: var(--mde-blue-600); } /* Sous-menus déroulants */ .top-nav ul ul, .top-nav li ul li a { background: var(--mde-blue-900); } /* Bloc citations (second-block) */ #second-block { background: rgba(0, 58, 128, 0.85); } /* Bloc sombre de bas de page (fourth-block, si utilisé) */ #fourth-block { background: var(--mde-blue-900); } /* Pied de page */ footer { background: var(--mde-blue-600); } /* Titre du carrousel d'accueil */ .carousel-text h2 { color: var(--mde-blue-800); } .carousel-text p { background: rgba(0, 58, 128, 0.85); } /* Icônes rondes du bloc "Flash info" */ #first-block i { background: var(--mde-blue-600); color: #fff; } /* Bouton "Flash info" et boutons génériques */ a.button { background: var(--mde-blue-600); color: #fff; } /* Bandeau d'en-tête de page (#head, si utilisé sur certaines pages) */ #head { background: rgba(0, 58, 128, 0.85); } /* Bloc de contenu sombre */ .content-block { background: var(--mde-blue-900); } /* Icônes rondes page contact */ .contact-page i { background: var(--mde-blue-900); } /* Boutons de formulaire */ form.customform button { background: var(--mde-blue-900); } form.customform button:hover { background: var(--mde-blue-600); } /* Version mobile (menu plein écran) */ @media screen and (max-width: 768px) { body { background: var(--mde-blue-900); } nav { background: var(--mde-blue-900); } }