* { margin: 0; padding: 0; border: 0; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
body, html { font-family: 'Roboto'; font-size: 14px; font-weight: 400; height: 100%; }
body.embed-responsive {overflow:hidden; position:fixed}
a, a:focus { outline: none; color: #000; }
a:focus { color: inherit; text-decoration: none;  color: #000; }
a:hover { text-decoration: none;  color: #000;}
li { list-style-type: none; }
.fa-chevron-right:before,
.fa-chevron-left:before { text-shadow: 0px 0px 2px #FFF; }
.siteLayer { position: relative; height: 100%; }
h2, h3 { position: relative; }
h4 {text-transform:uppercase;font-size:14px; font-weight: 400;}
label { display: block; }
.bodyLayer { clear: both; }
/* Scrollbar - width */
::-webkit-scrollbar { width: 8px; }
/* Scrollbar - Track */
::-webkit-scrollbar-track { background-color: #f1f1f1; }
/* Scrollbar - Handle */
::-webkit-scrollbar-thumb { background-color: #c9c9c9; }
/* Scrollbar - Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #888; }
/* Application de marges via classes */
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt40 { margin-top: 40px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb2 { margin-bottom: 2px !important; }
.blue-color { color: #22608b !important; }
.green-color { color: #228B22 !important; }
.red-color { color: #B22222 !important; }
.br100 { border-radius: 100% !important; }
.text-underline { text-decoration: underline; }
/* Application de min-width via classes */
.mw50 { min-width: 50px !important; }
.mw70 { min-width: 70px !important; }
.mw80 { min-width: 80px !important; }
/* Applicatin de padding via classes*/
.pl40px {padding-left: 40px !important;}
.pb2px {padding-bottom: 2px !important;}
.pb40px {padding-bottom: 40px !important;}
/* Effet lien souligné de gauche à droite */
a[class*="hover-underline"] { position: relative; }
a[class*="hover-underline"]:after { content: ""; display: block; opacity: 0; width: 0; height: 1px; border-bottom: 1px solid transparent; position: absolute; bottom: 0; left: 0; transition: .2s width ease, .2s opacity ease; }
a[class*="hover-underline"]:hover:after { width: 100%; opacity: 1; }
a.hover-underline-black:after { border-color: #000; }
/* Titres */
.ttlLine, 
.cross .ttl { position: relative; text-align: center; padding: 0; font-size: 1.7em; color: #000000; margin-bottom: 30px; text-transform: initial; }
.ttlLine:after,  
.cross .ttl:after  { content: ""; border-bottom: 1px solid #000000; display: block; width: 10%; margin: 0 auto; }
.ttlLine > .fa { margin-left: 0.50em; }

@font-face { font-family: 'carredartistes_icons'; src: url(/e_commerce/fonts/icons/carredartistes_icons.eot?u28nlb); src: url(/e_commerce/fonts/icons/carredartistes_icons.eot?u28nlb#iefix) format("embedded-opentype"), url(/e_commerce/fonts/icons/carredartistes_icons.ttf?u28nlb) format("truetype"), url(/e_commerce/fonts/icons/carredartistes_icons.woff?u28nlb) format("woff"), url(/e_commerce/fonts/icons/carredartistes_icons.svg?u28nlb#icomoon) format("svg"); font-weight: 400; font-style: normal; font-display: block; }
[class*=" icon-"], [class^=icon-] { font-family: "carredartistes_icons" !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-info:before { content: "\e92f"; }
.icon-galeries:before { content: "\e901"; }

div.box {border: 1px solid; padding: 15px; margin: 10px;    min-height: 280px; }
/* Wall */
.wall { margin-bottom: 20px; }
.wall > div { margin-bottom: 25px; }
.wall .box { border: 1px solid #e2e2e2; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.05), 0 5px 6px rgba(0, 0, 0, 0.05); position: relative; height: 100%; padding: 15px; }
.wall .box.box_btn { padding-bottom: 60px; }
.wall .box.box_btn > menu { position: absolute; bottom: 15px; left: 15px; right: 15px; }
.wall .box .boxTitle { font-size: 1em; text-transform: uppercase; line-height: initial; border-bottom: 1px solid #e2e2e2; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.wall .box .boxTitle:after { border: 0 none; }
.wall .box .boxContent { position: relative; }
.wall .box > .title { border-bottom: 1px solid #e2e2e2; padding: 0 0 10px 0; margin: 0 0 10px 0; font-weight: 300; }
.wall .infos_prod a { display: block; }
.wall .infos_prod .img { margin: 0 !important; border: 0 !important; }
.wall .infos_prod .img img { max-width: 100%; }
.wall .infos_prod .btn-picto + .btn-picto { margin-top: 10px; }
.wall .box.fav_mag .boxTitle .infos_mag { cursor: pointer; margin-left: .5em; }

/* Separateur 'ou' */
.sep_or { text-align: center; margin: 5px 0; }
/* Mask */
.siteLayer .menuMask { position: fixed; display: none; top: 0; bottom: 0; left: 60px; right: 0; background-color: rgb(0,0,0,.5); z-index: 1080; }
.siteLayer .menuMask.loading { display: block; }
.siteLayer .menuMask.loading:after { display: block; content: ''; background: transparent url(../ximg/loader_list.svg) no-repeat 0 0; background-size: contain; width: 160px; height: 160px; position: absolute; top: 50%; left: 50%; margin: -80px 0 0 -80px; z-index: 1090; }
.siteLayer.block_mob_open .menuMask { display: block; height: 100% !important; }
.siteLayer .menuMask.black { background-color: #000; }
/* Flex */
.flex_left { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: flex-start; justify-content: flex-start; flex-wrap: wrap; }
.flex_center { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; justify-content: center; flex-wrap: wrap; }
.flex_right { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: flex-end; justify-content: flex-end; flex-wrap: wrap; }
.flex_acenter { align-items: center; }
.flex_abottom { align-self: flex-end; }
.flex_auto { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }

/* Formulaires */
label > .fa { margin-right: 0.5em; vertical-align: middle; }
label > .fa.right { margin-left: 0.5em; }
label > .info { font-size: 14px; }
input:focus { outline: 0; }
input.error,
textarea.error,
input.invalid { border-color: #a94442 !important; color: #a94442; }
input.error::-webkit-input-placeholder { color: #000; opacity: 0.6; }
input.error::-moz-placeholder {color: #000; opacity: 0.6; }
input.error:-ms-input-placeholder  { color: #000; opacity: 0.6; }
.error,
[data-input] .fa.err { color: #a94442; }
.valid,
[data-input] .fa.vld { color: #3fa642; }
input.valid,
textarea.valid { border-color: #43b145; color: #555; }
[data-slq="frm"] .btn-group.error .dropdown-toggle,
.custom-select.error select { border-color: #a94442; }
[data-slq="frm"] .btn-group.valid .dropdown-toggle,
.custom-select.valid select { border-color: #3fa642; }
[data-slq="frm"] .btn-group.error,
[data-slq="frm"] .btn-group.valid { color: inherit; }
[data-input] .fa { display: block; width: 20px; height: 34px; line-height: 34px; text-align: center; }
input[type=checkbox]:focus, 
input[type=file]:focus, 
input[type=radio]:focus { outline: none; }
[data-slq="frm"] .msgError { min-height: 25px; font-size: 14px; }
.form-input { margin-bottom: 20px; }
form menu.back, 
#compteForm menu.back { margin: 15px 0; overflow: hidden; }
form .civ > label,
form .tva_num > label { display: block; }
form .civ > div { padding-left: 0; }
form .civ > div > label { margin: 0; display: inline-block; vertical-align: middle; }
menu.menu-btn > li { display: inline-block; vertical-align: middle; margin-left: 25px; float: none; }
menu.menu-btn > li:first-child { margin-left: 0; }
menu.menu-btn-block > li { margin-top: 10px; width: 100%; }
menu.menu-btn-block > li:first-child { margin-top: 0; }
menu.menu-btn-block > li button,
menu.menu-btn-block > li a { display: block; width: 100%; }

/* Enlève le background jaune des input auto-complete de Chrome */
@-webkit-keyframes autofill { to { color: #555; background-color: #FFF; } }
input:-webkit-autofill { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; }

/* ReCaptcha */
.recaptcha iframe { border: 1px solid transparent; border-radius: 4px; }
.recaptcha.error iframe { border-color: #a94442; }

/* Password */
.checkPwd { position: relative; }
.checkPwd #rules { margin: 0 auto; display: none; }
.checkPwd #rules > p { margin-bottom: 10px; color: #333; padding-top: 10px; }
.checkPwd #rules > ul { color: #666; padding-left: 20px; }
.checkPwd #rules > ul > li { line-height: 20px; list-style-type: disc; }
.checkPwd #rules > ul > li .icoValidation { width: 19px; height: 20px; background-position: -346px -491px; margin-right: 10px; }
.checkPwd #rules > ul > li > span { display: inline-block; vertical-align: top; margin-right: 10px; line-height: 20px; }
.checkPwd #rules > ul > li > span.rule { max-width: 88%; }
.checkPwd #rules > ul > li .icoValidation.valid { background-position: -346px -511px; }
/* Iframe responsive */
.responsive-iframe { position: relative; overflow: hidden;padding-top: 56.25%; }
.responsive-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
/* Prix */
.price {  }
.price > span,
.price > h2 { font-size: 1.2em; line-height: 1.5em; }
.price .old {  }
.price .old { text-decoration: line-through;  font-size:1.2em}
.price .apartir { font-size: 0.8em; }
.price .best { font-weight: 500; }
.price.promo .best { color: #ed7a69; }
.price .discount { font-weight: 500; font-size: 14px; color: #000; }
.price .deee {  display: block; font-size: smaller; }
/* Produits */
[data-slq="prod"]:not(#prodSheet) { position: relative; z-index: 1; }
[data-slq="prod"]:not(#prodSheet) a { display: block; }
[data-slq="prod"]:not(#prodSheet) .img { position: relative; margin: 0 auto 10px; overflow: hidden; border-bottom: 1px solid #e2e2e2; text-align: center; }
[data-slq="prod"]:not(#prodSheet) .img .picto { position: absolute; top: 0; left: 0; max-width: 50px; z-index: 10; }
[data-slq="prod"]:not(#prodSheet) .img .picto > img { max-width: 100%; }
[data-slq="prod"]:not(#prodSheet) .img > img { height: auto; width: 100%; }
[data-slq="prod"]:not(#prodSheet) .img img[src$="waiting_lazyload.gif"] { background: url("../ximg/loader_list.svg") no-repeat center center; }
[data-slq="prod"]:not(#prodSheet) .img span.prev,
[data-slq="prod"]:not(#prodSheet) .img span.next { position: absolute; top: 50%; margin: -10px 0 0 0; display: none; z-index: 10; cursor: pointer; padding: 10px; transition: .3s background-color ease, .3s color ease; }
[data-slq="prod"]:not(#prodSheet) .img span.prev:hover,
[data-slq="prod"]:not(#prodSheet) .img span.next:hover { background-color: rgba(0,75,117,.5); color: #FFF; }
[data-slq="prod"]:not(#prodSheet) .img span.prev { left: 0; }
[data-slq="prod"]:not(#prodSheet) .img span.next { right: 0; }
[data-slq="prod"]:not(#prodSheet) .img .out_of_stock_layer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.4); color: #FFF; font-weight: 500; font-size: 1.2em; }

[data-slq="prod"]:not(#prodSheet) .name { font-size: 1em; display: block; margin: 0 0 5px; height: 31px; overflow: hidden; line-height: 1.2; text-transform: none; }
[data-slq="prod"]:not(#prodSheet) .brand { color: #9b9b9b; margin: 0 0 5px 0; height: 20px; overflow: hidden; }
[data-slq="prod"]:not(#prodSheet) .desc { height: 15px; overflow: hidden; line-height: 1.2em; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-transform: none; margin: 0 0 5px 0; }
[data-slq="prod"]:not(#prodSheet) .price { margin: 0 0 5px 0; }
[data-slq="prod"]:not(#prodSheet) .price > .old { margin-left: .2em; }
[data-slq="prod"]:not(#prodSheet) .review { margin-bottom: 5px; height: 20px;clear:both }
[data-slq="prod"]:not(#prodSheet) .review .rating-star,
.ProductInfos .review .rating-star { font-size: 14px; width: 14px; display: inline-block; float: none; line-height: 14px; height: 14px; }
[data-slq="prod"]:not(#prodSheet) .review .half-star:after, 
.ProductInfos .review .half-star:after {left: 7px;}
[data-slq="prod"]:not(#prodSheet) .listePictos .pictoElemt { display: inline-block; width: 25px; vertical-align: top; margin-bottom: 5px; margin-right: .5em; }
[data-slq="prod"]:not(#prodSheet) .listePictos .pictoElemt > a > img { max-width: 100%; display: block; height: 25px; }
[data-slq="prod"]:not(#prodSheet) .listePictos .moreColor { display: inline-block; width: 25px; padding-top: 5px; height: 25px; vertical-align: top; }


/* Gestion de l'ajout des cadres */
.accordion_prod_accessories { padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; }
.accordion_prod_accessories .heading { position: relative; cursor: pointer; }
.accordion_prod_accessories .heading .sttl { font-size: 10px; }
.accordion_prod_accessories .heading:after { content: "+"; position: absolute; top: -5px; right: 0; font-size: 37px; font-weight: 700; line-height: 1; } 
.accordion_prod_accessories .heading.open:after { content: ""; display: block; width: 18px; height: 3px; background-color: #000; top: 14px; right: 2px; }
.accordion_prod_accessories .content { max-height: 0; overflow: hidden; transition: .3s max-height ease; }
.accordion_prod_accessories .content.open { max-height: 500px; padding-top: 10px; padding-bottom: 10px; }
.swiper-content.is_swipe { position: relative; padding: 0 40px; }
.swiper-content .swiper-button-prev { left: 0; }
.swiper-content .swiper-button-next { right: 0; }
.swiper_prod_accessories {  }
.swiper_prod_accessories .swiper-slide { width: 20%; }
.swiper_prod_accessories .swiper-slide .prod_accessories_item { cursor: pointer; }
.swiper_prod_accessories .swiper-slide .prod_accessories_item .img { background-color: #f3f3f3; border: 1px solid transparent; transition: .2s border-color ease; position: relative; }
.swiper_prod_accessories .swiper-slide .prod_accessories_item .img img { transition: .2s filter ease; }
.swiper_prod_accessories .swiper-slide .prod_accessories_item .img .icon-info { position: absolute; top: 3px; left: 3px; font-size: 12px; z-index: 10; color: #000; }
.swiper_prod_accessories .swiper-slide .prod_accessories_item .img .infos { text-align: center; position: absolute; top: 0; left: 0; width: 100%; bottom: 0; height: 100%; opacity: 0; transition: .2s opacity ease; line-height: 10px; background-color: rgba(255,255,255,.3); padding-top: 18px; z-index: 5; }
.swiper_prod_accessories .swiper-slide .prod_accessories_item:hover:not(.selected) .img { border-color: #d2d2d2; }
.swiper_prod_accessories .swiper-slide .prod_accessories_item:hover .img  img { filter: blur(5px); }
.swiper_prod_accessories .swiper-slide .prod_accessories_item:hover .img  .infos { opacity: 1; }
.swiper_prod_accessories .swiper-slide .prod_accessories_item.selected .img { border-color: #000; }
.swiper_prod_accessories .swiper-slide .prod_accessories_item .name { font-size: 10px; font-weight: bold; }
.swiper_prod_accessories .swiper-slide .prod_accessories_item .price { font-size: 10px; }
#artwork_frame_clear .img img  { background-color: #f3f3f3; }

/* Modal - Ajout de cadre */
/* ----- [TAB Portrait] ----- */
@media (min-width: 768px) { 
	#lightbox.modal_prod_accessories .modal-dialog { width: 90%; }
}
/* ----- [DTP] ----- */
@media (min-width: 1200px) {
	#lightbox.modal_prod_accessories .modal-dialog { width: 900px; }
}
#lightbox.modal_prod_accessories .left img { width: 100%; max-width: 100%; }
/* Modal confirmation ajout panier - Ajout de cadre */
.block_prod_accessories { margin-top: 20px; margin-bottom: 20px; padding-top: 15px; border-top: 1px solid #d2d2d2; }

/* Gain */
[data-slq="prod"] .discount { position: absolute; bottom: 0.3em; right: 0.3em; z-index: 10; height: 40px; width: 40px; border-radius: 100%; color: #FFF; text-align: center; line-height: 40px; font-weight: 500; font-size: 1em; }
[data-slq="prod"] .discount.green {background-color: #4bb7a2; }
[data-slq="prod"] .discount.blue {background-color: #27b5b6; }
[data-slq="prod"] .discount.orange {background-color: #ed7a69; }
[data-slq="prod"] .discount.red {background-color: #e95050; }
/* Wishlist */
[data-slq="prod"]:not(#prodSheet) .btnWL { position: absolute; top: 0; right: 0; z-index: 10; font-size: 2em; line-height: 1em; padding-right: 0.3em; padding-top: 0.3em; cursor: pointer; }
/* Slider produits */	
.cross { position: relative; margin: 15px auto 0; }
.cross > .content { position: relative; padding-left: 50px; padding-right: 50px; }
.cross > .content .swiper-container { padding-bottom: 20px;position:initial }
.cross > .content > ul { margin-bottom: 0; }
.cross .swiper-container .swiper-pagination { bottom: 0; }
.cross .swiper-container .swiper-slide { background-color: #fff; }

.gMaps > div { background: #FFF url("../../ximg/loader_list.svg") no-repeat center center !important; }
/* masquer le logo et le texte copyright de googlemap */
a[href^="http://maps.google.com/maps"] {display: none !important; }
a[href^="https://maps.google.com/maps"] {display: none !important; }
.gmnoprint a, .gmnoprint span, .gm-style-cc { display: none; }
.gmnoprint div { background: none !important; }

/* Swiper */
.swiper-button-prev,
.swiper-button-next { background-image: none; font-size: 14px; width: 35px; height: 35px; text-align: center; background-color: #d8d8d8; border-radius: 35px; line-height: 35px; }
.swiper-button-prev[data-icon],
.swiper-button-next[data-icon] { background-color: transparent; }
.swiper-button-prev[data-icon] { transform: rotate(180deg); }
.slick-slide,.slick-slide:focus, .swiper-button-next, .swiper-button-prev {outline: none !important;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {pointer-events: initial;}
.swiper-container[data-slide_dtp="4"] .swiper-slide { width: 25%; }
.swiper-container[data-space="20"] .swiper-slide { margin-right: 20px; }

/* Slider Marques */
.brands {padding:40px 0}
.boxContent.swipeBrands { position: relative; padding: 20px 0 40px 0; }
#brands_swiper { align-items: center; }
.swipeBrands[data-slide_dtp='4'] #brands_swiper,
.swipeBrands[data-slide_dtp='5'] #brands_swiper,
.swipeBrands[data-slide_dtp='6'] #brands_swiper,
.swipeBrands[data-slide_dtp='7'] #brands_swiper { justify-content: center; }
.swipeBrands .swiper-slide { width: 12%; padding: 0 11px; }
.swipeBrands[data-slide_dtp='4'] .swiper-slide { width: 25%;}
.swipeBrands[data-slide_dtp='5'] .swiper-slide { width: 20%;}
.swipeBrands[data-slide_dtp='6'] .swiper-slide { width: 16.66%;}
.swipeBrands[data-slide_dtp='7'] .swiper-slide { width: 14.28%;}
.swipeBrands .swiper-slide > a { display: block; }
.swipeBrands .swiper-slide img { width: 100%; }
.brands menu .icon { margin-right:10px }

/* Marques */
#abc_filtre { text-align: center; margin: 20px 0; /* display: none; */ }
#abc_filtre li { display: inline-block; }
.initiale, 
.marquesList .initiale { font-size: 35px; }
.marquesList  ul.brandItem {padding-left: 20px;border-bottom: 1px solid #e2e2e2;padding-bottom: 20px;}
ul.brandList {display: flex;justify-content: center;align-items: flex-end;margin-top: 30px;flex-wrap: wrap;}
li.brandItem {flex-shrink: 0;width: 20%;height: 100%;position: relative;text-align: center;margin-top: 15px;}
li.brandItem a, li.brandItem span {display:block}
li.brandItem img {max-width:100%;max-height:100px} 
li.brandItem div {margin-top:5px}
/* Marques */
.marquesList  .initiale { font-size: 35px; }
.marquesList  ul { padding-left: 20px; border-bottom: 1px solid #e2e2e2; padding-bottom: 20px; }
.marquesList .initiale.highlight,
.marquesList .brandItem.highlight li a { -webkit-animation: highLight_color 1s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-animation: highLight_color 1s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-animation: highLight_color 1s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-animation: highLight_color 1s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: highLight_color 1s 2 cubic-bezier(0.25, 0.46, 0.45, 0.94); }

/* Affichage mot de passe */
.password .pass_cont .off { display: none; }
.password .pass_cont.visible .on { display: none; }
.password .pass_cont.visible .off { display: inline; }

/* Boutons fixe bas droite */
#fixedBtn { position: fixed; bottom: 10px; right: 10px; z-index: 1500; }
.pg_contact #fixedBtn { bottom: 85px; }
.savBtn,.returnTop { height: 37px; background-color: #fff; width: 38px; line-height: 35px; color: #000; text-align:center; border-radius: 35px; font-size: 20px; z-index: 5; display: inline-block; border: 1px solid #666; }
/* Boutons fixe bas droite - 'Retour en haut de page' */
.returnTop {cursor:pointer}
/* Boutons fixe bas droite - Service client  */
#callCenter > strong { margin-left: 5px; }

/* Loader liste */
#loaderIcon { margin-left: -50px !important; }

/* Modals */
.modal-header > .modal-title > .fa { margin-right: 0.5em; }
.modal-header > .modal-title .valid:before {color: #417505;}

/* Modal QuickBuy + Fiche */
#lightbox.quickBuy .modal-dialog { width: 985px; }
#lightbox.quickBuy .product_layer { background-color: transparent; }
#lightbox.quickBuy .product_layer > .container { width: 100%; }
#lightbox.quickBuy .gal { padding-left: 0; }
#lightbox.quickBuy .gal .picto { position: absolute; top: 0; left: 0; max-width: 50px; z-index: 10; }
#lightbox.quickBuy .gal .picto > img { max-width: 100%; }
#lightbox.quickBuy .gal .btnAddWL { display: none; }
#lightbox.quickBuy .gal .gallery-top > img { width: 100%; max-width: 100%; }
#lightbox.quickBuy .swiper-slide { text-align: center; }
#lightbox.quickBuy .thumbnails_cont { display: none; }
#lightbox.quickBuy aside.inf { padding-right: 0; }
#lightbox.quickBuy aside.inf .brandImg { display: none; }
#lightbox.quickBuy aside.inf header { margin-bottom: 5px; }
#prodSheet section.gal { position: relative; }
#prodSheet section.gal .gallery-top { background-color: #FFF; overflow: hidden; position: relative; }
#prodSheet section.gal .gal_cont .picto { position: absolute; top: 5px; left: 5px; z-index: 10; max-width: 70px; }
#prodSheet section.gal .gal_cont .picto > img { max-width: 100%; }
#prodSheet section.gal .btnWL { position: absolute; top: 5px; right: 20px; z-index: 10; font-size: 2em; line-height: 1em; }
#prodSheet aside.inf > header .name { margin-top: 0; padding-right: 85px; }
#prodSheet aside.inf > header .brand_img { position: absolute; top: 0; right: 15px; max-width: 85px; z-index: 10; }
#prodSheet aside.inf > header .brand_img img { width: 100%; }
#prodSheet aside.inf > header .review_link { cursor: pointer; margin-top: 10px; margin-bottom: 10px; }
#prodSheet aside.inf > header .review_link .rating-star { font-size:14px;width: 14px;height: 20px;line-height: 17px;}
#prodSheet aside.inf > header .review_link .review_number { margin-left: 1em; }
#prodSheet aside.inf .desc1 { margin-top: 0; font-size: 1em; }
#prodSheet aside.inf > div.attribs { visibility: hidden; }
#prodSheet aside.inf > div.attribs > div:first-child { margin-top: 10px; }
#prodSheet aside.inf > div.attribs > div { margin-bottom: 10px; }
#prodSheet aside.inf > div.attribs .noColorSlide { display: none; }
#prodSheet aside.inf > div.attribs .lbl { font-weight: 500; }
#prodSheet aside.inf > div.attribs .swipeAttribs { position: relative; padding: 0 35px; }
#prodSheet aside.inf > div.attribs ul.hasPic { margin: 0; }
#prodSheet aside.inf > div.attribs ul.hasPic li { display: inline-block; margin: 0 10px 0 0; font-size: .7em; text-align: center; text-transform: uppercase; vertical-align: top; overflow: hidden; text-overflow: ellipsis; width: 15%; }
#prodSheet aside.inf > div.attribs ul.hasPic li.selected { color: #444; }
#prodSheet aside.inf > div.attribs ul.hasPic li.show { display: inline-block !important;} 
#prodSheet aside.inf > div.attribs ul.hasPic li.show.hidden {display: none !important;}
#prodSheet aside.inf > div.attribs ul.hasPic li > div { border: 1px solid transparent; cursor: pointer; position: relative; overflow: hidden; margin: 0 auto 4px; }
#prodSheet aside.inf > div.attribs ul.hasPic li > div > img { max-width: 100%; display: block; margin: 0 auto; }
#prodSheet aside.inf > div.attribs ul.hasPic li.selected > div { position: relative; border-color:#444 }
#prodSheet aside.inf > div.attribs ul.hasPic li.selected > div::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #FFF; } 
#prodSheet aside.inf > div.attribs ul.hasPic li.moreColor { width:auto}
#prodSheet aside.inf > div.attribs .swipeAttribs .swiper-button-prev { background: 0 none; font-size: 16px; left: 0; }
#prodSheet aside.inf > div.attribs .swipeAttribs .swiper-button-next { background: 0 none; font-size: 16px; right: 0; }
#prodSheet aside.inf > .act .price .best { font-size: 2em; display: inline-block; line-height: 35px; margin: 0; }
#prodSheet aside.inf > .act .price .old { display: none; }
#prodSheet aside.inf .price.promo .old { display: inline-block; margin-left: .5em; }
#prodSheet aside.inf .e_reservation { margin-top: 15px; }
/* Informations additionnelles fiche */
#prodSheet aside.inf .additional_infos { border-bottom: 1px solid #e2e2e2; padding: 10px 0; border-top: 1px solid #e2e2e2; }
#prodSheet aside.inf .additional_infos ul { margin: 0; }
#prodSheet aside.inf .additional_infos li { padding-left: 1em; margin-bottom: 5px; }
#prodSheet aside.inf .additional_infos li::before { content: "\2022"; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; color: inherit; color: #333; }
#prodSheet aside.inf .additional_infos li > span.info { margin-left: .5em; }
#prodSheet aside.inf .additional_infos li.dispo_0 { color: #EF7215; }
#prodSheet aside.inf .additional_infos li.dispo_1 { color: #3BB143; }

/* Ajout au panier + quantité */
#prodSheet aside.inf > .act { margin: 30px 0; }
#prodSheet aside.inf > .act .actions > .btn-group { width: 65px; margin-right: 10px; }
#prodSheet .seeDetails { margin-top: 10px; }

/* Modal/Page - Guide des tailles */
.sizeGuid .modal-dialog { width: 800px; }
.sizeGuid .act .sTtl { display: block; padding: 33px 0 20px 0; display: none; }
.sizeGuid .act .sliders { display: none; }
.sizeGuid .act .sliders > div { margin-bottom: 50px; display: none; }
.sizeGuid .act .sliders > div .sldSize { margin-top: 5px; }
.sizeGuid .act .finalSize { text-align: center; font-size: 15px; width: 100% !important; margin: 10px 0 12px 0; min-height: 24px; }
.sizeGuid .act .finalSize > div > span { font-size: 20px; }
.sizeGuid .act .sizeInfos { display: block; text-align: center; } 

/* Slider */
.documentSwiper .swiper-slide img { max-width: 100%; width: 100%; }
.elt-106 [data-slq=sld] > ul > li > img,
.elt-106 [data-slq=sld] > ul > li > a > img { width: 100%; }

/* Progress bar */
.progress-bar { background-color: #fff; border: 1px solid #dadada; height: 30px; padding: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 0 10px 1px #dadada; box-shadow: inset 0 0 10px 1px #dadada; width: 100%; text-align: left; }
.progress-bar span { display: inline-block; vertical-align: top; height: 100%; border-radius: 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; width: 0; transition: width 1.5s ease-in-out; text-align: right; }
.progress-bar span > span { color: #000; font-size: 0.8em; line-height: 21px; padding-right: 5px; display: block; width: 100%; }
.progress-bar.inactive { opacity: 0.25; }

/* Autocomplete magasin */
ul.ui-autocomplete.autocomplete_mag { max-height: 295px; overflow-y: auto; }
ul.ui-autocomplete.autocomplete_mag li a span.picto { display: inline-block; vertical-align: top; width: 15%; text-align: center; opacity: 0.5;  transition: opacity 0.4s ease 0s; font-size: 25px; }
ul.ui-autocomplete.autocomplete_mag li a.ui-state-active span.picto { opacity: 1; }
ul.ui-autocomplete.autocomplete_mag li a > div { display: inline-block; vertical-align: top; width: 85%; line-height: initial; padding: 10px 0; font-size: 13px; }
	ul.ui-autocomplete.autocomplete_mag li a > div strong { font-weight: 500; }
	ul.ui-autocomplete.autocomplete_mag li a > div span { font-size: 11px; font-style: italic; display: inline-block; }


/* TRANSITIONS CSS3 */
.trs03 { transition:0.3s all ease; -o-transition:0.3s all ease; -ms-transition:0.3s all ease; -moz-transition:0.3s all ease; -webkit-transition:0.3s all ease; }
.trs05 { transition:0.5s all ease; -o-transition:0.5s all ease; -ms-transition:0.5s all ease; -moz-transition:0.5s all ease; -webkit-transition:0.5s all ease; }
.trs1 { transition:1s all ease; -o-transition:1s all ease; -ms-transition:1s all ease; -moz-transition:1s all ease; -webkit-transition:1s all ease; }

/* Placeholder */
input::-webkit-input-placeholder { color: #666; font-style: italic; font-size: 14px; opacity: 1; }
input::-moz-placeholder { color: #666; font-style: italic; font-size: 14px; opacity: 1; }
input:-ms-input-placeholder  { color: #666; font-style: italic; font-size: 14px; opacity: 1; }
input:focus::-webkit-input-placeholder { color:transparent !important; }
input:focus:-moz-placeholder { color:transparent !important; }
input:focus::-moz-placeholder { color:transparent !important; }
input:focus:-ms-input-placeholder { color:transparent !important; }

.bigTtl { text-align: center; border-bottom: 1px solid #999; height: 2.5vw; overflow: visible; margin: -3vw auto 0 auto; position: relative; width: 50%; top: 50%; }
.bigTtl > span { margin: 1.2vw 0 0 0; text-align: center; text-transform: uppercase; display: inline-block; padding: 0 10px; background-color: #ffffff; }
.bigTtl > .undertitle { font-size: 0.7em; text-align:center; width:100%; }
p.subTtl { text-align: center; font-size: 15px; }

/* Custom Combo Liv Internationnale - 29332 */
.select_paysAddr, 
.select_stateAddr, 
.select_mdfAdr_state, 
.select_mdfAdr_pays{  }
.select_paysAddr .label, 
.select_stateAddr .label, 
.select_mdfAdr_state .label, 
.select_mdfAdr_pays .label{ background-position:97%!important; border-color:#d1d1d1; line-height:46px!important; text-transform:uppercase; }
.state_choice .disabledOptions { display: none; }

/* Erreur adresse - Page Livraison */
@-webkit-keyframes addrError { 0% { border-color: #f1f1f1; } 50% { border-color: #dd0000; } 100% { border-color: #f1f1f1; } }
@-moz-keyframes addrError { 0% { border-color: #f1f1f1; } 50% { border-color: #dd0000; } 100% { border-color: #f1f1f1; } }
@-ms-keyframes addrError { 0% { border-color: #f1f1f1; } 50% { border-color: #dd0000; } 100% { border-color: #f1f1f1; } }
@-o-keyframes addrError { 0% { border-color: #f1f1f1; } 50% { border-color: #dd0000; } 100% { border-color: #f1f1f1; } }
@keyframes addrError { 0% { border-color: #f1f1f1; } 50% { border-color: #dd0000; } 100% { border-color: #f1f1f1; } }
.addr.new.err { -webkit-animation: addrError 1s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-animation: addrError 1s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-animation: addrError 1s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-animation: addrError 1s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: addrError 1s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); }

/* Radio slide custom */
.radioBox { background:#fff; border-radius:50px; display:inline-block; height: 27px; line-height:1; overflow:hidden; position:relative; vertical-align:middle; width: 71px; box-shadow: inset 1px 1px 5px rgba(0,0,0,.1); border: 1px solid #ddd; }
.radioBox input{ position:relative; z-index:-1; }
.radioBox input:checked + label{ left:-39px; }
.radioBox label{ font-size: 15px!important; cursor:pointer; display:block; font-size:0; height:22px; left:0; line-height:1; position:absolute; top:2px; white-space:nowrap; width:104px; transition:.3s left ease; -o-transition:.3s left ease; -ms-transition:.3s left ease; -moz-transition:.3s left ease; -webkit-transition:.3s left ease; }
.radioBox label > .circle{ background:#fff; border-radius:100%; height:22px; width:22px; transition:.3s left ease, .3s background-color ease; border: 1px solid #ddd; }
.radioBox label > .lbl{ text-align:right; width:41px; padding-right:5px; user-select: none; }
.radioBox label > .lbl:last-child{ text-align:left; padding-left:5px; }
.radioBox label > span{ display:inline-block; font-size:15px; vertical-align:middle; }

/* Autocomplete */
.autocomplete_loader { opacity: 0; position: absolute; z-index: 10; top: -1000px; left: -1000px; height: 34px; padding-right: 5px; transition: 0.3s opacity ease; z-index: 10000; }
.autocomplete_loader.visible { opacity: 1; }
ul.ui-autocomplete { background-color:#fff; border: 1px solid rgb(0,0,0,.3); z-index: 100000; position: absolute; box-shadow: 0px 5px 38px -10px rgba(0,0,0,0.3); max-height: 450px; overflow-y: auto; top: 0; left: 291px; }
ul.ui-autocomplete.autocomplete_ville { max-height: 100px; overflow-y: auto; }
ul.ui-autocomplete li.ui-menu-item { cursor: pointer; border-bottom: 1px solid #666; background-color: #FFF; }
ul.autocomplete_prod li.ui-menu-item  {width: 25%;float: left; }
ul.autocomplete_prod li.ui-menu-item:nth-child(4n+1) {clear:left}
ul.autocomplete_prod li.ui-menu-item.seeAll {width: 100%;float: none; clear:left; text-align:center; border-top: 1px solid #666; margin-top: -1px; display: inline-block;max-height: 45px; overflow: hidden; }
ul.ui-autocomplete li.ui-menu-item:last-child { border-bottom: 0; }
ul.ui-autocomplete li.noImg { border-bottom:0 none}
ul.ui-autocomplete li.noImg > a {padding: 5px}
ul.ui-autocomplete li > a { padding: 15px; display: block; }
ul.autocomplete_prod li.ui-menu-item.seeAll > a {padding-bottom:0}
ul.ui-autocomplete.autocomplete_ville li > a { padding: 5px 15px; }
ul.ui-autocomplete li > a:hover { background-color: #ccc; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
ul.ui-autocomplete li > a img { display:block;vertical-align:middle; margin:0 auto; max-height:166px; max-width:100% }
ul.ui-autocomplete li > a > span {display:block}
ul.ui-autocomplete li > a .title { text-transform:uppercase;height:40px;overflow:hidden; }
ul.ui-autocomplete li > a.ui-state-active:hover .title {color:#be1a20}
ul.ui-autocomplete li > a .desc {height:53px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
ul.ui-autocomplete li > a .desc, ul.ui-autocomplete li > a .marque {font-size:12px;}  
ul.ui-autocomplete li > a .marque {color:gray;height:17px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
ul.ui-autocomplete li > a .oldprice {font-size:12px; text-decoration:line-through; margin-right:10px; color:gray;height:17px}
ul.ui-autocomplete li > div.type { padding: 10px; background-color: #eee; font-weight: 600; text-transform: uppercase; }

/* Contenu - Pages libres */
.class-page_libre { height: auto !important; }
.class-page_libre .page_libre { height: auto !important; position: relative !important;  }

/* Contenu - Element 106 */
.mainNavLayer > aside .elt-106 img { width: 100%; }

/* Contenu - Reassurance */
.reassurance { text-align: center; margin-top: 20px;}
.reassurance .ico { background-color: #fff; width: 100px; height: 80px; border-radius: 100px; margin: 10px auto; font-size: 2.5em; padding-top: 10px; }
.reassurance p.text1 { margin-bottom: 0; font-weight: 700; }

/* Inspiration */
.BlocTexte:before { content: url(../ximg/pattern-bg-top.svg); width: 100%; position: absolute; top: 0; }
.BlocTexte:after { content: url(../ximg/pattern-bg-bottom.svg); width: 100%; position: absolute; bottom: 0; }
.BlocTexte h3 { color: #146ba2; text-transform: uppercase; text-align: center; font-weight: 400; margin: 35px 0 20px; }
.BlocTexte p { text-align: center; font-weight: 500; }

/* selections */
.blocSelection { border: 1px solid #e2e2e2; }
.blocSelection a { display: block; }
.blocSelection a img { width: 100%; }
.blocSelection h3, .blocSelection p { text-align: center; font-weight: 400; padding: 0 20px; }
.blocSelection h3 { text-transform: uppercase; } 
.blocSelection p { padding: 10px 20px 20px; }

/* bloc avec background */
.blocAvecBackground menu { padding: 20px 0; }
.blocAvecBackground h3 { text-transform: uppercase; padding: 0 25px; font-size: 20px; display: inline-block; margin: 25px 0; }
.blocAvecBackground img, 
.blocAvecBackground video { width: 100%; }
div.guide { overflow: initial; }
.guide .blocAvecBackground { border: 1px solid #e2e2e2; position: relative; margin-top: 50px; padding: 25px 0; }
.guide:before, 
.guide:after { position: absolute; z-index: 15; height: 100%; }
.guide:before { content: ""; left: -75px; background-size: contain; background-image: url(../ximg/hp-guide-left.png); background-repeat: no-repeat; width: 23%; top: 0; }
.guide:after { content: ""; background-size: contain; background-image: url(../ximg/hp-guide-right.png); background-repeat: no-repeat; right: 0; width: 13%; bottom: -140px; top: auto; }
.guide .blocAvecBackground .ttlLine { position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; top: -39px; background-color: #fff; padding: 20px 25px; }
.guide .blocAvecBackground .ttlLine:before { content: "\46"; width: 100%; font-family: "Solusquare" !important; position: absolute; top: -5px; left: 0; color: #000000; }
.guide .blocAvecBackground h3 { background-color: #000000; padding: 0 25px 0 55px; }
.guide .blocAvecBackground h3 .icon { font-size: 35px; position: absolute; left: 25px; top: -10px; }

/* presse */
.pg_presse > .row > div:nth-child(2n+1) { clear:left}
.bloc_presse { padding: 15px; border-bottom: 1px solid #000; margin: 15px 0; overflow: hidden; min-height:218px}
.bloc_presse img { max-width: 100%; }
.bloc_presse .titre { min-height: 40px; }
.bloc_presse .btn-block+.btn-block { margin-top:15px}

/* Nos Collections */
#collection .swiper-wrapper { align-items: center; }
.collection_name { text-transform: uppercase; font-size: 22px; font-weight: 300; margin-top: 20px; min-height: 65px; }
#collection .swiper-slide .prod a:hover .collection_name span{ content: ""; width: auto; border-bottom: 1px solid #000; display: inline-block; }
#collection li .img img { border-bottom: 0 none; }

/* Modal - Carnet adresses */
.modal.adress_manager .modal-dialog { width: 700px; }
.modal .loadAddresses > ul { border-top: 1px solid #efefef; }
.modal .loadAddresses > ul > li { padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #efefef; position: relative; }
.modal .loadAddresses > ul > li > .cbox { padding: 0; }
.modal .loadAddresses > ul > li > label { display: inline-block; vertical-align: top; }
.modal .loadAddresses > ul > li > .editAddr { position: absolute; top: 10px; right: 10px; }
/* Modal - Ajouter adresse */
.modal .newAddresse > div:not(.state_choice) { position: initial; }
.modal .newAddresse > div.state_choice > div { margin-bottom: 20px; }
.modal .newAddresse > div > .btn-group > .dropdown-toggle { text-align: left; }
/* Modal - Editer adresse */
.modal .editAddresse > div:not(.state_choice) { position: initial; }
.modal .editAddresse > div > .btn-group > .dropdown-toggle { text-align: left; }
/* Modal - Need Help */
#NeedHelp .img img { width: 60%; }
#NeedHelp .txt strong { display: block; margin-bottom: 20px; }
#NeedHelp .txt a {display:block}
#NeedHelp .txt .info { display: block; font-size: 13px; font-style: italic; }
/* Modal - Envoyer à un ami */
#sendMail_form > div { position: initial; }
#sendMail_form > p.infos { font-size: 11px; }
#sendMail_form > menu > .submit { margin-left: 10px; }
/* noUISlider */
.noUi-background { background-color: #FAFAFA; box-shadow: inset 0 1px 1px #f0f0f0; }
.noUi-connect {	box-shadow: inset 0 0 3px rgba(51,51,51,0.45); -webkit-transition: background 450ms;	transition: background 450ms; }
.noUi-origin { border-radius: 2px; }
.noUi-target { border-radius: 0; border: 0; height: 3px; background-color: #e2e2e2; }
.noUi-target .noUi-base { height: 3px; }
.noUi-target.noUi-connect {	box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB; }
/* Handles and cursors; */
.noUi-horizontal .noUi-handle { width: 20px; height: 27px; border: 1px solid #000; left: -7px; cursor: pointer; position: relative; top: -12px; }
/* Handle stripes; */
.noUi-handle:before { display: none; }
/* Disabled state; */
[disabled].noUi-connect,
[disabled] .noUi-connect { background: #B8B8B8; }
[disabled] .noUi-handle { cursor: not-allowed; }

/* Site map */
.plandusite .lvl-1 {font-weight: 600;text-transform: uppercase;margin-top:10px;}
.plandusite .lvl-1 a {}
.plandusite .lvl-2 {margin-left:25px;font-weight: 600;margin-top:10px}
.plandusite .lvl-3 {margin-left:50px;}
.plandusite h3 {font-weight: 700; font-size: 14.5px; text-transform:uppercase}
.plandusite .lvl-2 .lvl-1, .plandusite .lvl-3 .lvl-2 { margin-left:-25px}


/* MagicZoom */
.MagicZoom .mz-loading { width: 60px; height: 60px; background: url("../ximg/loader_list.svg"); background-size: 60px 60px; }
.MagicZoom .mz-loading:after { display: none; }
/* MagicScroll */
.MagicScroll .mcs-loader .mcs-loader-circles { background: url("../ximg/loader_list.svg"); background-size: 60px 60px; }
.MagicScroll .mcs-loader .mcs-loader-circles > div { display: none; }

/* New password */
.pg_new_password > .infos > .boxContent { margin: 20px 0 50px; padding: 10px; }
.pg_new_password > .infos > .boxContent > form menu { margin-top: 30px; }

/* FAQ */
.themesFAQ { cursor:pointer; text-align: center; background-color: ##f5f5f5; border: 1px solid ##e2e2e2;padding: 15px;}
.themesFAQ .ttlLine:after { /*border-color: ##FECA2F*/ }
.themesFAQ:hover .ttlLine:after { /*transition:0.3s all ease; width:100%*/}
##accordion_FAQ { position:relative; opacity:0; display:none; clear: both;    margin-top: 25px;}

/* ----- [TAB Portrait] ----- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
	/* Modal QuickBuy + Fiche */
	#lightbox.quickBuy .modal-dialog { width: 90%; }
	#lightbox.quickBuy aside.inf > div > menu.actions .btnAdd,
	#lightbox.quickBuy aside.inf > div > menu.actions .btnWL { margin-bottom: 10px; }
    li.brandItem { width: 25%; }
	#prodSheet aside.inf > div.attribs ul.hasPic li { width: 31%; }
}

@media (min-width: 768px) and (max-width:991px) {
	html, body { max-width:100% }
}

/* ----- [MOB] ----- */
@media (max-width: 767px) {
	
	/* Mask */
	.siteLayer .menuMask { bottom: 50px; left: 0; } 
		
	html, body { min-width: 320px;max-width:100% }
	.bodyLayer { min-height: 1px; }
	form { padding: 10px; }
	h2.ttlLine, 
	h3.ttlLine, 
	.ttlLine,
    .box .boxTitle { font-size: 1.5em; }
	/* Slider produits */	
	.bigTtl { height: 8vw; margin: -6vw auto 0 auto; width: 100%; }
	.bigTtl > span { margin: 3vw 0 0 0; font-size: 8vw; }
	.bigTtl > .undertitle { font-size: 2vw; }
	
	menu.menu-btn-block-xs { margin-left: 20px; margin-right: 20px; }
	menu.menu-btn-block-xs > li { margin-top: 10px; margin-left: 0; width: 100%; }
	menu.menu-btn-block-xs > li:first-child { margin-top: 0; }
	menu.menu-btn-block-xs > li button,
	menu.menu-btn-block-xs > li a { display: block; width: 100%; }
	
	[data-slq=img], [data-src] { width: 100%; }

	.class-iframe { height: 1460px !important; position: relative !important; top: 0; left: 0; }  
	.class-iframe .iframe { height: 100% !important; }
	
	/* Swiper */
	.swiper-container[data-slide_mob="2"] .swiper-slide { width: 50%; }
	
	 /* Modal QuickBuy + Fiche */
	#lightbox.quickBuy aside.inf { padding: 10px 0; }
	#lightbox.quickBuy aside.inf .actions .dropdown-menu { bottom: 100%; top: auto; }
    #lightbox.quickBuy .gal .gallery-top > img {width:auto; max-height: 140px;}
	#prodSheet aside.inf > div.attribs ul.hasPic li { width: 48%; }
	#lightbox .stockReminderMsg menu > div:first-child { margin-bottom: 15px; }
	
	/* Modal - Guide des tailles */
	#lightbox.sizeGuid .modal-dialog { width: auto; }
	
	/* Modal - Need Help */
	#NeedHelp { position: relative; }
	#NeedHelp .img { position: absolute; top: 20px; left: 0; right: 0; bottom: 20px; }
	#NeedHelp .img img { max-width: 100%; height: 100%; opacity: 0.2; }
	#NeedHelp .txt { padding: 20px; background-color: rgba(255,255,255,0.7); }
	
	/* Liste produits vus */
	.cross .ttl { font-size: 1.5em; }

    li.brandItem { width: 46%; margin: 0 2%; }
    .bloc_presse { text-align: center; }
    #brands_swiper { align-items: center; display: block; overflow: hidden; }
    .swipeBrands .swiper-slide { width: 31% !important; float: left; padding: 0; margin: 10px 1% !important; }
    .swipeBrands .swiper-slide:nth-child(4) { clear: left; }
    .blocSelection { margin-bottom: 30px; }    
    .guide:before, 
    .guide:after { display: none; }
	.guide .blocAvecBackground .ttlLine { left: 12%; transform: translateX(0%); }
    #coupsDeCoeur .brand { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
    #coupsDeCoeur .desc { min-height: 45px; }
    .marquesList ul a { line-height: 40px; display: inline-block; }
    .plandusite { padding:0 15px}

}
@media (max-width: 991px) {
    .pg_marque section.content { overflow: hidden; position: relative; }

    #abc_filtre { right: 10px; display: flex; position: absolute; flex-direction: column; z-index: 10; height: 100%; overflow-x: auto; }
    #abc_filtre li { margin: 10px; flex-shrink: 0; }
    .marquesList { width: 90%; }
}
/* Gestion div pour responsive js */
/* ----- [MOB] ----- */
@media (max-width: 991px) {
	#_responsive { width: 2px; visibility: hidden; }
}
/* ----- [TAB Portrait] ----- */
@media (min-width: 768px) { 
	#_responsive { width: 1px; visibility: hidden; }
}

/* ----- [DTP] ----- */
@media (min-width: 1200px) {
	#_responsive { width: 0px; visibility: hidden; }
}