@media (min-width:1300px) {

    figure.wp-block-image.is-style-full-zone img {
        object-fit: none;
    }
    figure.wp-block-image.is-style-full-zone {
        height:auto;
    }
}



@media screen and (max-width:1650px)
{
    #primary .wp-block-uagb-container.container-half {
        max-width: calc(50vw - 20px - 45px);
    }

    #primary .wp-block-uagb-container.container-half:is(:first-child) {
        margin-left: 10px;
    }

    #primary .wp-block-uagb-container.container-half:is(:last-child) {
        margin-right:10px;
    }
}

@media screen and (max-width:1400px) {

    #primary .wp-block-uagb-container.menu-page-row {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    #primary .wp-block-uagb-container.menu-page-row .wp-block-uagb-container {
        max-width: 100%;
    }

    #primary .wp-block-uagb-container.menu-page-row figure.wp-block-image.menu-cover-img {
        width: 100%;
        overflow: hidden;
        height: 600px;
    }

    #primary .wp-block-uagb-container.menu-page-row figure.wp-block-image.menu-cover-img > img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .menu-page-top-spacer {
        display: none;
    }

    footer#colophon .is-layout-flex.wp-block-columns.footer-nav .wp-block-column:nth-child(2),
    footer#colophon .is-layout-flex.wp-block-columns.footer-nav .wp-block-column:nth-child(3),
    footer#colophon .is-layout-flex.wp-block-columns.footer-nav .wp-block-column:nth-child(4) {
        flex-basis: 23.3334%!important;
    }

    footer#colophon .is-layout-flex.wp-block-columns.footer-nav .wp-block-column:nth-child(5) {
        display: none;
    }

}

/* ---------------------------------------------- DISSOCIATED RULES FOR READABILITY ---------------------------------------------- */
@media screen and (max-width: 1200px)
{

    .m-hidden {
        display:none;
    }

    .m-no-margin-bottom {
        margin-bottom: 0px;
    }

    .m-no-margin-top {
        margin-top: 0px;
    }

    .m-no-margin {
        margin: 0px;
    }

    .m-no-padding-bottom {
        padding-bottom: 0px;
    }

    .m-no-padding-top {
        padding-top: 0px;
    }

    .m-no-padding {
        padding: 0px;
    }

    main#primary .page-container > .wp-block-uagb-container.m-half-padding {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    main#primary .page-container > .wp-block-uagb-container.m-medium-padding {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    main#primary .page-container > .wp-block-uagb-container.m-medium-padding-bottom {
        padding-bottom: 45px;
    }

    main#primary .page-container > .wp-block-uagb-container.m-medium-padding-top {
        padding-top: 45px;
    }

    main#primary .page-container > .wp-block-uagb-container.m-small-padding-top {
        padding-top: 15px;
    }

    main#primary .page-container > .wp-block-uagb-container.m-small-padding-bottom {
        padding-bottom: 15px;
    }

    main#primary .page-container > .wp-block-uagb-container.m-big-padding-top {
        padding-top: 120px;
    }

    main#primary .page-container > .wp-block-uagb-container.m-big-padding-bottom {
        padding-bottom: 120px;
    }

    main#primary .page-container > .wp-block-uagb-container.m-no-padding {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    main#primary .page-container > .wp-block-uagb-container.m-no-padding-top {
        padding-top: 0px;
    }

    main#primary .page-container > .wp-block-uagb-container.m-no-padding-bottom {
        padding-bottom: 0px;
    }

    .m-spacer-30 {
        height: 30px!important;
    }

    .m-spacer-60 {
        height: 30px!important;
    }

}

