/*
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: 1
*/

/*-strafil-*/

/* bandeau cookie*/
/* bandeau cookie*/

.d2b {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

a {
    text-decoration: none !important;
}

.peu-fort,
.peu-fort * {
    font-weight: 500;
}

.moyen-fort,
.moyen-fort * {
    font-weight: 600;
}

.fort,
.fort * {
    font-weight: 700;
}

.tres-fort,
.tres-fort * {
    font-weight: 800;
}

.tres-tres-fort,
.tres-tres-fort * {
    font-weight: 900;
}

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

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

.txt-noir,
.txt-noir * {
    color: black !important;
}

.txt-bleu,
.txt-bleu * {
    color: #0e3798;
}

.txt-bleu-fonce,
.txt-bleu-fonce * {
    color: #3e5d9e;
}

.txt-vert,
.txt-vert * {
    color: #009F4A;
}

.txt-rouge,
.txt-rouge * {
    color: #bd000a;
}

.txt-orange,
.txt-orange * {
    color: #fb8704;
}

.txt-jaune,
.txt-jaune * {
    color: #ffab00;
}

.txt-violet,
.txt-violet * {
    color: #A84D97;
}

@keyframes move_eye {
    from {
        right: 0px;
        transform: scale(1)
    }

    to {
        right: -10px;
        transform: scale(0.95)
    }
}

@-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);
    }
}

html {
    scroll-behavior: smooth;
}

.upper,
.upper * {
    text-transform: uppercase;
}

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

    #Action_bar .contact_details li.mail {
        margin-bottom: 20px !important;
    }
}

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

