:root {
    --gris_1: #f1f1f1;
}

.bandeau-entete{
    background-image: linear-gradient(to bottom right, #3f51b5, white);
    padding: 20px 0 20px 0;
    color:white;
}
.bandeau-entete_v2{
    background-color: #3f51b5;
    padding: 20px 0 20px 0;
    color:white;
}
.bandeau-footer{
    padding: 20px 0 20px 0;
    background-color: #6c757d;
    color: white;
    text-align: center;
}
@media (max-width: 992px) {
    #Bandeau-entete{
        background-color: #3f51b5;
        background-image: none;
    }
}
/* calendrier */
#Calendar .modif{
    width: calc(100% - 15px);
}
.na{
    color: #000!important;
    background-color: #f1f1f1!important;
}
.trav{
    color: #000!important;
    background-color: #ffeb3b!important;
}
.autoE{
    color: #fff!important;
    background-color: #3f51b5!important;
}
.conge{
    color: #fff!important;
    background-color: #4CAF50!important;
}
#Calendar tr th.disable,
#Calendar tr td.disable{
    background-color: var(--gris_1);
}

/* divers */
.hauteur_1{
    height: 40px;
}
.hauteur_2{
    height: 80px;
}
.block_largeur_1_auto{
    max-width: 500px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0 15px;
}
.block_largeur_1{
    max-width: 500px;
    width: 100%
}
.block_largeur_2{
    max-width: 800px;
    width: 100%;
}
.block_largeur_2_auto{
    max-width: 800px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0 15px;
}
.text_en_blanc, .lien_en_blanc{
    color: white;
}
.lien_en_blanc:hover{
    color: white;
}
.clearright{
    clear: right;
}