address,
    blockquote,
    body,
    dd,
    dl,
    dt,
    fieldset,
    figure,
    hr,
    html,
    iframe,
    legend,
    li,
    ol,
    p,
    pre,
    textarea,
    ul {
        font-size: 17px;
    }

    .banner {
        width: 100%;
        height: 400px;
        overflow: hidden;
    }

    .banner img {
        width: 100%;
        height: auto;
        position: relative;
        top: -200px;
    }

    h1 {
        text-align: center;
    }

    .titlePadding {
        padding: 1rem;
        /* background-color: #e7e7e7; */
    }

    .tabs {
        display: flex;
        border-bottom: 2px solid #ccc;
    }

    .tab {
        padding: 10px 24px;
        cursor: pointer;
        border: none;
        outline: none;
        background: #f5f5f5;
        transition: background 0.2s;
    }

    .tab.active {
        background: #C1FF72;
        border-bottom: 2px solid #0078D7;
        font-weight: bold;
    }

    .tab-content {
        display: none;
        padding: 20px;
        border: 1px solid #ccc;
        border-top: none;
    }

    .tab-content.active {
        display: block;
    }

    .flexContent {
        align-items: stretch;
        display: flex;
        gap: 8px;
    }

    .flexContent.green {
        background-color: green;
    }

    .flexContent .column {
        background: white;
        flex: 1;
    }

    .flexContent .column.colLeft {
        padding-right: 20px;
    }

    .flexContent .column.colRight {
        padding-left: 20px;
    }

    body .fiche-formation ul:not(.collapsible) {
        padding-bottom: 0;
    }

    .aButton {
        color: #ffffff;
        background-color: #078a03;
        display: initial;
        font-weight: 600;
        padding: 1rem;
    }

    .aButton:hover {
        background-color: #08aa02ff;
        color: #000000;
    }

    .shadow {
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .radius {
        border-radius: 15px;
    }

    .flashy {
        background-color: #C1FF72;
        color: #000000;
    }

    body .fiche-formation h2 {
        font-family: 'Gothic A1';
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 1rem;
        padding: 1rem;
        text-align: center;
    }

    body .fiche-formation h3,
    .calendrier>h3 {
        font-size: 1.3rem;
        font-weight: bold;
    }

    .float-right {
        float: right;
    }

    @media (max-width: 768px) {
        .flexContent {
            flex-direction: column;
        }

        .flexContent .column.colRight {
            padding-top: 1rem;
        }

        .banner {
            width: 100%;
            height: auto;
            overflow: visible;
        }

        .banner img {
            width: 100%;
            height: auto;
            position: initial;
            top: 0;
        }

    }