:root {
    --current-font: arial;
    --ton-vert-fonce: #316e77;
    --ton-vert-moyen: #98c2c3;
    --ton-gris-clair: #eaeaea;
    --ton-bleu-gris: #aac2c7;
    --ton-blanc-casse: #f1f4f5;
    --ton-rouge-alerte: #fb8a8a;
    --ton-rouge-alerte-hover: #dc8989;
    --ton-vert-valide: #69c28e;
    --ton-vert-valide-hover: #67aa83;
    --ton-jaune-reserve: #ffdb00;
    --ton-jaune-reserve-hover: #e8c700;
    --ton-orange-alerte: #f6b20f;
    --ton-orange-alerte-hover: #d59d16;
    --ton-rouge-titre: #ff2e12;
}

body {
    font-family: var(--current-font);
}

.table-titre {
    width: 100%;
    border-collapse: collapse;
    border: 0px;
    background: var(--ton-vert-fonce);
}

.tbody-color {
    background: #FFFFFF;
}

.tbody-color > tr {
    border-top: 1px solid var(--ton-gris-clair);
}

.tbody-color > tr > td,
.tbody-color > tr > td a {
    font-family: var(--current-font);
    font-size: 9pt;
}

.tbody-color > tr:hover {
    background: var(--ton-gris-clair);
}

.table-titre tfoot > tr {
    background: lightgrey;
}

.table-donnees-without-header > tr > td {
    font-size: 9pt;
    font-weight: 700;
    font-family: var(--current-font);
}

.table-donnees-without-header > td {
    font-size: 9pt;
    font-weight: 700;
    font-family: var(--current-font);
}

.table-donnees-without-header > td a {
    font-size: 9pt;
    font-weight: 700;
    font-family: var(--current-font);
}

.table-titre tfoot > tr > td {
    font-size: 9pt;
    font-weight: 700;
    font-family: var(--current-font);
}
.table-cell-titre {
    height: 30px;
    font-family: var(--current-font);
    color: white;
    font-size: 12pt;
    font-weight: 700;
}

.table-cell-titre a {
    height: 30px;
    font-family: var(--current-font);
    color: var(--ton-vert-moyen);
    font-size: 12pt;
    font-weight: 700;
}

.sort-icone-small {
    height: 9px;
    padding-right: 2px;
}

.dl-icone {
    height: 20px;
}

.simple-texte {
    font-family: var(--current-font);
}

.fixed-button-size {
    width: 185px;
}

.with-help-image {
    height: 16px;
    position: relative;
    left: -22px;
}

.with-help-image img {
    height: 16px;
    width: 16px;
    vertical-align: sub;
}

.with-help-image-right {
    height: 16px;
    position: relative;
}

.with-help-image-right img {
    height: 16px;
    width: 16px;
    vertical-align: sub;
}

.table-row-header-button {
    width: 100%;
    background: var(--ton-bleu-gris);
    height: 30px;
}

.input-height {
    height: 19px;
}

@-moz-document url-prefix() {
    select.input-height, input.input-height {
        height: auto;
    }
}


.table-row-header-button td {
    font-family: var(--current-font);
    font-size: 9pt;
}

.table-row-header-help {
    background: var(--ton-bleu-gris);
    height: 25px;
}

.table-cell-button-header {
    padding-left: 10px;
}

.table-cell-button-header a:hover {
    color:rgba(255, 255, 255, 0);
}

.table-donnees {
    width: 98%;
    border-collapse: collapse;
    border: 0px;
    font-family: var(--current-font) !important;
}

.table-donnees > thead > tr {
    background: lightgrey;
}

.table-donnees > thead > tr > th {
    font-size: 9pt;
    font-weight: 700;
    font-family: var(--current-font);
}

.table-donnees-without-header {
    background: lightgrey;
    font-size: 9pt;
    font-weight: 700;
    font-family: var(--current-font);
}
.table-donnees-without-header a {
    color: black;
}

.table-donnees a {
    font-family: var(--current-font) !important;
    font-size: 9pt;
}

.table-donnees i {
    font-family: var(--current-font);
}

.table-donnees > tbody > tr > td {
    font-size: 9pt;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: var(--current-font);
    height: 21px;
}

.table-donnees tbody > tr:not(.information-line) {
    width: 100%;
    border-top: 1px solid var(--ton-blanc-casse);
}

.background-rouge {
    background: var(--ton-rouge-alerte);
}

.background-vert {
    background: var(--ton-vert-valide);
}

.button-multiline-3 {
    height: 54px;
}

.button-vert {
    background: var(--ton-vert-valide);
}

.button-vert:hover {
    background: var(--ton-vert-valide-hover);
}

