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

/*-AVN-*/

/*-CSS-d2b-*/

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

.number {
    color: #f07f23;
}

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

/* Fin bandeau cookie*/

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

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

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

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

a:hover {
    text-decoration: none;
}

/*-couleur-txt-titre-*/

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

.txt-bleu,
.txt-bleu * {
    color: blue !important;
}

.txt-vert,
.txt-vert * {
    color: green !important;
}

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

.txt-orange,
.txt-orange * {
    color: #f07f23 !important;
}

.txt-jaune,
.txt-jaune * {
    color: yellow !important;
}

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

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

.txt-marron,
.txt-marron * {
    color: saddlebrown !important;
}

.txt-turquoise,
.txt-turquoise * {
    color: darkcyan;
}

.txt-gris,
.txt-gris * {
    color: grey !important;
}

/*-couleur-txt-titre-*/
/*-weight-txt-titre-*/
.tres-fin,
.tres-fin * {
    font-weight: 100 !important;
}

.fin,
.fin * {
    font-weight: 200 !important;
}

/*-weight-txt-titre-*/
/*-code-pour-animation-*/

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

    to {
        transform: scale(1.1) translate(2px, -50%);
    }
}

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

    to {
        transform: scale(1.1) translate(2px, -50%);
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0) translate(0px, -50%);
    }

    20% {
        opacity: 0;
        transform: scale(0) translate(0px, -50%);
    }

    30% {
        opacity: 1;
        transform: scale(2) translate(0px, -50%);
    }

    40% {
        opacity: 1;
        transform: scale(0.5) translate(0px, -50%);
    }

    60% {
        opacity: 1;
        transform: scale(1.2) translate(0px, -50%);
    }

    80% {
        opacity: 1;
        transform: scale(0.89) translate(0px, -50%);
    }

    100% {
        opacity: 1;
        transform: scale(1) translate(0px, -50%);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0) translate(0px, -50%);
    }

    20% {
        opacity: 0;
        transform: scale(0) translate(0px, -50%);
    }

    30% {
        opacity: 1;
        transform: scale(2) translate(0px, -50%);
    }

    40% {
        opacity: 1;
        transform: scale(0.5) translate(0px, -50%);
    }

    60% {
        opacity: 1;
        transform: scale(1.2) translate(0px, -50%);
    }

    80% {
        opacity: 1;
        transform: scale(0.89) translate(0px, -50%);
    }

    100% {
        opacity: 1;
        transform: scale(1) translate(0px, -50%);
    }
}

/*-code-pour-animation-*/
/*-scroll-smooth-pour-liens-ancre-*/

html {
    scroll-behavior: smooth;
}

/*-scroll-smooth-pour-liens-ancre-*/

.overflow-visible {
    overflow: visible !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.uppercase {
    text-transform: uppercase;
}

.lorem,
.lorem * {
    color: cyan !important;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .inverse {
        display: flex;
        flex-direction: column-reverse !important;
    }

    .bloc-img-onglet figure * {
        margin-bottom: 0;
    }

    /*--code-1240--*/
    .onglets-services.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
        background-color: #00aeef;
    }

    .onglets-services.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
        background-color: #bababa;
    }

    .onglets-services.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading span.vc_tta-title-text {
        color: white;
    }

    .onglets-services.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading span.vc_tta-title-text {
        color: black;
    }

    .block-img-secteur > .vc_column-inner > .wpb_wrapper > .wpb_single_image > figure {
        width: 100%;
    }

    .block-img-secteur > .vc_column-inner > .wpb_wrapper > .wpb_single_image > figure > a {
        width: 100% !important;
    }

    .block-img-secteur > .vc_column-inner > .wpb_wrapper > .wpb_single_image > figure > a > img {
        width: 100%;
    }

    #Footer .widgets_wrapper * {
        text-align: center;
        font-size: 20px;
    }

    .mfn-footer h4 {
        font-size: 30px !important;
        line-height: 30px !important;
    }

    #Top_bar .menu_wrapper {
        position: absolute;
    }

    /*--code-1240--*/

    #Action_bar .contact_details {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
    }

    #Action_bar .contact_details li.btn-link,
    #Action_bar .contact_details li.btn-yout {
        display: flex !important;
        padding: 0;
        align-items: center;
        width: 25px;
        height: 25px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    #Action_bar .contact_details li,
    #Action_bar .social {
        padding: 0 !important;
    }


    #Action_bar .contact_details li > i {
        margin-right: 11px;
    }

    i.icon-phone {
        background-size: 150% !important;
    }

    i.icon-mail-line {
        background-size: 150% !important;
    }

    .responsive-mobile-titre {
        font-size: 23px !important;
        line-height: 25px !important;
        margin-bottom: 34px !important;
    }

    .masque-arrondie-bas-bleu {
        height: 0px !important;
        transition: 0.5s;
    }

    .grand-plus {
        bottom: -50px !important;
    }

    .img-grand {
        position: absolute;
        bottom: -40px !important;
        left: 50%;
        transform: translate(-50%, 50%);
        width: calc(110vw - 20px);
        height: auto;
    }

    /*
    .btn-service:not(.btn-doc) {
        position: absolute !important;
        bottom: -31px !important;
        right: 73px !important;
        z-index: 100 !important;
    }
*/

    li.yout {
        margin-left: 10px !important;
    }

    li.link,
    li.yout {
        width: 20px;
        height: 20px;
        padding: 0 !important;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100%;
        transition: 0.5s;
    }

    #Action_bar .contact_details li {
        margin-right: 0;
    }


    #Action_bar .contact_details li.mail,
    #Action_bar .contact_details li.phone {
        width: 100%;
    }

    /*chevauchement*/

    .background-blanc:before {
        content: "";
        position: absolute;
        z-index: 0;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0px);
        width: 100vw;
        height: 100%;
        background: white;
    }

    .background-blanc {
        position: relative;
    }

    .chevauchement {
        margin-bottom: -91px;
    }

    .z-index-1 {
        z-index: 1;
        position: relative;
    }

    .z-index-1 .z-index-1 {
        z-index: 1;
        position: relative;
        top: -60px;
    }

    /*fin*chevauchement*/

}

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

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

    /*-code 1240px-*/

    .vc_gitem-animated-block > .vc_gitem-zone {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .block-img-secteur > .vc_column-inner {
        padding: 0;
        overflow: hidden !important;
        border-radius: 50px !important;
        transition: 0.5s !important;
    }

    .block-img-secteur {
        transition: 0.5s !important;
    }

    .block-img-secteur:hover {
        transition: 0.5s !important;
        transform: scale(1.05) !important;
    }

    .img-soluce > h2 {
        color: white;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 20px !important;
    }

    .titre-secteurs {
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: 0.5s !important;
        z-index: 1 !important;
    }

    .titre-secteurs * {
        color: #ffffff !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        transition: 0.5s !important;
        font-weight: 600;
        font-size: 20px;
    }

    .block-img-secteur * {
        margin-bottom: 0 !important;
        transition: 0.5s !important;
    }

    .block-img-secteur figure img {
        transition: 0.5s !important;
        filter: contrast(0.8) blur(0px) grayscale(0) brightness(0.7) !important;
    }

    .block-img-secteur:hover figure img {
        transition: 0.5s !important;
        filter: contrast(1) blur(1px) grayscale(0.1) brightness(0.8) !important;
    }

    .vc_gitem-animated-block {
        height: 180px;
        overflow: hidden;
    }

    .vc_btn3.vc_btn3-color-juicy-pink,
    .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
        color: #fff;
        background-color: #00aeef !important;
        transition: 0.5s !important;
        border-radius: 0 !important;
    }

    /*-code 1240px-*/

    .range-gris-clair-haut .vc_empty_space {
        height: 50px !important;
    }

    .range-gris-clair-bas .vc_empty_space {
        height: 50px !important;
    }

    .range-gris-fonce-haut .vc_empty_space {
        height: 50px !important;
    }

    .range-gris-fonce-bas .vc_empty_space {
        height: 50px !important;
    }

    /*--code-1240--*/

    li.btn-actu,
    li.btn-recrutement,
    li.btn-rse,
    .yout,
    .link {
        display: none !important;
    }

    /*
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-body > .vc_row.wpb_row > .bloc-img-onglet > div > div > .wpb_single_image {
        display: flex;
        justify-content: end;
        padding-right: 100px;
    }
*/

    /*.onglets-services > .vc_tta-panels-container {
        height: 428px !important;
        overflow: hidden !important;
    }*/

    /*
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_active > .vc_tta-panel-body > .vc_row.wpb_row,
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_animating > .vc_tta-panel-body > .vc_row.wpb_row,
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-body > .vc_row.wpb_row {
        height: 400px !important;
        overflow: hidden !important;
    }
*/

    /*
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_active > .vc_tta-panel-body > .vc_row.wpb_row > div:not(.bloc-img-onglet),
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_animating > .vc_tta-panel-body > .vc_row.wpb_row > div:not(.bloc-img-onglet),
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-body > .vc_row.wpb_row > div:not(.bloc-img-onglet) {
        height: 400px;
        overflow: hidden !important;
    }
*/

    /*
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_active > .vc_tta-panel-body > .vc_row.wpb_row > .bloc-img-onglet,
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_animating > .vc_tta-panel-body > .vc_row.wpb_row > .bloc-img-onglet,
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-body > .vc_row.wpb_row > .bloc-img-onglet {
        position: absolute;
        right: 0;
        top: 20px;
    }
*/

    /*
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_active > .vc_tta-panel-body,
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_animating > .vc_tta-panel-body,
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-body {
        height: 428px !important;
        overflow: hidden !important;
        transition: 0s !important;
        padding: 14px 20px !important;
    }
*/

    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_active > .vc_tta-panel-body > .vc_row.wpb_row > .bloc-img-onglet:before,
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_active > .vc_tta-panel-body > .vc_row.wpb_row > .bloc-img-onglet:after {
        content: "";
        width: 100px !important;
        height: 101%;
        display: block;
        position: absolute;
        top: -1px;
        z-index: 1;
        /*background-image: url(/wp-content/uploads/2024/02/deco-biseau-1.png);  NB  241001 */
        background-position: 50% 100%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_active > .vc_tta-panel-body > .vc_row.wpb_row > .bloc-img-onglet:before {
        left: -40px !important;
    }

    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_active > .vc_tta-panel-body > .vc_row.wpb_row > .bloc-img-onglet:after {
        right: -40px;
        transform: rotate(180deg);
    }

    .onglets-services.vc_tta-tabs.vc_tta-has-pagination .vc_pagination {
        top: inherit !important;
        bottom: -20px !important;
        z-index: 10;
        /*background-color: white;*/
        margin: 0;
        padding: 10px;
    }

    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_active > .vc_tta-panel-body {
        position: relative;
    }

    /*
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_active > .vc_tta-panel-body:before,
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_active > .vc_tta-panel-body:after {
        content: "";
        width: 280px !important;
        height: 400px;
        display: block;
        position: absolute;
        top: 0;
        z-index: 1;
        background-image: url(/wp-content/uploads/2024/02/deco-biseau.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        opacity: 0.2;
        transition: 0.5s ! important;
    }
*/

    /*
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_active > .vc_tta-panel-body:before {
        left: 40% !important;
        width: 690px !important;
        animation-delay: 1s;
    }

    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_active > .vc_tta-panel-body:after {
        left: 41% !important;
        animation-delay: 2s;
    }
*/

    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-body:before {
        animation-delay: 1s;
    }

    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-body:after {
        animation-delay: 2s;
    }

    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-body:before,
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-body:after {
        content: "";
        width: 0px !important;
        height: 400px;
        display: block;
        position: absolute;
        top: 0;
        z-index: 1;
        /*background-image: url(/wp-content/uploads/2024/02/deco-biseau.png);  NB 241001 */
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        opacity: 0.2;
        transition: 0.5s ! important;
    }

    /*
    .onglets-services .wpb_single_image img {
        height: 400px;
        width: auto;
    }
*/

    article > .post-wrapper-content > section > .section_wrapper {
        display: block;
    }

    .img-grand {
        position: absolute;
        bottom: -20px !important;
        left: 50%;
        transform: translate(-50%, 50%);
        width: calc(110vw - 20px);
        height: auto;
    }

    /*-header-*/
    /*-action-bar-*/
    #Action_bar .column {
        display: flex;
        justify-content: end;
    }

    #Action_bar .column > ul.contact_details * {
        font-size: 20px;
        line-height: 40px;
    }

    #Action_bar .contact_details {
        display: flex;
        flex-direction: row-reverse;
    }

    li.link,
    li.yout {
        width: 20px;
        height: 20px;
        padding: 0 !important;
        margin: 12px 0;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100%;
        transition: 0.5s;
    }

    li.link:hover,
    li.yout:hover {
        transition: 0.5s;
        transform: scale(1.1);
    }

    li.link {
        background-image: url(/wp-content/uploads/2024/02/IN.png);
    }

    li.yout {
        background-image: url(/wp-content/uploads/2024/02/youtube.png);
    }

    li.link > a,
    li.yout > a {
        display: block;
        width: 100%;
        height: 100%;
    }

    /*-action-bar-*/
    /*-header-*/

    .hover-block-opacity-zero > .hover-opacity-zero {
        opacity: 0;
    }

    .hover-block-opacity-zero:hover > .hover-opacity-zero {
        opacity: 1 !important;
    }

    .grand-titre,
    .grand-titre * {
        font-size: 30px;
        line-height: 40px;
        text-align: center;
        margin-bottom: 10px !important;
    }

    .vrai-titre-h2,
    .vrai-titre-h2 * {
        font-size: 20px;
        line-height: 20px;
        text-align: center !important;
    }

    /*
    .btn-service:not(.btn-doc) {
        position: absolute;
        bottom: 100px;
        right: 220px;
        z-index: 100;
    }
*/

    .btn-service > a.vc_general {
        background-color: #00aeef;
        color: white;
        transition: 0.5s !important;
    }

    .btn-service > a.vc_general:hover {
        background-color: #f4db0c;
        color: black;
        transition: 0.5s !important;
    }

    .block-img-secteur:hover {
        transition: 0.5s !important;
        transform: scale(1.05) !important;
    }

    .block-img-secteur {
        transition: 0.5s !important;
    }

    .block-img-secteur > .vc_column-inner {
        padding: 0;
        overflow: hidden !important;
        border-radius: 50px !important;
        transition: 0.5s !important;
    }

    .block-img-secteur * {
        margin-bottom: 0 !important;
        transition: 0.5s !important;
    }

    .block-img-secteur > .vc_column-inner > .wpb_wrapper {
        position: relative !important;
        transition: 0.5s !important;
    }

    .titre-secteurs {
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: 0.5s !important;
        z-index: 1 !important;
    }

    .titre-secteurs:hover {
        transition: 0.5s !important;
        background-color: #00000020 !important;
    }

    .titre-secteurs * {
        color: #ffffff !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        transition: 0.5s !important;
        font-weight: 600;
        font-size: 20px;
    }

    .titre-secteurs:hover * {
        color: white !important;
        transition: 0.5s !important;
    }

    .onglets.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a {
        color: black;
    }

    .column.mobile-one.tablet-one-third.one-third {
        display: flex;
        justify-content: center;
    }

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

    /*--code-1240--*/
    .chiffres {
        margin-bottom: 0 !important;
    }

    .mobile-header-mini #Top_bar .top_bar_left {
        display: flex;
        justify-content: center;
    }

    .mobile-header-mini #Top_bar .logo {
        margin: inherit;
    }

    /*.btn-ss-menu .menu-toggle {
        display: none !important;
    }*/

    .btn-plus {
        display: none !important;
    }


    li.yout {
        background-image: url(/wp-content/uploads/2024/02/youtube.png);
    }



    li.link {
        background-image: url(/wp-content/uploads/2024/02/IN.png);
    }

    li.link > a,
    li.yout > a {
        display: block;
        width: 100%;
        height: 100%;
    }




    li.btn-actu,
    li.btn-recrutement {
        display: none !important;
    }

    .mobile-header-mini #Action_bar {
        display: flex !important;
    }

}

