/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 3
*/

/*-profilc-*/

/* bandeau cookie*/
#tarteaucitronRoot .tarteaucitronDeny,
#tarteaucitronRoot .tarteaucitronAllow {
    background: #3b3f4a !important;
}

body #tarteaucitronRoot div#tarteaucitronAlertBig {
    bottom: 0;
    top: auto !important;
    left: 8px !important;
    right: auto !important;
    transform: initial !important;
    border-radius: 5px 5px 0 0 !important;
    max-width: 250px !important;
    width: Calc(100% - 16px) !important;
    min-width: 0 !important;
    padding: 25px 20px 0px 20px !important;
}

div#tarteaucitronAlertBig li {
    color: #ffffff;
    list-style: disc;
}

#tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
    margin: 10px 0 20px !important;
    font-size: 15px !important;
}

span#tarteaucitronDisclaimerAlert {
    padding: 0 10px !important;
}

#tarteaucitronDisclaimerAlert ul {
    margin-top: 15px !important;
}

#tarteaucitronAlertBig button {
    width: 80% !important;
}

/*-----*/

.d2b {
    font-weight: inherit !important;
    color: inherit;
    font-family: inherit;
}

.fort {
    font-weight: 600;
}

.tres-fort {
    font-weight: 600;
}

.txt-blanc,
.txt-blanc * {
    color: white !important;
}

*::selection {
    background-color: #fa0a0a;
    color: white;
}

@-webkit-keyframes anime-btn-core-web-vital {
    from {
        transform: scale(1) translate(0, 0);
    }

    to {
        transform: scale(1.1) translate(-10px, 0);
    }
}

@keyframes anime-btn-core-web-vital {
    from {
        transform: scale(1) translate(0, 0);
    }

    to {
        transform: scale(1.1) translate(-10px, 0);
    }
}

@keyframes pulse {
    0% {
        bottom: 10%;
    }

    100% {
        bottom: 15%;
    }
}

@keyframes mouv {
    from {
        transform: scale(1);
        transition: 0.5s;
    }

    to {
        transform: scale(1.1);
    }
}

@keyframes voir {
    0% {
        right: -500px;
        transition: 0.5s;
    }

    45% {
        right: 0;
        transition: 0.5s;
    }

    75% {
        right: 0;
        transition: 0.5s;
    }

    100% {
        right: -400px;
        transition: 0.5s;
    }
}

a:hover {
    text-decoration: none !important;
}

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

    .banner_wrapper,
    #Header .top_bar_right {
        display: none !important;
    }

    #Top_bar .logo #logo {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: auto;
    }

    #Top_bar .logo #logo,
    #Top_bar .logo .custom-logo-link {
        padding: 0 !important;
        margin: 10px 35px;
    }

    #Top_bar .logo {
        margin-top: 0 !important;
    }

    #Top_bar .top_bar_right .top_bar_right_wrapper {
        flex-direction: column;
    }

    .term-echantillon-de-couleur div#Subheader {
        background-size: 800px !important;
    }

    /*
    span.price {
        line-height: 35px;
    }
*/

    .product-template-default span.perfo {
        color: #000;
        line-height: 50px;
    }

    .product-template-default span.appuis {
        font-weight: 100;
        font-size: 25px;
    }


    .tax-product_cat span.appuis {
        font-weight: 100;
        font-size: 15px;
    }

    .tax-product_cat span.perfo {
        color: #fa0a0a;
    }

    .grand-baseline-new,
    .grand-baseline-new * {
        line-height: 60px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 1022px) {
    tr.woocommerce-cart-form__cart-item.cart_item {
        position: relative;
    }

    td.product-remove {
        position: absolute;
        top: 0;
        right: 0;
    }

    .woocommerce .shop_table td.product-name {
        padding-top: 80px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 1239px) {

    /*-code-mickael-*/

    .flex-row-mobile {
        display: flex;
        flex-wrap: nowrap !important;
    }

    .tableau-2-3 {
        width: 1000px;
    }

    .tableau-scroll .tableau-2-3 .titre-grand-tableau,
    .tableau-scroll .tableau-2-3 .vc_row {
        width: 1000px;
    }

    .tableau-1-3 {
        width: 400px;
    }

    .tableau-scroll .tableau-1-3 .titre-grand-tableau,
    .tableau-scroll .titre-grand-tableau ~ .titre-moyen-tableau,
    .tableau-scroll .tableau-1-3 .vc_row {
        width: 400px;
    }

    .tableau-scroll {
        overflow: scroll;
        display: flex;
    }

    .tableau-100-100 > div > .wpb_wrapper {
        width: 960px !important;
        margin: auto !important;
    }

    .ligne-titre-grand > .block-display-flex .titre-grand-tableau {
        width: 100%;
    }

    .tableau-1-2 {
        width: auto;
    }

    .tableau-1-2 > div > .wpb_wrapper {
        width: 1000px;
    }

    .tableau-spe > div > div > .wpb_wrapper {
        width: 1000px;
    }

    /*-code-mickael-*/
    a#search_button {
        right: 10px;
        position: relative;
    }

    .range-12-cellules > div > div > .wpb_wrapper {
        width: 1000px !important;
    }

    #Top_bar .banner_wrapper {
        display: block;
    }

    #Top_bar .banner_wrapper {
        display: flex;
        align-items: center;
        justify-content: end;
        flex-direction: row-reverse;
        padding-right: 20px;
    }

    #Top_bar .banner_wrapper img {
        height: 30px;
        margin-right: 10px;
    }

    #Top_bar .banner_wrapper a {
        font-size: 20px;
        margin-left: 10px;
    }

    #Top_bar a.responsive-menu-toggle {
        top: 100px;
        right: 20px;
    }

    #Top_bar .top_bar_left {
        display: flex;
        flex-direction: column-reverse;
        width: 100% !important;
    }

    .logo {
        width: 50%;
        margin: auto !important;
        margin-top: 30px !important;
    }

    a#logo {
        text-align: center;
    }

    #Header .top_bar_right {
        position: absolute;
        left: 10px;
        padding: 0 !important;
        margin: 0 !important;
        top: 10px;
        width: auto !important;
    }

    #Top_bar .search_wrapper {
        top: 100%;
        bottom: inherit;
    }

    a.tel {
        display: flex;
        align-items: center;
    }
}

