
/** RESPONSIVE **
------------------------------------------------------------
------------------------------------------------------------*/

@media only screen and (max-width: 991px) {
    p.p-intro {
        font-size: 22px !important;
    }
    p.p-regular {
        font-size: 16px!important;
    }
    p.p-bold {
        font-size: 22px!important;
    }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        width: calc(100%);
    }
    header .container.header {
        margin-left: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .container-fluid {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .container .row {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
    .row > h1,
    .row > h2,
    .row > b,
    .row > strong,
    .row > li,
    .row > span,
    .row > p {
        padding-left: 0;
        padding-right: 0;
    }
    .sa_hover_container::before {
        background: linear-gradient(90deg,var(--main-dark),transparent);
    }
    .slick-slider .slick-arrow {
        top: -20px!important;
    }



    .slick-slider .slick-arrow::before {
        padding: 10px 14px;
    }
    .slick-slider .slick-next {
        right: 20px!important;
    }
    .slick-slider .slick-prev {
        right: 70px!important;
    }
    .slick-adherents .slick-prev,
    .slick-adherents .slick-next {
        top: -57px !important;
    }
    .slick-adherents .slick-prev {
        right: 60px !important;
    }

    .slide-actu {
        min-height: 36px;
        padding-bottom: 30px;
    }
    .container .post-content h1, .container-fluid .post-content h1,
    .container .post-content h1 a, .container-fluid .post-content h1 a {
        font-size: 40px;
    }
    img.custom-logo {
        max-width: 60vw;
        margin-top: 8px;
        margin-bottom: 8px;
        height: 54px;
        min-height: 54px;
    }

    .post-content,
    .single-actualites .actu_categorie,
    .single-actualites .actu_date,
    .offset-lg-2, .col-lg-8, .col-12 {
        padding: 0;
    }

    .chiffres-bloc {
        flex-direction: column;
    }
    .chiffres .content-bloc-line {
        padding: 0 30px;
    }
    .nav-links {
        text-align: center;
    }

    .lg-libre.the-content {
        width: 100%;
        margin: 0;
    }

    .agenda-dates {
        border: 0;
    }

    .py-5 {
        padding-top: 1rem !important;
        padding-bottom: 2rem !important;
    }
    .my-5 {
        margin-top: 1rem !important;
        margin-bottom: 2rem !important;
    }
    .mx-5 {
        margin-right: 0rem !important;
        margin-left: 0rem !important;
    }
    .px-5 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .sub-container.py-3 {
        padding-top: 0rem !important;
    }

    .row-head-agenda {
        padding-left: 0;
        margin-bottom: 1rem!important;
    }
    .row-head-agenda #categories {
        width: 100%;
    }
    .form-agenda, .form-agenda-debut, .form-agenda-fin {
        margin-right: 20px;
        margin-bottom: 20px;
    }
    h2.listing-titre-l {
        margin-bottom: 0!important;
    }
    .chiffres .content-bloc-line {
        padding-bottom: 20px;
    }
    .lg-libre {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important;
    }
    #contenu_page section.citation .content-bloc {
        font-size: 22px;
        line-height: 28px;
        padding-top: 1rem;
    }
    .page-id-12758 .deuxcols .p-4 {
        padding-left: 0 !important;
    }
    .contenu-largeur {
        padding: 0;
    }
    #contenu_page {
        background-position: center center!important;
        background-size: 85% !important;
    }
    .btn-annuaire {
        padding: 8px 17px;
        margin: 6px 6px 6px 0;
    }
    .content-visuel img {
        max-width: 100%;
        max-height: 240px;
    }
    .content-visuel {
        max-height: 1000px;
        margin-bottom: 20px;
    }
    .annuaire-infos {
        padding-left: 0;
    }
    .flex-reverse {
        display: flex;
        flex-direction: column;
    }
    .flex-reverse .front-devenir-btn {
        order: 1;
    }
    .flex-reverse .front-devenir-adh {
        order: 0;
    }
    .front-devenir-adh {
        width: 100%;
        margin-bottom: 30px;
    }
    .image_texte_libre p {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .container li, .container-fluid li {
        margin-top: 0.5rem;
        margin-bottom: 1rem;
    }
    .post-type-archive-actualites .slide-actu,
    .tax-categories-actualites .slide-actu {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .offset-lg-2.col-lg-8 .container {
        padding-left: 0;
        padding-right: 0;
    }

    .juicer-feed .j-stack {
        width: 96% !important;
        margin: 0%;
    }
    .legend_h {
        left: 60%;
        padding: 10px;
        overflow-x: hidden;
    }
    .legend_v {
        padding: 20px;
    }
    .legend_h .legende_txt, .legend_v .legende_txt  {
        font-size: 13px;
    }
    .show-limit img  {
        object-fit: cover!important;
        object-position: center center;
    }
    .juicer-feed {
        overflow: visible!important;
    }
    .espace-adherent h1 {
        padding: 0!important;
    }
    .espace-adherent .container {
        padding: 0;
    }
    .espace-adherent .front-agenda-liste {
        padding-bottom: 2rem!important;
    }
    .espace-adherent .slick-actu button {
        display: none!important;
    }
    .user-infos {
        margin: 20px 0 30px 0;
        display: inline-block;
    }
    .container .post-content .bloc-titre,
    .container-fluid .post-content .bloc-titre,
    .container .post-content .bloc-titre a,
    .container-fluid .post-content .bloc-titre a {
        font-size: 36px;
    }
    .container .post-content .bloc-titre::after,
    .container-fluid .post-content .bloc-titre::after {
        margin-top: 24px;
    }
    .espace-adherents-navigation {
        flex-wrap: wrap;
    }
    .edit-account fieldset {
        padding: 30px 10px;
    }
    .woocommerce form .form-row label {
        line-height: 24px;
        margin-top: 10px;
    }
    .woocommerce-page table.cart .product-thumbnail {
        display: inline-block;
    }
    .woocommerce table.shop_table_responsive tr td::before, 
    .woocommerce-page table.shop_table_responsive tr td::before {
        display: none;
    }
    .trombinoscope .pt-4 {
        padding-top: 1rem!important;
    }

    .trombinoscope div.bloc-nom {
        font-size: 14px;
        line-height: 20px;
        margin-top: 0px;
        margin-bottom: 10px;
        display: flex;
        flex-direction: column;
    }
    .trombinoscope .btn-contact-form {
        padding: 10px 6px;
        order: 3;
        width: 54px;
        margin-top: 15px;
    }
    .trombinoscope b {
        font-size: 20px;
    }
    .trombinoscope img {
        max-height: 200px !important;
    }

}

@media only screen and (max-width: 768px) {
    .chapo {
        margin-bottom: 3rem!important;
    }
    .chapo-author {
        text-align: left;
    }
    .chapo .small-visuel {
        float: left;
        width: 100px;
        margin-bottom: 20px!important;
        margin-right: 20px!important;
    }
    .trombinoscope .content-bloc {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        align-content: center;
    }
    .trombinoscope .small-visuel {
        margin-right: 0px;
        margin-bottom: 0;
    }
    .trombinoscope .infos-bloc {
        text-align: center;
    }
    .trombinoscope .btn-trombi {
        margin-bottom: 16px;
    }
    .slick-actu {
        overflow: visible;
    }
}

@media only screen and (max-width: 430px) {
    .slick-adherents .slick-prev,
    .slick-adherents .slick-next {
        display: none;
    }
}

/** RESPONSIVE IMPRESSION **
------------------------------------------------------------
------------------------------------------------------------*/

@media print {
    header, footer, #newsletter-footer, .container.shareon,
    #rejoignez, .sub-footer, .breadcrumbs, .oneclic-btn {
        display: none;
    }
    .offset-lg-2 {
        margin-left: 0!important;
    }
    .col-lg-8 {
        width: 100% !important;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 100%;
    }
    .container p, .container li, .container .post-content,
    .container .post-content ul li {
        font-size: 16px;
        line-height: 24px;
    }
    .container h1, .container .bloc-titre,
    .single-actualites .container h1,
    .single-evenements .container h1,
    .single-annuaire .container h1,
    .single-offres-emploi .container h1 {
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 15px!important;
    }
    .container h2, .container .bloc-soustitre {
        font-size: 26px;
        line-height: 30px;
    }
    body > .mb-3 {
        display: none;
        margin-bottom: 0rem !important;
    }
    .mb-4 {
        margin-bottom: 0rem !important;
    }
    .mb-5 {
        margin-bottom: 1rem !important;
    }
    .image_etroit .mb-5 {
        margin-bottom: 0 !important;
    }
    .container h2::before {
        margin-top: 0;
    }
    .container h1::before, .container .bloc-titre::before {
        width: 44px;
        height: 44px;
        margin-left: -13px;
        margin-top: 0px;
    }
    .citation .container .post-content .content-bloc {
        font-size: 20px;
        line-height: 28px;
    }
    .citation {
        margin: 30px 0!important;
    }
    .image_etroit .container img {
        width: 80%;
        max-width: 80%;
        margin-left: 10%;
    }
    .box-under {
        display: none;
    }
}
@media (max-width: 991px) {
    section#contenu-block-devenir-adherent {
        margin: 30px 0 20px 0 !important;
    }
}
