/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ //+ © Copyright iDIWAY 2012 //+ Tout droits de reproduction interdits //+ http://www.idiway.fr //+ $Revision: 4510 $ //+ $Date: 2017-07-06 15:04:47 +0200 (jeu. 06 juil. 2017) $ //+ $HeadURL: svn://svn.id.lan/pko/sat/14/144_cst/trunk/tpl/tpl0/css/mod/mod19a/ls.css $ //+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* [data-ls_mod="acc"] { display: none; } [data-ls_mod="search"] { display: none; } [data-ls_mod="fam"] { display: none; } [data-ls_mod="pre"] { display: none; } */ /*#row_ctr{ display: flex; justify-content: center; }*/ /*MENU BTN*/ .iTpl-shop-ctn .back-acc, .iTpl-shop-ctn .back-itm {opacity: 1; transition: 0.5s;} .iTpl-body[data-ls_mod="fam"] .iTpl-shop-ctn .back-acc, .iTpl-body[data-ls_mod="search"] .iTpl-shop-ctn .back-acc, .iTpl-body.inVw .iTpl-shop-ctn .back-acc {display: none;} .iTpl-body[data-ls_mod="fam"] .iTpl-shop-ctn .back-itm, .iTpl-body[data-ls_mod="search"] .iTpl-shop-ctn .back-itm, .iTpl-body.inVw .iTpl-shop-ctn .back-itm {display: flex !important; opacity: 1; pointer-events: all;} #ctr_ndd {display: none !important; padding: 0 ; margin: 0 ;} #ctr_ndd .iTpl-ctn-txt {transition: 0.8s; border-bottom: 1px solid #F4F1EC;} #row_ctr[data-ls_mod="fam"] #ctr_ndd .iTpl-ctn-txt, #row_ctr[data-ls_mod="search"] #ctr_ndd .iTpl-ctn-txt {height: 0; opacity: 0; padding: 0; line-height: 0; font-size: 0px;} #row_ctr[data-ls_mod="fam"] #ctr_ndd .iTpl-search, #row_ctr[data-ls_mod="search"] #ctr_ndd .iTpl-search {margin-top: 50px;} #ctr_all #ctr_ndd .iTpl-back-itm:hover { left: 70px; } #ctr_all{ flex-grow: 1; margin: 0; padding: 0 0px 85px 55px;position: relative; } #ctr_all .iTpl-back{ left: 80px; } /*.inVw #ctr_all .iTpl-back{ top: 25px; }*/ #block_ls{ z-index: 100; position: relative; min-height: 750px; padding: 40px; padding-right: 60px; } #block_ls.hide {display: none !important;} #block_vw{ z-index: 200; position: relative; display: none; min-height: 750px; } .inVw #block_ls{ display: none; } .inVw #block_vw{ display: block; } /* LS */ .iTpl-main.inVw #ctr_ndd/*, [data-ls_mod="fam"] #ctr_ndd, [data-ls_mod="pre"] #ctr_ndd*/{ display: none; } #block_ls .ctn-more:not(.dispo) .px, #block_ls .ctn-more:not(.dispo) .iTpl-btn-grp {display: none !important;} #block_ls .ctn-more:not(.dispo) .iTpl-btn.dis {box-shadow: none; text-align: right; margin: 0; padding: 0; display: inline-flex; height: 65px; align-items: end;} #block_ls .fam_sep, #block_vw .ctn_art_lnk .iTpl-tit { position: relative; display: flex; align-items: center;} #block_ls .fam_sep span {font-size: 34px; font-weight: normal; background-color: #fff; padding: 5px 20px 5px 0; z-index: 1; letter-spacing: 0; } #block_ls .fam_sep::before, #block_vw .ctn_art_lnk .iTpl-tit::before {content:''; position: absolute; top: 50%; border-bottom: 1px solid #E9E9E9; width: 100%; left: 0; z-index: 0;} #block_ls .iTpl-itm.art{ margin-left: 0; } #block_ls{ text-align: left; } [data-ls_mod="acc"] #block_ls, #block_ls > *{ text-align: left; } /* SEARCH */ #ctr_ndd .iTpl-tit-sep{ margin-top: 5px; margin-bottom: 15px; } #f_base{ } .iTpl-col-nav-adr-mob {display: none;} /* FAM */ .fam-btn{ cursor: pointer; } .fam-btn:hover{ color: #F5007B; text-decoration: underline; } @keyframes ico_fam { 0% {bottom: 70px; opacity: 0;} 60% {bottom: -0;} 100% {bottom: -0; opacity: 1;} } .fam{ display: inline-flex; width: calc( 50% - 20px ); margin: 20px 10px; } .fam .ico{ width: 86px; height: 86px; border-radius: 50%; background-color: #F4F1EC; flex: none; display: inline-block; position: relative; } .fam .ico img { max-height: 100%; position: absolute; right: -25px; /*bottom: -10px;*/ bottom: 0; width: 85px; opacity: 0; bottom: 70px; transition: 1.3s;} .fam .ico.do-anim img {animation: ico_fam 1.3s; bottom: 0; opacity: 1;} .fam .iTpl-sstit{ flex: 1 1 50%; padding: 5px 10px 5px 30px; font-size: 25px; text-transform: uppercase; display: inline-flex; align-items: center; } .fam .ls_ssfam{ /*flex: 1 1 50%;*/ flex: 0; padding: 10px 0; } /* ART */ #block_ls .iTpl-tit, #block_vw .iTpl-tit{ margin-bottom: 30px; text-align: left; font-size: 28px; margin-left: 0;} #block_vw .ctn_art_lnk .iTpl-tit {margin-top:50px; } #block_vw .ctn_art_lnk .iTpl-btn.more {height: 31px; margin-top: 0 !important;} #block_vw .ctn_art_lnk .iTpl-btn {padding: 7px 14px !important; } #block_vw .ctn_art_lnk .iTpl-btn-grp {float: right;} /*#block_ls .iTpl-tit span {padding-left: 10px;}*/ #block_ls .iTpl-tit span:before, #block_ls .iTpl-tit span:after, #block_vw .iTpl-tit span:before, #block_vw .iTpl-tit span:after { content: none; } #block_ls .iTpl-tit .nb_itm{ color: #8C8C8C; font-size: 1.2rem; padding: 0 10px 0 0; } #block_ls .etq_kilo, #block_vw .etq_kilo {font-size: 12px; letter-spacing: 0; text-align: center; max-height: 100%; width: 100%; color: #3C8277;} /* NAV */ .iTpl-main.inVw #ctr_nav, [data-ls_mod="acc"] #ctr_nav, [data-ls_mod="search"] #ctr_nav{ display: none; } [data-ls_mod="acc"] #ctr_ndd .iTpl-back, .iTpl-main:not(.inVw) [data-ls_mod="pre"] #ctr_ndd .iTpl-back{ display: none; } #ctr_block {min-width: 100%} /* VW */ #block_vw .art_ctr{ display: flex; align-items: center; align-items: flex-start; background-color: #FFF; box-shadow: 0 0 0 25px #FFF, -500px 0 0 25px #FFF; padding: 40px 0; } #block_vw .col_art{ flex: 1 1 50%;/* padding: 0 25px; */} #block_vw .col_art.col_ctn { max-width: 800px; width: 100%; margin-top: 50px; } #block_vw .col_art.col_img .iTpl-back, #block_vw .col_art.col_img .iTpl-sstit{ display: none; } #block_vw .col_art.col_img { margin: auto; margin-top: auto; order: -1; max-width: 500px; margin-right: 25px; margin-left: 10px;} #block_vw .col_art img{ display: block; margin: 0 auto; max-width: 100%; } #block_vw .col_art > img{ display: block; margin: 0 auto; max-width: 100%; } #block_vw .col_art.diapo{ position: relative; padding-top: 20px; } #block_vw .col_art.diapo .px, #block_vw .col_art.diapo .to_bsk{ position: relative; z-index: 50; } #block_vw .img_art{ max-height: 100%; max-width: 100%; text-align: center; } #block_vw .idSliderBtnCtn{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 25; } #block_vw .idSliderLsPoint{ position: absolute; bottom: -20px; left: 0; right: 0; text-align: center; } #block_vw .idSliderPoint{ background-color: #FFF; margin: 5px 0; height: 20px; width: 20px; border-radius: 50%; display: inline-block; vertical-align: middle; transition: background-color 0.5s ease; cursor: pointer; border: 2px solid #F00066; box-shadow: 0 0 0 3px #fff inset; } #block_vw .idSliderPoint.sld{ background-color: #F00066; } #block_vw .idSliderPrev, #block_vw .idSliderNext{ z-index: 500; position: absolute; top: 0; bottom: 0; width: 40px; opacity: 1; background: transparent none no-repeat center center; transition: opacity 0.5s ease, background-color 0.5s ease; cursor: pointer; } #block_vw .first .idSliderPrev, #block_vw .last .idSliderNext{ opacity: 0.5; } #block_vw .idSliderPrev{ left: 0; background-image: url('../../../img/mep/body/lft.png'); } #block_vw .idSliderNext{ right: 0; background-image: url('../../../img/mep/body/rgt.png'); } #block_vw .idSliderItm{ /*line-height: 350px;*/ vertical-align: top; } #block_vw .idSliderItm img{ vertical-align: middle; display: inline-block; max-width: 100%; max-height: 100%; } #block_vw .art_ctr .iTpl-sstit{ margin: 15px 0 10px; font-size: 34px; font-weight: normal; margin-top: 0; } #block_vw .art_ctr .car_ls .iTpl-sstit{ font-size: 15px; } #block_vw .art_ctr .car_ls{ display: flex; flex-wrap: wrap; padding-top: 25px;} #block_vw .art_ctr .car_ctr{ flex: 1 1 auto; min-height: 56px; } #block_vw .art_ctr .car_ctr label{ padding: 5px 10px; cursor: pointer; } #block_vw .art_ctr .car_ctr label.chk{ background-color: #3C8277; color: #fff; } #block_vw .art_ctr .px{ position: relative; text-align: left; padding: 0; color: #ADC40C; display: flex; } #block_vw .art_ctr .px .val{ text-align: right; display: inline-block; } #block_vw .art_ctr .px .unval{ text-decoration: line-through; } #block_vw .art_ctr .px .val .val_new{ color: #ADC40C; font-family: idW_CenturyGothic; letter-spacing: 0; font-size: 21px;} #block_vw .art_ctr .px .val .uv {width: 100%; text-align: left; font-size: 13px; height: 15px; line-height: 13px; padding-left: 0;} #block_vw .art_ctr .px .val .uv:not(.has_um) { padding-left: 75px; } #block_vw .art_ctr .px .tax{ color: #ADC40C; font-family: idW_CenturyGothic; vertical-align: top; display: none;} /*#block_vw .px .flag{ position: absolute; left: 20px; bottom: -10px; }*/ #block_vw .to_bsk{ text-align: left; margin-top: 30px; align-items: center; display: flex; padding: 0; /*max-width: 102px;*/ position: relative;} #block_vw .to_bsk.dispo .iTpl-btn.dis, #block_vw .to_bsk:not(.dispo) *:not(.dis){ display: none !important; } #block_vw .to_bsk > .iTpl-btn { font-size: 19px; height: 35px; text-transform: none;} #block_vw .to_bsk > .iTpl-btn:not(.dis) { padding: 7px 20px;background-color: #3C8277; color: #fff; display: inline-flex; align-items: center; } #block_vw .to_bsk > .iTpl-btn.dis { cursor: default; box-shadow: none; padding-left: 0;} #block_vw .dsc{ padding: 80px 0; margin-left: 10px; max-width: 600px; } #block_vw .dsc .iTpl-sstit{ font-size: 1.2rem; color: #8C8C8C; } #block_vw .nav{ padding: 5px 0; z-index: 100; } #block_vw .ctn_art_lnk{ margin-top: -22px; margin-left: 10px; } #block_vw .ctn_art_lnk .iTpl-btn-grp { background-color: #fff; color: #3C8277; margin-top: 0;} #block_vw .ctn_art_lnk .iTpl-btn-grp .iTpl-btn, #block_vw .ctn_art_lnk .iTpl-btn-grp input { background-color: #fff; color: #3C8277;} #block_vw .ctn_art_lnk .iTpl-btn-grp img {filter: none;} #block_vw .ctn_art_lnk .iTpl-btn-grp:not(.empty) img {display: none;} /*#block_vw .ctn_art_lnk .iTpl-tit{ margin: 0; }*/ #block_vw .ctn_art_lnk .iTpl-tit span{ background-color: #fff; font-size: 30px; padding: 5px 20px 5px 0; z-index: 1; font-family: iDW_centuryGothic_bold; } #block_vw .ctn_art_lnk .iTpl-tit:after { width: calc(100% - 60px); right: 60px; } .iTpl-btn-grp-vwitm .invalid {display: none; width: 100%; position: absolute; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 50;} .iTpl-btn-grp-vwitm.locked .invalid {display: flex;} /*DIAPO*/ .iTpl-point-ls.idViewerCtrBtns { display: flex; justify-content: center; padding-top: 10px;} .iTpl-point-ls.idViewerCtrBtns.hide {display: none;} .iTpl-point.idViewerBtns { width: 15px; height: 15px; display: inline-flex; border-radius: 50%; box-shadow: 0 3px 6px rgba(0,0,0,0.16); margin-right: 10px; border: 1px solid #3C8277;} .iTpl-point.idViewerBtns.sld { background-color: #3C8277;} .iTpl-point-ls .iTpl-point.idViewerBtns:last-child {margin-right: 0;} .fam_nav {display: none;} .ctn_art_lnk .iTpl-ctn.iTpl-itm.art { max-height: 270px; margin-left: 0; margin-right: 35px; } .ctn_art_lnk .iTpl-itm.art .img {min-height: unset;max-height: 190px; width: 250px;} /*CST SHOP*/ .iTpl-acc-row {background-color: #fff; padding-top: 27.5px;} .iTpl-row-pag .iTpl-ctn {/*padding: 15px 0;*/ padding: 0; padding: 25px 0; padding-top: 0;} .iTpl-foot.iTpl-row-pag .iTpl-ctn {padding-top: 25px;} .iTpl-nav{ display: block; text-align: right; } .iTpl-nav > *{ padding: 10px 5px; opacity: 1; cursor: pointer; vertical-align: middle; } .iTpl-nav.first .prev, .iTpl-nav.last .next{ cursor: default; opacity: 0.5; } .iTpl-nav.first.last{ display: none; } .idViewer {/*width: 450px;*/ /*max-height: 320px; */ /*border: 1px solid #F4F1EC; box-shadow: 3px 3px 6px rgba(85,85,85,0.07)*/; margin: 0 auto; max-width: 100%;} .idViewerData {display: none;} .iTpl-back-itm {position: absolute; left: 55px; display: flex; align-items: center; color: #3C8277; font-size: 15px; font-family: idW_CenturyGothic; letter-spacing: 0; cursor: pointer; transition: 0.5s; top: 0; top: -80px; z-index: 50000; font-family: idW_CenturyGothic; color: #3E3D40; font-size: 15px;} .iTpl-back-itm .iTpl-back {width: 12px; height: 23px; margin-right: 10px !important;;} .iTpl-back-itm:hover {padding-right: 10px; left: 45px;} #ctr_all .iTpl-back-itm:hover {padding-left: 5px; left: 35px;} /*.col_art.col_img { max-width: 275px; }*/ .col_art.col_ctn { margin-left: 15px; } .col_art.col_ctn .iTpl-back-itm img.iTpl-back { display: block !important; } .col_art.col_ctn .iTpl-back-itm { left: 30px; top: 0; } .col_art.col_ctn .iTpl-sstit {text-align: left; font-family: idW_CenturyGothic_bold; font-size: 34px; color: #403840;} .col_art.col_ctn .iTpl-sstit span {font-family: idW_CenturyGothic_bold; font-size: 34px; color: #403840;} .col_art.col_ctn .iTpl-ctn-bsk {display: flex; align-items: center; /*margin-left: 38px;*/ margin-top: 71px; max-width: 600px; } .col_art.col_ctn .iTpl-ctn-bsk > div {margin: 0 !important; flex: 1; } .col_art.col_ctn .iTpl-ctn-bsk .iTpl-btn-grp {margin-right: 0; margin-left: auto; height: 48px; min-width: 140px;} .col_art.col_ctn .iTpl-ctn-bsk .iTpl-btn-grp .iTpl-btn { min-width: 40px; font-size: 30px; font-weight: normal;} #block_ls .iTpl-btn-grp:not(.empty) img {display: none;} /*RCTT MEA*/ .iTpl-col-nav-adr .iTpl-ctn .rctt-mea-itm { cursor: pointer; position: relative; transition: 0.5s; width: 100%; margin-top: 10px; letter-spacing: 0;} .iTpl-col-nav-adr .iTpl-ctn .iTpl-tit + .rctt-mea-itm { margin-top: 35px; } .iTpl-col-nav-adr .iTpl-ctn .rctt-mea-itm:hover {padding-left: 20px; width: calc(100% + 30px);} .iTpl-col-nav-adr .iTpl-ctn .rctt-mea-itm .arr {transition: 0.5s; position: absolute; right: 15px; opacity: 0; width: 8px; top: 2px;} .iTpl-col-nav-adr .iTpl-ctn .rctt-mea-itm:hover .arr {opacity: 1;} /*VW PRD*/ .iTpl-btn-like, .iTpl-btn-gotop {display: none;} .ctn_art_lnk .iTpl-tit {font-family: idW_CenturyGothic_bold; font-weight: normal;} #ctr_nav .iTpl-nav, .iTpl-ctn-nav .iTpl-nav {position: static; text-align: center;} #ctr_nav .iTpl-nav img, .iTpl-ctn-nav .iTpl-nav img {max-width: 46px; max-height: 46px;} .pt-ls {display: inline-flex; align-items: center;} .pt-ls .pt {margin-left: 5px; min-width: 12px; font-family: idW_CenturyGothic; font-size: 15px;} .pt-ls .pt.sld {font-family: idW_CenturyGothic; font-size: 20px;} #block_ls_empty {display: none; flex-direction: column; height: 400px; letter-spacing: 0; margin-top: 60px; margin-left: 40px; margin-right: 40px; margin-bottom: 70px;} #block_ls_empty .empty-search-txt {font-size: 34px; } #block_ls_empty .empty-search-txt b {font-size: 25px; font-family: idW_CenturyGothic_bold; font-weight: normal;} #block_ls_empty.show {display: flex; } #block_ls_empty .empty-txt {display: flex !important; text-align: center; font-family: idW_CenturyGothic; font-size: 16px; background-image: url(../../../img/mep/body/empty.png); background-repeat: no-repeat; background-position: center; height: 123px; background-size: contain; width: 280px; margin: 0 auto; align-items: center; margin-bottom: 123px; letter-spacing: 0; background-size: 70px; margin-top: 160px; min-height: 70px;} #block_ls_empty .iTpl-btn {max-width: max-content; margin: 0 auto;} #block_ls_empty .empty-foot-txt span {max-width: 196px; position: relative;} #block_ls_empty .empty-foot-txt span:before, #block_ls_empty .empty-foot-txt span:after {content: ''; display: block; width: 16px; background: transparent none no-repeat center center; background-size: contain; position: absolute; top: 0; bottom: 0} #block_ls_empty .empty-foot-txt span:before { background-image: url('../../../img/mep/body/bf_tit_b.png'); left: -10px;} #block_ls_empty .empty-foot-txt span:after { background-image: url('../../../img/mep/body/af_tit_b.png'); right: -10px;} #block_ls_empty .empty-foot-txt {display: flex !important; text-align: center; font-family: idW_CenturyGothic; font-size: 20px; flex: 1; align-items: center; justify-content: center;} #block_ls_empty .empty-foot {background-image: url(../../../img/mep/body/back-boutique.png); background-size: cover; height: 110px; display: flex;} #block_ls_empty .empty-foot:hover {cursor: pointer; box-shadow: 3px 3px 6px #F4F1EC;} #block_ls_empty .empty-foot .empty-foot-ctc {display: flex; flex-direction: column; flex: 1; align-items: center; justify-content: center;} #block_ls_empty .empty-foot .empty-foot-ctc .empty-foot-ctc-txt {font-size: 24px;} #block_ls_empty .empty-foot .empty-foot-ctc img {width: 30px;} #block_ls_empty .empty-foot .empty-foot-ctc .empty-foot-ctc-tel {display: flex; align-items: baseline; font-size: 20px; color: #3C8277;} /*#block_ls_empty .empty-foot .empty-foot-ctc .empty-foot-ctc-tel > span {margin-bottom: 5px;}*/ /*DOUBLE INPUT GESTION VRAC*/ .car_vrac_lbl {position: relative;} #block_vw .car_vrac_lbl .info_qte {display: flex; position: absolute; font-size: 10px; letter-spacing: 0; top: calc(100% + 5px); line-height: 10px; left: 0; color: #403840; width: max-content;} .double-ipt {border: 1px solid #999; max-width: 100px; display: inline-flex; padding: 5px; align-items: center; /*margin-left: 20px;*/ height: 27px;} .double-ipt input, .double-ipt select { border: 0; outline: 0 !important; color: #66686B; padding: 0 9px; flex: 1; max-height: 19px; -webkit-appearance: none;} .double-ipt input:first-child { max-width: 55%; text-align: right;} .double-ipt select:last-child { border-left: 1px solid #999; max-width: 45%; cursor: pointer;} /*MIN WIDTH*/ @media screen and (min-width: 1740px){ .iTpl-body.inVw .iTpl-menu-shop-back, .iTpl-body.iTpl-head-small .iTpl-menu-shop-back, .iTpl-body._boutique .iTpl-menu-logo-small .iTpl-logo {left: calc( calc(100% - 1650px ) / 2 )} } @media screen and (min-width: 1460px){ .iTpl-body._boutique .iTpl-search-menu {top: -5px} } @media screen and (min-width: 800px){ #block_vw .col_art.col_ctn .iTpl-ctn-bsk {margin-top: 70px !important;} } @media screen and (min-width: 600px){ .iTpl-row-pag-shop {display: flex; max-width: 1620px; margin:0 auto; position: relative;} .iTpl-row-pag-shop #ctr_col {order: 1; width: 300px; position: sticky; right: 0; top: 100px; height: max-content;} .iTpl-main:not(.inVw) .iTpl-row-pag-shop #ctr_block {min-width: unset; max-width: calc(100% - 300px); width: calc(100% - 300px);} .iTpl-row-pag-shop #ctr_col .iTpl-col-nav-adr-desk {width: 280px; background-color: #F5F5F5; margin: 15px 15px 15px auto;} .iTpl-row-pag-shop #ctr_col .iTpl-ctn {max-width: max-content; margin-left: 0; padding: 5px; background-color: #fff; font-size: 16px;} .iTpl-row-pag-shop #ctr_col .prudent-tit { font-size: 21px; width: 100%; text-align: center; margin: 35px 0;} .iTpl-row-pag-shop #ctr_col .prudent-tit b {font-weight: normal; font-family: iDW_centuryGothic_bold;} .iTpl-row-pag-shop #ctr_col .iTpl-col-nav-adr-desk .iTpl-ctn {display: flex; align-items: center; padding: 0;} .iTpl-row-pag-shop #ctr_col .iTpl-col-nav-adr-desk .iTpl-ctn .iTpl-tit {font-family: iDW_centuryGothic_bold; font-size: 16px; padding: 11px;} .prudent-ctn { display: flex; margin: 30px 15px;} .prudent-ctn img { max-width: 100%;} .prudent-ctn .prudent-img {min-width: 70px; height: 55px; width: 70px; display: flex; align-items: center;} .prudent-ctn .prudent-stit {font-size: 16px; font-family: idW_CenturyGothic_bold; color: #ADC40C;} .prudent-ctn .prudent-stxt {font-size: 14px; color: #403840; letter-spacing: 0} .prudent-ctn .prudent-txt { margin-top: 15px; } .prudent-info {margin-top: 20px; text-align: right; margin-right: 15px; padding-bottom: 15px;} } .inVw .iTpl-row-pag-shop #ctr_col {display: none;} /* Conteneur général */ @media screen and (max-width: 1800px){ [data-ls_mod="acc"] #ctr_ndd .iTpl-back + .iTpl-tit-sep{ margin-left: 0; } } @media screen and (max-width: 1700px){ #block_vw .ctn_art_lnk {margin-left: 40px; } } /* Tab */ @media screen and (max-width: 1600px){ #ctr_all{ flex: 1 1 auto; } #block_ls .iTpl-itm.art{ margin: 15px; margin-left: 0; } .inVw #ctr_all{ padding: 10px 0 25px; } #block_vw .col_art.col_ctn .iTpl-back{ top: 25px; left: 30px; } #block_vw .ctn_art_lnk{ text-align: left; padding: 0; } #block_vw .ctn_art_lnk > *{ text-align: left; } } @media screen and (max-width: 1400px){ /*#block_vw .art_ctr{ display: block; padding-top: 10px; }*/ /*#block_vw .col_art.col_img .iTpl-back{ top: 25px; left: 30px; display: block; }*/ /*#block_vw .col_art.col_img .iTpl-sstit{ display: block; margin-left: 60px; }*/ #block_vw .col_art.col_ctn .iTpl-back, #block_vw .col_art.col_ctn .iTpl-tit-sep {display: none;} } @media screen and (max-width: 1300px){ #block_ls {padding-right: 40px;} } @media screen and (max-width: 1200px){ .iTpl-col-nav {padding: 0; width: 375px; min-width: 375px;} #block_vw .art_ctr .iTpl-sstit {margin-top: 0;} #block_vw .col_art.col_ctn { margin-left: 20px; margin-right: 10px; } #qte_bsk_art{ height: 33px; } #block_ls .fam{ display: flex; width: auto; } .iTpl-body._boutique .iTpl-search-menu.show {width: 100vw;} } @media screen and (max-width: 1130px){ #block_ls {padding-top: 0;} .iTpl-body._boutique .iTpl-search-menu { top: -5px;} .iTpl-body._boutique .iTpl-search-menu.use {width: 530px; } .double-ipt {max-height: 26px;} } @media screen and (max-width: 1050px){ #block_vw .to_bsk > .iTpl-btn:not(.dis) { font-size: 15px; padding: 7px 10px;} } @media screen and (max-width: 1000px){ #ctr_all{ flex: 0 1 auto; } #qte_bsk_art{ height: 33px; } #block_ls .fam{ display: inline-flex; width: calc( 50% - 20px ); } .iTpl-col-nav-adr {max-width: 300px ; margin-left: auto; margin-right: auto;} #block_vw .art_ctr {display: flex !important; flex-direction: column; } #block_vw .art_ctr .col_art.col_img {order: -1; padding: 60px 0px 0 0px; } #block_vw .art_ctr .col_art.col_ctn > .iTpl-sstit {position: absolute; top: 35px; left: 10px; } #block_vw .art_ctr .car_ls {padding: 25px 0 0 0;} #block_vw .col_art.col_ctn .iTpl-ctn-bsk {margin-top: 0; margin-left: 10px;} #block_vw .ctn_art_lnk{ margin-left: 10px; } } @media screen and (max-width: 890px){ ._boutique.inSearch:not(.iTpl-head-small) .iTpl-logo-responsive > a:first-child {margin-top: -50px; max-height: 25px; overflow: hidden;} #block_vw .art_ctr .col_art.col_ctn > .iTpl-sstit { top: 25px; } } @media screen and (max-width: 800px){ #ctr_all .iTpl-back {display: none !important;} #ctr_all #ctr_ndd .iTpl-back-itm:hover {left: 30px; padding-left: 5px;} #block_vw .art_ctr{ display: block; padding-top: 10px; } #block_vw .col_art.col_ctn {margin: 0; padding-top: 25px; width: 100%; margin-left: 10px;} #block_vw .col_art.col_ctn .iTpl-back-itm {display: none;} #block_vw .col_art.col_img {padding-left: 0;} #block_vw .col_art.col_ctn .iTpl-ctn-bsk .iTpl-ctn.px {width: 100%; margin: 40px 0 !important;} #block_vw .col_art.col_ctn .iTpl-ctn-bsk .iTpl-ctn.to_bsk {width: 100%;} #block_vw .col_art.col_img .iTpl-back{ display: none !important; } #row_ctr[data-ls_mod="fam"] #ctr_ndd .iTpl-search, #row_ctr[data-ls_mod="search"] #ctr_ndd .iTpl-search {margin-top: 32px;} .col_art.col_img { max-width: 100%; } #ctr_all {padding: 0 0 25px 0;} #block_ls .fam{ display: flex; width: auto; } #block_vw .to_bsk > .iTpl-btn{ margin: 0; } .iTpl-col-nav .iTpl-col-nav-adr .iTpl-ctn {max-width: 300px;} .iTpl-col-nav .iTpl-col-nav-adr:first-child .iTpl-ctn {margin-left: 0;} .iTpl-col-nav .iTpl-col-nav-adr:first-child .iTpl-ctn .iTpl-tit {left: calc(50% - 111px); width: 223px; font-size: 22px; letter-spacing: 0} .iTpl-col-nav .iTpl-col-nav-adr:last-child .iTpl-ctn {margin-left: 0;} .iTpl-col-nav .iTpl-col-nav-adr:last-child .iTpl-ctn .iTpl-tit {left: calc(50% - 132px); width: 265px; font-size: 21px; letter-spacing: 0; padding: 16px 2px;} #block_vw .art_ctr .col_art.col_ctn > .iTpl-sstit { top: 5px; } } @media screen and (max-width: 680px){ .double-ipt {max-height: 24px;} } @media screen and (max-width: 600px){ .fam .iTpl-sstit {font-size: 21px;} #ctr_col{ display: block; } #block_ls {padding: 20px; min-height: unset;} #block_ls .fam_sep {margin-top: 0;} #block_ls .qte_bsk_art {font-size: 20px; font-family: iDW_centuryGothic_bold;} #block_ls .iTpl-itm.art .dsg {height: 71px; line-height: 24px; font-size: 19px;} #block_ls .iTpl-itm.art .ctn-more {padding-left: 6px;} .iTpl-btn-gotop {display: flex; transition: 0.5s; position: fixed; right: 20px; top: 50px;} .iTpl-body:not(.iTpl-menu-fixed) .iTpl-btn-gotop {opacity: 0; } .iTpl-body.iTpl-menu-fixed .iTpl-btn-gotop { opacity: 1; align-items: center; width: max-content; z-index: 110; border-radius: 2px; /*padding: 5px 10px;*/} #block_vw .col_art .iTpl-btn-like {border: 1px solid #3C8277; color: #3C8277; display: inline-flex; min-width: 175px; padding: 13px 8px 13px 5px; align-items: center; cursor: pointer; height: 48px;} #block_vw .col_art .iTpl-btn-like:hover {box-shadow: 3px 3px 6px #F4F1EC;} #block_vw .col_art .iTpl-btn-like span {font-family: iDW_centuryGothic; font-size: 13px; letter-spacing: 0;} #block_vw .iTpl-btn-grp {margin-left: auto; margin-right: 0; height: 48px; } #block_ls .iTpl-itm.art .ctn {display: flex; align-items: center; flex-direction: column; padding: 0 !important;} #block_ls .iTpl-itm.art .ctn-txt {height: 20px; width: 100%; padding-left: 12px;} #block_ls .iTpl-itm.art .ctn-txt .dsg {height: auto; margin-top: 0; font-family: iDW_centuryGothic_bold; font-size: 16px;} #block_ls .iTpl-itm.art .ctn-more {margin: auto 0 0 auto;} #block_ls .iTpl-itm.art .ctn-more {text-align: right;} #block_ls .iTpl-itm.art .ctn-more .px {text-align: left;} #block_ls .iTpl-itm.art .ctn-more .iTpl-btn-grp {margin-right: 0; width: 109px; height: 29px; border: 1px solid #3C8277; margin-top: 0} #block_ls .iTpl-itm.art {width: 100%; max-width: unset; height: 90px; display: flex; flex-direction: row; margin-left: auto; margin-right: auto;} #block_ls .iTpl-itm.art .img, #block_ls .iTpl-itm.art .ctn {flex: 1;} #block_ls .iTpl-itm.art .img {max-width: 140px; min-height: unset; height: 100%;} #block_ls .iTpl-itm.art .img img {margin: 0;} #block_ls .iTpl-itm.art .ctn {padding: 10px 0; margin-right: 10px;} #block_ls .fam{ display: inline-flex; width: auto; min-width: calc(100% - 20px); box-shadow: 3px 3px 6px #3C8277; height: 68px; } #block_ls .fam .ico{ vertical-align: middle; background-color: transparent; order: 3; margin-right: 10px; } #block_ls .fam .ico img { bottom: 0; width: unset; } .iTpl-ctn-txt {display: none;} #block_vw .art_ctr .car_ctr {margin-top: 15px;} .iTpl-search {margin-top: 0 !important;} #block_ls_empty .empty-search-txt b {display: none;} #block_vw .col_art.col_img, #block_vw .col_art.col_ctn {margin-left: 0;} } @media screen and (max-width: 600px){ .iTpl-col-nav-adr-mob {display: flex; background-color: #F5F5F5; flex-direction: column; margin-bottom: 22px; margin-top: 22px;} .iTpl-col-nav-adr-desk {display: none;} /*RESTEZCHEVOUS*/ @keyframes anim-velo { from {margin-left: -400px;} to {margin-left: 15px;} } .iTpl-col-nav-adr-mob .nav-txt { max-height: 0; transition: 0.3s; margin: 0 12px 0 17px; padding: 0; color: #ADC40C; max-width: 600px; border-top: 1px solid #E9E9E9; ; overflow: hidden;} .iTpl-col-nav-adr-mob.unfold .nav-txt {max-height: 60vh; padding-bottom: 52px; padding-top: 15px; position: relative;} .iTpl-col-nav-adr-mob.unfold .nav-txt .nav-tournee {color: #403840; background-color: #fff; padding: 10px; text-align: right; max-width: max-content; position: absolute; right: 0; bottom: 0px;} .iTpl-col-nav-adr-mob .iTpl-arrow img {max-width: 7px; margin-left: 20px; margin-right: 45px; transition: 0.5;} .iTpl-col-nav-adr-mob.unfold .iTpl-arrow img {transform: rotate(90deg);} .iTpl-col-nav-adr-mob .iTpl-arrow { position: absolute; left: 0;} .iTpl-col-nav-adr-mob .iTpl-tit {height: 100%; display: flex; align-items: center; padding: 17px 22px 17px 50px; background-color: #FFFFFF; font-family: iDW_centuryGothic_bold; font-size: 20px; height: 44px; margin-bottom: 0; margin-top: auto; transition: 0.5;} .iTpl-col-nav-adr-mob .iTpl-img-liv {transition: 0.5s; margin-left: 15px;} .iTpl-col-nav-adr-mob .iTpl-img-liv img {width: 55px;} .iTpl-col-nav-adr-mob .iTpl-ctn {display: flex; align-items: baseline; padding: 0; position: relative; background-color: #F5F5F5; height: 54px; margin-left: 0;} .iTpl-col-nav-adr-mob.unfold .iTpl-tit {height: 54px;} .iTpl-col-nav-adr-mob.unfold .iTpl-img-liv {opacity: 0;} .iTpl-col-nav-adr-mob {color: #403840;} .iTpl-col-nav-adr-mob .prudent-ls {margin-left: 15px; } .iTpl-col-nav-adr-mob .prudent-tit {font-size: 21px; color: #403840; text-align: center; margin: 30px 0; } .iTpl-col-nav-adr-mob .prudent-tit b {font-weight: normal; font-family: iDW_centuryGothic_bold; color: #403840;} .iTpl-col-nav-adr-mob .prudent-ctn { display: flex; max-width: 270px; margin: 30px auto;} .iTpl-col-nav-adr-mob .prudent-ctn img { max-width: 100%;} .iTpl-col-nav-adr-mob .prudent-ctn .prudent-img {min-width: 70px; height: 55px; width: 70px; display: flex; align-items: center;} .iTpl-col-nav-adr-mob .prudent-ctn .prudent-stit {font-size: 16px; font-family: idW_CenturyGothic_bold; color: #ADC40C;} .iTpl-col-nav-adr-mob .prudent-ctn .prudent-stxt {font-size: 14px; color: #403840; letter-spacing: 0} .iTpl-col-nav-adr-mob .prudent-ctn .prudent-txt { margin-top: 15px; } .iTpl-col-nav-adr-mob .prudent-info { text-align: right; padding-right: 20px;} #block_ls .fam_sep span {font-size: 24px;} #block_ls .iTpl-itm.art .px {height: 30px; font-size: 15px;} #block_ls_empty { height: unset; margin-bottom: 100px;} #block_ls_empty .empty-foot {flex-direction: column; height: 250px; background: none;} #block_ls_empty .empty-txt {width: 226px; background-size: 60px; background-position: center 20px; margin-bottom: 60px;} #block_ls_empty .iTpl-btn {width: 290px; margin: 0 auto;} #block_ls_empty .empty-foot-txt {flex-direction: column; height: 250px; background: transparent url('../../../img/mep/body/back-boutique.png') no-repeat center 100%; max-height: 110px;} #block_ls_empty .empty-foot-ctc {flex-direction: column; height: 250px; background: transparent url('../../../img/mep/head/ban_shop.jpg') no-repeat center 100%;} #block_vw .ctn_art_lnk {margin: 0 10px 100px;} #block_vw .ctn_art_lnk .iTpl-tit {margin-bottom: 40px;} #block_vw .ctn_art_lnk .iTpl-ctn {flex-direction: row} #block_vw .ctn_art_lnk .iTpl-ctn .img {max-width: 120px; max-height: 90px;} #block_vw .ctn_art_lnk .ctn {padding-left: 15px;} #block_vw .ctn_art_lnk .ctn h1 {margin-top: 0;} #block_vw .col_art.col_ctn .iTpl-sstit span, .ctn_art_lnk .iTpl-tit span {font-size: 28px; font-family: iDW_centuryGothic_bold;} #block_vw .col_art.col_ctn .iTpl-ctn-bsk, #block_vw .dsc {margin-left: 0;} #block_vw .dsc {padding-bottom: 0;} #block_vw .art_ctr .col_art.col_img {padding: 60px 0px 0 0px; margin-right: 0;} #block_vw .art_ctr {margin: 10px;} #block_vw .col_art.col_ctn .iTpl-ctn-bsk { display: flex; align-items: center; } #block_vw .col_art.col_ctn .iTpl-ctn-bsk.has-artLnk { display: flex; align-items: center; flex-direction: column; } }