@media only screen and (min-width: 0px) {

    /*-catalogue-*/
    .btn-catalogue {
        width: 250px;
        height: 125px;
        position: fixed;
        background-position: 50%;
        bottom: 125%;
        right: -200px;
        background-repeat: no-repeat;
        background-size: 100%;
        opacity: 1;
        display: flex;
        box-sizing: border-box;
        padding-left: 50px;
        transition: 0.5s;
    }

    .btn-catalogue {
        display: none;
    }

    #btn-catalogue1.animate {
        animation: voir 8s linear 1 alternate, mouv 3s 5s infinite alternate;
    }

    html[lang="en-US"] .btn-catalogue {
        display: none !important;
    }

    .btn-catalogue:hover {
        transition: 0.5s;
        right: 0;
    }

    .btn-catalogue:before {
        content: "Demande de calcul";
        position: absolute;
        text-align: center;
        top: 42px;
        left: -31px;
        width: 124px;
        height: 40px;
        color: white;
        transform: rotate(-90deg);
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        padding: 5px;
        background: #b41010;
        background: linear-gradient(168deg, #fa0a0a 0%, #b41010 80%);
        background: -webkit-linear-gradient(168deg, #fa0a0a 0%, #b41010 80%);
        background: -moz-linear-gradient(168deg, #fa0a0a 0%, #b41010 80%);
    }

    a.catalogue-btn {
        display: flex;
        width: 100%;
        height: 100%;
        background-image: url(/wp-content/uploads/2024/05/pdf-calcul-red.jpg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 140%;
        color: white;
        text-align: center;
        justify-content: center !important;
        align-items: center;
        padding: 15px;
        position: relative;
    }

    /*-catalogue-*/

    .mfn-variations-wrapper > .mfn-vr > label {
        width: 40% !important;
        margin: 0 !important;
    }

    .mfn-variations-wrapper > .mfn-vr > select {
        width: 60% !important;
    }

    .single_variation_wrap > .woocommerce-variation-add-to-cart > button {}

    .single_variation_wrap > .woocommerce-variation-add-to-cart > .quantity {
        width: 36% !important;
    }

    .attributs span.prix-metre-carre.hors-taxe {
        position: relative;
    }

    body:not(.single-product) .attributs span.prix-metre-carre:not(.hors-taxe) {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .attributs span.prix-metre-carre:not(.hors-taxe) {
        min-height: 40px;
    }

    span.price.ttc {
        min-height: 40px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        margin-bottom: 0 !important;
    }

    .attributs span.prix-metre-carre.hors-taxe sup {
        font-size: 10px !important;
        position: absolute;
        top: -5px;
    }

    img.zoomImg {
        opacity: 0 !important;
        display: none !important;
        position: relative !important;
        width: 0 !important;
        height: 0 !important;
    }

    .subheader-both-center #Subheader .breadcrumbs {
        margin: 0;
        padding: 20px 0;
    }

    input.wpcf7-form-control.wpcf7-submit {
        background-color: #000 !important;
        color: white !important;
    }

    body.page-id-1574 h1.title {
        background-image: url(/wp-content/uploads/2022/09/toiture-couverture.jpg);
    }

    .txt-rouge.titre-grand ~ .vc_row > .wpb_column .wpb_text_column,
    .txt-rouge.moyen-titre ~ .vc_row > .wpb_column .wpb_text_column {
        margin-bottom: 0;
    }

    .alert_wrapper a {
        color: red;
    }

    p.woocommerce-shipping-destination {
        text-align: initial;
        display: flex;
        flex-direction: column;
    }

    .alert_wrapper {
        display: flex;
        flex-direction: column;
    }

    ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
        padding: 10px;
        display: flex;
        flex-direction: column;
    }

    ul.breadcrumbs.no-link {
        padding: 10px 0 30px;
    }

    .cart-empty.alert.alert_warning a.close * {
        background: #ffe38b;
        color: black;
    }

    .woocommerce-error.alert.alert_error a.close * {
        background: #f24143;
        color: black;
    }

    .woocommerce-info.alert.alert_info a.close {
        background: #1c81c4;
    }

    .alert {
        background: black !important;
        color: white !important;
    }

    body#boutique p.price {
        display: none;
    }

    body#boutique.single-product p.soit-visserie {
        display: none;
    }

    /*
    p.soit-visserie span.price.ht {
        margin-left: 8px !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
*/

    p.soit-visserie,
    body:not(.single-product) p.pmcht {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    p.soit-visserie,
    p.pmcht {
        min-height: 30px;
    }

    /*
    p.soit-visserie {
        font-size: 15px !important;
        line-height: 20px !important;
        color: black !important;
    }
*/

    li:not(.product_cat-visseries-et-fixations) .soit-visserie {
        display: none;
    }

    /*
    span.price.ht,
    span.price.ht * {
        font-size: 15px !important;
        line-height: 20px !important;
        color: black !important;
    }
*/

    .liste-cara-col p {
        line-height: 30px;
    }

    .tres-gros-titre,
    .tres-gros-titre * {
        font-size: 25px;
        font-weight: 600;
        line-height: 30px;
    }

    .mfn-variations-wrapper > .mfn-vr > label {
        width: 100px;
    }

    .woocommerce-Message.woocommerce-Message--info.woocommerce-info a {
        display: block !important;
    }

    .woocommerce-Message.woocommerce-Message--info.woocommerce-info {
        display: flex;
        flex-direction: column;
    }

    .page-id-15 h1.title {
        padding: 60px 0;
    }

    .encart-rouge * {
        margin-bottom: 5px !important;
        margin-top: 5px !important;
        padding-top: 0 !important;
    }

    .search-results div#Subheader h1.title,
    .page-id-86 div#Subheader h1.title,
    .page-id-88 div#Subheader h1.title,
    .page-id-1820 div#Subheader h1.title,
    .page-id-1818 div#Subheader h1.title {
        padding: 60px 0;
    }

    .page-id-86 div#Subheader ul.breadcrumbs.no-link,
    .page-id-88 div#Subheader ul.breadcrumbs.no-link,
    .page-id-1820 div#Subheader ul.breadcrumbs.no-link,
    .page-id-1818 div#Subheader ul.breadcrumbs.no-link {
        display: none;
    }

    .search.search-results div#Subheader {
        padding: 0 !important;
    }

    .page-id-13 div#Subheader > .container {
        width: 100%;
        max-width: inherit !important;
        padding: 0 !important;
    }

    .page-id-1794 .vc_gitem-animated-block {
        display: none;
    }

    .docu > div > .wpb_wrapper > .vc_row:nth-child(3) > .wpb_column:last-child > .vc_column-inner {
        padding: 0;
    }

    section.up-sells.upsells.products {
        margin: 0 !important;
        border: none !important;
    }

    .fake-tabs {
        margin-bottom: 0;
    }

    .liste-cara-col:nth-child(1) {
        margin-bottom: 20px;
    }

    .liste-cara-col > div {
        padding-top: 20px !important;
    }

    .liste-cara-col > div > div > .wpb_text_column {
        margin-bottom: 20px;
    }

    .liste-cara ~ .wpb_column > .vc_column-inner {
        padding-top: 20px;
    }

    h3,
    .woocommerce ul.products li.product h3 {
        font-size: 20px;
        line-height: 25px;
    }

    .txt-rouge.titre-grand {
        margin-bottom: 10px;
    }

    .txt-rouge.titre-grand ~ .vc_row,
    .txt-rouge.moyen-titre ~ .vc_row {
        margin-bottom: 10px;
    }

    .petit-titre,
    .petit-titre * {
        font-size: 18px;
        line-height: 20px;
    }

    .liste-cara > div > .wpb_wrapper {
        height: 100%;
    }

    .liste-cara > div > div > .vc_row {
        margin-bottom: 0;
        height: 100%;
    }

    .liste-cara-col {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    input,
    input:focus,
    textarea,
    textarea:focus {
        color: black !important;
        background-color: white !important;
    }

    select,
    select:focus,
    select * {
        color: #ffffff;
        background-color: #444 !important;
        border-color: #444 !important;
        font-size: 15px !important;
        line-height: 30px !important;
    }

    a.fixed-nav {
        display: none;
    }

    form#side-form input.field::placeholder {
        color: rgba(100, 100, 100, 1);
    }

    input.field::placeholder {
        color: white !important;
    }

    p.header-cart-total {
        display: none;
    }

    /*
    .price * {
        font-size: 30px;
        line-height: 30px;
    }
*/

    span.sku_wrapper {
        display: none !important;
    }

    i.fas.fa-shopping-cart {
        color: #fff !important;
        width: 31px;
    }

    .term-visseries-et-fixations h1.title {
        background-image: url(/boutique/wp-content/uploads/sites/3/2022/11/vente-visserie-fixation-couverture-bardage-metallique.jpg);
    }

    .product_cat-produit-couverture .product_wrapper .entry-summary p.price,
    .product_cat_produit-bardage .product_wrapper .entry-summary p.price,
    .product_cat-produit-couverture .product_wrapper .entry-summary p.soit-visserie,
    .product_cat_produit-bardage .product_wrapper .entry-summary p.soit-visserie {
        display: none !important;
    }

    li:not(.product_cat-visseries-et-fixations) div.desc span.price {
        display: none !important;
    }

    .attributs,
    .attribut * {
        font-size: 20px;
        line-height: 25px;
    }

    .attributs {
        display: flex;
        flex-direction: column;
    }

    .attributs br {
        display: none;
    }

    p.soit-visserie,
    .soit-visserie.price.ht.ex-vat-price,
    .price.ht,
    .pmcht,
    .pmlht,
    .attributs span.prix-metre-carre.hors-taxe,
    .soit-visserie.price.ht.ex-vat-price *,
    .price.ht *,
    .pmcht *,
    .pmlht *,
    .attributs span.prix-metre-carre.hors-taxe * {
        font-size: 15px !important;
        color: black !important;
        font-weight: 400 !important;
        line-height: 20px !important;
    }

    .attributs span.prix-metre-carre,
    span.price.inc-vat-price,
    span.price.inc-vat-price,
    span.price.ttc,
    span.price.ttc *,
    span.price.inc-vat-price,
    span.price.inc-vat-price * {
        font-size: 25px !important;
        line-height: 30px !important;
        font-weight: 600 !important;
        color: #fa0a0a !important;
    }

    .prix-carre {
        color: #fa0a0a !important;
        font-size: 25px;
        font-weight: 700;
    }

    .product_cat_visseries-et-fixations h2.title {
        background-image: url(/boutique/wp-content/uploads/sites/3/2022/11/vente-visserie-fixation-couverture-bardage-metallique.jpg);
    }

    .page-id-1794 .vc_gitem-zone {
        background-position: center !important;
        background-size: auto !important;
    }


    /*
    .alert_success .alert_icon {
        background: #cbcbcb;
    }
*/

    .alert_success a,
    .alert_success a:hover {
        color: #ffffff;
    }

    .alert_success {
        background: black;
        color: #fff;
    }

    ul {
        color: #000 !important;
    }

    .page-id-1794 div#Subheader {
        display: none;
    }

    .post-template-default .author-box,
    .post-template-default .section-post-comments,
    .post-template-default .section.section-post-header {
        display: none;
    }

    .term-echantillon-de-couleur div#Subheader {
        background-position: center;
    }


    .product_cat_vente-en-ligne .product_tabs_wrapper.fake-tabs.fake-tabs-count-2 {
        display: none !important;
    }


    #Content {
        width: 100%;
    }

    /*
    .price {
        color: #fa0a0a !important;
        font-size: 40px !important;
        font-weight: 600 !important;
        margin-top: 10px !important;
    }
*/

    body#vitrine.product_cat_echantillons-profils p.price,
    body#vitrine.product_cat_echantillon-de-couleur p.price {
        font-size: 25px !important;
        line-height: 30px !important;
        font-weight: 600 !important;
        color: #fa0a0a !important;
        margin: 0;
    }

    body#vitrine.product_cat_echantillons-profils p.soit-visserie,
    body#vitrine.product_cat_echantillon-de-couleur p.soit-visserie,
    body#vitrine.product_cat_echantillons-profils p.soit-visserie *,
    body#vitrine.product_cat_echantillon-de-couleur p.soit-visserie * {
        font-size: 15px !important;
        color: black !important;
        font-weight: 400 !important;
    }

    body#vitrine.product_cat_echantillons-profils p.soit-visserie span.woocommerce-Price-amount.amount,
    body#vitrine.product_cat_echantillon-de-couleur p.soit-visserie span.woocommerce-Price-amount.amount {
        margin-left: 5px;
    }

    body#vitrine.product_cat_echantillons-profils p.soit-visserie span.price.ht,
    body#vitrine.product_cat_echantillon-de-couleur p.soit-visserie span.price.ht {
        line-height: 30px !important;
    }

    .postid-97 .price,
    .postid-71 .price,
    .postid-350 .price {
        color: #000 !important;
        font-size: 25px !important;
        font-weight: 600 !important;
        margin-top: 10px !important;
    }


    body.archive .term-bardage-et-pliage h1.title {
        background-image: url(/boutique/wp-content/uploads/sites/3/2022/07/A9lbwpxj_j0q89q_nmw-1.jpg)
    }

    body.archive.term-gamme-classique h1.title {
        background-image: url(/wp-content/uploads/2022/10/vente-echantillon-couleur-de-bardage-acier.jpg)
    }

    body.archive.term-gamme-extra h1.title {
        background-image: url(/wp-content/uploads/2022/10/vente-echantillon-couleur-de-bardage-acier.jpg)
    }

    body.archive.term-gamme-tonique h1.title {
        background-image: url(/wp-content/uploads/2022/10/vente-echantillon-couleur-de-bardage-acier.jpg)
    }

    .term-echantillon-de-couleur h1.title,
    .term-gamme-classique h1.title,
    .term-gamme-extra h1.title,
    .term-gamme-tonique h1.title {
        background-position: center !important;
    }

    body.archive.term-echantillons-profils h1.title,
    .product_cat_echantillons-profils h2.title {
        background-image: url(/wp-content/uploads/2022/11/echantillon-profils.jpg);
    }

    body.archive.term-echantillon-de-couleur h1.title,
    .product_cat_echantillon-de-couleur h2.title {
        background-image: url(/wp-content/uploads/2022/11/echantillon-couleur.jpg);
    }

    .txt-nouveau span {
        padding: 17px;
        background-color: red;
        border-radius: 15px;
    }

    .entry-summary.column.entry-summary.two-fifth form.variations_form.cart {
        display: block !important;
    }

    .tax-product_cat li.product-category:hover a img {
        transition: 0.5s;
        transform: scale(1.05);
    }

    .tax-product_cat li.product-category a img {
        width: 80% !important;
        margin: auto !important;
        transition: 0.5s;
    }

    .txt-margin-bottom-30px {
        margin-bottom: 30px !important;
    }

    .has_content .the_content_wrapper {
        margin-bottom: 0;
    }

    .search-results .post-meta {
        display: none;
    }

    .search-results div#Subheader {
        padding: 50px 0;
    }

    /*-taille typo alignement txt-*/
    .woocommerce-product-details__short-description > p.baseline-title ~ p {
        text-align: justify;
    }

    .product_wrapper h1.product_title.entry-title,
    .search-results div#Subheader h1.title {
        font-size: 30px !important;
        line-height: 40px;
    }

    .search-results div#Subheader h1.title {
        font-weight: 600;
    }

    #Footer .widgets_wrapper h4 {
        font-size: 20px;
        line-height: 25px;
    }

    #Footer .widgets_wrapper * {
        font-size: 13px;
        line-height: 20px;
    }

    .term-description p {
        width: 80%;
        text-align: justify;
    }

    .desc h4 a {
        font-size: 20px !important;
        font-weight: 600;
        line-height: 25px;
        display: block;
    }

    h2.woocommerce-loop-category__title,
    .search-results .post-title h2 {
        font-size: 25px !important;
        font-weight: 600;
        line-height: 30px;
    }

    .gros-titre,
    .gros-titre * {
        font-size: 30px;
        line-height: 35px !important;
    }

    .moyen-titre,
    .moyen-titre * {
        font-size: 25px;
        line-height: 30px;
    }

    .petit-titre,
    .petit-titre {
        font-size: 20px;
        line-height: 30px;
    }

    .baseline p {
        font-size: 13px;
    }

    /*-taille typo alignement txt-*/

    .btn-contact span {
        color: white;
    }

    .docu figure > .vc_single_image-wrapper.vc_box_border_grey {
        margin-bottom: 0;
    }

    .block-double-txt-img .wpb_column:not(.titre-grand-lien) > div > .wpb_wrapper > .vc_empty_space {
        filter: brightness(0.5);
        transition: 0.5s;
        background-size: auto 100% !important;
    }

    .block-double-txt-img .wpb_column:not(.titre-grand-lien) > div > .wpb_wrapper:hover > .vc_empty_space {
        filter: brightness(1.1);
        transition: 0.5s;
        background-size: auto 100% !important;
    }

    .lien-page a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .lien-page * {
        width: 100%;
        height: 100%;
        display: block;
    }

    .block-double-txt-img .wpb_column:not(.titre-grand-lien) > div > .wpb_wrapper {
        position: relative;
    }

    #Footer .footer_copy * {
        font-size: 12px !important;
    }

    .vc_general.vc_btn3 {
        border-radius: 15px;
        transition: 0.5s;
    }

    a.vc_general.vc_btn3:hover {
        transition: 0.5s;
        background-color: #fa0a0a !important;
    }

    .cerclage,
    .cerclage * {
        width: 240px;
        height: 240px;
        margin: auto;
    }

    .baseline-title {
        font-weight: 100;
    }

    .entry-summary h1.product_title.entry-title {
        /*        color: #FA0000;*/
        font-weight: 600;
    }

    div#Subheader {
        background-color: transparent;
        border: none !important;
        box-shadow: none;
        padding: 0;
    }


    body.page-id-1574 div#Wrapper > div#Header_wrapper > div#Subheader > .container,
    .tax-product_cat div#Wrapper > div#Header_wrapper > div#Subheader > .container,
    .product-template-default div#Wrapper > div#Header_wrapper > div#Subheader > .container {
        /*        width: 100%;*/
        /*        max-width: inherit !important;*/
        padding: 0 !important;
    }

    .tax-product_cat div#Content,
    .product-template-default div#Content {
        margin-top: 0px;
    }

    div#Subheader > .container > .column.one {
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }

    #Subheader:after {
        box-shadow: none !important;
    }

    .wpgs-lightbox-icon::before {
        display: none !important;
    }

    .share-simple-wrapper {
        display: none;
    }

    .section_wrapper .column.one.post-nav.minimal {
        display: none;
    }

    .term-description {
        display: flex;
        flex-wrap: wrap;
    }

    .term-description > ul {
        margin-bottom: 20px;
    }

    .term-description > ul * {
        font-size: 20px;
        line-height: 30px;
    }

    .img-prod-cat {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .img-prod-cat img {
        width: 50%;
    }

    .lien-page * {
        font-weight: 600;
        color: white;
    }

    .lien-page {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        margin: 0 !important;
    }

    .cerclage {
        border-radius: 50%;
    }

    .cerclage * {
        margin: 0 !important;
    }

    .tres-grande-baseline,
    .tres-grande-baseline * {
        font-size: 30px;
        line-height: 50px;
    }

    span.news {
        padding: 10px !important;
        background: black;
        border-radius: 20px;
    }

    section.related.products {
        display: none;
    }

    .titre-gamme,
    .titre-gamme * {
        font-size: 25px;
        line-height: 30px;
        color: #ed0000;
        font-weight: 600;
    }

    .txt-rouge,
    .txt-rouge * {
        color: #ed0000 !important;
    }

    .titre-tres-grand.txt-blanc,
    .titre-tres-grand.txt-blanc * {
        color: white !important;
        text-shadow: none !important;
        font-size: 30px;
        line-height: 40px;
        font-weight: 600;
    }

    .titre-tres-grand,
    titre-tres-grand * {
        font-size: 30px;
        line-height: 40px;
        font-weight: 600;
    }

    .titre-grand,
    titre-grand * {
        font-size: 25px;
        line-height: 30px;
        font-weight: 600;
    }

    .txt-bold-600,
    txt-bold-600 * {
        font-weight: 600;
    }


    .txt-gris {
        color: #9d9797;
    }

    .titre-moyen,
    titre-moyen * {
        font-size: 20px;
        font-weight: 500;
    }

    #btn-fixed {
        position: fixed;
        top: 70%;
        right: 0;
        width: 50px;
        height: 130px;
        transform: translate(0px, -50%);
        display: flex !important;
        z-index: 10000;
        flex-direction: column;
        justify-content: space-around;
    }

    .btn-fixed-tel,
    .btn-fixed-mail {
        height: 50px;
        width: 50px;
        display: flex;
        margin: 0;
        box-shadow: 0 0 5px black;
        animation-name: anime-btn-core-web-vital;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        opacity: 0.9;
        border-radius: 10px;
    }

    /*-mettre la couleur voulu au background-color-*/
    .btn-fixed-tel {
        background-color: #fa0a0a;
        transition: 0.5s;
    }

    .btn-fixed-mail {
        background-color: #fa0a0a;
        transition: 0.5s;
    }

    .btn-fixed-tel:hover,
    .btn-fixed-mail:hover {
        background-color: black !important;
        transition: 0.5s;
    }

    /*-FIN-mettre la couleur voulu au background-color-*/
    /*-mettre l'url de l'image voulu au background-image-*/
    .btn-fixed-tel {
        background-image: url(/wp-content/uploads/2021/09/telephone.png);
        background-position: 50% 25%;
        background-repeat: no-repeat;
        background-size: 50%;
    }

    .btn-fixed-mail {
        background-image: url(/wp-content/uploads/2022/03/email.png);
        background-position: 50% 15%;
        background-repeat: no-repeat;
        background-size: 50%;
    }

    /*-FIN-mettre l'url de l'image voulu au background-image-*/
    .btn-fixed-tel *,
    .btn-fixed-mail * {
        width: 100%;
        height: 100%;
        display: flex;
    }

    .btn-fixed-tel a,
    .btn-fixed-mail a {
        display: flex !important;
        align-items: flex-end;
        justify-content: center;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        padding: 5px;
    }

    .btn-fixed-tel *,
    .btn-fixed-mail * {
        color: white !important;
        text-align: center;
        font-size: 8px !important;
        line-height: 10px !important;
    }

    /*-code-mickael-*/
    .tableau-scroll * {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    .tableau-2-3 {
        padding-right: 5px !important;
    }

    .tableau-1-3 {
        padding-left: 5px !important;
    }

    .tableau-scroll .vc_row {}

    .tableau-scroll .titre-grand-tableau ~ .titre-moyen-tableau {
        border: solid 2px white !important;
    }

    .tableau-scroll .vc_row > .wpb_column .wpb_text_column {
        border: solid 2px white !important;
    }

    .tableau-scroll .titre-grand-tableau {
        border: solid 2px white !important;
    }

    .titre-grand-tableau *,
    .titre-moyen-tableau * {
        font-size: 20px;
        line-height: 30px;
    }

    .titre-petit-tableau * {
        font-size: 15px;
    }

    .info-tableau * {
        font-size: 12px;
    }

    .margin-zero * {
        margin: 0 !important;
    }

    .grande-celulles * {
        height: 100%;
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .tableau-grande-cellules > .vc_column-inner,
    .tableau-grande-cellules > .vc_column-inner > .wpb_wrapper {
        height: 100% !important;
    }

    .tableau-grande-cellules > .vc_column-inner > .wpb_wrapper {
        display: flex;
        flex-direction: column;
    }

    .grande-ligne {
        height: 100%;
    }

    .flex-row-mobile > .wpb_column > div > .wpb_wrapper * {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .flex-row-mobile > .wpb_column > div > .wpb_wrapper {
        height: 100%;
    }

    .block-display-flex > div > .wpb_wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .cellule-chiffre {
        width: 16.6% !important;
    }

    .flex-row-mobile .not-height-100 .wpb_wrapper * {
        height: auto !important;
    }

    .range-4-blocks {
        display: flex;
    }

    .block-5-cellules-en-ligne > div > .wpb_wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .block-5-cellules-en-ligne > div > .wpb_wrapper > div {
        width: 20%;
    }

    .block-4-cellules-en-ligne > div > .wpb_wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .block-4-cellules-en-ligne > div > .wpb_wrapper > div {
        width: 25%;
    }

    .range-4-blocks > div > div > div .cellule-vide {
        background-color: #98dcc5 !important;
    }

    .range-4-blocks > div > div,
    .range-4-blocks > div > div > div {
        height: 100%;
    }

    .range-4-blocks > div > div > div > div {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .range-4-blocks > div > div > div {
        display: flex;
        flex-wrap: wrap;
    }

    /*-couleur-*/

    .couverture .titre-grand-tableau {
        background-color: #7c584a !important;
    }

    .couverture .titre-moyen-tableau {
        background-color: #886558 !important;
    }

    .couverture .titre-petit-tableau {
        background-color: #9c7e73 !important;
    }

    .couverture .info-tableau {
        background-color: #b5a098 !important;
    }

    .couverture .ligne-sombre .info-tableau {
        background-color: #9c7e73 !important;
    }

    .panneau .titre-grand-tableau {
        background-color: #f37a1f !important;
    }

    .panneau .titre-moyen-tableau {
        background-color: #f0944f !important;
    }

    .panneau .titre-petit-tableau {
        background-color: #f09f63 !important;
    }

    .panneau .info-tableau {
        background-color: #efac7a !important;
    }

    .panneau .ligne-sombre .info-tableau {
        background-color: #f09f63 !important;
    }

    .regulateur .titre-grand-tableau {
        background-color: #afbf18 !important;
    }

    .regulateur .titre-moyen-tableau {
        background-color: #c6d441 !important;
    }

    .regulateur .titre-petit-tableau {
        background-color: #d8e46b !important;
    }

    .regulateur .info-tableau {
        background-color: #e4ed8e !important;
    }

    .regulateur .ligne-sombre .info-tableau {
        background-color: #d8e46b !important;
    }

    .support-etanche .titre-grand-tableau {
        background-color: #929497 !important;
    }

    .support-etanche .titre-moyen-tableau {
        background-color: #a8acb2 !important;
    }

    .support-etanche .titre-petit-tableau {
        background-color: #b9bfc7 !important;
    }

    .support-etanche .info-tableau {
        background-color: #cdd4de !important;
    }

    .support-etanche .ligne-sombre .info-tableau {
        background-color: #b9bfc7 !important;
    }

    .panne .titre-grand-tableau {
        background-color: #0053a3 !important;
    }

    .panne .titre-moyen-tableau {
        background-color: #1364b1 !important;
    }

    .panne .titre-petit-tableau {
        background-color: #2c77c0 !important;
    }

    .panne .info-tableau {
        background-color: #438cd2 !important;
    }

    .panne .ligne-sombre .info-tableau {
        background-color: #2c77c0 !important;
    }

    .planche .titre-grand-tableau {
        background-color: #e21e18 !important;
    }

    .planche .titre-moyen-tableau {
        background-color: #e54d49 !important;
    }

    .planche .titre-petit-tableau {
        background-color: #e7726f !important;
    }

    .planche .info-tableau {
        background-color: #e59391 !important;
    }

    .planche .ligne-sombre .info-tableau {
        background-color: #e7726f !important;
    }

    .bardage .titre-grand-tableau {
        background-color: #608f7f !important;
    }

    .bardage .titre-moyen-tableau {
        background-color: #75ae9a !important;
    }

    .bardage .titre-petit-tableau {
        background-color: #84c3ae !important;
    }

    .bardage .info-tableau {
        background-color: #98dcc5 !important;
    }

    .bardage .ligne-sombre .info-tableau {
        background-color: #84c3ae !important;
    }

    /*-couleur-*/

    /*-code-mickael-*/

    .icon-search-fine:before,
    .icon-cancel-fine:before {
        color: white;
    }

    #Top_bar .top_bar_right .top-bar-right-icon,
    #Top_bar .top_bar_right .top-bar-right-icon svg .path {
        color: #fff !important;
        stroke: #fff !important;
    }

    .info-ral > .wpb_column > .vc_column-inner > .wpb_wrapper .wpb_single_image.transparent-color > figure > .vc_single_image-wrapper > img {
        height: auto !important;
    }

    .info-ral.info-ral-text > div > div > div > .wpb_text_column {
        margin: 0 0 5px 0;
    }

    .info-ral.info-ral-text {
        padding-top: 20px !important;
    }

    .info-ral > .wpb_column > .vc_column-inner > .wpb_wrapper .petite-baseline {
        margin: 0 !important;
    }

    .info-ral > .wpb_column {
        float: none !important;
        display: flex;
    }

    .info-ral > .wpb_column > .vc_column-inner > .wpb_wrapper .wpb_single_image {
        margin-bottom: 5px;
    }

    .info-ral > .wpb_column > .vc_column-inner > .wpb_wrapper .titre-petit {
        margin-bottom: 5px;
    }

    .info-ral > .wpb_column > .vc_column-inner > .wpb_wrapper .wpb_single_image > figure > .vc_single_image-wrapper {
        margin: 0;
    }

    .info-ral > .wpb_column > .vc_column-inner > .wpb_wrapper .wpb_single_image > figure > .vc_single_image-wrapper {
        height: 60px !important;
        overflow: hidden;
        display: flex;
        align-items: center;
    }

    div.vc_slide.vc_images_carousel.vc_build {
        margin: 0;
    }

    .img-prod > div > div > div {
        margin: 0;
    }

    .wpb_images_carousel {
        margin: 0 !important;
    }

    .vc_carousel-slideline-inner > .vc_item > .vc_inner {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .titre-tres-grand-prod p {
        font-size: 35px !important;
        line-height: 35px !important;
        font-weight: 700 !important;
    }

    .img-prod .vc_column-inner {
        padding-top: 0 !important;
    }

    #Footer .widgets_wrapper {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #Footer .widgets_wrapper .column {
        margin-bottom: 20px;
    }

    #Footer .widgets_wrapper .widget {
        margin: 0 0 10px 0;
    }

    .block-double-txt-img .wpb_column:not(.titre-grand-lien) .wpb_single_image {
        transition: 0.5s;
        position: relative;
    }

    body.product-template-default a.vc_general {
        color: red !important;
        border-radius: 0;
        background-image: none;
        transition: 0.5s;
    }

    body.product-template-default a.vc_general:hover {
        /*        border-radius: 0;*/
        background-image: none;
        transition: 0.5s;
    }

    body.product-template-default a.vc_btn3-style-custom:hover {
        transition: 0.5s;
        background-color: red !important;
    }

    body.product-template-default a.vc_btn3-style-custom {
        background-color: black !important;
        transition: 0.5s;
        color: white !important;
        border: none !important;
        border-radius: 15px;
    }

    .tableau-une-col > .vc_column-inner > .wpb_wrapper > .tableau-deux-col > div > .vc_column-inner > .wpb_wrapper > div {
        width: 100% !important;
    }

    .tableau-une-col > .vc_column-inner > .wpb_wrapper > .tableau-deux-col > div > .vc_column-inner > .wpb_wrapper .titre-petit-tableau p {
        color: white;
    }

    .tableau-une-col > .vc_column-inner > .wpb_wrapper > .tableau-deux-col > div > .vc_column-inner > .wpb_wrapper .titre-petit-tableau {
        box-sizing: border-box;
        padding: 5px;
        background-color: rgba(0, 0, 0, 0.4);
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tableau-une-col > .vc_column-inner > .wpb_wrapper > .tableau-deux-col > div > .vc_column-inner > .wpb_wrapper {
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .tableau-une-col > .vc_column-inner {
        padding: 0;
    }

    .tableau-une-col > .vc_column-inner > .wpb_wrapper > .tableau-deux-col {
        margin: 0;
    }

    .tableau-une-col > .vc_column-inner > .wpb_wrapper > .tableau-deux-col > div > .vc_column-inner {
        padding: 0;
    }

    .tableau.tableau-accessoire > div > .wpb_wrapper > div {
        margin-bottom: 0;
    }

    .tableau.tableau-accessoire > div > .wpb_wrapper > div .titre-petit-tableau p {
        color: white;
        font-weight: 600;
    }

    .tableau.tableau-accessoire > div > .wpb_wrapper > div .info-tableau p {
        color: black;
    }

    .tableau.tableau-accessoire > div > .wpb_wrapper > div .info-tableau-gris {
        background-color: rgba(0, 0, 0, 0.4) !important;
    }

    .tableau.tableau-accessoire > div > .wpb_wrapper > div .info-tableau {
        box-sizing: border-box;
        padding: 5px;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(0, 0, 0, 0.1);
    }

    .tableau.tableau-accessoire > div > .wpb_wrapper > div .titre-petit-tableau {
        box-sizing: border-box;
        padding: 20px 0;
        background-color: rgba(0, 0, 0, 0.6);
        margin: 0 !important;
        border-left: solid 2px white;
        border-right: solid 2px white;
    }

    .info-ral .transparent-color img {
        opacity: 1;
    }

    .titre-transparent p {
        color: transparent !important;
        cursor: default;
    }

    .info-ral img {
        opacity: 0;
    }

    body:not(.home, .archive, .product_cat_echantillon-de-couleur, .product_cat_echantillons-profils) div#Content {
        padding-top: 0;
    }

    body.archive.term-produit-couverture h1.title,
    body.archive.term-couverture h1.title,
    body.archive.term-accessoire-et-pliage h1.title,
    body.archive.term-plateau-couverture h1.title,
    body.archive.term-support-etancheite h1.title,
    .product_cat_produit-couverture h2.title,
    .product_cat_couverture h2.title,
    .product_cat_support-etancheite h2.title,
    .product_cat_accessoire-et-pliage h2.title,
    .product_cat_couverture-et-pliage h2.title {
        background-image: url(/wp-content/uploads/2022/09/toiture-couverture.jpg);
    }

    body.archive.term-bardage h1.title,
    body.archiveterm-bardage-et-pliage h1.title,
    body.archive.term-pliage-de-bardage h1.title,
    body.archive.term-produit-bardage h1.title,
    body.archive.term-plateau-de-bardage h1.title,
    body.archive.term-pliage h1.title,
    body.archive.term-echantignole h1.title,
    .product_cat_bardage h2.title,
    .product_cat_produit-bardage h2.title,
    .product_cat_plateau-de-bardage h2.title,
    .product_cat_pliage h2.title,
    .postid-1763 h2.title {
        background-image: url(/wp-content/uploads/2022/07/A9lbwpxj_j0q89q_nmw-1.jpg);
    }

    body.archive.term-structure h1.title,
    body.archive.term-coffrage-perdu h1.title,
    body.archive.term-panne h1.title,
    body.archive.term-profilcoffre h1.title,
    body.archive.term-support-technique h1.title,
    body.archive.term-accessoires h1.title,
    body.archive.term-panne-panne h1.title,
    .product_cat_coffrage-perdu h2.title,
    .product_cat_panne-panne h2.title,
    .product_cat_profilcoffre h2.title,
    .product_cat_support-technique h2.title,
    .product_cat_accessoires h2.title,
    .product_cat_panne h2.title,
    body.term-panne-sigma h1.title {
        background-image: url(/wp-content/uploads/2022/09/plancher-structure-pour-batiment.jpg);
    }

    /*
    body.archive.term-vente-en-ligne div#Subheader,
    body.archive.term-couverture-et-pliage div#Subheader,
    body.archive.term-tole-et-plane div#Subheader,
    .single-product.product_cat_visseries-et-fixations div#Subheader {
        background-image: url(/boutique/wp-content/uploads/sites/3/2022/09/toiture-couverture.jpg)
    }

    body.archive.term-bardage-et-pliage div#Subheader {
        background-image: url(/boutique/wp-content/uploads/sites/3/2022/07/specialiste-fabricant-bardage.jpg)
    }

    body.archive.term-tole-et-plane div#Subheader {
        background-image: url(/boutique/wp-content/uploads/sites/3/2022/10/fabricant-tole-plane-en-acier.jpeg)
    }

    body.archive.term-visseries-et-fixations div#Subheader {
        background-image: url(/boutique/wp-content/uploads/sites/3/2022/10/visserie-fixation-pour-bardage.jpg)
    }
*/

    body.archive.term-vente-en-ligne h1.title,
    body.archive.term-couverture-et-pliage h1.title,
    .single-product.product_cat_visseries-et-fixations h1.title {
        background-image: url(/boutique/wp-content/uploads/sites/3/2022/09/toiture-couverture.jpg)
    }

    body.archive.term-bardage-et-pliage h1.title {
        background-image: url(/boutique/wp-content/uploads/sites/3/2022/07/specialiste-fabricant-bardage.jpg)
    }

    body.archive.term-tole-et-plane h1.title {
        background-image: url(/boutique/wp-content/uploads/sites/3/2022/11/fabricant-tole-plane.jpg);
        background-position: center !important;
        background-size: cover;
    }

    .product_cat_tole-et-plane h2.title {
        background-image: url(/boutique/wp-content/uploads/sites/3/2022/10/fabricant-tole-plane-batiment.jpg);
        background-position: center !important;
    }


    .single-product .product_cat_visseries-et-fixations h1.title {
        background-image: url(/boutique/wp-content/uploads/sites/3/2022/10/fabricant-de-tole-plane.jpg);
        background-position: center !important;
    }

    body.archive.term-visseries-et-fixations h1.title,
        {
        background-image: url(/boutique/wp-content/uploads/sites/3/2022/10/visserie-fixation-pour-bardage.jpg)
    }

    body.archive.term-visseries-et-fixations h1.title {
        background-position: center !important;
    }

    .single-product.product_cat_visseries-et-fixations div#Subheader {
        background-size: 100%;
    }

    .single-product.product_cat_visseries-et-fixations div#Subheader ul.breadcrumbs {
        margin: 28px 13px -35px;
    }

    body.archive.term-visseries-et-fixations div#Subheader,
    .single-product.product_cat_visseries-et-fixations div#Subheader,
        {
        background-size: auto 100%;
    }

    h1.title,
    h2.title {
        padding: 60px 0;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: auto 100%;
    }

    .page-id-13 h1.title,
    .page-id-13 h2.title {
        padding: 60px 0;
    }

    body.archive.tax-product_cat ul.breadcrumbs.woocommerce-breadcrumb {
        display: none !important;
    }

    body.page-id-1574 h1.title,
    body.archive.tax-product_cat h1.title,
    .titre-tres-grand p,
    .product_cat_support-etancheite h2.title,
    .product_cat_produits h2.title,
    .single-product h2.title {
        color: white !important;
        font-size: 35px !important;
        line-height: 35px !important;
        font-weight: 700 !important;
        text-shadow: 0px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
        text-transform: uppercase !important;
    }

    footer#Footer .column.one-third:nth-child(3) img {
        width: 100%;
        height: auto;
    }

    /*-page-ensemble-produit-*/
    .image_links.double {
        display: none !important;
    }

    /*
    li.isotope-item {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
*/

    li.isotope-item > .mfn-li-product-row.mfn-li-product-row-image {
        width: 220px !important;
        height: 200px;
        margin: auto !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    li.isotope-item > .mfn-li-product-row.mfn-li-product-row-image > .image_frame.scale-with-grid.product-loop-thumb {
        border: none !important;
    }

    li.isotope-item > .mfn-li-product-row.mfn-li-product-row-image > .image_frame.scale-with-grid.product-loop-thumb > .image_wrapper {
        border: none !important;
    }

    li.isotope-item > .mfn-li-product-row.mfn-li-product-row-image > .image_frame.scale-with-grid.product-loop-thumb > .image_wrapper > a > .mask {
        box-shadow: none !important;
    }

    /*-page-ensemble-produit-*/
    .tableau-petit-d-encart-deux-col > div > div > .wpb_wrapper {
        width: 100%;
    }

    .titre-grand-tableau p {
        color: white;
        font-weight: 600;
    }

    .titre-moyen-tableau p {
        color: white;
    }

    .block-double-txt-img,
    .block-double-img-txt {
        position: relative;
        margin-bottom: 30px;
    }

    .block-double-txt-img .titre-grand-lien .vc_column-inner,
    .block-double-img-txt .titre-grand-lien .vc_column-inner {
        padding: 0 !important;
    }

    .block-double-txt-img .titre-grand-lien .titre-grand,
    .block-double-img-txt .titre-grand-lien .titre-grand {
        margin-bottom: 0;
    }

    .block-double-txt-img .titre-grand-lien .titre-grand p a,
    .block-double-img-txt .titre-grand-lien .titre-grand p a {
        width: 100%;
        display: flex;
        justify-content: center;
        font-size: 20px;
    }

    /*-page-produit-*/
    .titre-grand h2 {
        text-align: center;
        font-size: 45px;
        line-height: 45px;
    }

    .baseline p {
        text-align: center;
        font-size: 13px;
        line-height: 13px;
    }

    .txt-flottant-img:after {
        content: "";
        position: absolute;
        width: 2px;
        height: 50px;
        background-color: red;
        bottom: 100%;
    }

    .txt-flottant-img {
        position: absolute;
        bottom: 10%;
        right: 50%;
        color: red;
        transform: translate(50%, 0px);
        width: 70%;
        text-align: center;
        background: rgba(0, 0, 0, 0.1);
        box-sizing: border-box;
        padding: 5px;
    }

    .tableau,
    .tableau-petit-d {
        box-sizing: border-box;
        padding: 20px 0;
        margin-bottom: 20px;
    }

    .product_cat_couverture .tableau,
    .product_cat_couverture .tableau-petit-d {
        border: none !important;
    }

    .product_cat_couverture a.vc_general {
        background-color: transparent !important;
        transition: 0.5s !important;
        background-image: none !important;
        border: solid 1px dimgrey !important;
    }

    .product_cat_couverture a.vc_general:hover {
        transition: 0.5s;
        /*        border-radius: 50px !important;*/
    }

    .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
        color: black !important;
    }

    .titre-moyen-tableau ~ .vc_row {
        margin-bottom: 10px;
    }

    .tableau-deux-col > div > div > .wpb_wrapper > .titre-petit-tableau,
    .tableau-deux-col > div > div > .wpb_wrapper > .info-tableau {
        width: 50% !important;
    }

    .tableau-petit-d-encart-deux-col {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0;
    }

    .tableau-petit-d-encart-deux-col .vc_col-sm-6 {
        width: 50%;
    }

    .tableau-petit-d-encart-deux-col .vc_col-sm-6 > .vc_column-inner {
        padding: 0;
        background-color: rgba(255, 255, 255, 0.1);
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .tableau-petit-d-encart-deux-col .vc_col-sm-6:nth-child(1) {
        margin-right: auto;
    }

    .tableau-petit-d-encart-deux-col .vc_col-sm-6 > div > .wpb_wrapper > div {
        width: 100% !important;
    }

    .petite-baseline {
        font-size: 10px;
        line-height: 10px;
    }

    .info-ral {
        background-color: rgba(0, 0, 0, 0.1);
        box-sizing: border-box !important;
        padding: 5px;
        display: flex;
    }

    .titre-moyen p {
        font-size: 20px;
        line-height: 30px;
        font-weight: 600;
    }

    .info-ral > .face-b {
        box-sizing: border-box;
        padding: 5px;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .info-ral > .vc_col-sm-6 .wpb_single_image,
    .info-ral > .vc_col-sm-6 .wpb_text_column {
        margin-bottom: 0;
    }

    .info-ral > .vc_col-sm-6 .wpb_single_image > figure > .vc_single_image-wrapper {
        margin-bottom: 10px !important;
    }

    /*--*/
    /*
    body:not(.home, .archive.tax-product_cat) div#Subheader {
        display: none;
    }
*/

    /*
    .section.section_product_before_tabs {
        display: none;
    }
*/

    body:not(.template-slider) #Header {
        min-height: 0;
    }

    /*--*/
    /*-page-produit-*/
    a.tel:hover {
        color: black;
        text-decoration: none;
    }

    a.tel {
        color: white;
    }

    .block-double-txt-img .wpb_column:not(.titre-grand-lien):before,
    .block-double-img-txt .wpb_column:not(.titre-grand-lien):before {
        /*        content: "";*/
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.5);
        top: 0;
        left: 0;
        z-index: 100;
    }

    .block-double-txt-img .wpb_column:not(.titre-grand-lien) h2,
    .block-double-img-txt .wpb_column:not(.titre-grand-lien) h2 {
        position: absolute;
        bottom: 0;
        left: 50%;
        color: white;
        margin: 0;
        font-size: 30px;
        line-height: 30px;
        font-weight: 600;
        transform: translate(-50%, 0);
    }

    footer#Footer .widgets_wrapper .container .column.one-third {
        /*        display: flex;*/
        /*        flex-direction: column;*/
        /*        justify-content: center;*/
        /*        align-items: center;*/
    }

    /*
    footer#Footer .widgets_wrapper .container .column.one-third,
    footer#Footer .widgets_wrapper .container .column.one-third * {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
*/

    body.archive.term-panne .btn-catalogue,
    .product_cat_panne .btn-catalogue,
    body.term-panne-sigma .btn-catalogue {
        display: flex !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1022px) {
    .woocommerce .shop_table td.product-remove {
        position: absolute;
        padding: 0 !important;
    }

    .product_cat_vente-en-ligne .sections_group .product_wrapper {
        padding-top: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1239px) {
    #Top_bar:not(.is-sticky) #logo img {
        width: 400px;
    }

    #Top_bar #logo {
        height: auto;
    }

    #Top_bar .top_bar_right .top_bar_right_wrapper * {
        margin: 0 !important;
    }

    #Top_bar .top_bar_right .top_bar_right_wrapper {
        flex-direction: column;
        justify-content: center;
    }

    #Top_bar .top_bar_right .top_bar_right_wrapper a#search_button {
        margin-top: 20px !important;
    }

    /*
    .price {
        color: #fa0a0a !important;
        font-size: 40px !important;
        font-weight: 600 !important;
        margin-top: 10px !important;
        line-height: 40px !important;
    }
*/

    .term-echantillon-de-couleur .woocommerce ul.products.columns-3 li.product {
        width: 33% !important;
        margin: 0;
    }

    .tax-product_cat span.perfo {
        color: #fa0a0a;
    }

    .tax-product_cat span.appuis {
        font-weight: 100;
        font-size: 15px;
    }

    .product-template-default span.perfo {
        color: #000;
    }

    .product-template-default span.appuis {
        font-weight: 100;
        font-size: 25px;
    }
}

