#bpm-main-header,#bpm-main-header *,#bpm-main-header *::before,#bpm-main-header *::after{
        box-sizing: border-box;
    }
#bpm-main-header{
        width: 100%;

        margin: 0;
        padding: 0;

        position: sticky;
        top: 0;
        z-index: 9999;

        background: #fff;

        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            Arial,
            Helvetica,
            sans-serif;
    }
body.admin-bar #bpm-main-header{
        top: 32px;
    }
@media  screen and (max-width: 782px) {body.admin-bar #bpm-main-header{
            top: 46px;
        }}
#bpm-main-header .bpm-header-inner{

        width: 100%;
        min-height: 82px;

        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;

        align-items: center;

        gap: 20px;

        margin: 0;
        padding: 10px 28px;

        background: #fff;
    }
#bpm-main-header .bpm-logo{

        flex: 0 0 auto;

        display: flex;
        align-items: center;

        margin: 0;
        padding: 0;

        text-decoration: none;
    }
#bpm-main-header .bpm-logo img{

        display: block;

        width: 150px;
        max-width: 150px;
        height: auto;

        margin: 0;
        padding: 0;

        border: 0;
    }
#bpm-main-header .bpm-navigation{

        flex: 1 1 auto;

        min-width: 0;

        display: flex;
        align-items: center;
        justify-content: center;

        position: static;

        margin: 0;
        padding: 0;
    }
#bpm-main-header .bpm-menu,#bpm-main-header .bpm-supports-submenu{

        list-style: none;

        margin: 0;
        padding: 0;
    }
#bpm-main-header .bpm-menu{

        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;

        align-items: center;
        justify-content: center;
    }
#bpm-main-header .bpm-menu > li{

        position: relative;

        margin: 0;
        padding: 0;
    }
#bpm-main-header .bpm-menu > li > a,#bpm-main-header .bpm-supports-main-link{

        min-height: 44px;

        display: flex;
        align-items: center;

        margin: 0;
        padding: 0 9px;

        color: #000 !important;
        background: transparent !important;

        text-decoration: none !important;

        font-size: 16px;
        font-weight: 600;
        line-height: 1.2;

        white-space: nowrap;
    }
#bpm-main-header .bpm-menu a:hover,#bpm-main-header .bpm-menu a:focus-visible{

        color: #000 !important;

        text-decoration: underline !important;
        text-underline-offset: 4px;
    }
#bpm-main-header .bpm-supports-row{

        display: flex;
        flex-direction: row;
        align-items: center;

        margin: 0;
        padding: 0;
    }
#bpm-main-header .bpm-supports-toggle{

        flex: 0 0 28px;

        width: 28px;
        height: 44px;

        display: flex;
        align-items: center;
        justify-content: center;

        margin: 0;
        padding: 0;

        color: #000 !important;
        background: transparent !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;

        cursor: pointer;
    }
#bpm-main-header .bpm-supports-toggle svg{

        display: block;

        width: 15px;
        height: 15px;

        color: #000;
    }
#bpm-main-header
    .bpm-supports.is-submenu-open
    .bpm-supports-toggle svg{

        transform: rotate(180deg);
    }
#bpm-main-header .bpm-supports-submenu{

        display: none;

        position: absolute;

        top: 100%;
        left: 0;

        width: 250px;

        margin: 0;
        padding: 8px;

        background: #fff;

        border: 1px solid #e3e3e3;
        border-radius: 14px;

        box-shadow:
            0 12px 35px
            rgba(0, 0, 0, .12);

        z-index: 9999999;
    }
#bpm-main-header .bpm-supports-submenu li{

        margin: 0;
        padding: 0;
    }
#bpm-main-header .bpm-supports-submenu a{

        width: 100%;
        min-height: 44px;

        display: flex;
        align-items: center;

        padding: 10px 12px;

        color: #000 !important;
        background: #fff !important;

        text-decoration: none !important;

        font-size: 15px;
        font-weight: 500;
        line-height: 1.25;

        border-radius: 8px;
    }
#bpm-main-header .bpm-supports-submenu a:hover,#bpm-main-header .bpm-supports-submenu a:focus-visible{

        background: #f3f3f3 !important;

        text-decoration: none !important;
    }
