
.divcols div {
    font-size:0.6em;
    text-align: center;
    padding-top: 1px;
}

/* les couleurs pour les commentaires sau */

.divcols1 {  background-color: #FF8080; }
.divcols2 {  background-color: #00FF80; }
.divcols3 {  background-color: #80FFFF; }
.divcols4 {  background-color: #FFFF80; }
.divcols5 {  background-color: #FF0000; color:white; }
.divcols6 {  background-color: #8080FF; color:white; }
.divcols7 {  background-color: orange; }
.divcols8 {  background-color: #FF00FF; color:white; }
.divcols9 {  background-color: #C0C0C0; }
.divcols10 {  background-color: white; }

/* les couleurs pour les couleurs fiches (si pas de couleur sau, mais une couleur fiche) */
/* voir aussi saucodis.css */
.divcolsrouge {
    background-color: #f65a5a !important;
    color: white !important;
}

.divcolsbleu {
    background-color: #2f3192 !important;
    color: white !important;
}

.divcolsvert {
    background-color: #50cd55 !important;
    color: white !important;
}

.divcolsnoir {
    background-color: #000 !important;
    color: white !important;
}

.divcolsecarlate {
    background-color: #ad33db !important;
    color: white !important;
}

.divcolsjaune {
    background-color: #b3a61c !important;
    color: white !important;
}

.divcolsorange {
    background-color: #ed7f10 !important;
    color: whitesmoke !important;
}


  #sablier {
    display:none;
    z-index:200;
    position:fixed;
    top:25%;
    left:50%;

        -webkit-animation-name: load-animation;
        -webkit-animation-duration: 3000ms;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -moz-animation-name: load-animation;
        -moz-animation-duration: 3000ms;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;
        -ms-animation-name: load-animation;
        -ms-animation-duration: 3000ms;
        -ms-animation-iteration-count: infinite;
        -ms-animation-timing-function: linear;

        animation-name: load-animation;
        animation-duration: 3000ms;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
       }

    @-moz-keyframes load-animation {
        from { -moz-transform: rotate(0deg); }
        to { -moz-transform: rotate(360deg); }
    }
    @-webkit-keyframes load-animation {
        from { -webkit-transform: rotate(0deg); }
        to { -webkit-transform: rotate(360deg); }
    }
    @keyframes load-animation {
        from {transform:rotate(0deg);}
        to {transform:rotate(360deg);}
    }