@media only screen and (min-width: 768px) {

    .mfn-variations-wrapper > .mfn-vr > label {
        width: 40% !important;
        margin: 0 !important;
    }

    .mfn-variations-wrapper > .mfn-vr > select {
        width: 60% !important;
    }

    .single_variation_wrap > .woocommerce-variation-add-to-cart > button {}

    .single_variation_wrap > .woocommerce-variation-add-to-cart > .quantity {
        width: 40% !important;
        margin-right: 13px !important;
    }

    ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
        width: 48%;
        margin: 0;
        padding: 10px;
    }

    ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
        display: flex;
        flex-wrap: wrap;
    }

    .woocommerce .shop_table td {
        padding: 20px !important;
        position: relative;
    }

    tr.woocommerce-cart-form__cart-item.cart_item td.product-name {
        padding-top: 50px !important;
    }

    .woocommerce .shop_table .product-remove a.remove {
        position: absolute;
        top: 100%;
        margin: 0 !important;
        right: 0;
        padding: 10px 20px !important;
        font-size: 20px;
        line-height: 20px;
    }

    /*
    .tax-product_cat div#Content,
    .product-template-default div#Content {
        margin-top: 20px;
    }
*/

    h1.title,
    h2.title {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    p.soit-visserie {
        font-size: 18px;
    }

    /*
    span.price.ht,
    span.price.ht * {
        font-size: 15px !important;
    }
*/

    /*
    span.price.ttc,
    span.price.ttc * {
        font-size: 25px !important;
        margin: 0 !important;
    }
*/


    .product_cat_vente-en-ligne .sections_group {
        padding-top: 0;
    }

    .mfn-variations-wrapper > .mfn-vr > label {
        width: 130px;
    }

    .mfn-variations-wrapper > .mfn-vr > select.mfn-vr-select {
        width: 200px;
    }

    .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-page ul.products[class*=columns-] li.product {
        margin-bottom: 0;
    }

    section.up-sells.upsells.products ul.products {
        display: flex;
        flex-wrap: wrap;
    }

    section.up-sells.upsells.products h3 {
        padding-left: 15px;
    }

    .product_image_wrapper.column.three-fifth {
        padding-top: 0;
    }

    .liste-cara-col:nth-child(1) {
        margin-bottom: 0;
    }

    .liste-cara ~ .wpb_column > .vc_column-inner {
        justify-content: flex-start !important;
    }

    h1.title,
    h2.title {
        padding: 80px 0;
    }

    .attributs span.prix-metre-carre.hors-taxe {
        font-size: 20px;
    }

    .attributs,
    .attribut * {
        font-size: 18px;
    }

    /*
    .attributs span.prix-metre-carre {
        font-size: 25px;
    }
*/

    .woocommerce-variation-price span.price {
        font-size: 40px !important;
        line-height: 50px !important;
        color: #fa0a0a !important;
    }

    body.page-id-1574 div#Wrapper > div#Header_wrapper > div#Subheader > .container,
    .tax-product_cat div#Wrapper > div#Header_wrapper > div#Subheader > .container,
    .product-template-default div#Wrapper > div#Header_wrapper > div#Subheader > .container {
        width: 100%;
        max-width: inherit !important;
    }

    .term-tole-et-plane .mcb-sidebar,
    .term-bardage-et-pliage .mcb-sidebar,
    .term-visseries-et-fixations .mcb-sidebar,
    .product_cat_vente-en-ligne .mcb-sidebar {
        display: none;
    }

    .term-tole-et-plane .sections_group,
    .term-bardage-et-pliage .sections_group,
    .term-visseries-et-fixations .sections_group,
    .product_cat_vente-en-ligne .sections_group {
        width: 100% !important;
    }

    .widget:not(.widget_block) > h3 {
        font-size: 18px;
        line-height: 22px;
        font-weight: 600;
    }


    a.tag-cloud-link.tag-link-97.tag-link-position-1 {
        font-size: 17px !important;
    }

    a.tag-cloud-link.tag-link-96.tag-link-position-2 {
        font-size: 17px !important;
        display: flex;
        line-height: 25px;
    }

    a.tag-cloud-link.tag-link-99.tag-link-position-3 {
        font-size: 17px !important;
        display: flex;
    }

    a.tag-cloud-link.tag-link-98.tag-link-position-4 {
        font-size: 17px !important;
        display: flex;
        line-height: 29px;

    }

    .tres-gros-titre {
        font-size: 33px;
        font-weight: 600;
        line-height: 36px;
    }

    #Footer .widgets_wrapper figure img {
        width: 80%;
        height: auto;
    }


    /*-taille typo alignement txt-*/
    .product_wrapper h1.product_title.entry-title,
    .search-results div#Subheader h1.title {
        font-size: 25px !important;
        line-height: 30px;
    }

    #Footer .widgets_wrapper h4 {
        font-size: 18px;
        line-height: 20px;
    }

    #Footer .widgets_wrapper * {
        font-size: 13px;
        line-height: 20px;
    }

    .term-description p {
        width: 80%;
        text-align: justify;
    }

    .desc h4 a {
        margin-bottom: 10px;
    }

    h2.woocommerce-loop-category__title,
    .search-results .post-title h2 {
        font-size: 20px !important;
        font-weight: 600;
        line-height: 25px;
    }

    .gros-titre,
    .gros-titre * {
        font-size: 25px;
        line-height: 30px !important;
    }

    .moyen-titre,
    .moyen-titre * {
        font-size: 20px;
        line-height: 25px;
    }

    .petit-titre,
    .petit-titre {
        font-size: 18px;
        line-height: 20px;
    }

    .baseline p {
        font-size: 13px;
    }

    /*-taille typo alignement txt-*/

    footer#Footer .widgets_wrapper .container {
        display: flex !important;
        /*        flex-direction: column;*/
        /*        justify-content: center;*/
        /*        align-items: flex-start;*/
        /*        max-width: inherit !important;*/
        /*        width: 100% !important;*/
        /*        margin: 0 !important;*/
        /*        padding: 0 !important;*/
    }

    footer#Footer .widgets_wrapper .container .column.one-third {
        /* display: flex; */
        /* flex-direction: column; */
        /* justify-content: center; */
        /* align-items: center; */
        width: 25%;
    }

    footer#Footer .widgets_wrapper .container .column.one-third:nth-child(2) {
        margin: 0 auto;
    }

    footer#Footer .widgets_wrapper .container .column.one-third:nth-child(1) img {
        width: 100%;
        height: auto;
    }

    .wpgs-for.slick-initialized.slick-slider {
        width: 300px;
        height: 300px;
        margin: auto;
    }

    .section_wrapper .product_wrapper > .entry-summary.column.two-fifth {
        text-align: inherit;
    }

    .section_wrapper .product_wrapper {
        padding-top: 30px;
    }

    .section_wrapper .product_wrapper {
        display: flex !important;
        flex-direction: row-reverse;
        align-items: center;
    }

    .section_wrapper .product_wrapper > div {
        margin: 0 !important;
        width: 50%;
        box-sizing: border-box;
        padding: 20px;
    }

    .img-prod-cat {
        width: 30%;
    }

    .img-prod-cat img {
        width: 70%;
    }

    /*
    .lien-page * {
        font-size: 25px;
        line-height: 25px !important;
    }
*/

    /*-code-marion-*/


    .titre-grand-tableau {
        width: 100%;
    }

    .cellule-chiffre * {
        font-size: 12px !important;
    }

    .cellule-vide-fixe {
        display: none;
    }

    .tableau-100-100 > .vc_column-inner {
        padding: 0;
    }

    .variant-tableau-2-3_1-3 .titre-moyen-tableau ~ .vc_row {
        margin-bottom: 5px;
    }

    .tableau-petit-d .info-tableau {
        margin-bottom: 5px;
        border-bottom: solid 2px white;
        border-right: solid 2px white;
        border-left: solid 2px white;
    }

    .tableau-petit-d .info-tableau p {
        font-size: 10px;
        color: black;
        font-weight: 600;
    }

    .block-1-2_1-2-mobile > div > .wpb_wrapper {
        flex-direction: row !important;
        flex-wrap: inherit !important;
    }

    /*-code-marion-*/
    .tableau-petit-d > .vc_column-inner > .wpb_wrapper > div:nth-child(2) {
        margin-bottom: 0;
    }

    .tableau-petit-d .wpb_single_image * {
        margin: 0;
    }

    .tableau-accessoire > div > div > div > div > .vc_column-inner {
        padding: 0;
    }

    .tableau.tableau-accessoire > div > .wpb_wrapper > div .titre-petit-tableau {
        height: 60px;
    }

    .tableau-accessoire > div > .wpb_wrapper > div > div > div > .wpb_wrapper .info-tableau {
        height: 40px;
    }

    .tableau-accessoire > div > .wpb_wrapper > div > div > div > .wpb_wrapper .info-tableau-double-h {
        height: 80px !important;
    }

    .tableau-accessoire > div > .wpb_wrapper > div {
        margin: 0;
    }

    body.archive.tax-product_cat div#Subheader,
    h2.title {
        background-size: cover;
    }

    body.page-id-1574 h1.title,
    body.archive.tax-product_cat h1.title,
    .titre-tres-grand p,
    .product_cat_produits h2.title {
        font-size: 50px !important;
        line-height: 50px !important;
    }

    .titre-tres-grand-prod p {
        font-size: 50px !important;
        line-height: 50px !important;
    }

    footer#Footer h2 {
        font-size: 20px;
    }

    .img-prod {
        background-size: 70%;
        background-position: 100% 50%;
    }

    .mobile-only {
        display: none;
    }

    /*-page-produits-*/
    .tableau-petit-d {
        width: 44%;
    }

    .tableau {
        width: 55%;
        margin-right: 1%;
    }

    .tableau > .vc_column-inner,
    .tableau-petit-d > .vc_column-inner {
        padding: 0;
    }

    .titre-moyen {
        margin-bottom: 10px !important;
    }

    .titre-moyen,
    .titre-moyen ~ div {
        margin-bottom: 10px !important;
    }

    .baseline p {
        text-align: inherit;
    }

    .titre-grand {
        margin-bottom: 10px !important;
    }

    /*-page-produits-*/
}

