.da_container {
    display: flex;
    flex-flow: column;
    width: 100%;
    /*background-color: #ff9fa2;*/
    height: 100%;
}

.da_haute {
    display: flex;
    /*background-color: #dea52a;*/
}


.da_centre {
    display: flex;
    flex: auto;
    /*background-color: #dea52a;*/
}

.da_gauche {
    flex: 8;
    /*background-color: #4a9335;*/
}

.legende_fieldset {
    background-color: var(--gris-clair);
    border: 1px solid var(--gris-leger);
}

.cadre_fieldset {
    border: 1px solid var(--gris-leger);
}

.color_red {
    color: red;
    font-weight: bold;
}

.campagne_fermee {
    color: #E37F84;
}

.campagne_ouverte {
    color: #A4C99A;
}

.campagne_mois {
    display: inline-block; /* Pour permettre la largeur basée sur le contenu */
    width: calc(100% / 12); /* Répartir également la largeur sur 12 éléments */
    text-align: center; /* Centrer le contenu horizontalement */
    margin: 0;
}

.colonne1, .colonne2 {
    display: inline-block;
    border: 1px solid #DEDEDE;
    width: 50%;
    font-size: 1.2rem;
}

.colonne1 {
    margin: 0;
    padding: 0;
    border-right: 0px;
    border-radius: 3px 0 0 3px;
}

.colonne2 {
    margin: 0;
    padding: 0;
    border-radius: 0 3px 3px 0;
}

.cal_annee {
    background-color: var(--gris-clair);
    font-weight: bold;
    color: #666666;
    padding: 3px;
    border-bottom: 1px dashed #DEDEDE;
}

.cal_mois {
    border-bottom: 1px dashed #DEDEDE;
    color: #999999;
    font-family: "Courier New";
    font-weight: bold;
}

.cal_them {

}

.periode_campagne {
    display: inline-flex;
    flex-direction: column;
    text-align: center;
    height: 36px;
    background-color: rgba(225, 225, 225, 0.66);
    width: calc(5 * 100% / 12);
}

.periode_campagne span {
    font-size: 10px;
}

.periode_post_campagne {
    display: inline-flex;
    width: calc(3 * 100% / 12);
    background-image: url("../../img/fond/hachure3.svg");
    height: 36px;
    background-position: center;
    background-size: 70px 70px;
    background-repeat: repeat;
}

.periode_hors_campagne {
    display: inline-flex;
    width: calc(3 * 100% / 12);
}

.periode_pre_campagne {
    display: inline-flex;
    width: calc(1 * 100% / 12);
    background-image: url("../../img/fond/hachure3.svg");
    background-position: center;
    background-size: 70px 70px;
    background-repeat: repeat;
    height: 36px;
}

.mois_actif {
    background-color: #2c3e50;
    color: white;
}

div.calendrier_anne {

}

div.calendrier_annee:first-child {

}


.calendrier_annee {

}

.bold {
    font-weight: bold;
}

.font333 {
    color: #333333;
}

.font666 {
    color: #666666;
}


.font999 {
    color: #999999;
}

.da_droite {
    flex: 4;
    /*background-color: #157368;*/
}

.da_bas {
    display: flex;
}

.ligne_stat {
    justify-content: space-between;
}

.ligne_stat_separ_column {
    width: 1rem;
}

.ligne_stat_separ_ligne {
    height: 5px;
    border-radius: 50%;
    background-color: #DDD;
}

.da_en_ligne {
    margin: 0;
    padding: 0 5px;
    font-size: 1.2rem;
    background-color: #EEE;
    border-bottom: 1px solid #EEE;
    border-radius: 5px 5px 0 0;
    /*margin-bottom: 0.5rem;*/
}

.da_en_savoir_plus {
    font-size: 1.2rem;
    margin-top: 0.5rem;
}

.da_en_savoir_plus:hover {
    background-color: var(--gris-clair);
}

.nb_detail {
    font-size: 1.2rem;
}

.categ_detail {
    display: inline-block;
    font-weight: bold;
    padding: 2px 2px 0 2px;
    /*border-radius: 3px;*/
    font-size: 1.0rem;
}

.entete_dashboard {
    margin-bottom: 0.5rem;
    border-radius: 0.5rem;
    border: 1px solid var(--gris-leger);
    background-color: var(--gris-clair);
}

/* -------------------------------------- */
/* les stat d'avancements d'un ra ouvert */
/* -------------------------------------- */
.cadre_indic_ra {
    /*border-radius: 3px;*/
    /*background: red;*/
    /*border: var(--border);*/
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 1rem;
    justify-content: space-between;
}

.indic_ra_elt {
    display: flex;
    flex-direction: column;
    border: var(--border);
    border-radius: 3px;
}

.indic_ra_elt .titre {
    display: inline-block;
    margin: 0 3px;
    font-size: 0.8rem;
    text-align: center;
}

.indic_ra_elt .chiffres {
    text-align: center;
    font-weight: bold;
}

.indic_ra_elt .chiffres sup {
    font-size: 1rem; /* Ajustez la taille de police selon vos besoins */
}

.indic_ra_elt .chiffres sup.plus {
    color: cadetblue;
}

.indic_ra_elt .chiffres sup.moins {
    color: red;
}