@media only screen and (min-width: 0px) and (max-width: 1239px) {
    .top_bar_right {
        position: absolute !important;
        left: 15px !important;
        width: 50px !important;
        top: 18px !important;
    }

    /*----------------code-1240---------------------*/

    .tour-un.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading {
        background-color: #0881c7 !important;
    }

    .habillage-jaune .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading {
        background-color: #ffab00 !important;
    }

    .tour-un .vc_tta-panel-heading {
        border-color: transparent !important;
        background-color: transparent !important;
    }

    .habillage-jaune .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading h4.vc_tta-panel-title * {
        color: white !important;
    }

    .tour-un.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
        border: none;
    }

    /*-----------cards---------------*/

    .carousel {
        position: relative;
        width: 100%;
        overflow: hidden;
        margin: 0;
    }

    .cards {
        display: flex;
        transition: transform 0.3s ease;
    }

    .card {
        flex: 0 0 280px;
        min-width: 300px;
        height: 500px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
    }

    .fleches {
        position: absolute;
        top: 77%;
        width: 281px;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0 !important;
        z-index: 100;
    }

    .arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        background-color: black;
        color: #fff;
        font-size: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .arrow-left {
        left: 10px;
    }

    .arrow-right {
        right: 10px;
    }

    .encart-txt-secteur {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
    }

    .encart-txt-secteur > div > p:first-child br {
        display: none;
    }

    input.plus-encart-txt {
        width: 50px !important;
        height: 50px;
        opacity: 0;
        z-index: 100;
        display: flex !important;
        position: absolute;
        bottom: 0px;
        right: 0px;
        margin: 0;
        cursor: pointer;
    }

    input.plus-encart-txt ~ span.plus {
        opacity: 1;
    }

    input.plus-encart-txt:checked ~ span.plus {
        opacity: 0;
    }

    span.plus {
        width: 50px !important;
        height: 50px;
        display: flex !important;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 0px;
        right: 0px;
        margin: 0;
        background-color: white;
        font-size: 50px;
        color: black;
        z-index: 90;
    }

    span.moins {
        width: 50px !important;
        height: 50px;
        display: flex !important;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 0px;
        right: 0px;
        margin: 0;
        background-color: white;
        font-size: 55px;
        padding-bottom: 10px;
        color: black;
        z-index: 80;
    }

    .card > div > .wpb_wrapper {
        position: relative;
    }

    .encart-txt-secteur > div > p {
        position: absolute;
        right: 50%;
        transform: translate(50%, 0px);
        bottom: 10px;
        font-size: 15px;
        line-height: 15px;
        left: inherit !important;
        box-sizing: border-box;
        width: 250px;
        height: 300px;
        overflow: hidden;
    }

    input.plus-encart-txt:checked ~ span.txt {
        bottom: 0;
        right: 0;
    }

    input.plus-encart-txt ~ span.txt {
        padding: 10px 50px 10px 10px;
        width: 250px;
        transition: 0.5s;
        margin-left: 0 !important;
        height: 200px;
        bottom: -150px;
        right: -200px;
    }

    span.txt {
        background-color: #ffffffb3;
        display: block;
        position: absolute;
        z-index: 10;
        white-space: pre-wrap;
    }

    /*-----------cards---------------*/

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

    .habillage-titre > div {
        display: flex;
        justify-content: flex-start;
    }

    .habillage-titre > div > p,
    .habillage-titre > div > h1,
    .habillage-titre > div > h2,
    .habillage-titre > div > h3 {
        position: relative;
        padding: 10px;
        border: 1px solid white;
    }

    .habillage-rouge .habillage-titre > div > p {
        border: 1px solid #bd000a;
    }

    .habillage-jaune .habillage-titre > div > p {
        border: 1px solid #ffab00;
    }

    .habillage-noir .habillage-titre > div > p {
        border: 1px solid #000000;
    }

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

    .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a {
        border-color: transparent !important;
        background-color: #0881c7 !important;
    }

    .habillage-jaune .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a {
        background-color: #ffab00 !important;
    }

    .habillage-jaune .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a * {
        color: black !important;
    }

    .habillage-jaune .tour-un .btn-tour > .vc_general {
        background-color: #ffab00 !important;
        color: black !important;
    }

    .habillage-jaune .tour-un .btn-tour > .vc_general:hover {
        background-color: #c81d22 !important;
        color: white !important;
        transition: 0.5s;
    }

    .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a {
        border-color: transparent !important;
        background-color: transparent !important;
    }

    .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
        border-color: transparent !important;
        background-color: transparent !important;
    }

    .vc_tta.vc_general .vc_tta-panel-body {
        padding: 0 !important;
    }

    .range-txt-btn {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
    }

    .range-txt-btn > .wpb_column:first-child {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .btn-tour > .vc_general {
        background-color: #0881c7 !important;
        border-color: transparent !important;
        transition: 0.5s;
    }

    .range-txt-btn > .wpb_column {
        padding: 20px 20px 0 20px;
    }

    .btn-tour > .vc_general:hover {
        background-color: #c81d22 !important;
        color: white !important;
        transition: 0.5s;
    }

    .vc_general:not(.vc_tta-controls-align-left):hover {
        background-color: #c81d22 !important;
        color: white !important;
        transition: 0.5s;
    }

    ul.contact_details {
        display: flex;
        flex-direction: column-reverse;
    }

    #Action_bar .contact_details li {
        margin: 0 !important;
    }

    #Action_bar .contact_details li > i:before {
        opacity: 0;
    }

    i.icon-mail-line {
        background-image: url(/wp-content/uploads/2023/05/new-email-button.png);
    }

    i.icon-phone {
        background-image: url(/wp-content/uploads/2023/05/phone-call-square-button.png);
    }

    #Action_bar .contact_details li > i {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        filter: brightness(0);
    }

    .header-stack #Action_bar > .container > .column.one {
        display: flex;
        justify-content: center;
    }

    .header-stack #Action_bar > .container {
        padding: 0 !important;
    }

    .header-stack #Action_bar * {
        font-size: 20px;
        font-weight: 700;
    }

    .header-stack #Top_bar .secondary_menu_wrapper {
        top: inherit;
        bottom: 80px;
        right: 0;
    }

    #Header .secondary-menu > li:hover > a {
        transition: 0.5s;
        color: #c81d22;
    }

    #Header .secondary-menu > li > a {
        color: white;
        transition: 0.5s;
    }

    #Header .secondary-menu > li.hover,
    #Header .secondary-menu li ul {
        background: transparent;
    }

    .header-stack #Top_bar .logo {
        border: none;
    }

    #Top_bar .menu > li > a span:not(.description) {
        border: none;
    }

    .btn-contact:hover {
        background: #0b517a;
        transition: 0.5s;
    }

    .btn-contact {
        background: #c81d22;
        transition: 0.5s;
    }

    .btn-contact:hover * {
        color: white !important;
    }

    .sticky-tb-color #Top_bar.is-sticky {
        background-image: url(/wp-content/uploads/2023/05/fond-body-1.jpg);
        background-position: 50%;
        background-size: contain;
    }

    .header-stack #Top_bar.is-sticky .logo {
        height: 100%;
    }

    #Top_bar.is-sticky #logo {
        padding: 0 !important;
        height: 100% !important;
    }

    #Top_bar.is-sticky #logo img.logo-sticky {
        max-height: inherit;
        height: 100% !important;
    }

    .sticky-tb-color #Top_bar.is-sticky > .container > .column.one {
        height: 100%;
    }

    .header-stack.header-center #Top_bar:not(.is-sticky) .menu_wrapper > nav#menu {
        width: 100%;
        display: flex !important;
        justify-content: center;
    }

    .header-stack.header-center #Top_bar:not(.is-sticky) .menu_wrapper > nav#menu > ul#menu-main-menu {
        width: 100%;
        display: flex !important;
        justify-content: space-between;
    }

    .tr-menu.header-stack.ab-show #Top_bar:not(.is-sticky) {
        top: 0 !important;
    }

    #Header_wrapper,
    .header-stack #Top_bar:not(.is-sticky),
    #Top_bar #menu {
        background: transparent !important;
    }

    html {
        background-size: 100% 100%;
    }

    .pos-abs-bot-zero {
        position: absolute;
        bottom: 0;
    }

    .vc_btn3-container.pos-abs-bot-zero {
        width: 100%;
    }

    footer ul#menu-main-menu-1 {
        list-style: none;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    footer ul#menu-main-menu-1 > li {
        width: 100%;
        text-align: center;
    }

    #Footer .widget_nav_menu ul li:after {
        opacity: 0;
    }

    footer .btn-contact {
        background: transparent;
    }

    .column.mobile-one.tablet-one-third.one-third > .mcb-column-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .mfn-footer h4 {
        text-align: center;
    }

    /*
    .coor {
        width: 60%;
        margin: auto;
    }
*/

    footer [class^="icon-"]:before {
        opacity: 0;
    }

    footer i {
        background-size: contain;
        margin-right: 10px;
    }

    footer ul.contact_details {
        align-items: flex-start;
    }

    .the_content_wrapper ul li ul {
        list-style: circle;
    }

    .titre-secteur {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0px);
        width: 100%;
        background-color: #00000066;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .titre-secteur * {
        color: white;
    }

    /*----------------code-1240---------------------*/
}

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

    .news:after {
        content: "";
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translate(0px, -50%);
        width: 35px;
        height: 35px;
        background-image: url(/wp-content/uploads/2023/12/06-add-file_300.png);
        background-position: 50% 60%;
        background-size: 200%;
        background-repeat: no-repeat;
        -webkit-font-smoothing: subpixel-antialiased;
    }

    .header-stack #Top_bar .logo #logo {
        height: 120px;
    }

    .header-stack #Top_bar .logo #logo img {
        height: 120px;
        max-height: 120px !important;
    }

    span.btn-secteur {
        position: absolute;
        bottom: 20px;
        z-index: 10;
        left: 20px;
        padding: 10px;
        background-color: #00000029;
        opacity: 0;
    }

    input.plus-encart-txt:checked ~ span.btn-secteur {
        opacity: 1;
        transition: 0.5s;
        transition-delay: 1s;
    }

    span.btn-secteur * {
        color: black;
    }

    body {
        background-image: url(/wp-content/uploads/2023/09/fond-body-1.jpg);
        background-repeat: repeat;
        background-size: cover;
        background-position: 50% !important;
    }

    .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav {
        opacity: 1 !important;
    }

    .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next,
    .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev {
        opacity: 1 !important;
        transition: 0s !important;
    }


    section.woocommerce-customer-details {
        display: none;
    }

    .woocommerce a.button:not(.default) {
        background-color: #c81d22 !important;
    }


    .button-default .woocommerce .button.alt {
        background-color: #c81d22;
    }

    .woocommerce .woocommerce-order-downloads :last-child {
        color: #000;
    }

    .woocommerce-thankyou-order-received:before {
        color: #c81d22;
    }

    .woocommerce-thankyou-order-received {
        color: #ffffff;
    }

    .mfn-checkout-steps li.active .mfn-step-number {
        background: #c81d22;
    }

    #Top_bar .header-cart-count {
        background-color: #c81d22;
    }

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


    span.price {
        display: none !important;
    }

    .price {
        display: none;
    }

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

    footer ul#menu-main-menu-1 ul.sub-menu {
        display: none !important;
    }

    .titre-bandeau h2,
    .titre-bandeau h3,
    .titre-bandeau p {

        padding: 20px 0px;
    }

    .titre-bandeau,
    .titre-bandeau * {
        font-weight: 800;
        text-transform: uppercase;
    }

    a.fixed-nav.fixed-nav-prev.format-.style-default {
        display: none;
    }

    .section.section-post-header {
        display: none;
    }

    .section.section-post-intro-share {
        display: none;
    }

    .section.section-post-about {
        display: none;
    }

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

    #btn-fixed {
        background-image: url();
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: 100%;
        opacity: 0.6;
        transition: 0.5s;
    }

    #btn-fixed:hover {
        opacity: 1;
        transition: 0.5s;
    }

    .btn-fixed-tel,
    .btn-fixed-mail {
        height: 50px;
        width: 50px;
        display: flex;
        margin: 0;
        opacity: 1;
        transition: 0.5s;
        right: 0;
        transition: 0.5s;
    }

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

    /*-mettre la couleur voulu au background-color/img-*/
    .btn-fixed-tel {
        background-image: url(/wp-content/uploads/2023/05/phone-call-square-button.png);
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: 70%;
        margin-bottom: 10px;
    }

    .btn-fixed-mail {
        background-image: url(/wp-content/uploads/2023/05/new-email-button.png);
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: 70%;
    }

    /*-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;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        flex-direction: column;
        justify-content: end;
    }

    .btn-fixed-tel a,
    .btn-fixed-mail a {
        padding-bottom: 5px
    }

    .btn-fixed-mail a {
        background-image: url();
        background-position: 50% 25%;
        background-repeat: no-repeat;
        background-size: 30%;
    }

    .btn-fixed-tel a {
        background-image: url();
        background-position: 50% 25%;
        background-repeat: no-repeat;
        background-size: 30%;
    }

    .btn-fixed-tel a i,
    .btn-fixed-mail a i {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

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

    /*----------------btn-flottant---------------------*/
}

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

    .espace-img-tour {
        height: 250px !important;
    }

    .range-txt-btn > .wpb_column:first-child {
        height: 250px;
    }
}

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

    .range-txt-btn > .wpb_column:first-child {
        width: 80%;
    }

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

