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

/*--ARCODE--*/

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

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

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

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

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

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

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

/*-----*/

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

.txt-fort {
    font-size: x-large;
}

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

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

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


/*
li {
    list-style: none;
}
*/

a:hover {
    text-decoration: none;
}

/*-couleur-txt-titre-*/

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

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

.txt-bleu-arcode,
.txt-bleu-arcode * {
    color: rgb(0, 99, 247) !important;
}

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

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

.txt-orange,
.txt-orange * {
    color: #f07f23 !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-jaune,
.txt-jaune * {
    color: #eccb40;
}

.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%);
    }
}

@keyframes apparaitre {
    to {
        opacity: 1;
    }
}

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

html {
    scroll-behavior: smooth;
}

/*-scroll-smooth-pour-liens-ancre-*/
/*-z-index-*/
.z-index-0 {
    z-index: 0 !important;
}

.z-index-5 {
    z-index: 5 !important;
}

.z-index-10 {
    z-index: 10 !important;
}

.z-index-15 {
    z-index: 15 !important;
}

.z-index-100 {
    z-index: 100 !important;
}

.z-index-150 {
    z-index: 150 !important;
}

.z-index-1000 {
    z-index: 1000 !important;
}

/*-z-index-*/

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

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

.uppercase {
    text-transform: uppercase !important;
}



.lorem,
.lorem *,
.txt-blanc.lorem,
.txt-blanc.lorem *,
.txt-blanc .lorem,
.txt-blanc .lorem * {
    color: fuchsia !important;
    font-size: 20px;
    display: flex;
    justify-content: space-around;
}

