@media (max-width: 1600px) {
    .section_txt .wrap-text {
        padding:0 0 100px 50px
    }

    .sectionsbloc.odd .section_txt .wrap-text {
        padding: 0 50px 100px 0
    }

    #prestations h2 {
        font-size: 35px
    }

    .home #coordonnees #coordonnees-wrapper {
        padding-left: 30%
    }

    #content-wrapper .quaternarythumb {
        left: 5%;
        top: -320px;
        height: 290px;
        width: 37%
    }
}

@media (max-width: 1400px) {
    #content-img .specialthumb {
        width:165px;
        height: 190px;
        left: -68px
    }

    #content-wrapper .tertiarythumb {
        width: 20.5%;
        bottom: 15%;
        height: 19%
    }

    #content-wrapper .content-body {
        max-width: 70%
    }

    #content-wrapper {
        padding: 100px 90px 100px 0
    }
}

@media (max-width: 1280px) {
    #infotelfixeHeader {
        margin-left:10px!important
    }

    .home #ctaFooter {
        padding-top: 200px!important
    }

    .innerText {
        top: 0
    }

    #galleryHome {
        margin-bottom: 150px
    }

    .section_thumb .tertiarythumb {
        height: 32%;
        bottom: -40px
    }

    .sectionsbloc.odd .section_txt .wrap-text {
        padding: 100px 50px 100px 0
    }

    .section_txt .wrap-text {
        padding: 100px 0 100px 50px
    }

    .sectionsbloc {
        padding: 0 50px
    }

    .wrapper_slider {
        grid-column: span 2
    }

    .wrapper_slider:first-of-type {
        grid-column: span 2
    }

    #slideactu .content-news {
        grid-gap: 0 30px;
        grid-template-columns: repeat(4,1fr)
    }

    .sectionsbloc:after {
        height: 100%
    }

    .principal_thumb {
        height: 600px;
        margin-bottom: 50px
    }

    #prestations .content-presta,.nohome #prestations .content-presta {
        top: 20px;
        left: 20px;
        right: 20px;
        bottom: 20px;
        padding: 20px
    }

    #prestations .widget_parentpage li {
        padding: 5px
    }

    #navprimary .navigmenu .naviglink.lvl-0 {
        padding: 17px 12px;
        font-size: 15px
    }

    .navigtoogle {
        padding: 0
    }

    #navprimary {
        padding: 20px 15px
    }

    #infotelfixeFooter,#infotelportFooter,#infoouvertureFooter,#infoadresseFooter {
        padding: 20px
    }

    #coordonnees {
        padding: 15px 15px
    }

    .innerLogo img {
        width: 220px
    }

    .sectionsbloc.section_num3 {
        padding: 130px calc(100px / 2) 130px
    }

    #fournisseurs .title {
        min-width: 350px
    }

    .col-secondaryimg .tc_content {
        padding: 20px 20px 50px 20px
    }

    .loader svg {
        transform: scale(.8)
    }

    #clickcollectbutton {
        font-size: 15px
    }

    #clickcollectbuttonWrapper {
        margin-right: 100px
    }

    #header-contact {
        padding: 12px 15px
    }

    #header.fixed-header #header-contact {
        padding: 6px 15px!important
    }

    .navigmenu .navigtoogle.lang {
        top: 17px;
        right: 5px
    }

    .cut-top.footer-cut:before {
        height: 40px
    }

    #infoadresse,#infoouverture,#infotelfixe {
        margin-right: 14px;
        font-size: 14px
    }

    .navigmenu .naviglink.lvl-1 {
        font-size: 12px
    }

    #navprimary .navigmenu .naviglink.lvl-0.item-logo {
        width: 140px!important;
        height: 120px!important
    }

    #header.fixed-header #navprimary .navigmenu .naviglink.lvl-0 {
        padding: 10px 20px!important
    }

    #header.fixed-header #navprimary .navigmenu .naviglink.lvl-0.item-logo {
        width: 110px!important;
        height: 100px!important
    }

    #content .col-content {
        padding: 0 50px 0 0
    }

    #contentPage.galleryPage .gallery {
        grid-template-columns: repeat(2,1fr)
    }

    .section_txt, .section_thumb{
        width: 50%
    }

    .landing_labelBig small {
        font-size: 80px
    }

    #header-wrap.fixed-header {
        padding: 5px 20px 5px 10px!important;
        position: relative
    }

    #header-wrap.fixed-header .ckmenu-toogle .ckmenu-line {
        background-color: var(--black)
    }

    .section_thumb .blocthumb img {
        height: 100%
    }
}

