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

/*-LISSE-SA-*/

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

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

a {
    text-decoration: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

html {
    scroll-behavior: smooth;
}

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

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .l-bleu-img {
        position: relative;
    }

    .l-bleu-img-inverse {
        position: relative;
    }

    .l-bleu-img:after,
    .l-bleu-img-inverse:after {
        content: "";
        position: absolute;
        top: 85px;
        bottom: 0;
        left: 60px;
        width: 100%;
        background-color: #0a4c84 !important;
        z-index: -1;
        height: 170px;
    }

    .tour-design .vc_tta-panel.vc_active > .vc_tta-panel-heading {
        background-color: white !important;
    }

    .tour-design .vc_tta-panel > .vc_tta-panel-heading {
        background-color: #0a4c84 !important;
    }

    .tour-design .vc_tta-panel > .vc_tta-panel-heading > h4 > a > span {
        color: white;
    }

    .tour-design .vc_tta-panel.vc_active > .vc_tta-panel-heading > h4 > a > span {
        color: black;
    }

    .tour-design > .vc_tta-panels-container,
    .tour-design > .vc_tta-panels-container * {
        border: none !important;
        border-radius: 0 !important;
    }

    footer#Footer {
        background-size: cover;
    }

    footer#Footer > .widgets_wrapper > .container > .column {
        display: flex;
        justify-content: center;
    }

    footer#Footer > .widgets_wrapper > .container > .column * {
        text-align: center;
    }
}

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