@media  (min-width: 1201px) {#bpm-main-header
        .bpm-supports:hover
        > .bpm-supports-submenu,#bpm-main-header
        .bpm-supports:focus-within
        > .bpm-supports-submenu,#bpm-main-header
        .bpm-supports.is-submenu-open
        > .bpm-supports-submenu{

            display: block;
        }}
#bpm-main-header .bpm-header-actions{

        flex: 0 0 auto;

        display: flex !important;
        flex-direction: row;

        align-items: center;
        justify-content: flex-end;

        gap: 15px;

        margin: 0;
        padding: 0;

        visibility: visible !important;
        opacity: 1 !important;

        white-space: nowrap;
    }
#bpm-main-header .bpm-devis,#bpm-main-header .bpm-devis:link,#bpm-main-header .bpm-devis:visited,#bpm-main-header .bpm-devis:hover,#bpm-main-header .bpm-devis:active,#bpm-main-header .bpm-devis:focus{

        flex: 0 0 auto;

        min-height: 48px;

        display: inline-flex !important;

        align-items: center;
        justify-content: center;

        gap: 7px;

        margin: 0;
        padding: 0 20px;

        background: #000 !important;
        color: #fff !important;

        border: 0 !important;
        border-radius: 999px !important;

        box-shadow: none !important;

        text-decoration: none !important;

        font-size: 15px;
        font-weight: 700;
        line-height: 1;

        white-space: nowrap;

        visibility: visible !important;
        opacity: 1 !important;
    }
#bpm-main-header .bpm-devis span{

        display: inline-block !important;

        color: #fff !important;

        visibility: visible !important;
        opacity: 1 !important;
    }
#bpm-main-header .bpm-devis svg{

        display: block !important;

        width: 18px;
        height: 18px;

        flex: 0 0 18px;

        color: #fff !important;
        stroke: #fff !important;

        visibility: visible !important;
        opacity: 1 !important;
    }
#bpm-main-header .bpm-devis svg *{

        stroke: #fff !important;
    }
#bpm-main-header .bpm-phone,#bpm-main-header .bpm-phone:link,#bpm-main-header .bpm-phone:visited,#bpm-main-header .bpm-phone:hover,#bpm-main-header .bpm-phone:active,#bpm-main-header .bpm-phone:focus{

        flex: 0 0 auto;

        min-height: 48px;

        display: inline-flex !important;

        align-items: center;
        justify-content: center;

        gap: 7px;

        margin: 0;
        padding: 0;

        color: #000 !important;
        background: transparent !important;

        border: 0 !important;

        text-decoration: none !important;

        font-size: 15px;
        font-weight: 700;
        line-height: 1;

        white-space: nowrap;

        visibility: visible !important;
        opacity: 1 !important;
    }
#bpm-main-header .bpm-phone svg{

        display: block !important;

        width: 21px;
        height: 21px;

        flex: 0 0 21px;

        color: #000 !important;
        stroke: #000 !important;

        visibility: visible !important;
        opacity: 1 !important;
    }
#bpm-main-header .bpm-phone svg *{

        stroke: #000 !important;
    }
#bpm-main-header .bpm-phone-number{

        display: inline-block !important;

        color: #000 !important;

        visibility: visible !important;
        opacity: 1 !important;
    }
#bpm-main-header .bpm-mobile-toggle{

        display: none !important;

        flex: 0 0 46px;

        width: 46px;
        height: 46px;

        align-items: center;
        justify-content: center;
        flex-direction: column;

        gap: 5px;

        margin: 0;
        padding: 0;

        background: transparent !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;

        cursor: pointer;
    }
#bpm-main-header .bpm-mobile-toggle span{

        display: block !important;

        width: 24px;
        height: 2px;

        margin: 0;
        padding: 0;

        background: #000 !important;

        border-radius: 2px;

        transform-origin: center;

        transition:
            transform .2s ease,
            opacity .2s ease;
    }
#bpm-main-header
    .bpm-mobile-toggle[aria-expanded="true"]
    span:nth-child(1){

        transform:
            translateY(7px)
            rotate(45deg);
    }
#bpm-main-header
    .bpm-mobile-toggle[aria-expanded="true"]
    span:nth-child(2){

        opacity: 0;
    }