@media (max-width: 1024px) {
    #headerHome
    {
        max-height: 1000Px;
    }
    #products .product-category {
        min-width: calc(100% / 4);
        width: calc(100% / 4);
    }

    #content-img .specialthumb {
        bottom: 108px;
        left: -98px
    }

    #content-wrapper .tertiarythumb,#content-wrapper .quaternarythumb {
        position: relative;
        height: 250px;
        width: 50%;
        top: 0!important;
        left: 0!important
    }

    #content-wrapper .content-body {
        max-width: none;
        order: -1;
        padding: 0 15px
    }

    #content-wrapper {
        padding: 0 30px 0 0;
        display: flex;
        flex-wrap: wrap
    }

    .home .wrapper_slider:first-of-type .thumbnail_slider {
        margin: 0
    }

    .home #content {
        padding: 100px 20px
    }

    #content-wrapper .tertiarythumb {
        padding-left: 1px
    }

    #content-wrapper .quaternarythumb {
        padding-right: 1px
    }

    .home #coordonnees #coordonnees-wrapper {
        padding-left: 0
    }

    #section-video {
        padding: 180px 20px 100px
    }

    #galleryHome {
        margin-bottom: 100px
    }

    .home .wrapper_slider:first-of-type .content_slider {
        padding: 40px 30px
    }

    .home .wrapper_slider:first-of-type .text_slider {
        font-size: 15px
    }

    .wrapper_slider:first-of-type .title_link_slider {
        font-size: 30px
    }

    #slideactu {
        padding: 100px 15px
    }

    .principal_thumb {
        height: 500px;
        margin-bottom: 50px
    }

    #prestations h2 {
        font-size: 30px
    }

    #prestations .tc_excerpt {
        font-size: 15px
    }

    #prestations .widget_parentpage li {
        padding: 5px;
        height: 450px
    }

    #header {
        padding: 20px 15px
    }

    #navprimary {
        background: none;
        padding: 0
    }

    #contentImg .blocthumb {
        height: 300px
    }

    #slideactu .ckslidercontrols .prev {
        right: 10%
    }

    #slideactu .ckslidercontrols .next {
        right: 4%
    }

    #slideactu .ckctrldiv {
        left: 13%
    }

    .innerLogo img {
        width: 250px
    }

    .blocthumb_slider {
        width: 85%;
        margin-right: 4%;
        height: 780px
    }

    .specialthumb_slider {
        width: 200px;
        height: 225px;
        right: 0;
        top: 90px;
        box-shadow: none
    }

    #clickcollectbuttonWrapper {
        margin-right: 0
    }

    .loader svg {
        transform: scale(.7)
    }

    .infohoraires_other,.titlehoraires {
        text-align: center
    }

    #header-wrap {
        padding: 0;
        align-items: flex-start;
        width: calc(100% - 60px)
    }

    .navigmenu .navigtoogle.lang {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 7px
    }

    .title small,.section-title small {
        font-size: 14px
    }

    #contentPage {
        padding: 100px 30px
    }

    #newsletter {
        padding: 100px 30px 180px
    }

    #homeHeader .innerBorders:before {
        top: -10px;
        left: -10px
    }

    #homeHeader .innerBorders:after {
        right: -10px;
        bottom: -10px
    }

    #homeHeader .innerWrap-content {
        width: 260px;
        height: 260px;
        margin-bottom: 100px
    }

    .innerWrap {
        padding-top: 190px
    }

    #qualiteFrance {
        width: 70px
    }

    .products {
        grid-template-columns: repeat(3,1fr)
    }

    .picto-container #img-reassurances {
        flex: 1 1 20%
    }

    #prestations h3 {
        font-size: 22px
    }

    #h1 .innerImg .imageAnimation,#h1.small-h1 .innerImg .imageAnimation {
        min-height: 400px
    }

    #slideactu-wrapper {
        padding: 150px 15px 120px
    }

    body .vegas-container,body.with-bandeau #homeHeader .imageDiapo {
        height: 70vh!important;
        min-height: 680px
    }

    #content .col-content {
        padding: 0 30px 40px
    }

    .content_img {
        top: auto!important
    }

    #header-wrap.fixed-header .ckmenu-nav {
        top: 77px
    }

    #contentGallery {
        grid-template-columns: repeat(2,1fr);
        grid-auto-rows: 350px
    }

    .home .body-formules {
        box-shadow: none
    }

    #navprimary .navigmenu .naviglink.lvl-0 {
        padding: 10px 20px;
        text-align: center!important;
        font-size: 15px;
        display: block
    }

    #navprimary .navigmenu .naviglink.lvl-0.item-logo {
        display: none
    }

    #navprimary .navigmenu .naviglink.lvl-0 span:before {
        top: auto;
        bottom: -6px
    }

    #navprimary .navigtoogle.has-child .naviglink.lvl-0:after {
        top: 20px;
        border-top-color: var(--white)
    }

    .ckmenu-nav {
        position: absolute;
        left: 0;
        top: 0;
        padding: 170px 0 10px;
        background-color: var(--secondary-bgcolor);
        box-shadow: 0 0 20px rgba(0,0,0,.1);
        z-index: -1
    }

    #homeHeader .innerTitle h1,#homeHeader .innerTitle p {
        font-size: 36px
    }

    #homeHeader .innerTitle p small {
        font-size: 45px
    }

    #homeHeader .innerTitle .title-de {
        font-size: 24px;
        letter-spacing: 1px
    }

    #homeHeader .innerTitle strong,#h1 .innerTitle strong {
        font-size: 20px;
        top: -10px
    }

    #galleryFooter .gallery {
        grid-auto-rows: 200px
    }

    .wrap-alsalavage img,.wrap-jswagner img {
        height: 50px
    }

    .wrap-alsalavage h3,.wrap-jswagner h3 {
        font-size: 25px;
        max-width: 300px
    }

    #contact-body {
        margin-top: 50px
    }

    #header-share {
        display: none
    }

    #contactform .wrappercontent {
        grid-template-columns: 60% 40%
    }

    #contactform #contact-body h3 {
        font-size: 28px
    }

    #header #logodesktop {
        width: 100px
    }

    #content #content-text {
        padding: 0 15px
    }

    .home #content:before {
        bottom: 0
    }

    #footer #infotelfixe_footer {
        max-width: 120px;
        margin: auto
    }

    #homeContact p {
        line-height: 1.2
    }

    #banner p span {
        font-size: 25px;
        display: inline-block;
        line-height: 1
    }

    #navprimary .navigmenu .navigtoogle>.navdown {
        background-color: var(--primary-bgcolor);
        min-width: auto
    }

    .ckmenu {
        position: absolute;
        top: 60px;
        right: 20px;
        transition: 250ms all ease-in-out
    }

    .nohome #reservation:before {
        height: 364px
    }

    .mobile-title h1 {
        margin-top: 0
    }

    #navprimary .navigmenu .naviglink.lvl-0:before {
        content: none
    }

    #navprimary .navigmenu .naviglink.lvl-1 {
        text-align: center!important;
        padding: 8px 20px;
        font-size: 14px
    }

    .labelsection {
        font-size: 35px
    }

    .show-for-large {
        display: none
    }

    .hide-for-large,.desktop-hidden {
        display: block
    }

    .section_thumb .blocthumb img {
        position: relative;
        top: 0!important;
        transform: none!important;
        left: 0!important
    }

    #imgContent {
        position: relative;
        width: 100%;
        top: 0;
        margin-top: 20px;
        margin-bottom: 30px
    }

    #imgContent .blocthumb,#imgContent #blocmaps {
        border-radius: 10px
    }
}

@media (min-width: 981px) {
    .home #ctaFooter {
        padding-top:260px
    }

    #infoouverture span,#infoadresse span,#infotelport span,#infotelfixe span {
        display: none
    }

    .navigmenu .naviglink.lvl-0.item-logo {
        display: block;
        background-position: center;
        background-repeat: no-repeat;
        color: var(--white);
        font-size: 0!important;
        background-image: url(../images/logo.png);
        width: 120px;
        height: 130px;
        padding: 0;
        background-size: contain;
        margin: 0 auto
    }

    #noshare .label {
        right: -40px;
        transform: rotate(-90deg);
        position: absolute;
        bottom: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--light-color);
        width: 110px
    }

    #noshare .label:before {
        content: "";
        position: absolute;
        left: -60px;
        bottom: 50%;
        width: 50px;
        height: 1px;
        background-color: var(--light-color)
    }

    .home #noshare .label {
        bottom: 250px
    }

    .home #noshare .label:before {
        width: 150px;
        left: -170px
    }
}