@media only screen and (min-width: 0px) and (max-width: 1239px) {
    .Grand-titre {
        margin-top: 30px;
    }

    .carre-bleu.encart-gris {
        margin-bottom: 60px;
    }

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

    #Top_bar:not(.is-sticky) #logo,
    .header-fixed #Top_bar #logo,
    .header-plain #Top_bar #logo,
    .header-transparent #Top_bar #logo {
        height: 120px !important;
    }

    /*----------------FIN---LOGO---------------------*/
    /*---------------------------------------------------------------------TOP-BAR-LOGO-*/

    #Action_bar .contact_details a {
        color: #fff !important;
    }

    div#Action_bar {
        background-color: #0a4c84 !important;
    }

    div#Top_bar {
        background-color: #0a4c84 !important;
    }

    li.yout {
        transition: transform 0.3s !important;
    }

    li.yout:hover {
        transform: scale(1.2) !important;
    }

    li.link {
        transition: transform 0.3s !important;
    }

    li.link:hover {
        transform: scale(1.2) !important;
    }

    li.link {
        background-image: url(/wp-content/uploads/2024/04/link-logo.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 80%;
    }

    li.yout {
        background-image: url(/wp-content/uploads/2024/04/youtube-logo.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 80%;
    }

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

    li.link,
    li.yout {
        width: 28px;
        height: 28px;
        padding: 0 !important;
    }

    i.icon-phone {
        background-image: url(/wp-content/uploads/2024/04/telephone-blanc.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 80%;
        transition: 0.3s;
    }

    li.phone:hover i.icon-phone {
        background-image: url(/wp-content/uploads/2024/05/telephone-hover.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 80%;
        transition: 0.3s;
        transform: scale(3);
    }

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

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

    i.icon-mail-line {
        background-image: url(/wp-content/uploads/2024/04/mail-blanc.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 80%;
        transition: 0.3s;
    }

    li.mail:hover i.icon-mail-line {
        background-image: url(/wp-content/uploads/2024/05/enveloppe-hover.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 80%;
        transition: 0.3s;
        transform: scale(3);
    }

    li.phone.phone,
    li.mail {
        font-size: 20px;
    }

    #Action_bar .contact_details .phone:hover a,
    #Action_bar .contact_details .mail:hover a {
        color: #c4c4c4 !important;
    }

    /*---------------------------------------------------------------------TOP-BAR-MENU-LOGO-*/
    /*----------------CONTACT---------------------*/

    .fond-lecture {
        background-color: #0a4c8436;
        padding: 10px 25px;
        margin-right: 232px;
    }

    /*----------------FIN--CONTACT---------------------*/
    /*----------------btn-en-savoir-plus---------------------*/

    /*.btn-faire {
        position: relative;
        top: -130px;
        right: -146px;
    }*/

    .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
        color: #fff;
        border-color: #b00b04;
        background-color: #b00b04;
        border-radius: 0 !important;
        background-image: none !important;
    }

    .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
        color: #000 !important;
        border-color: #fff;
        background-color: #fff;
    }

    /*----------------FIN-btn-en-savoir-plus---------------------*/
    /*----------------PAGE ACCUEIL---------------------*/
    /*----------------Nos-services---------------------*/

    .txt-tour {
        color: white !important;
    }

    .carre-bleu-chiffre > .vc_column-inner {
        padding-bottom: 0 !important;
        height: 220px;
    }

    .img-service {
        width: 100%;
        padding-bottom: 60px !important;
        left: 80px !important;
    }

    .info-tour {
        position: absolute;
        z-index: 1;
        background-color: #0a4c84c7;
        bottom: 108px;
        left: 0px;
        width: 200px;
        padding: 20px;
        height: 150px;
    }

    .img-service:before {
        content: "";
        position: absolute;
        bottom: 0;
        right: 100px;
        width: 100%;
        height: 90%;
        background-color: #0a4c84;
        z-index: -1;
    }

    .img-service {
        position: relative;
    }

    .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-left .vc_tta-tab.vc_active > a {
        left: 30px;
    }

    li.vc_tta-tab.vc_active:before {
        content: "";
        display: block;
        position: absolute;
        width: 40%;
        height: 4px;
        background-color: #b00b04;
        left: 19px;
        top: 49px;
    }

    li.vc_tta-tab.vc_active {
        position: relative;
    }

    .tour-design > .vc_tta-tabs-container {
        flex: 1 !important;
    }

    .tour-design > .vc_tta-panels-container {
        flex: 3 !important;
    }

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

    .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a {
        background-color: transparent !important;
        border-color: transparent !important;
        color: #b00b04 !important;
        transition: 0.5s;
    }

    .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a {
        background-color: transparent !important;
        border-color: transparent !important;
        color: black !important;
        font-weight: 500;
        transition: 0.5s;
    }

    /*----------------FIN--Nos-services--------------------*/
    /*----------------Savoir-faire---------------------*/

    .img-service > figure,
    .img-service > figure * {
        width: 100% !important;
    }

    .savoirf:hover .titre-savoir:before {
        opacity: 1 !important;
    }

    .savoirf:hover .titre-savoir:hover {
        opacity: 1 !important;
    }

    .titre-savoir {
        position: relative;
        transition: transform 0.3s ease;
    }

    .titre-savoir:before {
        content: '';
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 50%;
        height: 2px;
        background-color: white;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .titre-savoir:hover {
        transform: translate(-10px);
        opacity: 0;
    }

    .titre-savoir:hover:before {
        opacity: 1;
    }

    .savoirf:hover .img-savoir:before {
        opacity: 1 !important;
    }

    .btn-tour.btn-faire {
        /* opacity: 1 !important; */
        /* transition: 0.5s; */
        float: right;
    }

    .btn-tour.btn-faire > .vc_general {
        margin: 0;
    }

    /*.btn-faire {
        opacity: 0 !important;
        transition: 0.5s;
    }*/

    .savoirf:hover .txt-savoir:after {
        background-image: url(/wp-content/uploads/2024/05/fleche-blanche.png);
    }

    .savoirf > .txt-savoir ~ .wpb_column > .vc_column-inner {
        padding: 0;
    }

    /*.img-savoir:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 81%;
        background-color: rgba(10, 76, 132, 0.5);
        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none;
    }*/

    .txt-savoir:after {
        content: "";
        position: absolute;
        top: 71%;
        transform: rotate(90deg) translate(-50px, 20px);
        left: 85%;
        width: 60px;
        height: 60px;
        background-image: url(/wp-content/uploads/2024/04/fleche.png);
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: 5px;
    }

    .txt-savoir {
        /*top: 60px;
        position: relative;
        z-index: 2;*/
        background-color: #0a4c84;
        /*width: 48%;
        height: 86px;
        display: flex;*/
        padding-top: 35px;
    }

    .txt-savoir {
        position: relative;
        z-index: 2;
    }

    .img-savoir {
        position: relative;
        /* left: -111px; */
        /* transform: scale(1.2); */
        margin: 0 !important;
    }

    .img-savoir > figure > .vc_single_image-wrapper {
        margin: 0;
    }

    .titre-savoir {
        font-size: 20px;
        text-transform: uppercase;
        /*padding: 5px 5px 5px 5px;*/
        line-height: 30px;
    }

    /*----------------FIN---Savoir-faire---------------------*/
    /*----------------Secteur-activite---------------------*/

    .encart-gris .btn-secteur button {
        color: #000 !important;
        transition: 0.5s;
    }

    .encart-gris:hover .btn-secteur button {
        color: #fff !important;
        transition: 0.5s;
    }

    .encart-gris:hover .vc_column-inner {
        background-color: #0a4c84 !important;
        transition: 0.5s;
    }

    .carre-bleu:hover:before {
        background-color: white;
    }

    .carre-bleu:before {
        content: "";
        display: block;
        position: absolute;
        top: -55px;
        width: 110px;
        height: 110px;
        background-color: #0a4c84;
        left: 10px;
        transition: 0.5s;
        background-size: contain;
    }

    .carre-bleu:before:hover {
        background-color: #ffffff;
        transition: 0.5s;
    }

    .carre-auto:before {
        background-image: url(/wp-content/uploads/2024/04/automobile.png);
    }

    .carre-trav:before {
        background-image: url(/wp-content/uploads/2024/04/travaux.png);
    }

    .carre-avi:before {
        background-image: url(/wp-content/uploads/2024/04/avion.png);
    }

    .carre-fero:before {
        background-image: url(/wp-content/uploads/2024/04/ferroviaire.png);
    }

    .carre-meta:before {
        background-image: url(/wp-content/uploads/2024/04/metalluyrgie.png);
    }

    .carre-side:before {
        background-image: url(/wp-content/uploads/2025/01/metal.png);
    }

    .carre-meta:hover:before {
        background-image: url(/wp-content/uploads/2024/04/metallurgie-bleu-1.png);
    }

    .carre-auto:hover:before {
        background-image: url(/wp-content/uploads/2024/04/autombile-bleu.png);
    }

    .carre-trav:hover:before {
        background-image: url(/wp-content/uploads/2024/04/travaux-bleu.png);
    }

    .carre-avi:hover:before {
        background-image: url(/wp-content/uploads/2024/04/avion-bleu.png);
    }

    .carre-fero:hover:before {
        background-image: url(/wp-content/uploads/2024/04/train-bleu.png);
    }

    .carre-side:hover:before {
        background-image: url(/wp-content/uploads/2025/01/metal-bleu.png);
    }

    .btn-secteur .vc_btn3.vc_btn3-color-grey,
    .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat {
        color: black !important;
        background-color: transparent !important;
        border-color: transparent !important;
        border: none !important;
        display: flex;
        padding-left: 110px;
        font-size: 16px;
        font-weight: 500;
        margin-right: 0 !important;
        transition: 0.5s;
    }

    .btn-secteur:hover .vc_btn3.vc_btn3-color-grey,
    .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat {
        color: white !important;
        background-color: transparent !important;
        border-color: transparent !important;
        border: none !important;
        transition: 0.5s;
    }

    .button-default .button:after,
    .button-default button:after {
        background: transparent !important;
    }

    /*----------------FIN-Secteur-activite---------------------*/
    /*----------------quelques-chiffres---------------------*/

    .chiffre-texte {
        bottom: -20px;
        position: relative;
    }

    .titre-chiffre {
        font-size: 46px;
        font-weight: 600;
    }

    .carre-bleu-chiffre:hover:before {
        background-color: #ffffff;
        transition: 0.5s;
    }

    .carre-bleu-chiffre:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 66%;
        width: 120px;
        height: 120px;
        background-color: #0a4c84;
        left: 193px;
        transition: 0.5s;
    }

    .carre-1892:before {
        background-image: url(/wp-content/uploads/2024/04/prototype.png);
    }

    .carre-1892:hover:before {
        background-image: url(/wp-content/uploads/2024/04/prototype-bleu.png);
    }

    .carre-1920:before {
        background-image: url(/wp-content/uploads/2024/04/groupe.png);
    }

    .carre-1920:hover:before {
        background-image: url(/wp-content/uploads/2024/04/groupe-bleu.png);
    }

    .carre-1947:before {
        background-image: url(/wp-content/uploads/2024/04/robot-industriel.png);
    }

    .carre-1947:hover:before {
        background-image: url(/wp-content/uploads/2024/04/robot-industriel-bleu.png);
    }

    .carre-2000:before {
        background-image: url(/wp-content/uploads/2024/04/certificat.png);
    }

    .carre-2000:hover:before {
        background-image: url(/wp-content/uploads/2024/04/certificat-bleu.png);
    }

    /*----------------FIN-quelques-chiffres---------------------*/
    /*----------------FIN----PAGE ACCUEIL---------------------*/
    /*----------------TITRE---------------------*/

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

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

    .titre-font {
        font-family: 'Kanit';
    }

    .trait-titre {
        font-weight: 600;
        position: relative;
        display: inline-block;
        text-align: center;
        padding: 0 10px;
    }

    .trait-titre:before,
    .trait-titre:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -35%;
        width: 33%;
        height: 4px;
    }

    .trait-titre:before {
        left: -20px;
        background: #312783;
    }

    .trait-titre:after {
        right: -20px;
        background: #b00b04;
    }

    .baseline-centre {
        padding-left: 35px !important;
    }

    .Grand-titre,
    .titre-font,
    .trait-titre {
        margin-left: 20px;
    }

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

    .petit-titre,
    h1.petit-titre .petit-titre* {
        font-size: 25px !important;
        line-height: 30px !important;
        font-weight: 400 !important;
    }

    /*----------------FIN-TITRE---------------------*/

    .l-bleu-img-c:after {
        content: "";
        position: absolute;
        top: 88px;
        bottom: 0;
        left: 527px;
        width: 125px;
        background-color: #0a4c84 !important;
        z-index: -1;
        height: 333px;
    }


    .l-bleu-img-b:before {
        content: "";
        position: absolute;
        top: 321px;
        bottom: 0;
        left: 645px;
        width: 125px;
        background-color: #0a4c84 !important;
        z-index: -1;
        height: 100px;
    }

    .img-hist-4:after {
        content: "";
        position: absolute;
        background-color: white;
        height: 234px;
        width: 108px;
        right: -21px;
    }

    .bloc-1-hist:hover .vc_custom_1716825466286:hover,
    .bloc-4-hist:hover .vc_custom_1716825491592:hover,
    .bloc-2-hist:hover .vc_custom_1716825471444:hover,
    .bloc-3-hist:hover .vc_custom_1716825476976:hover {
        background-color: #929291 !important;
        height: 600px !important;
    }

    .bloc-1-hist:hover .txt-hist,
    .bloc-2-hist:hover .txt-hist,
    .bloc-3-hist:hover .txt-hist,
    .bloc-4-hist:hover .txt-hist {
        bottom: 30px;
    }


    .bloc-1-hist:hover .chiffre-histo,
    .bloc-2-hist:hover .chiffre-histo,
    .bloc-3-hist:hover .chiffre-histo,
    .bloc-4-hist:hover .chiffre-histo {
        top: -70px;
    }


    .bloc-4-hist .vc_custom_1716825491592,
    .bloc-2-hist .vc_custom_1716825471444 {
        background-color: #2e4252 !important;
        height: 510px !important;
    }

    .bloc-1-hist .vc_custom_1716825466286 {
        background-color: #4a79a1 !important;
        height: 510px !important;
    }

    .bloc-3-hist .vc_custom_1716825476976 {
        background-color: #4a79a1 !important;
        height: 510px !important;
    }

    .txt-hist {
        color: white;
        bottom: 131px;
        position: relative;
        left: 3px;
    }

    .chiffre-histo {
        color: white;
        font-size: 81px;
        font-weight: 800;
        bottom: 218px;
        position: relative;
    }

    .img-hist {
        top: -38px !important;
        width: max-content;
        justify-content: center;
        position: relative;
        display: flex;
        right: 15px;
    }

    #Top_bar.is-sticky #logo img.logo-sticky {
        display: inline;
        max-height: 67px;
    }

    #Top_bar.is-sticky {
        height: 74px;
    }

    p.cent {
        width: 100%;
    }

    p.cinq {
        width: 49%;
    }

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

    #Top_bar .btn-sect > ul.sub-menu {
        background-image: url(/wp-content/uploads/2024/04/Logo-footer.png);
        background-repeat: no-repeat;
        background-position: 89% 85% !important;
        background-size: 15%;
    }

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

    /*----------------Automobile---------------------*/

    /*----------------FIN--Automobile---------------------*/
    /*-code-1240-*/
}