.button-rouge {
    background: var(--ton-rouge-alerte);
}

.button-rouge:hover {
    background: var(--ton-rouge-alerte-hover);
}

.button-orange {
    background: var(--ton-orange-alerte);
}

.button-orange:hover {
    background: var(--ton-orange-alerte-hover);
}

.button-jaune {
    background: var(--ton-jaune-reserve);
}

.button-jaune:hover {
    background: var(--ton-jaune-reserve-hover);
}

.table-donnees tfoot > tr > td {
    font-size: 9pt;
    background: lightgrey;
    font-weight: 700;
}

.fond-gris-leger {
    background: lightgrey;
}

.fond-gris-leger * {
    font-family: var(--current-font);
}

.fond-vert-moyen {
    background: var(--ton-bleu-gris);
}

.fond-vert-moyen * {
    font-family: var(--current-font);
}

.fond-blanc {
    background: white;
}

.titre-moyen * {
    font-family: var(--current-font);
    font-weight: 700;
    font-size: 9pt;
}

.font-noir * {
    color: black;
}

.font-override * {
    font-family: var(--current-font);
}

.font-noir:hover * {
    text-decoration-color: black;
}

.table-donnees tbody > tr:not(.information-line):hover {
    background: var(--ton-gris-clair);
}

.simple-table {
    border-collapse: collapse;
}

div a {
    font-family: var(--current-font);
}

.simple-table tr td {
    font-family: var(--current-font);
    font-size: 9pt;
}

.simple-table > thead > tr td {
    font-family: var(--current-font);
    font-size: 9pt;
    background: var(--ton-vert-fonce);
    color: white;
}

.simple-table a {
    font-family: var(--current-font);
    font-size: 9pt;
}

.couleur-fond-bouton {
    background: var(--ton-bleu-gris);
}

.couleur-fond-resultat {
    background: lightgrey;
}

.tableau-irregulier {
    border-collapse: collapse;
}

.tableau-irregulier tr td {
    font-family: var(--current-font);
    font-size: 9pt;
}

.tableau-irregulier tr td a{
    font-family: var(--current-font);
    font-size: 9pt;
}

.tableau-irregulier .fond-entete {
    background: var(--ton-vert-fonce);
    color: white;
}

.tableau-irregulier .contour-noir {
    border-color: black;
}

.tableau-irregulier .fond-entete-leger {
    background: var(--ton-bleu-gris);
}

.tableau-irregulier .gros-titre td {
    font-size: 11pt;
}

.tableau-irregulier .fond-entete td {
    color: white;
}

.tableau-irregulier .liseret-bas {
    border-bottom: solid 1px var(--ton-blanc-casse);
}

.tableau-irregulier .liseret-haut {
    border-top: solid 1px var(--ton-blanc-casse);
}

.tableau-irregulier .liseret-haut:hover {
    background: var(--ton-gris-clair);
}

.tableau-irregulier .liseret-bas:hover {
    background: var(--ton-gris-clair);
}

.groupe-ligne {
    border-bottom: var(--ton-blanc-casse) solid 1px;
}

.groupe-ligne:hover {
    background: var(--ton-gris-clair);
}

.avec-bordure {
    border: solid 1px black;
}

.icone-large {
    height: 22px;
}

.icone-moyen {
    height: 15px;
}

.texte-vert-fonce {
    color: var(--ton-vert-fonce);
}

.texte-rouge {
    color: var(--ton-rouge-titre);
}

.texte-blanc a {
    color: white;
}

h2 {
    font-family: var(--current-font);
}

.input-checkbox-taille {
    height: 19px;
    width: 19px;
}

.gras {
    font-weight:700;
}

/* 
    Le filtres modifient la couleur d'un élément noir dans la couleur voulu
    A utiliser sur un SVG
    (Plus le ton est clair plus la couleur du filtre sera foncée)
    Pour le calcul du filtre voir : https://codepen.io/sosuke/pen/Pjoqqp
*/
.svg-blanc {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(15deg) brightness(102%) contrast(101%);
}

.filtre-vert {
    filter: invert(70%) sepia(55%) saturate(637%) hue-rotate(65deg) brightness(91%) contrast(90%);
}

.filtre-rouge {
    filter: invert(32%) sepia(100%) saturate(3218%) hue-rotate(351deg) brightness(95%) contrast(93%);
}

.filtre-jaune {
    filter: invert(84%) sepia(83%) saturate(2218%) hue-rotate(350deg) brightness(96%) contrast(92%);
}
.filtre-gris {
    filter: invert(75%) sepia(0%) saturate(0%) hue-rotate(163deg) brightness(97%) contrast(77%);
}