@media (max-width: 980px) {
    #products .product-category {
        min-width: calc((100% / 4) - 15px);;
        width: calc((100% / 4) - 15px);;
    }

    .home #footer {
        margin: 0
    }

    #reassurances {
        padding: 90px 0 0
    }

    .home #content {
        padding: 100px 20px 0
    }

    #slideactu .content-news {
        grid-gap: 30px 0
    }

    .wrapper_slider {
        padding-bottom: 15px;
        margin-bottom: 10px
    }

    .wrapper_slider {
        grid-column: span 1!important;
        grid-row: span 1!important
    }

    .wrapper_slider:first-of-type {
        flex-direction: column
    }

    .picto-content {
        padding: 20px
    }

    .sectionsbloc:after {
        width: 100%
    }

    .section_thumb .tertiarythumb,.section_thumb .specialthumb {
        display: block;
        top: 0!important;
        bottom: 0!important;
        height: 100%;
        width: 50%!important;
        position: relative
    }

    .principal_thumb {
        height: 400px;
        right: 0!important;
        left: 0!important;
        margin: 0
    }

    .sectionsbloc .blocthumb img {
        height: 100%;
        transform: none!important
    }

    .etape .wp-block-column:nth-child(2n) {
        margin-top: 40px!important
    }

    .etape:before {
        top: 10px!important;
        height: 100px!important
    }

    .etape .wp-block-image {
        width: 95px;
        height: 95px
    }

    .etape .wp-block-column {
        padding: 0 10px!important
    }

    .title#pageTitle {
        margin-bottom: 60px
    }

    #infotelfixeFooter,#infotelportFooter,#infoouvertureFooter,#infoadresseFooter {
        padding: 20px 15px
    }

    #infoouvertureContact {
        max-width: 280px;
        margin: 0 auto
    }

    #contentImg .blocthumb {
        height: 540px
    }

    #fournisseurs {
        padding: 120px 30px 0
    }

    .sectionsbloc.section_num2:before {
        height: 100%;
        top: 0
    }

    .home #content .title {
        max-width: 100%
    }

    #fournisseurs .partenaires-intro.white {
        padding: 35px 0 0 0;
        font-size: 16px
    }

    #fournisseurs .partenaires-header {
        flex-direction: column;
        margin-bottom: 50px
    }

    #fournisseurs .title {
        min-width: auto;
        width: 100%
    }

    .section_txt {
        padding: 0!important;
        max-width: none!important;
        order: 2;
        width: 100%!important;
        box-sizing: content-box;
        min-width: auto;
        margin: 0!important
    }

    .section_thumb .blocthumb {
        height: 100%!important;
        width: 100%!important
    }

    #contentImg .col-img .specialthumb {
        padding: 0;
        height: 250px;
        grid-column: span 7
    }

    #contentImg .col-img .tertiarythumb img {
        height: 250px;
        margin-top: 10px
    }

    #contentImg .col-img .tertiarythumb {
        grid-column: span 7;
        padding: 0
    }

    #newsletter .wrapnewsletter {
        max-width: 700px
    }

    #newsletter .labelnewsletter label {
        font-size: 32px;
        margin-bottom: 50px;
        text-align: center;
        padding-right: 0
    }

    #newsletter .formwidgetnewsletter {
        flex-direction: column
    }

    #reassurances-wrapper {
        padding: 100px 20px
    }

    .title_slider .inner-title {
        margin-left: 20px
    }

    .title_slider .inner-title h2 {
        font-size: 26px
    }

    #listarticles .listedarticle h2 {
        font-size: 18px
    }

    .maps_canvas {
        min-height: 500px
    }

    #footer #mapfooter {
        margin-top: 50px
    }

    .cut-top.footer-cut:before {
        height: 34px
    }

    #coordonneesFooter .title .separator {
        margin: 30px auto
    }

    #coordonneesFooter .title .separator span {
        left: 50%;
        transform: translate(-50%,-50%) rotate(45deg)
    }

    .products {
        grid-template-columns: repeat(2,1fr)
    }

    #prestations .prestations-title {
        width: 100%;
        padding: 0;
        margin-bottom: 50px;
        max-width: 700px
    }

    #prestations .prestations-content {
        width: 100%
    }

    #prestations>.flex {
        flex-direction: column
    }

    .innerText {
        padding-top: 30px
    }

    .picto-container .reassurances-left,.picto-container .reassurances-right {
        flex: 1 1 50%
    }

    .picto-container .reassurances-left {
        padding: 0 50px 0 0
    }

    .picto-container .reassurances-right {
        padding: 0 0 0 50px
    }

    .picto-container #img-reassurances {
        flex: 1 1 100%;
        order: 3;
        text-align: center
    }

    .picto-container #img-reassurances img {
        max-width: 400px;
        width: 100%
    }

    .picto-container #img-reassurances {
        flex: 1 1 100%;
        order: 3;
        text-align: center
    }
    .ckmenu {
        top: 60px;
        right: 80px
    }

    .tc_content .logo-list {
        justify-content: center;
        margin-bottom: 50px
    }

    #prestations .wrap-presta .content_link {
        display: none
    }

    #h1 .innerImg .imageAnimation,#h1.small-h1 .innerImg .imageAnimation {
        height: 50vh;
        min-height: 340px
    }

    #header #header-contact {
        position: fixed;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        transition: 250ms all ease-in-out;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        padding: 0;
        flex-direction: column;
        max-width: 250px;
        margin: auto;
        background: none
    }

    #infoadresse,#infoouverture,#infotelfixe {
        margin: 10px 0;
        max-width: 180px;
        width: 100%;
        font-size: 16px;
        line-height: 1.4
    }

    #noshare {
        margin: 10px 0 40px
    }

    body.is-toggle-open #header #header-contact {
        opacity: 1!important;
        visibility: visible!important;
        transition: 850ms all ease-in-out;
        z-index: 99999
    }

    #contactform .col-coordonnees {
        max-width: 250px;
        margin: auto
    }

    #contentGallery .gallery,body.single .gallery {
        grid-template-columns: repeat(3,1fr)
    }
    body.is-toggle-open .ckmenu {
        z-index: 2
    }

    #h1.small-banner .innerImg .imageAnimation {
        height: 500px;
        min-height: auto
    }

    #contentPage #contentTitle {
        grid-template-columns: repeat(1,1fr);
        gap: 0;
        margin-bottom: 30px
    }

    #prestations .prestations-content h3 {
        font-size: 20px
    }

    #h1 .section-title small {
        font-size: 70px
    }

    #info-toogle {
        display: flex
    }

    #coordonnees {
        position: fixed;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background: none;
        bottom: auto;
        transition: 250ms all ease-in-out
    }

    #coordonnees #coordonnees-wrapper {
        flex-direction: column
    }

    #infoouverture strong {
        color: var(--white)
    }

    body.is-toggle-open #coordonnees {
        opacity: 1!important;
        visibility: visible!important;
        transition: 850ms all ease-in-out;
        z-index: 6666
    }

    .item-vins .excerptelement {
        left: auto!important;
        right: auto!important;
        max-width: none;
        padding: 0;
        box-shadow: none
    }

    .item-vins .element-content {
        padding: 50px
    }

    .home .body-formules:after,.home .body-formules:before {
        content: none
    }

    #infocontact #infoadresse {
        margin: 15px 0
    }

    .home #prestations {
        padding: 100px 10px
    }

    #paiements {
        padding: 50px 0
    }

    #sections .tc_content {
        text-align: left
    }

    #homeContact:before {
        top: 0;
        height: 100%;
        bottom: 0
    }

    #sections .wrap-content {
        text-align: center;
        max-width: none
    }

    .gallery-item .gallery-caption {
        font-size: 14px
    }

    #contentPage.galleryPage .gallery {
        grid-template-columns: repeat(2,1fr);
        grid-auto-rows: 250px
    }

    #contentPage:not(.galleryPage) .gallery .gallery-item {
        grid-column: span 1!important;
        grid-row: span 1!important
    }

    #contentForm {
        margin-top: 40px
    }

    .item-vins .element-img {
        height: 400px
    }

    #homeContact .flex {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        max-width: 600px
    }

    .citationsHome blockquote {
        max-width: 80%
    }

    #prestations .item-metsHome {
        flex: 1 1 100%;
        width: 100%
    }

    .contentContact #addrcontact {
        margin: auto;
        max-width: 330px
    }

    .content-prestations .grid {
        grid-auto-rows: 300px
    }

    #galleryHome .ckslidercontrols .prev,#galleryHome .ckslidercontrols .next {
        display: none
    }

    #infoadresseContact,#infoadresseBisContact,#infotelContact,#infoouvertureContact,#infotelportContact,#infotelfixeContact {
        margin: auto;
        max-width: 180px
    }

    #infocontact #infohoraires {
        margin-bottom: 0
    }

    .home #content .content-formules {
        margin: 0
    }

    .sectionsbloc {
        padding: 0!important;
        margin: 0!important;
        flex-wrap: wrap;
        flex-direction: row
    }

    #h1 .innerImg:after {
        content: none
    }

    #homeContact {
        padding: 100px 40px
    }

    .logotype-title {
        margin-bottom: 30px
    }

    #contactform .wrappercontent {
        grid-template-columns: 1fr 350px
    }

    .home #content .tc_content {
        padding: 0
    }

    .section_txt .wrap-text {
        padding: 80px 40px!important;
        max-width: none!important
    }

    .section_txt .wrap-text .arrowlink {
        margin-bottom: 40px
    }

    .inversed {
        flex-direction: column-reverse
    }

    .section_txt {
        padding: 0;
        max-width: none!important;
        order: 2;
        width: auto;
        width: 100%;
        box-sizing: content-box;
        min-width: auto
    }

    .section_thumb {
        height: 450px;
        order: 3;
        width: 100%;
        position: relative;
        min-height: auto;
        flex-direction: row!important
    }
}

