#head.black{min-height:50px;background-color:#232323}#head{min-height:85px}.back{cursor:pointer;font-family:BrownBold,sans-serif;color:#fff;font-size:3vh;border:0 none;outline:0}.logo{background-size:contain;background-repeat:no-repeat;background-image:url(../img/francetvad.png);background-position:center;display:inline-block;width:200px;height:55px;margin-left:10px;margin-top:-5px;vertical-align:text-top}#head .lead{margin:0}#head .btn-default:active{transform:translate(2px,2px)}#head h1,#head h2,#head p{margin-right:10px;margin-left:10px}h1,h2,h3,h4,h5,h6{display:inline-block}@font-face{font-family:FTVHeldustryRegular;src:url(../fonts/ftvHeldustryRegular.woff2) format("woff2"),url(../fonts/ftvHeldustryRegular.woff) format("woff"),url(../fonts/ftvHeldustryRegular.eot) format("embedded-opentype"),url(../fonts/ftvHeldustryRegular.ttf) format("truetype")}@font-face{font-family:BrownRegular;font-weight:300;font-style:normal;src:url(../fonts/Brown-Regular.woff2) format("woff2"),url(../fonts/Brown-Regular.woff) format("woff")}@font-face{font-family:BrownBold;font-weight:700;font-style:normal;src:url(../fonts/Brown-Bold.woff2) format("woff2"),url(../fonts/Brown-Bold.woff) format("woff")}.preloader{opacity:0;position:absolute;bottom:0;z-index:-1;overflow:hidden;width:0;height:0}body,html{height:100%}html{overflow:hidden}body{font-family:FTVHeldustryRegular,sans-serif;margin:0;overflow:auto;display:flex;flex-flow:column;background-color:#f2f2f2;color:#000}header{flex:0 1 auto}#content{flex:1 1 auto;display:flex;height:100%}section.channels{flex:1 1 auto;display:flex;flex-flow:column}section.results{border-top:1px solid #d6d6d6;overflow:auto;display:flex;flex-flow:column;height:100%;width:100%;background-color:#e1e8ee}.results .not-found{margin:auto;font-size:3vh}section.results:empty::after{content:'';background:url(../img/loader.gif) no-repeat center;width:70px;height:70px;margin:auto}section.results .btn-channel{min-height:13vh;max-height:14vh}.btn{border:0 none;font-weight:700;outline:0}.btn-channel{color:#000;flex:1 1 auto;border-top:1px solid #d6d6d6;background-color:#f2f2f2;flex-direction:row;background-size:15vh;background-repeat:no-repeat;text-align:left;background-position:left;font-size:3vh;margin:0;overflow:hidden;text-overflow:ellipsis;display:flex}.btn-channel .infos{padding:5px}.btn-channel .aria-infos{display:none}.direct .btn-channel.playing>*{margin-top:-10px;margin-bottom:10px}.btn-channel.audiodescription{background-image:url(../img/ad-angle-black.png);background-repeat:no-repeat;background-size:54px;background-position:0 0}.btn-channel.audiodescription.playing{background-image:url(../img/ad-angle-white.png)}#head .btn-default{background-color:transparent}.btn-img{background-color:transparent;float:right;padding:3px 0 0 0;background-size:60%;width:50px;height:47px;background-position:center;background-repeat:no-repeat}.tabs{font-family:BrownBold,sans-serif;display:flex;flex-direction:row;justify-content:space-evenly;height:37px}button.tab{flex-grow:1;padding-bottom:6px;margin-bottom:1px;border:none;background:0 0;color:inherit;font:inherit;font-size:larger;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none}button.tab:focus{outline:0}button:hover{cursor:pointer}.tab.active{color:#fff;background-color:#0071eb}.guide{font-family:BrownRegular,sans-serif;font-size:1.2em;flex:1 1 auto;border-top:1px solid #d6d6d6;margin-bottom:550px}.guide .field{padding:40px}.guide .field label{display:block}#channel{position:relative}.field label{padding-bottom:10px}.field select{padding:13px}.field input[value=""]{padding:20px}.field input:not([value=""]){padding:13px}.field input,.field select{-webkit-appearance:none;background-color:#eee;border-width:0;box-sizing:border-box;cursor:pointer;float:left;font-size:1em;line-height:1em;width:100%;border-radius:3px;background-color:#fff;border:1px solid #e0e7ee}#channel select:focus{outline:0}.guide .btn{font-family:BrownBold,sans-serif;position:absolute;bottom:0;left:0;width:100%;height:70px;background-color:#000;color:#fff;font-size:3vh;padding:15px}#mic{background-image:url(../img/mic.png)}#tts{background-image:url(../img/tts-on.png)}#tts.off{background-image:url(../img/tts-off.png)}.btn-channel>span.infos{flex:1 1 auto;align-self:center;text-overflow:ellipsis;overflow:hidden;max-height:2.2em}.btn-channel>div{display:flex;flex-direction:column;align-self:center}.img-channel.small{margin-top:-5px}.img-channel{margin:10px 20px 5px;flex-shrink:0;width:50px;min-height:50px;background-repeat:no-repeat;background-size:100%;background-position:center}.hour{font-size:2vh;text-align:center}.img-channel.france2{background-image:url(../img/france2.png)}.playing .img-channel.france2{background-image:url(../img/france2-white.png)!important}.img-channel.france3{background-image:url(../img/france3.png)}.playing .img-channel.france3{background-image:url(../img/france3-white.png)!important}.img-channel.france4{background-image:url(../img/france4.png)}.playing .img-channel.france4{background-image:url(../img/france4-white.png)!important}.img-channel.france5{background-image:url(../img/france5.png)}.playing .img-channel.france5{background-image:url(../img/france5-white.png)!important}.img-channel.franceinfo{background-image:url(../img/franceinfo.png)}.img-channel.documentaire{background-image:url(../img/documentaire.png)}.playing .img-channel.documentaire{background-image:url(../img/documentaire-white.png)!important}.img-channel.serie{background-image:url(../img/serie.png)}.playing .img-channel.serie{background-image:url(../img/serie-white.png)}.img-channel.arte{background-image:url(../img/arte.png)}.btn-channel.playing{background-color:#000;color:#f2f2f2}@media all and (display-mode:standalone){body{background-color:#f2f2f2}}.animate-bars.listening{bottom:0!important;z-index:1}.animate-bars{display:flex;align-items:center;width:100%;height:40px;overflow:hidden;position:absolute;bottom:-40px}.animate-bars div{flex:1 0 auto;height:100%;margin:1px;background:linear-gradient(to right,#000 0,#fff 60%,#fff 100%);transform-origin:bottom;margin-top:auto}.animate-bars.random div{opacity:0;animation:animate-bar .3s linear infinite alternate}.animate-bars div:first-child{margin-left:0}.animate-bars div:last-child{margin-right:0}@keyframes animate-bar{0%{transform:scaleY(0);opacity:1}100%{transform:scaleY(1);opacity:1}}.modal{z-index:10;font-family:BrownBold,sans-serif;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#232323}.modal.mic-allow{background-image:url(../img/activ-mic.png);background-position:top center;background-repeat:no-repeat}.modal.mic-allow .info{padding-top:35vh}.modal.listening .info{padding-top:15vh}.modal.listening .info .result{font-size:4vh}.modal.listening .btn.pass{background-image:url(../img/modal-mic.png);margin:0;width:75px;height:75px;background-size:contain;background-color:transparent;background-repeat:no-repeat;border:0;box-shadow:0 0 0 0 rgba(242,242,242,.7);border-radius:50%}.modal.listening .btn.pass.listening{animation:pulse 1.25s infinite cubic-bezier(.66,0,0,1)}@-webkit-keyframes pulse{to{box-shadow:0 0 0 25px rgba(242,242,242,0)}}@-moz-keyframes pulse{to{box-shadow:0 0 0 25px rgba(242,242,242,0)}}@-ms-keyframes pulse{to{box-shadow:0 0 0 25px rgba(242,242,242,0)}}@keyframes pulse{to{box-shadow:0 0 0 25px rgba(242,242,242,0)}}.modal.pwa-install{background-image:url(../img/add-home.png);background-position:center 10%;background-repeat:no-repeat}.modal.pwa-install .info{padding-top:45vh}.modal .info{text-align:center;color:#f2f2f2;font-size:3vh;margin:0;padding-left:20px;padding-right:20px}.modal .btn{background-color:#f2f2f2;color:#232323;font-size:4vh;font-weight:700;border-top:6px solid transparent;border-bottom:6px solid #818181;margin:20px 20px;width:200px}.modal .buttons{position:absolute;bottom:10%;width:100%;height:100px;text-align:center}.modal .btn:active{border-top:6px solid #818181;border-bottom:6px solid transparent}.incompatible-browser{width:100%;height:100%;position:absolute;z-index:1;background-color:#fff;text-align:center;padding-top:30%;font-size:1.5em}.bottom-banner{font-family:Roboto,'Helvetica Neue',sans-serif;position:absolute;bottom:5px;background-color:#fff;margin:10px;padding:10px;border-radius:13px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#f2f2f2;box-shadow:3px 5px 10px rgba(0,0,0,.5)}.ios.bottom-banner:after{content:"";display:block;border-width:10px 10px 0;border-style:solid;border-color:#f2f2f2 transparent transparent;margin-left:-10px;position:absolute;bottom:-10px;left:50%}.hidden{display:none!important}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.logo{background-image:url(../img/francetvad@2x.png)}.modal.pwa-install{background-image:url(../img/add-home@2x.png);background-size:50%}.modal.mic-allow{background-image:url(../img/activ-mic@2x.png);background-size:50%}.modal.listening .btn.pass{background-image:url(../img/modal-mic@2x.png)}#mic{background-image:url(../img/mic@2x.png)}#tts{background-image:url(../img/tts-on@2x.png)}#tts.off{background-image:url(../img/tts-off@2x.png)}.btn-channel.audiodescription{background-image:url(../img/ad-angle-black@2x.png)}.btn-channel.audiodescription.playing{background-image:url(../img/ad-angle-white@2x.png)}.img-channel.france2{background-image:url(../img/france2@2x.png)}.playing .img-channel.france2{background-image:url(../img/france2-white@2x.png)!important}.img-channel.france3{background-image:url(../img/france3@2x.png)}.playing .img-channel.france3{background-image:url(../img/france3-white@2x.png)!important}.img-channel.france4{background-image:url(../img/france4@2x.png)}.playing .img-channel.france4{background-image:url(../img/france4-white@2x.png)!important}.img-channel.france5{background-image:url(../img/france5@2x.png)}.playing .img-channel.france5{background-image:url(../img/france5-white@2x.png)!important}.img-channel.franceinfo{background-image:url(../img/franceinfo@2x.png)}.img-channel.documentaire{background-image:url(../img/documentaire@2x.png)}.playing .img-channel.documentaire{background-image:url(../img/documentaire-white@2x.png)!important}.img-channel.serie{background-image:url(../img/serie@2x.png)}.playing .img-channel.serie{background-image:url(../img/serie-white@2x.png)}.img-channel.arte{background-image:url(../img/arte@2x.png)}}@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (min--moz-device-pixel-ratio:3),only screen and (-o-min-device-pixel-ratio:3/1),only screen and (min-device-pixel-ratio:3),only screen and (min-resolution:288dpi),only screen and (min-resolution:3dppx){.logo{background-image:url(../img/francetvad@3x.png)}.modal.pwa-install{background-image:url(../img/add-home@3x.png);background-size:50%}.modal.mic-allow{background-image:url(../img/activ-mic@3x.png);background-size:50%}.modal.listening .btn.pass{background-image:url(../img/modal-mic@3x.png)}#mic{background-image:url(../img/mic@3x.png)}#tts{background-image:url(../img/tts-on@3x.png)}#tts.off{background-image:url(../img/tts-off@3x.png)}.btn-channel.audiodescription{background-image:url(../img/ad-angle-black@3x.png)}.btn-channel.audiodescription.playing{background-image:url(../img/ad-angle-white@3x.png)}.img-channel.france2{background-image:url(../img/france2@3x.png)}.playing .img-channel.france2{background-image:url(../img/france2-white@3x.png)!important}.img-channel.france3{background-image:url(../img/france3@3x.png)}.playing .img-channel.france3{background-image:url(../img/france3-white@3x.png)!important}.img-channel.france4{background-image:url(../img/france4@3x.png)}.playing .img-channel.france4{background-image:url(../img/france4-white@3x.png)!important}.img-channel.france5{background-image:url(../img/france5@3x.png)}.playing .img-channel.france5{background-image:url(../img/france5-white@3x.png)!important}.img-channel.franceinfo{background-image:url(../img/franceinfo@3x.png)}.img-channel.documentaire{background-image:url(../img/documentaire@3x.png)}.playing .img-channel.documentaire{background-image:url(../img/documentaire-white@3x.png)!important}.img-channel.serie{background-image:url(../img/serie@3x.png)}.playing .img-channel.serie{background-image:url(../img/serie-white@3x.png)}.img-channel.arte{background-image:url(../img/arte@3x.png)}}