/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ //+ © 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 $ //+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .inVw #block_vw .iTpl-row-pag.first .iTpl-col-pag{max-width: 100%; margin-left: 210px;padding-left: 160px;} .iTpl-wave{ margin-top: -60px; } #ctr_ndd, #block_ls{ padding: 0; } #ctr_tit{ } #ctr_nav{ padding: 0 20px 10px; } .iTpl-tit{margin-bottom: 10px; display: inline-block; vertical-align: middle;} #ctr_ndd{ position: relative; z-index: 500; } #ctr_ndd .iTpl-tit-sep{ margin-top: 5px; margin-bottom: 15px; } #block_ls{ z-index: 100; position: relative; min-height: 750px; padding: 0;} #block_vw{ display: none; min-height: 750px; max-width: 1295px;} .wait_msg{ text-align: center; font-style: italic; margin: 50px 0; text-decoration: underline; } .authd_msg{ text-align: center; font-style: italic; margin-top: 50px; } .authd_msg .authd{ text-decoration: none; margin-bottom: 50px; } #ctr_ndd .iTpl-tit{ opacity: 0; transition: opacity 1s ease; } .inVw #block_ls, .iTpl-back.prev, .inVw #ctr_tit, .inVw .iTpl-back.acc, .inVw .iTpl-main-row .iTpl-main-aside{ display: none; } .inVw .iTpl-main-row, .inVw #block_vw, .inVw .iTpl-back.prev{ display: block; } /*.inVw .iTpl-main-row .iTpl-main-col{ margin: 0 auto; padding: 0; }*/ .inVw .iTpl-adh{position: absolute; right: 10px; top:40px;} .inVw .iTpl-nav{position: absolute; top:50px; left:0;} .iTpl-adh img{width: 50px; vertical-align: middle;} .iTpl-nav .picto{ display: inline-block;} .iTpl-nav .picto img{ height: 20px;} .inVw .iTpl-nav-mob{display: none;} .inVw .iTpl-nav .back{display: inline-block;border-right: 2px solid #707070;padding-right: 20px;} .inVw .iTpl-nav .prev{padding: 0px 15px;} .cla .lbl{font-weight: bold; font-size: 16px;} .evt{margin: 10px 0; color: #008C3A;} .evt img{display: inline-block; vertical-align: middle;} /********************************************* Filtres particulier au mod **********************************************/ /* general */ #f_ndd{ } #f_ndd .iTpl-search .iTpl-btn-search-mob{display: none;} #f_ndd .iTpl-search .iTpl-btn-search{position: absolute; cursor: pointer;top: 7px; right: 0; z-index: 10; width: 100%;} .iTpl-search-ipt{ background-size: 200% 100%; /*background-image: linear-gradient(to left, #ADC40C 50%, transparent 50%);*/ transition: background-position 1s; opacity: 0.8; padding-left: 10px; transition: 0.8s;} .iTpl-search-ipt:focus{ background-position: 100% 0; /*color: #fff;*/ /*font-weight: 800;*/; padding-left: 50px;} #f_ndd .iTpl-search.use .iTpl-search-ipt {padding-left: 50px;} #f_ndd .iTpl-search-ipt:focus + .iTpl-btn-search .open, #f_ndd .iTpl-search.use .iTpl-btn-search .open {/*display: none;*/ right: calc(100% - 48px); fill: #000;} #f_ndd .iTpl-search-ipt:focus + .iTpl-btn-search .open + .img_del{display: block;} #f_ndd .iTpl-search .iTpl-btn-search .open{position: absolute; right: 10px; transition: 0.8s; /*left: 5px;*/ margin-left: 0; fill: #B2B2B2; width: 22px !important; height: 22px !important; margin-right: 10px; padding: 0 !important;} #f_ndd .iTpl-search:not(.use) .iTpl-btn-search .open{opacity: 1;} #f_ndd .iTpl-search .iTpl-btn-search .img_del{ position: absolute; opacity: 0; display: block; right: 10px; top: 7px; padding: 0; fill: #B2B2B2;} #f_ndd .iTpl-search.use .iTpl-btn-search .img_del{ opacity: 1; } /*#f_ndd .iTpl-search .iTpl-btn-search .open{ opacity: 0; z-index: 0; }*/ .close #f_ndd .iTpl-search .iTpl-btn-search .open{ z-index: 100; } .ndd-txt{ align-items: center; } .ndd-txt > * { padding: 10px 20px; } .ndd-txt > *:first-child { border-right: 1px dotted #fff; } .ndd-txt .iTpl-sstit{ text-align: right; display: inline-block; margin: 0; font-weight: normal; } .cla .flt{ position: relative; display: block; cursor: pointer;} .cla .flt:last-child { margin-right: 0;} .cla .flt input{ position: absolute; left: 5px; top: 8px; } .cla .flt{margin:5px 0px 5px 10px;} .cla .flt .cri, .cla .flt .cri:active{ display: block; padding: 7px; border-radius: 40px; /* background-color: #e8e8e8; */ border: 1px solid #e8e8e8; /* color: #757575;*/ color: #bebebe; font-size: 14px; font-weight: bold;} .cla .flt .cri:hover{background-color: white; border-color: #757575; color: #757575; } .cla .flt .chg_flt{display: none;} .cla .flt .chg_flt:checked + .cri{ /*border: 2px solid #403840; background-color: white;*/ border: 1px solid #ADC40C; background-color: #F4F6FB; color: #ADC40C; } .iTpl-ctr-evt{ margin-top: 40px; } .iTpl-ctr-evt .iTpl-sstit{ text-transform: uppercase; } /****************************************/ /* ------ Bloc article -------- */ /****************************************/ /*#block_ls .iTpl-col-pag{ text-align: center; }*/ #block_ls .iTpl-col-pag .actu-ls{ margin: 20px auto 0px; padding: 0; } .iTpl-itm.actu { /*border: 1px solid rgba(100, 100, 100, 0.1);*/} /* VW */ /* Conteneur général */ #block_vw .bloc_actu{ color: #707070; text-align: left; } #block_vw .bloc_actu .iTpl-col-pag{ align-items: flex-start; max-width: 100%; padding: 0;} #block_vw .bloc_actu > .img-ban{ position: relative; background-color: #F6F5F3; overflow: hidden; margin-bottom: -100px; } #block_vw .bloc_actu > .img-ban img{ display: block; width: 100%; margin: 0 auto; } /*#block_vw .bloc_actu.noBan{ padding-top: 70px; }*/ #block_vw .ctn_col{ position: relative; min-width: 200px; } #block_vw .img-col{ display: block; width: 100%; margin: 0 auto 25px; } #block_vw .art-ctn{ background-color: #DB0B4C; padding: 10px; } #block_vw .art-ctn > *{ padding: 10px; } #block_vw .art-ctn .iTpl-sstit{ color: #fff; margin-top: 0; } #block_vw .art-ls .art{ display: block; color: #fff; text-align: left; margin: 5px 0; } #block_vw .art-ls .art:after{ content: url('../../../img/picto/btn/20/right_wht.png'); } #block_vw .ctn_igd{ padding: 0; position: relative; } #block_vw .igd_nomen .iTpl-tit{ margin: 15px 0; padding-right: 50px; } /* VDO */ .ctn_vdo{ position: relative; max-width: max-content; margin: 0 auto;} .ctn_vdo video{ max-width: 100%; } .ctn_vdo .slc_fmt:hover, .ctn_vdo video:hover + .slc_fmt{ display: block; } .ctn_vdo .slc_fmt{ position: absolute; top: 0; right: 0; display: none; background-color: rgba(0,0,0,0.5); color: #AAA; } .ctn_vdo .slc_fmt > div{ padding: 5px; cursor: pointer; display: none; } .ctn_vdo .slc_fmt > div.selected, .ctn_vdo .slc_fmt:hover > div{ display: block; } .ctn_vdo .slc_fmt > div.selected, .ctn_vdo .slc_fmt > div:hover{ color: white; font-weight: bold; } .ctn_vdo > img{ vertical-align: top; cursor: pointer; max-width: 100%; margin: 0px auto; display: block; box-sizing: border-box; } .ctn_vdo .todo_vdo{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; white-space: nowrap; text-align: center; background-color: rgba(33, 33, 33, 0.8); color: white; } .ctn_vdo .todo_vdo:before{ content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .ctn_vdo .todo_vdo span{ display: inline-block; vertical-align: middle; } .ctn_vdo .dsc_vdo{ display: block; text-align: center; } #block_ls .iTpl-itm-mea .iTpl-actu-namebackground {background-position: center 50%; display: flex; min-width: 273px;} #block_ls .iTpl-itm-mea .iTpl-actu-title {margin: 0 ; padding: 12px 27px; background-color: #27534B; color: #fff; font-size: 25px; font-weight: normal; font-family: iDW_centuryGothic;} #block_ls .iTpl-itm-mea .iTpl-actu-title-div {margin-bottom: 20px; margin-top: auto;} #block_ls .iTpl-ls-mea-responsive .iTpl-actu-title-div {margin: /*0 auto 10px 10px*/ 10px auto 20px auto ; background-image: url(/tpl/tpl0/img/mep/body/bullet.png); background-position: 100% center; background-repeat: no-repeat; background-size: initial; width: calc(100% - 20px); max-width: 350px;} #block_ls .iTpl-ls-mea-responsive .iTpl-actu-title-div .acc-title-l1 {text-align: left;} #block_ls .load_msg {font-style: italic; font-size: 12px; color: #C2C2C2; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 180px;} #block_ls .load_msg .svg__icon {height: 20px !important;} /* Tab */ @media screen and (max-width: 2000px){ #block_ls, #iTpl-actu-head { padding: 0 40px; } #block_ls { padding-left: 16px; margin-bottom: 200px; } } @media screen and (max-width: 1940px){ /*#block_ls { padding: 40px; }*/ } @media screen and (min-width: 1800px){ #block_vw .bloc_actu > .img-ban{ height: 400px; background: #F6F5F3 none center center / cover; } #block_vw .bloc_actu > .img-ban.top{ background-position: center top; } #block_vw .bloc_actu > .img-ban.bot{ background-position: center bottom; } #block_vw .bloc_actu > .img-ban img{ display: none; } #block_vw .bloc_actu > .img-ban{ height: 400px; background: #F6F5F3 url('img/dft.jpg') center center / cover; } } @media screen and (max-width: 1600px){ } @media screen and (max-width: 1460px){ .inVw #block_vw .iTpl-row-pag.first .iTpl-col-pag{max-width: 100%; margin-left: 165px;padding-left: 160px;} .inVw #block_vw .iTpl-actu-ctn {margin-left: 0;} } @media screen and (max-width: 1400px){ } @media screen and (max-width: 1230px){ .iTpl-wave{ margin-top: -25px; } #ctr_tit .iTpl-tit{position:absolute; text-align: left;} .iTpl-ctr-evt{display: none} .iTpl-main-aside{max-width:100%; padding: 20px 0 20px 0;height: auto;} .iTpl-main-aside.close{height: 50px;} .iTpl-main-aside > *{margin: 0 50px 0 50px;} #f_ndd .iTpl-search .iTpl-btn-search{display: none;} #f_ndd{position: relative; /*top: -24px;*/ top: 10px; right: 0; text-align: right; padding-right:30px; padding-left: 160px; transition: width 1s ease; white-space: nowrap; z-index: 100;} #f_ndd .iTpl-search .iTpl-btn-search-mob{position: absolute; cursor: pointer; top: 4px; right: 0; z-index: 10; display: block; width: 100%;} #f_ndd .iTpl-search .iTpl-btn-search-mob .open-mob{position: absolute; padding: 5px 5px; right: 0; fill: #B2B2B2;} #f_ndd .iTpl-search.use .iTpl-btn-search-mob .open-mob{fill: #000;} #searchPart{ position: relative; opacity: 1; transition: opacity 0.5s ease 0.15s; } #f_ndd .iTpl-search .iTpl-btn-search-mob .img_del-mob{ position: absolute; opacity: 0; padding: 0; display: block; right: 15px; top: 10px; fill: #B2B2B2;} #f_ndd .iTpl-search.use .iTpl-btn-search-mob .img_del-mob{ opacity: 1; } #f_ndd .iTpl-search .iTpl-btn-search-mob .img_del-mob-noUse{ position: absolute; opacity: 0; padding: 5px 5px; display: block; right: 0;} #f_ndd .iTpl-search:not(.use) .iTpl-btn-search-mob.open-search .img_del-mob-noUse{ opacity: 1; } #f_ndd .iTpl-search .iTpl-btn-search-mob .open-mob{ opacity: 0; z-index: 0; top: -5px; right: 5px;} #inputSearch{ width: 100%;} .close #f_ndd .iTpl-search .iTpl-search-ipt{display: none; } #f_ndd .iTpl-search .iTpl-search-ipt{display: block; padding-left: 50px;} .close #f_ndd .iTpl-search .iTpl-btn-search-mob .open-mob{ opacity: 1; } .close #f_ndd .iTpl-search .iTpl-btn-search-mob .open-mob{ z-index: 100; } .cla{ width: 100%; transition: opacity 2s linear; } /*.close .cla{visibility: hidden; opacity: 0; transition: visibility 0s 2s, opacity 0.5s linear;}*/ .close .cla{ visibility: hidden; opacity: 0; transition: visibility 0s 0.5s, opacity 0s linear;} .inVw .iTpl-main-col .iTpl-nav{text-align: left; padding-left: 30px} .inVw #block_vw .iTpl-row-pag.first .iTpl-col-pag{max-width: 100%; margin-left: 20px;padding-left: 0px; margin-right: 20px;} #block_vw .bloc_actu .iTpl-col-pag{margin: 0px; /*padding-left: 50px;*/} } @media screen and (max-width: 1130px){ #iTpl-actu-head {margin-right: 5%;} #f_ndd {padding-left: 30px; width: 400px;} #f_ndd .iTpl-search .iTpl-btn-search-mob .open-mob {/*left: 10px; top: 0px; opacity: 1;*/ right: calc(100% - 40px); top: 2px; opacity: 1; padding: 0;} #iTpl-actu-head form * {justify-content: left;} #block_ls, #iTpl-actu-head { padding: 0px; } } @media screen and (max-width: 1000px){ #ctr_nav .ndd-txt { padding: 10px 0 25px; } #ctr_nav > .iTpl-flex, #block_vw .bloc_actu .iTpl-col-pag{ display: block; } #block_vw .ctn_col{ display: none; } } /* Mob */ @media screen and (max-width: 800px){ .iTpl-itm.actu {margin: 10px; width: calc(100% - 20px); max-width: 100% !important;} .iTpl-itm.actu .iTpl-itm-txt {margin: 0 ; margin-top: 10px; } .iTpl-itm.actu .iTpl-itm-txt .iTpl-itm-dsc {margin-top: 10px;} .inVw{margin-bottom: 40px;} #block_vw .bloc_actu > .img-ban{ margin-bottom: -22px; } .inVw .iTpl-adh{position: static;} .iTpl-main-aside > *{margin: 0;} #f_ndd{top: 15px; padding: 0 20px; margin-bottom: 20px; width: 100%;} #f_ndd #inputSearch {padding-left: 50px;} #searchPart {margin: 0 auto;} .iTpl-tit.none{display: none;} #iTpl-actu-head {/*margin-left: 1%; margin-right: 1%;*/ margin: 0 10px 20px;} .inVw .iTpl-nav{display: none;} .inVw .iTpl-nav-mob{display: flex; position: fixed; z-index: 100; bottom: 0; justify-content: center; align-content: center; background-color: #fff; width: 100%;} .inVw .iTpl-nav-mob .picto{margin-top: 5px;} .inVw .iTpl-nav-mob .picto .prev{margin-right: 50px; cursor: pointer;} .inVw .iTpl-nav-mob .picto .next{margin-left: 50px; cursor: pointer;} .inVw .iTpl-nav-mob.last .next {opacity: 0.5; pointer-events: none} .inVw .iTpl-nav-mob.first .prev {opacity: 0.5; pointer-events: none} /*.iTpl-nav img{width: 40px;}*/ .evt{margin: 5px 0;} .iTpl-mea-title {font-size: 20px; height: 54px;} #block_ls {min-height: unset;} } @media screen and (max-width: 600px){ #block_ls {margin-bottom: 50px;} #block_ls .iTpl-ls-mea-responsive .iTpl-actu-title-div {margin: 0 auto 10px 10px; max-width: 520px} } @media screen and (max-width: 600px){ #ctr_nav .ndd-txt { display: block; text-align: center; } #ctr_nav .ndd-txt > *:first-child{ border: none; } #f_ndd {font-size: 12px;} } @media screen and (max-width: 500px){ #f_ndd {padding: 0;} }