@media (min-width: 737px) {
    .etape .wp-block-column {
        flex-basis:0!important;
        flex-grow: 1
    }

    .etape:before {
        position: absolute;
        content: '';
        left: 0;
        top: 70px;
        width: 100%;
        height: 90px;
        background: url(../images/courbe.png) center top no-repeat
    }

    .etape .wp-block-column:nth-child(2n) {
        margin-top: 90px
    }

    .wrap-fieldset>font {
        flex: 1 1 45%;
        max-width: 45%;
        width: 100%;
        display: inline-block;
        margin: 4px 2%
    }

    .form-wrap .wrap-fieldset>font font .button.cf_submit {
        max-width: 100%
    }

    .wrap-fieldset>font font {
        max-width: 100%;
        flex: 1 1 100%;
        margin: 0;
        display: block;
        width: 100%
    }

    .wp-block-media-text.has-media-on-the-right {
        justify-content: start;
        grid-template-columns: 66.6666666666% 33.33333333%!important
    }

    .wrap-fieldset>font {
        flex: 1 1 45%;
        max-width: 45%;
        width: 100%;
        display: inline-block;
        margin: 4px 2%
    }

    .hide-for-medium {
        display: none
    }
}

@media (max-width: 736px) {
    .titleproduct,.products .product a .woocommerce-loop-category__title {
        opacity:1;
        /* background: rgb(0 0 0 / 40%); */
    }

    #products .products {
        justify-content: flex-start
    }

    #products .product-category a {
        max-width: 100%;
        width: 400px;
        margin: auto
    }

    #products .product-category {
        min-width: calc((100% / 3) - 15px);
        padding: 0;
        width: calc((100% / 3) - 15px);
    }

    #contentCoordonnees .wp-block-file {
        flex-direction: column
    }

    #contentCoordonnees .tc_content .wp-block-file a:not(.wp-block-file__button) {
        margin: 0 0 5px
    }

    #contentDepot {
        margin-top: 20px
    }

    #contentDepot>.flex {
        flex-direction: column;
        align-items: center
    }

    #contentDepot>.flex div {
        margin: 15px 0
    }

    #listarticles .listedarticle .content_news {
        padding: 30px 15px
    }

    .home .wrapper_slider .thumbnail_slider {
        display: none
    }

    .wrapper_slider:first-of-type .title_slider {
        margin: 0!important
    }

    .title_slider .title_link_slider {
        font-size: 22px
    }

    .home .wrapper_slider:first-of-type .text_slider {
        display: none
    }

    .home .wrapper_slider:first-of-type .thumbnail_slider {
        height: 350px
    }

    .wrapper_slider:first-of-type .title_link_slider {
        font-size: 24px
    }

    #content-img .specialthumb,#content-img .blocthumb {
        position: relative;
        bottom: auto;
        left: auto;
        width: 100%;
        height: 100%;
        border-radius: 0
    }

    #content-img {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2px;
        padding-top: 2px;
        grid-auto-rows: 250px
    }

    #content-wrapper {
        width: 100%;
        padding: 0
    }

    #galleryHome {
        padding: 0 0 3px;
        height: auto;
        margin: 0
    }

    .picto-img {
        width: 50%
    }

    .picto-content {
        padding: 30px 20px;
        width: 50%
    }

    #galleryHome .gallery {
        grid-auto-rows: 150px;
        grid-template-columns: repeat(2,1fr);
        gap: 3px;
        display: grid
    }

    .principal_thumb {
        height: 300px
    }

    #prestations .liresuite {
        margin-top: 20px
    }

    #prestations .tc_excerpt {
        display: none
    }

    #prestations h2 {
        font-size: 25px
    }

    #prestations .content-presta,.nohome #prestations .content-presta {
        padding: 15px;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px
    }

    .etape .wp-block-column {
        margin-top: 30px!important;
        padding: 0!important
    }

    #content #landing_listelement {
        padding: 0 20px
    }

    .tc_content ol,.tc_content ul {
        margin: 0 0 16px 20px
    }

    #header {
        padding: 15px
    }

    #footerbloc>.flex {
        flex-direction: column
    }

    #footer #footerbloc {
        padding: 20px 15px 120px
    }

    #footer #navfooter {
        width: auto;
        display: block
    }

    #ctaFooter,.home #ctaFooter {
        background-attachment: initial;
        padding: 60px 20px 380px!important
    }

    #ctaFooter .cta-body {
        padding: 30px 20px;
        max-width: 450px
    }

    #ctaFooter .cta-coordonnees {
        border: none;
        bottom: 20px
    }

    #footer #logofooter {
        bottom: 200px
    }

    #ctaFooter .cta-coordonnees>.flex {
        flex-direction: column
    }

    #infotelfixeFooter,#infotelportFooter,#infoouvertureFooter,#infoadresseFooter {
        border: none;
        padding: 6px 30px;
        max-width: 295px;
        margin: 0 auto
    }

    #contentImg .col-img .specialthumb,#contentImg .col-img .tertiarythumb img {
        height: 150px
    }

    #cta-boutique .cta-content img {
        width: 210px
    }

    .innerLogo a {
        margin-bottom: 0
    }

    .innerLogo img {
        width: 160px
    }

    .specialthumb_slider {
        display: none
    }

    .blocthumb_slider {
        height: 250px;
        width: 100%;
        margin: 0
    }

    #slideactu .ckslidercontrols .prev {
        left: 0;
        right: auto
    }

    #slideactu {
        padding: 60px 15px
    }

    #contentImg .blocthumb {
        height: 250px
    }

    .cekome-stars {
        margin: 20px auto!important
    }

    .wp-block-lazyblock-infosociete ul li,.wp-block-lazyblock-contactsociete ul li {
        overflow-wrap: break-word;
        word-break: break-all
    }

    #reassurances,.nohome #reassurances {
        padding: 50px 0 0
    }

    #reassurances .title {
        padding: 0 10px
    }

    .tc_content p.has-background {
        padding: 30px 20px
    }

    .horairesWrapper {
        max-width: 190px
    }

    .horairemodal .infohoraires_other {
        font-size: 36px;
        margin-bottom: 40px
    }

    .innermodal {
        width: 95%;
        max-width: 380px;
        padding: 60px 4% 40px
    }

    #footer #logofooter img {
        width: 80px
    }

    #noshareFooter .sociblock {
        justify-content: center
    }

    #newsletter .checkrgpdnewsletter label {
        display: inline-block;
        line-height: 1.3
    }

    #newsletter {
        padding: 70px 20px 150px
    }

    #newsletter .labelnewsletter label {
        font-size: 28px;
        margin-bottom: 30px
    }

    #newsletter .inputnewsletter input {
        padding-bottom: 40px;
        text-align: center
    }

    #newsletter .submitnewsletter {
        top: auto;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        right: auto
    }

    .loader svg {
        transform: scale(.4)
    }

    #seo-footer p {
        text-align: center;
        max-width: 570px;
        margin: 0 auto
    }

    #popup #contenthor ul {
        margin-left: 0
    }

    .popup-content {
        padding: 70px 40px 40px
    }

    #popup #contenthor h2 {
        font-size: 28px
    }

    #slideactu .ckslidercontrols .next {
        right: 0
    }

    .effect-square span span {
        width: 150px;
        height: 150px;
        margin: -75px
    }

    #section-image-wrapper {
        padding: 60px 20px;
        background-attachment: inherit
    }

    #section-image-wrapper .title {
        margin-bottom: 30px
    }

    #section-image h2 {
        font-size: 35px
    }

    .ckctrldiv .counter {
        display: none
    }

    .body_slider {
        margin: 0;
        padding: 30px 30px 80px;
        box-shadow: none
    }

    .title_slider .inner-title {
        margin: 0
    }

    .innerWrap {
        padding-top: 40px
    }

    #homeHeader .innerWrap-content {
        width: 220px;
        height: 220px;
        margin-bottom: 70px
    }

    #bandeau-info .wrap-element {
        flex-direction: column;
        text-align: center
    }

    .title-bandeau {
        margin: 0 0 5px 0;
        line-height: 1.3;
        font-size: 14px
    }

    .title.tac,.title#pageTitle {
        margin-bottom: 40px
    }

    #footer #navfooter #menu-footer .menu-item {
        margin: 0 0 5px
    }

    .accroche {
        font-size: 16px
    }

    .cut-top.footer-cut:before {
        height: 30px
    }

    #bandeau-info {
        padding: 12px 15px
    }

    #qualiteFrance {
        width: 50px
    }

    #prestations .prestations-title {
        padding: 0;
        margin-bottom: 20px
    }

    #labels {
        padding: 60px 20px
    }

    #labels>.flex {
        flex-direction: column
    }

    #labels .labels-icons {
        min-width: auto;
        padding: 50px 0 0 0
    }

    #labels .labels-icons .inline-list {
        display: flex;
        align-items: center;
        justify-content: center
    }

    #slideactu .cksliderwrap {
        width: 100%;
        padding: 0 0 70px;
        margin: 0
    }

    .products {
        grid-template-columns: repeat(1,1fr)
    }

    #products-home {
        padding: 70px 15px
    }

    .tc_content .wp-block-media-text.has-media-on-the-right {
        margin-bottom: 0
    }

    .wp-block-column {
        margin: 5px 0
    }

    .ckctrldiv {
        top: auto;
        bottom: -20px;
        left: 0
    }

    #slideactu .ckctrldiv {
        left: 50%;
        transform: translateX(-50%);
        bottom: 0
    }

    #btformsinglewoo {
        margin-bottom: 50px
    }

    .has-medium-size,.woocommerce-product-details__short-description p {
        font-size: 18px
    }

    #main-img {
        margin-bottom: 0;
        margin-top: 30px
    }

    .gallery .gallery-item h2 {
        font-size: 18px
    }

    #info-toogle {
        top: 40px;
        right: 15px
    }

    #fournisseurs {
        padding: 50px 20px;
        background-attachment: initial
    }

    .wp-block-media-text.has-media-on-the-right,.tc_content .wp-block-media-text {
        grid-template-columns: 1fr!important;
        display: block
    }

    .wp-block-media-text {
        margin-bottom: 0
    }

    .wp-block-cover-image .wp-block-cover__inner-container,.wp-block-cover .wp-block-cover__inner-container {
        width: auto;
        box-sizing: border-box
    }

    .tc_content .wp-block-cover {
        padding: 60px 20px;
        margin: 0;
        min-height: auto
    }

    .wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax {
        background-attachment: initial
    }

    .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media {
        grid-column: 1;
        grid-row: 2;
        padding: 0
    }

    .tc_content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content,.tc_content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
        padding: 50px 0;
        width: 100%
    }

    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
        grid-column: 1;
        grid-row: 1;
        height: 410px;
        width: 100%
    }

    .horairemodal .titlehoraires {
        font-size: 26px
    }

    #homeHeader .innerTitle h1,#homeHeader .innerTitle p {
        font-size: 25px
    }

    #homeHeader .innerTitle .title-de {
        font-size: 18px
    }

    #homeHeader .innerTitle span:first-letter,#h1 .innerTitle span:first-letter {
        font-size: inherit;
        letter-spacing: inherit
    }

    #footer #navfooter #menu-footer .menu-item:last-of-type {
        margin-right: 0
    }

    #reassurances .picto-container {
        grid-template-columns: repeat(1,1fr);
        margin: 0;
        grid-auto-rows: auto
    }

    .tc_content .gallery {
        grid-template-columns: repeat(2,1fr);
        grid-auto-rows: 150px
    }

    #contentPage,#contentPageBis {
        padding: 70px 15px
    }

    .contentContact #contentPage {
        padding: 70px 15px 30px
    }

    .ckmenu {
        top: 40px;
        right: 68px
    }

    #prestations h3 {
        margin-bottom: 10px
    }

    #prestations .wrap-presta:before {
        font-size: 60px;
        line-height: 60px
    }

    #prestations .widget_parentpage li {
        height: 300px;
        padding: 5px 0
    }

    #cta-section {
        padding: 60px 15px
    }

    .wc-tabs li a {
        font-size: 14px;
        letter-spacing: 0
    }

    #coordonneesFooter {
        padding: 0;
        text-align: center
    }

    #section-video {
        padding: 70px 15px 50px;
        background-attachment: inherit;
        min-height: auto
    }

    #homeHeader .innerButton {
        margin-top: 30px
    }

    #homeHeader .innerButton #infotel {
        flex-direction: column
    }

    #homeHeader .innerButton a {
        margin: 4px 0;
        min-width: 140px
    }

    #home_garantie {
        padding: 60px 20px
    }

    #home_garantie .title h2 {
        font-size: 32px;
        margin-bottom: 40px
    }

    .innerLogo p {
        font-size: 12px;
        letter-spacing: 0
    }

    #home_garantie .tc_content {
        column-count: 1;
        column-gap: 0
    }

    font {
        word-break: break-all
    }

    .wrap-fieldset>font {
        flex: 1 1 100%;
        max-width: 100%;
        width: 100%;
        display: inline-block;
        margin: 4px 0
    }

    #tabssinglewoo {
        margin: 30px 0 0
    }

    #shortdesc {
        padding: 0;
        margin: 0 0 30px
    }

    #primaryimgsinglewoo,.woocommerce-product-gallery__image--placeholder {
        height: 300px
    }

    #backBTsinglewoo {
        margin-top: 0
    }

    #blocbreadcrumb {
        display: none
    }

    .widget_element li {
        min-height: 150px
    }

    #contentPage #contentTitle {
        margin-bottom: 0
    }

    #reassurances-wrapper {
        padding: 80px 15px 40px
    }

    .picto-container .picto-bloc {
        display: flex
    }

    .picto-container #img-reassurances {
        order: inherit
    }

    #reassurances .picto-container li p strong {
        letter-spacing: 0
    }

    .picto-container li p {
        font-size: 14px
    }

    #contentGallery .gallery,body.single .gallery {
        grid-template-columns: repeat(2,1fr);
        grid-auto-rows: 200px
    }

    #contentGallery .gallery,body.single .gallery {
        grid-template-columns: repeat(2,1fr)
    }

    .sectionsbloc.odd .section_txt {
        padding: 0 0
    }

    .home #content {
        padding: 50px 0 0;
        flex-direction: column
    }

    #homeHeader .innerText {
        left: 10px;
        right: 10px;
        padding-top: 120px
    }

    .ckmenu-nav {
        padding: 120px 0 10px
    }

    #homeContact .wrap-contact:after {
        transform: none
    }

    #content .col-content {
        padding: 0 20px 20px
    }

    #prestataires {
        padding: 70px 20px
    }

    #prestataires .content-presta {
        column-count: 1;
        column-gap: 15px
    }

    #contentGallery {
        grid-template-columns: repeat(1,1fr);
        grid-auto-rows: 300px
    }

    .home .body-formules {
        padding: 50px 30px;
        outline-offset: -10px
    }

    #logos-list {
        flex-wrap: wrap
    }

    #logos-list li {
        margin: 10px 0!important
    }

    #logos-list li {
        flex: 1 1 50%;
        text-align: center
    }

    #paiements {
        padding: 50px 0
    }

    .sectionsbloc .buttons-wrap {
        flex-direction: column;
        flex-wrap: wrap;
        padding-top: 10px
    }

    .sectionsbloc .buttons-wrap .button:last-of-type {
        margin-left: 0;
        margin-top: 10px
    }

    .thumbnail_slider:after {
        width: 100%;
        height: 10px;
        left: 0;
        bottom: 0;
        top: auto
    }

    #header-wrap.fixed-header #autotraduction {
        opacity: 0
    }

    #contentForm {
        margin-top: 0;
        position: relative;
        z-index: 10
    }

    .elemvins table td {
        font-size: 14px
    }

    .item-vins .element-img {
        height: 250px
    }

    .item-vins .element-content {
        padding: 10px 10px
    }

    .show-for-medium {
        display: none
    }

    #h1 .section-title small {
        font-size: 50px
    }

    .section_txt .wrap-text {
        padding: 50px 20px!important;
        box-shadow: none!important
    }

    .form-wrap .wrap-fieldset .button.cf_submit,.form-wrap .wrap-fieldset #cptchk-contact,.form-wrap .wrap-fieldset .blc.blc_captcha {
        flex: 1 1 100%;
        max-width: 100%;
        width: 100%;
        display: inline-block;
        margin: 5px 0;
        min-width: auto
    }

    #homeContact {
        padding: 100px 15px
    }

    .section_thumb,.sectionsbloc .specialthumb {
        height: 300px!important
    }

    #prestations .item-metsHome .excerptelement p {
        font-size: 15px;
        max-width: 80%;
        margin: auto
    }

    #contentForm #landing_listelement {
        padding: 40px 10px
    }

    .wrapper_inner_slider .title_slider:before {
        content: none
    }

    .wrapper_inner_slider .title_slider {
        padding: 0;
        margin: 0!important
    }

    .title small,.section-title small {
        font-size: 12px
    }

    #infocontact .titlehoraires,#infocontact .infohoraires_other {
        text-align: left
    }

    #infocontact .titlehoraires span {
        font-size: 24px;
        top: -10px
    }

    blockquote:before,.wp-block-quote:before {
        top: 10px;
        left: 0;
        font-size: 90px;
        height: 20px
    }

    blockquote:after,.wp-block-quote:after {
        left: 35px
    }

    .citationsHome {
        padding: 50px 15px
    }

    blockquote p,.wp-block-quote p {
        font-size: 16px!important;
        line-height: 1.4
    }

    .content-prestations {
        margin-bottom: 30px
    }

    #homeHeader .innerTitle p small {
        font-size: 30px
    }

    .logotype {
        --size: 40px
    }

    blockquote,.wp-block-quote {
        padding: 10px 0 10px 50px!important
    }

    #prestations .item-metsHome .element-content {
        margin-left: 0;
        margin-top: 10px
    }

    #prestations .item-metsHome {
        flex-direction: column;
        padding: 30px 0
    }

    #contentPage:not(.galleryPage) .gallery {
        grid-template-columns: repeat(1,1fr);
        grid-gap: 10px;
        grid-auto-rows: 250px
    }

    .navigpages {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    #listarticles .listedarticle .blocthumb {
        height: 300px
    }

    .navigpages .left,.navigpages .right {
        margin: 10px 30px
    }

    #listarticles .listedarticle .content_news h2 {
        font-size: 22px;
        line-height: 1.2
    }

    .message-fb {
        padding: 30px
    }

    .alignright,.alignleft {
        float: none;
        margin: 0 auto 20px auto;
        display: block
    }

    #galleryFooter .gallery {
        grid-template-columns: repeat(2,1fr);
        grid-auto-rows: 170px
    }

    .contentContact #addrcontact {
        padding: 0 15px
    }

    .title_link_slider span {
        display: none
    }

    .scroll-down {
        display: none
    }

    #galleryHome #noshare .icones {
        transform: none;
        width: auto;
        height: auto;
        top: auto;
        bottom: 30px;
        right: 0
    }

    .content-prestations .grid {
        grid-template-areas: "itemServices" "itemPhotobooth" "itemGalerie";
        grid-template-columns: 1fr;
        grid-column-gap: 0;
        grid-auto-rows: 250px
    }

    .preloader_content {
        font-size: 24px
    }

    .preloader_content__container {
        padding: 0 20px
    }

    .preloader_content__container:before,.preloader_content__container:after {
        content: none
    }

    #socialContact .share-buttons a {
        margin-right: 20px
    }

    #contentPage:not(.galleryPage) .gallery .gallery-item {
        grid-column: span 1!important;
        grid-row: span 1!important
    }

    #infocontact .grid-slices-container {
        display: none
    }

    #infoadresse strong,#infoadresseBis strong,#infotel strong,#infohoraires .titlehoraires {
        font-size: 16px;
        border: none;
        margin-bottom: 0
    }

    #infotitle {
        display: none
    }

    .nohome .thumbnail_slider {
        height: 350px
    }

    .home .wrapper_slider:first-of-type .content_slider {
        width: auto;
        padding: 20px 15px
    }

    .home #content .col-content .tc_content {
        padding: 0
    }

    .home #content .content-formules {
        margin: 0;
        max-width: none!important
    }

    #galleryHome .ckctrldiv {
        display: none
    }

    .section-title small {
        font-size: 55px;
        top: -30px
    }

    #galleryHome .gallery .gallery-item {
        grid-column: span 1!important;
        grid-row: span 1!important;
        position: relative!important;
        height: auto!important;
        top: 0!important;
        left: 0!important;
        width: auto!important;
        border-radius: 0!important
    }

    #galleryHome .gallery dl.gallery-item:last-of-type {
        grid-column: span 2!important
    }

    .section-title .no_line {
        display: none
    }

    .landing_form {
        padding: 0;
        max-width: 500px;
        margin: auto
    }

    .mention {
        padding: 15px 0;
        padding-right: 0;
        font-size: 12px
    }

    .cekome_form #formtab0,.cekome_form #formtab1 {
        flex: 1 1 100%
    }

    #alsalavage .wrap-alsalavage {
        float: none;
        padding: 40px 20px;
        margin: auto
    }

    #homeHeader .innerTitle strong,#h1 .innerTitle strong {
        font-size: 13px;
        top: 0;
        padding-bottom: 5px;
        letter-spacing: 0
    }

    body .vegas-container,body.with-bandeau #homeHeader .imageDiapo {
        min-height: 480px
    }

    #contactform #contact-body:before {
        top: -21px;
        margin-top: 0;
        left: 50%;
        margin-left: -21px
    }

    #h1 .innerImg .imageAnimation,#h1.small-h1 .innerImg .imageAnimation {
        height: 35vh;
        min-height: 220px
    }

    .section-title {
        margin-bottom: 30px
    }

    .home #prestations {
        padding: 50px 15px
    }

    #contactform #contact-body h3 {
        font-size: 25px
    }

    #contactform .wrap-contact {
        padding: 30px 20px
    }

    #contactform .wrap-contact .jswagner {
        width: 300px
    }

    .arrowlink span {
        font-size: 16px
    }

    #contentPage .gallery {
        grid-auto-rows: 300px;
        grid-template-columns: repeat(1,1fr)
    }

    #banner p span {
        font-size: 20px;
        display: inline-block;
        line-height: 1
    }

    #form-body #landing_listelement {
        max-width: 400px;
        margin: auto
    }

    #contactform #form-body {
        padding: 40px 15px
    }

    .underbutton>*,button,.button {
        font-size: 11px;
        padding: 12px 16px;
        letter-spacing: 1px
    }

    .btnLine {
        font-size: 11px;
        letter-spacing: 1px
    }
    .section-title h2:before,.section-title h2:after {
        content: none
    }

    #section-realisations {
        padding: 120px 0 10px
    }

    .alternativeContent .intro {
        max-width: 100%
    }

    .labelsection {
        font-size: 30px
    }

    #pricesinglewoo {
        margin: 10px 0
    }

    #btformsinglewoo .button {
        margin: 1em auto;
        width: 100%
    }

    #header #logodesktop {
        width: 70px
    }

    #footer #logos-list li {
        margin: 0 1%!important;
        flex: 1 1 44%;
        max-width: 44%;
        text-align: center
    }

    #footer #logos-list {
        flex-wrap: wrap
    }

    #footer #navfooter {
        width: auto;
        display: block;
        padding: 5px 0
    }

    #footer .marque-alsace {
        margin-bottom: 10px;
        margin-right: 0
    }

    #footer #footerlinks {
        padding-bottom: 130px;
        flex-direction: column
    }

    #menu-footer {
        flex-direction: column;
        align-items: center
    }

    .maps_canvas {
        min-height: 300px
    }

    .maps_canvas img {
        width: 100%;
        height: auto
    }

    #blocmaps .maps_canvas {
        margin-top: 0
    }

    #blocmaps .maps_canvas img {
        transform: none
    }

    #resa-img {
        height: 200px
    }

    #resa-content {
        padding: 20px
    }

    #reservation {
        padding: 0;
        width: 90%;
        margin: auto;
        margin-bottom: -230px
    }

    .nohome #reservation {
        margin-top: 50px
    }

    .form-wrap .wrap-fieldset .blc_wide,.form-wrap .wrap-fieldset .blc_text,.form-wrap .wrap-fieldset .blc_email,.form-wrap .wrap-fieldset .blc_select,.form-wrap .wrap-fieldset .blc_date,.form-wrap .wrap-fieldset .blc_time,.form-wrap .wrap-fieldset #cptchk-parrainage,.form-wrap .wrap-fieldset #cptchk-candidature,.form-wrap .wrap-fieldset .button.cf_submit,.form-wrap .wrap-fieldset .blc_textarea,.form-wrap .wrap-fieldset .blc_checkbox,.form-wrap .wrap-fieldset #cptchk-contact,.form-wrap .wrap-fieldset .blc_fileattach,.form-wrap .wrap-fieldset .blc.blc_captcha {
        flex: 1 1 100%;
        max-width: 100%;
        width: 100%;
        display: inline-block;
        margin: 2px 0;
        min-width: auto
    }

    .cekome_form .button.cf_submit {
        background-position: 19% center
    }

    .jourhoraires {
        width: 100px
    }

    #slideactu-wrapper {
        padding: 70px 15px 90px
    }

    .landing_labelBig {
        font-size: 38px
    }

    .landing_labelBig small {
        font-size: 50px;
        top: -30px
    }

    #h1.small-banner .innerImg .imageAnimation {
        height: 300px;
        min-height: auto
    }

    body:not(.single) #h1 .wrap-contentPage h1 {
        margin-top: 0
    }
}