#bpm-main-header
    .bpm-mobile-toggle[aria-expanded="true"]
    span:nth-child(3){

        transform:
            translateY(-7px)
            rotate(-45deg);
    }
@media  (max-width: 1200px) {#bpm-main-header .bpm-header-inner{

            min-height: 72px;

            padding: 8px 20px;

            gap: 10px;
        }
#bpm-main-header .bpm-logo{

            order: 1;

            flex: 0 0 auto;
        }
#bpm-main-header .bpm-logo img{

            width: 120px;
            max-width: 120px;
        }
#bpm-main-header .bpm-header-actions{

            order: 2;

            flex: 0 0 auto;

            margin-left: auto;

            gap: 12px;
        }
#bpm-main-header .bpm-mobile-toggle{

            display: flex !important;

            order: 3;

            visibility: visible !important;
            opacity: 1 !important;
        }
#bpm-main-header .bpm-navigation{

            display: none !important;

            position: absolute;

            top: 100%;
            left: 0;
            right: 0;

            width: 100%;

            margin: 0;
            padding: 10px 14px 18px;

            background: #fff;

            border-top: 1px solid #ececec;
            border-bottom: 1px solid #e5e5e5;

            box-shadow:
                0 14px 30px
                rgba(0, 0, 0, .08);

            z-index: 9999999;
        }
#bpm-main-header
        .bpm-navigation.bpm-menu-open{

            display: block !important;
        }
#bpm-main-header .bpm-menu{

            display: block;

            width: 100%;
            max-width: 620px;

            margin: 0 auto;
            padding: 0;
        }
#bpm-main-header .bpm-menu > li{

            width: 100%;
        }
#bpm-main-header .bpm-menu > li > a{

            width: 100%;
            min-height: 50px;

            padding: 0 12px;

            color: #000 !important;

            font-size: 17px;

            border-bottom:
                1px solid #ededed;
        }
#bpm-main-header .bpm-supports-row{

            width: 100%;

            border-bottom:
                1px solid #ededed;
        }
#bpm-main-header .bpm-supports-main-link{

            flex: 1 1 auto;

            min-height: 50px;

            padding: 0 12px;

            font-size: 17px;
        }
#bpm-main-header .bpm-supports-toggle{

            flex: 0 0 50px;

            width: 50px;
            height: 50px;
        }
#bpm-main-header .bpm-supports-submenu{

            display: none !important;

            position: static;

            width: 100%;

            margin: 0;
            padding: 5px 0 8px 18px;

            background: #fafafa;

            border: 0;
            border-radius: 0;

            box-shadow: none;
        }
#bpm-main-header
        .bpm-supports.is-submenu-open
        > .bpm-supports-submenu{

            display: block !important;
        }
#bpm-main-header
        .bpm-supports-submenu a{

            min-height: 46px;

            padding: 8px 12px;

            font-size: 15px;

            border-bottom:
                1px solid #eee;

            border-radius: 0;
        }}
@media  (max-width: 767px) {#bpm-main-header .bpm-header-inner{

            min-height: 64px;

            padding: 7px 12px;

            gap: 4px;
        }
#bpm-main-header .bpm-logo img{

            width: 105px;
            max-width: 105px;
        }
#bpm-main-header .bpm-header-actions{

            gap: 2px;
        }
#bpm-main-header .bpm-devis,#bpm-main-header .bpm-devis:link,#bpm-main-header .bpm-devis:visited,#bpm-main-header .bpm-devis:hover,#bpm-main-header .bpm-devis:active,#bpm-main-header .bpm-devis:focus{

            min-height: 44px;

            padding: 0 13px;

            gap: 6px;

            background: #000 !important;
            color: #fff !important;

            font-size: 14px;
        }
#bpm-main-header .bpm-devis span{

            display: inline-block !important;

            color: #fff !important;
        }
#bpm-main-header .bpm-devis svg{

            width: 17px;
            height: 17px;

            flex-basis: 17px;

            color: #fff !important;
            stroke: #fff !important;
        }
