/* local css */

/* font color */
body{
    color: #333333;
}
#Bandeau-entete{
    background-image: linear-gradient(to bottom right, #020202, white);
    padding: 20px 0 20px 0;
    color:white;
}
@media (max-width: 992px) {
    #Bandeau-entete{
        background-color: rgb(44, 44, 44);
        background-image: none;
    }
}
/* block */
.block-largeur-1{
    max-width: 350px;
}
/* image */
.image-largeur1{
    max-width: 300px;
    margin: auto;
    display: block;
}
@media (max-width: 992px) {
    .image-largeur1{
        max-width: 100%;
    }

}

.marge-haut{
    padding-top: 120px;
}

/* affichage table */
@media (max-width: 992px) {
    .hide-smartphones{
        display: none;
    }
    .smartphones-font-1vw{
        font-size: 1vw;
    }
    .smartphones-font-1-5vw{
        font-size: 1.5vw;
    }
    .smartphones-font-2vw{
        font-size: 2vw;
    }
    .smartphones-font-5vw{
        font-size: 2vw;
    }
}

/* pointeur table */
.fleche-bas:after{
    margin-left: 10px;
    content: '\25BC';
}
.pointer{
    cursor: pointer;
}
.bg-pale-green{
    background-color: #ddffdd;
}
.bg-pale-blue{
    background-color: #ddffff;
}

/* affiche message d'alerte */
.alert-success{
    animation-name: disparition;
    animation-duration: 2s;
    animation-delay: 5s;
    animation-fill-mode: forwards;
}

/* animation */
@keyframes disparition {
    from {opacity: 1;}
    to {opacity: 0;}
}
/* fin message d'alert */

/* page login */
.block-login{
    max-width: 500px;
    margin: 30px auto 0 auto;
}
/* page index commande */
.bouton_paye{
    display: none;
}
.bouton_supprimer{
    display: none;
}
/* page commande */
.echeance_passee{
    color: red;
    padding: 8px 16px;
    border: 2px solid red;
    border-radius: 5px;
    display: inline-block;
}
.notif_rouge{
    color: red;
    padding: 8px 16px;
    border: 2px solid red;
    border-radius: 5px;
    display: inline-block;
    font-weight: bold;
}
.notif_verte{
    color: green;
    padding: 8px 16px;
    border: 2px solid green;
    border-radius: 5px;
    display: inline-block;
    font-weight: bold;
}
.notif_neutre{
    padding: 8px 16px;
    display: inline-block;
}

.font-size-2vw{
    font-size: 2vw;
}
.font-size-1vw{
    font-size: 1vw;
}
.font-size-05vw{
    font-size: 0.5vw;
}
.color-change{
    background-color: #bfd1ec!important;
}
/* image */
.img-1{
    max-width: 300px;
}
.img-mini{
    max-width: 50px;
}
.img-sig{
    max-width: 200px;
    border: 1px solid #333;
}
@media (max-width: 992px) {
    .img-sig{
        max-width: 50px;
        float: right;
    }

}
/* divers */
.marge_t40{
    margin-top: 40px;
}
.marge_l40{
    margin-left: 40px;
}