.mobile {
    display: none;
}

@media screen and (max-width: 1250px) {
    section.presentation-block article,
    .infos-block {
        padding: 0 30px;
    }
}

@media screen and (max-width: 1100px) {
    .main-header-block .bar-nav-block>div>a {
        margin: 0;
    }
}

@media screen and (max-width: 1024px) {
    .main aside.module-block .subnav a {
        padding-left: 2rem;
    }
    .main aside.module-block .subnav {
        background-color: rgba(255, 255, 255, .15)
    }
    .wrapper-block.ease {
        margin-top: -80px;
    }
    .page_sommaire .wrapper-block.ease {
        margin-top: 0;
    }
}

@media screen and (max-width: 980px) {
    .adherent-box-block .center1200px.flex {
        display: block;
    }
    section.adherent-box-block>div>div {
        margin: 0;
        max-width: 100%;
        margin-bottom: 40px;
    }
    section.adherent-box-block>div>div:last-child {
        margin-bottom: 0;
    }
    section.adherent-box-block .inactif a.sorts-f {
        margin-bottom: 60px;
    }
    section.adherent-box-block .adherent-box-block_inactif_message {
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
    }
    section.adherent-box-block {
        padding: 2rem;
    }
}

@media screen and (max-width: 950px) {
    .col-2 {
        -webkit-column-count: 1;
        column-count: 1;
    }
    section.presentation-block article {
        margin: 6rem 0 4rem 0;
    }
    .page_sommaire .wrapper-block .ancre {
        top: 25px !important;
    }
    .page_sommaire .presentation-block .ancre {
        top: 70px !important;
    }
    .infos-block {
        display: block;
        margin-top: 50px;
    }
    .infos-block-block+.infos-block-block {
        margin-left: 0;
    }
    .infos-block-block {
        margin-top: 30px;
    }
    .tableau-cours {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 10px !important;
    }
    .tableau-cours td,
    .tableau-cours th {
    }
    .main td ul {
        margin: 0;
    }
    .main td ul {
        list-style-position: inside;
    }
}

@media screen and (max-width: 850px) {
    .main-header-block .quick-nav-block {
        width: 80% !important;
    }
    .col-2 {
        -webkit-column-count: 1;
        column-count: 1;
    }
    section.presentation-block article {
        margin: 6rem 0 4rem 0;
    }
    .page_sommaire .wrapper-block .ancre {
        top: 25px !important;
    }
    .page_sommaire .presentation-block .ancre {
        top: 70px !important;
    }
    .infos-block {
        display: block;
        margin-top: 50px;
    }
    .infos-block-block+.infos-block-block {
        margin-left: 0;
    }
    .infos-block-block {
        margin-top: 30px;
    }
    footer.footer .wave {
        display: none;
    }
    footer.footer .picture {
        height: 120px;
    }
    footer.footer .donnees {
        padding: 1rem 0;
    }
    .bird {
        display: none;
    }
    .featherlight .featherlight-close-icon {
        margin: 5px;
        width: auto;
    }
}

@media screen and (max-width: 800px) {
    section.offre-block {
        display: block;
    }
    section.offre-block>div {
        width: auto;
    }
    .fc-header-right {
       text-align: center;
    }
    article.calendrier .agenda-legende {
        padding: 1rem 2rem !important;
    }
    .agenda-legende span {
        width: 100%;
        text-align: left;
    }
    input[name="var_login"],
    input[name="password"],
    input[name="entreprise"],
    input[name="nom_famille"],
    input[name="prenom"],
    input[name="date_anniversaire"],
    input[name="adresse"],
    input[name="code_postal"],
    input[name="ville"],
    input[name="telephone"],
    input[name="mobile"],
    input[name="email"],
    select[name="pays"],
    select[name="type_permis"],
    select[name="type_permis2"],
    select[name="type_permis3"],
    .permis-radio,
    .sexe-radio,
    input[name="numero_permis"],
    input[name="date_permis"],
    input[name="numero_permis2"],
    input[name="date_permis2"],
    input[name="numero_permis3"],
    input[name="date_permis3"] {
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
        width: 50% !important;
        outline: none !important;
        border: 1px #303744 solid !important;
    }
    label[for="var_login"],
    label[for="password"],
    label[for="entreprise"],
    label[for="nom_famille"],
    label[for="prenom"],
    label[for="date_anniversaire"],
    label[for="adresse"],
    label[for="code_postal"],
    label[for="ville"],
    label[for="telephone"],
    label[for="mobile"],
    label[for="email"],
    label[for="pays"],
    label[for="nombre_permis"],
    label[for="sexe"],
    label[for="type_permis"],
    label[for="type_permis2"],
    label[for="type_permis3"],
    label[for="numero_permis"],
    label[for="date_permis"],
    label[for="numero_permis2"],
    label[for="date_permis2"],
    label[for="numero_permis3"],
    label[for="date_permis3"] {
        outline: none !important;
        width: 50% !important;
        padding: 0.5rem !important;
    }
}

