/* COLORS : { old blue : #06a48d blue : #219eae yellow : #f3d822 } */ *{font-family:"Poppins", sans-serif} ::selection {background: #219eae;color: #fff;} .btn:focus{outline:none!important;} .btn-primary{background-color: #219eae;background: linear-gradient(91.14deg,#5ab6a2 .96%,#219eae 99%);} .btn-primary:hover{background-color: #219eae;} body#contact #wrapper{background:#219eae} body#contact #wrapper .contact-form{padding:2em} html body main section#wrapper div h1, html body main section#wrapper div h2, html body main section#wrapper div h3, html body main section#wrapper div h4, html body main section#wrapper div h5, html body main section#wrapper div h6, html body main section#wrapper div p, html body main section#wrapper div span, html body main section#wrapper div li{font-family:"Poppins", sans-serif!important} .animated:hover{z-index:997} #dialog {} #dialog > div {width: 100%;padding: 2em;max-width: 1600px;border-radius: 1em} #dialog > div > p {margin: 0} #dialog.dialog-container {position: fixed;top: 0;left: 0;width: 100%;height: 100%;text-align: center;z-index: 9999;background-color: #00000075;transition: all .3s ease-out;padding-top: 5em;overflow-y: scroll;min-height:90vh} #dialog.dialog-container > div.mdl-card {background-color: #fff;margin: auto;min-height:40vh} #dialog.dialog-container > #dialog-close {position: absolute;top: 0;right: 0;background: red;padding: .5em 2em;color: #fff;z-index: 999;cursor:pointer;} #dialog.dialog-container > div .mdl-card {width: 40% !important;} #dialog.dialog-container > div .mdl-card__actions {} #dialog.dialog-container > div .mdl-card__actions button {color: #fff;border: .1em solid;box-shadow: none;padding: .5em 1.5em;border-radius: 3em;line-height: 1em;margin: 0 10px;cursor: pointer;transition: all .3s ease-out} #dialog.dialog-container > div .mdl-card__actions button:hover {background: #fff!important;} #dialog.dialog-container > div .mdl-card__actions button#positive {background-color: #219eae;border-color: #219eae;} #dialog.dialog-container > div .mdl-card__actions button#positive.disabled {background: #c5c5c5;border-color: #c5c5c5} #dialog.dialog-container > div .mdl-card__actions button#positive:hover {color: #219eae;} #dialog.dialog-container > div .mdl-card__actions button#negative {background-color: red;border-color: red;} #dialog.dialog-container > div .mdl-card__actions button#negative:hover {color: red;} #dialog > div > h5{font-size:2em} #dialog > div > .devis-container{} #dialog > div > .devis-container .devis-grid{display:grid;grid-template-columns: repeat(2, 1fr);} #dialog > div > .devis-container .devis-grid .devis-row{margin-top:2em;} #dialog > div > .devis-container .devis-grid .devis-row h2{margin-bottom:1em;font-size:1.25em;color:#000;text-align: center;} #dialog > div > .devis-container .devis-grid .devis-row a{} #dialog > div > .devis-container .devis-grid .devis-row .form-row{position:relative;} #dialog > div > .devis-container .devis-grid .devis-row .form-row button{position:absolute;right:0;top:0} #dialog > div > .devis-container .devis-grid .devis-row .form-row input[type=text]{padding:11px} #dialog > div > .devis-container .devis-grid .devis-row button{background:linear-gradient(91.14deg,#5ab6a2 .96%,#219eae 99%);border:0;padding:.5em 1.5em;color:#fff;} .catalog-book{} .catalog-book #page-container{background-color:transparent;background-image:none;overflow:hidden} #dialog.dialog-container.is-catalog{padding-top:2em;} #dialog.dialog-container.is-catalog > div{padding:2em;width: fit-content;border-radius:0;background-color:#fff;position:relative;max-width:900px;overflow: hidden;} #dialog.dialog-container.is-catalog > div > h5{margin:0} #dialog .print-button-modal{position:absolute;top:5em;right:5em;display:flex;align-items:center;justify-content:center;background:#f3d822;padding:.5em 1.5em;cursor:pointer} #dialog .print-button-modal span{color:#fff;font-size:1.5em} #dialog .print-button-modal svg{fill:#fff;max-height: 2em;margin-right:1em} #dialog .print-button-modal svg path{fill:#fff;max-height: 2em;} /* TOP BANNER */ #bon_ship{background:#219eae!important} #bon_ship #bon_free_ship{} /* HEADER */ header#header{position: fixed;background: #fff;z-index: 999;width: 100%;left: 0;top: 0;z-index:999} body > main:before{content:"";display:block;width:100%;min-height:105px;z-index:998;top:0;left:0} header#header .header-nav{} header#header .header-top{} header#header .header-top .container{} header#header .header-top .container .row{} header#header .header-top .container .row #_desktop_logo{position:initial} header#header .header-top .container .row #_desktop_logo img{max-height:4em;} .bonsearch{right:105px;position:initial} #header .header-top .position-static #_desktop_user_info{right:65px;position:initial} #header .header-top .position-static #_desktop_cart{position:initial} #header .top-menu a[data-depth="0"]:hover{color:#219eae} #header #top-menu .sub-menu .category .dropdown-item{width:fit-content;min-width:10em;font-family: "Poppins", sans-serif;} #_desktop_top_menu>.top-menu>li>a:after{background: #219eae;} #_desktop_top_menu{} #_desktop_top_menu .top-menu{} #_desktop_top_menu .top-menu > li{} #_desktop_top_menu .top-menu > li .sub-menu{} #_desktop_top_menu .top-menu > li .sub-menu .top-menu{} #_desktop_top_menu .top-menu > li .sub-menu .top-menu li{} #_desktop_top_menu .sub-menu ul[data-depth="1"]>li{width:33%} #_desktop_top_menu .top-menu > li .sub-menu .top-menu li .top-menu{} #_desktop_top_menu .top-menu > li .sub-menu .top-menu li .top-menu li{display: flex;align-items: center;justify-content: left;transition:all .3s ease-out;} #_desktop_top_menu .top-menu > li .sub-menu .top-menu li .top-menu li:hover {transform: scale(1.02);} #_desktop_top_menu .top-menu > li .sub-menu .top-menu li .top-menu li .menu-image-show{border-radius:1em;max-height:3em;max-width:12em;min-height:3em;min-width:12em;overflow:hidden;cursor:pointer;display: flex;align-items: center;justify-content: right;position:relative;} #_desktop_top_menu .top-menu > li .sub-menu .top-menu li .top-menu li .menu-image-show img{max-height: 4em;position:absolute;right:0;left:auto;-webkit-animation: none;animation: none;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-timing-function: linear;animation-timing-function: linear;} #_desktop_top_menu .top-menu > li .sub-menu .top-menu li .top-menu li:hover .menu-image-show img{-webkit-animation: slideShow 7s infinite;animation: slideShow 7s infinite} .top_menu .is-megamenu ul.content ul ul{display:none!important} .top_menu{min-height: 5em;display: flex;align-items: center;} .top_menu ul.menu{position:initial;background:#fff;border-bottom:0} .top_menu .is-megamenu{z-index:999} #header .header-top .menu{display:flex;align-items:center} .top_menu > ul > li{font-size: 15px;font-weight: 400;margin: 0 1em;} .top_menu > ul > li:first-child{margin-left:0;} .top_menu > ul > li:last-child{margin-right:0;} .top_menu > ul > li > a{background:transparent!important;border-bottom-color:transparent!important;color:#000!important;display:block;padding:0;border-right:0;border-bottom:0;text-transform: initial;font-size: 15px;font-weight: 400;} .top_menu .is-megamenu li li{display: flex;align-items: center;justify-content: left;transition:all .3s ease-out;margin:.5em 0} .top_menu .is-megamenu ul.content > li > a{font-size:.8em;font-weight:400} .top_menu .is-megamenu ul.content > li > a .madeIn{float:right;} .top_menu .is-megamenu ul.content > li .category-images{display:grid;grid-template-columns: repeat(3, 1fr);} .top_menu .is-megamenu ul.content > li .category-images .category-image{min-height:10em;background-repeat:no-repeat;background-size:cover;background-position: center;margin:0 1em} .top_menu .is-megamenu li li .category-title{min-width:10em;font-size:.8em;max-width:5em} .top_menu .is-megamenu li li :not(.category-title){padding:0} .top_menu .is-megamenu li li:hover > a{color:#219eae} .top_menu .is-megamenu li li .menu-image-show{max-height:2em;max-width:9em;min-height:2em;min-width:9em;overflow:hidden;cursor:pointer;display: flex;align-items: center;justify-content: right;position:relative;} .top_menu .is-megamenu li li .menu-image-show img{max-height: 4em;position:absolute;right:0;left:auto;-webkit-animation: none;animation: none;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-timing-function: linear;animation-timing-function: linear;} .top_menu .is-megamenu li li:hover .menu-image-show img{-webkit-animation: slideShow 7s infinite;animation: slideShow 7s infinite} .top_menu .is-megamenu ul.content > li > a:first-child:after{display:block;content:"";height:1px;width:100%;background:#444} .top_menu li li.sfHover > a, .top_menu li li:hover > a, .top_menu li li.sfHoverForce > a{color:#219eae} @-webkit-keyframes slideShow { 0%{right:0;} 40%{right:-100%} 50%{right:-100%;} 90%{right:0%;} 100%{right:0%;} } @keyframes slideShow { 0%{right:0;} 40%{right:-100%} 50%{right:-100%;} 90%{right:0%;} 100%{right:0%;} } .bonsearch:hover, .bonsearch:focus{color:#219eae} #bonwishlist .wishlist-count{background: #219eae;} #boncompare .compare-count{background: #219eae;} /* HOMEPAGE */ /* SLIDER */ #bonslick{} #bonslick .slick-dots{bottom:90px} #bonslick .bonslick-slider{} #bonslick .bonslick-slider .slick-list{} #bonslick .bonslick-slider .slick-list .slick-track{} #bonslick .bonslick-slider .slick-list .slick-track .slick-slide{max-height: 80vh;} #bonslick .bonslick-slider .slick-list .slick-track .slick-slide > .link-bonslick{background-repeat:no-repeat;background-size:cover;background-position:center;min-height:80vh;} #bonslick .bonslick-slider .slick-list .slick-track .slick-slide > .link-bonslick:after{display:block;content:"";z-index:3;width:100%;left:0;top:0;height:100%;background:#0000003d;position:absolute} #bonslick .bonslick-slider .slick-list .slick-track .slick-slide > .link-bonslick > img{max-height: 80vh;width: auto;margin: auto;z-index:2;} #bonslick .bonslick-slider .slick-list .slick-track .slick-slide > .link-bonslick > .box-bonslick{z-index:4} #bonslick .bonslick-slider .slick-list .slick-track .slick-slide > .link-bonslick > .box-bonslick > div{} #bonslick .bonslick-slider .slick-list .slick-track .slick-slide > .link-bonslick > .box-bonslick > div > div{} #bonslick .bonslick-slider .slick-list .slick-track .slick-slide > .link-bonslick > .box-bonslick *{color:#fff} #bonslick .bonslick-slider .slick-list .slick-track .slick-slide > .link-bonslick > .box-bonslick a{height:0} #bonslick .bonslick-slider .slick-list .slick-track .slick-slide > .link-bonslick > .box-bonslick h1{text-shadow: .1em .1em .1em #00000045;} #bonslick .bonslick-slider .slick-list .slick-track .slick-slide > .link-bonslick > .box-bonslick p{margin:0;font-size:1em;line-height:1.25em;text-shadow: .1em .1em .11em #00000045;} #bonslick .bonslick-slider .slick-list .slick-track .slick-slide > .link-bonslick > .box-bonslick p a{margin-top:2em;display:block;text-shadow:none;} #bonslick .bonslick-slider .slick-list .slick-track .slick-slide > .link-bonslick > .box-bonslick > div > div > h3{font-family:"Poppins", sans-serif} #bonslick .box-bonslick .bonslick-caption p span{background:#219eae} /* MANUFACTURER HP */ #bon_manufacturers_block{margin:3em 0} #bon_manufacturers_block .bon_manufacturers_title{} #bon_manufacturers_block .bon_manufacturers_title h2{} #bon_manufacturers_block ul{display:grid;grid-template-columns: repeat(4, 1fr);} #bon_manufacturers_block ul li{margin: 1em;padding: 1em;border-radius: 2em;height: 100%;min-height: 10em;display: inline-flex;align-items: center;justify-content: center;transition:all .3s ease-out;width:100%;overflow:hidden} #bon_manufacturers_block ul li.manufacturer_item a{overflow:visible;} #bon_manufacturers_block ul li:hover{box-shadow: 0.1em 0.1em 1em #d4d4d4;} /* NEWS PRODUCTS HP */ #featured-products-homepage{background:#219eae} #featured-products-homepage .featured-products{padding:2em 0;margin-left:auto!important;margin-right:auto!important;min-height:45em} #featured-products-homepage .featured-products h2{margin-bottom:2em;color:#fff;} #featured-products-homepage .featured-products article > div{background:#fff} /* FLOW PURE SECTION */ section#flow-pure-section{padding:2em 0;background-repeat:no-repeat;background-size:cover;background-position:bottom center} section#flow-pure-section .section-container{padding:10px} section#flow-pure-section .section-container #flow-pure{} section#flow-pure-section .section-container #flow-pure > .element-image{min-height: 6em;background-repeat: no-repeat;background-size: auto;background-position: center;margin-bottom:2Em} section#flow-pure-section .section-container #flow-pure .flow-pure-title{margin-bottom:2em;} section#flow-pure-section .section-container #flow-pure .flow-pure-title h2{margin:0;text-align: center;font-size: 2.5em;line-height: 1.25;font-weight: 200;} section#flow-pure-section .section-container #flow-pure .flow-pure-content{padding:0 0 15em} section#flow-pure-section .section-container #flow-pure .flow-pure-content p{text-align:center;line-height: 1.68421;font-size: 1em;font-weight: 300;margin:0} section#window-bille-section{padding:2em 0;background-repeat:no-repeat;background-size:cover;background-position:bottom center} section#window-bille-section .section-container{padding:10px} section#window-bille-section .section-container #window-bille{} section#window-bille-section .section-container #window-bille > .element-image{min-height: 6em;background-repeat: no-repeat;background-size: auto;background-position: center;margin-bottom:2Em;text-align:center} section#window-bille-section .section-container #window-bille > .element-image img{margin:auto} section#window-bille-section .section-container #window-bille .window-bille-title{margin-bottom:2em;} section#window-bille-section .section-container #window-bille .window-bille-title h2{margin:0;text-align: center;font-size: 2.5em;line-height: 1.25;font-weight: 200;} section#window-bille-section .section-container #window-bille .window-bille-content{padding:0} section#window-bille-section .section-container #window-bille .window-bille-content p{text-align:center;line-height: 1.68421;font-size: 1em;font-weight: 300;margin:0} section#e-venti-section{padding:2em 0;background-repeat:no-repeat;background-size:cover;background-position:bottom center} section#e-venti-section .section-container{padding:10px} section#e-venti-section .section-container #e-venti{} section#e-venti-section .section-container #e-venti > .element-image{min-height:6em;background-repeat:no-repeat;background-size:auto;background-position:center;margin-bottom:2em;text-align:center} section#e-venti-section .section-container #e-venti > .element-image img{margin:auto;max-height:5em;} section#e-venti-section .section-container #e-venti .e-venti-title{margin-bottom:2em;} section#e-venti-section .section-container #e-venti .e-venti-title h2{margin:0;text-align: center;font-size: 2.5em;line-height: 1.25;font-weight: 200;} section#e-venti-section .section-container #e-venti .e-venti-content{padding:0 0 10em} section#e-venti-section .section-container #e-venti .e-venti-content p{text-align:center;line-height: 1.68421;font-size: 1em;font-weight: 300;margin:0} /* ACTUALITES */ #actualites-section{padding:2em 0;background:#f3d822;width:100%;} #bonban{background:transparent;margin-right:auto;margin-left:auto} #bonban h2{color:#fff;} #bonban ul{} #bonban ul li{} #bonban ul li .bonban-image{text-align:center;} #bonban ul li .bonban-image img{max-height:20em;width:auto;} #bonban ul li .box-ban{background:transparent} #bonban ul li .box-ban h3{color:#fff;} #bonban ul li .box-ban p{text-align: justify;color:#fff;min-height:5em} #bonban ul li .box-ban a{padding:.5em 1.5em;border:.1em solid #219eae;border-radius: 2em;color:#219eae;font-weight:600;transition:all .3s ease-out} #bonban ul li .box-ban a:hover{background:#219eae;color:#fff;} .tvcmsblog-event.tvcmsblog-event-home{padding:2em 0;background:#f3d822;width:100%;} .tvcmsblog-event.tvcmsblog-event-home h2{color:#fff;} .tvcmsblog-event.tvcmsblog-event-home .home_blog_post_area {} .tvcmsblog-event.tvcmsblog-event-home .home_blog_post_area .tvnews-wrapper-info-box{} .tvcmsblog-event.tvcmsblog-event-home .home_blog_post_area .tvnews-wrapper-info-box .item{background:#fff;padding:1em 0;margin:1Em} .tvcmsblog-event.tvcmsblog-event-home .home_blog_post_area .tvnews-wrapper-info-box .item .tv-event-content{} .tvcmsblog-event.tvcmsblog-event-home .home_blog_post_area .tvnews-wrapper-info-box .item .tvblog-content-img{text-align: center;} .tvcmsblog-event.tvcmsblog-event-home .home_blog_post_area .tvnews-wrapper-info-box .item .tvblog-content-img img{height: 100%;width: auto;margin: auto;} .tvcmsblog-event.tvcmsblog-event-home .home_blog_post_area .tvnews-wrapper-info-box .item .tv-event-content .tvblog-date-username{color:#000;} .tvcmsblog-event.tvcmsblog-event-home .home_blog_post_area .tvnews-wrapper-info-box .item .tv-event-content .tvblog-date-username h3 a{color:#000; font-size: 17px;line-height: 24px;font-weight: 400;padding: 18px 0 1px;} .tvcmsblog-event.tvcmsblog-event-home .home_blog_post_area .tvnews-wrapper-info-box .item .tv-event-content p.post_description {text-align: justify;color: #000;min-height: 5em;} .tvcmsblog-event.tvcmsblog-event-home .home_blog_post_area .tvnews-wrapper-info-box .item .tv-event-content .post-action a{padding: 0.5em 1.5em;border: 0.1em solid #219eae;border-radius: 2em;font-weight: 600;transition: all .3s ease-out;background: #219eae;color: #fff;} #blog_post{} #blog_post .blog_post_content{} #blog_post .blog_post_content .post_content{} #blog_post .blog_post_content .post_content .post_description > p > a{padding:.5em 1.5em;background: #219eae;color:#fff;border: 1px solid #219eae;transition:all .3s ease-out;border-radius:2em;} #blog_post .blog_post_content .post_content .post_description > p > a:hover{background:#fff;color:#219eae} #boninstagram{padding:2em 0} /* CATEGORIES PRODUCTS */ .category-depth-level-2 #content-wrapper{} .products-grid > article{margin-bottom:0!important;padding:.625em!important} .products-grid > article > div{ border: 0.1em solid #d4d4d4;} #left-column > .block-categories > ul > li > ul{border: 0.1em solid #d4d4d4;} #left-column > .block-categories > ul > li > ul >li{margin-top:0} #left-column > .block-categories > ul > li > ul > li > a{background-color:#f3d822;color:#fff;padding:1em .5em;font-size: 16px;text-transform: uppercase;font-weight:bold} #left-column > .block-categories > ul > li > ul > li > .collapse > ul > li{padding-left:2em} #left-column > .block-categories > ul > li > ul > li > .collapse > ul > li > a{font-size:15px;color:#000;font-weight:300} #left-column > .block-categories > ul > li > ul > li > .collapse > ul > li > div > ul{padding-left:1em!important} #left-column > .block-categories > ul > li > ul > li > .collapse > ul > li > div > ul > li > a{font-size:11px!important;color:#000!important;font-weight:300!important} #left-column > .block-categories > ul > li > ul > li > .navbar-toggler {display:none} body #search_filters .facet .facet-title{font-weight:bold} #search_filters .facet, #search_filters_brands .facet, #search_filters_suppliers .facet{border:.1em solid #d4d4d4;margin:1em 0;padding-top:0} #search_filters .facet .collapse, #search_filters_brands .facet .collapse, #search_filters_suppliers .facet .collapse{padding:0 2em} #search_filters .h6, #search_filters_brands .h6, #search_filters_suppliers .h6{background-color:#f3d822;color:#fff;padding:1em .5em} #search_filters .facet .facet-title, #search_filters_brands .facet .facet-title, #search_filters_suppliers .facet .facet-title{color:#fff} .image-devis{text-align: center;} .image-devis img{max-height:20em;width:auto;max-width:100%} #products .thumbnail-container button, #products .thumbnail-container .bonthumbnails, #products .thumbnail-container .highlighted-informations, #products .thumbnail-container .quick-view, #products .thumbnail-container button, #products .thumbnail-container .bonthumbnails, #products .thumbnail-container .highlighted-informations, #products .thumbnail-container .quick-view, .featured-products .thumbnail-container button, .featured-products .thumbnail-container .bonthumbnails, .featured-products .thumbnail-container .highlighted-informations, .featured-products .thumbnail-container .quick-view, .featured-products .thumbnail-container button, .featured-products .thumbnail-container .bonthumbnails, .featured-products .thumbnail-container .highlighted-informations, .featured-products .thumbnail-container .quick-view, .product-accessories .thumbnail-container button, .product-accessories .thumbnail-container .bonthumbnails, .product-accessories .thumbnail-container .highlighted-informations, .product-accessories .thumbnail-container .quick-view, .product-accessories .thumbnail-container button, .product-accessories .thumbnail-container .bonthumbnails, .product-accessories .thumbnail-container .highlighted-informations, .product-accessories .thumbnail-container .quick-view, .product-miniature .thumbnail-container button, .product-miniature .thumbnail-container .bonthumbnails, .product-miniature .thumbnail-container .highlighted-informations, .product-miniature .thumbnail-container .quick-view, .product-miniature .thumbnail-container button, .product-miniature .thumbnail-container .bonthumbnails, .product-miniature .thumbnail-container .highlighted-informations, .product-miniature .thumbnail-container .quick-view {display:none;margin: 1em auto;} #products .thumbnail-container:focus button, #products .thumbnail-container:focus .bonthumbnails, #products .thumbnail-container:focus .highlighted-informations, #products .thumbnail-container:focus .quick-view, #products .thumbnail-container:hover button, #products .thumbnail-container:hover .bonthumbnails, #products .thumbnail-container:hover .highlighted-informations, #products .thumbnail-container:hover .quick-view, .featured-products .thumbnail-container:focus button, .featured-products .thumbnail-container:focus .bonthumbnails, .featured-products .thumbnail-container:focus .highlighted-informations, .featured-products .thumbnail-container:focus .quick-view, .featured-products .thumbnail-container:hover button, .featured-products .thumbnail-container:hover .bonthumbnails, .featured-products .thumbnail-container:hover .highlighted-informations, .featured-products .thumbnail-container:hover .quick-view, .product-accessories .thumbnail-container:focus button, .product-accessories .thumbnail-container:focus .bonthumbnails, .product-accessories .thumbnail-container:focus .highlighted-informations, .product-accessories .thumbnail-container:focus .quick-view, .product-accessories .thumbnail-container:hover button, .product-accessories .thumbnail-container:hover .bonthumbnails, .product-accessories .thumbnail-container:hover .highlighted-informations, .product-accessories .thumbnail-container:hover .quick-view, .product-miniature .thumbnail-container:focus button, .product-miniature .thumbnail-container:focus .bonthumbnails, .product-miniature .thumbnail-container:focus .highlighted-informations, .product-miniature .thumbnail-container:focus .quick-view, .product-miniature .thumbnail-container:hover button, .product-miniature .thumbnail-container:hover .bonthumbnails, .product-miniature .thumbnail-container:hover .highlighted-informations, .product-miniature .thumbnail-container:hover .quick-view {display:block} /* PRODUCT */ #left-column .active_filters{background:#219eae;} #left-column .active_filters > p{color:#fff;} li.product-flag.new, li.product-flag.on-sale, li.product-flag{background: #219eae;} li.product-flag.new:after, li.product-flag.on-sale:after, li.product-flag.pack:after{border: 10px solid #219eae;border-right-color: transparent;} .product-page-right .product-price .current-price{color: #219eae;} .product-information{} .product-information > div[itemprop=description]{} .product-information > div[itemprop=description] > p {text-align: justify;} .product-information > div[itemprop=description] table{width:-webkit-fill-available} .product-information > div[itemprop=description] table tr{} .product-information > div[itemprop=description] table tr td{text-align: center;padding:.5em 0} .product-information > div[itemprop=description] table tr:nth-child(1){} .product-information > div[itemprop=description] table tr:nth-child(1) td{background:#219eae;color:#fff;text-align:center;font-weight:500} .product-information > div[itemprop=description] table tr:nth-child(2) td:first-child{background:#219eae;color:#fff;text-align:center;font-weight:500} .customer-has-reduction{font-size:.9em;font-style:italic;text-decoration: underline;color:red} .customer-has-reduction span{font-weight:bold} .product-quantity-informations{display:grid;grid-template-columns: auto auto;justify-content: left;align-items: center;} .product-quantity-informations > div{display:inline-grid;align-items:center} .product-quantity-informations > .qty {padding-bottom: 30px;padding-top: 0;margin-right:2em} .product-quantity-informations > .qty .control-label {color: #3a3a3a;padding-top: 7px;padding-right: 15px;float: left;font-size: 13px} .product-quantity-informations #quantity_wanted {color: #b2b2b2;background-color: #fff;text-align: center;border: 1px solid rgba(0,0,0,.125);height: 3.3em;font-size: 1.25em;min-width:5em} body:not(#cart) .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down,body:not(#cart) .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up{min-width: 2em;min-height: 2em;display: flex;align-items: center;justify-content: center;} .product-quantity-informations .bootstrap-touchspin-up{margin-right: 4px} .product-quantity-informations .bootstrap-touchspin-up:after{content: "\E145"} .product-quantity-informations .bootstrap-touchspin-down{margin-top: 0} .product-quantity-informations .bootstrap-touchspin-down:after {content: "\E15B"} .product-quantity-informations .bootstrap-touchspin-down:after, .product-quantity-informations .bootstrap-touchspin-up:after{font-size: 20px;font-family: Material Icons;margin-left: 4px;transition: all .2s ease;text-shadow: 1px -1px rgb(0 0 0 / 5%)} .product-variants{margin:2em 0} .product-variants table{} .product-variants table thead{} .product-variants table thead th{color:#fff;font-weight:400;text-align: center;font-size:.9em} .product-variants table tbody{} .product-variants table tbody tr{} .product-variants table tbody tr td{text-align: center;} .product-variants table {border-collapse: collapse;border-spacing: 0;width: 100%;} .product-variants table td, .product-variants table th {border: 1px solid #ddd;text-align: left;padding: 8px;} .product-variants table tr:nth-child(even){background-color: #f2f2f2} .product-variants table th {padding-top: 11px;padding-bottom: 11px;background-color: #219eae;color: white;} .product-variants table .product-variants-item{padding-top:0} .product-variants table td {color:#000} .product-variants table td span.quantity_wanted{font-weight:700} .product-variants .product-variants-item .control-label{padding-top:0;font-weight:700} .product-variants #totalProducts{font-size:.9em;font-weight:700;color:#000} .bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group{width:4rem} .product-discounts{margin:2em 0} .product-discounts table{} .product-discounts table thead{} .product-discounts table thead th{width:fit-content!important;font-weight:700;font-size:1em;padding:.25em .5em!important} .product-discounts table tbody{} .product-discounts table tbody tr{} .product-discounts table tbody tr td{font-size:.9em;padding:.2em!important} .product-print-quotation{} .product-print-quotation .product-print-quotation-container{height:100%} .product-print-quotation .product-print-quotation-container button{background-color:#e67e22;background:linear-gradient(91.14deg,#e67e22 .96%,#d35400 99%);color:#fff;padding:1em 3em;box-shadow: 4px 4px 4px rgb(0 0 0 / 14%);text-transform: uppercase;font-weight: 400; height: 100%;} .tab-content>.tab-pane{display:block!important} .product-add-to-cart .product-quantity #quantity_wanted{min-width: 3em;max-width: 5em;width: auto;} #quantity_wanted::-webkit-outer-spin-button, #quantity_wanted::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} #quantity_wanted[type=number] {-moz-appearance: textfield;} .add-to-cart-bonwrapper{margin-bottom:0} #btn-bonorder{margin-top:0} /*.additionnal-infos{display:grid;grid-template-columns: repeat(2, 1fr);}*/ /*.additionnal-infos > div{align-items:center;justify-content: center;}*/ .product-additional-info {display:grid;grid-template-columns: repeat(2, 1fr);align-items:center} .product-additional-info > div{align-items:center;justify-content: center;display: inline-flex;margin:1em 0;height: fit-content;padding:.5em} .product-additional-info .wk-sample-block{padding-top:0!important} .product-additional-info .wk-sample-block #wksamplebuybtn{font-size: .8em;line-height: 1;display: flex;align-items: center;padding: 1em 3em;height: 100%;text-transform:uppercase} .tabs .nav-tabs .nav-item .nav-link:after{background:#219eae} #productCommentsBlock .pull-right .open-comment-form{background: linear-gradient(91.14deg,#5ab6a2 .96%,#219eae 99%);} #product #bon-stick-cart{display:none!important} /* REASSURANCE */ #bonhtmlcontent{} #bonhtmlcontent ul{} #bonhtmlcontent ul li{} #bonhtmlcontent ul li .box-htmlcontent{} #bonhtmlcontent ul li .box-htmlcontent .box-icon{} #bonhtmlcontent ul li .box-htmlcontent .box-content{} #bonhtmlcontent ul li .box-htmlcontent .box-content h3{text-align:center} #bonhtmlcontent ul li .box-htmlcontent .box-content h5{text-align:center} /* CART */ .card-block{} .card-block .cart-total{} .card-block .cart-total span{font-size:1em;font-weight:700;color:#000} /* FOOTER */ footer#footer{z-index:1} #product footer#footer{padding-bottom:0em} footer#footer .footer-container{background: #219eae;} footer#footer .footer-container .h3{color: #f3d822;} footer#footer .footer-container .container{} footer#footer .footer-container .container .row{} footer#footer .footer-container .container .row .block-contact{} footer#footer .footer-container .container .row .block-contact .block-contact-logo{} footer#footer .footer-container .container .row .block-contact .block-contact-logo img{height:3em;width:auto} footer#footer .footer-container .container .row .block-contact li{} footer#footer .footer-container .container .row .block-contact li span{color:#fff;} footer#footer .footer-container .container .row .block-contact li span:before, footer#footer .footer-container .container .row .block-contact li a:before{color:#fff;} footer#footer .footer-container .container .row .block_newsletter{} footer#footer .footer-container .container .row .block_newsletter #footer_newsletter{} footer#footer .footer-container .container .row .block_newsletter #footer_newsletter p{color:#fff;} footer#footer .footer-container .container .row .links{} footer#footer .footer-container .container .row .links ul{} footer#footer .footer-container .container .row .links ul li{} footer#footer .footer-container .container .row .links ul li a{color:#fff;} footer#footer .footer-container .container .row #block_myaccount_infos{} footer#footer .footer-container .container .row #block_myaccount_infos > p a{color:#f3d822} body#authentication{} body#authentication .container{} body#authentication .container .page-header{} body#authentication .container .page-header > h2{font-size:1em;text-align: center;max-width: 40em;margin: auto auto 2em;line-height:1.75} form#customer-form{} form#customer-form .custom-checkbox input[type=checkbox]{display:block;opacity:0} form#customer-form label.required{} form#customer-form label.required:after{content:"*";display:inline-block;color:red} form#customer-form .custom-checkbox label a{text-decoration: underline;} #content.page-not-found{} #content.page-not-found h4{} #content.page-not-found h4 a{font-size:inherit;text-decoration:underline;color:#219eae} .badge{width:fit-content;text-align: center;padding:.5em 2em;min-width:20em;border-radius: 2em;margin:.5em auto 1em} .badge p{margin:0} .badge.validate{background-color:lightgreen;} .badge.validate p{color:#fff;} /* DIALOG */ #dialog {} #dialog > div {width: 100%;padding: 2em;max-width: 800px;border-radius: 1em} #dialog > div > p {margin: 0} #dialog.dialog-container {position: fixed;top: 0;left: 0;width: 100%;height: 100%;text-align: center;z-index: 9999;background-color: #00000075;transition: all .3s ease-out;padding-top: 5em;overflow-y: scroll;min-height:90vh} #dialog.dialog-container > div.mdl-card {background-color: #fff;margin: auto;min-height:40vh;position:relative;} #dialog.dialog-container > div.mdl-card > h5 {font-size:1.25em;color:#219eae} #dialog.dialog-container #dialog-close {position: absolute;top: 0;right: 0;background: #219eae;padding: .5em 1em;color: #fff;z-index: 999;cursor:pointer;width:fit-content;color:#fff;border:1px solid #219eae} #dialog.dialog-container > div .mdl-card {width: 40% !important;} #dialog.dialog-container > div .mdl-card__actions {} #dialog.dialog-container > div .mdl-card__actions button {color: #fff;border: .1em solid;box-shadow: none;padding: .5em 1.5em;border-radius: 3em;line-height: 1em;margin: 0 10px;cursor: pointer;transition: all .3s ease-out} #dialog.dialog-container > div .mdl-card__actions button:hover {background: #fff!important;} #dialog.dialog-container > div .mdl-card__actions button#positive {background-color: #219eae;border-color: #219eae;} #dialog.dialog-container > div .mdl-card__actions button#positive.disabled {background: #c5c5c5;border-color: #c5c5c5} #dialog.dialog-container > div .mdl-card__actions button#positive:hover {color: #219eae;} #dialog.dialog-container > div .mdl-card__actions button#negative {background-color: red;border-color: red;} #dialog.dialog-container > div .mdl-card__actions button#negative:hover {color: red;} #dialog.dialog-container .grid{display:grid;grid-template-columns: 50% 50%;margin-top:4em; width:100%;margin: auto;align-items: center;padding:2em} #dialog.dialog-container .grid .row{text-align: center;display:inline-grid;align-items: center;height: 100%;padding:2em;/* border: 1px solid #219eae; */} #dialog.dialog-container .grid .row:after{display:none;} #dialog.dialog-container .grid .row img{max-height:20em;width:auto;} #dialog.dialog-container .grid .row .field-input{} #dialog.dialog-container .grid .row .field-input .form-control{margin:.5em 0;font-size:1em} #dialog.dialog-container .grid .row .field-input label{font-size:1em;color:#219eae;display:block;margin-bottom:1em;font-weight:500;text-align:left} #dialog.dialog-container .grid .row .field-input label:after{display:block;content:"";width:1.5em;height:2px;background:#219eae;margin-top:.5em} #dialog.dialog-container .grid .row .field-input textarea{resize:none;min-width:20em;min-height:5em;width:100%;} #dialog.dialog-container .grid .row a#confirmReservation{font-size:1em;color:#219eae;padding:.5em 1.5em;border:.1em solid #219eae;width: fit-content;margin:.75em auto auto;transition:all .3s ease-out;cursor:pointer} #dialog.dialog-container .grid .row a#confirmReservation:hover{background-color:#219eae;color:#fff;} .flashes-content {position: fixed;top: 20% !important;z-index: 9999999;font-size: 2em;max-width: 100%;} .flash {background: #fff;color: #219eae;border: .1em solid #219eae;width: fit-content;padding: .25em 1.5em;color: #fff;font-weight: 300;margin: 0 auto .25em ;font-size: .6em;font-family: "Poppins", sans-serif;cursor: pointer;border-radius: 2em;box-shadow: 0.1em 0.1em 0.3em #323232;transition: all .3s ease-out;max-width: 100%;line-height: 1.5;text-align: center;} .flash.type-error {border-color: #c0392b;color: #c0392b;} .flash.type-error:hover {color: #fff;background-color: #c0392b;} .flash.type-success {border-color: #219eae;color: #219eae;} .flash.type-success:hover {color: #fff;background-color: #219eae;} .flash.type-alert {border-color: #D9744E;color: #D9744E;} .flash.type-alert:hover {color: #fff;background-color: #D9744E;} .post_description p span{font-size:14px!important} .post_description p strong{font-weight:bold!important} @media screen and (max-width: 425px){ body > main:before{display:none;} body > main > header#header{position:relative} .header-nav{} .header-nav #menu-icon{display:none;} #header > div.header-top.revealOnScroll.animated.fadeInUp > div > div:nth-child(1) > div{text-align:center} .top_menu > ul > li{margin:0} .top_menu{display:block} .top_menu .menu-title{display:none} .top_menu .is-megamenu li li{line-height: 1;} #header #_mobile_logo{} #header #_mobile_logo img{width: auto;max-height: 4em;} #header > div.header-top.revealOnScroll.animated.fadeInUp > div > div:nth-child(1) > div > div.top_menu > ul{} #header > div.header-top.revealOnScroll.animated.fadeInUp > div > div:nth-child(1) > div > div.top_menu > ul > li{background: #219eae!important;padding: .5em;color: #fff!important;text-align: left;} #header > div.header-top.revealOnScroll.animated.fadeInUp > div > div:nth-child(1) > div > div.top_menu > ul > li > a{padding:0;color:#fff!important;} #header > div.header-top.revealOnScroll.animated.fadeInUp > div > div:nth-child(1) > div > div.top_menu > ul > li > div{margin:1em 0} .top_menu .menu-mobile-grover:before{content: "";font-family:Material Icons;height: 1.5em;color: #fff;display: flex;align-items: center;justify-content: center;top:0px} .top_menu .menu-mobile-grover.active:before{content: "";} #header .header-top .menu{display:block} #_desktop_search_widget{display: inline-block;width: fit-content;margin-top:1em} #_desktop_user_info{display:inline-block;margin-top:1em} #category #left-column #search_filters .facet .h6{width:100%;} #category #left-column #search_filters .facet .navbar-toggler{height: 100%;padding: .5em 0;display: flex;align-items: center;justify-content: center;line-height: 1;background:#f3d822;color:#3a3a3a;} /*#bonslick .bonslick-slider .slick-list .slick-track .slick-slide > .link-bonslick{min-height:auto;width:100%;}*/ #bonslick .bonslick-slider .slick-list .slick-track .slick-slide > .link-bonslick{min-height:30vh} #bon_manufacturers_block ul{ display:block} section#flow-pure-section .section-container #flow-pure > .element-image{background-size: contain;} section#window-bille-section .section-container #window-bille > .element-image img{width:100%} section#e-venti-section .section-container #e-venti > .element-image img{max-width:100%} } /* DIALOG */ #dialog.dialog-container .grid{display:grid;grid-template-columns: 50% 50%;margin-top:4em;width:100%;margin: auto;align-items: center;padding:0 2em} #dialog.dialog-container .grid .row{text-align: center;display:inline-grid;align-items: center;height:fit-content;padding:0em;height:fit-content;margin:2em} #dialog.dialog-container .grid .row:first-child{border:1px solid #219eae} #dialog.dialog-container .grid .row:after{display:none;} #dialog.dialog-container .grid .row img{max-height:15em;width:auto} #dialog.dialog-container .grid .row a#doReservation{font-size:1.5em;color:#219eae;padding:.5em 1.5em;border:.1em solid #219eae;border-radius: 2em;width: fit-content;margin: auto;min-width: 18em;transition:all .3s ease-out} #dialog.dialog-container .grid .row a#doReservation:hover{background-color:#219eae;color:#fff;} #dialog.dialog-container .grid .row a#doConnect{font-size:1.25em;color:#219eae;padding:.5em 1.5em;border:.1em solid #219eae;border-radius: 2em;width: fit-content;margin: auto;min-width: 18em;transition:all .3s ease-out;margin:1em 0} #dialog.dialog-container .grid .row a#doConnect:hover{background-color:#219eae;color:#fff;} #dialog.dialog-container .grid .row a#doRegistration{font-size:1.25em;color:#219eae;padding:.5em 1.5em;border:.1em solid #219eae;border-radius: 2em;width: fit-content;margin: auto;min-width: 18em;transition:all .3s ease-out;margin:1em 0} #dialog.dialog-container .grid .row a#doRegistration:hover{background-color:#219eae;color:#fff;} #dialog.dialog-container .grid .row .field-input{} #dialog.dialog-container .grid .row .field-input .form-control{margin:.5em 0;font-size:1em} #dialog.dialog-container .grid .row .field-input label{font-size:1em;color:#219eae;display:block;margin-bottom:1em;font-weight:500} #dialog.dialog-container .grid .row .field-input label:after{display:block;content:"";width:1.5em;height:2px;background:#219eae;margin-top:.5em} #dialog.dialog-container .grid .row .field-input textarea{resize:none;min-width:20em;min-height:5em;width:100%;} #dialog.dialog-container .grid .row a#confirmDemande{font-size:1em;color:#219eae;padding:.5em 1.5em;border:.1em solid #219eae;width: fit-content;margin:.75em auto auto;transition:all .3s ease-out} #dialog.dialog-container .grid .row a#confirmDemande:hover{background-color:#219eae;color:#fff;}