@media only screen and (min-width: 0px) {
    .btn-chiffres > a.vc_general:hover {
        color: #0063F7 !important;
        transition: .5s;
    }

    .btn-chiffres > a.vc_general {
        transition: .5s;
        background-color: #C0E1FF !important;
    }

    .btn-fixed-com > a {
        color: white;
    }

    .btn-fixed-com:hover > a {
        color: #0063F7;
    }

    .icon-up-open-big:before {
        color: white;
    }

    #back_to_top {
        border-radius: 50%;
        background-color: #0063F7;
    }

    .button-animation-slide button:before,
    .button-animation-slide .button:before,
    .button-animation-slide .widget a.button:before,
    .button-animation-slide .wp-block-button__link:before {
        background-color: #0063F7;
    }



    .column.mobile-one.tablet-one-fourth.one-fourth:not(:last-child, :first-child) h4:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -19px;
        width: 130px;
        height: 5px;
        background: rgb(40, 126, 255);
        background: linear-gradient(90deg, rgba(40, 126, 255, 1) 0%, rgba(40, 126, 255, 1) 50%, rgba(40, 126, 255, 0) 100%);
    }

    .column.mobile-one.tablet-one-fourth.one-fourth:not(:last-child, :first-child) h4 {
        position: relative;
        margin-bottom: 40px;
    }

    #Footer .widget_mfn_menu ul li a {
        background: transparent !important;
        color: white;
    }

    .contact-btn {
        display: inline-flex;
        margin: 20px auto 0;
        padding: 10px 20px;
        font-size: 16px;
        color: white;
        background-color: #0063F7;
        border: 2px solid #0063F7;
        border-radius: 20px;
    }

    .contact-btn:hover {
        background-color: transparent !important;
        border: 2px solid #0063F7;
        color: white !important;
    }

    .horaires {
        display: flex;
        flex-direction: column;
        width: 300px;
    }

    .horaire {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }

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

    p.\31 00-100 {
        width: 100%;
    }

    p.\35 0-100 {
        width: 49%;
    }

    .puce-ronde {
        width: 20px !important;
        display: inline-block;
        height: 20px !important;
        background: rgba(40, 126, 255, 1) !important;
        border-radius: 50%;
        text-align: center;
        line-height: 20px;
        color: white;
    }

    .icon-contact {
        width: 20px;
    }

    .procedes.vc_tta.vc_general .vc_tta-panel > .vc_tta-panel-heading i {
        background: #0063F7;
        height: 20px !important;
        width: 20px !important;
        border-radius: 50%;
        padding: 1px !important;
    }

    .procedes.vc_tta.vc_general .vc_tta-panel > .vc_tta-panel-heading i:before,
    .procedes.vc_tta.vc_general .vc_tta-panel > .vc_tta-panel-heading i:after {
        border-color: white;
        width: 50% !important;
        height: 50%;
    }

    .procedes.vc_tta.vc_general .vc_tta-panel > .vc_tta-panel-heading i:before {
        left: 5px;
        top: 15px;
    }

    .vc_tta-color-sky.vc_tta-style-flat .vc_tta-controls-icon::after {
        left: 14px !important;
        top: 5px !important;
    }

    .procedes.vc_tta.vc_general .vc_tta-panel > .vc_tta-panel-heading * {
        color: black !important;
        text-transform: uppercase;
        font-weight: 900;
        font-size: 20px;
    }

    .procedes.vc_tta.vc_general .vc_tta-panel > .vc_tta-panel-heading {
        background-color: #d8e5fe !important;
    }

    .procedes.vc_tta.vc_general .vc_tta-panel > .vc_tta-panel-body {
        background-color: #f0f5ff !important;
    }

    .procedes.vc_tta.vc_general .vc_tta-panel > .vc_tta-panel-body * {
        color: black;
    }

    .habillage-biseau-bleu-fonce-droite-haut * {
        padding: 0 !important;
    }

    .range-arrondie > div > div > div > .vc_row {
        margin-bottom: 0 !important;
    }

    .range-arrondie {
        border-radius: 110px;
    }

    .range-arrondie .vc_general {
        width: 200px;
        background-image: none;
    }

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

    .trait-gradient-bleu:after {
        background: rgb(40, 126, 255);
        background: linear-gradient(90deg, rgba(40, 126, 255, 1) 0%, rgba(40, 126, 255, 1) 50%, rgba(40, 126, 255, 0) 100%);
    }

    .habillage-trait:after {
        content: "";
        position: absolute;
        bottom: -20px;
        width: 150px;
        height: 5px;
    }

    .trait-centre:after {
        left: 50%;
        transform: translate(-50%, 0px);
    }

    .trait-gradient-bleu {}

    .habillage-trait {
        position: relative;
    }

    .img-habillage-back-droite {
        opacity: 0.2;
        width: 50%;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
    }

    .block-img-debordant-haut-50-pour-cent * {
        padding: 0 !important;
        margin: 0 !important;
    }

    .block-img-debordant-haut-50-pour-cent {
        top: -50px;
        padding: 0 50px;
        margin-bottom: -50px;
    }

    .range-un-tier-img-deux-tier-txt-full > .vc_col-sm-8 {
        padding-right: calc(66.66666667% - 950px);
        padding-left: 20px;
    }

    .range-deux-tier-txt-un-tier-img-full > .vc_col-sm-8 {
        padding-left: calc(66.66666667% - 950px);
        padding-right: 20px;
    }

    .habillage-plus a:before {
        content: "+";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0px, -50%);
        width: 20px;
        height: 20px;
        display: flex !important;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        background-color: #287EFF !important;
    }

    .habillage-plus a {
        padding-left: 40px;
        position: relative;
        display: flex;
    }

    .habillage-biseau-bleu-fonce-gauche-bas:before,
    .habillage-biseau-bleu-fonce-droite-haut:before,
    .habillage-biseau-blanc-droite:after {
        position: relative;
    }

    .habillage-biseau-bleu-fonce-gauche-bas:before {
        content: "";
        position: absolute;
        top: 0px;
        left: -150px;
        width: 300px;
        height: 200px;
        background-color: #111225 !important;
        transform: rotate(60deg) translate(-50%, -50%);
        opacity: 0;
        /* L'élément est invisible au départ */
        animation: apparaitre 1s forwards 1s;
        /* L'élément apparaît après 1 seconde */
    }

    .habillage-biseau-blanc-gauche-bas::before {
        content: "";
        position: absolute;
        top: 0px;
        left: -150px;
        width: 300px;
        height: 200px;
        transform: rotate(60deg) translate(-50%, -50%);
        opacity: 1;
        background-color: #ffffff !important;
    }

    .range-contact.habillage-biseau-blanc-gauche-bas:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(40, 41, 61, 0.9) !important;
    }

    .habillage-biseau-bleu-fonce-droite-haut:before {
        content: "";
        position: absolute;
        top: 280px;
        right: -130px;
        width: 300px;
        height: 200px;
        background-color: #111225 !important;
        transform: rotate(60deg) translate(-50%, -50%);
        opacity: 0;
        /* L'élément est invisible au départ */
        animation: apparaitre 1s forwards 1s;
        /* L'élément apparaît après 1 seconde */
    }

    .habillage-biseau-blanc-droite:after {
        content: "";
        position: absolute;
        top: -100px;
        right: 0;
        width: 300px;
        height: 200px;
        background-color: #fff !important;
        transform: rotate(120deg) translate(-50%, -50%);
        opacity: 0;
        /* L'élément est invisible au départ */
        animation: apparaitre 1s forwards 1s;
        /* L'élément apparaît après 1 seconde */
    }

    .icone-big ~ .h4 {
        margin-bottom: 10px;
    }

    a.vc_general:hover * {
        color: #287EFF !important;
    }

    a.vc_general:hover,
    button.vc_general:hover {
        background: transparent !important;
        box-shadow: inset 0 0 2px 2px #287EFF, inset 0 0 2px 2px #287EFF, inset 0 0 2px 2px #287EFF, inset 0 0 2px 2px #287EFF, inset 0 0 2px 2px #287EFF, inset 0 0 2px 2px #287EFF, inset 0 0 2px 2px #287EFF, inset 0 0 2px 2px #287EFF, inset 0 0 2px 2px #287EFF;
        color: #287EFF !important;
    }

    a.vc_general {
        background-image: none !important;
    }

    .icone-big {
        top: -50px !important;
        position: relative;
        margin-bottom: 0px !important;
        left: 20px;
    }

    .icone-big span.vc_icon_element-icon:before {
        font-size: 90px !important;
        line-height: 100px !important;
    }

    .img-ronde > figure {
        overflow: hidden;
        border-radius: 50%;
        border: 10px solid white;
    }

    .img-ronde > figure * {
        margin: 0;
    }

    #Action_bar .contact_details > li {
        position: relative;
        margin-left: 40px;
    }

    #Action_bar .contact_details > li:before {
        content: "";
        position: absolute;
        top: 50%;
        left: -20px;
        transform: translate(0px, -50%);
        width: 15px;
        height: 15px;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
    }

    li.btn-map-include:before {
        background-image: url(/wp-content/uploads/2025/01/maps-and-flags.png);
    }

    li.btn-tel-include:before {
        background-image: url(/wp-content/uploads/2025/01/phone.png);
    }

    li.btn-mail-include:before {
        background-image: url(/wp-content/uploads/2025/01/email.png);
    }

    ul.list-check li {
        font-style: italic;
        font-weight: 900;
        padding-left: 20px;
        margin-bottom: 0;
        position: relative;
    }

    ul.list-check li:before {
        content: "✓";
        transform: scale(0.8);
        transform-origin: right center;
        position: absolute;
        left: 0;
    }

    ul.list-check {
        list-style: none;
    }

    ul.flech-rond-bleu li:before {
        content: "";
        position: absolute;
        top: 0;
        left: -40px;
        width: 25px;
        height: 25px;
        background-image: url(/wp-content/uploads/2025/02/fleche-rond-bleu.jpg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
    }

    ul.flech-rond-bleu li {
        position: relative;
    }

    ul.flech-rond-bleu {
        list-style: none;
    }

    .espace-photos,
    .espace-photos * {
        margin-bottom: 0 !important;
    }

    .espace-photos.espace-photo-full-width {
        overflow: hidden;
        height: 251px;
    }

    .espace-photos.espace-photos-bas {
        margin-bottom: 20px !important;
    }

    /*----------------btn-flottant---------------------*/
    #btn-fixed {
        position: fixed;
        top: 60%;
        right: 0;
        width: 50px;
        transform: translate(0px, -50%);
        display: flex !important;
        z-index: 10000;
        flex-direction: column;
        align-items: end;
    }

    .btn-fixed-projet,
    .btn-fixed-parc,
    .btn-fixed-metiers,
    .btn-fixed-mail {
        height: 60px;
        width: 60px;
        display: flex;
        margin: 0;
        opacity: 1;
        right: 0;
        transition: 0.5s;
        position: relative;
        margin-bottom: 5px;
    }

    .btn-fixed-projet > a,
    .btn-fixed-parc > a,
    .btn-fixed-metiers > a,
    .btn-fixed-mail > a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .btn-fixed-mail:hover,
    .btn-fixed-link:hover {
        transform: scale(1.1);
        transition: 0.5s;
    }

    /*-mettre la couleur voulu au background-color-*/
    .btn-fixed-tel {
        background-image: url(/wp-content/uploads/2024/11/telephone-b-bf.png);
    }

    .btn-fixed-mail {
        background-image: url(/wp-content/uploads/2024/11/email-b-bf.png);
    }

    .btn-fixed-link {
        background-image: url(/wp-content/uploads/2024/11/linkedin-b-bf.png);
    }

    .btn-fixed-tel {
        background-position: 50% 25%;
        background-repeat: no-repeat;
        background-size: 60%;
    }

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

    .btn-fixed-link {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 60%;
    }

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

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

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

    .btn-fixed-projet > a,
    .btn-fixed-parc > a,
    .btn-fixed-metiers > a,
    .btn-fixed-mail > a {
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: end;
        font-size: 8px;
        line-height: 10px;
        text-align: center;
        color: #ffffff !important;
        padding-bottom: 5px !important;
        box-sizing: border-box;
    }

    .btn-fixed-projet > a:before,
    .btn-fixed-parc > a:before,
    .btn-fixed-metiers > a:before,
    .btn-fixed-mail > a:before {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0px, -50%);
        width: 120%;
        height: 100%;
        background: #0063f7;
        z-index: -1;
        border-radius: 30px 0 0 30px;
    }

    .btn-fixed-projet > a:after,
    .btn-fixed-parc > a:after,
    .btn-fixed-metiers > a:after,
    .btn-fixed-mail > a:after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0px, -50%);
        width: 100%;
        height: 100%;
        z-index: -1;
        background-position: 50% 15%;
        background-repeat: no-repeat;
        background-size: 50%;
    }

    .btn-fixed-projet > a:after {
        background-image: url(/wp-content/uploads/2025/01/news.webp) !important;
    }

    .btn-fixed-parc > a:after {
        background-image: url(/wp-content/uploads/2025/01/tools.webp) !important;
    }

    .btn-fixed-metiers > a:after {
        background-image: url(/wp-content/uploads/2025/01/job.webp) !important;
    }

    .btn-fixed-mail > a:after {
        background-image: url(/wp-content/uploads/2025/01/email.webp) !important;
    }

    .btn-fixed-projet:hover,
    .btn-fixed-parc:hover,
    .btn-fixed-metiers:hover,
    .btn-fixed-mail:hover {
        transform: scale(1.1);
    }

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

    .h1,
    .h1 * {
        font-family: Audiowide, 'Audiowide Fallback';
        font-size: 50px;
        line-height: 50px;
    }

    .h2,
    .h2 * {
        font-family: 'Audiowide';
        font-size: 26px;
        line-height: 26px;
        text-transform: uppercase;
        line-height: normal;
    }


    .h3,
    .h3 * {
        font-family: 'Audiowide' !important;
        font-size: 24px !important;
        line-height: 24px !important;
        text-transform: uppercase !important;
        line-height: normal !important;
        font-weight: 900 !important;
    }

    .h4,
    .h4 * {
        font-size: 18px !important;
        line-height: 25px !important;
        text-transform: uppercase !important;
        font-weight: 900 !important;
        font-family: 'Audiowide';
    }

    .txt-chiffres {
        font-size: 18px;
        line-height: 18px;
        font-weight: 100;
    }

    .wpb_column vc_column_container vc_col-sm-3,
    .vc_btn3-container.vc_btn3-center .vc_btn3,
    .vc_btn3-container.vc_btn3-center,
    .btn-chiffres {
        text-transform: lowercase !important;
    }

    .vc_btn3-container.vc_btn3-center .vc_btn3,
    .vc_btn3-container.vc_btn3-center {
        text-transform: uppercase !important;
    }

    .chiffres {
        font-size: 25px;
        font-weight: bold;
        color: #615e5e;
    }

    a.vc_general {
        background-color: #0063f7 !important;
    }

}

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

    .btn-fixed-com-mobile {
        position: fixed;
        bottom: 0;
        height: 50px;
        background: #0063f7;
        width: 100%;
    }



    .btn-fixed-com-mobile a {
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 15px;
        font-weight: 500;
    }

    .btn-fixed-com {
        display: none;
    }

    .habillage-biseau-bleu-fonce-gauche-bas:before {
        content: "";
        position: absolute;
        top: -50px;
        left: 206px;
        width: 110vw;
        height: 100px;
        background-color: #111225 !important;
        transform: rotate(-10deg) translate(-50%, -50%);
        opacity: 0;
        animation: apparaitre 1s forwards 1s;
    }

    .habillage-biseau-blanc-droite:after {
        content: "";
        position: absolute;
        top: 30px;
        right: -237px;
        width: 110vw;
        height: 100px;
        background-color: #fff !important;
        transform: rotate(10deg) translate(-50%, -50%);
        opacity: 0;
        animation: apparaitre 1s forwards 1s;
    }

    .habillage-biseau-bleu-fonce-droite-haut:before {
        content: "";
        position: absolute;
        top: 80px;
        right: -260px;
        width: 110vw;
        height: 100px;
        background-color: #111225 !important;
        transform: rotate(-10deg) translate(-50%, -50%);
        opacity: 0;
        animation: apparaitre 1s forwards 1s;
    }

    .habillage-biseau-blanc-gauche-bas::before {
        content: "";
        position: absolute;
        top: -40px;
        left: 200px;
        width: 110vw;
        height: 100px;
        transform: rotate(-10deg) translate(-50%, -50%);
        opacity: 1;
        background-color: #ffffff !important;
    }

    .img-habillage-back-droite {
        opacity: 0.2;
        width: 100%;
        position: absolute;
        right: 0;
        top: inherit;
        height: 50%;
        bottom: 0;
    }

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

    .mobile-header-mini #Top_bar .logo {
        margin: auto !important;
        float: none;
    }

    .mobile-header-mini #Top_bar #logo {
        height: 100px !important;
    }

    #Top_bar .menu_wrapper {
        position: absolute;
    }

    .vc_row.wpb_row.vc_row-fluid.range-arrondie.vc_row-has-fill {
        border-radius: 0;
        background: transparent !important;
    }

    .range-arrondie .vc_general {
        width: 100%;
        background-image: none;
        height: 65px;
        display: flex;
        align-items: anchor-center;
        justify-content: center;
    }
}

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

