body.dark .unTemps,body.dark header #horloge,body.dark header #station{color:var(--k-lightgrey-DARK)!important}body,header,header>div,main{display:grid}.infoTraficEnBas main,body,main.sansInfo{grid-template-columns:1fr}.gk-mot,main .icone_enApproche,span.gk-horaire{grid-row:span 2;grid-column:span 2}#imgfull,#temps .col,main #info.infoTramLong .icone_tramLong{width:100%}.unTemps .destination,.unTemps .temps>div>div:first-child span:first-child{line-height:1;font-size:3.8vw}.gk-mn,.tps1min,.tps2min{left:5px;position:relative}#comm,#full,#imgfull,.bloc_agence,.comm-hidden,.grosse_police .all .live,.perturbation .live,.span-theorique,footer{display:none}#full,body{height:100vh}:root{--k-bg-grey:#2a363b;--k-bg-lightgrey:#eaebeb;--k-bg-lightgrey-DARK:rgb(60, 60, 60);--k-bg-black:rgb(42, 54, 59);--k-bg-blue:#00acc9;--k-bg-blue-DARK:rgb(4, 66, 74);--k-bg-orange:#ed7b01;--k-bg-yellow:rgb(248, 217, 38);--arial-narrow:Arial;--k-lightgrey-DARK:rgb(204, 204, 204);--k-bg-L3:rgb(0, 113, 187)}body{grid-template-areas:"head" "body" "foot";grid-template-rows:1fr 7fr;padding:0;margin:0;color:var(--k-bg-black);font-family:Arial}header{grid-area:head;grid-template-areas:"logo station horloge";grid-template-columns:2.2fr 3fr 4fr;background-color:var(--k-bg-grey);color:#fff}.infoTraficEnBas main,main{grid-area:body;overflow:hidden}main{grid-template-areas:"temps";grid-template-columns:6fr 3fr;grid-template-rows:7% auto;margin:0 2vh 2vh;grid-gap:0.5vw}footer{grid-area:foot;grid-template-rows:1fr}body.dark{background-color:#1f1e1e;color:#d3d3d3}body.dark .unTemps{background-color:var(--k-bg-lightgrey-DARK)!important}body.dark #actu{background-color:var(--k-bg-blue-DARK)}body.dark .unTemps .temps>div{border-left:1px solid grey}body.dark .unTemps .ligne{filter:brightness(.8)}body.generateur header{grid-template-columns:2.8fr 6fr 2.8fr 0.1fr}header>div{align-items:center;justify-items:center}header #logo{grid-area:logo}header #station{grid-area:station;font-size:4vw;font-weight:700;min-width:0;display:flex}header #station span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:center}header #horloge{grid-area:horloge;display:grid;grid-template-columns:2fr 1fr;font-size:2.78vw;font-family:Arial;font-weight:700}body.generateur header #horloge{grid-template-columns:1fr;font-size:2vw}body.generateur header #horloge span{justify-self:end}header #horloge span:first-child{justify-self:end;white-space:nowrap}.big .unTemps .destination,header #horloge span:nth-child(2){font-size:3vw}header #logo img{width:22vw}.infoTraficEnBas main{display:grid;grid-template-rows:1fr 5fr 5fr}body.big main .icone_enApproche{height:6vh}main .icone_enApproche{display:flex;-webkit-animation:1s infinite both blinker;animation:1s infinite both blinker;filter:brightness(.5);height:7vh}.dark .icone_enApproche{filter:brightness(1.7)}.dark .live{filter:brightness(4)}#temps{display:flex;flex-wrap:wrap;overflow:hidden}.big #temps{grid-template-areas:"col1 col2";grid-template-columns:1fr 1fr}#agence_2 .arret,.sansInfo .bloc_prochainpassage{grid-template-columns:6fr 3fr}.infoTraficEnBas .bloc_prochainpassage{grid-template-columns:8fr 5fr}.bloc_prochainpassage{display:grid;grid-template-areas:"p1 p2";grid-template-columns:8fr 4fr 6fr;height:6vh;margin-bottom:1vh}.unTemps,:not(.big) .sansInfo .unTemps{grid-template-areas:"ligne direction temps";grid-gap:0.5vw}body:not(.infoTraficEnBas) .bloc_prochainpassage{grid-column:span 2}.prochainpassage_texte_bloc{display:flex;flex-direction:column;align-items:center}.prochainpassage_texte{font-size:1.8vw;font-weight:700}.gk-mn,.live{grid-column:2}.infoTraficEnBas main .icone_enApproche{height:10vh;justify-self:center}.infoTraficEnBas .unTemps .destination{font-size:11vh}.infoTraficEnBas .unTemps .temps>div>div:first-child span:first-child{font-size:15vh;text-align:right}.infoTraficEnBas #temps .gk-mn{font-size:3.5vh;padding-bottom:1rem}.gk-imageCom{height:100%;background-repeat:round!important;padding-bottom:0!important}#temps .col>div:first-child>div:nth-child(2){/*!* justify-content: center; *!*/}main #info .content,main #info .content .gk-mivMessage{-webkit-box-orient:vertical;text-overflow:ellipsis;display:-webkit-box;overflow:hidden}#temps #col1{grid-template-areas:"col1"}#col1.agence{display:grid;grid-template-rows:1fr 1fr;max-height:82vh;row-gap:4vh}#temps .col .bloc_agence .arret,.arret{display:grid;align-self:center;font-size:3vw;justify-self:center;letter-spacing:1px}#agence_2 .arret{justify-items:center}#temps #col2{grid-template-areas:"col2"}.unTemps{display:grid;grid-template-columns:1.1fr 8fr 4.7fr;background-color:var(--k-bg-lightgrey);color:var(--k-bg-grey)}:not(.big) .sansInfo .unTemps{display:grid;grid-template-columns:0.6fr 8fr 4.7fr}.big .unTemps{grid-template-columns:1fr 9fr 5fr}body.big .unTemps{height:8vh;margin-bottom:.85vh!important}@media (min-width:1200px){body:not(.big) .unTemps{min-height:10vh}}@media (max-width:1200px){#temps .col>div:first-child>div{font-size:1.4vh}body.big #temps .col{width:calc(100% - 2vh)}#col2>div:first-child{display:none!important}#col2{margin-top:1vh}.unTemps{min-height:6vh}}.unTemps:not(:last-child){margin-bottom:1vh}.big .unTemps .ligne{font-size:3vw;letter-spacing:.2vh}.unTemps .ligne{grid-area:ligne;display:flex;align-items:center;justify-content:center;font-family:sans-serif;border-radius:0 2.5vh 2.5vh 0;font-weight:700;font-size:3.3vw;letter-spacing:.3vh;text-align:center}.ligne.ligne_BIG{font-size:1.5vw!important}@media (min-width:1268px){#imgfull{position:absolute;bottom:0}}.big .unTemps .ligne img{width:3vw}.unTemps .ligne img{width:3.5vw}.unTemps .destination{grid-area:direction;position:relative;display:flex;align-items:center;font-weight:700;min-width:0;font-family:Arial}.big.infoTraficEnBas .unTemps .destination{font-size:12vh}.infoTraficEnBas main #temps .ligne{font-size:10vh}.unTemps .destination span{min-height:10vh;line-height:10vh;display:flex;height:inherit;align-items:center}.big .unTemps .destination span{min-height:9vh;line-height:9vh}.unTemps .destination span:last-child{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.totem .unTemps .destination span:nth-child(2){position:relative;top:1.5vw;left:.8vw;display:inline-block}:not(.totem) .unTemps .destination span:nth-child(2){position:relative;left:.8vw;display:inline-block}.unTemps .temps,.unTemps .temps .temps2{border-left:1px solid #000}.unTemps_1 .temps{display:grid;grid-template-columns:1fr}.unTemps_2 .temps{display:grid;grid-template-columns:1fr 1fr}.all .temps1,.all .temps2{grid-template-columns:1fr;grid-template-rows:1fr 0.5fr}.unTemps>div{height:inherit}.unTemps .temps>div{display:grid;align-items:center;justify-content:center}.unTemps .temps>div>div.temps_content{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;position:relative;align-items:end}.unTemps .temps>div>div.longueur_tram{display:grid;grid-template-rows:1fr 1fr;height:100%;position:relative;align-items:end;justify-items:center}.longueur_tram>div{display:flex;width:100%}.span-reel,footer.show{display:grid}.longueur_tram>div:first-child{font-size:3.2vh;align-items:end;font-weight:700}.longueur_tram>div:nth-child(2){align-items:flex-end}.longueur_tram img.icone_tramCourt{width:70%;margin-bottom:1.6rem}.longueur_tram img.icone_tramLong{width:90%;margin-bottom:1.6rem}.infoTraficEnBas main #temps .unTemps{height:15vh;grid-template-columns:1fr 7fr 5fr;margin-bottom:3vh}.infoTraficEnBas #temps .live{height:2.2vw;width:2.2vw}.unTemps .temps .tempsAll{display:flex;flex-wrap:wrap;background-color:#d6d6d6}.unTemps .temps .tempsAll *{flex:1 1 auto}.unTemps .temps .tempsAll span:first-child{font-size:2.2vw;color:#c51010;font-weight:600}.unTemps .temps .tempsAll span:last-child{font-size:1.8vw;color:#901111}.unTemps .temps div span{font-size:2.5vh}.big:not(.infoTraficEnBas) .unTemps .temps>div>div:first-child span:first-child{font-size:3vw;line-height:1}.unTemps .temps .temps1 .gk-temps,.unTemps .temps .temps1 .tps1{font-weight:700}body:not(.big):not(.infoTraficEnBas) .unTemps .temps .temps1:not(.perturbation) .gk-temps,body:not(.big):not(.infoTraficEnBas) .unTemps .temps .temps1:not(.perturbation) .tps1{font-size:3.8vw!important}.perturbation .longueur_tram{display:none!important}.span-reel .live{animation:none;left:6vw;top:-.2vw}.live{grid-row:1;justify-self:center;height:1.2vw;width:1.2vw;-webkit-animation:1s infinite both blinker;animation:1s infinite both blinker}.span-reel{font-size:1.2vw;font-weight:100;position:relative}@keyframes blinker{50%{opacity:0}}.unTemps_1 .reel{right:-1vw}.temps .perturbation{background-color:var(--k-bg-orange)}.unTemps .temps>div.non_disponible span:first-child,.unTemps .temps>div.perturbation span:first-child{font-size:2vw!important;color:#fff}.gk-mn{grid-row:2}.gk-temps{grid-row:span 2}#comm{grid-area:comm;margin-right:.4vw;justify-items:center;padding-top:4.9vh}#comm video{width:99.9%}#comm img{width:99%}.PMR{width:2vw}.big main #info{margin-bottom:1.5vh}main #info{overflow:hidden;display:flex;flex-direction:column;height:98%}main #info #info_title{display:flex;padding-left:3vh;align-items:center}main #info #info_title span{margin-left:2vw;font-size:3.8vw;color:#fff}main #info_title>div:first-child{margin:1vw 0 0 1vw}main #info.actu,main #info.infoTramLong{border:solid 5px var(--k-bg-blue)}main #info.actu #info_title{background:var(--k-bg-blue)}main #info.trafic{border:solid var(--k-bg-orange)}main #info.trafic #info_title{background:var(--k-bg-orange)}main #info img{width:3vw;height:3vw}main #info .content{font-size:2.8vw;line-height:3vw;-webkit-line-clamp:11;height:100%}main #info .content .gk-mivMessage{margin:1vw;line-height:3.5vw;-webkit-line-clamp:10}main.infoTraficEnBas #info .content .gk-mivMessage{-webkit-line-clamp:4}.gk-imageCom span{display:inline-block;width:100%;height:100%;position:relative;background-repeat:no-repeat;background-size:100% 100%}main #info .content p{margin:0}body:not(.infoTraficEnBas) main #info #info_title{height:calc(10vh - 5px)}.infoTraficEnBas main #info:not(.infoTramLong){display:grid;grid-template-rows:1fr 4fr}body.dark footer #info .content{color:#000}body.big footer #info .content{line-height:3vw;max-height:9.3vw;font-size:3vw}.all .sansInfo .unTemps,.all .unTemps{min-height:20vh;grid-template-columns:1.3fr 8fr 8fr}.all .sansInfo .unTemps .destination,.all .sansInfo .unTemps .ligne,.all .unTemps .destination,.all .unTemps .ligne,body:not(.big):not(.infoTraficEnBas).all .unTemps .temps>div>div:first-child span:first-child{font-size:5vw!important}.all .unTemps .temps .tempsAll span:first-child,.all .unTemps .temps .tempsAll span:last-child{font-size:3vw!important}#full{width:100vw;background:url(../media/img/full/img.jpg) bottom right no-repeat}#full-logo{max-width:40vw;margin-bottom:2vw}#full-text{color:#fff;font-size:5vw;padding-left:5vw}#full-title{background-color:#fff;border-radius:10px 0 0 10px;color:#00acc4;padding:1vw 1vw 1vw 2vw;margin-bottom:6vh}@media (max-width:768px){header{display:grid;grid-template-areas:"logo station horloge";grid-template-columns:2.2fr 0fr 4fr}header #logo img{width:30vw}header #horloge{grid-template-columns:1fr;grid-template-rows:1fr 1fr;padding:2vw}header #horloge span{justify-self:end;font-size:5vw}header #horloge span:first-child{align-self:flex-end}header #horloge span:nth-child(2){font-size:10vw;align-self:flex-start}#temps .col>div:first-child{grid-template-columns:3.9fr 4fr}.unTemps{grid-template-columns:1fr 3fr 4fr;grid-gap:1.5vw}.unTemps .ligne{font-size:2vh}.unTemps .destination{font-size:4vw}.unTemps .temps div span{font-size:1.1vh;height:100%}.unTemps .temps>div>div:first-child span:first-child{font-size:9vw}.unTemps .temps>div:first-child>div:first-child span:first-child{font-weight:700}.unTemps .temps .tempsAll span:first-child{font-size:4.2vw}.unTemps .temps .tempsAll span:last-child{font-size:3.8vw}footer #info img{width:10vw}footer #info .content{line-height:7vw;-webkit-line-clamp:8;max-height:56.3vw;font-size:7vw}footer #info .content span:first-child{font-size:6vw}#full{background-size:80%}#full-logo{max-width:100vw}#full-text{font-size:8vw}}.totem .unTemps_2 .temps{display:grid;grid-template-columns:2fr 1fr}.totem.infoTraficEnBas main #temps .unTemps{height:15vh;grid-template-columns:1fr 6fr 5fr;margin-bottom:3vh}.totem .unTemps .temps>:first-child{display:grid;align-items:center;gap:5%;grid-template-columns:56.5% 38.5%;justify-content:center}.com_tramLong{display:grid;height:100%;grid-template-columns:2fr 3fr;padding:4rem 0;box-sizing:border-box;font-size:7vh}.com_tramLong>div:first-child{border-right:3px solid #000;display:grid;align-content:space-between}.com_tramLong>div{padding:0 3rem}main #info.infoTramLong .content{font-size:3vw;line-height:4vw}main #info.infoTramLong #info_title{height:0;overflow:hidden}