@media screen and (max-width: 1200px) {

    div#masthead > div {background: none;height: auto;}

    .responsive-burger {
        display: block;
    }

    div#menu-main-menu {
        position: fixed;
        left: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        padding-left: 0;
        -webkit-transition: left 0ms 500ms;
        -moz-transition: left 0ms 500ms;
        -ms-transition: left 0ms 500ms;
        -o-transition: left 0ms 500ms;
        transition: left 0ms 500ms;
    }

    div#menu-main-menu[aria-expanded="true"] {
        left: 0;
        -webkit-transition: left 0ms 0ms;
        -moz-transition: left 0ms 0ms;
        -ms-transition: left 0ms 0ms;
        -o-transition: left 0ms 0ms;
        transition: left 0ms 0ms;
        margin: 0;
    }

    div#menu-main-menu:after {
        content: "";
        position: fixed;
        left: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        background: #0b4043b8;
        z-index: 10001;
        padding: 0;
        opacity: 0;
        -webkit-transition: opacity 500ms ease, left 0ms 500ms;
        -moz-transition: opacity 500ms ease, left 0ms 500ms;
        -ms-transition: opacity 500ms ease, left 0ms 500ms;
        -o-transition: opacity 500ms ease, left 0ms 500ms;
        transition: opacity 500ms ease, left 0ms 500ms;
    }

    div#menu-main-menu[aria-expanded="true"]:after {
        left: 0;
        opacity: 1;
        -webkit-transition: opacity 500ms ease;
        -moz-transition: opacity 500ms ease;
        -ms-transition: opacity 500ms ease;
        -o-transition: opacity 500ms ease;
        transition: opacity 500ms ease;
    }

    .menu-main-menu-container {
        width: 100%;
        position: absolute;
        left: 100%;
        top: 0;
        bottom: 0;
        background: #fef9e6;
        display: flex;
        justify-content: right;
        padding-right: 40px;
        align-items: center;
        z-index: 10002;
        -webkit-transition: left 500ms ease;
        -moz-transition: left 500ms ease;
        -ms-transition: left 500ms ease;
        -o-transition: left 500ms ease;
        transition: left 500ms ease;
    }

    div#menu-main-menu[aria-expanded="true"] .menu-main-menu-container {
        left: 0;
    }

    ul#menu-main-menu {
        display: block;
        padding: 0 13px;
        margin-top: 90px;
        position: relative;
        z-index: 99999;
        text-align: right;
        width: 100%;
        max-width: 600px;
        height: calc(100vh - 90px);
        overflow-y: auto;
        border: none;
        padding-bottom: 90px;
    }

    ul#menu-main-menu > li.menu-ad {
        opacity: 1;
        margin: 30px 0;
    }

    .wp-block-columns.header-main-columns > div.wp-block-column {
        max-height: none !important;
        display: block;
        padding: 0;
    }

    ul#menu-main-menu > li ul.sub-menu {
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        overflow: hidden;
        width: 100%;
        border: none;
        background: none;
        position: initial;
        padding-bottom: 10px;
        font-size: 30px;
        padding-right: 5px;
    }

    ul#menu-main-menu > li:not(:hover) ul.sub-menu.initialized {
        max-height: 0 !important;
        overflow: hidden;
    }


    ul#menu-main-menu > li > a {
        font-size: 60px;
        text-transform: uppercase;
    }

    li.menu-item.menu-item-has-children a:before {
        content: none !important;
    }


    ul#menu-main-menu > li {
        margin-bottom: 0;
        height: 80px;
        overflow: hidden;
        display: block;
    }

    ul#menu-main-menu > li:not(.menu-item-has-children)
    {
        /* margin-right: 39px; */
    }

    ul#menu-main-menu > li.menu-langswitcher {padding: 0 15px;}

    div#masthead > div {
        border: none;
        margin-left: 70px;
    }

    ul#menu-main-menu > li.menu-item.member-space-nav {
        border: none;
        padding: 0 15px;
    }

    ul#menu-main-menu > li.menu-item.order-page-nav {
        border-right: 0;
        padding: 0 15px;
        background: none;
    }

    ul#menu-main-menu .caret {
        display: inline-block;
        height: 40px;
        width: 40px;
        font-size: 20px;
        margin-left: 12px;
        margin-top: 0;
        border-top: none;
        border-right: none;
        border-left: none;
        transform: rotate(0deg);
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjQgMTBoLTEwdi0xMGgtNHYxMGgtMTB2NGgxMHYxMGg0di0xMGgxMHoiIGZpbGw9IiMwMDRCMzEiLz48L3N2Zz4=");
        background-size: 30px 30px;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    ul#menu-main-menu > li.responsive-open > .caret {
        transform:rotate(45deg);
    }

    ul#menu-main-menu > li.responsive-open {
        height: auto;
    }

    .langswitcher {
        font-size: 30px;
    }

    #primary .wp-block-uagb-container.container-half {
        max-width: none;
    }

    html {
        font-size:15px;
    }

    h1 {
        font-size: calc(55 / 16 * 1rem);
    }

    h2 {
        font-size: calc(42 / 16 * 1rem);
    }

    .wp-block-image.is-style-default.responsive-left > figure {
        margin: 0.5em 0;
        float: none;
    }

    figure.alignright.size-full,
    figure.alignright.size-full > img{
        width: 100%;
    }


    ul#menu-footer-menu-main {
        font-size: calc(28 / 16 * 1rem);;
    }
    .texte-simple-slider {
        margin-bottom:60px;
        margin-top:60px;
    }

    .blog-items {
        grid-template-columns: 1fr 1fr;
        row-gap:30px;
    }

}