#bpm-main-header .bpm-phone,#bpm-main-header .bpm-phone:link,#bpm-main-header .bpm-phone:visited,#bpm-main-header .bpm-phone:hover,#bpm-main-header .bpm-phone:active,#bpm-main-header .bpm-phone:focus{

            display: inline-flex !important;

            flex: 0 0 40px;

            width: 40px;
            height: 44px;

            min-width: 40px;
            min-height: 44px;

            align-items: center;
            justify-content: center;

            margin: 0;
            padding: 0;

            color: #000 !important;

            visibility: visible !important;
            opacity: 1 !important;
        }
#bpm-main-header .bpm-phone-number{

            display: none !important;
        }
#bpm-main-header .bpm-phone svg{

            display: block !important;

            width: 21px;
            height: 21px;

            color: #000 !important;
            stroke: #000 !important;

            visibility: visible !important;
            opacity: 1 !important;
        }
#bpm-main-header .bpm-mobile-toggle{

            display: flex !important;

            flex: 0 0 42px;

            width: 42px;
            height: 44px;

            min-width: 42px;
            min-height: 44px;
        }}
@media  (max-width: 390px) {#bpm-main-header .bpm-header-inner{

            padding-left: 8px;
            padding-right: 8px;

            gap: 2px;
        }
#bpm-main-header .bpm-logo img{

            width: 92px;
            max-width: 92px;
        }
#bpm-main-header .bpm-devis{

            min-height: 42px;

            padding-left: 9px;
            padding-right: 9px;

            gap: 4px;

            font-size: 13px;
        }
#bpm-main-header .bpm-devis svg{

            width: 16px;
            height: 16px;

            flex-basis: 16px;
        }
#bpm-main-header .bpm-phone{

            flex-basis: 36px;

            width: 36px;
            min-width: 36px;
        }
#bpm-main-header .bpm-phone svg{

            width: 19px;
            height: 19px;
        }
#bpm-main-header .bpm-mobile-toggle{

            flex-basis: 38px;

            width: 38px;
            min-width: 38px;
        }
#bpm-main-header
        .bpm-mobile-toggle span{

            width: 22px;
        }}
#bpm-main-header a:focus-visible,#bpm-main-header button:focus-visible{

        outline:
            2px solid #000 !important;

        outline-offset: 3px;
    }
@media  (prefers-reduced-motion: reduce) {#bpm-main-header *,#bpm-main-header *::before,#bpm-main-header *::after{

            transition: none !important;
            animation: none !important;
        }}
:root #bpm-main-header .bpm-menu>li>a,:root #bpm-main-header .bpm-supports-main-link{font-size:18px!important;font-weight:600!important;line-height:1.35}
:root #bpm-main-header .bpm-supports-submenu a{font-size:17px!important;line-height:1.5}
:root #bpm-main-header .bpm-account{display:inline-flex!important;flex:0 0 44px;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #ddd;border-radius:50%;color:#111!important;background:#fff;text-decoration:none!important}
:root #bpm-main-header .bpm-account svg{width:24px;height:24px;display:block}
:root #bpm-main-header .bpm-account:hover{background:#f2f2f2;border-color:#111}
:root #bpm-main-header .bpm-account:focus-visible{outline:3px solid #135ba5;outline-offset:3px}
@media (max-width:1350px) and (min-width:1201px){:root #bpm-main-header .bpm-phone-number{display:none!important}
:root #bpm-main-header .bpm-header-actions{gap:10px}}
@media (max-width:600px){:root #bpm-main-header .bpm-phone{display:none!important}
:root #bpm-main-header .bpm-header-actions{gap:8px}
:root #bpm-main-header .bpm-header-inner{gap:8px}
:root #bpm-main-header .bpm-devis{padding:11px 13px!important}}
@media (max-width:360px){:root #bpm-main-header .bpm-logo img{width:76px!important;max-width:76px!important}
:root #bpm-main-header .bpm-devis{font-size:12px!important;padding:10px!important}
:root #bpm-main-header .bpm-header-inner{gap:6px}}
:root .bpm-header-inner{max-width:var(--bpm-page-width)!important}
@media (max-width:800px){:root #bpm-main-header .bpm-header-inner{width:calc(100% - 32px)!important;margin-inline:auto!important}}
#bpm-main-header .bpm-header-inner{max-width:1380px!important;margin-inline:auto!important;width:calc(100% - 48px)!important;padding-inline:0!important}@media(max-width:700px){#bpm-main-header .bpm-header-inner{width:calc(100% - 32px)!important}}