.oie_titre_tab{
    padding-left:1px !important;
    padding-right:1px !important;
    border-left:#ffffff 1px solid !important;
    border-right:#ffffff 1px solid !important;
    font-size: 10px !important;
    min-width:21px !important;
}

.oie_ok{
    background-color:#05BE70 !important;
}

.oie_orange{
    background-color:#f9d750 !important;
}

.oie_rouge{
    background-color:#ea1029 !important;
    color:#ffffff;
}

.tableFixHead { 
    overflow-y: auto;
    height: 300px;
    overflow-x: auto;
}
.tableFixHead table{
    border-collapse: collapse;
}
.tableFixHead th { 
/*    position: sticky; 
    top: 0; 
    background: var(--couleurPrimaire);
    border-left:#ffffff 1px solid !important;
    border-right:#ffffff 1px solid !important;*/

    position: sticky;
    top: 0;
    background: var(--couleurPrimaire);
    border: none !important;
    outline: 1px solid;
}


/* Obstacle fences (result_ev_oie_v2): same th band + coloured cells as the
   original table, but each fence carries its own header so a long course
   wraps onto several lines instead of needing 50 columns. */
table td.table-col.oie-fences-cell {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.oie-fences {
    display: flex;
    flex-wrap: wrap;
    row-gap: 4px;
}
.oie-fence {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.oie-fh {
    background: var(--couleurPrimaire);
    color: #fff;
    line-height: 1.2;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    min-height: calc(2.4em + 4px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.oie-fv {
    min-height: 22px;
    line-height: 22px;
}