header,
#header,
#cm-header,
.top,
.navbar-default {
    background: linear-gradient(to left, #3A8FC4 0%, #A8DDEF 100%) !important;
    box-shadow: 0 2px 15px rgba(58, 143, 196, 0.3) !important;
    border-bottom: none !important;
}

/* Liens du menu */
.navbar-default .navbar-nav > li > a {
    color: white;
    font-weight: 500;
    padding: 14px 16px;
    transition: 0.2s;
}

/* Hover menu */
.navbar-default .navbar-nav > li > a:hover {
    background: rgba(255,255,255,0.15);
    border-radius: 6px;
}

/* ===========================
   Fond du site
=========================== */
body {
    background: #F3F8FC !important;
}

/* ===========================
   Titres de sections
=========================== */
.page-header h2,
.page-header h3,
.page-header h4 {
    color: #2B80B9 !important;
    border-left: 4px solid #4FA3D9;
    padding-left: 10px;
}

/* ===========================
   Cartes / blocs de cours
=========================== */
.panel,
.card,
.coursebox {
    border-radius: 10px;
    border: 1px solid #e3edf5;
    box-shadow: 0 4px 10px rgba(0,0,0,0.04);
}

/* ===========================
   Boutons
=========================== */
.btn-primary {
    background: linear-gradient(120deg, #2B80B9, #4FA3D9);
    border: none;
    border-radius: 8px;
}

.btn-primary:hover {
    background: #2B80B9;
}

/* ===========================
   Footer
=========================== */
footer.bgfooter {
    background: #E9F4FB;
    border-top: 2px solid #4FA3D9;
}
/* Fond transparent autour du logo */
.navbar-brand,
.navbar-brand img,
.logo,
.logo img {
    background-color: transparent !important;
    background: transparent !important;


    mix-blend-mode: multiply;

}
.page-header h2,
.page-header h3,
.page-header h4,
h2.page-header,
h3.page-header {
    background-color: transparent !important;
    color: #2B80B9 !important;
    font-weight: 400;
    border-left: 3px solid #2B80B9 ;
    padding-left: 15px;


}