/* Toggle elements visibility based on region */
html[data-region='quebec']:not(.cms-edit) .region-other { display: none !important; }
html[data-region='other']:not(.cms-edit) .region-quebec { display: none !important; }
html.cms-edit .block .ui-toolbar a span { display: inline !important;}

textarea { resize: vertical; }
.form-contact-message textarea { min-height: 100px; }
select option[disabled] { color: #ccc; }

/* Sticky navigation */
/* Prepping for animations/transitions */
/*body .menu-button { transition: color .2s ease; }*/
body .section-main-bar > .w-nav { height: 100px; max-height: 100px; transition: none;  }
body .section-main-bar > .w-nav::before { content: ' '; display: block; position: absolute; top: 0; left: 0; right: 0; height: 100px; max-height: 100px; background-color: white; }
body .section-main-bar > .w-nav .main-menu { transition: none; }
body .section-main-bar > .w-nav .brand-link { width: auto; height: auto; transition: none; }
body .section-main-bar > .w-nav .brand-link img { width: auto; max-height: 75px; /*transition: all .45s ease;*/ }

body.scrolling { padding-top: 100px; }
body.scrolling .section-main-bar > .w-nav .brand-link .slogan { display:none; }
body.scrolling .section-main-bar > .w-nav { position: fixed; background-color:white; top: 0; left: auto; right:auto; width: 100%; max-height: 70px; z-index: 500; /*transition: all .25s ease;*/ max-width:2400px; }
body.scrolling .section-main-bar > .w-nav::before { max-height: 70px; }
body.scrolling .section-main-bar > .w-nav .main-menu { position: static; padding-bottom: 10px; padding-top: 10px; }
body.scrolling .section-main-bar > .w-nav .brand-link { width: auto; height: auto; top: 4px; z-index: 1; /*transition: all .25s ease;*/ }
body.scrolling .section-main-bar > .w-nav .brand-link img { max-height: 65px; width: auto; /*transition: all .25s ease;*/ }

/* 403/404 error pages */
body.error404 .block-error,
body.error403 .block-error,
body.acces-restraint-quebec-seulement .block-error { padding: 120px 0; text-align: center; font-family: Kreon, sans-serif; font-size: 3em; line-height: 1.15em; font-weight: 400; }
body.error404 .block-error a,
body.error403 .block-error a,
body.acces-restraint-quebec-seulement .block-error a.is-button { display: inline-block; margin-top: 45px; font-size: .33em; line-height: 1.15em; font-family: Raleway, sans-serif; font-weight: }


/*Covid-19 style*/
.covid_alert{ padding: 15px 0; background-color: #b41717; color: #fff; font-weight: 500; }
.covid_alert .block-header{ display: none;}
.covid_alert .block-content{ width: 95%; max-width: 1280px; margin: auto; }
.covid_alert .block-content p{ margin-bottom: 0; line-height: 25px;}
.covid_alert .block-content p strong{ margin: auto; font-size: 1.25em; font-weight: bold; line-height: 1em;}
/*End Covid-19 style*/

/*Home Alert style*/
.alert-home{ padding: 15px 0; background-color: #013BA0; color: #fff; font-weight: 500; }
/*.scrolling .alert-home { display: none;}*/
html[lang=en-CA] .alert-home { background-color:#0090FF;}
.alert-home .block-header{ display: none;}
.alert-home .block-content{ max-width: 1280px; margin: auto; padding:0 10px; }
.alert-home .block-content p{ margin-bottom: 0; /*line-height: 25px;*/ }
.alert-home .block-content p strong{ margin: auto; font-size: 1.25em; font-weight: bold; line-height: 1em;}
/*End Home Alert style*/

.offer-bar { height:auto; }

#main-content .block-product .product .header .windowname { clear:both;}
/*#main-content .block-product .product .section-configurator > .subblock { display:none; }*/
#main-content .block-product .product .section-configurator > .subblock.active { display:block; }
#main-content .block-product .product .section-configurator > .subblock:first-child:last-child { display: block; }
#main-content .block-product .product .section-configurator-footer .configurator-pagination li { display:inline-block; margin-right:5px; }
#main-content .block-product .product .section-configurator-footer .configurator-pagination li a { display:inline-block; font-size:14pt; background-color:#008ad2; padding:2px 5px; color:black; }
#main-content .block-product .product .attribute-wrapper { position:relative; }

#main-content .block-product .product .attribute-wrapper.color .samples-unavailable { color:gray; font-size:0.8em; }
#main-content .block-product .product .attribute-wrapper.color .value li { float:left; }
#main-content .block-product .product .attribute-wrapper.color .value li.active img { border-color:black; }

.layout-home.landing h1{ margin:20px 0 30px 0;}
.layout-home.landing h2{ margin:10px 0 10px 0; }
.layout-home.landing h3{ text-decoration:none; border:none; margin-bottom:10px; }

#block-block_text_blinds .content-wrapper { display:none; margin:0; padding:0; }
#block-block_text_blinds .content-wrapper h3 { border-bottom:none;}

/* FORMATS */
.formats-wrapper {
    padding: 30px;
    padding-bottom: 0;
}
.formats-wrapper ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: calc(100% + 10px);
    margin-left: -5px;
    margin-bottom: 0;
    padding: 0;
}
.formats-wrapper ul li.format {
    width: calc(16.6666% - 10px);
    height: 40px;
    margin: 5px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
@media screen and (max-width: 1380px) {
    .formats-wrapper ul li.format {
        width: calc(33.32% - 10px);
    }
}

.formats-wrapper ul li.format .format-name {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    transition: all 300ms ease-out;
    position: relative;
    height: auto;
    margin-right: 10px;
    padding: 5px;
    background-color: #506b7e;
    color: #fff;
    cursor: pointer;
    line-height: 1.35em;
}
.formats-wrapper ul li.format .format-name {
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 13px;
    font-weight: 800;
    text-align: center;
}
.formats-wrapper ul li.format.active .format-name {
    background-color: #00abfc !important;
}
/*PAGE FAQ - Liste de questions Fréquentes*/
.sous-titre {

    margin-bottom: 15px;
    color:

    #364753;
    font-size: 19px;
    font-weight: 700;

}
#productFaqBlock.block-list-items.list-faq{ display: none; padding-bottom:50px;}
.block-list-items.list-faq > *{ width:95%; max-width:960px; margin:auto;}
.product .block-list-items.list-faq > *{width:80%; max-width:none;  }
@media(max-width:991px){
.product .block-list-items.list-faq > *{width:90%; max-width:none;  }
}
.block-list-items.list-faq ol { padding:0; margin:0;border-top:1px #ccc solid;}
.block-list-items.list-faq ol li { border-bottom:1px #ccc solid; }
.block-list-items.list-faq ol li .list-faq-question .value,
.block-list-items.list-faq ol li .list-faq-question h2{ transition:all 250ms ease-out; cursor:pointer; border-left:5px #fff solid; font-weight:700; font-size:0.9em; font-family:inherit; padding:15px 10px; margin:0; display:flex; align-items:center; justify-content:flex-start;}
.block-list-items.list-faq ol li.open .list-faq-question .value,
.block-list-items.list-faq ol li .list-faq-question .value:hover,
.block-list-items.list-faq ol li .list-faq-question h2:hover { background-color:	#eee; border-left:5px #3fa9f5 solid; }
.block-list-items.list-faq ol li .list-faq-question .value::before,
.block-list-items.list-faq ol li .list-faq-question h2::before{ transition:all 250ms ease-out; color:#3fa9f5; font-size:1em; margin-right:10px;content:"\f0da"; font-weight:400; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;}
.block-list-items.list-faq ol li.open .list-faq-question .value::before{ -webkit-transform: rotate(90deg); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
      -ms-transform: rotate(90deg); /* IE 9 */
          transform: rotate(90deg); /* IE 10, Fx 16+, Op 12.1+ */ }
.block-list-items.list-faq ol li .list-faq-answer{ display:none; background-color:#eee; font-size:1em; font-weight:400;}
.block-list-items.list-faq ol li .list-faq-answer p { margin-bottom:10px;  }
.block-list-items.list-faq ol li .list-faq-answer h3 { font-size: inherit; margin:15px 0 10px; }
.block-list-items.list-faq ol li .list-faq-answer h4 { font-family:inherit; font-size: inherit; color:#5b5b5b; font-weight:bold; margin:10px 0 5px; }
.block-list-items.list-faq ol li .list-faq-answer ol,
.block-list-items.list-faq ol li .list-faq-answer ul { list-style:initial; border-top:none; margin-left:20px; margin-top:10px; }
.block-list-items.list-faq ol li .list-faq-answer li { border-bottom:none; }
.block-list-items.list-faq ol li.open .list-faq-answer{ display:block;}
.block-list-items.list-faq ol li .list-faq-answer .value{ padding:10px 15px; }
.block-list-items.list-faq ol li .list-faq-answer a{ color:#920000;}
.block-list-items.list-faq ol li .list-faq-answer a:hover{ color:red;}
.block-list-items.list-faq ol .block-subfooter { display:none;}
/*SINGLE*/
.block-list.block-item.list-faq .block-header{ max-width:960px; margin:auto;}

.block-list.block-item.list-faq .block-header a{ display:none;}
.block-list.block-item.list-faq .block-content{ max-width:960px; margin:auto; margin-bottom:20px;}
.block-list.block-item.list-faq .list-faq-question{background-color: #eee; border-left: 5px #3fa9f5 solid; padding:20px; font-weight:700; font-size:1.25em; color:#000; }
.block-list.block-item.list-faq .list-faq-answer{background-color: #eee; padding:20px;}
.block-list.block-item.list-faq .block-footer{ max-width:960px; margin:auto;}
.block-list.block-item.list-faq .block-footer a{ background-color: #00abfc; font-weight: 700; display: inline-block; padding: 10px 20px; background-color: #3898EC; color: white; border: 0; line-height: inherit; text-decoration: none; cursor: pointer; border-radius: 0;}
.block-list.block-item.list-faq .block-footer a:hover{ background-color: #ffe000; color: #364753;}
/*Émile Perron*/
.w-select {
background-image: none;
}
.brand-link { top: 5px;  }
.brand-link .slogan { font-size:9pt; text-transform:uppercase; margin:-9px 0 0 28px; }
html[lang^="en-"] .brand-link .slogan { margin:-4px 0 0 23px; }


/* =================GÉNÉRAL=====================*/
body{background-color: #fff;}
iframe{ z-index:0;}
ul, ol{ padding:0; margin:0;}
img{ max-width:none;}
p {  margin-bottom: 20px;}
body{}
.active{ font-weight: inherit;}
.no-js-warning { position: fixed; bottom: 0; left: 0; right: 0; z-index: 10000; padding: 10px; text-align: center; background-color: white; }
.no-js-warning a { color: #439cad; text-decoration: none; }
.no-js-warning a:hover { color: #333; }
.w-tab-content{ overflow:visible;}
.w-checkbox, .w-radio{ padding:0;}

.iframe-wrapper{ width:100%; height:0; padding-bottom:56.5%; overflow:hidden; position:relative;}
.iframe-wrapper iframe{ width:100%; height:100%; position:absolute; top:0; bottom:0; left:-50%; right:-50%; margin:auto;}

/*-------------LINK-----------*/

a, button { position:relative; -webkit-transition: all 200ms ; -moz-transition: all 200ms ; -ms-transition: all 200ms ; -o-transition: all 200ms ; transition: all 200ms ;}

a{ color:#3088f4;}
a:hover{ color:#000;}

a.is-button, .is-button{ font-size:1em; border-radius:0; background:none; padding: 5px 25px; border: 2px solid #3088f4; background-color: transparent; color: #3088f4; text-transform: none; font-weight: bold; text-shadow: none;}
a.is-button:hover{ border-color:#000; color:#000;}
a.is-button::after, button::after{content:"\f0da"; display:inline; margin-left:25px; font-family: FontAwesome; font-style: normal; font-size: 1rem; font-weight: normal; text-indent: 0px; -webkit-font-smoothing: antialiased;}
a.is-button.return::after, a.is-button.view::after{ display:none;}
a.is-button.return::before, a.is-button.view::before{content:"\f0d9"; display:inline; margin-right:25px; font-family: FontAwesome; font-style: normal; font-size: 1rem; font-weight: normal; text-indent: 0px; -webkit-font-smoothing: antialiased;}
a.is-button div{ display:inline;}

a.all{    font-size: 1em; border-radius: 0; background: none; padding: 5px 25px; border: 2px solid #3088f4; background-color: transparent; color: #3088f4; text-transform: none; font-weight: bold; text-shadow: none;}
a.all:hover{ color:#000; border-color:#000;}
a.return{ }
a.return:hover{}
a.learn-more{ display:inline-block; padding:5px 0; color:#3088f4; font-size:.85em; font-weight:bold;}
a.learn-more:hover{ color:#000;}
a.learn-more::after{content:"\f0da"; display:inline; vertical-align:middle; margin-left:10px; font-family: FontAwesome; font-style: normal; font-size: 1.25rem; font-weight: normal; text-indent: 0px; -webkit-font-smoothing: antialiased;}
/*-------------LIST-----------*/
.block-text .block-content h2 { font-size: 1.5em;}
.block-text .block-content img.left-img { float:left; margin:0 20px 10px 0; max-width:40%;}
.block-text .block-content ul, .block-list .block-content .field-wrapper ul{ list-style:none; }
.block-text .block-content ul, .block-list .block-content ul{ padding:15px 20px; margin-bottom:20px; background-color:#f2f2f2;}
.block-text .block-content ul li, .block-list .block-content .field-wrapper ul li, .block-news .block-content ul li{ position:relative; padding-left:20px; margin:10px 0 ;}
.block-text .block-content ul li:before,
.block-list .block-content .field-wrapper ul li:before,
.block-news .block-content ul li:before { content:"\f0da"; color:#3088f4; position: absolute; top:2px; left:0; display: block; width: 20px; height: 15px; line-height:15px; text-align:center; font-size:1em; font-family: FontAwesome;  font-style: normal;font-weight: normal; text-indent: 0px;  -webkit-font-smoothing: antialiased;}
.block-text .block-content ul ul li:before,
.block-list .block-content .field-wrapper ul ul li:before,
.block-news .block-content ul ul li:before { content:"\f105";}
.block-text .block-content ul ul,
.block-list .block-content .field-wrapper ul ul,
.block-news .block-content ul ul { padding:0 20px;}
/*----------------------PAGINATION----------------*/
.block-pagination{}
.block-pagination .pagination{ margin-top:10px;}
.block .pagination li{ display: inline-block; margin:5px;}
.block .pagination li a{position: relative; display: block; width: 35px; height:35px; border-radius:0; background-color: transparent; color: #000; line-height: 35px; font-weight: 700;  text-align: center; text-decoration: none; text-indent:-5000px; padding:0; text-shadow:none; border:1px solid #000;}
.block .pagination li a:hover{ background-color:transparent; color: #3088f4; border-color:#3088f4;}
.block .pagination li.numeric a{text-indent:0;}
.block .pagination li.prev a:after, .block .pagination li.next a:after, .block .pagination li.first a:after, .block .pagination li.last a:after{position: absolute; top:0; left:0; display: block; width: 35px; height: 35px; line-height:35px; font-size:1em; font-family: FontAwesome;  font-style: normal;font-weight: normal; text-indent: 0px;  -webkit-font-smoothing: antialiased;}
.block .pagination li.prev a:after{ content:"\f104";}
.block .pagination li.next a:after{ content:"\f105";}
.block .pagination li.first a:after{ content:"\f100";}
.block .pagination li.last a:after{ content:"\f101 ";}
.block .pagination li.active a, .block .pagination li.active a:hover{ cursor:default; background-color:transparent; border-color:#ccc; color: #ccc;}
.block .pagination li.active a::before, .block .pagination li.active a:hover::before, .block .pagination li.active a:focus::before {}

/*------------------ENTÊTE------------------*/
/*BLOCK*/

/*CONTENU*/
h1, .h1 { margin:0;    font-size: 2.75em;font-family: Kreon, sans-serif; line-height: 1em; font-weight: 400;}
h2, .h2, .block-title {    margin-top: 0px; margin-bottom: 10px; font-family: Kreon, sans-serif; color: #000; font-size: 2.5em;
 line-height: 1.15em; font-weight: 400;}
h3, .h3 { font-weight:bold; font-size:1.25em; line-height:1.25em; color:#000; border-bottom:1px solid #000; margin-bottom:20px; margin-top:0;}
h4, .h4 {  font-size:1.25em;font-family: Kreon, sans-serif; line-height: 1em; font-weight: 400}
h5, .h5 {}
h6, .h6 {}
.mobile-cart {float:right;margin-right:65px;display:none;}
.block-header .block-resume{ margin-bottom:20px; font-family: Kreon, sans-serif; color: #3088f4;}
/*=============================FORMULAIRE=========================*/
.textarea { height: auto; min-height: 0;}
input, .w-input, [class*="input_"], select{ margin:0; width:100%; height:auto; border:1px solid #ccc; padding:10px; line-height: 1.25em; font-size:1em; background-color: transparent; color:#666;}
button, input[type="button"], .input_submit, .input_button { display:inline-block; width:auto; font-size:1em; border-radius:0; background:none; padding: 5px 25px; border: 2px solid #3088f4; background-color: transparent; color: #3088f4; text-transform: none; font-weight: bold; text-shadow: none;}
button:hover, input[type="button"]:hover, .input_submit:hover { border-color:#fff; color:#fff; }
input:focus, .w-input:focus, [class*="input_"]:focus, select:focus, button:focus {outline:none !important;border-color: #3898EC; }
label{color:#000; font-size:.85em; font-weight:bold; margin-bottom:10px;}
.block-form .button-container{ padding:0 10px; margin-top:25px;}
.block-form .field-wrapper{ margin:0 0 25px 0; float:left; padding:0 10px; clear:none !important;}
.block-form .trap-field { display:none;}
.field-wrapper.cleared{  clear:both; }
.field-wrapper.single{ width:100%; float:none; clear:both !important; }
.field-wrapper.double{ width:50%;}
.field-wrapper.triple{ width:33.33%;}
.field-wrapper.quadruple{ width:25%;}

.field-wrapper.checkbox ul.inputs,
.field-wrapper.radio ul.inputs{ margin-bottom:25px;}
.field-wrapper.checkbox ul.inputs li,
.field-wrapper.radio ul.inputs li{ display:block; margin-bottom:5px; text-align:left;}
input[type="checkbox"], input[type="radio"]{ width:auto; float:none; margin: 0 5px 0 0;}
.field-wrapper.checkbox ul.inputs label,
.field-wrapper.radio ul.inputs label{ display:inline-block; margin-bottom:0; font-size:1em; font-weight:normal;}

/*ACCEUIL*/
.section-1 { padding-top:20px; }
.section-2 {  background-color: #3c4a51; color:white;  text-align: center;}
.section-2 .block-title, .section-2 h1, .section-2 h2, .section-2 h3, .section-2 h4 { color:white; }
.section-2 form{ max-width:720px; padding:20px; border:1px solid rgba(255,255,255,.25); margin:auto;}
.section-2 label{color:#fff;}
.section-2 input, .section-2 .w-input, .section-2 [class*="input_"], .section-2 select{ margin:0; width:100%; border:1px solid #fff; padding:10px; font-size:1em; background-color: transparent; color:#ccc;}
.section-2 button, .section-2 input[type="button"], .section-2 .input_submit{    padding: 15px 50px; font-size: .85em; width: auto; display: inline-block; background-color: #3088f4; color: #fff;
    border: none;}
.section-2 button:hover, .section-2 input[type="button"]:hover, .section-2 .input_submit:hover{ background-color: #000;}
.section-2 	.block-form .button-container{ text-align:right;}
.options-text{ line-height:1.65em;}

.layout-home.landing h1.page-title { text-align:center; }
.layout-home .zone .block-text h1, .layout-home .zone .block-text h2, .layout-home .zone .block-text h3, .layout-home .zone .block-text h4 { border:none;}
.layout-home .zone .section-flex,
.layout-home .zone [class*="section"] { margin-top:50px;}
.layout-home .zone .block-text .block-content > p { max-width:800px; margin:0 auto; text-align:center; font-size:10pt;}
.layout-home .zone .block-text .block-content > h5 { text-align:center; }
.layout-home .zone .block-text .block-content > h1, .layout-home .zone .block-text .block-content > h2, .layout-home .zone .block-text .block-content > h3, .layout-home .zone .block-text .block-content > h4 { font-size:2em; text-align:center; }
.layout-home .zone .block-text .section-flex h1, .layout-home .zone .block-text .section-flex h2, .layout-home .zone .block-text .section-flex h3, .layout-home .zone .block-text .section-flex h4,
.layout-home .zone .block-text [class*="section"] h1, .layout-home .zone .block-text [class*="section"] h2, .layout-home .zone .block-text [class*="section"] h3, .layout-home .zone .block-text [class*="section"] h4 { font-size:1.1em; font-weight:bold; font-family:'Montserrat', sans-serif; }
.layout-home .zone .block-text .block-content { text-align:left; }
.layout-home .zone .block-text .block-content .flex-box:first-child { padding-right:40px;}
.layout-home .zone .block-text .block-content .flex-box:last-child { padding-left:40px;}
.layout-home .zone .block-text .block-content h4:last-child { font-size:1.2em; max-width:800px; margin:30px auto 50px; }

.layout-home.product-nav #zone-2 { margin:50px 0; }
.layout-home .section-2 .block-resume a { font-size: 1.25em; }
.layout-home .section-2 .block-resume a:hover { color: white; }
.layout-home .section-2 input,
.layout-home .section-2 .w-input,
.layout-home .section-2 select { background-color: white; border-radius: 1px; color: #3c4a51; }


/*TABS*/
/* Tab styles*/
.tab { display: none; }
.tab.tab-default { display: block; }
.tab .button-container button:hover{ color:#000; border-color:#000;}

/* ============================GABARIT============================ */
.column{ float:left;  margin:auto; padding-bottom:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.column.fullCol{ float:none; width:100%; margin-bottom:35px;  }
.column.duoCol{ width:50%;}
.column.duoCol.large{ width:65%;}
.column.duoCol.small{ width:35%;}
.column.duoCol.menu{ width:25%;}
.column.duoCol.content{ width:75%;}
.column.left{ padding-right:2.5%; }
.column.right{ padding-left:2.5%;}

/*==================EDITOR/CONTENU===================*/

.adresse{ padding:0 0 0 40px; position:relative; margin:25px 0;}
.adresse:before{width: 30px; height: 30px; display:block;  background-color: transparent; color: #ff2900; font-size:1.65em; line-height: 30px; text-align:center; position: absolute; left: 0px; top: 0px; bottom: 0px; margin: auto 0;  font-family:FontAwesome;  text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f041";}
.telephone{ padding:0 0 0 40px; position:relative; margin:25px 0;}
.telephone:before{width: 30px; height: 30px; display:block;  background-color: transparent; color: #ff2900; font-size:1.65em; line-height: 30px; text-align:center; position: absolute; left: 0px; top: 0px; bottom: 0px; margin: auto 0;  font-family:FontAwesome;  text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f095"; }
.courriel{ padding:0 0 0 40px; position:relative; margin:25px 0;}
.courriel:before{ width: 30px; height: 30px; display:block;  background-color: transparent; color: #ff2900; font-size:1.65em; line-height: 30px; text-align:center; position: absolute; left: 0px; top: 0px; bottom: 0px; margin: auto 0;  font-family:FontAwesome;  text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f003";}
.section-footer .adresse:before, .section-footer .telephone:before, .section-footer .courriel:before{color: #fff;}

table.tools-table{ background-color:#2d383d; color:#fff;}
table.tools-table thead td{ background-color: #3c4a51; padding:15px; text-align:center; font-size:1.25em; font-weight:bold;}
table.tools-table tbody td{ padding:10px;}
table.tools-table tbody td img{ display:block; margin:auto; width:75%;}
table.tools-table tfoot td{background-color: #3c4a51; padding:10px; text-align:center; font-size:.85em;}

.texte-important{ font-weight: bold; font-size: 1.15em; }
/*==================POP UP===================*/
.popup { position: fixed; top: -100%; left: 0; opacity:0; width: 100%; height: 100%; background-color:rgba(45,56,61,.90); z-index: 1000; transition: all .5s ease; overflow:hidden;}
.popup.open { top: 0; z-index: 1000; opacity:1; }
.popup  .popup-content {position: relative; width: 95%; max-width: 960px; max-height: 70vh; padding:5vh 2.5vh; margin: 10vh auto 0; color: #fff; background-color: #2d383d; }
.popup  .popup-content img { max-width: 100%;}
.popup .block-footer { width:95%; max-width:960px; margin:auto; padding:10px 0; text-align: center; }
.popup .block-footer a:hover { color:white; }
.popup .close-button-container { position:relative; width:95%; max-width:960px; margin:auto; padding:10px 0; text-align: right; }
.popup .close-button-container a{ color:#fff;}
.popup .close-button-container a::before{ transition: border 200ms; content:"X"; width:22px; height:22px; line-height:21px; border:1px solid #fff; border-radius:50%; text-align:center; margin-right:5px; display:inline-block; vertical-align:middle; }
.popup .close-button-container a:hover{ color:#3088f4;}
.popup .close-button-container a:hover::before{ border-color:#3088f4;}


.popup.open .popup-tooltip-wrapper { position: relative; width: 95%; max-width: 960px; height: 70vh; padding:5vh 2.5vh; margin: 10vh auto 0; color: #fff; background-color: #2d383d; }
.popup.open .popup-scroll-wrapper { width:100%; height:100%; max-height:60vh; padding:0 2.5vh; position: relative; overflow-y:scroll; }
.popup.open .popup-scroll-wrapper .popup-content { width: 100%; max-width: 100%; margin: auto; }
.popup.open .popup-tooltip-wrapper .popup-content {padding:0; margin:0; height:auto; max-width:none;}

/* Smooth scroll styles */
.popup [data-scrollbar] .scrollbar-track { background-color: rgba(255,255,255,.1); opacity: 1; }
.popup [data-scrollbar] .scrollbar-track:hover { background-color: rgba(255,255,255,.35); }
.popup [data-scrollbar] .scrollbar-thumb, .popup [scrollbar] .scrollbar-thumb{background: rgba(255,255,255,.5);}

.popup .popup-content .tool-tips-row {display:flex; align-items: stretch; flex-direction: row; justify-content: center;}
.popup .popup-content .tool-tips-column { flex-grow:1; text-align:center;}
.popup .popup-content .tool-tips-row.tool-tips-title .tool-tips-column{ padding:15px; font-weight:bold; background-color:#3088f4;}
.popup .popup-content .tool-tips-row .tool-tips-column .title-mobile { display:none; padding:15px; font-weight:bold; background-color:#3088f4; margin-bottom:15px;}
.popup .popup-content .tool-tips-row.tool-tips-content .tool-tips-column{ padding:15px;}
.popup .popup-content .tool-tips-row.single .tool-tips-column  { width:100%; }
.popup .popup-content .tool-tips-row.double .tool-tips-column  { width:50%;}
.popup .popup-content .tool-tips-row.triple .tool-tips-column  { width:33.33%;}
.popup .popup-content .tool-tips-column img { width:100%; height:auto; max-width:400px;  display:block; margin:auto;}
.popup .popup-content .invisible{ display:none;}

/*popup - cart-infos*/
.popup-title{ font-size:1.25em; font-weight:bold; margin-bottom:15px;}
.popup-content .attribute-wrapper{  background-color:#3c4a51; display:flex; align-items: stretch; flex-direction: row; justify-content: center;}
.popup-content .attribute-wrapper .title{padding:15px 20px; width:35%; font-weight:bold;}
.popup-content .attribute-wrapper .value{ background-color:rgba(255,255,255,.1); padding:15px 20px; width:65%;}
.popup-content .attribute-wrapper .value .color-resume {margin-right:7px;}
.popup-content .attribute-wrapper .value .color-resume img {max-width:50px;max-height:50px;}

/*COULEUR*/
.popup .swatches { background-color:#3c4a51; padding:5px; border-radius:50%; display:inline-block; margin:auto; margin-bottom:10px;}
.popup .swatches .swatch-wrapper{  width:85px; height:85px; display:block; border-radius:50%; position:relative; overflow:hidden;}
.popup .swatches img{ border:none; width:100%; height:auto; display:block; position:absolute; top:0; bottom:0; left:-50%; right:-50%; margin:auto;}

/*//////////LAYOUT///////////////*/
.section-display-items{ display:block;}

/*==========GÉNÉRAL=============*/
.contact-text{ line-height:30px;}
.contact-text .contact-phone,
.contact-text .contact-email,
.contact-text .free-shipping { font-family: Kreon,sans-serif; font-weight:bold; padding-left:20px; position: relative; margin:0 20px; white-space: nowrap;}
.contact-text .free-shipping { padding-left: 22px; white-space: nowrap; }
.contact-text .contact-phone::before{ content: "\f095"; display: inline; height:15px; width:15px; line-height:15px;text-align:center; position:absolute; top:0; bottom:0; left:0; margin:auto; font-family: FontAwesome; font-style: normal; font-size:.85rem; font-weight: normal; text-indent: 0px; -webkit-font-smoothing: antialiased;}
.contact-text .contact-email::before{ content: "\f0e0"; display: inline; height:15px; width:15px; line-height:15px;text-align:center; position:absolute; top:0; bottom:0; left:0; margin:auto; font-family: FontAwesome; font-style: normal; font-size:.85rem; font-weight: normal; text-indent: 0px; -webkit-font-smoothing: antialiased;}
.contact-text .free-shipping::before{ content: "\f0d1"; display: inline; height:15px; width:15px; line-height:15px;text-align:center; position:absolute; top:0; bottom:0; left:0; margin:auto; font-family: FontAwesome; font-style: normal; font-size:1rem; font-weight: normal; text-indent: 0px; -webkit-font-smoothing: antialiased;}
.section-content .block{ padding:75px 0;}
.section-content .block:first-child { padding-top:40px; }
.section-content .has-title .block-header{ padding-bottom:50px;}
.section-content .block-header .block-resume{ margin-top:10px; font-family: Kreon, sans-serif; color: #aaa; font-size:1.25em; line-height: 1.15em;   font-weight: 400; }
#main-content .block-product-list .block-header .block-resume { font-family:inherit; font-size:inherit; color:#5a656a; line-height:1; margin:10px 0 35px; text-align:justify; }
#main-content .block-product-list .block-header { padding-bottom:10px; }
.section-content .zone-content > .block > [class*="block-"]{ width:95%; max-width:1280px; margin:auto; }
.section-content .block [class*="block-sub"]{ width:100%; max-width:none; margin:0; }
.section-content img{  /*TODO: Only for testing width:100%;*/ height:auto;}

/* Footer */
.section-footer{ background-color:#eee;}
.section-footer .switch-region .link { display: inline-block; max-width: 190px; font-weight: bold; }
.section-footer .block-footer-infos .business-info a { color: black; }
.section-footer .payment-method-logos { position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; width: 25%; display: block; float: right; padding: 15px; font-size: 0; }
.section-footer .payment-method-logos img { width: 33.333%; margin: auto; padding: 3px; }
.section-footer .payment-method-logos.responsive-only { display: none; }
.section-footer .payment-method-logos .canada-gov {display:block;width:100%; margin-top:15px;}
.section-footer .payment-method-logos .canada-gov img {width:100%;}
.section-footer .payment-method-logos .panier-bleu {display:block;width:100%; margin-top:15px;}
.section-footer .payment-method-logos .panier-bleu img {width:100%;}
.logo-footer {  margin-bottom: 0;}

.business-infos { clear:both; margin-top: 25px;  margin-bottom: 25px;  font-weight: 700;}
.business-info { clear:both; margin-top: 10px;  margin-bottom: 10px;}
.business-infos::after { content:" "; width:0; height:0; display:block; visibility:hidden; clear:both; overflow:hidden; }
.footer-lang-select { margin-top:35px;}

.business-infos .title-infos{ font-size:.85em; margin-bottom:15px;}
.logo-footer-altex{ width:50%; max-width:85px; float:right;}
.logo-footer-altex img{ width:100%; max-width:100%;}
/*==========ACCUEIL=============*/
/*Banner*/
.section-banner { height: 550px; background-image:url(../image/bg-banner-202309_LR.jpg); }
.banner-circle-content{ width:350px; height:350px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; border-radius:50%; display: flex; align-items: center; justify-content: center; padding:65px 50px; background-color:#000; color:#fff; text-align:center;}
.banner-circle-content.double-promo { width:415px; max-width:100%; padding:0; border-radius:50% 50% 0 0; background-color:transparent; height:auto; top:auto; }
.banner-circle-content .banner-circle-content-inner-wrapper { background-color: #000; padding:0 15px 15px 15px;}
.banner-circle-content img { max-width:100%; }
.banner-circle-content .line-1{ color:#3088f4; font-weight:700; line-height:1em;}
.banner-circle-content .line-2{ font-family: Kreon, sans-serif; font-size:8em; line-height:.85em;}
.banner-circle-content .line-3{font-family: Kreon, sans-serif; font-size:2em; line-height:1em;}
.banner-circle-content a.details { color:white; font-weight: bold; text-decoration: underline; font-size:9pt;}
.banner-circle-content a.details:hover {color:#3088f4; }
.banner-circle-content .banner-button{ margin-top:10px;}
.banner-circle-content .banner-button a.is-button{ border-color:#fff; color:#fff;padding: 1px 15px; font-size:.85em; margin-bottom:4px;}
.banner-circle-content .banner-button a.is-button:hover{ border-color:#3088f4; color:#3088f4;}
.banner-circle-content .banner-button a.is-button::after { content:''; margin:0; padding:0;}
.banner-circle-content .banner-circle-footer { background-color:#3088f4; padding:5px; color:white; font-size:8pt; font-weight:bold; }
.banner-circle-content .banner-circle-footer img { vertical-align: bottom; margin-left:3px; height:22px;}

.flex-box.box-on-demand { display: flex; align-items: center; text-align:left; padding:50px; }
.flex-box.box-on-demand .on-demand-img{ position:absolute; top:0; bottom:0; left:0; margin: auto; width:200px; height:200px; border-radius:50%; overflow:hidden;}
.flex-box.box-on-demand .on-demand-img img{ width:100%; height:auto; position:absolute; top:0; bottom:0; left:-50%; right:-50%; margin:auto;}
.flex-box.box-on-demand .content-wrapper { width: 100%; position:relative; padding-left:225px; }
.flex-box.box-on-demand .on-demand-text.quebec-version { max-width:none; margin: auto; text-align: left; }
.layout-home .box-on-demand .button-container { margin-top: 15px; }
.layout-home .box-on-demand h4 { color:#3C4A51; font-size:2.2em; margin-bottom:18px; }
.layout-home .box-on-demand h4 span { color:#3088f4; font-size:13pt; line-height:1; margin-top:5px; display:block; }
.layout-home .box-on-demand p { font-size:10pt; }

.flex-box.box-colors {overflow:hidden;}
.flex-box.box-colors .box-colors-samples { width:100%; height:252px; overflow:hidden; position:relative;}
.flex-box.box-colors .box-colors-samples img { height:100%; width:auto; position:absolute; top:0; left:-50%; right:-50%; margin:auto;}
/*SERVICE COMMERCIAL
.section-about {  padding-top: 250px; padding-bottom: 250px;}*/

/*MAGASINAGE*/
#block-list_brand .category-title {display:none;}
.v2 .flex-box.box-choice{  min-height:400px;  padding:0; background-color:#3c4a51; background-image:none; display:flex; align-items: stretch; flex-direction: row;  justify-content: space-between;}
.v2 .layout-home .description-title{ padding-bottom:0; }
.v2 .choice-title{ padding-bottom:0px;  max-width:420px; font-family:Raleway,sans-serif; font-size: 1em; line-height: 1.15em; }
.choice-title h1, .choice-title .h1 { font-size:2em; margin-bottom:29px;}
.choice-title h2, .choice-title .h2{ color:#3088F3; font-size:1em; font-weight:bold; }
.choice-title p { display:none; }
.choice-title .line-1{ font-size:1.65em; line-height:1.15em; display:block;}
.choice-title .line-2{ font-weight:bold; font-size:2.75em; line-height:1.15em;display:block; font-family: Raleway, sans-serif; }
.choice-title .line-3{ font-size:1.65em; line-height:1em;display:block;}
.choice-title .line-4{ font-size: 2.75em; font-weight: 700; line-height: 1.15em;margin-top:15px;}
.flex-box.box-choice .is-button.is-white:hover{ color:#000; border-color:#000;}
.v2 .flex-box.box-choice .choice-content{ padding:100px 25px 100px 75px; flex-grow:2;}
body.en-US .flex-box.box-choice .choice-content:hover { padding-top:50px; padding-bottom:50px;}
.flex-col.choice-content:hover h1,
.flex-col.choice-content:hover h2,
.flex-col.choice-content:hover .h1,
.flex-col.choice-content:hover .h2  { display:none;}
.flex-col.choice-content:hover p { display:block;}
.v2 .flex-box.box-choice .choice-nav{ background-color:rgba(255,255,255,.15); flex-grow:1; width:35%;}
.v2 .flex-box.box-choice .choice-nav .choice-links{ height:100%; width:100%; display:flex; align-items: stretch; flex-direction: column ; justify-content: space-between;}
.v2 .flex-box.box-choice .choice-nav .choice-links a{flex: 1;display: flex; justify-content: center;flex-direction: column;position:relative; padding:10px 20px 10px 10px; width:100%; color:#fff; font-weight:bold; border-bottom:1px solid #3c4a51;}
.v2 .flex-box.box-choice .choice-nav .choice-links a:hover{ background-color:#3088f4; color:#fff;}
.v2 .flex-box.box-choice .choice-nav .choice-links a:last-child{border-bottom:none;}
.v2 .flex-box.box-choice .choice-nav .choice-links a::after {width:15px; height:15px; line-height:15px; position:absolute; top:0; bottom:0; right:10px; margin:auto;  content: "\f0da"; display: block; text-align:right; font-family: FontAwesome; font-style: normal; font-size: 1rem;  font-weight: normal;   text-indent: 0px;   -webkit-font-smoothing: antialiased;}

/* PRDUITS VEDETTE*/
.section-product{padding:75px 0 0 0;}
.section-product .block-header{ text-align:center; padding-bottom:25px;}
.landing .section-product .block-header { padding-bottom:0;}
.section-product .block-footer{ text-align:center; padding:25px 0 50px;}
.section-product h3 { border:none; text-align:center; font-size:1em; font-weight:normal; }
.section-product h3 a { color:#5A656A; }
/*==========DÉFAULT=============*/
/*Banner*/
.layout-default .section-banner { height: 400px;}
.layout-default .banner-circle-content{ width:350px; height:350px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; border-radius:50%; display: flex; align-items: center; justify-content: center; padding:65px 50px; background-color:#000; color:#fff; text-align:center;}
.layout-default .banner-circle-content .line-1{ color:#3088f4; font-weight:400;font-size:2.65em; line-height:1em; display:block;}
.layout-default .banner-circle-content .line-2{ font-family: Kreon, sans-serif; font-size:4em; line-height:.85em;display:block;}
.layout-default .banner-circle-content .line-3{font-family: Kreon, sans-serif; font-size:1.65em; line-height:1em;display:block;}
.layout-default .banner-circle-content .banner-button{ margin-top:10px;}
.layout-default .banner-circle-content .banner-button a.is-button{ border-color:#fff; color:#fff;padding: 1px 15px; font-size:.85em;}
.layout-default .banner-circle-content .banner-button a.is-button:hover{ border-color:#3088f4; color:#3088f4;}

.service-title{ text-align:center; background-color:#a07238; padding:20px 0;}
.service-title h1{ color:#fff;}
.service-title-content{ width:95%; max-width:1280px;  margin: auto; text-align:center;  }
.default-title{ overflow:hidden; background:url(../image/banner-content.jpg) center center no-repeat; height:249px; position:relative;}
.default-title .default-title-content{ width:95%; max-width:1280px; position:absolute; top:50%; left:0; right:0; margin: auto; text-align:center;  }
.default-title .default-title-content h1{  color:#fff; margin-top:-.5em;}

/*JOIN US*/
.section-content .row-joinus { margin-bottom:25px;}
.section-content .row-joinus .block{ padding:0;}
.col-schedule{ background-color:#a07238; padding:20px; color:#fff;}
.section-content .row-joinus .col-schedule .block-header{ display:none;}
.row-joinus a[href^='tel'],
.row-joinus a[href^='fax'] { color: black; }
.row-joinus a[href^='tel']:hover,
.row-joinus a[href^='fax']:hover { color: #3088f4; }
.row-joinus .phone-fax-num + .texte-important:not(.phone-fax-num) { margin-top: 20px; }

table{}
table thead{ background-color:rgba(0,0,0,.25); color:#fff;}
table thead tr{}
table thead td{padding:10px; text-transform:uppercase; font-size:1.25em; font-weight:bold;}
table tbody{}
table tbody tr{ border-bottom:1px solid rgba(255,255,255,.15);}
table tbody th{padding:10px;}
table tbody td{padding:10px;}

/*=============Blog==================*/
.section-content .block-list-news, .section-content .block-single-news { max-width:960px; margin:0 auto; padding-top:50px;}
.section-content .block-list-news .thumbnail { min-height:220px; }
.section-content .block-list-news .thumbnail img { width:auto; margin-right:20px; max-width:300px; margin-bottom:20px; }
.section-content .block-list-news li { margin-bottom:40px; clear:both; overflow:auto;}
.section-content .block-list-news li:after  { content: ""; clear: both; display: table; }
.section-content .block-list-news li .block-subfooter { display:block; padding-top:20px; padding-left:325px; }
.section-content .block-list-news .block-subheader { margin-bottom:15px;}
.section-content .block-list-news h3 { border-bottom:none; margin-bottom:0; }
.section-content .block-list-news h3 a { color:black; }
.section-content .block-list-news .time, .section-content .block-single-news .time { font-size:0.8em; color:#A8804D; }
.section-content .block-list-news .resume p { margin:0;}
.section-content .block-list-news .is-button:hover { color:black; border-color:black;}
.section-content .block-list-news a.more { border:none !important; display:inline; padding:0; }
.section-content .block-list-news a.more:hover { color:black; }
.section-content .block-list-news .pagination li { overflow:hidden;}
.section-content .block-single-news { padding-top:20px;}
.section-content .block-single-news .block-header { padding-bottom:30px; font-size:0.8em; }
.section-content .block-single-news .time { position:relative; top:-45px; float:right;}
.section-content .block-single-news .thumbnail img { float:left; margin:10px 20px 20px 0; max-width:100%; }
.section-content .block-single-news .content { line-height:1.5;}
.section-content .block-single-news h2 { font-size:1.5em; }
.section-content .block-single-news h3 { border-bottom:none; font-family:Kreon, sans-serif;}

@media (max-width: 580px) {
    .section-content .block-list-news, .section-content .block-single-news { max-width:85%;}
    .section-content .block-list-news .thumbnail { float:none; min-height: none; }
    .section-content .block-list-news .thumbnail img { max-width:none; width:100%;}
    .section-content .block-list-news li .block-subfooter { padding-left:0; }
    .section-content .block-single-news .block-header { padding-bottom:10px; }
    .section-content .block-single-news .time { top:-25px; }
}


/*=============CUSTOM BLOCK==========*/
.section-content .no-spacing{  padding-bottom:0;}
.section-content .block-motorisation{ position:relative;   padding-top: 75px; margin-top:75px; padding-bottom: 125px; background-image: url(../image/bg-about.jpg); background-position: 50% 50%;  background-repeat: no-repeat; color: #fff; text-align: center;}
.block-motorisation h2, .block-motorisation .block-title{ color:#fff;}
.block-motorisation .block-footer{ padding-top:50px;}

.block-video{ background-color:#2d383d;}
.block-video h2{ color:#fff;}
.row-flex{ display:flex; align-items: center; flex-direction: row; justify-content: center;}
.row-flex .col-flex{ padding:2%;  width:50%;}
/*============FLEX OPTIONS SERVICES=================*/
.service-content{ position:relative;}
.service-content::before{ content:" "; display:block; width:50%; height:100%; position:absolute; right:0; top:0; background-color:#eee;}
.service-content .section-flex{ width:95%; max-width:1280px; margin:auto; position:relative;}
.service-info{ padding:70px 40px;}
.service-info .block-content { font-family:.85em;}
.service-contact{  padding:50px 40px; font-size:.85em;}
.service-contact .zone{ border:1px solid #ddd; padding:20px;}
.service-contact .block{ margin:auto;}
.service-contact .block-header h2 { font-size:1.65em;}
.service-contact .block-form .field-wrapper{ margin-bottom:10px;}

.layout-home .description-title{ padding-bottom:0; }
.description-title{ padding-bottom:75px; }
.description-title .line-1{ font-weight:400;font-size:2.1em; line-height:1em; display:block;}
.description-title .line-2{ font-weight:bold; color:#3088f4; font-size:3.5em; line-height:1em;display:block; margin-bottom:5px;}
.description-title .line-3{font-size:1.65em; line-height:1em;display:block;}
.description-title .line-phone { font-size: 2em; font-weight: 500; line-height: 1.25em; }

.block.service-important .block-header h2{ font-size:1.65em; margin-bottom:5px;}
.block.service-important .block-content sub { font-size: 92%; color: #565656; position: static; }
/*/////////////////////////////MODULE//////////////////////////////*/
/*============================NAVIGATION===========================*/
.w-nav{ background-color:transparent; z-index:100;}
.appointment-link{ color:#3088f4; font-weight:bold;}
.appointment-link:hover{ color:#000; font-weight:bold;}
.cart-link { text-indent:-5000px;}
.cart-link::after { display:none;}
.nav-link{ padding:15px 20px;}
.nav-link::after, .nav-dropdown-toggle::after, .nav-dropdown-toggle.w--open::after, .nav-dropdown-link::after{transition:all 200ms; content:" "; width:0; height:2px; background-color:#3088f4; position:absolute; bottom:0; left:0; z-index:0;}
.nav-link:hover::after, .nav-dropdown-toggle:hover::after, .nav-dropdown-toggle.w--open::after, .nav-dropdown-link:hover::after{ width:100%;}
.nav-link.cart-link .item-count { position: absolute; top: 3px; right: 0px; display: inline-block; width: 1.5em; height: 1.5em; color: white; text-indent: initial; font-weight: 500; line-height: 1.5em; font-size:15px; text-align: center; border: 1px solid; border-radius: 50%; background-color: #E41E3F; }
.nav-link.cart-link { position: relative; }
.nav-dropdown-toggle{ position:relative; padding:15px 40px 15px 30px;}
.nav-dropdown-toggle:hover a, .nav-dropdown-toggle:hover{ color:#3088f4;}
.nav-icon-dropdown-toggle{ margin-right:10px; display: inline;font-family: FontAwesome; font-style: normal; font-size: 1rem; font-weight: normal; text-indent: 0px; -webkit-font-smoothing: antialiased;}
.nav-icon-dropdown-toggle::before{ content: "\f107";}

.section-main-bar .nav-dropdown-list{ background-color:#3088f4;}
.section-main-bar .nav-dropdown-link{color:#fff; font-size:.85em; padding:15px;}
.section-main-bar .nav-dropdown-link::after{ display:none;}
.section-main-bar .nav-dropdown-link:hover{ background-color:#fff; color:#3088f4;}

.section-main-bar .w-nav-menu li{ list-style-type: none; display: inline-block; }
.section-main-bar .lang-select { display: none; }

/*.block-navigation .w-dropdown:hover .w-dropdown-list { display:block; }*/
.w-dropdown-list.nav-dropdown-list.w--open li, .w-dropdown-list.nav-dropdown-list.w--open a {
    display: block;
}

/*------------PANEL TRIGGER------------*/
.menu-button{position: absolute; top: 0px; right:25px; bottom: 0px; display: none; border:2px solid #3088f4; width: 50px; height: 50px; margin-top: auto; margin-bottom: auto; padding: 0px;  line-height: 70px;  text-align: center;}
.menu-button:hover{ border-color:#000;}
.hamburger-line { transition:all 200ms; position: absolute; left: 30%; top:calc(50% - 1px); display: block; width: 40%; height: 2px; margin-top: 0px; background-color: #3088f4;}
.hamburger-line.last-line {  margin-top: 5px;}
.hamburger-line.first-line { margin-top: -5px;}
.hamburger-line.white-line { width: 0%; background-color: #000;  }
.menu-button:hover .hamburger-line {}
.menu-button:hover .hamburger-line.white-line {  width: 40%;}
/*----------------JPANEL-------------------*/
#full-site-container { position:relative; left:0; max-width:2400px; margin:0 auto; }
#left-panel-menu {
    position: fixed;
    top: 0;
    left: -250px;
    bottom: 0;
    width: 250px;
    z-index: 1000;
    background:#2d383d;

    overflow: auto;
    /*opacity: 0;*/
    -webkit-transition-property:left;
    -moz-transition-property:left;
    -ms-transition-property:left;
    -o-transition-property:left;
    transition-property:left;
    -webkit-transition-duration:333ms;
    -moz-transition-duration:333ms;
    -ms-transition-duration:333ms;
    -o-transition-duration:333ms;
    transition-duration:333ms;
    -webkit-transition-timing-function:cubic-bezier(0.1,0.7,0.7,1);
    -moz-transition-timing-function:cubic-bezier(0.1,0.7,0.7,1);
    -ms-transition-timing-function:cubic-bezier(0.1,0.7,0.7,1);
    -o-transition-timing-function:cubic-bezier(0.1,0.7,0.7,1);
    transition-timing-function:cubic-bezier(0.1,0.7,0.7,1);
}

#left-panel-menu.notransition {
    -webkit-transition-duration: 0 !important;
    -moz-transition-duration: 0 !important;
    -ms-transition-duration: 0 !important;
    transition-duration: 0 !important;

    -webkit-transition-delay: 0 !important;
    -moz-transition-delay: 0 !important;
    -ms-transition-delay: 0 !important;
    transition-delay: 0 !important;
}

#left-panel-menu.active {
    left:0px;
}

#full-site-container:before {
    content : ' ';
    opacity: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.1,0.7,0.7,1);
    -moz-transition: opacity 0.5s cubic-bezier(0.1,0.7,0.7,1);
    -o-transition: opacity 0.5s cubic-bezier(0.1,0.7,0.7,1);
    transition: opacity 0.5s cubic-bezier(0.1,0.7,0.7,1);
}
#left-panel-menu.active + #full-site-container:before {
    display:block;
    position:fixed;
    opacity:1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:75;
    width:100%;
    height:100%;
    background-color:rgba(55,69,78,.65);
}
#left-panel-menu .nav-menu{ margin:0 0 35px 0; float:none;}
#left-panel-menu .nav-link::after, #left-panel-menu .w-dropdown-toggle::after{}
#left-panel-menu .nav-dropdown { display:block;}
#left-panel-menu .w-dropdown-toggle::after{ display:none;}
#left-panel-menu .w-dropdown-toggle{padding: 15px 20px; color:#fff; width: 100%;cursor: default;}
#left-panel-menu .nav-dropdown.no-dropdown .w-dropdown-toggle{padding: 0; color:#fff;}
#left-panel-menu .nav-dropdown.no-dropdown .w-dropdown-toggle a{ display:block;padding: 15px 20px; color:#fff;}
#left-panel-menu .nav-dropdown.no-dropdown .w-dropdown-toggle::after{ display:block;}
#left-panel-menu .nav-dropdown.no-dropdown .nav-icon-dropdown-toggle{ display:none;}
#left-panel-menu .nav-icon-dropdown-toggle{ margin-right:10px;}
#left-panel-menu .w-dropdown-toggle a{ color:#fff;}
#left-panel-menu .w-dropdown-list{ position:static; display:block; background-color:#3c4a51; color:#fff;}
#left-panel-menu .w-dropdown-list .nav-dropdown-link{  color:#fff;}
#left-panel-menu .lang-switcher .nav-menu li { display:inline-block;}
#left-panel-menu .nav-link{display:block; font-size:1em; color:#fff; padding: 15px 20px;}
#left-panel-menu .nav-link.link-cart{ padding-left:45px;}
#left-panel-menu .sitemap-cart-link{ background-color:#2d383d; text-indent:0; width:100%; height:auto; line-height:1.25em;padding: 15px 20px 15px 50px; margin:0; background-position: 20px 50%; background-image: url(../image/icon-cart.svg); background-size: 20px; background-repeat: no-repeat; color: #fff; font-size:inherit; font-weight:normal;}
#left-panel-menu .sitemap-promo-link{ background-color:#2d383d; text-indent:0; width:100%; height:auto; line-height:1.25em;padding: 15px 20px 15px 60px; margin:0; background-position: 20px 50%; background-image: url(../image/icon-promo.svg); background-size: 20px; background-repeat: no-repeat; color: #fff; font-size:inherit; font-weight:normal;}
#left-panel-menu .sitemap-cart-link:hover{ color:#fff;}
#left-panel-menu .sitemap-promo-link:hover{ color:#fff;}
#left-panel-menu .w-dropdown-toggle:hover,
#left-panel-menu .w-dropdown-toggle:hover a,
#left-panel-menu .nav-link:hover,
#left-panel-menu .w-dropdown-list .nav-dropdown-link:hover{ color:#3088f4;}
#left-panel-menu .w-dropdown-toggle:hover { color: white; }
/*------------NAV PANEL------------*/
.tabbed-blocks-navigation{ padding-top:25px !important; padding-bottom:0px !important; margin-bottom:-1px;}
.tabbed-blocks-navigation .block-content ul{padding:0; margin:0; background-color:transparent; }
.tabbed-blocks-navigation .block-content ul::after{ content:" "; width:0; height:0; display:block; visibility:hidden; clear:both; overflow:hidden; }
.tabbed-blocks-navigation .block-content ul li{ float:left; padding:0; margin:0; }
.tabbed-blocks-navigation .block-content ul li::before{ content:""; display:none;}
.tabbed-blocks-navigation .block-content ul li a{ display:block; border:1px solid #ccc; background-color:#eee; border-right:none; padding:15px 20px; font-weight:bold;}
.tabbed-blocks-navigation .block-content ul li a:hover{ background-color:#000; color:#fff;}
.tabbed-blocks-navigation .block-content ul li a.active, .tabbed-blocks-navigation .block-content ul li a:hover.active{ color:#000; border-bottom-color:#fff; background-color:#fff;}
.tabbed-blocks-navigation .block-content ul li:last-child a,
html[data-region='other']:not(.cms-edit) .tabbed-blocks-navigation .block-content ul li.other-region-last a { border-right:1px solid #ccc;}
.tabbed-blocks-navigation .block-content ul li a.appointment{ background-color:#3088f4; color:#fff;}
.tabbed-blocks-navigation .block-content ul li a.appointment:hover{ background-color:#000; color:#fff;}
.block.tab{ border-top:1px solid #ccc; padding-top:50px !important;}
/*----------------SITEMAP-------------------*/
.col-sitemap .nav-menu{ float:none; display:block; }
.col-sitemap .nav-dropdown{ width:25%; display:block; float:left; padding:15px;}
.col-sitemap .nav-dropdown .nav-dropdown-toggle{display: block; margin-bottom: 25px; padding: 5px 0; color: #000; font-weight: 700; }
.col-sitemap .nav-dropdown .nav-dropdown-toggle::after{display: none;}
.col-sitemap .nav-dropdown .nav-icon-dropdown-toggle{ display:none;}
.col-sitemap .nav-dropdown .nav-dropdown-list{ position:static; display:block; background-color: transparent;}
.col-sitemap .nav-dropdown .nav-dropdown-list .nav-dropdown-link{  display: block; padding: 5px 0; color: #000; font-size: 0.85em; white-space:normal; line-height:1.15em;}
.col-sitemap .nav-dropdown .nav-dropdown-list .nav-dropdown-link::after{  display: none; }
.col-sitemap .nav-dropdown .nav-dropdown-toggle:hover,
.col-sitemap .nav-dropdown .nav-dropdown-toggle:hover a,
.col-sitemap .nav-dropdown .nav-dropdown-list .nav-dropdown-link:hover{ color:#3088f4;}
.nav-dropdown .nav-dropdown-list .nav-dropdown-link.sitemap-cart-link   { margin-bottom:10px; padding-top: 5px; padding-bottom: 10px; padding-left: 40px; background-position: 0px 50%; background-image: url(../image/icon-cart.svg); background-size: 30px; background-repeat: no-repeat; color: #3088f4; font-size:1em; font-weight:bold;}
.nav-dropdown .nav-dropdown-list .nav-dropdown-link.sitemap-cart-link:hover  {background-image: url(../image/icon-cart-hover.svg); color: #000;}
.col-sitemap .nav-dropdown.no-dropdown .nav-dropdown-toggle a{ color:#3088f4;}
.col-sitemap .nav-dropdown.no-dropdown .nav-dropdown-toggle:hover a{ color: #000;}

.nav-dropdown .nav-dropdown-list .nav-dropdown-link.sitemap-promo-link   { padding-top: 10px; padding-bottom: 10px; padding-left: 40px; background-position: 5px 50%; background-image: url(../image/icon-promo.svg); background-size: 25px; background-repeat: no-repeat; color: #3088f4; font-size:1em; font-weight:bold;}
.nav-dropdown .nav-dropdown-list .nav-dropdown-link.sitemap-promo-link:hover  {background-image: url(../image/icon-promo-hover.svg); color: #000;}
/*============================LISTE===========================*/
.block-list .block-content .field-wrapper.empty{ display:none;}
.block-list li .block-subfooter { padding-top:25px;}
.block-list li .block-subfooter a{ border-radius:0; background:none; padding: 5px 25px; border: 2px solid #3088f4; background-color: transparent; color: #3088f4; font-size: 0.85em; text-transform: none; font-weight: bold; text-shadow: none;}
.block-list li .block-subfooter a:hover{border: 2px solid #fff; color: #fff; }
.block-list li .field-wrapper label{ font-size:1em; text-transform:uppercase;}
/*----------------opacité-------------------*/
.block-list .field-wrapper{  margin:0; padding:0 ; }
.block-list.list-opacity { padding:0 !important; }
.block-list.list-opacity .block-header h2 { margin-bottom:0;}
.block-list.list-opacity li{ width:25%; float:left; margin:0; padding:0; }
.block-list.list-opacity li .block-subcontent{ position: relative; overflow:hidden;}
.block-list.list-opacity li .block-subcontent .list-opacity-photo{ width:100%; height:0; padding-bottom:100%; position:relative; overflow:hidden;}
.block-list.list-opacity li .block-subcontent .list-opacity-photo img{ z-index:10; width:100%; max-width:none; height:auto; position:absolute; top:0; left:0;}
.block-list.list-opacity li .block-subcontent .list-opacity-value{ z-index:50; transition:all 200ms; position:absolute; bottom:0; left:0; width:100%; height:25%; background-color:rgba(160,114,56,.90);  padding:10px 25px; font-family: Kreon, sans-serif; color: #fff; font-size:3.5em; line-height: 1em;}
.block-list.list-opacity li .block-subfooter{ display:none;}

/*----------------SERVICE À DOMICILE.-------------------*/
.section-list{ padding:50px 0; background-color:#2d383d; text-align:center; color:#fff;}
.block-list.list-service .block-header{  margin-bottom:50px;}
.block-list.list-service.commercial{ background-color:#eee;}
.block-list.list-service .block-header .block-title{color:#fff;}
.block-list.list-service .block-content{ width:95%; margin:auto; max-width:1280px;}
.block-list.list-service ol{}
.block-list.list-service li{ width:25%; float:left; padding:0 20px; flex-grow:0; }
.block-list.list-service li .list-service-photo { margin-top:20px; background-color:#3c4a51; padding:10px; border-radius:50%; }
.block-list.list-service li .list-service-photo .value { width:100%; height:0; padding-bottom:100%; overflow:hidden; position:relative; border-radius:50%; }
.block-list.list-service li .list-service-photo .value img { width:100%; height:auto; position:absolute; top:0; bottom:0; left:-50%; right:-50%; margin:auto; max-width:none; }
.block-list.list-service li .list-service-title .value { font-size:1.75em; font-family: Kreon, sans-serif; margin-bottom:5px;}
.block-list.list-service li .list-service-desc .value { }

.block-list.list-service.commercial{text-align:center; background-color:#eee;}
.block-list.list-service.commercial li{ width:25%; float:left; padding:0 20px; }
.block-list.list-service.commercial li .list-service-photo {background-color:#ddd; }
/*----------------F.A.Q.-------------------*/
.block-list.list-FAQ li { margin-bottom:50px;}
.block-list.list-FAQ li .list-FAQ-question{ padding-left:40px; position:relative; font-family: Kreon, sans-serif;color:#3088f4;  font-size:1.5em; margin-bottom:15px;}
.block-list.list-FAQ li .list-FAQ-question::before{ content:"Q"; position:absolute; top:0; left:0;color:#3088f4; font-size:1.75rem;}
.block-list.list-FAQ li .list-FAQ-answer{padding-left:40px; position:relative;}
.block-list.list-FAQ li .list-FAQ-answer::before{ content:"R"; position:absolute; top:3px; left:0; font-family: Kreon, sans-serif; color:#3088f4; font-size:1.75rem; margin-bottom:10px;}
.block-list.list-FAQ li .block-subfooter{ display:none;}
/*----------------POPUP PROMOTIONS -------------------*/
.popup .block-list li{ margin:25px 0;}
.popup .block-list li .list-promo-small{ }
.popup .block-list li .list-promo-big{ color:#fff; }
.popup .block-list li .list-promo-condition{ display:block; font-size:.75em; }

.popup .block-list li .list-promo-date label,
.popup .block-list li .list-promo-date .value{ color:#fff;  font-size:.75em;  }
.popup .block-list li .list-promo-date .value{ font-weight:bold;  }
.popup .block-list li .list-promo-terms, .popup .block-list li .list-promo-details { display:none;}
.popup .popup-footer a.is-button:hover{ border-color:#fff; color:#fff;}
/*----------------PROMOTIONS -------------------*/
.block-list.list-promo { padding: 0; }
.block-list.list-promo .list ol > li{ margin: 75px 0; }
.block-list li .list-promo-small{ }
.block-list li .list-promo-big{ color:#3088f4; margin: 10px auto; font-family: Kreon; font-size: 2.5em; font-weight: bold; line-height: 1em; }
.block-list li .list-promo-date{ margin:15px 0;}
.block-list li .list-promo-date label,
.block-list li .list-promo-date .value{ text-transform:none; font-weight:normal;display:inline;  }
.block-list li .list-promo-date .value{ font-weight:bold;  }
.block-list li .list-promo-condition { display:none; margin-bottom:15px;}
.block-list .block-content .field-wrapper.list-promo-condition ul{ padding:0; background-color: transparent; }
.block-list .block-content .field-wrapper.list-promo-condition ul li{padding:0; }
.block-list .block-content .field-wrapper.list-promo-condition ul li::before{ display:none;}
.block-list li .list-promo-terms {margin:25px 0;}
.block-list li .list-promo-details {margin:25px 0;}
.block-list li .list-promo-terms label,
.block-list li .list-promo-details label { text-transform:none; font-weight:bold; font-size:1.25em; color:#000; border-bottom:1px solid #000; margin-bottom:20px; margin-top:0;}
.block-list li .block-subfooter { display:none;}
/*-------------------DÉPOSITAIRE----------------------*/
.list-brand{ padding-top:75px;}
.list-brand .block-list .block-header{ text-align:center;}
.list-brand .block-list .block-header .block-title{ font-size:1.65em; color:#3088f4; margin-bottom:0;}

.list-brand .block-list li{ display:block; width:20%; float:left;}
.list-brand .block-list .block-content li .value{ width:100%; padding-bottom:100%; height:0; position:relative;}
.list-brand .block-list .block-content li .value{ width:100%; padding-bottom:100%; height:0; position:relative;}
.list-brand .block-list .block-content li .value a{ width:100%; height:100%; display:block;position:absolute; top:0; left:0; }
.list-brand .block-list .block-content li .value img{ max-width:none; width:70%; height:70%; position:absolute; top:0; left:-50%; right:-50%; bottom:0; margin:auto;}
/* LISTING DES PRODUITS*/
.layout-product-details #sambox-title{opacity:0.0}
.layout-product-details .section-content .zone-content > .block > [class*="block-"]{ width: 100%; max-width: 100%; }
.layout-product-details .section-content .block { padding: 0; }
.layout-product-details .block-list .section { padding: 0; }
.layout-product-details .block-list .section.formatted-content h3 { margin-top: 45px; }
.layout-product-details .block-list .section.formatted-content h4 { padding: 0 30px; margin-top: 45px; font-weight: 500; border: none; }
.layout-product-details .block-list .section.formatted-content p { display: flex; padding: 0 30px; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.layout-product-details .block-list .section.formatted-content a { color: #3088f4; font-size: .85em; font-weight: bold; }
.layout-product-details .block-list .section.formatted-content a::after { content: '\f0da'; display: inline-block; margin-left: 15px; margin-top: -1px; font-family: FontAwesome; font-size: 1.25em; line-height: 1.25em; vertical-align: middle; }
.layout-product-details .block-list .section.formatted-content a:hover { color: black; }
.layout-product-details .block-list .section.top { display: flex; }
.section.top .left-col { background-size: cover; background-repeat: no-repeat; }
.section.top .right-col { padding: 0; text-align: right; }
.section.top .right-col .infos { max-width: 640px; padding: 60px; padding-top: 120px; padding-left: 8vw; }
.section.top .right-col .infos .product-name { margin-bottom: 30px; font-family: Raleway, sans-serif; font-size: 1.25em; font-weight: bold; }
.section.top .right-col .motorization-offered { max-width: 270px; padding-left: 70px; margin: auto; margin-right: 0; color: #ff005a; position: relative; }
.section.top .right-col .motorization-offered::before { content: ' '; position: absolute; top: 4px; left: 0; width: 60px; height: 60px; background-image: url(../image/icon-motorization-noborder.png); background-size: 22px auto; background-position: center; background-repeat: no-repeat; border: 2px solid #ff005a; border-radius: 50%; }
.section.top .right-col .motorization-offered a { display: block; margin-top: 7px; color: #ff005a; font-weight: bold; }
.section.top .right-col .motorization-offered a::after { content: '\f0da'; display: inline-block; margin-left: 13px; font-family: FontAwesome; font-size: 1.25em; line-height: 1.25em; vertical-align: middle; }
.section.top .right-col .motorization-offered a:hover { color: black; }
.section.top .right-col .is-button { margin-top: 30px; }
.layout-product-details .block-list .section.shipping-services { background-color: #a07238; text-align: center; }
.layout-product-details .block-list .section.shipping-services a { display: block; padding: 14px; color: white; }
.layout-product-details .block-list .section.shipping-services a span::before { content: ' / '; }
.layout-product-details .block-list .section.shipping-services a span::after { content: '\f0da'; font-family: FontAwesome; line-height: 1em; display: inline-block; margin-left: 30px; padding: 5px 10px; border: 1px solid; }
.layout-product-details .block-list .section.shipping-services a:hover { opacity: .75; }
.layout-product-details .block-list .section.promos { padding: 45px; text-align: center; background-color: #2d383d; color: white; }
.layout-product-details .block-list .section.promos .content { max-width: 360px; margin: auto; }
.layout-product-details .block-list .section.promos .content .large { margin: 10px auto; font-family: Kreon; font-size: 2.15em; font-weight: bold; line-height: 1em; }
.layout-product-details .block-list .section.promos .content .conditions-apply { color: #3080e3; }
.layout-product-details .block-list .section.promos .content .conditions-apply::before { content: '*'; }
.layout-product-details .block-list .section.content { margin-top: 45px; }
.layout-product-details .block-list .section.content .product-page-content { width: 95%; max-width: 1280px; margin: auto; }
.layout-product-details .block-list .section.content .product-page-content img { width: 23%; height: auto; margin: 2.5% 1.25%; margin-bottom: auto; cursor: pointer; }
.layout-product-details .block-list .section.content .product-page-content img:nth-of-type(4n) { margin-right: 0; }
.layout-product-details .block-list .section.content .product-page-content img:nth-of-type(4n+1) { margin-left: 0; }
.layout-product-details .block-list .section.content .product-page-content img:nth-of-type(4n+2):last-child { margin-right: 51.333%; }
.layout-product-details .block-list .section.content .product-page-content img:nth-of-type(4n+3):last-child { margin-right: 25.666%; }
.layout-product-details .block-list .section.toolbox { width: 95%; max-width: 1280px; margin: auto; }
.layout-product-details .block-list .section.toolbox a { margin-top: 10px; }
.layout-product-details .block-list .section.motorization { margin-top: 120px; padding: 45px 0; text-align: center; background-color: #3c4a51; color: white; }
.layout-product-details .block-list .section.motorization .icon { display: inline-block; width: 70px; height: 70px; margin-bottom: 25px; background-image: url('../image/icon-motorization-noborder.png'); background-size: auto 45px; background-repeat: no-repeat; background-position: center; border-radius: 50%; border: 2px solid #ff005a; }
.layout-product-details .block-list .section.motorization .title { font-family: Kreon; font-size: 3em; line-height: 1.35em; }
.layout-product-details .block-list .section.motorization .view-more { margin-top: 30px; font-size: 1.15em; line-height: 1.5em; color: white; border-color: white; }
.layout-product-details .block-list .section.motorization .view-more::after { margin-left: 45px; }
.layout-product-details .block-list .section.motorization .view-more:hover { color: #ff005a; border-color: #ff005a; }
/* Pages de détails de produit: Bloc de photos */
.layout-product-details .section-content .block-photo .block-header h2 { width: 95%; max-width: 1280px; margin: auto; margin-top: 90px; margin-bottom: 30px; padding-bottom: 15px; font-size: 1.25em; font-family: Raleway, sans-serif; font-weight: bold; border-bottom: 2px solid; }
.layout-product-details .section-content .block-photo ol li { float: left; width: 16.66%; padding:0 ; margin:0; transition: all .2s ease; }
.layout-product-details .section-content .block-photo-four-cols ol li { width: 25%; }
.layout-product-details .section-content .block-photo ol li .image { width:100%; height:0; padding-bottom:75%; position:relative; overflow:hidden;}
.layout-product-details .section-content .block-photo ol li .image img { width:100%; height:auto; position:absolute; top:0; left:-50%; right:-50%; bottom:0; margin:auto; }
/*.layout-product-details .section-content .block-photo ol li * {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}*/
.layout-product-details .section-content .block-photo ol li:hover { opacity: .75; }
.layout-product-details .section-content .product-order-form { width: 95%; max-width: 1280px; margin: auto; padding: 120px 0; }


/*[lang="en-US"] .block-products-list .list .item:nth-child(-n + 3) .basic::after{ content: 'Best seller';}*/
.block-products-list .block-header h2 { font-family:Kreon, sans-serif; font-size:2em; line-height: 1.15em; }
.block-products-list .category-title { text-align:center; padding:50px 0; font-family:Kreon, sans-serif; font-size:2em; line-height: 1.15em;}
.block-products-list .category-title .subtitle,
.block-products-list .category-title + .subtitle { font-size: .75em; line-height: 1.75em; color: #3088f4; text-align:center; }
.block-products-list .list { display: flex; flex-wrap:wrap; padding:0 10px; }
.landing .block-products-list .list { margin-top:0; }
.echantillons .block-products-list .list {
    width: calc(100% + 20px);
    margin-left: -10px;
}
.block-products-list .list .item{
    width: calc(25% - 20px);
    margin: 10px;
    height: 25vh;
    min-height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}
.block-products-list .list div.product:hover { cursor: pointer; }
.block-products-list .list .item > div { display: flex; flex-direction: row; position: absolute; top: 0; left: 0; width: 100%; height: 100%; justify-content: center; align-items: center; transition: all .5s ease; }
.block-products-list .list .item > div.basic { flex-wrap: wrap; align-content: center; }
.block-products-list .list .item > div.basic .title {  width: 100px; text-align: center; color: white; font-size: 1em; font-weight: bold; position: relative; z-index: 1; }
.block-products-list .list .item > div.basic::before { content: ' '; position: absolute; top: calc(50% - 62.5px); left: calc(50% - 62.5px); display: block; width:125px; height:125px; border-radius: 50%; background-color: #a07238; z-index: 0; }
.block-products-list .list .item:hover > div.basic { top: -100%; }
.block-products-list .list .item:hover > div.overlay { top: 0; }
.mobile .block-products-list .list .item:hover > div.basic { top:0%; cursor: }
.mobile .block-products-list .list .item:hover > div.overlay { top: 100%; }

.block-products-list .list .item > div.overlay { top: 100%; padding: 20px; flex-wrap: wrap; align-items: center; background-color: rgba(60,74,81,.85); color: white; text-align: center; }
.block-products-list .list .item > div.overlay .title { width:100%; font-size: 16px; line-height: 1em;font-weight:bold;}
.block-products-list .list .item > div.overlay .subtitle { font-size: .9em; font-weight: 500; padding-bottom:0; }
.block-products-list .list .item > div.overlay .description {width:100%;  font-size:12.5px; line-height: 1.25em; }
.block-products-list .list .item > div.overlay .description p { margin-bottom:5px; }
.block-products-list .list .item > div.overlay .is-button { color: #c59457; border-color: #c59457;}
.block-products-list .list .item > div.overlay .is-button:hover { color: #fff; border-color: #fff;}
#block-star_products.block-products-list .list .item > div.overlay .subtitle {padding-bottom:0;}
.block-products-list .list .item.items-on-demand { flex-grow: 1; }
.block-products-list .list .item.items-on-demand > div.basic { top: -100%; }
.block-products-list .list .item.items-on-demand > div.overlay { top: 0; background-color: rgba(60,74,81,1);  }
/*PRODUITS VEDETTES*/
/* LISTING DES PRODUITS*/
.block-products-list .list .item .basic .corner-promo{ text-indent:0; position: absolute; top: 0px; right:-50%; z-index:50; text-align:center; width:100%; max-width:100%; height:85px; padding-top:30px; padding-bottom:0; background:none; background-color:#b41717; color: white;  font-weight: 500;text-transform: uppercase;
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
transform: rotate(45deg);
transform-origin: top center;
}
.block-products-list .list .item .basic .corner-promo .number{ display:block; margin:auto; font-size:1.6em; font-weight:bold; line-height:1em;}
.block-products-list .list .item .basic .corner-promo .explanation{ display:block; margin:auto; font-size:.75em;}

.layout-home .block-products-list .category-title { text-align:center; padding:50px 0; font-family:Kreon, sans-serif; font-size:2em; line-height: 1.15em;}
.layout-home .block-products-list .list .item { width:calc(25% - 20px);  }
/*.layout-home .block-products-list .list .item:last-child { display:none;}*/

.block-catalogs { overflow: hidden; }
.tooltip a { font-weight: 500; color: white; text-decoration: underline; }
.tooltip a:hover { color: #3088f4; }
.block-catalogs.block-product .block-content .product .product-wrapper::after {content: ' ';display: block;clear: both;}
.block-catalogs.block-product .block-content .attribute-wrapper.color .samples-unavailable { margin-top: 25px; display: inline-block; padding: 5px 0; color: #e20000; font-size: .85em; font-weight: 500; }
.block-catalogs.block-product .block-content .attribute-wrapper.color .samples-unavailable::before {content: '\f057';font-family: FontAwesome;margin-right: 5px;}
.block-catalogs.block-product .block-content .product .section.additional-infos { width: 95%; max-width: 1280px; margin: auto; }
.block-catalogs.block-product .actual-price + .attribute-wrapper{display:none}
.block-catalogs.block-product .block-content .product .section.additional-infos .content { padding-bottom: 60px; }
.block-catalogs.block-product .block-content .product .section.additional-infos > a.more-infos { display: block; margin-bottom: 30px; text-align: center; font-size: 1.15em; font-weight: 500; }
/*.block-catalogs.block-product .block-content .product .section.additional-infos > a.more-infos::before {content: '\f128';display: block;width: 52px;height: 52px;padding:3px;margin: auto;margin-bottom: 10px;text-align: center;border: 1px solid;font-family: FontAwesome;font-size: 36px;line-height: 1.25em;border-radius: 50%;}*/
.block-catalogs.block-product .block-content .product .section.additional-infos > a.more-infos::after {content: '\f0d7';font-family: FontAwesome;display: block;margin-left: 5px; transition: transform .5s ease; }
.block-catalogs.block-product .block-content .product .section.additional-infos.open > a.more-infos::after {transform: rotate(180deg); }
/* Preview des couleurs */
#main-content .block-catalogs.block-product .block-content .product .attribute-wrapper.color .value li { /*position: relative;*/ }
#main-content .block-catalogs.block-product .block-content .product .attribute-wrapper.color .value li .preview-wrapper { text-align: center; padding-top: 2px; padding-right: 2px; }
#main-content .block-catalogs.block-product .block-content .product .attribute-wrapper.color .value li .preview-wrapper .preview { position: absolute; top: -135%; width: 300px; max-width: 50vw; padding: 10px; margin-left: -100px; background-color: white; box-shadow: 0 0 5px rgba(0,0,0,.25); pointer-events: none; -ms-pointer-events: none; opacity: 0; z-index: 100; transition: all .5s ease; }
#main-content .block-catalogs.block-product .block-content .product .attribute-wrapper.color .value li .preview-wrapper .preview img { width: 100%; margin-bottom: 10px; }
#main-content .block-catalogs.block-product .block-content .product .attribute-wrapper.color .value li .preview-wrapper .preview .title { font-weight: 500; color: #808080; }
#main-content .block-catalogs.block-product .block-content .product .attribute-wrapper.color .value li .preview-wrapper .preview .short-description { color: #a9a9a9; }
#main-content .block-catalogs.block-product .block-content .product .attribute-wrapper.color .value li .preview-wrapper .preview-trigger { display: inline-block; margin-top: 5px; width: 1.20em; height: 1.20em; padding: 0.10em; font-size: .85em; color: #656565; line-height: 1.10em; border: 1px solid; border-radius: 50%; box-sizing: content-box; cursor: pointer; }
#main-content .block-catalogs.block-product .block-content .product .attribute-wrapper.color .value li .preview-wrapper .preview-trigger i { position: relative; top: 1px; }
#main-content .block-catalogs.block-product .block-content .product .attribute-wrapper.color .value li .preview-wrapper .preview-trigger:hover { color: #3088f4; transition: all .25s ease; }
#main-content .block-catalogs.block-product .block-content .product .attribute-wrapper.color .value li .preview-wrapper .preview-trigger:hover + .preview { opacity: 1; display:flex; }


/* Désactivation des codes promos dans le cart */
.block-catalogs.block-carts .block-content > .promo-code { display: none; }
/*.block-catalogs.block-carts .view.is-button {display:none;}*/

/* Désactivation des spacers pour certains produits */
#main-content .block-product #product-37 .attribute-wrapper.spacer,
#main-content .block-product #product-61 .attribute-wrapper.spacer,
#main-content .block-product #product-69 .attribute-wrapper.spacer,
.block-catalogs.block-product .block-content #product-37 .section-media .dynamic-summary table tr.spacer,
.block-catalogs.block-product .block-content #product-61 .section-media .dynamic-summary table tr.spacer,
.block-catalogs.block-product .block-content #product-69 .section-media .dynamic-summary table tr.spacer { display: none; }
/* Désactivation du type de store pour les toiles alternées (simple/double) */
#main-content .block-product .product#product-37 .attribute-wrapper.userselect.type,
.block-catalogs.block-product .block-content #product-37 .section-media .dynamic-summary table tr.type { display: none; }

.block-catalogs.block-product .section-reviews {padding-top:40px;background: #eee;}
.block-catalogs.block-product .section-album {padding:40px 0;background: #eee;}

.block-catalogs.block-product .section-album .preview{display:none}
.block-catalogs.block-product .block-single-album {margin: 0 auto 40px auto; max-width: 95%;;}
.block-catalogs.block-product .block-single-album .list .category .list .preview {text-align:center;}
.block-catalogs.block-product .block-single-album .list .category .list ul {text-align:center;}
.block-catalogs.block-product .block-single-album .list .category .list li {float:none; max-width:20%; width:95%; display:inline-block;margin: 0;padding: 5px;}
.block-catalogs.block-product .block-single-album .list .category .list img {height: auto; max-width: 100%; max-height: 250px; width: auto;}

.block-catalogs.block-product .section-measurement .block-title,
.block-catalogs.block-product .section-configurator .block-title {font-size: 1.65em;color: #3088f4; margin-bottom: 0;display: block; text-align:center; color:#fff; margin-bottom: 25px;}
.block-catalogs.block-product .section-measurement .block-title h2,
.block-catalogs.block-product .section-configurator .block-title h2{ font-size: inherit; color: inherit;}
.block-catalogs.block-product .section-measurement { background:#2d383d; color:#fff;padding: 40px 0; }
.block-catalogs.block-product .section-measurement .popup.static {display:block; position:static; width:auto; opacity: 1.0;width:95%;max-width: 1280px;margin:auto }
.block-catalogs.block-product .section-measurement .popup .popup-content,
.block-catalogs.block-product .section-configurator .popup .popup-content { position: static; width: auto; max-width: none; max-height: none; padding:0; margin: 0; background-color: transparent; }
.block-catalogs.block-product .section-measurement .popup.open .popup-content,
.block-catalogs.block-product .section-configurator .popup.open .popup-content { overflow-y:scroll; height:100%; margin-bottom:20px;  }
.block-catalogs.block-product .section-measurement .popup.static .close-button-container { display:none; }

.block-catalogs.block-product .section-video {padding:40px 0;background: #eee;}
.block-catalogs.block-product .section-video .block-title {    font-size: 1.65em; color: #3088f4; margin-bottom: 0;text-align:center; padding:6px 0 18px 0;}
.block-catalogs.block-product .section-video .block-title h2 {font-size: inherit; color: inherit;}

.block-catalogs.block-product .section-fulltext { background: #fff; color: #2d383d; line-height:1.5em;padding: 40px 0; }
.block-catalogs.block-product .section-album.empty + .section-fulltext { background: #eee; }
.block-catalogs.block-product .section-fulltext .block-title { font-size: 1.65em; display: block; text-align: center; margin-bottom: 40px; }
.block-catalogs.block-product .section-fulltext .block-title h2,
.block-catalogs.block-product .section-fulltext .block-product-detail-text h1 {font-size: inherit; color: inherit;}
.block-catalogs.block-product .section-fulltext .block-product-detail-text .block-content h2 {font-size:1.1em;padding-top:15px; font-weight:bold; border-bottom:1px solid #000; margin-bottom:20px; line-height:1.25em; font-family:'Montserrat', sans-serif;}
.block-catalogs.block-product .section-fulltext .block-product-detail-text .block-content h3 {border-bottom:none; margin-bottom:10px; font-weight:normal; font-size:1em; }
.block-catalogs.block-product .section-fulltext .block-product-detail-text {max-width: 1280px;margin:auto;width:95%;}
.block-catalogs.block-product .section-fulltext .block-product-detail-text .flex-box:first-child { padding-right:40px; }
.block-catalogs.block-product .section-fulltext .block-product-detail-text .flex-box:last-child { padding-left:40px; }
.block-catalogs.block-product .section-fulltext .block-product-detail-text ul h5 { font-size:1em; margin:0; padding:0;}
.block-catalogs.block-product .section-fulltext ul { list-style-type: disc;}
.block-catalogs.block-product .section-fulltext ul li {margin-left:25px; }
.block-catalogs.block-product .section-fulltext h3,
.block-catalogs.block-product .section-fulltext h5 {font-size:1.1em;padding-top:15px;}

.block-catalogs .section-product-footer a.return { display: none; }

/* [mod_catalog] Listing des échantillons */
.block-catalogs.block-product-list .list.product-list li .media .main-media { position: relative; width: 100%; height: 0; padding-bottom: 100%; }

/* Page Livraison gratuite */
.block-livraison-gratuite table { width: 100% !important; }


/* List block success: return button */
.block-list-form.block-success .block-footer a.return::before { content: '\f0d9'; display: inline-block; font-family: FontAwesome; font-size: 1rem; line-height: 1em; margin-right: 15px; vertical-align: middle; position: relative; top: -1px; }
.block-list-form.block-success .block-footer a.return:hover { border-color: black; color: black; }

@media (max-width: 1280px) {
    .brand-link { left:25px;}

    .nav-bar {    padding-right: 25px; padding-left: 25px;}
    .nav-link { padding: 15px 10px;}
    .nav-dropdown-toggle {  padding: 15px 30px 15px 10px;}
    .nav-icon-dropdown-toggle { margin-right: 10px;}
    .nav-link.cart-link{ margin-left:15px;}

    /*-------------------- ACCUEIL-------------------*/
    .flex-box.box-on-demand { display: flex; align-items: center; }
    .flex-box.box-on-demand .on-demand-img{ position:relative;  margin:0 auto 20px auto; }
    .flex-box.box-on-demand .content-wrapper { width: 100%; position:relative; padding-left:0; }
    .options-col { padding: 75px 25px; }
    .options-col .is-button::after {display: none;}

    /* Page Nos stores */
    /*.block-products-list .list .item > div.overlay .title { font-size: 16px; }*/
    .block-products-list .list .item > div.overlay .description { margin: 5px auto; line-height: 1em; }
    .block-products-list .list .item > div.overlay .is-button { position: relative; padding: 5px 15px; }
    .block-products-list .list .item > div.overlay .is-button::after { margin-left: 5px; vertical-align: middle; }

    /* Page Commercial */
    .block-list.list-service .block-content li { width: 25%; }
    .block-list.list-service .block-content li .list-service-title .value { font-size: 1.6em; }
    .block-list.list-service .block-content li .list-service-desc .value { min-height: 2.5em; }
}

@media (max-width: 991px) {
    /*.section {padding-top: 0; padding-bottom:0;}*/
    /*////////////LAYOUT//////////////*/
    .col-business-infos{ width:100%; border:none; padding-right:0; text-align:center;}
    .logo-footer { margin-bottom: 10px;}
    .logo-footer-altex { width: 100%; max-width: none; float: none; }
    .logo-footer-altex img { width: 85px; }
    .business-info {  margin-top: 15px; margin-bottom: 15px;}
    .footer-lang-select { margin-top: 30px;}
    .col-sitemap{ display:none;}
    .section-footer .payment-method-logos.responsive-only { display: block; text-align: center; float: none; width: 100%; margin-top: 30px; }
    .section-footer .payment-method-logos.responsive-only img { width: 50px; max-width: 33.333%; }
    .col-business-infos { float: none; }

    /*==========ACCUEIL=============*/

    .layout-home .zone .block-text .block-content .flex-box:first-child { padding-right:0;}
    .layout-home .zone .block-text .block-content .flex-box:last-child { padding-left:0;}
    .v2 .flex-box.box-choice { min-height:0;}
    .flex-box.box-on-demand .on-demand-img{ position:absolute; margin: auto; width:150px; height:150px; }
    .flex-box.box-on-demand .content-wrapper {padding-left:175px; }

    /*===========NAVIGATION================*/
    .menu-button{ display: block;}
    .mobile-cart {display:block}
    .hamburger-line { left: initial; right: 14px; width: 18.4px; }
    .menu-button:hover .hamburger-line.white-line { width: 18px; }
    .nav-bar .block-navigation{ display:none;}
    #left-panel-menu { width: 300px; left: -300px; }
    #left-panel-menu .nav-button{ display: none;}
    #left-panel-menu .w-nav[data-collapse="medium"] .w-nav-menu{ display:block;}
    #left-panel-menu .lang-switcher .nav-menu { margin: 0; background-color: #3c4a51; }
    #left-panel-menu .lang-switcher .nav-menu a { display: inline-block; padding-right: 10px; }

    /* Page de service à domicile */
    .layout-default .service-content::before { display: none; }
    .layout-default .description-title { padding-bottom: 50px; }
    .layout-default .service-info { padding: 40px 25px; padding-bottom: 0; }
    .layout-default .service-contact { padding: 25px; padding-bottom: 45px; }

    /*============================LISTE===========================*/
    /*-------------------- LISTING DES PRODUITS-------------------*/
    .block-products-list .list { display: flex; flex-wrap:wrap; }
    .layout-home .block-products-list .list .item { width:calc(50% - 20px); height: 20vh; min-height:150px;}

    .block-catalogs.block-product .section-fulltext .block-product-detail-text .flex-box:first-child,
    .block-catalogs.block-product .section-fulltext .block-product-detail-text .flex-box:last-child { padding-left:0; padding-right:0; }
}

@media (max-width:767px) {
    /*//////LAYOUT///////*/

    /*==========GÉNÉRAL=============*/

    /**********ACCUEIL*************/
    .options-col { padding: 25px; }
    .options-col .is-button::after {display: inline-block;}

    .layout-product-details .block-list .section.top { flex-wrap: wrap; }
    .layout-product-details .block-list .section.top .left-col { height: 50vh; }
    .layout-product-details .block-list .section.top .right-col { text-align: left; }
    .layout-product-details .block-list .section.top .right-col .infos { padding: 30px; }
    .layout-product-details .block-list .section.top .right-col .motorization-offered { margin: auto; margin-left: 0; padding-left: 50px; }
    .layout-product-details .block-list .section.top .right-col .motorization-offered::before { width: 40px; height: 40px; background-size: 14px auto; }
    .layout-product-details .block-list .section.shipping-services a strong { display: block; }
    .layout-product-details .block-list .section.shipping-services a span::before { content: ''; }
    .layout-product-details .block-list .section.shipping-services a span::after { display: none; margin: auto; margin-top: 10px; width: 2em; transform: rotate(90deg); }
    .layout-product-details .block-list .section.formatted-content h2 { margin-top: 45px; margin-bottom: 15px; }
    .layout-product-details .block-list .section.formatted-content p { padding: 0; }
    .layout-product-details .block-list .section.content .product-page-content img { width: 48%; margin: 4% 2%; margin-bottom: auto; }
    .layout-product-details .block-list .section.content .product-page-content img:nth-of-type(4n) { margin-right: 2%; }
    .layout-product-details .block-list .section.content .product-page-content img:nth-of-type(4n+1) { margin-left: 2%; }
    .layout-product-details .block-list .section.content .product-page-content img:nth-of-type(2n) { margin-right: 0; }
    .layout-product-details .block-list .section.content .product-page-content img:nth-of-type(2n+1) { margin-left: 0; }
    .layout-product-details .block-list .section.content .product-page-content img:nth-of-type(2n):last-child { margin-right: 0; }
    .layout-product-details .block-list .section.content .product-page-content img:nth-of-type(2n+1):last-child { margin-right: 0; }
    .layout-product-details .block-list .section.motorization { margin-top: 60px; }
    .layout-product-details .block-list .section.motorization .title { font-size: 2em; }
    .layout-product-details .section-content .block-photo .block-header h2 { margin-top: 45px; margin-bottom: 45px; }
    .layout-product-details .section-content .block-photo ol li { width: 50%; }
    .layout-product-details .section-content .block-photo ol li:nth-of-type(4n+1) { border-left: 1px solid white; }
    .layout-product-details .section-content .block-photo ol li:nth-of-type(4n) { border-right: 1px solid white; }
    .layout-product-details .section-content .block-photo ol li:nth-of-type(2n) { border-right: none; }
    .layout-product-details .section-content .block-photo ol li:nth-of-type(2n+1) { border-left: none; }
    #main-content .block-catalogs.block-product .block-content .product .attribute-wrapper.color .value li .preview-wrapper .preview-trigger i { position: static; top: auto; }
    #main-content .block-catalogs.block-product .block-content .product .attribute-wrapper.color .value li .preview-wrapper .preview { top: -145%; }

    /* Page Commercial */
    .block-list.list-service .block-content li {width: 50%;max-width: 50%;}
    .block-list.list-service .block-content li:nth-child(2n+1) { clear: left; }
    .block-list.list-service .block-content li .list-service-title .value {font-size: 1.75em;}
    .block-list.list-service .block-content li .list-service-desc .value {min-height: 2.5em;}
    .block-list.list-service .block-content li .list-service-photo { margin-top: 5px; margin-bottom: 45px; }

    /* Page Service à domicile */
    .layout-default .banner-content .banner-circle-content { width: 295px; height: 295px; }

    /*MAGASINAGE*/
    .v2 .flex-box.box-choice{    padding:0; background-color:#3c4a51; background-image:none; display:block; align-items: stretch; flex-direction: row;  justify-content: space-between;}
    .v2 .flex-box.box-choice .choice-content{ padding:50px 25px; flex-grow:2;}
    .v2 .flex-box.box-choice .choice-nav{ background-color:rgba(255,255,255,.15); flex-grow:1; width:100%;}
    /*À DOMICILE*/
    .flex-box.box-on-demand .on-demand-img{ display:none;}
    .flex-box.box-on-demand .content-wrapper {padding-left:0; }
    /*ABOUT*/
    .section-about {   padding-top: 50px;   padding-bottom: 50px;}
    /*==================POP UP===================*/
    .popup {overflow:scroll; }
    .popup .popup-content {padding:15px;  margin:5vh auto 0; }

    .popup .popup-content .tool-tips-row {display:flex; align-items: stretch; flex-direction: column; justify-content: center;}
    .popup .popup-content .tool-tips-row.tool-tips-title {display:none;}
    .popup .popup-content .tool-tips-row.single .tool-tips-column  { width:100%; }
    .popup .popup-content .tool-tips-row.double .tool-tips-column  { width:100%;}
    .popup .popup-content .tool-tips-row.triple .tool-tips-column  { width:100%;}
    .popup .popup-content .tool-tips-row .tool-tips-column .title-mobile  { display:block;}

    .popup .popup-content .tool-tips-column img { width:100%; height:auto; max-width:300px; display:block; margin:auto;}
    .popup .popup-content .invisible{ display:none;}

    .offer-bar { padding:20px 10px; }
    .offer-bar .container {width:auto;}
    .contact-text{ text-align:center; /*display:flex; flex-direction:column; justify-content:center; line-height:25px; text-align:left;*/ }
    .contact-text a { /*display:inline-block; width:150px;*/ }

    .banner-desc-box{max-width:none;}
    .tabbed-blocks-navigation .block-content ul li a { padding: 15px 10px;    font-size:.85em;}

    /*============================LISTE===========================*/

    /*-------------------DÉPOSITAIRE----------------------*/
    .list-brand .block-list li{ display:block; width:33.33%; float:left;}

    /*-------------------- LISTING DES PRODUITS-------------------*/
    .block-products-list .list { display: flex; flex-wrap:wrap; }
    .layout-home .block-products-list .list .item  { width: calc(50% - 20px); height:200px;}
    .block-products-list .list .item{ width: 100%; height:200px;}
    .block-catalogs.block-product .block-content .product .product-wrapper > .section-media,
    .block-catalogs.block-product .block-content .product .product-wrapper > [class*="section"],
    #main-content .block-catalogs.block-product .block-content .product .product-wrapper > .section-configurator,
    .block-catalogs.block-product .block-content .product .product-wrapper > .section-configurator-footer{width:100%; float:none; clear:both;}
    .block-catalogs.block-product .block-content .product .product-wrapper > .section-media [class*="-price"] { display: none; }


    /*----------------opacité-------------------*/
    .block-list.list-opacity li{ width:50%; float:left; margin:0; padding:0; }


    /*============================HEADER===========================*/
    .banner-circle-content { width: 295px; height: 295px; }


    /*============================BUILDER===========================*/
    .block-catalogs.block-product .block-content .media-viewer a { display: inline-block; max-height: 100vh; overflow: hidden; }


    /*============================COMMERCIAL===========================*/
    .block-list.list-service.commercial li { width: 50%; max-width: 50%; margin-bottom: 60px; }


    /*============================NOUS JOINDRE===========================*/
    .row-joinus .phone-fax-num + .phone-fax-num { margin-top: 15px; }
}

@media (max-width: 540px) {
    .block-text .block-content img.left-img { display:none;}
    .popup.open .popup-tooltip-wrapper {padding:2.5vh 1vh}
    .popup-content .attribute-wrapper {display:block;}
    .popup-content .attribute-wrapper .title{width:100%;padding:5px;}
    .popup-content .attribute-wrapper .value{width:100%;padding:7px 5px;}
    .block-catalogs.block-product .section-fulltext .block-title { margin-bottom:20px; }
}
@media (max-width: 479px) {
    /* Footer */
    /* Credits */
    .section-credits .w-col { text-align: center; }

    /* Homepage */
    /* Main banner */
    .section-banner { height: 350px; }
    /* On-demand / Home service */
    .section-flex .flex-box.box-on-demand { padding: 25px; }
    .section-flex .flex-box.box-on-demand .content-wrapper { padding-left: 0; }
    .section-flex .flex-box.box-on-demand .on-demand-img { position: relative; }
    .section-flex .flex-box.box-on-demand .on-demand-title { text-align: center; }
    .section-flex .flex-box.box-on-demand .button-container { margin-top: 30px; }

    /* Page Commercial */
    .block-list.list-service .block-content li {width: 100%;max-width: 100%;}
    .block-list.list-service .block-content li .list-service-title .value {font-size: 1.75em;}
    .block-list.list-service .block-content li .list-service-desc .value {min-height: 1em;}
    .block-list.list-service .block-content li .list-service-photo { margin-top: 15px; margin-bottom: 45px; }
    .block-list.list-service .block-content li:last-child    .list-service-photo { margin-bottom: 0; }

    /* Builder de produit */
    #main-content .block-catalogs.block-product .block-content .product .attribute-wrapper.color .value li { margin-bottom: 20px; }
    #main-content .block-catalogs.block-product .block-content .product .attribute-wrapper.color .value li .preview-wrapper .preview-trigger { font-size: 1.25em; padding: 6px; }
    #main-content .block-catalogs.block-product .block-content .product .attribute-wrapper.color .value li .preview-wrapper .preview { top: -65%; margin-left: -50px; }

    #left-panel-menu { width: 250px; left: -250px; }

    .banner-circle-content.double-promo { width:230px; }
    .brand-link {   left: 10px;}
    .banner-desc-box{max-width:none;}
    .tabbed-blocks-navigation .block-content ul li { float:none; display:block;}
    .tabbed-blocks-navigation .block-content ul li a {  width:100%; text-align:center; border:1px solid #ccc; border-bottom:none;}
    .tabbed-blocks-navigation .block-content ul li:last-child a { border-bottom:1px solid #ccc;}
    .tabbed-blocks-navigation .block-content ul li a.active, .tabbed-blocks-navigation .block-content ul li a:hover.active {border-color:#ccc;}

    /*============================LISTE===========================*/
    /*-------------------DÉPOSITAIRE----------------------*/
    .list-brand .block-list li{ display:block; width:50%; float:left;}
    .list-brand .block-list ol{ display:flex; justify-content: center; }

    /*============================COMMERCIAL===========================*/
    .block-list.list-service.commercial li { width: 100%; max-width: 100%; margin-bottom: 30px; }


    /*============================CART===========================*/
    .block-catalogs .list ol li.body .subblock.header { width: 25%; font-size: .9em; }
    .block-catalogs .list ol li.body .subblock.header h3 { font-size: 1em; line-height: 1.25em; margin-bottom: 0; }


    /*============================CHECKOUT===========================*/
    /*.block-carts.block-checkout.block-payment .subblock.summary .list .head .header.subblock:nth-last-child(-n + 3) { display: none; }*/
    /*============================LISTE===========================*/
    /*-------------------- LISTING DES PRODUITS-------------------*/
    .block-products-list .list .item, .layout-home .block-products-list .list .item { width: 100%; height:150px;}
}


@media (max-width: 374px) {
    /* Navigation mobile menu indicator */
    body .section-main-bar > .w-nav .brand-link img { max-height: 100px; }
}

/****** FIXES FROM Signature catalog to store-en-ligne */

/* Paypal button fix */
#paypal-button-container { margin-top: 26px; display: none; }
#paypal-button-container .paypal-buttons { max-width: 330px !important; }