@media only screen and (min-width: 0px) {
	
	.breadcrumbs {
    display: none !important;
    } 
	
	body.cas_client-template-default div#Subheader * {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
}

body.cas_client-template-default div#Subheader {
    padding: 60px 0 !important;
}

body.cas_client-template-default header#Header {
    min-height: 0 !important;
}

body.cas_client-template-default div#Content {
    padding: 0;
}

header.section.mcb-section.section-post-header {
    display: none;
}
	
	.author-box {
    display: none;
    }
	
	.share-simple-wrapper {
    display: none;
    }
	
	.image_frame.scale-with-grid {
    display: none !important;
    }
	
	.post-meta.clearfix {
    display: none;
    }
	
	
    .encart-gris > .vc_column-inner > .wpb_wrapper .titre-chiffre {
        margin-top: 50px;
        text-align: center;
    }

    .carre-bleu-chiffre:before {
        content: "";
        display: block;
        position: absolute;
        top: -30px !important;
        width: 120px;
        height: 120px;
        background-color: #0a4c84;
        left: 50%;
        transition: 0.5s;
        transform: translate(-50%, 0px);
        background-position: 50%;
        background-size: contain;
    }

    .encart-gris {
        margin-top: 50px;
    }

    .encart-gris > .vc_column-inner > .wpb_wrapper * {
        margin-bottom: 0;
    }

    .encart-gris > .vc_column-inner {
        padding: 10px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /*.encart-gris {
        height: 100px;
    }*/

    /*a.ab-item {
        display: none !important;
    }*/

    img.avatar.avatar-26.photo {
        display: none !important;
    }

    /*----------------footer---------------------*/

    #Footer .widgets_wrapper {
        padding: 0;
    }

    .mfn-footer,
    .mfn-footer .widget_recent_entries ul li a {
        color: white;
    }

    .textwidget.custom-html-widget {
        color: white;
    }

    .mfn-footer a:not(.button, .icon_bar, .mfn-btn, .mfn-option-btn) {
        color: white;
    }

    #Footer {
        background-color: transparent;
    }

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

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

    .btn-fixed-tel:hover,
    .btn-fixed-mail:hover {
        transition: 0.5s;
        width: 80px;
        height: 80px;
        transform: translate(-20px, 0px);
    }

    /*-mettre la couleur voulu au background-color-*/
    .btn-fixed-tel,
    .btn-fixed-mail {}

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


    /*-mettre l'url de l'image voulu au background-image-*/
    .btn-fixed-tel,
    .btn-fixed-mail {
        background-color: #b00b04;
        transition: 0.5s;
    }

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

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

    .btn-fixed-tel a,
    .btn-fixed-mail a {
        display: flex !important;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        flex-direction: column;
        justify-content: end;
        opacity: 0;
        font-size: 0 !important;
        transition: 0.5s;
    }

    .btn-fixed-tel:hover a,
    .btn-fixed-mail:hover a {
        font-size: 15px !important;
        transition: 0.5s;
        opacity: 1;
    }

    .btn-fixed-mail {
        background-image: url(/wp-content/uploads/2025/07/mail-blanc.png);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 50%;
        transition: 0.5s;
    }

    .btn-fixed-mail:hover {
        background-image: url(/wp-content/uploads/2024/05/mail-rouge.png);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 50%;
        transition: 0.5s;
    }


    .btn-fixed-tel {
        background-image: url(/wp-content/uploads/2025/07/telephone-blanc.png);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 50%;
        transition: 0.5s;
    }

    .btn-fixed-tel:hover {
        background-image: url(/wp-content/uploads/2024/05/tel-rouge.png);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 50%;
        transition: 0.5s;
    }

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

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

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

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

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

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

