.w-100 {
    width: 100%;
}
.contain-page {
    min-height: 100vh;
}

/*flex*/
.flex-10 {
    flex-basis: 10%;
}

.flex-20 {
    flex-basis: 20%;
}

.flex-25 {
    flex-basis: 25%;
}

.flex-30 {
    flex-basis: 30%;
}

.flex-40 {
    flex-basis: 30%;
}

.flex-50 {
    flex-basis: 50%;
}

.flex-80 {
    flex-basis: 80%;
}
.container {
    display: flex; /* or inline-flex */
}

/*text align;style  */

.text-align-center {
    text-align: center !important;
}

.text-align-right {
    text-align: right !important;
}

.bold {
    font-weight: bold !important;
}
/*Permet de gerer un overflow X de texte, rajoute "..." a la fin du texte,
  il faut definir un width max sur le container */
.crop-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.noTextTransform {
    text-transform: none !important;
}

/* ressourcesCss.resx */
.rouge-gras {
    color: red;
    font-weight: bolder;
}
.total-monetaire {
    text-align: right !important;
    font-weight: bold !important;
    font-variant-numeric: tabular-nums;
}

.font-tab-numeric {
    font-variant-numeric: tabular-nums;
}

/* FIN ressourcesCss.resx */

.invalid {
    outline: 1px solid red;
}