@media only screen and (min-width: 0px) and (max-width: 1239px) {
    .encart-video video {
        width: 100%;
    }

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

    span.text-pc {
        display: none;
    }

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

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

    .btn-fixed-com-mobile {
        display: none;
    }

}

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

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

    .btn-fixed-com:hover::before {
        content: "";
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background-image: url(/wp-content/uploads/2025/03/fleche-bleu.png);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .btn-fixed-com:hover {
        background-color: #ffffff;
        border: 2px solid #0063F7;
        color: #0063F7 !important;
    }

    span.text-mobile {
        font-size: 10px;
        font-weight: bold;
    }

    .btn-fixed-com {
        display: inline-flex;
        position: absolute;
        right: 5px;
        bottom: -65px;
        padding: 15px 40px;
        font-size: 16px;
        background-color: #0063F7;
        border: 2px solid #0063F7;
        color: #ffffff !important;
        border-radius: 30px;
    }

    .btn-fixed-com:before {
        content: "";
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background-image: url(/wp-content/uploads/2025/03/fleche-2.png);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .horaire {
        display: block;
        justify-content: space-between;
        margin-bottom: 10px;
    }

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

    .block-img-debordant-haut-50-pour-cent {
        padding: 0;
        width: 60%;
        margin-left: -100px;
        top: -20px;
    }

    .header-classic #Header .top_bar_left {
        display: flex;
        justify-content: center;
    }

    #Top_bar .logo {
        margin: 0;
    }

    #Top_bar #logo {
        height: 130px;
        line-height: 130px;
    }

    #Top_bar .menu_wrapper {
        position: absolute !important;
        right: 0;
        top: 40px;
    }
}

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

