body {
    padding-top: 56px;
}

.hide {
    display: none;
}

.cadreFond0 {
    background: rgb(78, 78, 80);
}

.cadreFond1 {
    background: rgb(171, 88, 132);
}

.cadreFond2 {
    background: rgb(115, 156, 51);
}

.cadreFond3 {
    background: rgb(220, 147, 26);
}

.cadreFond5 {
    background: rgb(0, 148, 193);
}

.cadreFond6 {
    background: #59548b;
}

.cadreFond7 {
    background: rgb(84, 133, 139);
}

.cadreFond.notificationserver {
    background: #2fd32f;
}

.cadreFond.printonline {
    background: #d32f2f;
}

.cadreFond.magnetociscom {
    background: #3f51b5;
}

.cadreFond.malakoffhumanis {
    background: #e6332a;
}

.cadreFond.marketingciscom {
    background: #fdd835;
}
.cadreFond.roole {
    background: #ffd100;
}
.cadreFond.dev-roole {
    background: #666666;
}

.cadreFond.dev {
    background: #a833d6;
}