/** custom css **/
/** variables **/
:root {
    --color-principal: #063876;
    --color-secondary: #db0073;
}


body {
    color: #000;
}

p {
    color: #000;
}

p a {
    color: var(--color-secondary);
    font-size: inherit;
}

a {
    color: var(--color-secondary);
}

a:focus, a:hover {
    color: var(--color-secondary);
    text-decoration: underline;
}

@media (max-width: 1200px) {
    #_desktop_top_menu .top-menu[data-depth="0"] li:hover .sub-menu {
        top: 70px;
    }
}

/*@media (min-width: 1111px) and (max-width:1200px) {
    #_desktop_top_menu .top-menu[data-depth="0"] li:hover .sub-menu {
        top: 70px;
    }
}*/
@media (min-width: 1200px) {
    #_desktop_top_menu .top-menu[data-depth="0"] li:hover .sub-menu {
        top: 50px;
    }
}

#_desktop_top_menu > .top-menu > li {
    margin: 0 4px;
}

#_desktop_top_menu > .top-menu > li > a {
    font-size: 14px;
}

li#lnk-besoin-d-aide- {
    background-color: var(--color-secondary);
    padding: 0 8px;
}

li#lnk-besoin-d-aide-:hover {
    background-color: var(--color-principal);
    padding: 0 8px;
}

li#lnk-besoin-d-aide- > a, li#lnk-besoin-d-aide- > a:hover {
    color: #ffffff !important;
}

#_desktop_top_menu > .top-menu > li#lnk-besoin-d-aide- > a:after {
    height: 0;
}

li#lnk-besoin-d-aide- .sub-menu > a, li#lnk-besoin-d-aide- .sub-menu > a:hover {
    color: unset;
}

#lnk-besoin-d-aide- a.dropdown-item {
    padding: 5px 0 !important;
}

li#lnk-besoin-d-aide- a.dropdown-item.dropdown-submenu::after {
    width: 150px !important;
    background-color: #ffffff;
    height: 15px !important;
    z-index: 999;
    position: absolute;
    display: block;
    bottom: 0;
    transform: unset;
    left: -15px;
}

#header {
    padding: 2px;
}

#header .header-top .position-static {
    padding-top: 25px;
}

span.username {
    margin-top: 10px;
    display: block;
}

.products-sort-order .select-title:after, #_desktop_top_menu .top-menu .nav-arrows i, .featured-products .product-title a:hover, .product-miniature .product-title a:hover, .featured-products .product-title a:hover, .product-miniature .product-title a:hover {
    color: var(--color-principal) !important;
}

#bonslick .box-bonslick span, .btn-primary, #_desktop_top_menu > .top-menu > li > a:after, .featured-products .thumbnail-container .ajax_add_to_cart_button, .product-miniature .thumbnail-container .ajax_add_to_cart_button, #bonbanners a span:hover {
    background-color: var(--color-principal);
}

.featured-products .thumbnail-container .ajax_add_to_cart_button:hover, .product-miniature .thumbnail-container .ajax_add_to_cart_button:hover {
    background: var(--color-principal);
    border-color: var(--color-principal);
}

#boncompare .compare-count, #bonwishlist .wishlist-count, #header .blockcart .cart-products-count {
    background-color: var(--color-secondary);
}

#boncompare .compare-tooltip:hover .boncompare-icon {
    stroke: var(--color-secondary);
}

.block-contact .footer_email:hover:before, .block-contact .footer_fax:hover:before, .block-contact .footer_phone:hover:before, .product-quantity .bon-product-popup .title-popup-1:hover, .product-quantity .bon-product-popup .title-popup-2:hover, #header .header-top .position-static #_desktop_setting-header:focus i, #header .header-top .position-static #_desktop_setting-header:hover i, #header .header-top .position-static #_desktop_user_info:focus i, #header .header-top .position-static #_desktop_user_info:hover i {
    color: var(--color-secondary);
}

#header .header-top #_desktop_cart:hover, #header .header-top #_desktop_setting-header:hover, #header .header-top #_desktop_user_info:hover {
    color: var(--color-secondary);
}