@media only screen and (min-width: 768px) and (max-width: 1239px) {
    .l-bleu-img:after {
        content: "";
        position: absolute;
        top: 85px;
        bottom: 0;
        left: 60px;
        width: 100%;
        background-color: #0a4c84 !important;
        z-index: -1;
        height: 297px;
    }

    .l-bleu-img-inverse:after {
        content: "";
        position: absolute;
        top: 85px;
        bottom: 0;
        left: 60px;
        width: 100%;
        background-color: #0a4c84 !important;
        z-index: -1;
        height: 297px;
    }

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

    #Header .top_bar_left {
        display: flex;
    }

    .txt-savoir:after {
        transform: rotate(0deg) translate(-20px, -20px);
    }

    .tour-design {
        height: 500px !important;
    }

    .txt-savoir {
        padding: 0;
    }

    .espace-bloc {
        display: flex;
        flex-wrap: wrap;
    }

    .carre-bleu.encart-gris {
        width: 45%;
        margin: 50px auto;
    }

    li.vc_tta-tab.vc_active:before {
        left: 50px;
        top: 90%;
    }

    .carre-bleu-chiffre:before {
        width: 90px;
        height: 90px;
    }

    #Top_bar .logo {
        margin: auto;
    }
}

@media only screen and (min-width: 768px) {
	
	body.cas_client-template-default div#Subheader * {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    }
	
	
    .savoirf {
        padding: 50px 0;
        position: relative;
    }

    .savoirf > .txt-savoir {
        width: 60%;
        padding: 10px 0;
    }

    .savoirf > .txt-savoir ~ .wpb_column {
        position: absolute;
        right: 0;
        top: 56%;
        transform: translate(0px, -50%);
    }
}

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

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

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

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

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

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

    .btn-fixed-tel:hover a,
    .btn-fixed-mail:hover a {
        font-size: 12px !important;
    }

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

@media only screen and (min-width: 1240px) {
	
	body.cas_client-template-default div#Subheader * {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
    line-height: 45px;
    }
	
    .espace-bloc {
        display: flex;
        flex-wrap: wrap;
    }

    .encart-gris {
        width: 45%;
        margin: 0 auto 60px !important;
    }

    .encart-gris .titre-secte {
        margin-top: 50px;
    }

    /*-menu-*/
    #Top_bar .menu > .btn-menu:not(.btn-sect, .btn-entr, .btn-sav, .btn-serv) > ul.sub-menu > .btn-ss-menu > ul.sub-menu {
        position: relative;
        left: 0;
        display: block !important;
    }

