@media (max-width: 768px) {
    .table-of-all-prices-css-class {
        margin:0;
        width:100%;
        display:grid;
        grid-template-rows: repeat(45, auto);
        grid-template-columns: 1fr;
        border-width: thin;
        border-style: solid;
        border-color: #dedede;
        border-radius: 4.5px;
    }

    .table-of-all-prices-css-class > * {
        padding:0.4rem;
    }

    .table-of-all-prices-css-class > :nth-of-type(-1n+6),
    .table-of-all-prices-css-class > :nth-of-type(54),
    .table-of-all-prices-css-class > :nth-of-type(53),
    .table-of-all-prices-css-class > :nth-of-type(47) {
        display:none;
    }

    .table-of-all-prices-css-class > :nth-of-type(7) {
        background-color: #f8fafc;
        font-weight:bold;
        border-bottom-width: thin;
        border-bottom-style: dashed;
        border-bottom-color: #dedede;
        border-top-left-radius: 4.5px;
        border-top-right-radius: 4.5px;
    }

    .table-of-all-prices-css-class > :nth-of-type(6n+13) {
        background-color: #f8fafc;
        font-weight:bold;
        border-bottom-width: thin;
        border-bottom-style: dashed;
        border-bottom-color: #dedede;
        border-top-width: thin;
        border-top-style: solid;
        border-top-color: #dedede;
    }

    .table-of-all-prices-css-class > :nth-of-type(6n+8),
    .table-of-all-prices-css-class > :nth-of-type(6n+9),
    .table-of-all-prices-css-class > :nth-of-type(6n+10),
    .table-of-all-prices-css-class > :nth-of-type(6n+11),
    .table-of-all-prices-css-class > :nth-of-type(6n+12) {
        background-color: #fafafa;
    }

    .table-of-all-prices-css-class > :nth-of-type(6n+8)::before {
        content:"Votre participation (*) : ";
    }
    .table-of-all-prices-css-class > :nth-of-type(6n+9)::before {
        content:"Votre dégrèvement de l'État (*) : ";
    }
    .table-of-all-prices-css-class > :nth-of-type(6n+10)::before {
        content:"Votre règlement pour l'École AVOSZ : ";
    }
    .table-of-all-prices-css-class > :nth-of-type(6n+11)::before {
        content:"Votre taux horaire avec crédit d'impôt (*) : ";
    }
    .table-of-all-prices-css-class > :nth-of-type(6n+12)::before {
        content:"Votre durée pour une séance : ";
    }

    .table-of-all-prices-css-class > :nth-of-type(52) {
        background-color: #fafafa;
        border-bottom-left-radius: 4.5px;
        border-bottom-right-radius: 4.5px;
    }
}

@media (min-width: 769px) {
    .table-of-all-prices-css-class > * {
        padding:0.5rem;
        display:grid;
    }

    .table-of-all-prices-css-class > * > * {
        margin-top:auto;
        margin-bottom:auto;
    }

    .table-of-all-prices-css-class {
        text-align: center;
        margin:0;
        width:100%;
        max-width:1200px;
        display:grid;
        grid-template-rows: repeat(9, auto);
        grid-template-columns: repeat(6, auto);
    }

    .table-of-all-prices-css-class > :nth-of-type(6n+1),
    .table-of-all-prices-css-class > :nth-of-type(6n+2),
    .table-of-all-prices-css-class > :nth-of-type(6n+3),
    .table-of-all-prices-css-class > :nth-of-type(6n+4),
    .table-of-all-prices-css-class > :nth-of-type(6n+5),
    .table-of-all-prices-css-class > :nth-of-type(6n+6) {
        background-color: #ffffff;
        border-bottom-width: thin;
        border-bottom-style: solid;
        border-bottom-color: #dedede;
    }

    .table-of-all-prices-css-class > :nth-of-type(6n+1) {
        border-left-width: thin;
        border-left-style: solid;
        border-left-color: #dedede;
    }

    .table-of-all-prices-css-class > :nth-of-type(6n+6) {
        border-right-width: thin;
        border-right-style: solid;
        border-right-color: #dedede;
    }

    .table-of-all-prices-css-class > :nth-of-type(12n+1),
    .table-of-all-prices-css-class > :nth-of-type(12n+2),
    .table-of-all-prices-css-class > :nth-of-type(12n+3),
    .table-of-all-prices-css-class > :nth-of-type(12n+4),
    .table-of-all-prices-css-class > :nth-of-type(12n+5),
    .table-of-all-prices-css-class > :nth-of-type(12n+6) {
        background-color: #fafafa;
    }

    .table-of-all-prices-css-class > :nth-of-type(-1n+6) {
        background-color: #f8fafc;
        font-weight: bold;
        border-bottom-width: thin;
        border-bottom-style: solid;
        border-bottom-color: #dedede;
        border-top-width: thin;
        border-top-style: solid;
        border-top-color: #dedede;
    }

    .table-of-all-prices-css-class > :nth-of-type(1) {
        border-top-left-radius: 4.5px;
    }

    .table-of-all-prices-css-class > :nth-of-type(6) {
        border-top-right-radius: 4.5px;
    }

    .table-of-all-prices-css-class > :nth-of-type(49) {
        border-bottom-left-radius: 4.5px;
    }

    .table-of-all-prices-css-class > :nth-of-type(54) {
        border-bottom-right-radius: 4.5px;
    }
}