.footer-container .links li a:hover, #_desktop_user_info:hover, #boncompare-popup .product-title:hover,
#boncompare-popup .compare_add_to_cart_button:hover i, .cart-grid-body a.label:hover,
.product-line-grid-body > .product-line-info:first-child a:hover, .products-sort-order .select-list:hover,
#_desktop_top_menu .sub-menu .top-menu li a:hover, #_desktop_top_menu .sub-menu ul[data-depth="2"] > li > a:hover,
#_desktop_top_menu .sub-menu ul[data-depth="1"] > li > a:hover,
.quickview .modal-content .modal-body .product-price .current-price, .product-page-right .product-price .current-price,
#bonwishlist .wishlist-tooltip:hover i, #header .header-top .position-static #_desktop_cart .blockcart i:hover,
body#checkout section#content #checkout-personal-information-step .nav .nav-item a.active, body#checkout
section#content #checkout-personal-information-step .nav .nav-item a:hover, #header .top-menu a[data-depth="0"]:hover,
#_desktop_top_menu ul[data-depth="0"] > li > a:hover, a:hover, #_desktop_top_menu > .top-menu > li.sfHover > a,
body#checkout section.checkout-step .step-number, body#checkout section.checkout-step .step-title:hover,
#back-to-top:hover, .bonsearch:hover, .bonsearch:focus, #bonslick .slick-dots li.slick-active button:before,
#bonslick .slick-next:hover:before, #bonslick .slick-prev:hover:before, .bonwishlist-hook-wrapper .wish-button {
    color: var(--color-secondary);
}

#bonslick .box-bonslick span:hover {
    color: #ffffff;
    background-color: var(--color-secondary);
}

.btn-primary:hover, .bonsearch .bonsearch_btn:hover, .bonsearch .bonsearch_btn:focus, .bonsearch .bonsearch_btn, p.message-upload-file {
    background-color: var(--color-secondary);
}

.bonpromotion-countdown-btn:hover, #bonbanners a .banner-inner span, li.product-flag, .bonpromotion-countdown-btn, .tabs .nav-tabs .nav-item .nav-link:after, #boncompare .compare-count {
    background: var(--color-secondary);
}

.bonthumbnails li.active, .bonthumbnails li:hover, .bonthumbnails li:focus {
    box-shadow: inset 0 0 0 2px var(--color-secondary);
}

::-moz-selection {
    background: var(--color-secondary) !important;
    color: #fff
}

::selection {
    background: var(--color-secondary) !important;
    color: #fff
}

.products-selection .buttons-grid {
    display: none;
}

#_desktop_top_menu .sub-menu.collapse {
    /* transform: initial; */
}

#_desktop_top_menu .sub-menu {
    transition-delay: .1s;
}

#_desktop_logo svg {
    width: 200px;
}

/*accueil home*/
.btnHomeSurMesure a {
    height: 80px;
}

.btnHomeSurMesure a > span::before {
    content: "";
    width: 70px;
    height: 70px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 20px;
    margin-top: -10px;
}

div#btnConstruction a > span::before {
    background-image: url('../../img/btn_construction.svg');
}

div#btnBachesABarres a > span::before {
    background-image: url('../../img/btn_bache.svg');
}

div#btnVolets a > span::before {
    background-image: url('../../img/btn_volets.svg');
}

div#btnLiner a > span::before {
    background-image: url('../../img/btn_liner.svg');
}

.btnHomeSurMesure span.elementor-button-content-wrapper {
    display: flex;
    align-items: center;
}

.colHomeUnivers {
    margin-right: 15px;
}

.colHomeUnivers:last-child {
    margin-right: 0px;
}

.colHomeUnivers:hover .elementor-button-text {
    color: var(--color-secondary);
}

img.img-responsive {
    width: auto;
    margin: 0 auto;
}

#bonattribute .bonattribute-box .active, #bonattribute .bonattribute-btn:hover, #bonattribute .bonattribute-btn {
    font-size: 12px;
}

.product-title {
    min-height: 50px;
}

.popup-close {
    position: unset;
    right: unset;
    top: unset;
    background-color: white;
    float: right;
    margin-top: 5px;
}

.popup-close::after, .popup-close:hover::after {
    color: #063876;
}

.containerlogofooter {
    width: 70%;
    margin-bottom: 15px;
}

.footer-container {
    background: #dfdfdf;
}

div#block_myaccount_infos {
    margin-top: 0px;
}

#block_myaccount_infos .myaccount-title a:hover {
    color: var(--color-secondary);
}

.bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default {
    background: var(--color-secondary);
}

#pagenotfound .page-content #search_widget .bonsearch_btn {
    background-color: var(--color-secondary);
}

#_desktop_top_menu .top-menu .nav-arrows i {
    font-size: 0;
}

/*form inscription*/
.custom-checkbox input[type=checkbox] {
    display: block;
    cursor: pointer;
    position: absolute;
}

.page-authentication .custom-checkbox input[type=checkbox] + span {
    border: 0;
}

.page-authentication .custom-checkbox input[type=checkbox] + span .checkbox-checked {
    left: 0;
    top: 0px;
}

/*configurateur*/
.product-id-100002 #configurator_block #collapse_26 #step_option_26_258, .product-id-100002 #configurator_block #collapse_26 #step_option_26_260 {
    display: none !important;
}

