@media only screen and (max-width: 980px) {
    header {
        display: none;
    }

    footer {
        flex-direction: column;
        gap: 24px;
    }

    footer {
        align-items: flex-start;
    }

    .logo-smart {
        width: 100%;
        margin-top: 24px;
        display: flex;
        justify-content: center;
    }

    .agenda-item {
        justify-content: column;
        flex-wrap: wrap;
    }

    .date1, .dates {
        padding-top: 12px;
        background-position: left;
        width: 225px;
    }

    .date1 h2, .dates h2 {
        padding-top: 0;
        padding-left: 24px;
        text-align: left;
        padding-bottom: 8px;
    }

    .date-desc .btn {
        margin-bottom: 24px;
    }

    .date-desc {
        width: 100%
    }

    .organisation-listes {
        width: 100%;
        flex-wrap: wrap;
    }
}

@media only screen and (min-width: 980px) {
    .menu-smart {
        display: none;
    }
}

@media only screen and (min-width: 780px) and (max-width: 979px) {
    
}

@media only screen and (max-width: 779px) {
    .pdg {
        padding: 50px 5%;
        width: 90%;
    }

    .pdg2 {
        padding: 50px 5%;
        width: 90%;
    }
    
    .slideshow, .slide {
        height: 600px;
    }

    .bienvenue {
        font-size: 24px;
    }

    .logo {
        width: 150px;
        margin-top: 24px;
        margin-left: 5%;
        margin-bottom: 0;
    }

    .logo-menu {
        display: flex;
        justify-content: center;
        margin-top: 20vh;
    }

    .logo-menu img {
        width: 160px;
    }

    .title {
        top: 400px;
    }

    .barre {
        margin-top: 400px;
        height: 50px;
    }

    .saison {
    padding: 30px 5% 0 5%;
    }

    h1 {
        font-size: 27px;
    }

    h2 {
        font-size: 17px;
    }

    p {
        font-size: 13px;
    }

    mark {
        font-size: 13px;
    }

    a, h3 {
        font-size: 15px;
    }

    .center {
        /*
        flex-direction: column;
        */
        justify-content: left;
    }

    .activite {
        width: 150px;
    }

    .activite-text {
        width: 100%;
    }

    .membres, .adresse {
        margin-top: 125px;
    }

    .adresse img {
        width: 25px;
    }

    .membres {
        justify-content: center;
    }

    .salle-title {
        top: 150px;
    }

    .directeur {
        flex-wrap: wrap;
        justify-content: center;
        padding: 50px 5% 50px 5%;
        gap: 0;
    }

    .directeur img {
        width: 175px;
    }

    .directeur p {
        columns: 1;
    }

    .directeur div {
        margin-top: -44px;
    }

    .dates-supp div {
        flex-direction: column;
        flex-wrap: wrap;
        gap: 6px;
    }

    .dates-supp {
        gap: 32px;
    }

    .gallery img {
        width: 150px;
    }

    .gallery {
        margin-top: 175px;
        justify-content: space-between;
        row-gap: 16px;
    }

    .coordonnees {
        flex-wrap:  wrap;
        gap: 16px
    }

    .contact-list {
        padding: 5%;
    }

    .adresse {
        justify-content: center;
    }

    .postal-adress {
        justify-content: center;
    }

    .image-adress img {
        width: 35px;
    }
}