@charset "UTF-8";

/* ==========================================================================
   POLICES
   ========================================================================== */
@font-face {
    font-family: "Nunito";
    src: url("../fonts/Nunito-VariableFont_wght.ttf");
}

/* ==========================================================================
   TYPOGRAPHIE GLOBALE (STRICTE PAR NIVEAU)
   ========================================================================== */
h1, h1 *, .brxe-heading {
    color: #086FA8 !important;
    margin-bottom: 5px;
}

h2, h2 * {
    color: #3097D0 !important;
}

h3, h3 * {
    color: #086FA8 !important;
}

h4, h4 * {
    color: #000000 !important;
}

li::before {
    color: #086FA8 !important;
}

/* ==========================================================================
   LIENS GLOBAUX (SUR FOND BLANC)
   ========================================================================== */
a {
    text-decoration: none !important;
    transition: all 0.3s ease;
}

/* Liens dans le texte avec soulignement border-bottom uniquement */
p a, 
.text-enrichi a {
    color: #3097D0 !important;
    border-bottom: 1px solid #3097D0 !important;
    text-decoration: none !important;
}

p a:hover, 
.text-enrichi a:hover {
    opacity: 0.8;
    border-bottom: 1px solid #086FA8 !important;
}

/* ==========================================================================
   BOUTONS
   ========================================================================== */
.bricks-button {
    background-color: #086FA8 !important;
    color: #ffffff !important;
    border-bottom: none !important;
}

.bricks-button:hover {
    background-color: #ffffff !important;
    color: #086FA8 !important;
} 

.bouton {
    background-color: #3097D0 !important;
    color: #ffffff !important;
    border-bottom: none !important;
}

.bouton:hover {
    background-color: #086FA8 !important;
}

/* ==========================================================================
   HEADER ET NAVIGATION
   ========================================================================== */
#topbar {
    background-color: #3097D0 !important;
}

#topbar button {
    background-color: #086FA8 !important;
}

#menu-menu-principal > .menu-item.menu-item.menu-item-home > a::before {
    color: #3097D0 !important;
}

#menu-menu-principal > .menu-item.menu-item.menu-item-home > a:hover::before {
    color: #086FA8 !important;
}

.bricks-nav-menu .sub-menu .menu-item:hover > a {
    background-color: #086FA8 !important; 
    color: #ffffff !important;
}

/* ==========================================================================
   SECTIONS BLEUES (COORDONNÉES, HORAIRES, CARTOUCHE)
   ========================================================================== */
.cartouche {
    color: #ffffff !important;
    background-color: rgba(48, 151, 208, 0.75) !important;
}

.coordonnees, 
.coordonnees::before {
    background-color: #3097D0 !important;
}

.coordonnees h3, 
.coordonnees * {
    color: #ffffff !important;
}

.horaires, 
.horaires::after {
    background-color: #086FA8 !important;
}

.horaires h3, 
.horaires * {
    color: #ffffff !important;
}

/* ==========================================================================
   BLOCS INFO ET ACCÈS RAPIDES (TEXTE BLANC SANS SOULIGNEMENT)
   ========================================================================== */
.bloc-info,
.bloc-info *,
#brxe-acces-rapides,
#brxe-acces-rapides * {
    color: #ffffff !important;
}

/* Suppression définitive du soulignement (border et native) dans les blocs bleus */
.bloc-info span {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}
.bloc-info p a {
   	text-decoration: underline;
	color: white;
}
.bloc-info p a:hover {
	opacity: 0.8;
}


#brxe-acces-rapides a,
#brxe-acces-rapides span {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}


/* ==========================================================================
   FOOTER ET TABLEAUX (TEXTE BLANC AVEC SOULIGNEMENT)
   ========================================================================== */
#footer-apeb {
    background-color: #086FA8 !important;
}

/* Liens du footer : Blancs avec le trait border-bottom conservé */
#footer-apeb a, 
#brxe-fbgkub a {
    color: #ffffff !important;
    text-decoration: none !important;
    border-bottom: 1px solid #ffffff !important;
}

#footer-apeb a:hover {
    opacity: 0.8;
}

/* Tableaux */
th {
    background-color: #086FA8 !important;
    color: #ffffff !important;
}