@media only screen and (min-width: 1023px) and (max-width: 1239px) {}

@media only screen and (min-width: 1023px) {

    .single_variation_wrap > .woocommerce-variation-add-to-cart > .quantity {
        margin-right: 20px !important;
    }

    p.woocommerce-shipping-destination {
        text-align: center;
    }

    .woocommerce table.shop_table td {
        line-height: 25px;
    }

    .woocommerce .shop_table .product-remove a.remove {
        top: 0;
    }

    .woocommerce .products ul,
    .woocommerce ul.products {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .woocommerce.columns-4 ul.products li.product,
    .woocommerce ul.products.columns-4 li.product {
        width: 30%;
    }

    /*
    span.price.ht,
    span.price.ht * {
        font-size: 20px !important;
    }
*/

    /*
    span.price.ttc,
    span.price.ttc * {
        font-size: 30px !important;
    }
*/


    .mfn-variations-wrapper > .mfn-vr > label {
        width: 200px;
    }

    li.isotope-item > .mfn-li-product-row.mfn-li-product-row-image {
        width: 280px !important;
        height: 280px;
    }

    .attributs,
    .attribut * {
        font-size: 20px;
    }

    .attributs span.prix-metre-carre {
        font-size: 30px;
    }

    .attributs span.prix-metre-carre.hors-taxe {
        font-size: 25px;
    }

    body.archive.tax-product_cat ul.breadcrumbs.woocommerce-breadcrumb {
        display: block !important;
    }

    ul.products.columns-3.grid {
        display: flex;
        flex-wrap: wrap;
    }

    .woocommerce ul.products.columns-3 li.product {
        width: 49%;
        margin: 0;
    }

    .entry-summary h1.product_title.entry-title {
        font-size: 35px !important;
        line-height: 40px !important;
    }

    .term-description ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    /*
    .lien-page * {
        font-size: 40px;
        line-height: 40px !important;
    }
*/

    #btn-fixed {
        width: 70px;
        height: 170px;
    }

    .btn-fixed-tel,
    .btn-fixed-mail {
        height: 70px;
        width: 70px;
    }

    .btn-fixed-tel *,
    .btn-fixed-mail * {
        font-size: 12px !important;
        line-height: 15px !important;
    }

    .block-coordonnees form.wpcf7-form.init {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .block-coordonnees form.wpcf7-form.init .col-md-12.inp1:nth-child(5),
    .block-coordonnees form.wpcf7-form.init .col-md-12.inp1:nth-child(2),
    .block-coordonnees form.wpcf7-form.init .col-md-12.inp1:nth-child(3),
    .block-coordonnees form.wpcf7-form.init .col-md-12.inp1:nth-child(4) {
        width: 49%;
    }

    .block-coordonnees form.wpcf7-form.init .col-md-12.inp1 {
        width: 100%;
        margin: 5px 0;
    }

    .block-coordonnees form.wpcf7-form.init .col-md-12.inp1 {
        width: 100%;
        margin: 5px 0;
    }

    footer#Footer h2 {
        font-size: 30px;
    }
}