@media only screen and (min-width: 0px) {
    span.button_icon {
        display: none !important;
    }

    .button-default .button,
    .button-flat .button,
    .button-round .button {
        background-color: #00aeef;
        color: #fff;
        border-radius: 0 !important;
        transition: 0.5s !important;
    }

    .button-default .button.has-icon .button_label {
        margin: 0;
    }

    .section-post-related .simple .post-related .date_label {
        display: none;
    }

    section.section.section-post-intro-share,
    section.section.mcb-section.section-post-about,
    section.section.mcb-section.section-post-comments {
        display: none !important;
    }

    section.section.mcb-section.section-post-related {
        background-color: #9caebc;
    }

    .image_links.double {
        display: none !important;
    }

    .image_frame:hover .image_wrapper img {
        top: 0 !important;
        transform: scale(1.1);
    }

    figure * {
        margin-bottom: 0 !important;
    }

    /*-btn-flottant-*/

    .btn-fixed-tel:hover a,
    .btn-fixed-mail:hover a,
    .btn-fixed-link:hover a {
        opacity: 1;
        transition: 0.5s;
    }

    .btn-fixed-tel a,
    .btn-fixed-mail a,
    .btn-fixed-link a {
        opacity: 0;
        transition: 0.5s;
    }

    .btn-fixed-tel:hover,
    .btn-fixed-mail:hover,
    .btn-fixed-link:hover {
        transition: 0.5s;
        transform: scale(1.2) translate(-8px, 0px);
    }

    .btn-fixed-tel:hover,
    .btn-fixed-mail:hover {
        background-size: 40%;
        background-position: 50% 0%;
    }

    .btn-fixed-tel,
    .btn-fixed-mail,
    .btn-fixed-link {
        transition: 0.5s;
    }

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

    #btn-fixed {
        background: #ffffffcc;
        padding-top: 11px;
        border-top-left-radius: 32px;
        border-bottom-left-radius: 32px;
        transition: padding-left 0.5s ease-out;
    }

    div#btn-fixed:hover {
        padding-left: 20px;
    }

    .btn-fixed-tel,
    .btn-fixed-mail,
    .btn-fixed-link {
        height: 50px;
        width: 50px;
        display: flex;
        margin: 0;
        opacity: 0.9;
    }

    .btn-assist {
        background-image: url(/wp-content/uploads/2026/01/Image_Menu_Services_Assistance.jpg);
        background-size: cover;
    }

    .btn-maintenance {
        background-image: url(/wp-content/uploads/2026/01/96762.jpg);
        background-size: cover;
    }

    .btn-conseil {
        background-image: url(/wp-content/uploads/2026/01/119563.jpg);
        background-size: cover;
    }

    .btn-sante {
        background-image: url(/wp-content/uploads/2025/08/sante-recherche.webp);
        background-size: cover;
    }

    .btn-air {
        background-image: url(/wp-content/uploads/2025/08/traitement-air-cvc.webp);
        background-size: cover;
    }

    .btn-message {
        background-image: url(/wp-content/uploads/2025/08/installation-systeme-logistique-secteur-messagerie.webp);
        background-size: cover;
    }

    .btn-comm {
        background-image: url(/wp-content/uploads/2025/08/ligne-tri-pour-prepa-commande.webp);
        background-size: cover;
    }

    .btn-aero {
        background-image: url(/wp-content/uploads/2025/08/secteur-aeroportuaire.webp);
        background-size: cover;
    }

    .btn-trai {
        background-image: url(/wp-content/uploads/2025/08/traitement-des-dechets.webp);
        background-size: cover;
    }

    /*-mettre la couleur voulu au background-color-*/

    .btn-fixed-tel {
        background-color: transparent;
    }

    .btn-fixed-mail {
        background-color: transparent;
    }

    .btn-fixed-link {
        background-color: transparent;
    }

    /*-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/2025/12/phone-2.png);
        background-position: 50% 25%;
        background-repeat: no-repeat;
        background-size: 60%;
        margin-bottom: 10px !important;

    }

    .btn-fixed-mail {
        background-image: url(/wp-content/uploads/2025/12/email-btn-flottant-1.png);
        background-position: 50% 35%;
        background-repeat: no-repeat;
        background-size: 60%;
        margin-bottom: 10px !important;
    }

    .btn-fixed-link {
        background-image: url(/wp-content/uploads/2025/12/IN.png);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 70%;
        margin-bottom: 10px !important;
    }

    /*-FIN-mettre l'url de l'image voulu au background-image-*/

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

    .btn-fixed-tel *,
    .btn-fixed-mail *,
    .btn-fixed-link * {
        color: #00aeef !important;
        text-align: center;
        font-size: 13px !important;
        line-height: 13px !important;
        width: 100%;
        height: 100%;
        display: flex;
    }

    #btn-fixed {
        width: 50px;
        height: 165px;
    }

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

    /*-FIN-btn-flottant-*/
    .arrondie-gris-fonce:after {
        background-image: url(/wp-content/uploads/2024/02/masque-bleu-gris-1.png);
    }

    .range-gris-clair-haut:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat !important;
        background-position: 10% 50%;
        background-size: 290% 100%;
        transform: rotate(180deg);
    }

    .range-gris-fonce-haut:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat !important;
        background-position: 90% 50%;
        background-size: 290% 100%;
        transform: rotate(180deg);
    }

    .arrondie-blanc:after {
        background-image: url(/wp-content/uploads/2024/02/masque-bleu-gris-1.png);
        filter: brightness(50);
    }

    .range-gris-clair-bas:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat !important;
        background-position: 10% 50%;
        background-size: 290% 100%;
    }

    .range-gris-fonce-bas:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat !important;
        background-position: 10% 50%;
        background-size: 290% 100%;
    }

    .range-gris-fonce-haut:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat !important;
        background-position: 90% 50%;
        background-size: 290% 100%;
        transform: rotate(180deg);
    }

    .demi {
        width: 49%;
    }

    .full {
        width: 100%;
    }

    .formu-contact {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

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

    .colonne-icone .wpb_wrapper {
        right: 60px;
        position: relative;
        top: -3px;
        display: flex;
        flex-direction: column;
    }

    section.section.mcb-section.section-post-related {
        padding-bottom: 170px;
    }

    section.section.mcb-section.section-post-related:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 150px;
        background-repeat: no-repeat !important;
        background-position: 10% 50%;
        background-size: 290% 100%;
        background-image: url(/wp-content/uploads/2024/02/masque-bleu-gris-1.png);
    }

}