#configurator_block .color:hover {
    margin-top: unset;
}

#step_79 .display-step-amount, #step_81 .display-step-amount, #step_126 .display-step-amount, #step_127 .display-step-amount, #step_137 .display-step-amount {
    display: none !important;
}

#configurator_block .step-color-texture .option_block, #configurator_block .step-color-texture .option_block .option_img,
#configurator_block #collapse_51 .colortexture, #configurator_block #collapse_51 .option_img,
#configurator_block #collapse_56 .colortexture, #configurator_block #collapse_56 .option_img,
#configurator_block #collapse_70 .colortexture, #configurator_block #collapse_70 .option_img,
#configurator_block #collapse_89 .colortexture, #configurator_block #collapse_89 .option_img,
#configurator_block #collapse_92 .colortexture, #configurator_block #collapse_92 .option_img,
#configurator_block #collapse_86 .colortexture, #configurator_block #collapse_86 .option_img
{
    height: 150px;
    width: 150px;
    max-width: 150px;
    max-height: 150px;
    min-height: 150px;
}
#configurator_block .option_block.colortexture .option_block_content {
    height: 100%;
    width: 100%;
}

#configurator_block p.titreImageOption {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -30%);
    bottom: 0;
    margin: 0;
    font-size: 16px;
    width: 95%;
    padding: 0;
    color: #ffffff;
    background-color: #5e7ea68f;
}

#configurator_block .option_img img {
    height: 100%;
    width: auto !important;
    max-width: 95%;
}

#step_39 .display-step-amount::after, #step_40 .display-step-amount::after, #step_43 .display-step-amount::after, #step_39 .display-step-amount::after, #step_37 .display-step-amount::after, #step_52 .display-step-amount::after, #step_53 .display-step-amount::after,
#step_61 .display-step-amount::after, #step_62 .display-step-amount::after,
#step_69 .display-step-amount::after, #step_70 .display-step-amount::after, #step_71 .display-step-amount::after, #step_72 .display-step-amount::after,
#step_102 .display-step-amount::after {
    content: '/m²';
    display: inline-block;
}

#step_119 .display-step-amount::after {
    content: " (à l'unité)";
    display: inline-block;
}

.product-customizable .add .btn btn-primary add-to-cart {
    display: none;
}

#step_option_56_514 {
    display: none !important;
}


p.message-upload-file {
    padding: 10px;
}

/*fix orange : old color*/

.boncollection-item a:hover .boncollection-item-title h3, #boncollection h2:hover, .boncollection-show-all:hover:after, #bonslick .slick-next:hover:before,
#bonslick .slick-prev:hover:before, #bonslick .slick-dots li.slick-active button:before, .product-quantity .bon-product-popup .title-popup-1:hover,
.product-quantity .bon-product-popup .title-popup-2:hover, .product-quantity .bon-product-popup .title-popup-1:hover::before,
.product-quantity .bon-product-popup .title-popup-2:hover::before, .bonsearch_button.active {
    color: var(--color-secondary);
}

#video-container #controls .play:hover:before,
#video-container #controls .pause:hover:before,
#video-container #controls .mute:hover:before,
#video-container #controls .unmute:hover:before {
    color: var(--color-secondary);
}

.boncollection-info hr, .bonsearch .bonsearch_btn, .bonsearch-icon-speech.show, #search_widget .bonsearch_btn, .btn-primary.active.focus,
.btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover,
.open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover,
.custom-radio input[type=radio] + span:before, .btn-primary:active, .btn-primary:focus, .btn-primary:hover,
.btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover, .btn-tertiary:active, .btn-tertiary:focus,
.btn-tertiary:hover, #contact .form-fields .form-group .input-group .input-group-btn > .btn:hover, .module-upload-file .btn-warning:hover, .module-upload-file .btn-warning:focus,
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary:disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled:hover
, .custom-checkbox input[type=checkbox]+span .checkbox-checked{
    background-color: var(--color-secondary);
}

#bonbanners a .banner-inner span, #bonslick .box-bonslick span, .toggle-bg.active {
    background: var(--color-secondary);
}

.bonthumbnails li:hover, .bonthumbnails li:focus, .bonthumbnails li.active {
    box-shadow: inset 0 0 0 2px var(--color-secondary);
}

.blockreassurance_product .svg path {
    fill: var(--color-secondary);
}

::selection {
    background: var(--color-secondary);
}

.message-upload-file .button-upload-start {
    background-color: #ffffff !important;
}

.option_block.option_group.colortexture, #configurator_block .option_block.colortexture .option_img {
    height: 100px !important;
}