@media screen and (max-width: 700px) {
    .flex.checkbox-list {
        display: block;
    }
    .main-calendrier .checkbox-list>div:not(.row) {
        margin: 0.5rem;
        text-align: left;
    }
    .main-calendrier .checkbox-list label:hover,
    .main-calendrier .checkbox-list label.actif {
        display: block;
    }
    .bordure-bleu-marine label.actif {
        display: flex !important;
    }
    .choix-horaire-block .form-wrapper p.center label {
        padding: 0;
        line-height: 25px;
    }
    .footer>.donnees img {
        display: none;
    }
    .footer .separation {
        margin: 0 !important;
    }
    .footer .adresse small {
        display: block;
        visibility: hidden;
        padding: 0 !important;
        height: 0;
    }
}

@media screen and (max-width: 660px) {
    .center990-2px img {
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto;
    }
    .center990-2px {
        padding: 0 30px !important;
    }
    .formulaire-block .center990-2px {
        padding: 0 !important;
    }
    .formulaire-block_formulaire>div {
        padding: 30px !important;
    }
    .formulaire-block .formule-block .formule-block_information-detail {
        min-width: auto !important;
        padding: 2rem 1rem !important;
        font-size: 12px !important;
         top: 40px !important;
    }
    .formulaire-block .formule-block .formule-block_information-detail h1 {
        font-size: 20px !important;
    }

    .sub-header-block.flex {
        display: block;
    }
    .sub-header-block a {
        border-bottom: none;
    }
    .sub-header-block a:last-child {
        border-bottom: 1px solid #4d7bc8;
    }
    .tableau-cours tr {
        display: none;
    }
    .tableau-cours tr.mobile {
        display: table-row;
    }
    .tableau-cours tr.odd {
        background-color: rgba(77, 123, 200, 0.1);
    }
    section.adherent-box-block .adherent-box-block_inactif_message {
        width: 90%;
    }
    .formulaire-block .formules-block_wrapper>.formule-block:nth-child(1),
    .formulaire-block .formules-block_wrapper>.formule-block:nth-child(2),
    .formulaire-block .formules-block_wrapper>.formule-block:nth-child(3),
    .formulaire-block .formules-block_wrapper>.formule-block:nth-child(4),
    .formulaire-block .formules-block_wrapper>.formule-block:nth-child(5) {
        width: 45% !important;
    }
    table.fc-header td {
        display: block;
        width: 100%;
    }
    table.fc-header td:nth-child(2) {
        margin-bottom: 1em;
    }
    .fc-header-right {
        text-align: center !important;
    }
    .cours-formulaire-block_child {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .logo img {
        display: none;
    }
    .page_sommaire .logo img {
        display: inline;
    }
    .logo {
        height: 104px;
    }
    .page_sommaire .logo {
        height: auto;
        margin-top: 120px;
    }
}

@media screen and (max-width: 500px) {
    .main-header-picture-block>div.picture {
        height: 290px;
        background-size: cover;
        background-position: center top;
        background-attachment: initial;
    }
    .formulaire_spip.formulaire_login {
        padding: 0 1rem;
    }
    .wave {
        height: 80px;
    }
    section.adherent-box-block .inactif a.sorts-f {
        margin-bottom: 80px;
    }
    .main.active .wrapper-block {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    .main-header-block .quick-nav-block {
        width: 60% !important;
    }
    .main aside.module-block {
        width: 100%;
    }
    .main aside.module-block a {
        padding: 1rem;
    }
    .paiement-avec-credit strong {
        display: block;
    }
    .popin-edit-evenement-block {
        min-width: 80%!important
    }
    .main-header-block .quick-nav-block .type-abonnement {
        bottom: -46px;
        padding-right: 10px;
        background-color: rgba(255, 255, 255, 0);
        font-size: 1.25rem;
        text-align: center;
    }
    .page_sommaire .main.active p.type-abonnement {
        display: none;
    }
    .formulaire-block p.titre {
    line-height: 1.3 !important;
    padding: 0 10px;
}
}

@media screen and (max-width: 450px) {
    .bouton-block.flex {
        display: block;
    }
    .bouton-block.flex .bouton:nth-child(1) {
        margin-bottom: 1px;
    }
    .bouton-block.flex .bouton:nth-child(2) {
        margin-left: 0;
    }
    .formulaire-block .mode-paiement-blocks {
        display: block;
    }
    .formulaire-block .mode-paiement-block {
        margin-bottom: 30px !important;
    }
    .formulaire-block .mode-paiement-block:last-child {
        margin-bottom: 0 !important;
    }
    .cours-formulaire-block .row {
        width: calc(100% - .5rem) !important;
    }
    .main table th,
    .main table td {
    }

    section.bandeau-home .bandeau-home__slide a {
        font-size:1.5rem!important;
    }
    .page_sommaire .logo img {
        width: 300px;
        height: auto;
    }
    section.offre-block .offre-block_inscription {
        padding: 2rem;
    }
    section.offre-block .offre-block_inscription svg {
        transform: scale(.8);
    }
    .main-calendrier .checkbox-list input[name=checkbox_skipper] {
        display: block !important;
        text-align: center;
        margin: 1rem auto;
    }
}

@media screen and (max-width: 360px) {
    section.infos-block .infos-block-block.meteo big {
    }
    .main ul {
        margin: 1rem;
    }
    section.adherent-box-block .adherent-box-block_inactif_message {
        width: 85%;
    }
}