:root {
 --bs-primary: rgb(27,65, 94);
 --bs-primary-lighter: rgb(27,75, 94);
 --bs-primary-darker: rgb(27,55, 94);

 --bs-secondary: rgb(55,95,93);
 --bs-secondary-lighter: rgb(55,105,93);
 --bs-secondary-darker: rgb(55,85,93);

 --bs-success: rgb(0, 90, 0);
 --bs-danger: rgb(90, 0, 0);
 --bs-info: rgb(0, 0, 90);
 --bs-warning: rgb(255, 173, 156);

 --header-background-mes-formations : var(--bs-primary);
 --header-background-mes-formations-hover : var(--bs-primary-lighter);
}

html#mes-formations .btn-primary {
    background: var(--bs-primary);
}


html#mes-formations .secondary {
    background: var(--bs-secondary);
}

html#mes-formations .btn-primary:hover {
    background: var(--bs-primary-lighter);
}

html#mes-formations .btn-secondary {
    background: var(--bs-secondary);
}
html#mes-formations .btn-secondary:hover {
    background: var(--bs-secondary-lighter);
}

html#mes-formations table thead {
    background: var(--header-background-mes-formations);
}

html#mes-formations nav {
 background: var(--header-background-mes-formations);
}

html#mes-formations nav ul li.nav-item a.nav-link:hover {
    background: var(--header-background-mes-formations-hover);
}

/*html#mes-formations a:hover {*/
/*    background: var(--header-background-mes-formations-hover);*/
/*    color: black;*/
/*}*/

html#mes-formations ul.nav {
    border-bottom: none;
}

html#mes-formations .dropdown-item.active {
    background: var(--header-background-mes-formations);
}

.text-mesformations {
  color : var(--header-background-mes-formations);
}

html#mes-formations ul.nav.navbar-nav li a.nav-header {
    margin: 1rem;
}

html#mes-formations div.modal div.modal-header {
    border-radius : 0;
    border : 1px solid black;
    background-color: var(--header-background-mes-formations);
    color: white;
}


html#mes-formations th.action {
    width: 8rem;
}

html#mes-formations td.action a {
    text-decoration: none;
}

html#mes-formations div.tab-content {
    position:relative;
    top:-9;
    border-top: 1px solid black;
}