.hbc-tarifs-publics {
    --hbc-violet: #4b176d;
    --hbc-violet-clair: #f2e8f7;
    --hbc-fond-alterne: #ece8ef;
    --hbc-bordure: #c3c4c7;
    --hbc-texte: #25202a;
    color: var(--hbc-texte);
    margin: 1.5rem 0;
}

.hbc-tarifs-tableau-conteneur {
    overflow-x: auto;
}

.hbc-tarifs-publics .hbc-tarifs-tableau {
    border: 1px solid var(--hbc-bordure) !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    font-family: inherit;
    font-size: .95rem;
    margin: 0 !important;
    width: 100% !important;
}

.hbc-tarifs-publics .hbc-tarifs-tableau th,
.hbc-tarifs-publics .hbc-tarifs-tableau td {
    border: 1px solid var(--hbc-bordure) !important;
    padding: .65rem .8rem !important;
    text-align: left !important;
    vertical-align: top;
}

.hbc-tarifs-publics .hbc-tarifs-tableau thead th {
    background: var(--hbc-violet) !important;
    color: #fff !important;
    font-weight: 600;
}

.hbc-tarifs-publics .hbc-tarifs-tableau tbody tr:nth-child(odd) th,
.hbc-tarifs-publics .hbc-tarifs-tableau tbody tr:nth-child(odd) td {
    background: #fff !important;
}

.hbc-tarifs-publics .hbc-tarifs-tableau tbody tr:nth-child(even) th,
.hbc-tarifs-publics .hbc-tarifs-tableau tbody tr:nth-child(even) td {
    background: var(--hbc-fond-alterne) !important;
}

.hbc-tarifs-publics .hbc-tarifs-tableau tbody th {
    font-weight: 600;
}

.hbc-tarifs-montant {
    white-space: nowrap;
}

@media (max-width: 720px) {
    .hbc-tarifs-publics .hbc-tarifs-tableau {
        font-size: .86rem;
    }

    .hbc-tarifs-publics .hbc-tarifs-tableau th,
    .hbc-tarifs-publics .hbc-tarifs-tableau td {
        padding: .55rem .6rem !important;
    }
}