@media only screen and (min-width: 767px) and (max-width: 1022px) {
    /*--code-1240--*/

    /*--code-1240--*/

    /*chevauchement*/

    .background-blanc:before {
        content: "";
        position: absolute;
        z-index: 0;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0px);
        width: 100vw;
        height: 100%;
        background: white;
    }

    .background-blanc {
        position: relative;
    }

    .chevauchement {
        margin-bottom: -198px;
    }

    .z-index-1 .z-index-1 {
        z-index: 1;
        position: relative;
        top: 93px;
    }

    .z-index-1 {
        z-index: 1;
        position: relative;
    }

    /*fin*chevauchement*/
    .txt-icone {
        margin-bottom: -23px !important;
    }

    .colonne-icone .wpb_wrapper {
        right: 30px;
        position: relative;
        top: -3px;
        display: flex;
        flex-direction: column;
    }
}

@media only screen and (min-width: 767px) and (max-width: 1239px) {
    .encart-recrutement .vc_grid-item {
        width: 50%;
    }

    .vc_gitem-animated-block {
        height: 150px;
        overflow: hidden;
    }

    /*--code-1240--*/
    /*.onglets.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active > a {
        background-color: #00aeef !important;
    }

    .onglets.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active > a > span.vc_tta-title-text {
        color: white !important;
    }*/

    .onglets.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a {
        background-color: #bababa;
    }

    .onglets.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a > span.vc_tta-title-text {
        color: black;
    }

    .onglets > .vc_tta-panels-container {
        height: 370px;
    }

    .onglets > div > ul.vc_tta-tabs-list {
        display: flex !important;
        justify-content: end;
    }

    .onglets > div > ul.vc_tta-tabs-list > li.vc_tta-tab {
        width: 25%;
    }

    .onglets > div > ul.vc_tta-tabs-list > li.vc_tta-tab > a {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .onglets .btn-service {
        position: absolute;
        bottom: 20px;
        left: 50%;
    }

    /*--code-1240--*/

    i.icon-mail-line,
    i.icon-phone {
        background-size: 130%;
    }

    li.link,
    li.yout {
        width: 20px;
        height: 20px;
        padding: 0 !important;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100%;
        transition: 0.5s;
    }

    #Action_bar .column > ul.contact_details * {
        font-size: 20px;
        line-height: 20px;
    }

    #Action_bar .column {
        display: flex;
        justify-content: end;
    }

    #Action_bar .contact_details li.btn-link,
    #Action_bar .contact_details li.btn-yout {
        display: flex !important;
        padding: 0;
        align-items: center;
        width: 25px;
        height: 25px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .vc_gitem-zone {
        /* background-color: #f9f9f9 !important; */
        height: 300px;
    }

    .img-grand {
        position: absolute;
        bottom: -20px !important;
        left: 50%;
        transform: translate(-50%, 50%);
        width: calc(110vw - 20px);
        height: auto;
    }
}

@media only screen and (min-width: 768px) {
    .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active > a {
        background-color: #fff !important;
    }

    .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a {
        background-color: #53616c !important;
    }

    .img-soluce {
        display: flex;
        flex-direction: column-reverse;
    }

    .responsive-mobile-titre {
        font-size: 40px !important;
        line-height: 50px !important;
        margin-bottom: 20px !important;
    }

    .masque-arrondie-bas-bleu {
        height: 57px !important;
        transition: 0.5s;
    }

}

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

    /*--code-1240--*/
    .onglets > .vc_tta-panels-container {
        height: 480px;
    }

    /*--code-1240--*/

    /*chevauchement*/

    .background-blanc:before {
        content: "";
        position: absolute;
        z-index: 0;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0px);
        width: 100vw;
        height: 100%;
        background: white;
    }

    .background-blanc {
        position: relative;
    }

    .chevauchement {
        margin-bottom: -189px;
    }

    .z-index-1 {
        z-index: 1;
        position: relative;
    }

    .z-index-1 .z-index-1 {
        z-index: 1;
        position: relative;
        top: 104px;
    }

    /*fin*chevauchement*/

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

    .colonne-icone .wpb_wrapper {
        right: 45px;
        position: relative;
        top: -3px;
        display: flex;
        flex-direction: column;
    }
}

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

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