@media only screen and (min-width: 1023px) and (max-width: 1239px) {
    .block-img-debordant-haut-50-pour-cent {
        top: -50px;
    }
}

@media only screen and (min-width: 1240px) {
    #Top_bar.is-sticky .img-header {
        display: none;
    }

    #Top_bar .menu {
        display: flex !important;
        align-items: center;
    }

    .img-header {
        width: 150px;
    }

    .img-header * {
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
    }

    .header-classic #Top_bar > .container {
        margin: 0;
        padding: 0;
        max-width: inherit;
    }

    .btn-fixed-com:hover::before {
        content: "";
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background-image: url(/wp-content/uploads/2025/03/fleche-bleu.png);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .btn-fixed-com:before {
        content: "";
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background-image: url(/wp-content/uploads/2025/03/fleche-2.png);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .btn-fixed-com {
        display: inline-flex;
        position: absolute;
        right: 10px;
        bottom: -80px;
        padding: 22px 102px;
        font-size: 16px;
        background-color: #0063F7;
        border: 2px solid #0063F7;
        color: #ffffff !important;
        border-radius: 30px;
    }

    .btn-fixed-com:hover {
        background-color: #ffffff;
        border: 2px solid #0063F7;
        color: #0063F7 !important;

    }

    #Top_bar:not(.is-sticky) #logo {
        height: 121px;
        top: -60px !important;
        position: relative;
        margin-bottom: -60px;
    }

    #Top_bar:not(.is-sticky) .top_bar_left {
        display: flex;
        justify-content: center;
    }

    #Top_bar.is-sticky .top_bar_left {
        display: flex;
        justify-content: center;
    }

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

    /*----------------Footer---------------------*/

    .column.mobile-one.tablet-one-fourth.one-fourth:last-child {
        width: 19%;
    }

    .column.mobile-one.tablet-one-fourth.one-fourth:not(:last-child) {
        width: 27%;
        box-sizing: border-box;
        padding: 0px 29px;
    }

    .horaires {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    /*----------------Footer---------------------*/
    /*----------------btn-flottant---------------------*/
    .btn-fixed-projet > a:after,
    .btn-fixed-parc > a:after,
    .btn-fixed-metiers > a:after,
    .btn-fixed-mail > a:after {
        content: "";
        position: absolute;
        right: inherit;
        left: -40px;
        top: 50%;
        transform: translate(0px, -50%);
        width: 70px;
        height: 100%;
        z-index: -1;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 60%;
    }

    .btn-fixed-projet {
        width: 200px;
        transform: translate(170px, 0px);
        transition: 0.5s;
        background-position: 5% 40% !important;
        background-repeat: no-repeat;
        background-size: auto 50%;
        transition: 0.5s;
    }

    .btn-fixed-parc {
        width: 200px;
        transform: translate(170px, 0px);
        transition: 0.5s;
        background-position: 5% 40% !important;
        background-repeat: no-repeat;
        background-size: auto 50%;
        transition: 0.5s;
    }

    .btn-fixed-metiers {
        width: 200px;
        transform: translate(170px, 0px);
        transition: 0.5s;
        background-position: 5% 40% !important;
        background-repeat: no-repeat;
        background-size: auto 50%;
        transition: 0.5s;
    }

    .btn-fixed-mail {
        width: 200px;
        transform: translate(170px, 0px);
        transition: 0.5s;
        background-position: 5% 40% !important;
        background-repeat: no-repeat;
        background-size: auto 50%;
        transition: 0.5s;
    }

    .btn-fixed-projet:hover {
        transform: translate(0px, 0px);
        transition: 0.5s;
        background-position: 5% 40% !important;
        background-repeat: no-repeat;
    }

    .btn-fixed-parc:hover {
        transform: translate(0px, 0px);
        transition: 0.5s;
        background-position: 5% 40% !important;
        background-repeat: no-repeat;
    }

    .btn-fixed-metiers:hover {
        transform: translate(0px, 0px);
        transition: 0.5s;
        background-position: 5% 40% !important;
        background-repeat: no-repeat;
    }

    .btn-fixed-mail:hover {
        transform: translate(0px, 0px);
        transition: 0.5s;
        background-position: 5% 40% !important;
        background-repeat: no-repeat;
    }

    span.text-mobile {
        position: absolute;
        bottom: 0 !important;
        height: initial !important;
        left: 13px;
        transition: 0.5s;
        color: transparent !important;
    }

    .btn-fixed-tel:hover span.text-mobile,
    .btn-fixed-mail:hover span.text-mobile,
    .btn-fixed-link:hover span.text-mobile {
        opacity: 0;
        transition: 0.5s;
    }

    span.text-pc {
        position: absolute;
        width: initial !important;
        height: initial !important;
        top: 50%;
        /* right: 13px; */
        left: 40px;
        transform: translate(0px, -50%);
        font-size: 14px !important;
        font-weight: 700;
        /* color: transparent !important; */
        transition: 0.5s;
    }

    .btn-fixed-link a span.text-pc {
        right: inherit;
        left: 50px;
    }

    .btn-fixed-tel:hover span.text-pc,
    .btn-fixed-mail:hover span.text-pc,
    .btn-fixed-link:hover span.text-pc {
        transition: 0.5s;
        color: white !important;
    }

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

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

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

@media only screen and (min-width: 1536px) {
    /*
    #Top_bar:not(.is-sticky) .top_bar_left {
        justify-content: end;
    }

    .img-header {
        width: 240px;
        top: -49px;
        margin-bottom: -50px !important;
    }

    #Top_bar:not(.is-sticky) #logo {
        height: 140px;
    }
    */
}

@media only screen and (min-width: 1900px) {
    #Top_bar:not(.is-sticky) .top_bar_left {
        justify-content: center;
    }

    .img-header {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }

    .img-header {
        width: 200px;
        top: -30px;
        margin-bottom: -15px !important;
    }

    #Top_bar:not(.is-sticky) #logo {
        height: 150px;
        top: -45px !important;
        position: relative;
        margin-bottom: -60px;
    }

    #Top_bar:not(.is-sticky) .logo {
        margin-left: 300px;
    }
}

@media only screen and (min-width: 2500px) {
    #Top_bar:not(.is-sticky) .logo {
        margin-left: 300px;
    }

    #Top_bar:not(.is-sticky) .top_bar_left {
        justify-content: center;
    }
}

/*--ARCODE--*/