@media only screen and (min-width: 1240px) {

    /*-catalogue-*/
    .btn-catalogue {
        width: 340px;
        height: 250px;
        right: -290px;
        transition: 0.5s;
        bottom: 120%;
    }

    .btn-catalogue:before {
        left: 1px;
        width: 250px;
        transform: rotate(-90deg) translate(0px, -95px);
        align-items: center;
        font-size: large;
        font-weight: 500;
        transition: 0.5s;
        top: 105px;
    }

    a.catalogue-btn {
        align-items: end;
        padding: 30px;
    }

    a.catalogue-btn:before {
        content: "";
        position: absolute;
        top: 30px;
        left: 50%;
        transform: translate(-50%, 0px);
        width: 80px;
        height: 80px;
        background-image: url(/wp-content/uploads/2024/05/download-pdf.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
    }

    /*-catalogue-*/

    .mfn-variations-wrapper > .mfn-vr > label {
        width: 25% !important;
        margin: 0 !important;
    }

    .mfn-variations-wrapper > .mfn-vr > select {
        width: 75% !important;
    }

    .single_variation_wrap > .woocommerce-variation-add-to-cart > .quantity {
        width: 20% !important;
        margin-right: 25px !important;
    }

    .attributs span.prix-metre-carre.hors-taxe sup {
        font-size: 10px !important;
    }

    span.price.ttc {
        min-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
    }

    p.soit-visserie span.price.ht {
        margin: 0 !important;
    }

    .page-id-14 h1.title {
        padding: 80px 0;
    }

    .order_details ul.wc-item-meta li {
        display: flex !important;
        align-items: center;
    }

    .order_details ul.wc-item-meta p {
        font-size: 20px;
        line-height: 20px !important;
    }

    .attributs span.prix-metre-carre,
    span.price.inc-vat-price,
    span.price.inc-vat-price,
    span.price.ttc,
    span.price.ttc *,
    span.price.inc-vat-price,
    span.price.inc-vat-price * {
        font-size: 20px !important;
        line-height: 25px !important;
        font-weight: 600 !important;
        color: #fa0a0a !important;
    }

    p.soit-visserie,
    p.soit-visserie * {
        font-size: 15px;
        line-height: 25px !important;

    }

    /*
    .archive p.soit-visserie,
    .archive p.soit-visserie * {
        justify-content: center !important;
    }
*/

    .single-product p.soit-visserie,
    .single-product p.soit-visserie * {
        justify-content: left !important;
    }

    /*
    span.price.ht,
    span.price.ht * {
        line-height: 25px !important;
    }

    span.price.ht,
    span.price.ht * {
        font-size: 15px !important;
        line-height: 5px !important;
    }
*/

    /*
    span.price.ttc,
    span.price.ttc * {
        font-size: 25px !important;
        line-height: 30px !important
    }
*/

    .liste-cara ~ .wpb_column > .vc_column-inner h3 {
        font-size: 20px;
        line-height: 25px;
    }

    .espace-10-margin-0 .vc_empty_space {
        margin: 0;
        height: 0 !important;
    }

    .mfn-variations-wrapper > .mfn-vr > label {
        width: 290px;
    }

    .mfn-variations-wrapper > .mfn-vr > select.mfn-vr-select {
        width: 260px;
    }

    .price {
        color: #fa0a0a !important;
        font-size: 30px !important;
        font-weight: 600 !important;
        margin-top: 10px !important;
    }

    .woocommerce-product-details__short-description,
    .woocommerce-product-details__short-description * {
        margin-bottom: 10px !important;
    }

    section.up-sells.upsells.products h3 {
        font-size: 20px;
        line-height: 20px;
    }

    .woocommerce .product.style-default .entry-summary .product_meta {
        align-items: flex-start !important;
    }

    span.tagged_as,
    span.tagged_as *,
    span.posted_in,
    span.posted_in * {
        font-size: 15px !important;
    }

    .woocommerce .mfn-variations-wrapper .mfn-vr label {
        font-size: 15px;
    }

    .prix-carre {
        font-size: 20px;
        line-height: 20px;
        font-weight: 600;
    }

    .price * {
        font-size: 25px;
        line-height: 30px;
    }

    .entry-summary h1.product_title.entry-title {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    p {
        font-size: 15px;
        line-height: 20px;
        font-weight: 400;
        letter-spacing: 0px;
    }

    .encart-rouge,
    .encart-rouge > div > div > .wpb_wrapper > .vc_row.wpb_row.vc_inner.vc_row-fluid {
        display: flex;
        align-items: center;
    }

    .docu > div > .wpb_wrapper > .vc_row:nth-child(3) > .wpb_column:last-child {
        height: 200px !important;
        display: flex;
        align-items: center;
    }

    .product_cat_pliage-de-bardage.product_cat_bardage .docu > div > .wpb_wrapper > .vc_row:nth-child(3) > .wpb_column:last-child,
    .product_cat_accessoire-et-pliage.product_cat_couverture .docu > div > .wpb_wrapper > .vc_row:nth-child(3) > .wpb_column:last-child {
        height: inherit !important;
    }

    .docu ~ .wpb_column {
        align-items: flex-start !important;
        padding-top: 35px;
    }

    .txt-rouge.titre-grand {
        margin-bottom: 30px !important;
    }

    h3,
    .woocommerce ul.products li.product h3 {
        font-size: 25px;
        line-height: 30px;
    }

    h1.title,
    h2.title {
        padding: 150px 0;
    }

    .attributs br {
        display: none;
    }

    .attributs {
        display: flex;
        flex-direction: column;
    }


    .term-echantillon-de-couleur.woocommerce ul.products.columns-3 li.product {
        width: 32%;
        margin: 0;
    }

    .product-template-default span.perfo {
        color: #000;
        font-size: 43px;
        line-height: 50px;
    }

    .product-template-default span.appuis {
        font-weight: 100;
        font-size: 15px;
        line-height: 20px;
    }

    .tax-product_cat span.perfo {
        color: #fa0a0a;
    }

    .tax-product_cat span.appuis {
        font-weight: 100;
        font-size: 15px;
    }

    h1.title,
    h2.title {
        background-position: 50% 0%;
        background-size: auto 150%;
    }

    .btn-service {
        position: initial !important;
    }

    .btn-service:hover > ul.sub-menu {
        width: 90%;
        left: 53% !important;
        transform: translate(-50%, -10px);
        display: flex !important;
        justify-content: space-between;
        background-image: none !important;
        background-color: #505050 !important;
    }

    .btn-service:hover > ul.sub-menu * {
        color: white;
        font-size: 15px;
        border: none !important;
        box-shadow: none !important;
        background-image: none !important;
    }

    .btn-service:hover > ul.sub-menu > li > ul.sub-menu {
        position: relative !important;
        left: inherit !important;
        display: flex !important;
        flex-direction: column !important;
        margin: 0 !important;
        background: none !important;
    }

    .btn-service:hover > ul.sub-menu > li {
        padding-top: 250px !important;
    }

    .btn-service:hover > ul.sub-menu > li > ul.sub-menu > li > a {
        box-sizing: border-box !important;
    }

    .btn-service:hover > ul.sub-menu > li > ul.sub-menu > li > a,
    .btn-service:hover > ul.sub-menu > li > a {
        box-sizing: border-box !important;
    }

    .btn-service:hover > ul.sub-menu > li:before {
        content: "";
        position: absolute;
        top: 5%;
        left: 5%;
        width: 90%;
        height: 50%;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100%;
        ;
    }

    .btn-service:hover > ul.sub-menu > li.btn-echantillon:before {
        background-image: url(/wp-content/uploads/2022/09/echantillon-profil-1.jpeg);
        background-size: 100%;
    }

    .btn-service:hover > ul.sub-menu > li.btn-echanti-couleur:before {
        background-image: url(/wp-content/uploads/2022/09/a__6_1.jpg);
        background-size: 200%;
    }

    .btn-service:hover > ul.sub-menu > li.btn-documentation:before {
        background-image: url(/wp-content/uploads/2022/09/a__4_1.jpg);
        background-size: 140%;
    }

    .btn-service:hover > ul.sub-menu > li.btn-support:before {
        background-image: url(/wp-content/uploads/2022/09/P61S2Y11.jpg);
    }

    .btn-service:hover > ul.sub-menu > li > ul.sub-menu > li {
        width: 100% !important;
        transition: 0.5s !important;
    }

    .btn-service:hover > ul.sub-menu > li > ul.sub-menu > li:hover {
        transition: 0.5s;
        background-color: red;
    }

    .btn-service:hover > ul.sub-menu > li > ul.sub-menu > li:hover > a {
        padding-left: 50px !important;
    }

    .menu.menu-main > li.btn-service > ul.sub-menu > li > a > span {
        font-size: 20px !important;
        text-transform: uppercase;
        font-weight: 600;
        text-shadow: 2px 2px 10px black;
    }

    div#Top_bar > .container {
        max-width: inherit !important;
    }

    .widget:not(.widget_block) > h3 {
        font-size: 20px !important;
        line-height: 20px !important;
        font-weight: 400 !important;
    }

    a.tag-cloud-link.tag-link-97.tag-link-position-1 {
        font-size: 17px !important;
    }

    a.tag-cloud-link.tag-link-96.tag-link-position-2 {
        font-size: 17px !important;
        display: flex !important;
        line-height: 25px !important;
    }

    a.tag-cloud-link.tag-link-99.tag-link-position-3 {
        font-size: 17px !important;
        display: flex !important;
    }

    a.tag-cloud-link.tag-link-98.tag-link-position-4 {
        font-size: 17px;
        display: flex;
        line-height: 29px;
    }

    .tres-gros-titre {
        font-size: 50px;
        font-weight: 600;
        line-height: 51px;
    }

    .single-product h2.title {
        font-size: 50px !important;
        line-height: 50px !important;
    }

    .product-template-default div#Wrapper > div#Header_wrapper > div#Subheader > .container {
        width: 100%;
        max-width: inherit !important;
    }

    #Top_bar.is-sticky .menu_wrapper {
        margin: 0;
    }

    #Top_bar.is-sticky .top_bar_left {
        justify-content: space-between;
        display: flex !important;
    }

    #Top_bar.is-sticky .top_bar_right {
        display: none;
    }

    div#Top_bar > .container > .column.one {
        width: 100%;
        margin: 0 !important;
    }

    #Top_bar .logo {
        margin: 0 10px 0 20px;
    }

    /*-taille typo alignement txt-*/

    /*
    .product_wrapper h1.product_title.entry-title,
    .search-results div#Subheader h1.title {
        font-size: 40px !important;
        line-height: 50px;
    }
*/

    #Footer .widgets_wrapper h4 {
        font-size: 25px;
        line-height: 30px;
    }

    #Footer .widgets_wrapper * {
        font-size: 15px;
        line-height: 20px;
    }

    .term-description p {
        width: 80%;
        text-align: justify;
    }

    .desc h4 a {
        font-size: 18px !important;
        font-weight: 600;
        line-height: 20px !important;
    }

    .attributs,
    .attribut * {
        font-size: 20px;
    }

    .attributs span.prix-metre-carre.hors-taxe {
        font-size: 15px;
    }

    body:not(.single-product) .attributs > span.prix-metre-carre {
        min-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
    }

    h2.woocommerce-loop-category__title,
    .search-results .post-title h2 {
        font-size: 25px !important;
        font-weight: 600;
        line-height: 30px;
    }

    .gros-titre,
    .gros-titre * {
        font-size: 40px;
        line-height: 40px !important;
    }

    .moyen-titre,
    .moyen-titre * {
        font-size: 30px;
        line-height: 30px;
    }

    .petit-titre,
    .petit-titre {
        font-size: 25px;
        line-height: 40px;
    }

    .baseline p {
        font-size: 15px;
    }

    /*-taille typo alignement txt-*/
    .docu figure > .vc_single_image-wrapper.vc_box_border_grey {
        margin-bottom: 0;
    }

    .liste-cara > div > .wpb_wrapper {
        height: 100%;
    }

    .liste-cara > div > .wpb_wrapper > .vc_row {
        height: 100%;
    }

    .liste-cara-col {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /*
    .menu.menu-main > li.btn-service:hover > ul.sub-menu > li:hover {
        transition: 0.5s;
        background-color: red;
    }
*/

    .menu.menu-main > li.btn-service > ul.sub-menu > li {
        width: 100% !important;
    }

    /*
    .menu.menu-main > li.btn-service:hover > ul.sub-menu > li:hover a {
        padding-left: 60px !important;
    }
*/

    .menu.menu-main > li.btn-service:hover > ul.sub-menu * {
        color: white;
        font-size: 15px;
        border: none !important;
        box-shadow: none !important;
        background-image: none !important;
    }

    .btn-service ul.sub-menu {
        background-color: #505050 !important;
        width: 100%;
    }

    .btn-service ul.sub-menu * {
        color: white;
    }

    #Footer .widgets_wrapper {
        width: 1240px;
        margin: auto;
    }

    #Top_bar.is-sticky .menu .btn-contact {
        height: 60px !important;
    }

    #Top_bar.is-sticky .menu .btn-contact > a {
        line-height: inherit !important;
        display: flex !important;
        height: 100% !important;
        padding: 5px 0 !important;
        box-sizing: border-box;
    }

    #Top_bar.is-sticky .menu .btn-contact > a span {
        height: 100%;
        display: flex;
        align-items: center;
        border-radius: 10px;
    }

    footer#Footer .widgets_wrapper .container {
        flex-direction: row;
        align-items: center;
    }

    #Footer .widgets_wrapper .column {
        margin-bottom: 0;
    }

    /*-code-mickael-*/

    .grande-ligne {
        display: flex;
    }

    .tableau-scroll {
        display: flex;
    }

    .flex-row-mobile > .wpb_column > div > .wpb_wrapper {
        height: 100%;
    }

    .flex-desktop > .wpb_column {
        display: flex;
    }

    .flex-desktop {
        display: flex;
    }

    /*-code-mickael-*/
    .display-none-desktop {
        display: none;
    }

    .tableau-scroll > div > .vc_column-inner,
    .range-12-cellules > div > .vc_column-inner {
        padding: 0 !important;
    }

    .tableau.tableau-accessoire > div > .wpb_wrapper > div .titre-petit-tableau {
        height: 70px;
    }

    .tableau-accessoire > div > .wpb_wrapper > div > div > div > .wpb_wrapper .info-tableau-double-h {
        height: 100px !important;
    }

    .tableau-accessoire > div > .wpb_wrapper > div > div > div > .wpb_wrapper .info-tableau {
        height: 50px;
    }

    .btn-contact a span:hover {
        background-color: white;
        color: red;
        transition: 0.5s;
    }

    .btn-contact a span {
        transition: 0.5s;
        border-radius: 20px;
        background-color: black;
    }

    .titre-moyen-tableau ~ .vc_row .wpb_column .vc_column-inner,
    .tableau-deux-col .wpb_column .vc_column-inner {
        padding: 0;
    }

    .vc_row,
    .vc_row.vc_column-gap-20 {
        margin-left: 0;
        margin-right: 0;
    }

    .img-prod {
        background-position: 100% 100%;
        background-size: 55%;
    }

    .block-double-txt-img .wpb_column:not(.titre-grand-lien):hover h2 {
        transition: 0.5s;
    }

    .block-double-txt-img .wpb_column:not(.titre-grand-lien) h2 {
        transition: 0.5s;
    }

    .block-double-txt-img .wpb_column:not(.titre-grand-lien):nth-child(1),
    .block-double-txt-img .wpb_column:not(.titre-grand-lien):nth-child(2) {
        margin: auto !important;
    }

    .block-double-txt-img,
    .block-double-img-txt {
        flex-direction: row;
    }

    .block-double-txt-img .wpb_column:not(.titre-grand-lien) {
        margin: auto !important;
        transition: 0.5s;
    }

    .block-double-txt-img .wpb_column:not(.titre-grand-lien) .wpb_single_image figure a img {
        transition: 0.5s;
    }

    .block-double-txt-img .wpb_column:not(.titre-grand-lien):hover figure a img {
        transform: scale(1.1);
        transition: 0.5s;
    }

    .block-double-txt-img .wpb_column:not(.titre-grand-lien) .wpb_single_image figure a {
        overflow: hidden;
    }

    .block-double-txt-img .wpb_column:not(.titre-grand-lien) h2,
    .block-double-img-txt .wpb_column:not(.titre-grand-lien) h2 {
        font-size: 40px;
        line-height: 40px;
    }

    /*-header-*/
    .menu.menu-main > li.btn-produits:hover > ul.sub-menu > li > ul.sub-menu > li:hover a {
        padding-left: 50px !important;
    }

    .menu.menu-main > li.btn-produits:hover > ul.sub-menu > li > ul.sub-menu > li {
        width: 100% !important;
        transition: 0.5s;
    }

    .menu.menu-main > li.btn-produits:hover > ul.sub-menu > li > ul.sub-menu > li:hover {
        transition: 0.5s;
        background-color: red;
    }

    .menu.menu-main > li.btn-produits:hover > ul.sub-menu > li > a * {
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 600;
        text-shadow: 2px 2px 10px black;
    }

    .menu.menu-main > li.btn-produits:hover > ul.sub-menu > li > a:hover {
        background: none !important;
    }

    .menu.menu-main > li.btn-produits:hover > ul.sub-menu > li:before {
        content: "";
        position: absolute;
        top: 5%;
        left: 5%;
        width: 90%;
        height: 40%;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .menu.menu-main > li.btn-produits:hover > ul.sub-menu > li.btn-couv:before {
        background-image: url(/wp-content/uploads/2022/09/toiture-couverture-menu.jpg);
    }

    .menu.menu-main > li.btn-produits:hover > ul.sub-menu > li.btn-structure:before {
        background-image: url(/wp-content/uploads/2022/09/plancher-structure-menu.jpg);
    }

    .menu.menu-main > li.btn-produits:hover > ul.sub-menu > li.btn-bard:before {
        background-image: url(/wp-content/uploads/2022/09/mur-bardage-menu.jpg);
    }

    #Top_bar .menu li ul li a .menu-arrow {
        display: none;
    }

    .menu.menu-main > li.btn-produits:hover > ul.sub-menu * {
        color: white;
        font-size: 15px;
        border: none !important;
        box-shadow: none !important;
        background-image: none !important;
    }

    .menu.menu-main > li.btn-produits:hover > ul.sub-menu {
        width: 90%;
        left: 50% !important;
        transform: translate(-50%, -10px);
        display: flex !important;
        justify-content: space-between;
        background-image: none !important;
        background-color: #505050 !important;
    }

    .menu.menu-main > li.btn-produits:hover > ul.sub-menu > li {
        width: 33.33% !important;
        padding-top: 250px !important;
    }

    .menu.menu-main > li.btn-produits:hover > ul.sub-menu > li > ul.sub-menu {
        display: flex !important;
        position: relative !important;
        flex-direction: column;
        left: 0 !important;
        background-color: transparent !important;
        box-sizing: border-box;
        padding: 10px;
    }

    /*
    #Top_bar:not(.is-sticky) .top_bar_left {
        padding-top: 40px;
    }
*/

    #Top_bar .top_bar_left {
        display: flex;
        width: 100% !important;
        position: relative !important;
    }

    .menuo-right #Top_bar .menu_wrapper,
    body:not(.header-simple) #Top_bar #menu,
    .menu.menu-main,
    .menu.menu-main > li.btn-produits {
        position: initial !important;
        margin: 0 auto 0 0;
        transition: 0.5s;
    }

    /*
    .top_bar_right {
        position: absolute !important;
        bottom: 0;
        right: 0;
        height: 90px;
    }
*/

    .logo {
        z-index: 10;
    }

    #Top_bar .banner_wrapper {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        flex-wrap: wrap;
        transition: 0.5s;
    }

    #Top_bar .banner_wrapper img {
        width: 25px;
        margin-right: 5px;
        transition: 0.5s;
    }

    a.tel {
        display: flex;
        align-items: center;
        transition: 0.5s;
    }

    a.btn-panier {
        margin-right: 8px;
        transition: 0.5s;
    }

    a.btn-panier:hover {
        transform: scale(1.1);
        filter: contrast(0) brightness(3.5);
        transition: 0.5s;
    }

    /*
    #Top_bar .banner_wrapper a.tel {
        font-size: 20px;
        line-height: 35px;
        font-weight: 600;
    }
*/

    /*-header-*/
    .titre-grand h2 {
        text-align: inherit;
    }

    #Top_bar .search_wrapper {
        top: 100%;
        left: 53%;
        transform: translate(-50%, 0px);
    }

    #Top_bar.is-sticky .top_bar_right {
        bottom: initial !important;
        top: 0;
        height: 100%;
    }
}