@media only screen and (min-width: 1240px) {
    .onglets > div.vc_tta-tabs-container {
        width: 100%;
        display: flex !important;
        justify-content: end;
    }

    .onglets > div > ul.vc_tta-tabs-list {
        width: 66%;
    }

    li.btn-genie > ul.sub-menu {
        top: -30px !important;
    }

    .btn-service.btn-cont {
        position: relative !important;
        bottom: inherit !important;
        right: inherit !important;
    }

    li.btn-rse,
    li.btn-recrutement,
    li.btn-actu {
        padding-left: 40px !important;
        position: relative;
    }

    li.btn-rse:before,
    li.btn-recrutement:before,
    li.btn-actu:before {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        left: 10px;
        top: 50%;
        transform: translate(0px, -50%);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
    }


    li.btn-rse:before {
        background-image: url(/wp-content/uploads/2025/08/leaf.png);
        top: 48%;
    }

    li.btn-recrutement:before {
        background-image: url(/wp-content/uploads/2025/08/emploi.png);
    }

    li.btn-actu:before {
        background-image: url(/wp-content/uploads/2025/08/megaphone.png);
    }

    .img-arrondie {
        margin-bottom: 0 !important;
    }

    .vc_gitem-animated-block {
        height: 200px;
        overflow: hidden;
    }

    .vc_gitem-animated-block > .vc_gitem-zone {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .btn-made-in-france,
    .btn-made-in-france * {
        cursor: default !important;
    }

    /*.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a {
        background-color: #fafafa69 !important;
    }*/

    /*.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active > a {
        background-color: #fff !important;
    }*/

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

    .img-soluce {
        display: flex;
        flex-direction: column-reverse;
    }

    .img-soluce > h2 {
        color: white;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 20px !important;
    }

    .img-soluce > figure * {
        margin-bottom: 0 !important;
    }

    .img-soluce > figure {
        border-radius: 30px;
        overflow: hidden;
        margin-bottom: 30px !important;
        transition: 0.5s;
    }

    .img-soluce:hover > figure {
        transition: 0.5s;
        border-radius: 0 !important;
        filter: contrast(1) blur(1px) grayscale(0.1) brightness(0.8) !important;
        transform: scale(1.1);
    }

    .owl-theme .owl-nav [class*='owl-']:hover {
        background: #ffd800 !important;
    }

    #Top_bar .menu > li > a {
        font-weight: 600 !important;
    }

    .chiffre-design {
        color: #000 !important;
        font-size: 70px !important;
    }

    .video-taille {
        display: flex;
        max-width: 100%;
        justify-content: center;
    }

    .video-closet {
        display: flex;
        max-width: 100%;
        justify-content: center;
    }

    .video-padding {
        padding-bottom: 24px !important;
    }


    body.single-post header#Header {
        min-height: 0 !important;
    }

    section.section.mcb-section.section-post-related {
        background-color: #9caebc;
    }

    section.section.mcb-section.section-post-comments {
        display: none !important;
    }

    section.section.mcb-section.section-post-footer {
        display: none !important;
    }

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

    .encart-recrutement .vc_gitem-zone .vc_col-sm-12 .vc_btn3-container {
        margin-top: auto !important;
    }

    .encart-recrutement .vc_gitem-zone .vc_col-sm-12 {
        display: flex;
        flex-direction: column;
        height: 100% !important;
    }

    .encart-recrutement .vc_gitem-zone .vc_col-sm-12 .vc_gitem-post-data-source-post_title,
    .encart-recrutement .vc_gitem-zone .vc_col-sm-12 .vc_gitem-post-data-source-post_title * {
        margin-bottom: 0 !important;
    }

    .encart-recrutement .vc_gitem-zone .vc_gitem-zone-mini {
        height: 100% !important;
    }

    .encart-recrutement .vc_gitem-zone .vc_gitem-zone-mini .vc_gitem_row {
        height: 100% !important;
    }

    /*.vc_custom_1419240516480 {
        background-color: #f9f9f9 !important;
        height: 330px;
    }*/

    .responsive-mobile-titre-documentation {
        font-size: 26px !important;
        line-height: 50px !important;
        margin-bottom: 20px !important;
    }

    .arrondi-bas-gris {
        background-image: url(/wp-content/uploads/2024/04/masque-bleu-vlair.png);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .arrondi-bas {
        background-image: url(/wp-content/uploads/2024/02/masque-bleu-gris-1.png);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }


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


    .block-img-secteur:hover {
        transition: 0.5s !important;
        transform: scale(1.05) !important;
    }

    .block-img-secteur {
        transition: 0.5s !important;
    }

    .block-img-secteur > .vc_column-inner {
        padding: 0;
        overflow: hidden !important;
        border-radius: 50px !important;
        transition: 0.5s !important;
    }

    .block-img-secteur:hover > .vc_column-inner {
        transition: 0.5s;
        border-radius: 0 !important;
    }

    .block-img-secteur * {
        margin-bottom: 0 !important;
        transition: 0.5s !important;
    }

    .block-img-secteur > .vc_column-inner > .wpb_wrapper {
        position: relative !important;
        transition: 0.5s !important;
    }

    .titre-secteurs {
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: 0.5s !important;
        z-index: 1 !important;
    }

    .titre-secteurs:hover {
        transition: 0.5s !important;
        background-color: #00000020 !important;
    }

    .titre-secteurs * {
        color: #ffffff !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        transition: 0.5s !important;
        font-weight: 600;
        font-size: 20px;
        padding: 0 20px;
    }

    .titre-secteurs:hover * {
        color: white !important;
        transition: 0.5s !important;
    }

    .block-img-secteur:hover figure img {
        transition: 0.5s !important;
        filter: contrast(1) blur(1px) grayscale(1) brightness(0.7) !important;
    }

    .block-img-secteur figure img {
        transition: 0.5s !important;
        filter: contrast(0.3) blur(0px) grayscale(0) brightness(0.5) !important;
    }

    .photo {
        display: none !important;
    }

    img.attachment-be_thumbnail.size-be_thumbnail.wp-post-image {
        display: none !important;
    }

    .section-related-adjustment.simple {
        background-color: #9caebc !important;
    }

    .button-default .button:hover,
    .button-flat .button:hover,
    .button-round .button:hover {
        background-color: #f4db0c;
        color: #000;
        transition: 0.5s !important;
    }

    .button-default .button .button_icon:after {
        display: none !important;
    }

    .button-default .button .button_icon i {
        display: none !important;
    }

    .button-default .button,
    .button-flat .button,
    .button-round .button {
        background-color: #00aeef;
        color: #fff;
        border-radius: 0 !important;
        transition: 0.5s !important;
    }

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

    .vc_btn3.vc_btn3-color-juicy-pink,
    .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
        color: #fff;
        background-color: #00aeef !important;
        transition: 0.5s !important;
        border-radius: 0 !important;
    }

    .vc_btn3.vc_btn3-color-juicy-pink:hover,
    .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover {
        color: #000 !important;
        background-color: #f4db0c !important;
        transition: 0.5s !important;
        border-radius: 0 !important;
    }

    span.arrow {
        display: none !important;
    }

    .article-titre,
    .article-titre * {
        font-size: 25px;
        line-height: 50px;
        margin-bottom: 0 !important;
    }

    .column.one.author-box {
        display: none !important;
    }

    div#respond {
        display: none !important;
    }

    .desc-wrapper {
        display: none !important;
    }

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

    .single-post #Content {
        padding-top: 0 !important;
    }

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

    .single-post .column.one.post-header {
        display: none;
    }

    /*    Carte presence internationale*/

    .lybie:hover:after,
    .mali:hover:after,
    .ivoire:hover:after,
    .cameroun:hover:after,
    .congo:hover:after,
    .tanzanie:hover:after {
        transition: 0.5s;
        color: #00aeef;
        background-color: white !important;
        padding: 10px;
        font-weight: 700 !important;
        font-size: 10px !important;
        line-height: normal;

    }

    .maroc:hover:after,
    .algerie:hover:after,
    .tunis:hover:after,
    .dubai:hover:after,
    .senegal:hover:after,
    .rwanda:hover:after {
        transition: 0.5s;
        color: #ff3a2d;
        background-color: white !important;
        padding: 10px;
        font-weight: 700 !important;
        font-size: 10px !important;
        line-height: normal;
    }


    .france:hover:after {
        transition: 0.5s;
        color: black;
        background-color: white !important;
        padding: 10px;
        font-weight: 700 !important;
        font-size: 10px !important;
        line-height: normal;
    }

    .lybie:after {
        content: "Lybie";
        color: transparent;
        position: absolute;
        z-index: 10;
        bottom: 130% !important;
        left: 50%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
    }

    .mali:after {
        content: "Mali";
        color: transparent;
        position: absolute;
        z-index: 10;
        bottom: 130% !important;
        left: 50%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
    }

    .ivoire:after {
        content: "Côte d'Ivoire";
        color: transparent;
        position: absolute;
        z-index: 10;
        bottom: 130% !important;
        left: 148%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
    }

    .cameroun:after {
        content: "Cameroun";
        color: transparent;
        position: absolute;
        z-index: 10;
        bottom: 130% !important;
        left: 50%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
    }

    .congo:after {
        content: "République Démocratique du Congo";
        color: transparent;
        position: absolute;
        z-index: 10;
        bottom: 130% !important;
        left: 50%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
    }

    .tanzanie:after {
        content: "Tanzanie";
        color: transparent;
        position: absolute;
        z-index: 10;
        bottom: 130% !important;
        left: 70%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
    }

    .maroc:after {
        content: "AVN Maroc Agadir";
        color: transparent;
        position: absolute;
        z-index: 10;
        bottom: 130% !important;
        left: 50%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
        white-space: nowrap !important;
    }

    .algerie:after {
        content: "AVN Algérie Alger";
        color: transparent;
        position: absolute;
        z-index: 10;
        top: 130% !important;
        left: 50%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
        white-space: nowrap !important;
    }

    .tunis:after {
        content: "Electrofluides Tunis";
        color: transparent;
        position: absolute;
        z-index: 10;
        bottom: 130% !important;
        left: 50%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
        white-space: nowrap !important;
    }

    .dubai:after {
        content: "Log Square Dubaï";
        color: transparent;
        position: absolute;
        z-index: 10;
        bottom: 130% !important;
        left: 100%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
        white-space: nowrap !important;
    }

    .senegal:after {
        content: "AVN Dakar Sénégal";
        color: transparent;
        position: absolute;
        z-index: 10;
        bottom: 130% !important;
        left: 50%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
    }

    .rwanda:after {
        content: "HYMMELEC Rwanda";
        color: transparent;
        position: absolute;
        z-index: 10;
        bottom: 130% !important;
        left: 50%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
    }

    .france:after {
        content: "AVN France Vaugneray";
        color: transparent;
        position: absolute;
        z-index: 10;
        bottom: 130% !important;
        left: 50%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
        white-space: nowrap !important;
    }

    .point-pays:hover {
        transform: scale(1.2);
    }

    .point-pays {
        transition: transform 0.3s ease;
    }

    /*    Carte de france maintenance*/

    li.btn-recrutement,
    li.btn-rse {
        margin-right: 10px !important;
    }

    li.btn-recrutement *,
    li.btn-actu * {
        font-size: 15px !important;
    }

    /*    Carte presence internationale */

    .paris:hover:after,
    .lille:hover:after,
    .strasbourg:hover:after,
    .metz:hover:after,
    .nancy:hover:after,
    .nantes:hover:after,
    .marseille:hover:after,
    .blois:hover:after,
    .havre:hover:after,
    .toulouse:hover:after,
    .bordeaux:hover:after,
    .dijon:hover:after {
        transition: 0.5s;
        color: #00aeef;
        background-color: white !important;
        padding: 10px;
        font-weight: 700 !important;
    }

    .lyon:hover:after {
        transition: 0.5s;
        color: black;
        background-color: white !important;
        padding: 10px;
        font-weight: 700 !important;
    }

    .paris:after {
        content: "Paris";
        color: transparent;
        position: absolute;
        z-index: 10;
        bottom: 130% !important;
        left: 50%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
    }

    .lille:after {
        content: "Lille";
        color: transparent;
        position: absolute;
        z-index: 10;
        bottom: 130% !important;
        left: 50%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
    }

    .strasbourg:after {
        content: "Strasbourg";
        color: transparent;
        position: absolute;
        z-index: 10;
        bottom: 130% !important;
        left: 148%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
    }

    .metz:after {
        content: "Metz";
        color: transparent;
        position: absolute;
        z-index: 10;
        bottom: 130% !important;
        left: 50%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
    }

    .nancy:after {
        content: "Nancy";
        color: transparent;
        position: absolute;
        z-index: 10;
        top: 120% !important;
        left: 50%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
    }

    .nantes:after {
        content: "Nantes";
        color: transparent;
        position: absolute;
        z-index: 10;
        bottom: 130% !important;
        left: 50%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
    }

    .marseille:after {
        content: "Marseille";
        color: transparent;
        position: absolute;
        z-index: 10;
        bottom: 130% !important;
        left: 50%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
    }

    .blois:after {
        content: "Blois";
        color: transparent;
        position: absolute;
        z-index: 10;
        top: 130% !important;
        left: 50%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
    }

    .havre:after {
        content: "Havre";
        color: transparent;
        position: absolute;
        z-index: 10;
        bottom: 130% !important;
        left: 50%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
    }

    .toulouse:after {
        content: "Toulouse";
        color: transparent;
        position: absolute;
        z-index: 10;
        bottom: 130% !important;
        left: 100%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
    }

    .bordeaux:after {
        content: "Bordeaux";
        color: transparent;
        position: absolute;
        z-index: 10;
        bottom: 130% !important;
        left: 50%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
    }

    .dijon:after {
        content: "Dijon";
        color: transparent;
        position: absolute;
        z-index: 10;
        bottom: 130% !important;
        left: 50%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
    }

    .lyon:after {
        content: "Lyon";
        color: transparent;
        position: absolute;
        z-index: 10;
        bottom: 130% !important;
        left: 50%;
        transform: translate(-50%, 0px);
        transition: 0.5s;
    }

    .point-ville:hover {
        transform: scale(1.2);
    }

    .point-ville {
        transition: transform 0.3s ease;
    }

    /*    Carte de france maintenance*/

    .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span {
        background: #F4DB0C !important;
    }

    .onglets-services.vc_tta-tabs.vc_tta-has-pagination .vc_pagination {
        top: inherit !important;
        bottom: -20px !important;
        z-index: 10;
        /*background-color: white;*/
        margin: 0;
        padding: 10px;
    }

    /*
    .btn-service:not(.btn-doc) {
        position: absolute;
        bottom: 100px;
        right: 220px;
        z-index: 100;
    }
*/

    .btn-service > a.vc_general {
        background-color: #00aeef;
        color: white;
        transition: 0.5s !important;
    }

    .btn-service > a.vc_general:hover {
        background-color: #f4db0c;
        color: black;
        transition: 0.5s !important;
    }

    .btn-sav > a.vc_general {
        background-color: #00aeef;
        color: white;
        transition: 0.5s !important;
    }

    .btn-sav > a.vc_general:hover {
        background-color: #f4db0c;
        color: black;
        transition: 0.5s !important;
    }


    .ecriture-blanc span {
        color: white;
    }


    .img-arrondie img {
        border-radius: 60px !important;
        transition: 0.3s ease;
    }

    .img-arrondie:hover img {
        border-radius: 0 !important;
        transform: scale(1.03);
        transition: 0.3s ease;
    }

    /*-btn-flottant-*/

    .btn-fixed-tel:hover a,
    .btn-fixed-mail:hover a,
    .btn-fixed-link:hover a {
        opacity: 1;
        transition: 0.5s;
    }

    .btn-fixed-tel a,
    .btn-fixed-mail a,
    .btn-fixed-link a {
        opacity: 0;
        transition: 0.5s;
    }

    .btn-fixed-tel:hover,
    .btn-fixed-mail:hover,
    .btn-fixed-link:hover {
        transition: 0.5s;
        transform: scale(1.2) translate(-14px, 0px);
    }

    .btn-fixed-tel:hover,
    .btn-fixed-mail:hover {
        background-size: 40%;
        background-position: 50% 0%;
    }

    .btn-fixed-tel,
    .btn-fixed-mail,
    .btn-fixed-link {
        transition: 0.5s;
    }

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

    #btn-fixed {
        background: white;
        padding-top: 11px;
        border-top-left-radius: 32px;
        border-bottom-left-radius: 32px;
        transition: padding-left 0.5s ease-out;
    }

    div#btn-fixed:hover {
        padding-left: 23px;
    }

    .btn-fixed-tel,
    .btn-fixed-mail,
    .btn-fixed-link {
        height: 50px;
        width: 50px;
        display: flex;
        margin: 0;
        opacity: 0.9;
    }

    .btn-assist {
        background-image: url(/wp-content/uploads/2026/01/Image_Menu_Services_Assistance.jpg);
        background-size: cover;
    }

    .btn-maintenance {
        background-image: url(/wp-content/uploads/2026/01/96762.jpg);
        background-size: cover;
    }

    .btn-conseil {
        background-image: url(/wp-content/uploads/2026/01/119563.jpg);
        background-size: cover;
    }

    .btn-sante {
        background-image: url(/wp-content/uploads/2025/08/sante-recherche.webp);
        background-size: cover;
    }

    .btn-air {
        background-image: url(/wp-content/uploads/2025/08/traitement-air-cvc.webp);
        background-size: cover;
    }

    .btn-message {
        background-image: url(/wp-content/uploads/2025/08/installation-systeme-logistique-secteur-messagerie.webp);
        background-size: cover;
    }

    .btn-comm {
        background-image: url(/wp-content/uploads/2025/08/ligne-tri-pour-prepa-commande.webp);
        background-size: cover;
    }

    .btn-aero {
        background-image: url(/wp-content/uploads/2025/08/secteur-aeroportuaire.webp);
        background-size: cover;
    }

    .btn-trai {
        background-image: url(/wp-content/uploads/2025/08/traitement-des-dechets.webp);
        background-size: cover;
    }

    /*-mettre la couleur voulu au background-color-*/

    .btn-fixed-tel {
        background-color: transparent;
    }

    .btn-fixed-mail {
        background-color: transparent;
    }

    .btn-fixed-link {
        background-color: transparent;
    }

    /*-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/2025/12/phone-2.png);
        background-position: 50% 25%;
        background-repeat: no-repeat;
        background-size: 60%;
        margin-bottom: 10px !important;

    }

    .btn-fixed-mail {
        background-image: url(/wp-content/uploads/2025/12/email-btn-flottant-1.png);
        background-position: 50% 35%;
        background-repeat: no-repeat;
        background-size: 60%;
        margin-bottom: 10px !important;
    }

    .btn-fixed-link {
        background-image: url(/wp-content/uploads/2025/12/IN.png);
        background-position: 50% 35%;
        background-repeat: no-repeat;
        background-size: 40%;
        margin-bottom: 10px !important;
    }

    /*-FIN-mettre l'url de l'image voulu au background-image-*/

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

    .btn-fixed-tel *,
    .btn-fixed-mail *,
    .btn-fixed-link * {
        color: #00aeef !important;
        text-align: center;
        font-size: 13px !important;
        line-height: 13px !important;
        width: 100%;
        height: 100%;
        display: flex;
    }

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

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

    /*-FIN-btn-flottant-*/

    i.icon-phone {
        background-image: url(/wp-content/uploads/2025/05/phone-1.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 80%;
    }

    i.icon-mail-line {
        background-image: url(/wp-content/uploads/2025/05/email-btn-flottant.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 80%;
    }

    i.icon-phone:before,
    i.icon-mail-line:before {
        opacity: 0;
    }

    /*chevauchement*/

    .background-blanc:before {
        content: "";
        position: absolute;
        z-index: 0;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0px);
        width: 100vw;
        height: 100%;
        background: white;
    }

    .background-blanc {
        position: relative;
    }

    .chevauchement {
        margin-bottom: -300px;
    }

    .z-index-1 {
        z-index: 1;
        position: relative;
    }

    .z-index-1 .z-index-1 {
        z-index: 1;
        position: relative;
        top: 67px;
    }

    /*fin*chevauchement*/
}

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

    .range-gris-clair-bas:after {
        background-position: 10% 50%;
        background-size: 160% 100%;
    }

    .range-gris-clair-haut:after {
        background-position: 10% 50%;
        background-size: 160% 100%;
    }

    #Action_bar .contact_details > li.phone.phone-1,
    #Action_bar .contact_details > li.mail {
        display: flex;
    }

    #Action_bar .contact_details li > i {
        width: 30px !important;
        display: block;
        height: 20px !important;
    }

    .header-classic #Action_bar * {
        color: white !important;
    }

    .header-classic #Action_bar {
        background-color: #384955;
    }

    .vc_gitem-animated-block {
        height: 180px;
        overflow: hidden;
    }

    .vc_gitem-zone {
        height: 330px;
    }

    .btn-made-in-france {
        position: absolute !important;
        right: 0;
        width: 150px;
    }

    ul#menu-menu-v2 > li.btn-soluce {
        position: initial !important;
    }

    ul#menu-menu-v2 > li.btn-secteurs {
        position: initial !important;
    }

    ul#menu-menu-v2 > li.btn-services {
        position: initial !important;
    }

    ul#menu-menu-v2 > li.btn-soluce > ul.sub-menu {
        width: 1240px;
        height: 600px;
        left: 50%;
        transform: translate(-50%, 0px);
        padding: 5px;
        background-image: none !important;
        box-shadow: 0px 10px 10px #000000bd;
    }

    ul#menu-menu-v2 > li.btn-secteurs > ul.sub-menu {
        width: 1200px;
        height: 530px;
        left: 50%;
        transform: translate(-50%, 0px);
        padding: 5px;
        background-image: none !important;
        box-shadow: 0px 10px 10px #000000bd;
    }

    ul#menu-menu-v2 > li.btn-services > ul.sub-menu {
        width: 1240px;
        /*height: 530px;*/
        left: 50%;
        transform: translate(-50%, 0px);
        padding: 5px;
        background-image: none !important;
        box-shadow: 0px 10px 10px #000000bd;
    }

    ul#menu-menu-v2 > li.btn-soluce:hover > ul.sub-menu {
        display: flex !important;
        box-shadow: none !important;
    }

    ul#menu-menu-v2 > li.btn-secteurs:hover > ul.sub-menu {
        display: flex !important;
        box-shadow: none !important;
        flex-wrap: wrap;
    }

    ul#menu-menu-v2 > li.btn-services:hover > ul.sub-menu {
        display: flex !important;
        box-shadow: none !important;
    }

    ul#menu-menu-v2 > li.btn-secteurs > ul.sub-menu > li {
        width: 25%;
        height: 50%;
    }

    ul#menu-menu-v2 > li.btn-services > ul.sub-menu > li {
        width: 25%;
    }

    ul#menu-menu-v2 > li.btn-secteurs > ul.sub-menu > li.btn-double {
        width: 50%;
    }

    ul#menu-menu-v2 > li.btn-soluce > ul.sub-menu > li {
        width: 33.33%;
    }

    ul#menu-menu-v2 > li.btn-soluce:hover > ul.sub-menu > li.btn-sys-tri {
        width: 45%;
        overflow: hidden;
    }

    ul#menu-menu-v2 > li > a {
        font-size: 20px;
    }

    ul#menu-menu-v2 > li.btn-secteurs > ul.sub-menu > li.btn-double,
    ul#menu-menu-v2 > li.btn-secteurs > ul.sub-menu > li.btn-ss-menu:nth-child(6) {
        background-color: #384955;
    }

    ul#menu-menu-v2 > li.btn-services > ul.sub-menu > li.btn-titre-cat,
    ul#menu-menu-v2 > li.btn-services > ul.sub-menu > li.btn-conseil {
        background-color: #384955;
    }

    ul#menu-menu-v2 > li.btn-secteurs > ul.sub-menu > li.btn-ss-menu:nth-child(2),
    ul#menu-menu-v2 > li.btn-secteurs > ul.sub-menu > li.btn-ss-menu:nth-child(4),
    ul#menu-menu-v2 > li.btn-secteurs > ul.sub-menu > li.btn-ss-menu:nth-child(7) {
        background-color: #566976;
    }

    ul#menu-menu-v2 > li.btn-services > ul.sub-menu > li.btn-maintenance {
        background-color: #566976;
    }

    ul#menu-menu-v2 > li.btn-secteurs > ul.sub-menu > li.btn-ss-menu:nth-child(3),
    ul#menu-menu-v2 > li.btn-secteurs > ul.sub-menu > li.btn-ss-menu:nth-child(5) {
        background-color: #768794;
    }

    ul#menu-menu-v2 > li.btn-services > ul.sub-menu > li.btn-assist {
        background-color: #768794;
    }

    ul#menu-menu-v2 > li.btn-soluce > ul.sub-menu > li > a > i,
    ul#menu-menu-v2 > li.btn-soluce:hover > ul.sub-menu > li > ul.sub-menu > li.btn-ss-ss-menu > a > i {
        display: none;
    }

    ul#menu-menu-v2 > li.btn-soluce > ul.sub-menu > li.btn-sys-tri {
        background-color: #384955;
    }

    ul#menu-menu-v2 > li.btn-soluce > ul.sub-menu > li.btn-equipements {
        background-color: #566976;
    }

    ul#menu-menu-v2 > li.btn-soluce > ul.sub-menu > li.btn-cvc {
        background-color: #768794;
    }

    ul#menu-menu-v2 > li.btn-secteurs > ul.sub-menu > li > a,
    ul#menu-menu-v2 > li.btn-services > ul.sub-menu > li > a {
        color: white;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        text-transform: uppercase;
        font-weight: 900;
        font-size: 18px;
        background: #000000a6;
        border: none !important;
    }

    ul#menu-menu-v2 > li.btn-secteurs > ul.sub-menu > li:not(.btn-double):hover > a,
    ul#menu-menu-v2 > li.btn-services > ul.sub-menu > li:not(.btn-titre-cat):hover > a {
        color: black;
        background: #ffffffbd;
    }

    .btn-titre-cat {
        padding: 0 !important;
    }

    span.titre-cat {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 15px;
        text-transform: uppercase;
        font-weight: 900;
    }

    ul#menu-menu-v2 > li.btn-secteurs > ul.sub-menu > li.btn-double > a,
    ul#menu-menu-v2 > li.btn-services > ul.sub-menu > li.btn-double > a {
        text-transform: none;
        font-weight: 400;
    }

    .btn-titre-cat > a {
        text-transform: none !important;
        font-weight: 400 !important;
    }

    ul#menu-menu-v2 > li.btn-secteurs > ul.sub-menu > li:not(.btn-double),
    ul#menu-menu-v2 > li.btn-services > ul.sub-menu > li:not(.btn-double) {
        padding: 10px;
    }

    ul#menu-menu-v2 > li.btn-soluce > ul.sub-menu > li > a {
        color: black;
        text-transform: uppercase;
        font-weight: 900;
        font-size: 18px;
        background: transparent;
        border: none !important;
        position: relative;
        z-index: 1;
    }

    ul#menu-menu-v2 > li.btn-soluce > ul.sub-menu > li:hover > a {
        color: #fff500;
    }

    ul#menu-menu-v2 > li.btn-soluce:hover > ul.sub-menu > li > ul.sub-menu {
        position: relative;
        left: 0;
        width: 100% !important;
        display: block !important;
        background: transparent;
        top: 130px;
        border: none !important;
        box-shadow: none !important;
        z-index: 0;
    }

    ul#menu-menu-v2 > li.btn-soluce:hover > ul.sub-menu > li > ul.sub-menu > li {
        width: 100%;
    }

    ul#menu-menu-v2 > li.btn-soluce:hover > ul.sub-menu > li.btn-sys-tri > ul.sub-menu > li {
        padding-left: 105px;
    }

    ul#menu-menu-v2 > li.btn-soluce:hover > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
        position: relative;
        display: block !important;
        left: 0px;
        background: transparent;
        box-shadow: none !important;
    }

    ul#menu-menu-v2 > li.btn-soluce:hover > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li {
        width: 100%;
    }

    ul#menu-menu-v2 > li.btn-soluce:hover > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
        padding-left: 40px !important;
    }

    ul#menu-menu-v2 > li.btn-soluce:hover > ul.sub-menu > li > ul.sub-menu > li.btn-ss-ss-menu > a {
        color: white;
        text-transform: uppercase;
        font-weight: 900;
        font-size: 16px;
        padding-bottom: 0;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        position: relative;
    }

    ul#menu-menu-v2 > li.btn-soluce:hover > ul.sub-menu > li > ul.sub-menu > li.btn-ss-ss-menu > a:hover {
        color: #fff500;
    }

    ul#menu-menu-v2 > li.btn-soluce:hover > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
        padding: 4px 10px 4px 0px;
        border: none !important;
        color: #95c6e5 !important;
    }

    ul#menu-menu-v2 > li.btn-soluce:hover > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li:hover > a {
        color: #ffffff !important;
    }

    ul#menu-menu-v2 > li.btn-soluce:hover > ul.sub-menu > li > ul.sub-menu > li > a {
        border: none;
    }

    ul#menu-menu-v2 > li.btn-soluce:hover > ul.sub-menu > li > ul.sub-menu > li.btn-ss-ss-ss-menu > a {
        color: #c3e6fc !important;
    }

    ul#menu-menu-v2 > li.btn-soluce:hover > ul.sub-menu > li > ul.sub-menu > li.btn-ss-ss-ss-menu:hover > a {
        color: #ffffff !important;
    }

    ul#menu-menu-v2 > li.btn-soluce > ul.sub-menu > li > a:after {
        content: "";
        position: absolute;
        top: 0%;
        left: 50%;
        transform: translate(-50%, 0px);
        width: 100%;
        height: 175px;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -2;
    }

    ul#menu-menu-v2 > li.btn-soluce > ul.sub-menu > li.btn-sys-tri > a:after {
        background-image: url(/wp-content/uploads/2025/08/installation-systeme-ligne-tri.webp);
    }

    ul#menu-menu-v2 > li.btn-soluce > ul.sub-menu > li.btn-equipements > a:after {
        background-image: url(/wp-content/uploads/2026/01/Convoyage-RABS-traitement-air-secteur-sante-recherche.jpg);
        background-size: 100% auto;
    }

    ul#menu-menu-v2 > li.btn-soluce > ul.sub-menu > li.btn-cvc > a:after {
        background-image: url(/wp-content/uploads/2025/08/installation-traitement-air-batiment-industriel.webp);
        background-position: 50% 90%;
    }

    ul#menu-menu-v2 > li.btn-soluce:hover > ul.sub-menu > li.btn-sys-tri > ul.sub-menu > li.btn-ss-ss-menu > a:not(.menu-toggle):before {
        content: "";
        position: absolute;
        left: -80px;
        top: 20px;
        width: 70px;
        height: 70px;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        opacity: 0.5;
        z-index: 0;
    }

    ul#menu-menu-v2 > li.btn-soluce:hover > ul.sub-menu > li > ul.sub-menu > li:hover > a:before {
        filter: brightness(120);
        opacity: 1 !important;
    }

    ul#menu-menu-v2 > li.btn-soluce > ul.sub-menu > li > a > span:before {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translate(-50%, 0px);
        background: #ffffff;
        height: 46px;
        width: 110%;
        z-index: -1;
        border-radius: 0 0 20px 20px;
        transition: 0.5s;
    }

    ul#menu-menu-v2 > li.btn-soluce > ul.sub-menu > li:hover > a > span:before {
        transition: 0.5s;
        background: black;
    }

    ul#menu-menu-v2 > li.btn-soluce:hover > ul.sub-menu > li.btn-sys-tri > ul.sub-menu > li.btn-ss-ss-menu.btn-tri-colis > a:before {
        background-image: url(/wp-content/uploads/2025/05/parcel.png);
    }

    ul#menu-menu-v2 > li.btn-soluce:hover > ul.sub-menu > li.btn-sys-tri > ul.sub-menu > li.btn-ss-ss-menu.btn-tri-bagages > a:before {
        background-image: url(/wp-content/uploads/2025/05/airplane.png);
    }

    ul#menu-menu-v2 > li.btn-soluce:hover > ul.sub-menu > li.btn-sys-tri > ul.sub-menu > li.btn-ss-ss-menu.btn-tri-dechet > a:before {
        background-image: url(/wp-content/uploads/2025/05/recycle.png);
    }

    .btn-chauffage {
        margin-top: 30px;
    }

    /*-menu-services-*/

    .btn-serv:hover {
        position: inherit !important;
        background-color: #000000 !important;
    }

    .btn-serv:hover > a {
        color: white !important;
    }

    .btn-serv:hover > ul.sub-menu {
        width: 800px;
        left: 50% !important;
        transform: translate(-50%, 0px);
        display: flex !important;
        height: 500px;
        padding: 10px;
        background-color: #000000 !important;
    }

    .btn-serv:hover > ul.sub-menu > li {
        height: 80px;
        background-color: white;
        display: flex;
        width: 33.33% !important;
    }

    .btn-serv:hover > ul.sub-menu > li > a {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        font-size: 13px;
        text-align: center;
        width: 100%;
    }

    .btn-serv:hover > ul.sub-menu > li > a > i {
        display: none;
    }

    .btn-serv:hover > ul.sub-menu > li > a.menu-toggle {
        display: none !important;
    }

    .btn-serv:hover > ul.sub-menu > li.prem-act,
    .btn-serv:hover > ul.sub-menu > li.btn-act:hover {
        background-color: #f4db0c;
    }

    .btn-serv:hover > ul.sub-menu > li.prem-act > ul.sub-menu,
    .btn-serv:hover > ul.sub-menu > li.btn-act:hover > ul.sub-menu {
        display: block !important;
        top: 100% !important;
        left: 0 !important;
        width: 300%;
        height: 400px;
        background-position: 50% !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    .btn-serv:hover > ul.sub-menu > li.btn-act:nth-child(2):hover > ul.sub-menu {
        left: -100% !important;
    }

    .btn-serv:hover > ul.sub-menu > li.btn-act:nth-child(3):hover > ul.sub-menu {
        left: -200% !important;
    }


    .btn-serv:hover > ul.sub-menu > li.prem-act > a,
    .btn-serv:hover > ul.sub-menu > li.btn-act:hover > a {
        color: black !important;
    }

    .btn-serv > ul.sub-menu > li.btn-main > ul.sub-menu {
        background-image: url(/wp-content/uploads/2024/04/Maintenance.jpg) !important;
    }

    .btn-serv > ul.sub-menu > li.btn-assi > ul.sub-menu {
        background-image: url(/wp-content/uploads/2024/04/assistance-industrielle.jpg) !important;
    }

    .btn-serv > ul.sub-menu > li.btn-cons > ul.sub-menu {
        background-image: url(/wp-content/uploads/2024/04/conseils-industrielle.jpg) !important;
    }


    /*-FIN-menu-sservices-*/

    /*-menu-solutions-*/

    .btn-solu:hover {
        position: inherit !important;
        background-color: #000000 !important;
    }

    .btn-solu:hover > a {
        color: white !important;
    }

    .btn-solu:hover > ul.sub-menu {
        width: 800px;
        left: 50% !important;
        transform: translate(-50%, 0px);
        display: flex !important;
        height: 500px;
        padding: 10px;
        background-color: #000000 !important;
    }

    .btn-solu:hover > ul.sub-menu > li {
        height: 80px;
        background-color: white;
        display: flex;
        width: 33.33% !important;
    }

    .btn-solu:hover > ul.sub-menu > li > a {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        font-size: 13px;
        text-align: center;
        width: 100%;
    }

    .btn-solu:hover > ul.sub-menu > li > a > i {
        display: none;
    }

    .btn-solu:hover > ul.sub-menu > li > a.menu-toggle {
        display: none !important;
    }

    .btn-solu:hover > ul.sub-menu > li.prem-active,
    .btn-solu:hover > ul.sub-menu > li.btn-acti:hover {
        background-color: #f4db0c;
    }

    .btn-solu:hover > ul.sub-menu > li.prem-active > ul.sub-menu,
    .btn-solu:hover > ul.sub-menu > li.btn-acti:hover > ul.sub-menu {
        display: block !important;
        top: 100% !important;
        left: 0 !important;
        width: 300%;
        height: 400px;
        background-position: 50% !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    .btn-solu:hover > ul.sub-menu > li.btn-acti:nth-child(2):hover > ul.sub-menu {
        left: -100% !important;
    }

    .btn-solu:hover > ul.sub-menu > li.btn-acti:nth-child(3):hover > ul.sub-menu {
        left: -200% !important;
    }


    .btn-solu:hover > ul.sub-menu > li.prem-active > a,
    .btn-solu:hover > ul.sub-menu > li.btn-acti:hover > a {
        color: black !important;
    }

    .btn-solu > ul.sub-menu > li.btn-tran > ul.sub-menu {
        background-image: url(/wp-content/uploads/2024/04/transitique.jpg) !important;
    }

    .btn-solu > ul.sub-menu > li.btn-proc > ul.sub-menu {
        background-image: url(/wp-content/uploads/2024/04/ingenieurie-process-industriel.jpg) !important;
    }

    .btn-solu > ul.sub-menu > li.btn-trai > ul.sub-menu {
        background-image: url(/wp-content/uploads/2024/04/traitement-de-lair-1.jpg) !important;
    }


    /*-FIN-menu-solutions-*/

    /*-menu-ENTREPRISE-*/

    .btn-entr:hover {
        position: inherit !important;
        background-color: #000000 !important;
    }

    .btn-entr:hover > a {
        color: white !important;
    }

    .btn-entr:hover > ul.sub-menu {
        width: 800px;
        left: 50% !important;
        transform: translate(-50%, 0px);
        display: flex !important;
        height: 500px;
        padding: 10px;
        background-color: #000000 !important;
    }

    .btn-entr:hover > ul.sub-menu > li {
        height: 80px;
        background-color: white;
        display: flex;
        width: 50% !important;
    }

    .btn-entr:hover > ul.sub-menu > li > a {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        font-size: 13px;
        text-align: center;
        width: 100%;
    }

    .btn-entr:hover > ul.sub-menu > li > a > i {
        display: none;
    }

    .btn-entr:hover > ul.sub-menu > li > a.menu-toggle {
        display: none !important;
    }

    .btn-entr:hover > ul.sub-menu > li.prem-a,
    .btn-entr:hover > ul.sub-menu > li.btn-ac:hover {
        background-color: #f4db0c;
    }

    .btn-entr:hover > ul.sub-menu > li.prem-a > ul.sub-menu,
    .btn-entr:hover > ul.sub-menu > li.btn-ac:hover > ul.sub-menu {
        display: block !important;
        top: 100% !important;
        left: 0 !important;
        width: 200%;
        height: 400px;
        background-position: 50% !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    .btn-entr:hover > ul.sub-menu > li.btn-ac:nth-child(2):hover > ul.sub-menu {
        left: -100% !important;
    }

    .btn-entr:hover > ul.sub-menu > li.btn-ac:nth-child(3):hover > ul.sub-menu {
        left: -200% !important;
    }


    .btn-entr:hover > ul.sub-menu > li.prem-a > a,
    .btn-entr:hover > ul.sub-menu > li.btn-ac:hover > a {
        color: black !important;
    }

    .btn-entr > ul.sub-menu > li.btn-quisom > ul.sub-menu {
        background-image: url(/wp-content/uploads/2024/05/1-1.jpg) !important;
    }

    .btn-entr > ul.sub-menu > li.btn-rse > ul.sub-menu {
        background-image: url(/wp-content/uploads/2024/05/fond-slide-scaled.jpg) !important;
    }


    /*-FIN-menu-ENTREPRISE-*/

    .btn-actualites,
    .btn-recrutements {
        display: none !important;
    }

    /*.onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-body > .vc_row.wpb_row > .bloc-img-onglet > div > div > .wpb_single_image {
        display: flex;
        justify-content: end;
        padding-right: 100px;
    }*/

    .onglets-services > .vc_tta-panels-container {
        height: 470px !important;
        overflow: hidden !important;
    }

    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_active > .vc_tta-panel-body > .vc_row.wpb_row,
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_animating > .vc_tta-panel-body > .vc_row.wpb_row,
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-body > .vc_row.wpb_row {
        height: 400px !important;
        overflow: hidden !important;
    }

    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_active > .vc_tta-panel-body > .vc_row.wpb_row > div:not(.bloc-img-onglet),
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_animating > .vc_tta-panel-body > .vc_row.wpb_row > div:not(.bloc-img-onglet),
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-body > .vc_row.wpb_row > div:not(.bloc-img-onglet) {
        height: 400px;
        overflow: hidden !important;
    }

    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_active > .vc_tta-panel-body > .vc_row.wpb_row > .bloc-img-onglet,
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_animating > .vc_tta-panel-body > .vc_row.wpb_row > .bloc-img-onglet,
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-body > .vc_row.wpb_row > .bloc-img-onglet {
        position: absolute;
        right: 0;
        top: 20px;
    }

    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_active > .vc_tta-panel-body,
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_animating > .vc_tta-panel-body,
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-body {
        height: 428px !important;
        overflow: hidden !important;
        transition: 0s !important;
        padding: 14px 20px !important;
    }

    .onglets-services > .vc_tta-panels-container:before,
    .onglets-services > .vc_tta-panels-container:after {
        content: "";
        width: 180px !important;
        height: 400px;
        display: block;
        position: absolute;
        top: 0;
        z-index: 1;
        /*background-image: url(/wp-content/uploads/2024/02/deco-biseau-1.png);  NB 241001*/
        background-position: 50% 100%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .onglets-services > .vc_tta-panels-container:before {
        left: 32% !important;
    }

    .onglets-services > .vc_tta-panels-container:after {
        right: 0px;
        transform: rotate(180deg);
    }

    .onglets-services.vc_tta-tabs.vc_tta-has-pagination .vc_pagination {
        top: 94% !important;
        bottom: -20px !important;
        z-index: 10;
        /* background-color: white; */
        margin: 0;
        padding: 10px;
    }

    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_active > .vc_tta-panel-body {
        position: relative;
    }

    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_active > .vc_tta-panel-body:before,
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_active > .vc_tta-panel-body:after {
        content: "";
        width: 280px !important;
        height: 400px;
        display: block;
        position: absolute;
        top: 0;
        z-index: 1;
        /*background-image: url(/wp-content/uploads/2024/02/deco-biseau.png);  NB 241001 */
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        opacity: 0.2;
        transition: 0.5s ! important;
    }

    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_active > .vc_tta-panel-body:before {
        left: 40% !important;
        width: 690px !important;
        animation-delay: 1s;
    }

    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel.vc_active > .vc_tta-panel-body:after {
        left: 41% !important;
        animation-delay: 2s;
    }

    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-body:before {
        animation-delay: 1s;
    }

    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-body:after {
        animation-delay: 2s;
    }

    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-body:before,
    .onglets-services > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel > .vc_tta-panel-body:after {
        content: "";
        width: 0px !important;
        height: 400px;
        display: block;
        position: absolute;
        top: 0;
        z-index: 1;
        /*background-image: url(/wp-content/uploads/2024/02/deco-biseau.png); NB 241001*/
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        opacity: 0.2;
        transition: 0.5s ! important;
    }

    .onglets-services .wpb_single_image img {
        height: 400px;
        width: auto;
    }

    article > .post-wrapper-content > section > .section_wrapper {
        display: block;
    }

    .img-grand {
        position: absolute;
        bottom: -20px !important;
        left: 50%;
        transform: translate(-50%, 50%);
        width: calc(110vw - 20px);
        height: auto;
    }

    /*-header-*/
    /*-action-bar-*/
    #Action_bar .column {
        display: flex;
        justify-content: end;
    }

    #Action_bar .column > ul.contact_details * {
        font-size: 16px;
        line-height: 20px;
    }

    #Action_bar .contact_details {
        display: flex;
        flex-direction: row-reverse;
    }

    li.link,
    li.yout {
        width: 20px;
        height: 20px;
        padding: 0 !important;
        margin: 12px 0;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100%;
        transition: 0.5s;
        filter: invert(1);
    }

    li.link:hover,
    li.yout:hover {
        transition: 0.5s;
        transform: scale(1.1);
    }

    li.link {
        background-image: url(/wp-content/uploads/2024/02/IN.png);
    }

    li.yout {
        background-image: url(/wp-content/uploads/2024/02/youtube.png);
    }

    li.link > a,
    li.yout > a {
        display: block;
        width: 100%;
        height: 100%;
    }

    /*-action-bar-*/
    /*-menu-*/

    .btn-sect:hover {
        position: inherit !important;
        background-color: #000000 !important;
    }

    .btn-sect:hover > a {
        color: white !important;
    }

    .btn-sect:hover > ul.sub-menu {
        width: 100%;
        left: 50% !important;
        transform: translate(-50%, 0px);
        display: flex !important;
        height: 500px;
        padding: 10px;
        background-color: #000000 !important;
    }

    .btn-sect:hover > ul.sub-menu > li {
        height: 80px;
        background-color: white;
        display: flex;
    }

    .btn-sect:hover > ul.sub-menu > li > a {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        font-size: 13px;
        text-align: center;
        width: 100%;
    }

    .btn-sect:hover > ul.sub-menu > li > a > i {
        display: none;
    }

    .btn-sect:hover > ul.sub-menu > li > a.menu-toggle {
        display: none !important;
    }

    .btn-sect:hover > ul.sub-menu > li.premiere-active,
    .btn-sect:hover > ul.sub-menu > li.btn-active:hover {
        background-color: #f4db0c;
    }

    .btn-sect:hover > ul.sub-menu > li.premiere-active > ul.sub-menu,
    .btn-sect:hover > ul.sub-menu > li.btn-active:hover > ul.sub-menu {
        display: block !important;
        top: 100% !important;
        left: 0 !important;
        width: 600%;
        height: 400px;
        background-position: 50% !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    .btn-sect:hover > ul.sub-menu > li.btn-active:nth-child(2):hover > ul.sub-menu {
        left: -100% !important;
    }

    .btn-sect:hover > ul.sub-menu > li.btn-active:nth-child(3):hover > ul.sub-menu {
        left: -200% !important;
    }

    .btn-sect:hover > ul.sub-menu > li.btn-active:nth-child(4):hover > ul.sub-menu {
        left: -300% !important;
    }

    .btn-sect:hover > ul.sub-menu > li.btn-active:nth-child(5):hover > ul.sub-menu {
        left: -400% !important;
    }

    .btn-sect:hover > ul.sub-menu > li.btn-active:nth-child(6):hover > ul.sub-menu {
        left: -500% !important;
    }

    .btn-sect:hover > ul.sub-menu > li.btn-active:nth-child(7):hover > ul.sub-menu {
        left: -600% !important;
    }

    .btn-sect:hover > ul.sub-menu > li.premiere-active > a,
    .btn-sect:hover > ul.sub-menu > li.btn-active:hover > a {
        color: black !important;
    }

    .btn-sect > ul.sub-menu > li.btn-phar > ul.sub-menu {
        background-image: url(/wp-content/uploads/2024/05/pharmaceutique.jpg) !important;
    }

    .btn-sect > ul.sub-menu > li.btn-agro > ul.sub-menu {
        background-image: url(/wp-content/uploads/2024/05/agroalimentaire.jpg) !important;
    }

    .btn-sect > ul.sub-menu > li.btn-logi > ul.sub-menu {
        background-image: url(/wp-content/uploads/2024/05/logistique.jpg) !important;
    }

    .btn-sect > ul.sub-menu > li.btn-dech > ul.sub-menu {
        background-image: url(/wp-content/uploads/2024/05/traitement-des-dechets.jpg) !important;
    }

    .btn-sect > ul.sub-menu > li.btn-indu > ul.sub-menu {
        background-image: url(/wp-content/uploads/2024/05/industriel.jpg) !important;
    }

    .btn-sect > ul.sub-menu > li.btn-mess > ul.sub-menu {
        background-image: url(/wp-content/uploads/2024/05/messagerie.jpg) !important;
    }

    .btn-sect > ul.sub-menu > li.btn-aero > ul.sub-menu {
        background-image: url(/wp-content/uploads/2024/02/aeroportuaire.jpg) !important;
    }

    .btn-plus:hover {
        background-color: #00aeef !important;
    }

    .btn-plus {
        position: absolute !important;
        bottom: 50px;
        left: 50px;
        background-color: #f4db0c;
        text-align: center;
    }

    .btn-plus:hover > a {
        color: white !important;
    }

    /*-menu-*/
    /*-header-*/

    .hover-block-opacity-zero > .hover-opacity-zero {
        opacity: 0;
    }

    .hover-block-opacity-zero:hover > .hover-opacity-zero {
        opacity: 1 !important;
    }

    .grand-titre,
    .grand-titre * {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 0 !important;
    }

    .vrai-titre-h2,
    .vrai-titre-h2 * {
        font-size: 20px;
        line-height: 20px;
    }



    .btn-service:not(.btn-doc) {
        position: absolute;
        bottom: 100px;
        right: 220px;
        z-index: 100;
    }

    .btn-service > a.vc_general {
        background-color: #00aeef;
        color: white;
        transition: 0.5s !important;
    }

    .btn-service > a.vc_general:hover {
        background-color: #f4db0c;
        color: black;
        transition: 0.5s !important;
    }

    .block-img-secteur:hover {
        transition: 0.5s !important;
        transform: scale(1.05) !important;
    }

    .block-img-secteur {
        transition: 0.5s !important;
    }

    .block-img-secteur > .vc_column-inner {
        padding: 0;
        overflow: hidden !important;
        border-radius: 50px !important;
        transition: 0.5s !important;
    }

    .block-img-secteur * {
        margin-bottom: 0 !important;
        transition: 0.5s !important;
    }

    .block-img-secteur > .vc_column-inner > .wpb_wrapper {
        position: relative !important;
        transition: 0.5s !important;
    }

    .titre-secteurs {
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: 0.5s !important;
        z-index: 1 !important;
    }

    .titre-secteurs:hover {
        transition: 0.5s !important;
        background-color: #00000020 !important;
    }

    .titre-secteurs * {
        color: #ffffff !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        transition: 0.5s !important;
        font-weight: 600;
        font-size: 20px;
    }

    .titre-secteurs:hover * {
        color: white !important;
        transition: 0.5s !important;
    }

    .block-img-secteur:hover figure img {
        transition: 0.5s !important;
        filter: contrast(1) blur(1px) grayscale(0.1) brightness(0.8) !important;
    }

    .block-img-secteur figure img {
        transition: 0.5s !important;
        filter: contrast(0.8) blur(0px) grayscale(0) brightness(0.7) !important;
    }

    .onglets.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a {
        color: black;
    }

    .column.mobile-one.tablet-one-third.one-third {
        display: flex;
        justify-content: center;
    }

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

    .titre-valeurs {
        margin-left: -100px;
        font-size: 20px;
        font-weight: 500;
    }

    .sous-titre-valeur {
        margin-left: -100px;
        margin-top: -30px;
        font-size: 12px;
        line-height: 1.5;
    }

    /*-charte-ethique-*/

    .rangee-bloc-charte .wpb_wrapper {
        display: flex;
        flex-wrap: nowrap;
        gap: 16px;
        justify-content: space-between;
    }

    .bloc-charte {
        flex: 1;
        min-width: 0;
        background: #384955;
        padding: 20px 7px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        cursor: default;
    }

    .bloc-charte p {
        color: white;
        font-size: 13px;
        margin: 0;
        line-height: 1.4;
    }

    .bloc-charte:hover {
        transform: translate(0px, -5px);
        background: #9CAEBC;
        transition-duration: 0.7s;
    }

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

    .colonne-icone .wpb_wrapper {
        right: 60px;
        position: relative;
        top: -3px;
        display: flex;
        flex-direction: column;
    }
}

@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: 1900px) {

    .img-grand {
        position: absolute;
        bottom: 52px !important;
        left: 50%;
        transform: translate(-50%, 50%);
        width: calc(122vw - 20px);
        height: auto;
    }

}

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

/*-AVN-*/