@media screen and (max-width: 976px)
{
    html {
        font-size:14px;
    }
    .wp-block-uagb-container.half-fullpage-right
    {
        padding:0px;
    }
}

@media screen and (max-width: 800px)
{
    footer#colophon .is-layout-flex.wp-block-columns.footer-nav .wp-block-column:nth-child(1),
    footer#colophon .is-layout-flex.wp-block-columns.footer-nav .wp-block-column:nth-child(2),
    footer#colophon .is-layout-flex.wp-block-columns.footer-nav .wp-block-column:nth-child(3),
    footer#colophon .is-layout-flex.wp-block-columns.footer-nav .wp-block-column:nth-child(4) {
        flex-basis: calc(50% - 20px)!important;
    }

    footer#colophon .is-layout-flex.wp-block-columns.footer-nav {
        flex-wrap: wrap!important;
    }

    ul#menu-main-menu > li > a {
        font-size: 40px;
    }
    ul#menu-main-menu > li {
        height: 60px;
    }
    ul#menu-main-menu .caret {
        height: 30px;
        width: 30px;
        background-size: 25px 25px;
    }
    ul#menu-main-menu > li ul.sub-menu
    {
        font-size:25px;
    }
}



/* ---------------------------------------------- DISSOCIATED RULES FOR READABILITY ---------------------------------------------- */
@media screen and (max-width: 767px)
{

    .s-hidden {
        display:none;
    }

    .s-no-margin-bottom {
        margin-bottom: 0px;
    }

    .s-no-margin-top {
        margin-top: 0px;
    }

    .s-no-margin {
        margin: 0px;
    }

    .s-no-padding-bottom {
        padding-bottom: 0px;
    }

    .s-no-padding-top {
        padding-top: 0px;
    }

    .s-no-padding {
        padding: 0px;
    }

    main#primary .page-container > .wp-block-uagb-container.s-half-padding {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    main#primary .page-container > .wp-block-uagb-container.s-medius-padding {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    main#primary .page-container > .wp-block-uagb-container.s-medius-padding-bottom {
        padding-bottom: 45px;
    }

    main#primary .page-container > .wp-block-uagb-container.s-medius-padding-top {
        padding-top: 45px;
    }

    main#primary .page-container > .wp-block-uagb-container.s-small-padding-top {
        padding-top: 15px;
    }

    main#primary .page-container > .wp-block-uagb-container.s-small-padding-bottom {
        padding-bottom: 15px;
    }

    main#primary .page-container > .wp-block-uagb-container.s-big-padding-top {
        padding-top: 120px;
    }

    main#primary .page-container > .wp-block-uagb-container.s-big-padding-bottom {
        padding-bottom: 120px;
    }

    main#primary .page-container > .wp-block-uagb-container.s-no-padding {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    main#primary .page-container > .wp-block-uagb-container.s-no-padding-top {
        padding-top: 0px;
    }

    main#primary .page-container > .wp-block-uagb-container.s-no-padding-bottom {
        padding-bottom: 0px;
    }

    .service-offers-container {
        max-height: none;
    }

    .container-scroll-horizontal {
        width: 100%;
        height: auto;
        transform: none;
    }

    .horizontal-blocs {
        width: 100%;
        height: auto;
        transform: none;
        flex-wrap: wrap;
    }

    .service-offers-items .horizontal-bloc:nth-child(2n + 1),
    .service-offers-items .horizontal-bloc:nth-child(2n + 2) {
        width: 100%;
    }

    .service-offers-items .horizontal-bloc {
        margin-bottom:60px
    }
    .service-offers-items .horizontal-bloc:nth-child(2n + 2) div.horizontal-block-content,
    .service-offers-items .horizontal-bloc:nth-child(2n + 1) div.horizontal-block-content{
        flex-direction: column-reverse;
    }

    .service-offers-items .horizontal-bloc:nth-child(2n + 1) div.horizontal-block-content .service-offers-item-image-container,
    .service-offers-items .horizontal-bloc:nth-child(2n + 2) div.horizontal-block-content .service-offers-item-image-container {
        height:auto;
        max-height: 600px;
        margin: 0;
    }

    .service-offers-item-content {
        margin-bottom:30px;
    }

    .right-container-remains-margin {
        margin:auto;
    }


}