@media (max-width: 480px) {
    #products .product-category {
        min-width: calc((100% / 2) - 15px);
        padding: 0;
        width: calc((100% / 2) - 15px);
    }
}

@media (max-width: 320px) {
    #products .product-category {
        min-width: calc(100% / 1);
        padding: 0;
        width: calc(100% / 1);
    }
}



@media (min-width: 1025px) {
    #infotelfixeHeader {
        margin-left:20px
    }

    #infotelfixeHeader a {
        display: flex;
        border-radius: 10px!important;
        padding-left: 30px;
        min-width: 130px
    }

    #infotelfixeHeader a:after {
        --size: 12px;
        content: "";
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left center;
        background-image: url(../images/icons/phone-white.svg);
        display: block;
        position: absolute;
        left: 10px;
        width: var(--size);
        height: var(--size);
        top: 50%;
        transform: translateY(-50%);
        z-index: 2
    }

    #content-wrapper .content-body .title {
        left: -25%;
        width: 120%;
        margin-bottom: 50px
    }

    #header.fixed-header .before-logo,#header.fixed-header .after-logo {
        display: flex
    }

    #header.fixed-header #navsecondary {
        padding: 10px 0
    }

    #header.fixed-header #navsecondary .navigmenu .naviglink.lvl-0.item-logo {
        width: 110px!important;
        height: 50px!important
    }

    #header.fixed-header #navsecondary .navigmenu .naviglink.lvl-0 {
        padding: 12px 10px;
        font-size: 15px
    }

    #header.fixed-header #navsecondary .navigmenu {
        grid-gap: 10px;
        grid-template-columns: 3fr 1fr 3fr
    }

    .blocks-gallery-grid .blocks-gallery-item figcaption {
        transform: translateY(100%);
        transition: 300ms all ease-in-out
    }

    .blocks-gallery-grid .blocks-gallery-item:hover figcaption {
        transform: translateY(0)
    }

    body.template-contact-php #footer_form {
        max-width: 550px;
        margin-left: auto
    }

    .nohome #prestations h3 {
        font-size: 28px
    }

    #header.fixed-header {
        position: fixed;
        top: 0;
        z-index: 99;
        box-shadow: 0 0 30px rgba(0,0,0,.2);
        left: 0;
        animation: slide-down .7s;
        background: var(--title-color);
        right: 0
    }

    #header.fixed-header .navigmenu .navigtoogle.lang {
        right: 0;
        top: 12px
    }

    #header.fixed-header #header-contact {
        padding: 6px 20px
    }

    #header.fixed-header #navprimary {
        padding: 15px 15px
    }

    #header.fixed-header #navprimary .navigmenu .naviglink.lvl-0 {
        padding: 10px 18px;
        color: var(--white)
    }

    #header.fixed-header #navprimary .navigtoogle.has-child .naviglink.lvl-0:after {
        top: 20px
    }

    #header.fixed-header #navprimary .navigmenu .naviglink.lvl-0.item-logo {
        width: 190px;
        height: 100px;
        padding: 0;
        margin: -76px 0
    }

    .sectionsbloc .buttons-wrap {
        display: flex;
        align-items: stretch
    }

    .sectionsbloc .buttons-wrap.tac {
        justify-content: center
    }

    .sectionsbloc .buttons-wrap .button {
        display: flex;
        align-items: center
    }

    .navigmenu .navdown {
        position: absolute
    }

    .ckmenu-nav {
        display: block!important;
        max-width: 1450px;
        margin: 0 auto;
        position: static
    }

    .ckmenu {
        display: none
    }

    .navigmenu .navigtoogle {
        flex-basis: auto;
        max-width: none;
        width: auto
    }

    .navigmenu {
        position: static
    }

    #navprimary .navigmenu .naviglink.lvl-0.item-logo {
        display: block;
        background-position: center;
        background-repeat: no-repeat;
        color: var(--white);
        font-size: 0;
        background-image: url(../images/logo.png);
        height: 190px;
        padding: 0;
        background-size: contain;
        margin: -48px 0;
        filter: drop-shadow(0 0 10px #00000057)
    }

    #navbar {
        position: fixed;
        top: 0;
        z-index: 99;
        box-shadow: 0 0 30px rgba(0,0,0,.2);
        left: 0;
        width: 100%;
        background: var(--primary-bgcolor);
        opacity: 0;
        transform: translateY(-100%);
        transition: .7s;
        text-align: center
    }

    #header-bottom.fixed-header #noshare {
        position: absolute;
        right: 130px;
        top: 33px
    }
}