/*
    .btn-serv > ul.sub-menu > li {
        width: 250px !important;
    }

    .btn-serv > ul.sub-menu > li > ul > li {
        width: 250px !important;
    }

    .btn-serv > ul.sub-menu > li > ul > li > ul > li {
        width: 250px !important;
    }

    .btn-serv:hover > ul.sub-menu {
        display: flex !important;
        flex-wrap: wrap;
        width: 500px;
        background-color: #538599 !important;
    }

    .btn-serv > ul.sub-menu > li > ul > li > ul.sub-menu {
        display: block !important;
        position: relative !important;
        left: 0 !important;
    }
*/

    i.menu-arrow.icon-right-open {
        display: none;
    }

    .btn-sss-menu > a {
        padding-left: 30px !important;
    }

    .btn-ssss-menu > a {
        padding-left: 50px !important;
    }

    /*-menu-entreprise-*/

    #Top_bar.is-sticky .btn-entr:hover > ul.sub-menu {
        top: 100% !important;
    }

    #Top_bar .menu > li ul {
        background-color: transparent;
    }

    #Top_bar .menu > li ul li.btn-qui:hover > a {
        background-image: url(/wp-content/uploads/2024/05/qui-sommes-nous-megamenu-hover.png);
    }

    #Top_bar .menu > li ul li.btn-his:hover > a {
        background-image: url(/wp-content/uploads/2024/05/historique-megamenu-hover.png);
    }

    #Top_bar .menu > li ul li.btn-recrut:hover > a {
        background-image: url(/wp-content/uploads/2025/01/recrutement-b.jpg);
    }

    .btn-entr:hover > ul.sub-menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .btn-entr:hover > ul.sub-menu > li {
        width: calc(50% - 10px);
        margin-bottom: 10px;
    }

    #Top_bar .menu > li ul li a {
        color: black;
    }

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

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

    .btn-entr:hover > ul.sub-menu {
        width: 54%;
        left: 533px !important;
        display: flex !important;
        height: 189px;
        padding: 11px;
        background-color: #2e4252 !important;
        top: 88px !important;
    }

    .btn-entr:hover > ul.sub-menu > li {
        height: 165px;
        display: flex;
    }

    .btn-entr:hover > ul.sub-menu > li > a {
        display: flex !important;
        justify-content: center !important;
        text-align: center;
        width: 100%;
        color: white !important;
    }

    .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-acti,
    .btn-entr:hover > ul.sub-menu > li.btn-act:hover {
        background-color: #f4db0c;
    }

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

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

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

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

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

    #Top_bar .menu > li ul li.btn-qui > a {
        background-image: url(/wp-content/uploads/2024/05/qui-somme-nous-megamenu.png);
    }

    #Top_bar .menu > li ul li.btn-his > a {
        background-image: url(/wp-content/uploads/2024/05/historique-megamenu.png);
    }

    #Top_bar .menu > li ul li.btn-recrut > a {
        background-image: url(/wp-content/uploads/2025/01/recrutement.jpg);
    }

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

    .btn-plus {
        text-align: center;
    }

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

    /*-menu-FIN-entreprise-*/
    /*-menu-secteurs-d'activité-*/
    .btn-sect:hover > ul.sub-menu > li > ul.sub-menu,
    .btn-entr:hover > ul.sub-menu > li > ul.sub-menu,
    .btn-sav:hover > ul.sub-menu > li > ul.sub-menu,
    .btn-serv:hover > ul.sub-menu > li > ul.sub-menu {
        left: 0 !important;
        bottom: 0 !important;
        top: inherit !important;
    }

    #Top_bar.is-sticky .btn-sect:hover > ul.sub-menu,
    #Top_bar.is-sticky .btn-sav:hover > ul.sub-menu,
    #Top_bar.is-sticky .btn-serv:hover > ul.sub-menu {
        top: 100% !important;
    }

    .btn-menu > a:hover > span {
        color: #ec0a00 !important;
    }

    #Top_bar .menu > li ul {
        background-color: transparent;
    }

    .btn-sav > ul.sub-menu > li > a:before,
    .btn-serv > ul.sub-menu > li > a:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        background-color: #00000054 !important;
        left: 0;
    }

    /*--------serv-------*/

    #Top_bar .menu > li ul li.btn-insta > a {
        background-image: url(/wp-content/uploads/2025/01/INSTALLATION-MISE-EN-SERVICE.jpg);
    }

    #Top_bar .menu > li ul li.btn-fab > a {
        background-image: url(/wp-content/uploads/2025/01/FABRIATION.jpg);
    }

    #Top_bar .menu > li ul li.btn-plana > a {
        background-image: url(/wp-content/uploads/2025/01/SOUS-TRAITANCE.jpg);
    }

    #Top_bar .menu > li ul li.btn-piec > a {
        background-image: url(/wp-content/uploads/2025/01/PIECES-DETACHEES.jpg);
    }

    #Top_bar .menu > li ul li.btn-main > a {
        background-image: url(/wp-content/uploads/2025/01/MAINTENANCE-DEPANNAGE.jpg);
    }

    #Top_bar .menu > li ul li.btn-rect > a {
        background-image: url(/wp-content/uploads/2025/01/RECTIFICATION.jpg);
    }

    #Top_bar .menu > li ul li.btn-surfa > a {
        background-image: url(/wp-content/uploads/2025/01/TRAITEMENT-SURFADCE.jpg);
    }

    #Top_bar .menu > li ul li.btn-insta:hover > a {
        background-image: url(/wp-content/uploads/2025/01/INSTALLATION-MISE-EN-SERVICE-b.jpg);
    }

    #Top_bar .menu > li ul li.btn-fab:hover > a {
        background-image: url(/wp-content/uploads/2025/01/FABRIATION-b.jpg);
    }

    #Top_bar .menu > li ul li.btn-plana:hover > a {
        background-image: url(/wp-content/uploads/2025/01/SOUS-TRAITANCE-b.jpg);
    }

    #Top_bar .menu > li ul li.btn-piec:hover > a {
        background-image: url(/wp-content/uploads/2025/01/PIECES-DETACHEES-b.jpg);
    }

    #Top_bar .menu > li ul li.btn-main:hover > a {
        background-image: url(/wp-content/uploads/2025/01/MAINTENANCE-DEPANNAGE-b.jpg);
    }

    #Top_bar .menu > li ul li.btn-rect:hover > a {
        background-image: url(/wp-content/uploads/2025/01/RECTIFICATION-b.jpg);
    }

    #Top_bar .menu > li ul li.btn-surfa:hover > a {
        background-image: url(/wp-content/uploads/2025/01/TRAITEMENT-SURFADCE-b.jpg);
    }

    /*--------serv-------*/
    /*--------sav-------*/

    #Top_bar .menu > li ul li.btn-plan > a {
        background-image: url(/wp-content/uploads/2025/01/planeuse-tole.jpg);
    }

    #Top_bar .menu > li ul li.btn-redres > a {
        background-image: url(/wp-content/uploads/2025/01/redresseuse-tole.jpg);
    }

    #Top_bar .menu > li ul li.btn-roul > a {
        background-image: url(/wp-content/uploads/2025/01/rouleuse-tole.jpg);
    }

    #Top_bar .menu > li ul li.btn-concept > a {
        background-image: url(/wp-content/uploads/2025/01/conception-bureau-etude.jpg);
    }

    #Top_bar .menu > li ul li.btn-retro > a {
        background-image: url(/wp-content/uploads/2025/02/retrofit-machine-tole.webp);
    }

    #Top_bar .menu > li ul li.btn-plan:hover > a {
        background-image: url(/wp-content/uploads/2025/01/planeuse-tole-b.jpg);
    }

    #Top_bar .menu > li ul li.btn-redres:hover > a {
        background-image: url(/wp-content/uploads/2025/01/redresseuse-tole-b.jpg);
    }

    #Top_bar .menu > li ul li.btn-roul:hover > a {
        background-image: url(/wp-content/uploads/2025/01/rouleuse-tole-b.jpg);
    }

    #Top_bar .menu > li ul li.btn-concept:hover > a {
        background-image: url(/wp-content/uploads/2025/01/conception-bureau-etude-b.jpg);
    }

    #Top_bar .menu > li ul li.btn-retro:hover > a {
        background-image: url(/wp-content/uploads/2025/01/retrofit-machine-outil-b.jpg);
    }

    /*--------sav-------*/

    #Top_bar .menu > li ul li.btn-auto > a {
        background-image: url(/wp-content/uploads/2024/05/Automobile-1.jpg);
    }

    #Top_bar .menu > li ul li.btn-travpu > a {
        background-image: url(/wp-content/uploads/2025/01/Metallurgie.jpg);
    }

    #Top_bar .menu > li ul li.btn-aero > a {
        background-image: url(/wp-content/uploads/2024/05/aeronautique.jpg);
    }

    #Top_bar .menu > li ul li.btn-fero > a {
        background-image: url(/wp-content/uploads/2024/05/ferroviaire.jpg);
    }

    #Top_bar .menu > li ul li.btn-meta > a {
        background-image: url(/wp-content/uploads/2024/05/metallurgie.jpg);
    }

    #Top_bar .menu > li ul li.btn-auto:hover > a {
        background-image: url(/wp-content/uploads/2024/05/automobile-hover.jpg);
    }

    #Top_bar .menu > li ul li.btn-travpu:hover > a {
        background-image: url(/wp-content/uploads/2025/01/Metallurgie-b.jpg);
    }

    #Top_bar .menu > li ul li.btn-aero:hover > a {
        background-image: url(/wp-content/uploads/2024/05/aeronautique-hover.jpg);
    }

    #Top_bar .menu > li ul li.btn-fero:hover > a {
        background-image: url(/wp-content/uploads/2024/05/ferroviaire-hover.jpg);
    }

    #Top_bar .menu > li ul li.btn-meta:hover > a {
        background-image: url(/wp-content/uploads/2024/05/metallurgie-hover.jpg);
    }

    #Top_bar .menu > .btn-menu:not(.btn-sect, .btn-entr, .btn-sav, .btn-serv) > ul.sub-menu > .btn-ss-menu {
        background-color: #538599 !important;
        transition: 0.5s;
        border-bottom: 1px solid;
    }