@media screen and (max-width: 767px)
{

    html {
        font-size:13px;
    }
    .backend.limited-box.login-form-container {
        margin-top: 0!important;
    }
    .backend.limited-box.contact-form-container {
        margin-top: 0!important;
    }

    .s-spacer-30 {
        height: 30px!important;
    }

    .s-spacer-60 {
        height: 30px!important;
    }
    .texte-simple-slider {
        margin-bottom:60px;
    }
    #primary .wp-block-uagb-container.container-half:is(:first-child) {
        margin-left: 0px;
    }

    #primary .wp-block-uagb-container.container-half:is(:last-child) {
        margin-right:0px;
    }

    .limited-box.top-page-col-content {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #colophon form#form_6425972ab8b61 {
        justify-content: center;
    }
    footer#colophon .footer-general-infos > div.wp-block-column figure {
        margin:auto;
    }
    footer#colophon .is-layout-flex.wp-block-columns.footer-legals
    {
        margin-top: 15px;
        row-gap: 0;
    }
    .menu-main-menu-container {
        padding-right:0;
    }
    .breadcrumb {
        margin-bottom:15px;
    }
    #primary .wp-block-uagb-container.half-fullpage-right > figure.wp-block-image.size-full.is-style-full-zone {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
    }

    .blog-items {
        grid-template-columns: 1fr;
        row-gap:30px;
    }

    .blog-item-content {
        min-height: initial;
    }
}


@media screen and (max-width:600px) {
    ul#menu-main-menu > li > a {
        font-size: 30px;
    }
    ul#menu-main-menu > li {
        height: 45px;
    }
    ul#menu-main-menu .caret {
        height: 30px;
        width: 30px;
        background-size: 25px 25px;
    }
    ul#menu-main-menu > li ul.sub-menu
    {
        font-size:19px;
    }
    div#masthead > div {
        margin-left:0;
    }
    .site-logo {
        margin-left: 20px;
    }

    .site-logo img {
        width:70px;
        height:auto;
    }
}

@media screen and (max-width:500px)
{
    footer#colophon .is-layout-flex.wp-block-columns.footer-nav .wp-block-column:nth-child(1),
    footer#colophon .is-layout-flex.wp-block-columns.footer-nav .wp-block-column:nth-child(2),
    footer#colophon .is-layout-flex.wp-block-columns.footer-nav .wp-block-column:nth-child(3),
    footer#colophon .is-layout-flex.wp-block-columns.footer-nav .wp-block-column:nth-child(4) {
        flex-basis: 100%!important;
        text-align:center;
    }

    footer#colophon .is-layout-flex.wp-block-columns.footer-nav {
        flex-wrap: wrap!important;
    }
    footer#colophon .is-layout-flex.wp-block-columns.footer-legals p{
        text-align: center!important;
    }
    ul#menu-main-menu > li > a {
        font-size: 25px;
    }
    ul#menu-main-menu > li {
        height: 37px;
    }
    ul#menu-main-menu .caret {
        height: 20px;
        width: 20px;
        background-size: 20px 20px;
    }
    ul#menu-main-menu > li ul.sub-menu
    {
        font-size:19px;
    }

}