#configurator_block sup {
    display: none;
}

div#collapse_74 .option_input {
    display: block;
    float: none;
}

div#collapse_74 span.input-group-addon {
    width: 100px;
}

div#collapse_74 span.input-group-addon:last-child {
    width: auto;
}

div#bon_manufacturers_block a {
    pointer-events: none;
}

section#bonbanners li {
    margin-bottom: 20px;
}

#wishlist-popup article img {
    max-width: 100%;
}

#bonwishlist .wishlist-summary-product-name .product-title:hover span, .page-my-account #content .links a:hover i, #wrapper .breadcrumb li a:hover, .pagination .current a, .pagination a:not(.previous):not(.next):focus, .pagination a:not(.previous):not(.next):hover {
    color: var(--color-secondary);
}

.module-upload-file .btn-warning {
    background-image: var(--color-secondary);
    background-repeat: repeat-x;
    border-color: var(--color-secondary);
}

.module-upload-file .btn-warning {
    color: #ffffff;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

#main .images-container .js-qv-mask .slick-slider .slick-slide:hover {
    box-shadow: inset 0 0 0 2px var(--color-secondary);
}

#contact .container .contact-form {
    border: 0px;
}

.product-customizable li.product-flag.out_of_stock {
    display: none;
}
.product-customizable iframe#launcher {
    right: 60px !important;
}

.product-actions .input-container span.color.check-color, .product-actions .input-container span.color.check-color:hover {
    box-shadow: 4px 4px 4px rgb(0 0 0 / 14%);
    border: 1px solid #db0073;
}

.product-add-to-cart .product-quantity .product-tab-review-wrapper {
    margin-bottom: 5px;
}


.product-actions .product-availability-date label {
    color: #db0073;
    margin-top: 10px;
}
.product-actions .product-availability-date span {
    color: #db0073;
    font-weight: 600;
}

.product-actions .delivery-information {
    color: #db0073;
    margin-bottom: 5px;
    margin-top: 10px;
    display: inline-block;
    font-weight: 600;
}

.block-promo .promo-input {
    border: 1px solid #7a7a7a;
    height: 2.3rem;
    text-indent: 0.625rem;
    width: 50%;
}

div#review-sfi {
    position: fixed;
    z-index: 999;
    bottom: 15px;
    left: 15px;
}

.product-customizable button.btn.btn-primary.add-to-cart, .product-customizable .product-add-to-cart, .product-customizable .boncompare-hook-wrapper, .product-customizable .bonwishlist-hook-wrapper {
    display: none;
}

#configurator_preview {
    padding: 15px;
}
#configurator-progress {
    height: 60px;
    margin: 20px auto;
    position: relative;
    width: 80px;
}

.popup-close {
    margin: 5px;
}

.featured-products .thumbnail-container .thumbnail-container-images .quick-view, .product-miniature .thumbnail-container .thumbnail-container-images .quick-view {
    left: calc(50% - 70px);
}

.step_list .display-step-amount {
    display: none !important;
}




.product-description ul {
    list-style: disc;
    padding-left: 40px;
}

.product-description ul p, .product-description ol p {
    margin-bottom: 0;
}

.product-description ul li, .product-description ol li {
    padding: 0;
    margin-bottom: 5px;
}

.add-to-cart-bonwrapper {
    margin-bottom: 10px;
    justify-content: left;
}

.add-to-cart-bonwrapper .add-to-cart {
    margin-right: 10px;
}

#product-alma {
    max-width: 50%;
}

#product-alma .alma-payment-plans-container {
    padding: 5px;
    gap: 5px;
}


@media (max-width: 480px) {
    #product-alma {
        max-width: none;
    }
}


#cart-alma .alma-payment-plans-container {
    width: 100%;
}

#header #top-menu .sub-menu .category .dropdown-item.dropdown-submenu {
    white-space: normal;
}


.block-category {
    min-height: auto;
    max-height: 250px;
    overflow: auto;
    padding: 5px 10px;
}


#bonslick:hover {
    z-index: 1;
}


/* Advanced Menu */
#adtm_menu ul#menu li.li-niveau1 a.a-niveau1 {
    position: relative;
}
#adtm_menu ul#menu li.li-niveau1 a.a-niveau1:hover {
    text-decoration: none;
}

#adtm_menu .li-niveau1 a.a-niveau1::after {
    background-color: var(--color-principal);
    content: "";
    left: 8px;
    position: absolute;
    right: 0;
    bottom: 3px;
    height: 3px;
    width: calc(100% - 36px);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: all .3s linear;
}

#adtm_menu .li-niveau1 a.a-niveau1:hover::after,
#adtm_menu .li-niveau1:hover a.a-niveau1::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}