/*
    #Top_bar .menu > .btn-menu.btn-serv > ul.sub-menu > .btn-ss-menu:nth-child(odd) {
        border-right: 1px solid;
    }
*/

    #Top_bar .menu > .btn-menu:not(.btn-sect, .btn-entr, .btn-sav, .btn-serv) > ul.sub-menu > .btn-ss-menu:hover {
        background-color: #ffffff !important;
        transition: 0.5s;
    }

    #Top_bar .menu > .btn-menu:not(.btn-sect, .btn-entr, .btn-sav, .btn-serv) > ul.sub-menu > .btn-ss-menu > a,
    #Top_bar .menu > .btn-menu:not(.btn-sect, .btn-entr, .btn-sav, .btn-serv) > ul.sub-menu > .btn-ss-menu > a * {
        color: white;
        transition: 0.5s;
    }

    #Top_bar .menu > .btn-menu:not(.btn-sect, .btn-entr, .btn-sav, .btn-serv) > ul.sub-menu > .btn-ss-menu:hover > a,
    #Top_bar .menu > .btn-menu:not(.btn-sect, .btn-entr, .btn-sav, .btn-serv) > ul.sub-menu > .btn-ss-menu:hover > a * {
        color: black;
        transition: 0.5s;
    }

    /*
    .btn-sect:hover > ul.sub-menu > li.btn-meta {
        left: -212px !important;
    }
*/

    .btn-sav:hover > ul.sub-menu > li.btn-retro,
    .btn-serv:hover > ul.sub-menu > li.btn-retro {
        left: -212px !important;
    }

    .btn-sect:hover > ul.sub-menu,
    .btn-sav:hover > ul.sub-menu,
    .btn-serv:hover > ul.sub-menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .btn-sect:hover > ul.sub-menu > li,
    .btn-sav:hover > ul.sub-menu > li,
    .btn-serv:hover > ul.sub-menu > li {
        width: calc(50% - 10px);
        margin-bottom: 10px;
    }

    #Top_bar .menu > li ul li a {
        color: black;
    }

    .btn-sect:hover,
    .btn-sav:hover,
    .btn-serv:hover {
        position: inherit !important;
        background-color: #2e4252 !important;
    }

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

    .btn-sect:hover > ul.sub-menu,
    .btn-sav:hover > ul.sub-menu {
        width: 54%;
        left: 533px !important;
        display: flex !important;
        height: 365px;
        padding: 11px;
        background-color: #2e4252 !important;
        top: 88px !important;
    }
    
    .btn-serv:hover > ul.sub-menu {
        width: 54%;
        left: 533px !important;
        display: flex !important;
        height: 540px;
        padding: 11px;
        background-color: #2e4252 !important;
        top: 88px !important;
    }


    .btn-sect:hover > ul.sub-menu > li,
    .btn-sav:hover > ul.sub-menu > li,
    .btn-serv:hover > ul.sub-menu > li {
        height: 165px;
        display: flex;
    }

    .btn-sect:hover > ul.sub-menu > li > a,
    .btn-sav:hover > ul.sub-menu > li > a,
    .btn-serv:hover > ul.sub-menu > li > a {
        display: flex !important;
        justify-content: center !important;
        text-align: center;
        width: 100%;
        color: white !important;
    }

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

    .btn-sect:hover > ul.sub-menu > li > a.menu-toggle,
    .btn-sav:hover > ul.sub-menu > li > a.menu-toggle,
    .btn-serv: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
    .btn-sav:hover > ul.sub-menu > li.premiere-active,
    .btn-sav:hover > ul.sub-menu > li.btn-active:hover
    .btn-serv:hover > ul.sub-menu > li.premiere-active,
    .btn-serv: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,
    .btn-sav:hover > ul.sub-menu > li.premiere-active > ul.sub-menu,
    .btn-sav:hover > ul.sub-menu > li.btn-active:hover > ul.sub-menu,
    .btn-serv:hover > ul.sub-menu > li.premiere-active > ul.sub-menu,
    .btn-serv:hover > ul.sub-menu > li.btn-active:hover > ul.sub-menu {
        display: block !important;
        top: 100% !important;
        left: 0 !important;
        width: 700%;
        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,
    .btn-sav:hover > ul.sub-menu > li.btn-active:nth-child(2):hover > ul.sub-menu,
    .btn-serv: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,
    .btn-sav:hover > ul.sub-menu > li.btn-active:nth-child(3):hover > ul.sub-menu,
    .btn-serv: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,
    .btn-sav:hover > ul.sub-menu > li.btn-active:nth-child(4):hover > ul.sub-menu,
    .btn-serv: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,
    .btn-sav:hover > ul.sub-menu > li.btn-active:nth-child(5):hover > ul.sub-menu,
    .btn-serv:hover > ul.sub-menu > li.btn-active:nth-child(5):hover > ul.sub-menu {
        left: -400% !important;
    }

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

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

    .btn-plus {
        text-align: center;
        background-color: #00aeef !important;
    }

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

    /*-menu-FIN-secteurs-d'activité-*/
    /*-menu-*/
    /*----------------LOGO---------------------*/

    #Top_bar #logo img {
        position: relative;
        left: 119px !important;
    }

    #Top_bar:not(.is-sticky) #logo,
    .header-fixed #Top_bar #logo,
    .header-plain #Top_bar #logo,
    .header-transparent #Top_bar #logo {
        height: 120px !important;
        padding: 0;
        position: relative;
        top: -27px;
    }

    /*----------------FIN---LOGO---------------------*/
    /*---------------------------------------------------------------------TOP-BAR-LOGO-*/

    #Action_bar .contact_details a {
        color: #fff !important;
    }

    div#Action_bar {
        background-color: #0a4c84 !important;
    }

    div#Top_bar {
        background-color: #0a4c84 !important;
    }

    li.yout {
        transition: transform 0.3s !important;
    }

    li.yout:hover {
        transform: scale(1.2) !important;
    }

    li.link {
        transition: transform 0.3s !important;
    }

    li.link:hover {
        transform: scale(1.2) !important;
    }

    li.link {
        background-image: url(/wp-content/uploads/2024/04/link-logo.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 80%;
    }

    li.yout {
        background-image: url(/wp-content/uploads/2024/04/youtube-logo.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 80%;
    }

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

    ul.contact_details {
        display: flex;
        align-items: center;
    }

    li.link,
    li.yout {
        width: 28px;
        height: 28px;
        padding: 0 !important;
    }

    div#Action_bar > .container > .column.one {
        display: flex;
        justify-content: end;
    }

    i.icon-phone {
        background-image: url(/wp-content/uploads/2024/04/telephone-blanc.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 80%;
        transition: 0.3s;
    }

    li.phone:hover i.icon-phone {
        background-image: url(/wp-content/uploads/2024/05/telephone-hover.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 80%;
        transition: 0.3s;
        transform: scale(3);
    }

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

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

    i.icon-mail-line {
        background-image: url(/wp-content/uploads/2024/04/mail-blanc.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 80%;
        transition: 0.3s;
    }

    li.mail:hover i.icon-mail-line {
        background-image: url(/wp-content/uploads/2024/05/enveloppe-hover.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 80%;
        transition: 0.3s;
        transform: scale(3);
    }

    li.phone.phone,
    li.mail {
        font-size: 20px;
    }

    #Action_bar .contact_details .phone:hover a,
    #Action_bar .contact_details .mail:hover a {
        color: #c4c4c4 !important;
    }

    /*---------------------------------------------------------------------TOP-BAR-MENU-LOGO-*/
    /*----------------CONTACT---------------------*/

    .fond-lecture {
        background-color: #0a4c8436;
        padding: 10px 25px;
        margin-right: 232px;
    }

    /*----------------FIN--CONTACT---------------------*/
    /*----------------btn-en-savoir-plus---------------------*/

    .btn-faire {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(10px, -50%);
    }

    .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
        color: #fff;
        border-color: #b00b04;
        background-color: #b00b04;
        border-radius: 0 !important;
        background-image: none !important;
    }

    .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
        color: #000 !important;
        border-color: #fff;
        background-color: #fff;
    }

    /*----------------FIN-btn-en-savoir-plus---------------------*/
    /*----------------PAGE ACCUEIL---------------------*/
    /*----------------Nos-services---------------------*/

    .txt-tour {
        color: white !important;
    }

    .carre-bleu-chiffre > .vc_column-inner {
        padding-bottom: 0 !important;
        height: 220px;
    }

    .tour-design {
        height: 830px !important;
    }

    .img-service {
        width: 100%;
        padding-bottom: 60px !important;
        left: 80px !important;
    }

    .info-tour {
        position: absolute;
        z-index: 1;
        background-color: #0a4c84c7;
        bottom: 108px;
        right: 0px;
        width: 36%;
        padding: 80px;
        height: 28%;
    }

    .img-service:before {
        content: "";
        position: absolute;
        bottom: 0;
        right: 100px;
        width: 100%;
        height: 90%;
        background-color: #0a4c84;
        z-index: -1;
    }

    .img-service {
        position: relative;
    }

    .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-left .vc_tta-tab.vc_active > a {
        left: 30px;
    }

    li.vc_tta-tab.vc_active:before {
        content: "";
        display: block;
        position: absolute;
        width: 40%;
        height: 4px;
        background-color: #b00b04;
        left: 19px;
        top: 49px;
    }

    li.vc_tta-tab.vc_active {
        position: relative;
    }

    .tour-design > .vc_tta-tabs-container {
        flex: 1 !important;
    }

    .tour-design > .vc_tta-panels-container {
        flex: 3 !important;
    }

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

    .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a {
        background-color: transparent !important;
        border-color: transparent !important;
        color: #b00b04 !important;
        transition: 0.5s;
    }

    .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a {
        background-color: transparent !important;
        border-color: transparent !important;
        color: black !important;
        font-weight: 500;
        transition: 0.5s;
    }

    /*----------------FIN--Nos-services--------------------*/
    /*----------------Savoir-faire---------------------*/

    .img-service > figure,
    .img-service > figure * {
        width: 100% !important;
    }

    .savoirf:hover .titre-savoir:before {
        opacity: 1 !important;
    }

    .savoirf:hover .titre-savoir:hover {
        opacity: 1 !important;
    }

    .titre-savoir {
        position: relative;
        transition: transform 0.3s ease;
    }

    .titre-savoir:before {
        content: '';
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 50%;
        height: 2px;
        background-color: white;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .titre-savoir:hover {
        transform: translate(-10px);
        opacity: 0;
    }

    .titre-savoir:hover:before {
        opacity: 1;
    }

    .savoirf:hover .img-savoir:before {
        opacity: 1 !important;
    }

    .savoirf:hover .btn-faire {
        opacity: 1 !important;
        transition: 0.5s;
    }

    .btn-faire {
        opacity: 0 !important;
        transition: 0.5s;
    }

    .savoirf:hover .txt-savoir:after {
        background-image: url(/wp-content/uploads/2024/05/fleche-blanche.png);
    }

    .img-savoir:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(10, 76, 132, 0.5);
        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none;
    }

    .txt-savoir:after {
        content: "";
        position: absolute;
        top: 71%;
        transform: translateY(-50%);
        left: 85%;
        width: 60px;
        height: 60px;
        background-image: url(/wp-content/uploads/2024/04/fleche.png);
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: 5px;
    }

    .txt-savoir {
        /*        top: 60px;*/
        position: relative;
        z-index: 2;
        background-color: #0a4c84;
        width: 48%;
        /*        height: 86px;*/
        display: flex;
        padding-top: 35px;
    }

    .savoirf > .txt-savoir ~ .wpb_column {
        height: 100% !important;
    }

    .savoirf > .txt-savoir ~ .wpb_column > .vc_column-inner {
        height: 100% !important;
        display: flex;
        align-items: center;
    }

    .savoirf > .txt-savoir ~ .wpb_column > .vc_column-inner > .wpb_wrapper {
        height: 100% !important;
        position: relative;
    }

    .savoirf > .txt-savoir ~ .wpb_column {
        top: 50%;
    }

    .txt-savoir {
        position: relative;
        z-index: 2;
    }

    .img-savoir {
        position: relative;
        left: -50px;
        transform: scale(1.2);
        top: 50%;
        transform: translate(0px, -50%) !important;
        margin-bottom: 0 !important;
    }

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

    .titre-savoir {
        font-size: 30px;
        text-transform: uppercase;
        padding: 5px 5px 5px 5px;
    }

    /*----------------FIN---Savoir-faire---------------------*/
    /*----------------Secteur-activite---------------------*/

    .encart-gris .btn-secteur button {
        color: #000 !important;
        transition: 0.5s;
    }

    .encart-gris:hover .btn-secteur button {
        color: #fff !important;
        transition: 0.5s;
    }

    .encart-gris:hover .vc_column-inner {
        background-color: #0a4c84 !important;
        transition: 0.5s;
    }

    .carre-bleu:hover:before {
        background-color: white;
    }

    .carre-bleu:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 66%;
        width: 120px;
        height: 120px;
        background-color: #0a4c84;
        left: -10px;
        transition: 0.5s;

    }

    .carre-bleu:before:hover {
        background-color: #ffffff;
        transition: 0.5s;
    }

    .carre-auto:before {
        background-image: url(/wp-content/uploads/2024/04/automobile.png);
    }

    .carre-trav:before {
        background-image: url(/wp-content/uploads/2024/04/travaux.png);
    }

    .carre-avi:before {
        background-image: url(/wp-content/uploads/2024/04/avion.png);
    }

    .carre-fero:before {
        background-image: url(/wp-content/uploads/2024/04/ferroviaire.png);
    }

    .carre-meta:before {
        background-image: url(/wp-content/uploads/2024/04/metalluyrgie.png);
    }

    .carre-meta:hover:before {
        background-image: url(/wp-content/uploads/2024/04/metallurgie-bleu-1.png);
    }

    .carre-auto:hover:before {
        background-image: url(/wp-content/uploads/2024/04/autombile-bleu.png);
    }

    .carre-trav:hover:before {
        background-image: url(/wp-content/uploads/2024/04/travaux-bleu.png);
    }

    .carre-avi:hover:before {
        background-image: url(/wp-content/uploads/2024/04/avion-bleu.png);
    }

    .carre-fero:hover:before {
        background-image: url(/wp-content/uploads/2024/04/train-bleu.png);
    }

    .carre-side:before {
        background-image: url(/wp-content/uploads/2025/01/metal.png);
    }

    .carre-side:hover:before {
        background-image: url(/wp-content/uploads/2025/01/metal-bleu.png);
    }

    .btn-secteur .vc_btn3.vc_btn3-color-grey,
    .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat {
        color: black !important;
        background-color: transparent !important;
        border-color: transparent !important;
        border: none !important;
        display: flex;
        padding-left: 120px;
        font-size: 16px;
        font-weight: 500;
        margin-right: 0 !important;
        transition: 0.5s;
    }

    .btn-secteur:hover .vc_btn3.vc_btn3-color-grey,
    .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat {
        color: white !important;
        background-color: transparent !important;
        border-color: transparent !important;
        border: none !important;
        transition: 0.5s;
    }

    .button-default .button:after,
    .button-default button:after {
        background: transparent !important;
    }

    /*----------------FIN-Secteur-activite---------------------*/
    /*----------------quelques-chiffres---------------------*/

    .chiffre-texte {
        bottom: -20px;
        position: relative;
    }

    .titre-chiffre {
        font-size: 46px;
        font-weight: 600;
    }

    .carre-bleu-chiffre:hover:before {
        background-color: #ffffff;
        transition: 0.5s;
    }

    .carre-bleu-chiffre:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 66%;
        width: 120px;
        height: 120px;
        background-color: #0a4c84;
        left: 193px;
        transition: 0.5s;
    }

    .carre-1892:before {
        background-image: url(/wp-content/uploads/2024/04/prototype.png);
    }

    .carre-1892:hover:before {
        background-image: url(/wp-content/uploads/2024/04/prototype-bleu.png);
    }

    .carre-1920:before {
        background-image: url(/wp-content/uploads/2024/04/groupe.png);
    }

    .carre-1920:hover:before {
        background-image: url(/wp-content/uploads/2024/04/groupe-bleu.png);
    }

    .carre-1947:before {
        background-image: url(/wp-content/uploads/2024/04/robot-industriel.png);
    }

    .carre-1947:hover:before {
        background-image: url(/wp-content/uploads/2024/04/robot-industriel-bleu.png);
    }

    .carre-2000:before {
        background-image: url(/wp-content/uploads/2024/04/certificat.png);
    }

    .carre-2000:hover:before {
        background-image: url(/wp-content/uploads/2024/04/certificat-bleu.png);
    }

    /*----------------FIN-quelques-chiffres---------------------*/
    /*----------------FIN----PAGE ACCUEIL---------------------*/
    /*----------------TITRE---------------------*/

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

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

    .titre-font {
        font-family: 'roboto';
    }

    .trait-titre {
        font-weight: 600;
        position: relative;
        display: inline-block;
        text-align: center;
        padding: 0 10px;
    }

    .trait-titre:before,
    .trait-titre:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -35%;
        width: 33%;
        height: 4px;
    }

    .trait-titre:before {
        left: -20px;
        background: #312783;
    }

    .trait-titre:after {
        right: -20px;
        background: #b00b04;
    }

    .baseline-centre {
        padding-left: 35px !important;
    }

    .Grand-titre,
    .titre-font,
    .trait-titre {
        margin-left: 20px;
    }

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

    /*----------------FIN-TITRE---------------------*/

    .l-bleu-img-c:after {
        content: "";
        position: absolute;
        top: 88px;
        bottom: 0;
        left: 527px;
        width: 125px;
        background-color: #0a4c84 !important;
        z-index: -1;
        height: 333px;
    }


    .l-bleu-img-b:before {
        content: "";
        position: absolute;
        top: 321px;
        bottom: 0;
        left: 645px;
        width: 125px;
        background-color: #0a4c84 !important;
        z-index: -1;
        height: 100px;
    }

    .img-hist-4:after {
        content: "";
        position: absolute;
        background-color: white;
        height: 234px;
        width: 108px;
        right: -21px;
    }

    .bloc-1-hist:hover .vc_custom_1716825466286:hover,
    .bloc-4-hist:hover .vc_custom_1716825491592:hover,
    .bloc-2-hist:hover .vc_custom_1716825471444:hover,
    .bloc-3-hist:hover .vc_custom_1716825476976:hover {
        background-color: #929291 !important;
        height: 600px !important;
    }

    .bloc-1-hist:hover .txt-hist,
    .bloc-2-hist:hover .txt-hist,
    .bloc-3-hist:hover .txt-hist,
    .bloc-4-hist:hover .txt-hist {
        bottom: 30px;
    }


    .bloc-1-hist:hover .chiffre-histo,
    .bloc-2-hist:hover .chiffre-histo,
    .bloc-3-hist:hover .chiffre-histo,
    .bloc-4-hist:hover .chiffre-histo {
        top: -70px;
    }


    .bloc-4-hist .vc_custom_1716825491592,
    .bloc-2-hist .vc_custom_1716825471444 {
        background-color: #2e4252 !important;
        height: 510px !important;
    }


    .bloc-1-hist .vc_custom_1716825466286 {
        background-color: #4a79a1 !important;
        height: 510px !important;
    }

    .bloc-3-hist .vc_custom_1716825476976 {
        background-color: #4a79a1 !important;
        height: 510px !important;
    }

    .txt-hist {
        color: white;
        bottom: 131px;
        position: relative;
        left: 3px;
    }

    .chiffre-histo {
        color: white;
        font-size: 81px;
        font-weight: 800;
        bottom: 218px;
        position: relative;
    }

    .img-hist {
        top: -38px !important;
        width: max-content;
        justify-content: center;
        position: relative;
        display: flex;
        right: 15px;
    }

    #Top_bar.is-sticky #logo img.logo-sticky {
        display: inline;
        max-height: 67px;
    }

    #Top_bar.is-sticky {
        height: 74px;
    }

    p.cent {
        width: 100%;
    }

    p.cinq {
        width: 49%;
    }

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

    #Top_bar .btn-sect > ul.sub-menu,
    #Top_bar .btn-sav > ul.sub-menu {
        background-image: url(/wp-content/uploads/2024/04/Logo-footer.png);
        background-repeat: no-repeat;
        background-position: 89% 85% !important;
        background-size: 15%;
    }
    
    #Top_bar .btn-serv > ul.sub-menu {
        background-image: url(/wp-content/uploads/2024/04/Logo-footer.png);
        background-repeat: no-repeat;
        background-position: 89% 90% !important;
        background-size: 15%;
    }

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

    /*----------------Automobile---------------------*/

    .l-bleu-img:after {
        content: "";
        position: absolute;
        top: 85px;
        bottom: 0;
        left: 60px;
        width: 85%;
        background-color: #0a4c84 !important;
        z-index: -1;
        height: 297px;
    }

    .l-bleu-img-inverse:after {
        content: "";
        position: absolute;
        top: 85px;
        bottom: 0;
        left: 60px;
        width: 85%;
        background-color: #0a4c84 !important;
        z-index: -1;
        height: 297px;
    }

    /*----------------FIN--Automobile---------------------*/
    .btn-sect:hover > ul.sub-menu > li > a:after,
    .btn-entr:hover > ul.sub-menu > li > a:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: black !important;
        opacity: 0.3;
    }

    .btn-sect:hover > ul.sub-menu > li > a > span,
    .btn-entr:hover > ul.sub-menu > li > a > span {
        z-index: 1;
    }
}

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

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

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

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

    .tour-design > .vc_tta-tabs-container {
        margin-left: 10% !important;
    }
}

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

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

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

    .tour-design > .vc_tta-tabs-container {
        margin-left: 18% !important;
    }

}

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

    .tour-design > .vc_tta-tabs-container {
        margin-left: 26% !important;
    }

    .tour-design {
        height: 1020px !important;
    }
}

/*-Lisse-*/