@media only screen and (min-width: 1240px) and (max-width: 1440px) {
    nav#menu > ul {
        display: flex;
    }

    nav#menu > ul * {
        font-size: 13px !important;
    }
}

@media only screen and (min-width: 1366px) {
    #Top_bar .banner_wrapper img {
        width: 40px;
    }

    a.btn-panier {
        margin-right: 30px;
        transition: 0.5s;
    }

    .menuo-right #Top_bar .menu_wrapper {
        margin: 0 auto 0 5%;
    }
}

@media only screen and (min-width: 1440px) {
    ul.products.columns-3.grid {
        justify-content: center;
    }

    .woocommerce.columns-4 ul.products li.product,
    .woocommerce ul.products.columns-4 li.product {
        width: 23%;
    }
}

@media only screen and (min-width: 1536px) {
    .desc h4 a {
        min-height: 40px;
    }

    .woocommerce ul.products.columns-3 li.product {
        width: 25%;
    }

    /*
    span.price.ht,
    span.price.ht * {
        font-size: 15px !important;
    }

    span.price.ttc,
    span.price.ttc * {
        font-size: 20px !important;
    }
*/

    . .woocommerce ul.products.columns-3 li.product {
        width: 25%;
        margin: 0;
    }

    /*
    .desc h4 a {
        font-size: 20px !important;
        font-weight: 600;
    }
*/

    .attributs,
    .attribut * {
        font-size: 18px;
    }

    .attributs span.prix-metre-carre {
        font-size: 20px;
    }

    .attributs span.prix-metre-carre.hors-taxe {
        font-size: 18px;
    }

    li.isotope-item > .mfn-li-product-row.mfn-li-product-row-image {
        width: 210px !important;
        height: 180px;
        margin: auto !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .with_aside .sections_group {
        width: 80%;
    }

    .with_aside .sidebar.columns {
        width: 20%;
        position: absolute;
        right: 75px;
    }

    a.tag-cloud-link.tag-link-97.tag-link-position-1 {
        font-size: 20px !important;
    }


    a.tag-cloud-link.tag-link-96.tag-link-position-2 {
        font-size: 20px !important;
    }

    a.tag-cloud-link.tag-link-99.tag-link-position-3 {
        font-size: 20px !important;
    }

    a.tag-cloud-link.tag-link-98.tag-link-position-4 {
        font-size: 20px !important;
        display: flex !important;
        line-height: 40px !important;
    }

    body.archive.term-produit-couverture div#Subheader,
    body.archive.term-couverture div#Subheader,
    body.archive.term-accessoire-et-pliage div#Subheader,
    body.archive.term-plateau-couverture div#Subheader,
    body.archive.term-support-etancheite div#Subheader,
    .product_cat_produit-couverture h2.title,
    .product_cat_couverture h2.title,
    .product_cat_support-etancheite h2.title,
    .product_cat_accessoire-et-pliage h2.title {
        background-position: 50% 0%;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .tres-gros-titre {
        font-size: 60px;
        font-weight: 600;
        line-height: 55px;
    }


}

@media only screen and (min-width: 1600px) {}

@media only screen and (min-width: 1700px) {}

@media only screen and (min-width: 1800px) {}

@media only screen and (min-width: 1920px) {

    a.tag-cloud-link.tag-link-97.tag-link-position-1 {
        font-size: 23px !important;
    }


    a.tag-cloud-link.tag-link-96.tag-link-position-2 {
        font-size: 23px !important;
    }

    a.tag-cloud-link.tag-link-99.tag-link-position-3 {
        font-size: 23px !important;
    }

    a.tag-cloud-link.tag-link-98.tag-link-position-4 {
        font-size: 23px !important;
        display: flex !important;
        line-height: 40px !important;
    }

    .tres-gros-titre {
        font-size: 70px;
        font-weight: 600;
        line-height: 60px;
    }

    .widget:not(.widget_block) > h3 {
        font-size: 25px;
        line-height: 22px;
        font-weight: 600;
    }
}

/*-profilc-*/