#ParametreApp md-tabs .md-tab {
    color: rgba(255,255,255, .8);
}
#ParametreApp md-tabs .md-tab.md-active {
    color: white;
    font-weight: bold;
}
.card--profil {
    border: 0;
    position: relative;
    background: none;
}

#ParametreApp .card--profil a,
h5.color--profil.font-weight-bold.my-4,
h5.color--profil.font-weight-bold.mt-4 {
    padding: 0;
    display: inline-block;
    width: 100%;
    font-size: calc(var(--basePX) + 6px);
    text-align: center;
}

.card--profil__fullName {
    font-size: calc(var(--basePX) + 6px);
    font-family: "Poppins", sans-serif;
    color: var(--main-color_profil);
    text-transform: uppercase;
}

.card--profil__ID {
    font-size: calc(var(--basePX) + 4px);
    font-family: "Poppins", sans-serif;
    color: var(--main-color_esn-forfait);
    text-transform: Capitalize;
}

.card--profil__ID {
    right: 5px;
    top: 0;
}
.card--profil__hover--effect .card--profil__ID {
    right: 20px;
}


.card--profil__hover--effect {
    top: 0;
    left:15px;
    width: calc(100% - 30px);
    height: calc(100% - 3rem);
    min-height: calc(100% - 3rem); /* classe mb-5 de bootstrap */
    z-index: 2; /* pour passer au dessus des autres missions situées en dessous */
}

.card--profil__hover--effect .btn {
    color: white;
}
/*.card--profil__hover--effect .btn:hover {
    color: var(--main-color_paragraphe);
}*/
.btn.p-1:hover {
    text-decoration: underline;
}