@media only screen and (min-width: 768px) and (max-width: 1239px) {
    .top_bar_right {
        top: 40px !important;
    }

    /*----------------code-1240---------------------*/
    /*-----------cards---------------*/
    .header-stack #Action_bar {
        background-color: white;
    }

    ul.contact_details {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-around;
    }

    footer ul.contact_details {
        flex-direction: column;
    }

    .header-stack #Top_bar .secondary_menu_wrapper {
        top: 0;
    }

    #Header .secondary-menu > li > a {
        color: black;
        transition: 0.5s;
    }

    .header-stack.header-center #Top_bar:not(.is-sticky) .menu_wrapper {
        position: absolute;
        right: 0 !important;
        width: 50px;
        top: 50%;
    }

    /*-----------cards---------------*/
    /*----------------code-1240---------------------*/
}

@media only screen and (min-width: 768px) {
    .news {
        margin-left: 30px !important;
        margin-right: 20px !important;
        border-bottom: 2px solid black;
        border-radius: 0 !important;
    }

    .news:after {
        content: "";
        position: absolute;
        right: -28px;
        top: -5%;
        transform: translate(0px, -50%);
        width: 35px;
        height: 35px;
        background-image: url(/wp-content/uploads/2023/12/06-add-file_300.png);
        background-position: 50% 60%;
        background-size: 200%;
        background-repeat: no-repeat;
        -webkit-font-smoothing: subpixel-antialiased;
    }
}

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

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

    .titre-bandeau,
    .titre-bandeau * {
        font-size: 45px;
        line-height: 60px;
    }


    /*----------------btn-flottant---------------------*/
    #btn-fixed {
        width: 70px;
    }

    .btn-fixed-tel,
    .btn-fixed-mail {
        height: 70px;
        width: 70px;
        filter: brightness(0);
    }

    .btn-fixed-tel a,
    .btn-fixed-mail a {
        background-position: 50% 30%;
        background-repeat: no-repeat;
        background-size: 50%;
    }

    .btn-fixed-tel a {
        background-image: url();
    }

    .btn-fixed-mail a {
        background-image: url();
    }

    .btn-fixed-tel:hover,
    .btn-fixed-mail:hover {}

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

    /*----------------btn-flottant---------------------*/
}

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

    #Top_bar a#header_cart .header-cart-count {

        width: 25px;
        line-height: 25px;
        font-size: 15px;
    }

    .fa,
    .fas {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        color: #000;
        font-size: 35px;
    }

    .header-stack #Top_bar .top_bar_right {
        position: absolute;
        left: 0px;
        bottom: 100px;
    }

    .woocommerce-product-gallery__image {
        width: 300px;
    }

    #Top_bar .menu > li.current-menu-item > a,
    #Top_bar .menu > li.btn-contact.current_page_item > a {
        color: #ffffff;
    }

    .demi-encart.demi-encart-g {
        padding-left: calc(100% - 580px);
    }

    .demi-encart.demi-encart-d {
        padding-right: calc(100% - 580px);
    }

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

    /*-----------cards---------------*/
    .carousel {
        position: relative;
        width: 100%;
        overflow: hidden;
        margin: 0;
    }

    .cards {
        display: flex;
        transition: transform 0.3s ease;
    }

    .card {
        flex: 0 0 25%;
        min-width: 300px;
        height: 500px;
        margin: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
    }

    .fleches {
        position: absolute;
        top: 77%;
        width: 1215px;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0 !important;
        z-index: 100;
    }

    .arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        background-color: black;
        color: #fff;
        font-size: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .arrow-left {
        left: 10px;
    }

    .arrow-right {
        right: 10px;
    }

    .encart-txt-secteur {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
    }

    .encart-txt-secteur > div > p:first-child br {
        display: none;
    }

    input.plus-encart-txt {
        width: 50px !important;
        height: 50px;
        opacity: 0;
        z-index: 100;
        display: flex !important;
        position: absolute;
        bottom: 0px;
        right: 0px;
        margin: 0;
        cursor: pointer;
    }

    input.plus-encart-txt ~ span.plus {
        opacity: 1;
    }

    input.plus-encart-txt:checked ~ span.plus {
        opacity: 0;
    }

    span.plus {
        width: 50px !important;
        height: 50px;
        display: flex !important;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 0px;
        right: 0px;
        margin: 0;
        background-color: white;
        font-size: 50px;
        color: black;
        z-index: 90;
    }

    span.moins {
        width: 50px !important;
        height: 50px;
        display: flex !important;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 0px;
        right: 0px;
        margin: 0;
        background-color: white;
        font-size: 55px;
        padding-bottom: 10px;
        color: black;
        z-index: 80;
    }

    .card > div > .wpb_wrapper {
        position: relative;
    }

    .encart-txt-secteur > div > p {
        position: absolute;
        right: 50%;
        transform: translate(50%, 0px);
        bottom: 10px;
        font-size: 15px;
        line-height: 15px;
        left: inherit !important;
        box-sizing: border-box;
        width: 250px;
        height: 300px;
        overflow: hidden;
    }

    input.plus-encart-txt:checked ~ span.txt {
        bottom: 0;
        right: 0;
    }

    input.plus-encart-txt ~ span.txt {
        padding: 10px 50px 10px 10px;
        width: 250px;
        transition: 0.5s;
        margin-left: 0 !important;
        height: 200px;
        bottom: -150px;
        right: -200px;
    }

    span.txt {
        background-color: #ffffffb3;
        display: block;
        position: absolute;
        z-index: 10;
        white-space: pre-wrap;
    }

    /*-----------cards---------------*/

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

    .habillage-titre > div {
        display: flex;
        justify-content: flex-start;
    }

    .habillage-titre > div > p,
    .habillage-titre > div > h1,
    .habillage-titre > div > h2,
    .habillage-titre > div > h3 {

        position: relative;
        padding: 20px;
        border: 1px solid white;
    }

    .habillage-rouge .habillage-titre > div > p {
        border: 1px solid #bd000a;
    }

    .habillage-jaune .habillage-titre > div > p {
        border: 1px solid #ffab00;
    }

    .habillage-noir .habillage-titre > div > p {
        border: 1px solid #000000;
    }

    .baseline-titre,
    .baseline-titre * {
        font-size: 20px;
        line-height: 20px;
        padding-left: 5px;
    }

    .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a {
        border-color: transparent !important;
        background-color: #0881c7 !important;
    }

    .habillage-jaune .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a {
        background-color: #ffab00 !important;
    }

    .habillage-jaune .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a * {
        color: black !important;
    }

    .habillage-jaune .tour-un .btn-tour > .vc_general {
        background-color: #ffab00 !important;
        color: black !important;
    }

    .habillage-jaune .tour-un .btn-tour > .vc_general:hover {
        background-color: #c81d22 !important;
        color: white !important;
        transition: 0.5s;
    }

    .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a {
        border-color: transparent !important;
        background-color: transparent !important;
    }

    .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
        border-color: transparent !important;
        background-color: transparent !important;
    }

    .vc_tta.vc_general .vc_tta-panel-body {
        padding: 0 !important;
    }

    .range-txt-btn {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
    }

    .range-txt-btn > .wpb_column:first-child {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .btn-tour > .vc_general {
        background-color: #0881c7 !important;
        border-color: transparent !important;
        transition: 0.5s;
    }

    .range-txt-btn > .wpb_column {
        padding: 20px 20px 0 20px;
    }

    .btn-tour > .vc_general:hover {
        background-color: #c81d22 !important;
        color: white !important;
        transition: 0.5s;
    }

    .vc_general:not(.vc_tta-controls-align-left):hover {
        background-color: #c81d22 !important;
        color: white !important;
        transition: 0.5s;
    }

    .header-stack #Action_bar {
        position: absolute !important;
        left: inherit !important;
        right: 0;
        width: 300px;
        background-color: transparent;
        z-index: 35;
    }

    ul.contact_details {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-end;
    }

    #Action_bar .contact_details li {
        margin: 0 !important;
    }

    #Action_bar .contact_details li > i:before {
        opacity: 0;
    }

    i.icon-mail-line {
        background-image: url(/wp-content/uploads/2023/05/new-email-button.png);
    }

    i.icon-phone {
        background-image: url(/wp-content/uploads/2023/05/phone-call-square-button.png);
    }

    #Action_bar .contact_details li > i {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        filter: brightness(0);
    }

    .header-stack #Action_bar > .container > .column.one {
        display: flex;
        justify-content: end;
        padding: 0 20px 0 0 !important;
    }

    .header-stack #Action_bar > .container {
        padding: 0 !important;
    }

    .header-stack #Action_bar * {
        font-size: 20px;
        font-weight: 700;
    }

    .header-stack #Top_bar .secondary_menu_wrapper {
        top: inherit;
        bottom: 80px;
        right: 0;
    }

    #Header .secondary-menu > li:hover > a {
        transition: 0.5s;
        color: #c81d22;
    }

    #Header .secondary-menu > li > a {
        color: white;
        transition: 0.5s;
    }

    #Header .secondary-menu > li.hover,
    #Header .secondary-menu li ul {
        background: transparent;
    }

    .header-stack #Top_bar .logo {
        border: none;
    }

    #Top_bar .menu > li > a span:not(.description) {
        border: none;
    }

    .btn-contact:hover {
        background: #0b517a;
        transition: 0.5s;
    }

    .btn-contact {
        background: #c81d22;
        transition: 0.5s;
    }

    .btn-contact:hover * {
        color: white !important;
    }

    .sticky-tb-color #Top_bar.is-sticky {
        background-image: url(/wp-content/uploads/2023/05/fond-body-1.jpg);
        background-position: 50%;
        background-size: contain;
    }

    .header-stack #Top_bar.is-sticky .logo {
        height: 100%;
    }

    #Top_bar.is-sticky #logo {
        padding: 0 !important;
        height: 100% !important;
    }

    #Top_bar.is-sticky #logo img.logo-sticky {
        max-height: inherit;
        height: 100% !important;
    }

    .sticky-tb-color #Top_bar.is-sticky > .container > .column.one {
        height: 100%;
    }

    .header-stack.header-center #Top_bar:not(.is-sticky) .menu_wrapper > nav#menu {
        width: 100%;
        display: flex !important;
        justify-content: center;
    }

    .header-stack.header-center #Top_bar:not(.is-sticky) .menu_wrapper > nav#menu > ul#menu-main-menu {
        width: 100%;
        display: flex !important;
        justify-content: space-between;
    }

    .tr-menu.header-stack.ab-show #Top_bar:not(.is-sticky) {
        top: 0 !important;
    }

    #Header_wrapper,
    .header-stack #Top_bar:not(.is-sticky),
    #Top_bar #menu {
        background: transparent !important;
    }

    html {
        background-size: 100% 100%;
    }

    .pos-abs-bot-zero {
        position: absolute;
        bottom: 0;
    }

    .vc_btn3-container.pos-abs-bot-zero {
        width: 100%;
    }

    footer ul#menu-main-menu-1 {
        list-style: none;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    footer ul#menu-main-menu-1 ul.sub-menu {
        display: none;
    }

    footer ul#menu-main-menu-1 > li {
        width: 100%;
        text-align: center;
    }

    #Footer .widget_nav_menu ul li:after {
        opacity: 0;
    }

    footer .btn-contact {
        background: transparent;
    }

    .column.mobile-one.tablet-one-third.one-third > .mcb-column-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .mfn-footer h4 {
        text-align: center;
    }

    /*
    .coor {
        width: 60%;
        margin: auto;
    }
*/

    footer [class^="icon-"]:before {
        opacity: 0;
    }

    footer i {
        background-size: contain;
        margin-right: 10px;
    }

    footer ul.contact_details {
        align-items: flex-start;
    }

    .the_content_wrapper ul li ul {
        list-style: circle;
    }

    .titre-secteur {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0px);
        width: 100%;
        background-color: #00000066;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .titre-secteur * {
        color: white;
    }

    /*----------------mega-menu-secteurs---------------------*/
    .btn-sec,
    .btn-pro {
        position: inherit !important;
    }

    .btn-sec > ul.sub-menu {
        width: 800px;
        flex-wrap: wrap;
        left: 50% !important;
        transform: translate(-50%, 0px);
        justify-content: space-evenly;
    }

    .btn-pro > ul.sub-menu {
        width: 100%;
        flex-wrap: wrap;
        left: 50% !important;
        transform: translate(-50%, 0px);
        justify-content: space-evenly;
    }

    .btn-sec:hover > ul.sub-menu,
    .btn-pro:hover > ul.sub-menu {
        display: flex !important;
    }

    .btn-sec > ul.sub-menu > li {
        width: 32% !important;
        height: 170px;
        margin: 6px 0;
        background-color: gray;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .btn-pro > ul.sub-menu > li {
        width: 19% !important;
        height: 170px;
        margin: 6px 0;
        background-color: gray;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .btn-med {
        background-image: url(/wp-content/uploads/2023/06/medical.jpg);
    }

    .btn-trans {
        background-image: url(/wp-content/uploads/2023/06/transport-1.jpg);
    }

    .btn-indu {
        background-image: url(/wp-content/uploads/2023/06/industrie.jpg);
    }

    .btn-alim {
        background-image: url(/wp-content/uploads/2023/06/alimentaire.jpg);
    }

    .btn-agr {
        background-image: url(/wp-content/uploads/2023/06/agricole.jpg);
    }

    .btn-elec {
        background-image: url(/wp-content/uploads/2023/06/electronique.jpg);
    }

    .btn-com {
        background-image: url(/wp-content/uploads/2023/06/communication.jpg);
    }

    .btn-dom {
        background-image: url(/wp-content/uploads/2023/06/domestique.jpg);
    }

    .btn-btp {
        background-image: url(/wp-content/uploads/2023/06/btp.jpg);
    }

    .btn-pro > ul.sub-menu > li.btn-pan:before {
        background-image: url(/wp-content/uploads/2023/09/Conception-panier-en-fil-metallique-sans-filtre.jpg);
    }

    .btn-pro > ul.sub-menu > li.btn-pan:after {
        background-image: url(/wp-content/uploads/2023/09/Conception-panier-en-fil-metallique.jpg);
    }

    .btn-pro > ul.sub-menu > li.btn-piece-usi:before {
        background-image: url(/wp-content/uploads/2023/09/cintrage-de-fil-metallique-sans-filtre.jpg);
    }

    .btn-pro > ul.sub-menu > li.btn-piece-usi:after {
        background-image: url(/wp-content/uploads/2023/09/cintrage-de-fil-metallique.jpg);
    }

    .btn-pro > ul.sub-menu > li.btn-treillis:before {
        background-image: url(/wp-content/uploads/2023/09/fabricant-treillis-metallique.jpg);
    }

    .btn-pro > ul.sub-menu > li.btn-treillis:after {
        background-image: url(/wp-content/uploads/2023/09/conception-treillis-sur-mesure.jpg);
    }

    .btn-pro > ul.sub-menu > li.btn-deb:before {
        background-image: url(/wp-content/uploads/2023/09/Fournisseur-de-fil-metallique-sans-filtre.jpg);
    }

    .btn-pro > ul.sub-menu > li.btn-deb:after {
        background-image: url(/wp-content/uploads/2023/09/Fournisseur-de-fil-metallique.jpg);
    }

    .btn-pro > ul.sub-menu > li.btn-simcom:before {
        background-image: url(/wp-content/uploads/2023/09/Realisation-de-piece-simple-et-complexe-metallique-sans-filtre.jpg);
    }

    .btn-pro > ul.sub-menu > li.btn-simcom:after {
        background-image: url(/wp-content/uploads/2023/09/Realisation-de-piece-simple-et-complexe-metallique.jpg);
    }

    .btn-pro > ul.sub-menu > li.btn-pet-gra:before {
        background-image: url(/wp-content/uploads/2023/09/Conception-de-petites-et-grandes-pieces-metalliques-sans-filtre.jpg);
    }

    .btn-pro > ul.sub-menu > li.btn-pet-gra:after {
        background-image: url(/wp-content/uploads/2023/09/Conception-de-petites-et-grandes-pieces-metalliques.jpg);
    }

    .btn-pro > ul.sub-menu > li.btn-ron-rec:before {
        background-image: url(/wp-content/uploads/2023/09/Conception-de-grille-metallique-ronde-ou-rectangulaire-sans-filtre.jpg);
    }

    .btn-pro > ul.sub-menu > li.btn-ron-rec:after {
        background-image: url(/wp-content/uploads/2023/09/Conception-de-grille-metallique-ronde-ou-rectangulaire.jpg);
    }

    .btn-pro > ul.sub-menu > li.btn-ress:before {
        background-image: url(/wp-content/uploads/2023/09/Conception-de-ressort-sur-mesure-sans-filtre.jpg);
    }

    .btn-pro > ul.sub-menu > li.btn-ress:after {
        background-image: url(/wp-content/uploads/2023/09/Conception-de-ressort-sur-mesure.jpg);
    }

    .btn-pro > ul.sub-menu > li.btn-pres:before {
        background-image: url(/wp-content/uploads/2023/09/Conception-de-PLV-en-metal-sans-filtre.jpg);
    }

    .btn-pro > ul.sub-menu > li.btn-pres:after {
        background-image: url(/wp-content/uploads/2023/09/Conception-de-PLV-en-metal.jpg);
    }

    .btn-pro > ul.sub-menu > li.btn-pro-gri:before {
        background-image: url(/wp-content/uploads/2023/09/Conception-de-protection-grillagee-sans-filtre.jpg);
    }

    .btn-pro > ul.sub-menu > li.btn-pro-gri:after {
        background-image: url(/wp-content/uploads/2023/09/Conception-de-protection-grillagee.jpg);
    }

    .btn-pro > ul.sub-menu > li:before {
        background-color: white;
    }

    .btn-pro > ul.sub-menu > li:after {
        background-color: red;
        opacity: 0;
        transition: 0.5s;
    }

    .btn-pro > ul.sub-menu > li:hover:after {
        opacity: 1;
        transition: 0.5s;
    }

    .btn-pro > ul.sub-menu > li > a {
        z-index: 1;
        position: relative;
    }

    .btn-pro > ul.sub-menu > li:before,
    .btn-pro > ul.sub-menu > li:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

    .btn-sec > ul.sub-menu > li > a,
    .btn-pro > ul.sub-menu > li > a {
        padding: 0 !important;
        width: 100% !important;
        height: 100%;
    }

    .btn-sec > ul.sub-menu > li > a > span,
    .btn-pro > ul.sub-menu > li > a > span {
        height: 50px;
        width: 100%;
        background-color: #00000066;
        display: flex !important;
        justify-content: center;
        align-items: center;
        transition: 0.5s;
    }

    .btn-sec > ul.sub-menu > li:hover > a > span,
    .btn-pro > ul.sub-menu > li:hover > a > span {
        color: white;
        height: 100%;
        transition: 0.5s;
    }

    /*----------------mega-menu-secteurs---------------------*/
    /*----------------btn-flottant---------------------*/

    /*----------------btn-flottant---------------------*/
}

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

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

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

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

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

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

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

/*-strafil-*/