/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ //+ © Copyright iDIWAY 2009 //+ 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/iTpl.css $ //+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* --- Color --- Vert : Dark : #2C5137 Sapin : #467755 medium :#008C3A light : #B8CB00 Bleu : #00CBCB #00AFAF Gris: #403840 #B2B2B2 #F4F3F1 #CBC7BF */ /* --- Font --- */ @font-face{ font-family: iDW_CenturyGothic; src: url('font/Gothic/GOTHIC.woff') format("woff"), url('font/Gothic/GOTHIC.ttf') format("truetype"); } @font-face{ font-family: iDW_CenturyGothic_bold; src: url('font/Gothic/GOTHICB.woff') format("woff"), url('font/Gothic/GOTHICB.ttf') format("truetype"); } @font-face{ font-family: iDW_HelveticaNeueLT; src: url('font/Helvetica/helveticaneueltstd-roman.woff') format("woff"), url('font/Helvetica/helveticaneueltstd-roman.ttf') format("truetype"); } /* Taille : Base : 14px Slagon : 20px - 1.4rem Titre : 28px - 2rem Sous-Titre : 16px - 1.2rem - Uppercase - Bold Sous-Titre 2 : 18px - 1.3rem - Bold Sous-titre 3 : 16px - 1.2rem - Bold; Bouton : 16px - 1.2rem Bouton Light : 16px */ :root { --foot-height: 136px; } @keyframes logoRight { from { left: 50px; opacity: 0; } to { left: 0; opacity: 1; } } .iTpl-tlb-btn.back {display: none !important;} /* --- GNL --- */ html{ height: 100%; } a{ color: #49a092; text-decoration: none;} a:not(.iTpl-btn):hover {text-decoration: underline} .iTpl-main {min-height: 500px; position: relative; padding-top: 180px; padding-bottom: var(--foot-height);} .noselect {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .iTpl-callto {font-size: 1.5em; color:#00AFAF;} .iTpl-list-page {list-style: circle;} .iTpl-list-page li {margin: 20px;} .iTpl-body{position: relative; min-height: 100%; margin: 0; padding: 0; letter-spacing: 0.5px; word-spacing: 1px; line-height: 1.5rem; color: #403840; font-size: 14px; font-family: idW_CenturyGothic; display: block; transition: 0.4s;} .iTpl-body.iTpl-body-glue{ padding-top: 55px; } .left{ text-align: left !important; } .center{ text-align: center !important; } .right{ margin: 0 auto;} .justify{ text-align: justify !important; } /* MEP */ .iTpl-row-pag{ display: block; margin: 0; padding: 0; } .iTpl-row-pag.white{ background-color: #fff; } .iTpl-row-pag.first{ position: relative; padding-top: 40px; } .iTpl-row-pag.first::before{ content: ''; display: block; background-color: #FFF; position: absolute; left: 0; right: 0; top: 0; height: 400px; z-index: -1; } .iTpl-col-pag{ max-width: 1200px; margin: 0 auto; } .iTpl-col-pag.large{ max-width: 1900px; } .iTpl-icon{ display: inline-block; vertical-align: bottom; width: 20px; height: 20px; } .iTpl-sys{ text-align: center; font-style: italic; line-height: 30px; color: #848484; } .iTpl-hsep{ border-top: 1px solid #F8F2F7; margin: 20px 50px; } .iTpl-flex{ display: flex; } .iTpl-flex > *{ flex: none; } .iTpl-flex .iTpl-flex-max{ flex: 1 1 auto; } .iTpl-flex .iTpl-flex-min{ flex: 1 0 0%; } .iTpl-flex .iTpl-flex-left{ text-align: left; } .iTpl-flex .iTpl-flex-center{ text-align: center; } .iTpl-flex .iTpl-flex-right{ text-align: right; } .iTpl-mail{ white-space: nowrap; } .iTpl-mail span{ display: inline; color:#787971;} .iTpl-mail span[data-content]:after{ content: attr(data-content); } /*CORRECTIFS CALENDAR IDIWAY*/ .calendar {letter-spacing: initial; word-spacing: initial; line-height: initial;} /* MODAL */ .iTpl-modal{ position: fixed; z-index: 6000; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); opacity: 0; text-align: center; white-space: nowrap; transition: opacity 0.5s ease; } .iTpl-modal.show{ opacity: 1; } .iTpl-modal:before{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .iTpl-modal .iTpl-modal-win{ background-color: #FFF; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2); display: inline-block; vertical-align: middle; padding: 25px; white-space: normal; width: 700px; margin: 15px; max-width: calc(100% - 30px); } .iTpl-modal .iTpl-tit{ margin: 10px 0; } .iTpl-modal .iTpl-modal-btn{ text-align: center; } /* FLYER */ .iTpl-sensor{ position: relative; } .iTpl-flyer{ padding: 5px 10px; display: none; position: absolute; color: #848484; background: none #FFF; border: 1px solid #F8F2F7; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2); top: 100%; } .iTpl-flyer.left{ right: 0; } .iTpl-flyer.right{ left: 0; } .iTpl-sensor:hover .iTpl-flyer, .iTpl-sensor.TS-hover .iTpl-flyer{ display: block; } /* --- HEAD --- */ .iTpl-head{ height: 140px; } .iTpl-head-menu{ background-color: #467755; } .iTpl-head-menu .iTpl-col-pag{ max-width: none; } .iTpl-head-btn{ padding: 5px 10px; display: inline-block; vertical-align: middle; cursor: pointer; } .iTpl-logo {width: 8%; height: auto; margin-right: 20%; display: block; position: absolute; top: 1%; transition: 0.4s; left: calc(calc(100% - 1900px) / 2); padding-top: 15px; max-width: 150px;} .iTpl-head-small .iTpl-menu .iTpl-logo {padding-top: 5px;} .iTpl-menu-small{ display: none; } .iTpl-body._boutique .iTpl-logo .iTpl-menu .iTpl-menu-logo {display: block;} .iTpl-menu .iTpl-menu-logo-small {display: none;} .iTpl-menu .iTpl-menu-logo.iTpl-menu-logo-acc img {width: 214px; top: 15px;} .iTpl-menu-responsive, .iTpl-menu-responsive-tiny, .iTpl-logo-responsive, .iTpl-foot-responsive, .iTpl-menu-responsive-max {display: none;} .iTpl-menu .iTpl-menu-btn.menu-usr .iTpl-flyer {text-align: right !important; padding: 10px 20px; top: 30px;} .iTpl-menu .iTpl-menu-btn.menu-usr .iTpl-flyer .iTpl-menu-btn { width: 100%; display: inline-flex; align-items: center; text-align: right; justify-content: end; text-decoration: none;} ._boutique .iTpl-logo-responsive {height: 80px;} ._boutique.iTpl-head-small .iTpl-logo-responsive {height: 45px;} ._boutique:not(.iTpl-head-small) .iTpl-logo-responsive > a:first-child {margin-top: -10px;} .iTpl-logo-responsive .iTpl-head-bsk {position: absolute; right: 10px; bottom: 6px;} ._boutique.iTpl-head-small .iTpl-logo-responsive .iTpl-head-bsk {bottom: -4px;} .iTpl-logo-responsive .iTpl-head-bsk span {position: absolute; right: 6px; top: 0px; background-color: #ADC40C; color: #fff; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%} .iTpl-logo-responsive .search-pdt {position: static;} #f_base_mob .iTpl-search {min-width: unset; right: 65px; top: 30px;} ._boutique.iTpl-head-small #f_base_mob .iTpl-search { top: -3px;} .search-pdt.open #f_base_mob .iTpl-search { width: calc(100% - 120px);} .search-pdt:not(.open) #f_base_mob .iTpl-search { width: 0; } .search-pdt .search-ico {position: absolute; right: 70px; bottom: 12px;} ._boutique.iTpl-head-small .search-pdt .search-ico {bottom: 2px;} .search-pdt.open .search-ico { display: none; } /*SMALL HEAD*/ .iTpl-head-small .iTpl-menu {padding: 1% 0; position: fixed;} .iTpl-head-small .iTpl-menu .iTpl-menu-logo {display: none; transition: 0.4s;} .iTpl-head-small .iTpl-menu .iTpl-menu-logo-small {display: block !important; transition: 0.4s;} /* NAV */ .iTpl-menu {width: 100%; margin-top: 0px; padding: 3% 0; text-align: right; position: fixed; top: 0; left: 0; right: 0; background-color: white; z-index: 1000; transition: 0.4s; display:flex; flex-direction: row-reverse; align-items: center; margin: 0 auto;} @media screen and (min-width: 2200px){ .iTpl-menu {padding: 50px 0; } } .iTpl-menu .iTpl-menu-btns {display: flex; flex-direction: row-reverse; align-items: center; max-width: 1900px; width: 100%; margin: 0 auto;} .iTpl-menu.iTpl-menu-top .iTpl-menu-btn .iTpl-menu-txt:hover, .iTpl-menu.iTpl-menu-top .iTpl-menu-btn.sld .iTpl-menu-txt, .iTpl-menu.iTpl-menu-top .iTpl-menu-btn.prt .iTpl-menu-txt {color: #34bcbc;} .iTpl-menu-btn{ text-decoration: none; color: #BEBEBE; font-size: 14px; font-weight: bold; margin-left: 3%;} .iTpl-menu-btn:hover > .iTpl-menu-txt, .iTpl-menu-btn.TS-hover > .iTpl-menu-txt, .iTpl-menu-btn.prt > .iTpl-menu-txt, .iTpl-menu-btn.sld > .iTpl-menu-txt{ color: black;} .iTpl-menu-ico, .iTpl-menu-txt{ display: inline-block; vertical-align: middle; transition: color 0.25s ease; } .iTpl-menu-btn.right{ order: 2; } .iTpl-head-menu .iTpl-menu-big{ padding-left: 375px; } .iTpl-menu-cnx {background-color: #00AFAF;} .iTpl-menu-cnx .iTpl-flyer, .iTpl-menu-btn.btn-usr .iTpl-flyer {background-color: #019393; color:#FFF;} .iTpl-menu-btn .iTpl-sensor:hover .iTpl-flyer {display: flex; flex-direction: column;} /*MENU SHOP*/ .iTpl-body._boutique .iTpl-menu {transition: 0.5s; align-items: baseline; height: 188px; background-image: url('/tpl/tpl0/img/mep/head/shop-bck.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover;} .iTpl-body._boutique.inVw .iTpl-menu, .iTpl-body._boutique.iTpl-head-small .iTpl-menu, .iTpl-body._bsk .iTpl-menu {height: 100px; background-position: center 50%; padding: 20px 0;} .iTpl-body._boutique .iTpl-menu .iTpl-menu-shop-tit { position: absolute; padding: 12px 15px 12px 40px; background-color: #fff; bottom: 0; left: 0; } .iTpl-body._boutique .iTpl-menu .iTpl-menu-shop-tit span { font-size: 25px; letter-spacing: 0} .iTpl-body._boutique .iTpl-menu .iTpl-menu-shop-tit span b { font-weight: normal; font-family: iDW_centuryGothic_bold; } .iTpl-body._boutique.inVw .iTpl-menu-shop-tit, .iTpl-body._boutique.iTpl-head-small .iTpl-menu-shop-tit, .iTpl-body._bsk .iTpl-menu .iTpl-menu-shop-tit {display: none;} .iTpl-body._boutique .iTpl-menu .iTpl-menu-btn {font-family: idW_CenturyGothic; color: #403840; font-size: 15px; font-weight: normal; letter-spacing: 0;} .iTpl-body._boutique .iTpl-menu .iTpl-menu-btn.sld {font-family: idW_CenturyGothic_bold; ;} .iTpl-body._boutique .iTpl-main {padding-top: 188px; transition: 0.5s;} .iTpl-body._boutique.inVw .iTpl-main, .iTpl-body._bsk .iTpl-main {padding-top: 100px;} .iTpl-body._boutique .iTpl-logo {left: 40px; margin-left: 0;} /*SEARCH*/ .search-pdt {position: relative;} .search-pdt .iTpl-search .iTpl-search-flt {position: absolute; left: 8px; margin-left: 0; width: 19px; padding: 0;} .search-pdt .iTpl-search .iTpl-search-del {padding: 0; position: absolute; right: 10px; width: 12px;} .search-pdt .iTpl-search .iTpl-search-ipt {width: 100%; padding-left: 30px; height: 35px;} .search-pdt .iTpl-flyer { display: none; } .search-pdt:not(.open) .iTpl-menu-txt {opacity: 1; transition: 0.5s;} .search-pdt.open .iTpl-menu-txt {opacity: 0;} .velo-pdt { position: absolute; left: 0; bottom: 7px;} .iTpl-head-small .velo-pdt {bottom: 0;} .iTpl-body._boutique .iTpl-search-menu {display: flex; position: absolute; right: 0; top: 5px; width: 0; overflow-x: hidden; justify-content: end; align-items: center; transition: 0.5s; min-width: unset;} .iTpl-body._boutique .iTpl-search-menu.show {width: 100vw;} /*MENU BTNS POS*/ .iTpl-body._boutique .iTpl-menu-btns {margin-top: 10px;} /*LOGO*/ .iTpl-body._boutique._bsk .iTpl-menu-logo .iTpl-logo {left: 40px; padding-top: 0;} .iTpl-body._boutique .iTpl-menu-logo-small .iTpl-logo {left: 40px; padding-top: 0; width: 200px; max-width: 200px; top: calc( 50% - 30px);} .iTpl-body._boutique._bsk .iTpl-menu-logo .iTpl-logo.iTpl-logo-shop, .iTpl-body._boutique .iTpl-menu-logo-small .iTpl-logo.iTpl-logo-shop {top: calc( 50% - 30px); width: 200px; max-width: 200px; left: 40px;} .iTpl-body._bsk .iTpl-menu-logo .iTpl-logo {width: 125px; } .iTpl-body._boutique.inVw .iTpl-menu-logo {display: none;} .iTpl-body._boutique.inVw .iTpl-menu-logo-small {display: initial !important;} .iTpl-menu .iTpl-head-bsk-mob {position: relative;} .iTpl-menu .iTpl-head-bsk-mob .iTpl-menu-bsk-nbart {position: absolute; right: 4px; top: 0; background-color: #ADC40C; color: #fff; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px;} /*BACK*/ ._bsk .iTpl-menu-shop-back {bottom: 0;} .iTpl-menu-shop-back {position: absolute; bottom: 60px; left: 40px; display: flex; align-items: center; color: #403840; font-size: 12px; cursor: pointer;} .iTpl-menu-shop-back:hover .iTpl-menu-shop-back-img {margin-left: -5px; margin-right: 10px;} .iTpl-body.inVw .iTpl-menu-shop-back, .iTpl-body.iTpl-head-small .iTpl-menu-shop-back {bottom: -30px;} .iTpl-body .iTpl-menu-responsive .iTpl-menu-shop-back {bottom: 0;} .iTpl-menu-shop-back-itm {display: none;} .iTpl-menu-shop-back-img {display: none; margin-right: 5px; transition: 0.5s;} .iTpl-body.inVw .iTpl-menu-shop-back-acc {display: none;} .iTpl-body.inVw .iTpl-menu-shop-back-itm {display: initial;} .iTpl-body.inVw .iTpl-menu-shop-back-img {display: initial;} /*SHOP*/ /*QTE BSK ART*/ .iTpl-btn-grp {border: 1px solid #3C8277; border-radius: 2px; height: 35px; width: 102px; display: inline-flex !important; align-items: center; margin-left: 0;/* margin-right: 30px;*/ position: relative; background-color: #fff; } .iTpl-btn-grp .iTpl-btn {flex: 1; padding: 5px; z-index: 1; max-width: 20px; user-select: none; margin: 0 !important; background-color: #fff; color: #3C8277; max-height: 100%; height: 100%;} .iTpl-btn-grp .iTpl-btn:hover {background-color: unset; color: #3c8277; box-shadow: 1px 1px 2px rgba(57,57,57,0.07);} .iTpl-btn-grp .iTpl-btn.more {margin-left: auto !important;} #block_vw .iTpl-btn-grp .iTpl-btn.more {margin-top: 2px !important; max-height: max-content !important; font-family: iDW_centuryGothic !important;} #qte_bsk_art, .qte_bsk_art { line-height: inherit; display: inline-block; font-size: 15px; box-sizing: border-box; vertical-align: top; width: 50px; text-align: center; border: 0; width: 100%; height: 100%; z-index: 0; position: absolute; color: #3C8277; left: 0; } /*BSK in VW PRD*/ #block_vw .iTpl-btn-grp {background-color: #3C8277; } #block_vw .iTpl-btn-grp input {background-color: #3C8277; color: #fff; } #block_vw .iTpl-btn-grp img {filter: brightness(255); } #block_vw .iTpl-btn-grp .iTpl-btn {background-color: #3C8277; color: #fff; border-radius: 0;} /*INPUT QTE BSK ART*/ .to_bsk.empty .iTpl-btn-grp #qte_bsk_art, .to_bsk.empty .iTpl-btn-grp .qte_bsk_art, .iTpl-btn-grp.empty .qte_bsk_art {display: none; } .to_bsk.empty .iTpl-btn-grp > img, .iTpl-btn-grp.empty > img {position: absolute; left: calc(50% - 10px); } .to_bsk:not(.empty) .iTpl-btn-grp > img { display: none !important; } .to_bsk:not(.empty) .iTpl-btn-grp:not(.empty) > img { display: none; } .to_bsk:not(.empty) .iTpl-btn-grp:not(.empty) > img { display: none; } #block_ls .ctn-more .iTpl-btn-grp { float: right;} /*ART*/ .iTpl-itm.art {border: 0; box-shadow: none; width: 254px; height: 280; flex-direction: column; padding: 10px; background-color: #fff; display: inline-flex; position: relative; vertical-align: top; cursor: pointer; margin-left: 10px; margin-right: 25px; padding: 0 !important; margin-bottom: 40px;} .iTpl-itm.art .img {position: relative; text-align: center; min-height: 200px; height: 200px; display: inline-flex; align-items: center; } .iTpl-itm.art .img > img {max-width: 100%; display: block; margin: 0 auto; max-height: 100%; height: 100%; width: 100%; object-fit: cover;} .iTpl-itm.art .img .px, .iTpl-itm.art .img .bsk {position: absolute; background-color: #fff; padding: 5px 10px; font-size: 16px; color: #403840; bottom: 0;} .iTpl-itm.art .img .bsk {padding: 0;} .iTpl-itm.art .img .bsk .iTpl-btn-grp {border: 0; height: 35px; color: #403840;} .iTpl-itm.art .ctn {position: relative; z-index: 100; } .iTpl-itm.art .dsg {min-height: 16px; margin: 10px 0; font-size: 16px !important; padding: 0; font-weight: normal; line-height: 16px; letter-spacing: 0; word-spacing: 0; color: #3C8277; font-family: idW_CenturyGothic_bold; margin-bottom: 25px; height: 32px;} .iTpl-itm.art .ctn-more {text-align: left; color: #403840; font-family: idW_CenturyGothic; font-size: 19px; margin-top: 25px;} .iTpl-itm.art .ctn-more .tax {vertical-align: top; font-size: 12px;} .iTpl-itm.art .btn {background-color: #F4F1EC; color: #403840; font-size: 15px; font-family: idW_CenturyGothic; padding: 8px 12px 9px 9px; max-width: max-content;} /* --- COVID --- */ .covid { max-width: 600px; margin: 50px auto; /*border: 1px solid #c2c2c2; background-color: #fafafa;*/ padding: 15px; cursor: pointer; transition: 0.5s;} /*.covid:hover {box-shadow: 0px 0px 3px #c2c2c2;}*/ .covid-txt {display: flex; align-items: center; font-size: 13px; line-height: 15px; padding: 20px 0 35px 0;} .covid-txt.column {flex-direction: column;} .covid-txt > img {margin-right: 20px; filter: grayscale(0.6);} .covid.alert .covid-txt > img { filter: unset;} .covid .btn-resa {text-align: right; margin: 0 !important;} .covid-tit {margin-left: 120px; font-size: 22px;} .covid.noImg {padding-right: 0;} .covid.noImg > .covid-tit, .covid.noImg > .covid-txt > div:first-child {margin-left: 30px;} .covid.noMargin {padding: 15px 0;} .covid.noMargin > .covid-tit, .covid.noMargin > .covid-txt > div:first-child {margin-left: 0px;} .covid.noMask {padding: 10px 5px;} .covid.noMask > img {margin-right: 3px; max-width: 12px;} @media screen and (max-width: 680px){ .covid-txt {flex-direction: column;} .covid-txt > img { margin-right: 0; margin-bottom: 20px;} .covid-tit {margin-left: 0px; text-align: center; width: 100%;} } /* --- MAIN --- */ /*Couleurs*/ .white { color: white;} .lime { color: #ADC40C;} .red {color: #C40C2B;} .blue-duck { color: #3B8276; } .grey {color: #BEBEBE;} /*UTILE*/ .flex {display: flex; align-items: center;} .flex article {margin: 20px;} .flex-1 {flex: 1;} .flex-2 {flex: 2;} .flex-3 {flex: 3;} .flex-4 {flex: 4;} .flex-10 {flex: 10;} .absolute {position: absolute;} .relative {position: relative;} .no-margin-bottom {margin-bottom: 0;} .no-padding-bottom {padding-bottom: 0 !important;} .no-padding-top {padding-top: 0 !important;} .iTpl-nopadding {padding: 0 !important;} .iTpl-nomargin {margin: 0 !important;} .btn-right {float: right; display: flex;} .iTpl-overflow-hidden {overflow: hidden;} .iTpl-padding-top {padding-top: 5%;} .wrap {flex-wrap: wrap;} .w100 {width: 100%;} .w50 {width: 50%;} .ml3 {margin-left: 3%;} .iTpl-ml30 {margin-left: 30px !important;} .iTpl-mt15 {margin-top: 15px !important;} .iTpl-mH10 {margin: 0 10px;} .iTpl-mH30 {margin: 0 30px;} .iTpl-align {display: flex; align-items: center;} .pointer {cursor: pointer;} .iTpl-ctr-bl {margin: 0 auto; max-width: max-content;} /*TABLE*/ .iTpl-table {display: grid; background-color: white; position: relative; max-width: max-content;} .iTpl-table-idx {padding: 10px; position: absolute; top: -10px; left: -20px; text-align: center; background-color: #ADC40C; color: #fff; font-weight: 900;} .iTpl-table-cell {padding: 10px; } .iTpl-table-sep {border-bottom: 2px solid #ADC40C;} #iTpl-table-div-t1 {display: flex; justify-content: center;} /*ACCUEIL*/ /*Part 1*/ .iTpl-acc1 {padding-right: 165px !important; padding-left: 165px !important; padding-bottom: 50px !important; display: flex;} .acc-links-nores {margin-bottom: 10px;} .iTpl-acc-links { width: 60%; width: calc(60% - 10px); margin-left: 10px;} .iTpl-acc-links .iTpl-clickbox { margin: 0; display: flex;} .iTpl-acc-links .iTpl-mea {margin: 0;} #acc-boutique-div {margin: 0 10px;} .iTpl-welcome { /*flex: 20%;*/ width: 40%; display: inline-block; vertical-align: middle; display: flex;} .iTpl-welcome * {margin: auto 0;} /*NO MEA*/ .iTpl-acc1.hasNotMea {flex-direction: row-reverse;} .iTpl-acc1.hasNotMea .iTpl-acc-links {margin-left: 0;} .iTpl-acc1.hasNotMea .iTpl-acc-hor {flex-direction: column;} .iTpl-acc1.hasNotMea .iTpl-acc-hor .iTpl-welcome {width: 100%; margin: 50px 0; display: flex; align-items: center; justify-content: center;} .iTpl-acc1.hasNotMea #acc-hor-text{display: none;} .iTpl-acc1.hasNotMea .acc-links-nores {margin-bottom: 0;} .iTpl-acc1.hasNotMea > .iTpl-welcome {display: none;} /*BLOCK HOR*/ .iTpl-acc1.hasNotMea .iTpl-acc-hor {max-height: 304px; overflow: hidden; min-height: unset;} @media screen and (max-width: 1900px){ .iTpl-acc1.hasNotMea .iTpl-acc-hor {max-height: 15vw; } @media screen and (min-width: 1580px){ .iTpl-acc1.hasNotMea .iTpl-acc-hor .iTpl-welcome {margin: 10px auto;} .iTpl-acc1.hasNotMea .iTpl-acc-hor .iTpl-welcome * {font-size: 25px;} } .iTpl-acc1.hasNotMea .iTpl-acc-hor > span > br {display: none;} } @media screen and (max-width: 1580px){ .iTpl-acc1.hasNotMea .iTpl-acc-hor .iTpl-welcome {display: none;} .iTpl-acc1.hasNotMea > .iTpl-welcome {display: flex; width: 100%; margin: 60px auto;} } @media screen and (max-width: 1460px){ .iTpl-acc1.hasNotMea {padding: 0 110px 0 90px !important;} } @media screen and (max-width: 1130px){ .iTpl-acc1.hasNotMea .iTpl-acc-hor .iTpl-welcome {display: flex;} .iTpl-acc1.hasNotMea {padding: 0 !important;} .iTpl-acc1.hasNotMea .iTpl-acc-hor {max-height: unset; } .iTpl-acc1.hasNotMea > .iTpl-welcome {display: none;} } .acc-links-res {display: none;} .acc-txt {position: absolute; font-size: 14px; padding: 5px; min-height: 25px;} .acc-txt.gr { background-color: #5B5959; color: #fff; top: 19px; left: 5%;} .acc-txt.wh {background-color: #fff; color: #757575; padding-left: 19px; top: 44px; left: 14%;} .acc-txt.gr.cl {background-color: #000; color: #fff;} .acc-txt.wh.cl {background-color: #fff; color: #000;} .iTpl-acc-hor {background-color: rgba(239, 239, 239, 0.6); min-height: 455px; display: flex; align-items: center; margin: 0 10px 0 0 !important; width: 40%;} .iTpl-acc-hor .iTpl-stit {font-size: 1.2em;} .margin-vertical {margin: 5% 0;} .padding-vertical {padding: 5% 0;} /*Part 2*/ .iTpl-acc2 {display: flex; padding: 184px 165px 134px 150px !important;} .situation { flex: 4; margin: 0 20px 0 0;} .webcam { flex: 3; padding-left: 200px;} #situation-text-div { margin-left: 2%;} #situation-img {max-width: 100%;} #skieurs-div a { color: #3B8276; text-decoration: none;} #skieurs-webcams { display: flex; align-items: center; justify-content: center; text-align: center;} #skieurs-webcams span { flex: auto;} .webcam-inner {position: relative; max-width: 600px;} .acc-wcm-date {text-align: right;} /*part 3*/ .iTpl-acc3 { padding-top: 184px; padding-left: 172px; padding-bottom: 152px; width: 100%; background-color: #8D9A33;} .iTpl-acc3.acc3-hide {display: none;} .iTpl-acc3 > .iTpl-col-pag {padding-right: 250px !important; padding-left: 78px !important;} #acc-actu-title {margin-bottom:40px;} #acc-actu-article {margin: 0;} #iTpl-acc-last {flex-direction: column; align-items: unset; margin-right: 16%; max-width: 1500px;} .iTpl-acc-last .iTpl-itm {max-width: unset; height: 330px; min-height: 380px; margin-left: 0; margin-right: 40px;} .iTpl-acc-last .iTpl-itm:last-child {margin-right: 0;} .acc-actu-content { position: relative; flex: 1;} .acc-actu-content img {width: 50%;} .acc-actu-floating-text { position: absolute;} .acc-actu-img { height: 100%;} .acc-actu-content .iTpl-cri-list {margin: 7px 0 0 0;} .iTpl-actu-responsive {display: none;} .iTpl-mea {cursor: pointer; transition: box-shadow 0.35s;} .iTpl-mea:hover {box-shadow: 2px 2px 5px #acacac} .iTpl-mix-background {background-color: #8D9A33; background-image: linear-gradient(#8D9A33, #8D9A33), url('/tpl/tpl0/img/mep/prd/background-foret-vert.jpg'); background-position: left, right; background-size: 67% 100%, cover; background-repeat: no-repeat, no-repeat;} .iTpl-actu-tit {text-align: left; font-size: 16px; font-weight: 900; margin: 10px 0;} .iTpl-txt {padding: 15px;} .iTpl-liv {margin-left: 10%;} .iTpl-calendar-icon {margin-right: 10px; display: inline; vertical-align: text-bottom; width: auto !important;} .iTpl-btn-allactu {max-width: max-content; margin-left: auto;} .sep-sapin {min-height: 56px;} /*PROFIL*/ .usr-pfl > .iTpl-itm {width: 40%; min-height: 250px;} #iTpl-btn-dcnx-usr {display: none;} .iTpl-col-pag-pfl-info {max-width: 1600px;} .iTpl-col-pag-pfl-info .iTpl-tit {max-width: 1500px;margin-left: 95px;} /*ABO*/ #frmFlw .grp.flw {padding-bottom: 5px; margin: 10px;} /*HORAIRES*/ .iTpl-hor-entete .open, .iTpl-hor-entete .close {display: none;} .iTpl-hor-entete {padding: 20px; text-align: center; color: white; display: flex; align-items: center; justify-content: center; border-radius: 3px; max-width: 160px;} .iTpl-hor-entete.responsive, .iTpl-hor-start.responsive {display: none;} .iTpl-hor-head.responsive {display: none;} .iTpl-hor-start {margin-left: 2em; margin-top: 27px;} .iTpl-hor-dsc { padding: 50px 0;} .iTpl-hor-open {background-color: #ADC40C;} .iTpl-hor-close {background-color: #C40C2B;} .iTpl-hor-topen, .iTpl-hor-tclose {background-color: #C79612;} .iTpl-hor-open .open, .iTpl-hor-topen .open {display: initial;} .iTpl-hor-close .close, .iTpl-hor-tclose .close {display: initial;} /*Nouveau bloc horaire*/ .iTpl-hor-frame {display: flex;} .iTpl-hor-info {padding: 7px 14px; display: flex; align-items: center;} .iTpl-hor-info .desc {margin-left: 15px; flex: auto;} .iTpl-hor-info .icon {min-width:min-content; max-width: max-content;} .iTpl-hor-info.fl-red {background-color: rgba(196, 12, 43, 0.1); border-left: 4px #C40C2B solid;} .iTpl-hor-info.fl-green {background-color: rgba(173, 196, 12, 0.75); color: #FFFFFF;} .iTpl-hor-info.fl-lg {background-color: rgba(173, 196, 12, 0.1); border-left: 4px #ADC40C solid; color: #6f6f6f;} .iTpl-hor-date {margin-bottom: 19px;} .iTpl-hor-today {padding: 60px 96px 20px 162px; flex: calc(calc(45% - 162px) - 96px);} .iTpl-hor-projection {background-size: cover; background-image: url("/tpl/tpl0/img/mep/prd/background-foret.jpg"); flex: calc(calc(55% - 160px) - 128px); padding: 145px 160px 50px 128px;} .iTpl-hor-box {display: flex; flex-direction: column;white-space: nowrap; flex: auto; margin-left: 32px; color: #707070;} .iTpl-hor-box .line {display: flex; line-height: 30px;} .iTpl-hor-box .line.first {font-weight: 900;} .iTpl-hor-box .line .line-date {flex: 1;} .iTpl-hor-box .line .line-hor {flex: 1;} .iTpl-hor-sbox {border: 2px #EFEFEF solid; padding: 5px;} .iTpl-hor-sbox.day {flex: 1; max-height: 32px;} .iTpl-hor-sbox.hor {flex: auto; display: flex; align-items: center; justify-content: center;} .iTpl-hor-sbox.sel {background-color: #EFEFEF; border: 2px #fff solid;} .iTpl-hor-sbox h1 {font-size: 14px;} /*calendrier*/ .iTpl-hor-cal {display: flex; flex-direction: row;} .iTpl-calendrier {background-color: #fff; width: 70%; padding-left: 70px; padding-right: 70px; padding-bottom: 64px; padding-top: 50px; /*max-width: 590px;*/} .iTpl-cal-header {display: flex; align-items: center; color: #000; font-weight: 900; margin-bottom: 35px;} .iTpl-cal-header img {cursor: pointer;} /*calendar arrow*/ .iTpl-calendrier.cal-prev-dsb .cal-prev, .iTpl-calendrier.cal-next-dsb .cal-next {opacity: 0.4; pointer-events: none;} .iTpl-cal-mh {flex: auto; text-align: center;} :root { --color-cle: rgba(196, 12, 43, 0.2); --color-op: rgba(173, 196, 12, 0.2); --color-cl: rgba(117, 117, 117, 0.2); } /*NEW*/ .iTpl-calendar {display: flex; flex-direction: column; text-align: center;} .iTpl-calendar .thead {border-bottom: 1px solid rgba(132,132,132,0.1);} .iTpl-calendar .tr {display: flex; margin: 5px 0;} .iTpl-calendar .td {height: 30px; width: 30px; margin: 0 auto; display: inline-flex; align-items: center; justify-content: center; cursor: pointer;} .iTpl-calendar .tr .td:first-child { margin-left: 0;} .iTpl-calendar .tr .td:last-child { margin-right: 0;} .iTpl-calendar .cell-cl {color: #757575;} .iTpl-calendar .cell-op {color: #ADC40C;} .iTpl-calendar .cell-cle {color: #C40C2B;} .iTpl-calendar .cell-auj {border-radius: 50%;} .iTpl-calendar .cell-auj.cell-cl {border: 1px solid #757575;} .iTpl-calendar .cell-auj.cell-op {border: 1px solid #ADC40C;} .iTpl-calendar .cell-auj.cell-cle {border: 1px solid #C40C2B;} .iTpl-calendar .cell-sel { border-radius: 50%;} .iTpl-calendar .cell-sel.cell-cl { background-color: var(--color-cl);} .iTpl-calendar .cell-sel.cell-op { background-color: var(--color-op);} .iTpl-calendar .cell-sel.cell-cle { background-color: var(--color-cle);} .iTpl-calendar .cell-dsb {opacity: 0.5; color: #B2B2B2;} .iTpl-calendar .cell-forbid { pointer-events: none; opacity: 0.4; } .iTpl-calendar .cell-jf span {border-bottom: 1px solid black;} /*détails du jour*/ .iTpl-details {background-color: rgba(255, 255, 255, 0.5); flex: 30%; padding: 30px 50px 30px 50px; position: relative; } .iTpl-details-hor {width: 100%; background-color: transparent;} .iTpl-details-lbl {font-weight: 900; margin-top: -45px; background-color: rgba(173, 196, 12, 0.2); max-width: max-content; padding: 5px; margin-left: -50px; padding-left: 45px; padding-right: 30px;} .iTpl-details-lbl.op {background-color: var(--color-op);} .iTpl-details-lbl.cle {background-color: var(--color-cle);} .iTpl-details-lbl.cl {background-color: var(--color-cl);} .iTpl-hor-line {border-left: 2px solid #ADC40C; min-height: 40px; position: relative; display: flex;} .iTpl-hor-line.s {min-height: 10px; margin-top: 20px; border-left: 2px dotted #B2B2B2;} .iTpl-hor-line.txts .dot {top: 0;} .iTpl-hor-line.txte .dot {bottom: 0;} .iTpl-hor-line.cl {border-left: 2px dotted #B2B2B2; min-height: 38px;} .iTpl-hor-line .dot {height: 9px; width: 9px; background-color: #ADC40C; border-radius: 50%; display: inline-block; position: absolute; left: -5px;} .iTpl-hor-line .txt {position: absolute; margin-left: 14px; font-size: 13px; font-weight: 900; color: #757575;} .iTpl-hor-line.txts .txt {top: -7px;} .iTpl-hor-line.txte .txt {bottom: -7px;} .iTpl-hor-info {position: absolute; bottom: 0; left: 0; width: 100%;} .iTpl-hor-info.noabs {position: initial;} .proj-auj {opacity: 0.4; margin-left: 30px; z-index: 1; cursor: pointer;} /*WEBCAM*/ :root{ --cell-height: 10px; } /*webcam accueil*/ .iTpl-img-cam {transition: 0.35s;} .iTpl-img-cam:hover { box-shadow: 2px 2px 5px #acacac } .iTpl-wcm-img {box-shadow: 0 3px 6px rgba(0,0,0,0.16); background-color: transparent; width: 100%; height: 100%; object-fit: cover; object-position: center;} .iTpl-wcm-main .vw-now {display: none;} .iTpl-wcm-main.vw-now .vw-now {display: initial;} .iTpl-wcm-main .vw-empty {display: none;} .iTpl-wcm-main.vw-empty .vw-empty {display: block; margin: auto;} .iTpl-wcm-main.vw-empty .vw-noempty {display: none;} .bk {height: 20px; display:flex; } .bk-pg {min-height: 20px; } .bk-pg.gr {background-color: #adc40c; width: 49.5%;} .bk-pg.cr {background: linear-gradient(to right, #ADC40C 50%, white); width: 1%;} .bk-pg.wh {background-color: white; width: auto;} .iTpl-wcm-timeline {flex: 14; width: 100%; display: flex; position: relative; height: max-content; margin-top: 20px;} .iTpl-wcm-timeline .segment {flex: 2; position: relative; height: 90px; cursor: pointer;} .iTpl-wcm-timeline .segment.alone, .iTpl-wcm-timeline .segment.alone .wcm-bar {cursor: initial;} .iTpl-wcm-timeline .segment.last, .iTpl-wcm-timeline .segment.first {flex: 1;} .iTpl-wcm-timeline .segment .wcm-bar {background-color: rgba(190, 190, 190, 0.3); min-height: 10px; width: 100%; position: absolute; bottom: 30px; cursor: pointer;} .iTpl-wcm-timeline .segment .wcm-v {display: none; position: absolute; bottom: 60px; right: 7px; border: 2px solid #E8E8E8;} .iTpl-wcm-timeline .segment .wcm-hor {display: none; position: absolute; bottom: 55px;right: 7px; background-color: #E8E8E8; padding: 4px 7px; font-weight: 900; border-radius: 3px;} .segment.alone .wcm-bar {color: transparent !important; background: none !important; background-color: rgba(190, 190, 190, 0.3) !important;} .wcm-hor {max-width: 60px; min-width: 60px;} .iTpl-wcm-timeline .grad {border-left: 1px solid black; width: 0px; position: absolute; height: 10px; bottom: 30px; z-index: 0;} .grad.hidden {height: 3px;} .iTpl-wcm-timeline .grad-div {position: absolute; bottom: 0; pointer-events: none; width: 30px; bottom: -7px;} .iTpl-wcm-timeline .grad-div .grad {height: 5px;} .grad-div .grad-lbl {position: absolute; bottom: 10px; right: 12px;} .iTpl-wcm-timeline .segment .wcm-dat {display: none; position: absolute; bottom: 25px; color: #bebebe; padding: 4px 7px;} .iTpl-wcm-timeline .segment:hover .wcm-v {display: initial;} .iTpl-wcm-timeline .segment:not(.first):hover .wcm-hor.hov, .iTpl-wcm-timeline .segment:not(.last):hover .wcm-hor.hov {display: initial;} .wcm-dat.last {right: 0; text-align: right;} .wcm-dat.first {left: 0 !important; text-align: left;} .wcm-dat.first, .wcm-dat.last {display: initial !important;} :root { --past-color: rgb(202,214,120); } .iTpl-wcm-timeline .segment:not(.alone) .wcm-bar.past {background-color: var(--past-color);} .iTpl-wcm-timeline .segment:not(.alone) .wcm-bar.semi.past {background: linear-gradient(to left, rgba(190, 190, 190, 0.3) var(--semi-w), var(--past-color) 0%); border: 0;} .iTpl-wcm-timeline .segment:not(.alone) .wcm-bar ~ .border {display: none;} .iTpl-wcm-timeline .segment:not(.alone) .wcm-bar.semi.past ~ .border {display: initial; position: absolute; bottom: 0; width: calc(100% - var(--semi-w)); height: 2px; background-color: rgba(0, 0, 0, 0.5);} .iTpl-wcm-timeline .segment:not(.alone) .chrono {display: none;} .iTpl-wcm-timeline .segment:not(.alone) .wcm-bar.semi.past ~ .chrono {display: initial;} .wcm-bar.semi.past ~ .wcm-hor:not(.hov) {display: flex;} .iTpl-wcm-timeline .segment:hover .wcm-hor:not(.hov) {display: none;} .cursor {transition: all 0.8s ease 0s; max-height: 75px; bottom: 30px; position: absolute; left: 0; min-height: 30px; pointer-events: none;} /*WEBCAM DATE*/ .i-frm__grp.date { padding: 8px 10px 8px 15px; border: 1px solid #ADC40C; border-radius: 3px; cursor: pointer; max-width: 150px;} .i-frm__date {display:flex; align-items: center;} input.if_ide {border: 1px solid transparent !important; font-size: 12px !important; width: 98px !important; padding: 6px !important; height: 26px !important;} .i-frm__grp.date:hover {color: black;} .da_hover {background-color: unset !important;} .da_ide {padding-right: 14px !important; border-bottom: 1px solid transparent !important; font-weight: 900;} .iTpl-wcm-btn { display: flex; flex-direction: column; justify-content: center; padding-right: 28px; position: relative; opacity: 0; width: 0; padding: 0;} .iTpl-wcm-btn a:hover {text-decoration: none;} /*webcma iframe*/ .iTpl-modal.modal-wcm {display: none;} .iTpl-modal.modal-wcm iframe {margin: 52px 32px; background-color: white; position: absolute; top: 112px; height: 84%; width: 97%; left: 0;} .iTpl-wcm-ctn {position: relative; width: max-content; margin: 0 auto; width: 1200px; height: 600px; background-color: #E8E8E8; display: flex; background-repeat: no-repeat; background-size: cover;} .iTpl-wcm-info {position: absolute; background-color: #FFFFFF; left: 0; padding: 7px 25px; top: 0; padding-left: 45px; transition: box-shadow 0.5s; cursor: pointer;} .iTpl-wcm-info:hover {box-shadow: 1px 1px 3px rgba(0,0,0,0.4);} .iTpl-wcm-info .picto-wcm {position: absolute; left: 0; top: 16px;} .iTpl-wcm-info .picto-wcm img {width: 32px;} .iTpl-wcm-info.vw-now .info-hor {font-size: 17px;} .iTpl-wcm-info * {text-align: center; font-weight: bold;} .iTpl-wcm-info .info-hor {font-size: 27px;} .iTpl-wcm-info .info-date {font-size: 12px;} .iTpl-wcm-progress {position: absolute; bottom: 6px; min-height: 6px; width: 100%; background-color: rgba(190, 190, 190, 0.5); background: linear-gradient(to right, #9BAADB 0%, rgba(190, 190, 190, 0.3) 0%);} .iTpl-wcm-progress-ctn {background-color: #9BAADB; width: 0%; min-height: 6px; } .iTpl-wcm-pg-st, .iTpl-wcm-pg-en {position: absolute; bottom: 15px; color: white; background-color: rgba(0,0,0,0.16); padding:2px 10px; box-shadow: 1px 1px 2px rgba(0,0,0,0.16)} .iTpl-wcm-pg-en {right: 0;} .iTpl-wcm-ctrl {margin: 25px 0; display: flex; max-width: 1200px; margin: 0 auto;} .iTpl-wcm-sel {display: flex; margin: 65px 0;} .iTpl-wcm-sel.dsb {display: none;} .iTpl-wcm-cell {flex: auto; min-height: var(--cell-height); background-color: #ADC40C; cursor: pointer; position: relative;} .iTpl-wcm-cell.dsb {background-color: rgba(190, 190, 190, 0.3);} .iTpl-wcm-cell.act {border-right: 1px solid #000;} .iTpl-wcm-cell:hover {box-shadow: 2px 2px 5px #000;} .iTpl-line-act {position: absolute; border-left: 1px solid #000; min-height: 32px; top: calc(-32px + var(--cell-height)); left: 100%; z-index: 50; padding-left: 5px; pointer-events: none;} .iTpl-line-act.st {min-height: 32px; right: 100%; left: 0;} .iTpl-line-act.end {border-left: 0; left: 0; border-right: 1px solid #000; right: 0; padding-right: 5px; padding-left: 0;} /*WEBCAM ACCUEIL*/ .webcam-div {position: relative; overflow: hidden; height: 300px;} .iTpl-img.img-prev, .iTpl-img.img-next {position: absolute;} .iTpl-img.img-prev {} .iTpl-img.img-next {left: 600px;} .img-prev.animating, .img-next.animating {transition: 1s;} .img-prev.animating {left: -600px;} .img-next.animating {left: 0px;} .wcm-dtls {position: absolute; top: 0; right: 0; cursor: pointer; box-shadow: -2px 2px 5px rgba(255,255,255,0.56); background-color: rgba(255,255,255,0.56); border-radius: 0 0 0 5px;} .wcm-dtls:hover {} /*PRODUITS*/ .iTpl-banner { width: 100%;} .iTpl-title-div { margin-top: 40px;} .iTpl-subtitle { font-size: 22px; font-family: idW_CenturyGothic_bold; font-weight: normal;} .iTpl-subtitle-div { margin-left: 35px;} .iTpl-fromages-div { display: flex; margin: 0 35px;} .iTpl-fromage-div { flex: 1; margin-right: 7%;} .iTpl-fromage-div img { width: 100%; height: auto;} .iTpl-product-desc h1 { color: #ADC40C; font-size : 14px;} .iTpl-product-desc p { font-size : 14px; line-height: 200%;} .iTpl-foret-background {background-image: url("/tpl/tpl0/img/mep/prd/background-foret.jpg"); background-size: cover;} #section2 { background-image: url("/tpl/tpl0/img/mep/prd/background-foret.jpg"); background-size: cover; display: flex; margin: 5% 0;} #section2 .iTpl-col-pag {display: flex; padding-top: 100px; padding-bottom: 50px;} .iTpl-section2-article {margin-left: 5%; margin-bottom: 5%;} #iTpl-section2-1 { flex: 1; margin-left: 30px;} #iTpl-section2-2 { flex: 1; margin-left: 0;} .iTpl-product-desc-hor { display: flex; margin-left: 0; margin-right: 18%; margin-top: 4%;} .iTpl-product-desc-hor-img { flex: 1; margin: auto 0%; width: 90%; height: 100%; max-width: 360px; } .iTpl-product-desc-other-img {max-width: 105px; height: 100%; margin: auto 40px auto 40px; max-height: 133px;} .iTpl-product-desc-hor-text { flex: 5; margin: 0% 4%;} #iTpl-product-tomme { margin-top: 4%; margin-left: 0;} .iTpl-product-desc-hor-text h1 { color: #ADC40C; font-size : 14px; } .iTpl-product-desc-hor-text p { font-size : 14px; line-height: 200%;} #iTpl-product-desc-huile { flex: 2; margin-top: 2%;} .iTpl-section2-2img { flex: 1; max-width: 120px; max-height: 120px;} .iTpl-section2-2text { flex: 5;} #section3 { background-image: url("/tpl/tpl0/img/mep/prd/decor2.png"); background-repeat: no-repeat; background-position: right; vertical-align:bottom; margin-bottom: 0px; margin-top: 0px; background-size: contain; width: auto; } .iTpl-section41{ padding-bottom: 0px; } #section3 .iTpl-col-pag{ padding-bottom: 0px; padding-top: 0px; } #section3 .iTpl-section2-article{ margin-bottom: 0px; } .iTpl-img-section3{ max-width: 300px; } .txt-section3{ max-width: 100%; padding-left: 1rem; margin-bottom: 8px; width: 600px; } .exergue{ margin-bottom: 5rem; margin-top: 3rem; } #section3 h3{ font-size: 17px; } #section3 h4{ color:#8D9A33; text-align: center; margin: auto; max-width: 700px; } #section4 { margin-top: 4%; margin-left: 4%; display: grid; grid-template-columns: repeat(18, 1fr); grid-template-rows: 2fr 1fr 2fr 2fr; /*grid-gap: 25px;*/} .iTpl-section4-1 { grid-column: 1 / 13; grid-row: 1 / 2;} .iTpl-section4-2 { grid-column: 13 / 21; grid-row: 1 / 3;} .iTpl-section4-3 { grid-column: 1 / 10; grid-row: 2 / 5;} .iTpl-section4-4 { grid-column: 10 / 21; grid-row: 3 / 6; background-color: #8D9A33;} #iTpl-subtitle-section2 { margin-left: 0;} .iTpl-section4-title { font-size: 22px; } .iTpl-section4-subtitle { font-size: 18px; } .iTpl-section4-separator { font-size: 14px; color: #ADC40C; margin-bottom: 10px;} .iTpl-section4-content { font-size: 14px; margin-top: 0;} .iTpl-section4-prices { width: 80%; margin-right: auto; margin-left: auto; margin-top: 5%; color: white; line-height: 30px;} .iTpl-section4-prices ul {list-style: none; overflow-x: hidden; text-align: left;} .iTpl-section4-prices ul li:before{ float: left; width: 0; white-space: nowrap; content:". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";} .iTpl-section4-prices ul li span:first-child {padding-right: 0.33em; background-color: #8D9A33;} .iTpl-section4-prices ul li span + span {padding-left: 0.33em; background-color: #8D9A33; float:right;} .pt { margin: 0 8px; cursor: pointer;} .arrow-dis { opacity: 0.2; cursor: default !important;} .prev, .next { cursor: pointer;} .idSliderItmContainer { display: flex;} .idSliderItmCtn, .idSliderItmImg { flex: 1;} .idSliderItmCtn { text-align: left;} .idSliderItmCtn * {width: 50%; white-space: normal;} .idSliderItmCtn h1 { font-size: 22px; font-weight: 900;} .idSliderItmCtn h2 { color: #8D9A33; font-size: 14px;} .idSliderItmCtn h3 { font-size: 14px; margin-left: 7%; margin-top: 7%;} .idSliderItmCtn p { font-size: 12px; margin-left: 7%; margin-bottom: 7%; line-height: 200%;} .idSliderItmCtn i { font-size: 12px; overflow-x: scroll; color: #757575;} .iTpl-nav { width: 50%; margin-left: 50%; margin-top: 2%; display: grid; grid-template-columns: 85% 15%;} .iTpl-nav-shortcut { text-align: left;} .iTpl-nav-arrows img { margin: 0 10px;} /*GITES*/ .iTpl-tour {width: 116px; height: 116px;} .iTpl-diapo-git .idSliderVw {background-color: transparent;} .igdBan:not(.iTpl-diapo-git) .idDiapoCtnImg img, .igdBan:not(.iTpl-diapo-git) .idDiapoCtnImg {min-width: 100%; height: 100%; object-fit: cover;} .flex article.first-txt-git {margin-right: 150px} .igdBan .idDiapoThumb .idSliderCtn {left: 0 !important;} .idDiapoCtnThumb .idDiapoThumb .idSliderItm .idDiapoThumbImg img {max-width: 100% !important; object-fit: cover;} .idSliderItm {max-height: 410px !important;} /*VISITES*/ .btn-resa {width: 100%; text-align: center;} .iTpl-txt-indent {margin-left: 60px; margin-top: 40px; line-height: 30px;} .iTpl-li {list-style: none; } .iTpl-list-title {font-size: 16px; text-align: left; text-decoration: underline;} .iTpl-li > li:before {content: url(/tpl/tpl0/img/mep/body/bullet.png); margin-right: 13px;} .iTpl-li > li {margin: 0 0 10px 0;} .iTpl-col-min {margin: 2% 5%;} .iTpl-col-space {margin-left: 15px;} #iTpl-guide {margin: 5%;} .iTpl-vis-hor > * {min-height: 184px;} .iTpl-vis-img-fromage {text-align: right; margin-right: 50px; margin-left: 0px;} .iTpl-vis-tarif > :first-child {min-width: 600px;} .img-assiette {margin-left: 45px;} .iTpl-vis-grid {display: grid; grid-gap: 0 50px; grid-template-columns: auto max-content; max-width: max-content;} .iTpl-vis-txtLight {color: #707070;} .iTpl-vis-txtMore {color: #ADC40B; font-family: idW_CenturyGothic_bold; font-size: 15px;} .iTpl-vis-txtMore.small {font-size: 13px;} /* I OBS */ .iTpl-info{ display: inline-block; width: 16px; height: 16px; text-align: center; font-size: 0; word-spacing: 0; letter-spacing: 0; margin: 0 0 0 5px; padding: 0 2px;border: 1px solid #AAA; color: #AAA; z-index: 100; vertical-align: bottom; font-family: Arial; border-radius: 50%; } .iTpl-info:hover{ background-color: #aaa; color: #fff; cursor: default; } .iTpl-info > i{ line-height: 13px; } .iTpl-info > * { font-size: 13px; word-spacing: 3px; letter-spacing: 1px; } .iTpl-info .iTpl-obs{ display: none; position: absolute; width: 300px; text-align: left; margin: 8px 0 0 -2px; padding: 5px; background-color: #fff; z-index: 100; color: #848484; border: 1px solid #ddd; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2); line-height: 16px; font-size: 12px; } .iTpl-info:hover .iTpl-obs{ display: inline; } /*Actu*/ .wait_msg {text-align: center; font-size: 16px; text-decoration: underline;} #iTpl-actu-head {display: flex; align-items: center; margin-left: auto; margin-right: auto; max-width: 1900px; margin-bottom: 20px; padding: 20px 0; } #iTpl-actu-head div:not(.iTpl-sensor) {flex: 1;} #iTpl-actu-head form {flex: auto;} #iTpl-actu-head form * {justify-content: right;} .iTpl-btn-load-comments {margin-left: 110px; margin-bottom: 20px; height: 30px; padding: 10px 20px; font-size: 12px;} /*HIDE R ACTU*/ .iTpl-actu-r {display: none;} .iTpl-btn-search-mob {display: none;} /*Actu Search*/ .iTpl-main-row{display: flex; justify-content: center;} .iTpl-main-col{flex: 0 1 1200px; padding: 20px; margin:0;} .iTpl-main-aside{position: relative; flex: 0 1 700px; padding: 20px 40px 20px 0; order: 1; width: 700px; } .iTpl-search{padding: 0; position:relative; display: flex; max-width: 330px; float: right;} .iTpl-search .iTpl-sensor {width: 30%;} .iTpl-search .iTpl-search-ipt{flex: 0 1 auto; font-family: idW_CenturyGothic; width: 330px; padding: 5px 50px 5px 20px; border-left: 0; border-right: 0; border: 1px solid #C2C2C2; border-radius: 100px; height: 38px;} .iTpl-search .iTpl-search-ipt::placeholder { font-style: italic; } .iTpl-search .iTpl-search-flt, .iTpl-search .iTpl-search-del{padding: 0px 10px;} .iTpl-search .iTpl-search-flt img, .iTpl-search .iTpl-search-del img{ display: block; } .iTpl-search .iTpl-search-flt{ margin-left: -40px; } .cla { margin-top: 15px; } .cla .iTpl-flyer{right: 0;} .iTpl-search-rub{margin-left: 5%; color: #757575; background-color: #fff; padding: 10px 20px; font-family:idW_CenturyGothic; border: 2px solid #757575; border-radius: 40px; display: flex; align-items: center;} .iTpl-search-rub img {margin-left: 20px;} #fltCtr {display : flex; flex-wrap: wrap; padding-left: 180px;} /*Autre ? */ #block_vw {position: relative;} .iTpl-main .iTpl-row-pag .iTpl-main-col #block_vw {display: none;} .iTpl-main.inVw .iTpl-row-pag .iTpl-main-col #block_vw {display: block;} .iTpl-main.inVw .iTpl-row-pag .iTpl-main-col #block_ls, .iTpl-main.inVw #ctr_tit {display: none;} .iPko-adm .iTpl-main{ position: fixed; top: 95px; bottom: 0; left: 0; right: 0; } .iTpl-main .iTpl-col-pag{padding: 20px 0; } .iPko-BOP{ width: 100%; height: 100%; display: block; } /* EVNT */ .iTpl-ctr-evt{position: relative; margin-top: 50px;} .iTpl-evt{position: relative;margin: 15px 0 15px 0; cursor: pointer;} .iTpl-evt-dsc{display:inline-block; padding-left: 10px; text-align: left;} .iTpl-evt-tit{font-family: idW_CenturyGothic;} .iTpl-ls-evt .iTpl-sys{text-align: left;} /* ADH */ .iTpl-col-pag.adh{text-align: center; color: #A1A1A1; font-size: 20px;} .iTpl-adh-cnx, .iTpl-adh-regis {margin-top: 20px;} .iTpl-adh-cnx span {line-height: 40px;} /* ACTU AFFICAHGE */ .iTpl-actu-header {display: flex; margin-bottom: 20px; max-width: 1295px;} .iTpl-actu-ctn {display: flex; flex-direction: column; max-width: 1120px; margin: 30px 0 100px 175px;} .iTpl-actu-ctn-txt {flex: 2;} .iTpl-actu-ctn-comments {flex: 1; margin-top: 70px;} .iTpl-aff-date{color:#757575; font-size: 12px;} .iTpl-actu-comment { border-bottom: 1px solid #F5F5F5; padding: 30px 0 30px 30px; background-image : url(/tpl/tpl0/img/mep/actu/bulle.png); background-position: 30px 30px; background-size: inherit; background-repeat: no-repeat;} .iTpl-actu-comment > div { margin-left: 70px; padding-right: 25px;} .iTpl-actu-comment.seeAll {max-height: unset;} .iTpl-actu-comment-date {color: #757575;} .iTpl-actu-comment-text {margin-left: 10%; max-height: 80px; overflow-y: hidden; margin-top: 10px;} .iTpl-actu-comment.seeAll .iTpl-actu-comment-text {max-height: unset;} .iTpl-actu-comment .iTpl-actu-comment-edit {display: none;} .iTpl-actu-comment.show_edit .iTpl-actu-comment-text:not(.iTpl-actu-comment-edit) {display: none;} .iTpl-actu-comment.show_edit .iTpl-actu-comment-edit {display: initial;} .iTpl-actu-comment.show_edit .modif-btn {display: none;} .iTpl-actu-comment-edit textarea { width: 80%; max-height: 200px; min-height: 100px; border: 4px solid #F4F6FB; resize: none; padding: 16px 26px; font-family: idW_CenturyGothic; margin: 10px 0;} .iTpl-actu-comment-edit .iTpl-btn {margin-right: 5px; height: 30px;} .wait-cmt > div, .wait-cmt > span, .wait-cmt {background-color: #F5F5F5;} .iTpl-actu-comment.wait-cmt {order: 5555; margin-top: 15px; background-image : url(/tpl/tpl0/img/mep/actu/wait-cmt.svg); padding-top: 15px; padding-bottom: 15px; background-size: 20px; background-position: 38px center;} .iTpl-actu-comment.wait-cmt .iTpl-actu-comment-date, .iTpl-actu-comment.wait-cmt .iTpl-actu-comment-name, .iTpl-actu-comment.wait-cmt span {color: #B2B2B2;} .iTpl-actu-comment.wait-cmt .iTpl-actu-comment-text {color: #757575;} .iTpl-actu-comment-text.wait-cmt {padding: 10px; margin-left: 60px; margin-top: 20px; background-image : url(/tpl/tpl0/img/mep/actu/wait-cmt.svg); background-repeat: no-repeat; background-size: 20px; background-position: 12px center; padding-left: 46px; } .iTpl-actu-comment-text.wait-cmt > div:first-child {color: #B2B2B2;} .iTpl-actu-comment-text.wait-cmt > div:last-child {color: #757575;} .iTpl-actu-comment:not(.showModif) .cmt-modif {display: none;} .iTpl-actu-comment.showModif .cmt-modif {} .iTpl-cmt-btn {text-align: center; display: flex; margin: 0 5%;} .iTpl-cmt-btn .iTpl-btn:first-child {flex: 1; margin-right: 10px;} .iTpl-cmt-btn .iTpl-btn:last-child {flex: 1; margin-left: 10px;} .iTpl-actu-msg {width: calc(100% - 150px); border: 4px solid #F4F6FB; resize: none; max-height: 200px; min-height: 100px; margin: 0 70px 20px 80px; padding: 16px 26px; font-family: idW_CenturyGothic;} .iTpl-actu-msg::placeholder {color: #C2C2C2; font-style: italic;} .iTpl-actu-msg:disabled {resize: none; height: 100px; margin-top: 6%; color: #C2C2C2; font-style: italic; background-color: #FCFCFC;} .iTpl-actu-msg:hover:enabled {border: 4px solid #ECEEF2;} .iTpl-actu-msg-div {position: relative;} #iTpl-actu-msg-post { margin-right: 70px; float: right; letter-spacing: 0; font-family: iDW_helveticaNeueLT; background-color: #3D3D3D;} .iTpl-actu-header-background {flex: 10; position: relative; display: flex; min-height: 400px; background-color: #F5F5F5; background-position: top; height: 455px; min-height: 100%; width: calc(60% - 10px); max-width: 1295px;} #block_vw .iTpl-actu-header-background.empty {height: 270px;} #block_vw .iTpl-actu-header-background.empty .iTpl-actu-diapobackground {flex: 1;} .iTpl-actu-header-background > * {background-repeat: no-repeat; background-size: cover; position: relative; } .iTpl-actu-namebackground {background-image: url(/tpl/tpl0/img/mep/body/bullet.png); flex: 1; background-position: center 80%; background-size: initial; ; z-index: 5; max-width: 273px; } .iTpl-actu-namebackground.empty { width: 500px; max-width: 500px;} .iTpl-actu-namebackground.empty .iTpl-actu-title-div {margin-left: 50px; } .iTpl-actu-diapobackground {background-image: url(); flex: 2; background-position: center; background-color: white;} .iTpl-actu-title-div { color: #AAAAAA; max-width: 150px; margin: 66px auto;} .iTpl-actu-title-div .acc-title-l1 {font-family: iDW_CenturyGothic_bold; font-size: 20px; margin-bottom: 0; padding-bottom: 0; white-space: pre;} .iTpl-actu-title-div .acc-title-l2 {font-family: iDW_CenturyGothic; font-size: 20px; margin-right: 0; margin-left: 30px; max-width: max-content; white-space: nowrap; overflow: inherit;} #block_ls .iTpl-actu-title-div {color: #B2B2B2;} .iTpl-actu-header-title { padding: 10px; position: absolute; width: max-content;top: 21px; left: 100px; max-width: 520px;} .iTpl-actu-header-diapo {flex: 5;} .iTpl-actu-title {font-family: iDW_CenturyGothic_bold; font-weight: normal; font-size: 25px; margin: 15px 0; color: #000; } .msg.warn {background-color: #f5f5f5; border-radius: 2px; padding: 10px 20px; margin: 10px auto; width: 100%; text-align: center;} .iTpl-actu-msg-div #msg-error {margin-left: 30px; max-width: calc(100% - 60px); margin-left: 80px; max-width: calc(100% - 150px); margin-right: 70px;} .hide {display: none;} .idDiapoCtnThumb {height: auto;} .img {width: 100%; min-height: 200px; height:100%; background-size: cover;} .iTpl-actu-arrows { text-align: right; margin-right: 5%; } .iTpl-actu-next { text-align: right; } /* Nav */ .iTpl-back{position: absolute; left: 0px; cursor: pointer; padding: 10px; z-index: 500; } .iTpl-back img{vertical-align: middle;} /* Titre */ .iTpl-slogan{ font-weight: normal; font-size: 2rem; font-family: idW_CenturyGothic; display: block; position: relative; line-height: normal; color:#2C5137 ; } .iTpl-sslogan{font-weight: normal; font-size: 1.3rem; font-family: idW_CenturyGothic; display: block; position: relative; line-height: normal; color: #008C3A;} .iTpl-tit {font-size: 19px; text-align: center;} .iTpl-sstit {font-size: 15px; text-align: center;} .iTpl-sstit.iTpl-sstit-vis {font-family: idW_CenturyGothic_bold; text-align: left; line-height: 18px; margin-left: 15px;} .iTpl-tit-margin {min-width: 260px;} .acc-title-l1 { font-family: idW_CenturyGothic_bold; margin-bottom: 5px; padding-bottom: 5px; font-size: 30px; overflow: hidden; margin-top: 0;} .acc-title-l2 { font-family: idW_CenturyGothic; margin-top: 0px; margin-left: 35px; font-size: 30px; overflow: hidden; font-weight: normal; margin-bottom: 0;} /* Bouton */ .iTpl-btn { text-decoration: none; color: white; font-size: 14px; font-weight: bold; background-color: #ADC40C; border-style: none; border-radius: 50px; padding: 10px 20px; cursor: pointer; max-height: 37px; display: inline-flex; align-items: center; justify-content: center;} .iTpl-rad [type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none;} .iTpl-rad [type="radio"]:checked{font-size: 55px;} .iTpl-btn:hover { color: black; background-color: #ADC40C;} .tiny {font-size: 10px;} .iTpl-btn.tiny {font-size: 10px !important;} .iTpl-btn.iTpl-btn-outline { color: #757575; font-size: 14px; background-color: #F4F6FB; border: 1px solid #757575;} .iTpl-btn.iTpl-btn-outline:hover {color: #fff; font-size: 14px;background-color: #757575; border: 1px solid #fff;} .iTpl-btn.iTpl-btn-secondary { color: #ADC40C; font-size: 14px; background-color: #F4F6FB; border: 1px solid #ADC40C;} .iTpl-btn.iTpl-btn-secondary:hover { color: #fff; font-size: 14px; background-color: #ADC40C; border: 1px solid #fff;} .iTpl-btn.iTpl-btn-dsb {pointer-events: none; filter: grayscale(1); } /* Actualité */ .iTpl-itm{position: relative; background-color: #FFF; margin: 0 0px 50px 25px; display: inline-block; vertical-align: top; cursor: pointer; line-height: 1.2rem; max-width: 372px; min-width: 280px; font-size: 12px; transition: box-shadow 0.3s;} .iTpl-itm.actu .iTpl-itm-img {transition: 0.5s;} .iTpl-itm.actu:hover .iTpl-itm-img {box-shadow: 2px 2px 5px rgba(128,128,128,0.2) } .iTpl-itm.acc-actu-content:hover {box-shadow: 2px 2px 5px #acacac; } .iTpl-itm.actu .iTpl-itm-img{ min-height: 180px; background-color:#F4F3F1 ; position:relative; flex: 1;} .iTpl-itm-img-responsive{display: none !important;} .iTpl-itm.actu .iTpl-itm-img img{display: block; margin: 0 auto; max-width: 100%;} .iTpl-itm-ico-ctr{position: absolute; bottom: -15px; right: 15px; } .iTpl-itm-ico{ width: 30px; display: inline-block; vertical-align: middle; } .iTpl-itm-txt{margin: 15px 0; text-align: left; font-size: 12px;} .iTpl-itm.actu .iTpl-itm-txt header{min-height: 35px; margin-bottom: 5px; } .iTpl-itm.actu .iTpl-itm-txt .iTpl-sstit{ margin: 0; padding: 0; text-align: left;} .iTpl-itm.actu .iTpl-itm-txt .iTpl-itm-evt{color: #008C3A;font-size: 12px;} .iTpl-itm.actu .iTpl-itm-txt .iTpl-itm-dsc{ overflow: hidden; margin: 10px 0 15px; min-height: 60px; } .iTpl-itm-dsc {overflow: hidden; text-overflow: ellipsis; max-height: 60px; height: 60px;} .iTpl-itm.actu .iTpl-itm-txt footer{font-family:idW_CenturyGothic; font-size: 12px; min-height: 50px;} .iTpl-itm.actu .iTpl-itm-txt .iTpl-itm-date{color: #757575; font-family: iDW_centuryGothic; letter-spacing: 0;} .iTpl-itm-type{color: #757575; border-radius: 40px; font-size: 10px; max-width: max-content; font-style: italic;} .iTpl-itm-type:not(:first-child)::before {content: ' — ';} .iTpl-itm.actu.inline{ width: 475px;} .iTpl-itm.actu.inline .iTpl-itm-img{float:left ; min-height: 225px; min-width: 270px; background-color:#F4F3F1 ; margin-right: 20px;} .iTpl-itm.actu.inline .iTpl-itm-img img{display: inline; width: 100%;} .iTpl-itm.actu.inline .iTpl-itm-ico-ctr{position: absolute; bottom: 10px; right: -15px; } .iTpl-itm.actu.inline .iTpl-itm-ico{ width: 30px; display:block; } .iTpl-itm.actu.inline .iTpl-itm-txt{margin: 15px;} .iTpl-itm-ico .iTpl-flyer{ width: 270px ; right: 0;} .iTpl-itm-ico .iTpl-flyer b{ color: #403840; display: block; } .iTpl-ctn { margin: 0 auto; } .iTpl-ctn.actu-ls {display: flex; flex-wrap: wrap;} .iTpl-ctn article {width: calc(25% - 117px) ; cursor: pointer; max-width: unset; } .iTpl-ctn article:not(.iTpl-mobile-mea) { max-height: 400px; max-width: 75%;} .iTpl-cri-list {width: 100% !important; margin: 7px 0;} .iTpl-itm-mea {max-width: calc(60% - 50px); max-width: 750px; width: 50%; margin: 0 0px 50px 0; min-width: 750px; margin-left: 24px;} .iTpl-main-nomea .iTpl-itm-mea, .iTpl-main-nomea .iTpl-ls-mea-responsive {display: none;} .back {cursor: pointer; padding-right: 15px;} #ctr_block {width: 100%; max-width: 1900px; margin: 0 auto; flex: 1;} #block_ls {width: 100%;/} #iTpl-col-pag-innerDiv {max-width: 5000px;} #actu-arrows img {margin: 0 10px;} #actu-arrows img:last-child {margin-right: 0;} .iTpl-mea-background {background-position: center; z-index: 1; flex: 2;} #iTpl-comment-title { background-color: #F4F6FB; padding: 20px 30px; font-size: 12px; font-style: italic; width: 100%; text-align: left; color: #000;} #iTpl-actu-nofound { font-size: 14px; color: #757575;} #iTpl-comments-list { margin: 10px 70px 20px 80px; overflow-y: auto; display: flex; flex-direction: column;} #iTpl-comments-list .iTpl-actu-comment:last-child {border-bottom: 0;} .iTpl-ls-mea-responsive {display: none;} .igdBan > div:first-child {flex: 1;} .igdBanRes .idDiapoVw {line-height: unset;} /*ELEVEUR ET LE LOUP*/ .iTpl-loup-body {background-color: #757575; color: #FFFFFF;} .iTpl-loup-body section {margin: 0 5%; padding: 2% 0;} .iTpl-clickbox {position: relative ; margin: 10px; cursor: pointer; transition: 0.35s;} .iTpl-clickbox:hover {box-shadow: 2px 2px 5px #acacac; } .iTpl-clickbox img {max-width: 100%;} .iTpl-name {position: absolute; background-color: white; color: black; padding: 3% 7%; padding-left: 2%; font-size: 16px; bottom: 0;} /* STK */ .iTpl-img-ctr{ background-color: #fff; padding: 2px; margin: 0 25px 25px 0; } .iTpl-img-ctr.center{ margin: 10px auto 20px; background-color: transparent; padding: 0; } .iTpl-img-ctr.center.multi{ border: none; margin: 0 auto; text-align: center; } .iTpl-img-ctr.center img{ border: 2px solid #fff; margin: 0 auto; } .iTpl-img-ctr.center.multi img{ display: inline-block; margin: 20px 50px; } .iTpl-img-ctr.left{ float: left; } .iTpl-img-ctr.right{ float: right; margin: 0 0 10px 10px; } .iTpl-img-ctr img{ display: block; } /* --- Foot --- */ .iTpl-foot {background-color: #3d3d3d; position: absolute; bottom: 0; height: var(--foot-height); align-items: center; display: flex; width: 100%;} .iTpl-foot a { text-decoration: none; color: #E8E8E8; font-size: 14px; font-weight: bold;} .iTpl-foot a:visited { color: #E8E8E8;} .iTpl-foot > .iTpl-col-pag {display: flex; align-items: center; width: 100%;} .iTpl-foot > .iTpl-col-pag > * {flex: 1; display: flex; align-items: center;} #iTpl-foot-mlg { flex-direction: column;} .iTpl-foot .iTpl-foot-img-sn {display: flex; align-items: center; height: 25px;margin-right: 15px; margin-left: auto;} #iTpl-foot-socialnetwork { justify-content: flex-end; flex-direction: column;} #iTpl-foot-contact { margin-right: 0; margin-left: auto;} .iTpl-foot-facebook-img {margin-left: 25px; margin-bottom: 3px;} /** * * ICON * */ .svg__icon { width: 16px; height: 16px; } .svg__icon--baseline { height: 10px !important; vertical-align: baseline !important;; } .svg__icon--8 { width: 8px !important; height: 8px !important; } .svg__icon--10 { width: 10px !important; height: 10px !important; } .svg__icon--12 { width: 12px !important; height: 12px !important; } .svg__icon--16 { width: 16px !important; height: 16px !important; } .svg__icon--20 { width: 20px !important; height: 20px !important; } .svg__icon--24 { width: 24px !important; height: 24px !important; } .svg__icon--32 { width: 32px !important; height: 32px !important; } .svg__icon--48 { width: 48px !important; height: 48px !important; } .svg__icon--64 { width: 64px !important; height: 64px !important; } .svg__icon--128 { width: 128px !important; height: 128px !important; } .svg__icon--256 { width: 256px !important; height: 256px !important; } /* --- AFF POP --- */ .iTpl-body.iPko-popup{ overflow-y: auto; width: auto; padding: 0 !important; } .iTpl-body.iPko-popup .iTpl-head{ position: static; text-align: center; padding: 10px 25px; background-color: transparent; height: auto !important; } .iTpl-body.iPko-popup .iTpl-logo-ctr{ margin: 0; position: static; } .iTpl-body.iPko-popup .iTpl-logo-ctr .iTpl-logo{ display: inline-block; position: static; } .iTpl-body.iPko-popup .iTpl-main {padding-top: 0;} .iTpl-body.iPko-popup .iTpl-main .iTpl-col-pag{ padding: 30px; } .iTpl-body.iPko-popup footer{ text-align: center; } /* --- AFF IFRAME --- */ .iTpl-body.iPko-iframe{ overflow-y: auto; background-color: #e5e5e5; background: none; width: auto; margin: 0; } .iTpl-body.iPko-iframe .iTpl-main{ width: auto; } /* --- IMG --- */ .iTpl-img-fluid {max-width: 100%; height:auto;} .acc-img { width: 100%;height: auto; } /*--- 404 ---*/ .iTpl-404 {text-align: center; font-size: 2em; width:100%; margin: auto auto; text-decoration: underline;} .iTpl-404-div h1 {justify-content: center; align-items: center; display: flex;} /** * * RWD * */ .r-pcHd-show, .r-tab-show, .r-tab-flex, .r-pc-show, .r-mob-show, .r-mob-block, .r-mob-inline-block, .r-mob-inline, .r-mob-list-item, .r-mob-table, .r-mob-table-row, .r-mob-table-cell, .r-mob-initial, .r-mob-flex, .r-mob-inherit { display: none !important; } /* PC HD */ @media screen and (min-width: 1920px) { .r-pcHd-show, .r-pcHd-block { display: block !important; } .r-pcHd-inline-block { display: inline-block !important; } .r-pcHd-inline { display: inline !important; } .r-pcHd-list-item { display: list-item !important; } .r-pcHd-table { display: table !important; } .r-pcHd-table-row { display: table-row !important; } .r-pcHd-table-cell { display: table-cell !important; } .r-pcHd-initial { display: initial !important; } .r-pcHd-inherit { display: inherit !important; } .r-pcHd-flex { display: flex !important; } .r-pcHd-hide { display: none !important; } } /* PC */ @media screen and (min-width: 1025px) and (max-width: 1919px) { .r-pcHd-show{ display: none !important } .r-pc-show, .r-pc-block { display: block !important; } .r-pc-inline-block { display: inline-block !important; } .r-pc-inline { display: inline !important; } .r-pc-list-item { display: list-item !important; } .r-pc-table { display: table !important; } .r-pc-table-row { display: table-row !important; } .r-pc-table-cell { display: table-cell !important; } .r-pc-initial { display: initial !important; } .r-pc-inherit { display: inherit !important; } .r-pc-flex { display: flex !important; } .r-pc-hide { display: none !important; } } /* TAB */ @media screen and (max-width: 1024px) { .r-tab-show, .r-tab-block { display: block !important; } .r-tab-inline-block { display: inline-block !important; } .r-tab-inline { display: inline !important; } .r-tab-list-item { display: list-item !important; } .r-tab-table { display: table !important; } .r-tab-table-row { display: table-row !important; } .r-tab-table-cell { display: table-cell !important; } .r-tab-initial { display: initial !important; } .r-tab-inherit { display: inherit !important; } .r-tab-flex { display: flex !important; } .r-tab-hide { display: none !important; } .ntf{bottom: calc(var(--share__h) + var(--footer__h) + var(--pnlLeft__h));} } /* Mobile */ @media screen and (max-width: 800px) { .r-mob-show, .r-mob-block { display: block !important; } .r-mob-inline-block { display: inline-block !important; } .r-mob-inline { display: inline !important; } .r-mob-list-item { display: list-item !important; } .r-mob-table { display: table !important; } .r-mob-table-row { display: table-row !important; } .r-mob-table-cell { display: table-cell !important; } .r-mob-initial { display: initial !important; } .r-mob-inherit { display: inherit !important; } .r-mob-flex { display: flex !important; } .r-mob-hide { display: none !important; } }