/*############################################################################################################
//  Droits d'auteur © 2022-2023 P.ink, l'ancre d'une vie Tous droits réservés, en collaboration avec OptimalC
//############################################################################################################*/

/*  ------------------------------------------------------------------------------------------------------------
 *  Division | Conteneur de Statistique
 *  ############################################################################################################
 */
.statBlock {
    position:relative;top:0;left:0;margin:1rem 0.5rem 0.25rem 0.5rem;padding:12px 8px 8px 8px;width:256px;height:auto;
    display:inline-flex;flex:0 0 auto;flex-direction:column;
    border-style:solid;border-width:2px;border-color:white;border-radius:0.5rem;
}
.statBlock::before {
    position:absolute;top:-8px;left:1rem;
    font-size:16px;font-weight:400;padding:0 0.5rem;
    content:"Statistique";background-color:#A7A7A7;color:#212121;text-shadow:0 0 1px #212121;
}
/*  --------------------------------------------------------------------------------------------------------  */

/*  ------------------------------------------------------------------------------------------------------------
 *  Division | Conteneur des Groupes de Statistique
 *  ############################################################################################################
 */
.statBlock > .statGroup {
    margin:0.25rem 0.25rem 0.25rem 0.25rem;
    width:calc( 100% - 0.5rem );height:auto;
    display:inline-flex;flex-direction:column;flex-wrap:wrap;
    background-color:transparent;color:#FAFAFA;border-bottom-left-radius:0.5rem;
}
/*  --------------------------------------------------------------------------------------------------------  */
.statBlock > .statGroup > .groupTitle {
    margin:0 0 1px 0;width:100%;height:24px;
    display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;
    font-size:1rem;line-height:1rem;font-weight:600;
    background-color:#4A4A4A;color:#FAFAFA;
    border-radius:0.5rem 0.5rem 0 0;
}
.statBlock > .statGroup > .groupItem {
    margin:0 0 1px 0;padding:0.25rem 0 0.25rem 0;height:auto;
    display:inline-flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;flex-wrap:wrap;
    background-color:#7A7A7A;color:#FAFAFA;
}
.statBlock > .statGroup > div.groupItem:nth-of-type(2) {}
.statBlock > .statGroup > div.groupItem:last-of-type {margin:0;border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem;}
/*  --------------------------------------------------------------------------------------------------------  */
.statBlock > .statGroup > .groupItem > label {
    padding:0;width:100%;height:auto;
    display:inline-flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:center;
    font-size:14px;color:#FAFAFA;
}
.statBlock > .statGroup > .groupItem > span {
    width:100%;margin:0.25rem 0;
    display:inline-flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:center;
    font-size:18px;color:#FAFAFA;font-weight:600;
}
/*  --------------------------------------------------------------------------------------------------------  */