#vidholder,#slideshow{position:relative;z-index:-1;text-align:center;overflow:hidden;background:#fff url(/adsl/im/slides/tv1.jpg) center center no-repeat;height:500px}
.button{display:block;position:absolute;bottom:15px;width:300px;left:50%;margin-left:-150px;font-size:16px;color:#fff;background:#d70909;border-radius:0;border:0;padding:10px;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}
.button:hover{-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;border-radius:5px;background:#f00}li{list-style:none}.hid{display:none}
.show{display:block}.node{cursor:pointer}.wrapper{width:100%;overflow:hidden;clear:both}a.navheader{display:block;float:left;width:475px;height:250px;font-family:'open_sansbold';font-size:23px;text-transform:uppercase;text-decoration:none!important;color:#fff;text-shadow:0 0 10px #000,0 0 10px #000,0 0 10px #000;position:relative;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ie-transition:all .5s;-o-transition:all .5s}
a.navheader:hover,a.navheader:visited{color:#fff;font-size:23px;text-shadow:0 0 20px #000,0 0 20px #000,0 0 20px #000,0 0 20px #000,0 0 20px #000;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ie-transition:all .5s;-o-transition:all .5s}
a.navheader span{display:block;left:30px;bottom:35px;position:absolute}a#navheader_tv{background:url(/im/components/television/services-de-television/acces-a-plus-250-chaines/fbx_tv_header_01.jpg) left 0 no-repeat}
a#navheader_vod{background:url(/im/components/television/services-de-television/acces-a-plus-250-chaines/fbx_tv_header_02.jpg) left 0 no-repeat}a#navheader_tv:hover{background-position:0 -250px}
a#navheader_vod:hover{background-position:0 -250px}a.navheader span strong{color:#f00}ul#tri{margin:0;padding:5px;overflow:auto;display:none;background:#fff}
#tri li{float:left;text-align:center;cursor:pointer;padding:5px!important;margin:0 5px 0 0;border:1px solid #fff;border-radius:5px;background:#fff url(/im/components/television/services-de-television/acces-a-plus-250-chaines/ordredetri.png) left top no-repeat;cursor:pointer}
ul#bouquet{float:left;clear:left}#bouquet li a{text-decoration:none}#bouquet li.packs,#bouquet li.themes,#bouquet li.vod{width:50px}#bouquet li.chainesbasiques{width:100px}
#bouquet li.chainesoptions{width:130px}#bouquet li.cplus{width:100px}#tri li.upup,#bouquet li.upup{border:1px solid #919191;box-shadow:0 0 2px #ccc;-moz-box-shadow:0 0 2px #ccc;-webkit-box-shadow:0 0 2px #ccc;-ie-box-shadow:0 0 2px #ccc;-o-box-shadow:0 0 2px #ccc}
#tri li.blocs{width:20px;height:20px;background-position:0 top}#tri li.blocs.upup{background-position:0 -30px;height:20px;border-bottom:0;border:1px solid #919191;position:relative;z-index:1}
#tri li.list{width:20px;height:20px;list-style:none;background-position:-30px top}#tri li.list.upup{background-position:-30px -30px;height:20px;border-bottom:0;border:1px solid #919191;position:relative;z-index:1}
#tri li.num{width:20px;height:20px;background-position:-60px top}#tri li.num.upup{background-position:-60px -30px;height:20px;border-bottom:0;border:1px solid #919191;position:relative;z-index:1}
#tri li.nom{width:20px;height:20px;background-position:-90px top}#tri li.nom.upup{background-position:-90px -30px;height:20px;border-bottom:0;border:1px solid #919191;position:relative;z-index:1}
#tri li#searchbox{background:0;cursor:text;border:0;padding:0!important;cursor:text}#search{padding:7px 10px;border:1px solid #dfdfdf;border-radius:5px;font-size:15px;font-weight:100;color:#666;text-transform:uppercase;vertical-align:top}
#listeChaines{padding:20px;overflow:hidden;clear:both;margin-top:-1px;position:relative;margin:auto}#listeChaines h1,.content-title{font-size:22px;display:block;width:870px;margin:5px 0 25px;text-transform:uppercase}
.chaine_block{float:left;width:188px;height:125px;padding:10px;margin:5px;border:1px solid #f0f0f0;border-radius:5px;overflow:hidden;position:relative;z-index:5;box-shadow:0 0 2px #ccc;-moz-box-shadow:0 0 2px #ccc;-webkit-box-shadow:0 0 2px #ccc;-ie-box-shadow:0 0 2px #ccc;-o-box-shadow:0 0 2px #ccc}
.chaine_block a{display:block;text-decoration:none}.ImageChaine{width:66px;height:68px;overflow:hidden;float:left;overflow:hidden;border:0 solid #f0f0f0;margin-right:12px;margin-top:4px;background:#FFF;position:relative}
.ImageChaine::before{display:block;content:'';position:absolute;left:0;top:0;width:68px;height:68px}.ImageChaine img{margin-left:-3px;margin-top:7px}
.chaine_block .TarifChaine{font-size:10px;width:115px;height:20px;float:left}.chaine_block .IdChaine{font-size:40px;font-weight:600;width:100px;height:30px;float:left;margin-top:9px;color:#858585}
.chaine_block a.NomChaine{width:180px;height:12px;margin:auto;padding-top:2px;clear:both;font-size:11px;font-weight:300;text-transform:uppercase;font-weight:bold}
.chaine_block .prixChaine{width:180px;height:12px;padding-top:3px;line-height:9px;margin:auto;clear:both;font-size:10px;font-weight:300}.chaine_block ul.Thema{display:block;margin:0 0 0 auto;padding:0;position:absolute;bottom:0;left:217px;height:50px;padding:2px 2px 0 2px;width:217px;margin-top:10px;background:#fff;z-index:100}
.chaine_block ul.Thema li.liTitle{text-transform:uppercase;font-weight:600;list-style:none;margin:0;padding:0}.chaine_block ul.Thema li{padding:3px 5px;background:#fff;border:1px solid #eee;margin-bottom:0;width:116px;margin-bottom:2px;text-align:center;border-radius:5px;vertical-align:bottom}
.chaine_detail{float:left;width:96%;padding:10px;margin:5px;border:4px solid #f0f0f0;border-radius:5px;overflow:hidden;position:relative;z-index:5;display:none;box-shadow:0 0 5px #f00}
.chaine_promo{float:left;width:96%;padding:10px;margin:5px;overflow:hidden;position:relative;z-index:5;display:none;text-align:center}.chaine_list{float:left;width:96%;height:76px;padding:10px;margin:5px;z-index:5;border:1px solid #f0f0f0;border-radius:5px;overflow:hidden;position:relative;z-index:5;box-shadow:0 0 2px #ccc;-moz-box-shadow:0 0 2px #ccc;-webkit-box-shadow:0 0 2px #ccc;-ie-box-shadow:0 0 2px #ccc;-o-box-shadow:0 0 2px #ccc}
.chaine_list a{display:block;text-decoration:none}.chaine_list .TarifChaine{font-size:10px;width:115px;height:20px;float:left}.chaine_list .IdChaine{font-size:40px;font-weight:600;width:90px;height:50px;float:left;margin-top:12px;color:#858585}
.chaine_list a.NomChaine{width:100%;height:20px;float:left;font-size:15px;font-weight:300}.chaine_list .prixChaine{width:100%;float:left;font-size:10px;line-height:10px;font-weight:300}
.chaine_list .nomPrix{float:left;width:300px}.chaine_list .Thema{display:block;clear:both;width:100%}.chaine_list ul.Thema{margin:0;padding:0;margin-top:0;position:absolute;right:10px;top:5px;max-height:68px;width:183px;text-align:right}
.chaine_list ul.Thema li{background:#FFF;border-radius:5px;border:1px solid #EEE;margin:0 1px 1px 0;padding:2px;width:183px;text-align:center;float:left;font-size:12px;z-index:5}
.option ul.Thema li{float:left}.chaine_list ul.Thema li.liTitle{text-transform:uppercase;font-weight:600;width:160px;height:14px;border:2px solid #eee}
.upRed{box-shadow:0 0 5px #f00}.themes ol#tv-themes{display:block;width:167px!important;float:left;margin-top:20px}.themes ol#tv-themes li a{display:block;width:157px;background:#fff;text-decoration:none;font-size:11px;padding:3px 5px;text-transform:uppercase;text-align:right}
.themes ol#tv-themes li a.upup{position:relative;border:1px solid #dfdfdf;background:#fff;border-right:0;border-radius:5px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;border-top-right-radius:0;border-bottom-right-radius:0}
.themes ol#tv-chaines{display:block;width:650px;min-height:550px;float:left;border-left:1px solid #dfdfdf}.themes ol#tv-chaines li{float:left;padding:3px;margin:14px;border:1px solid #dfdfdf;border-radius:5px}
.themes ol#tv-chaines li a{width:70px;height:54px}.packs ol#tv-chaines li a img{margin:10px}.packs ol#tv-packs li{float:left;padding:3px;margin:14px;border:1px solid #dfdfdf;border-radius:5px}
.packs ol#tv-packs li a{display:block;width:70px;height:54px}.packs ol#tv-chaines li{display:inline-block}._vod .content-top{font-size:13px;padding:0 0 50px 20px}
._vod .content-top ul{margin:0;padding:0}._vod .content-top ul li{font-size:12px;display:block;padding:2px}._vod .content-middle ul li{width:160px;height:140px;margin:0 50px 60px;padding:10px;border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-ie-border-radius:5px;-o-border-radius:5px;float:left;box-shadow:0 0 5px #ccc;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;-ie-box-shadow:0 0 5px #ccc;-o-box-shadow:0 0 5px #ccc;background:#fff;background:-moz-linear-gradient(top,#fff 1%,#efefef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#fff),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#fff 1%,#efefef 100%);background:-o-linear-gradient(top,#fff 1%,#efefef 100%);background:-ms-linear-gradient(top,#fff 1%,#efefef 100%);background:linear-gradient(to bottom,#fff 1%,#efefef 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#efefef',GradientType=0)}
._vod .content-middle ul li a{display:block;width:160px;text-decoration:none;text-transform:uppercase}._vod .content-middle ul li a span{display:block;text-align:center;font-size:15px}
#splash{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0;z-index:50;background:white;display:none;padding:20px}#splash .vod{padding:10px}
#splash .vod .logo{width:220px}#listeChaines .vod h1{width:100%}#splash .vod .description{padding:20px;border:1px solid #eee;border-radius:10px;margin-bottom:20px;font-size:1.25em}
#splash .vod .tarif,#splash .vod .canal{font-size:1.5em;color:#818181;background:#fff;padding:20px;margin-bottom:20px;border:1px solid #eee;border-radius:10px}
#splash .vod .promotion img{display:block;margin:auto}#closeMe{display:block;font-size:12px;font-weight:bold;padding:5px;border:1px solid #ccc;border-radius:15px;right:22px;top:22px;width:17px;height:17px;text-align:center;position:absolute;z-index:51;cursor:pointer}
#soMuchWin{display:block}.tv-chaine img{display:block;width:70px;height:54px;float:left;overflow:hidden}.tv-pack img{display:block;width:70px;height:54px;float:left;overflow:hidden;margin-top:18px}
.tv-chaine .chaine-left,.tv-pack .infos{float:left;margin-left:17px;width:30%;font-size:15px}.tv-chaine .chaine-left h1{font-size:22px;margin-top:28px;color:#333}
.tv-pack .infos h2{font-size:22px;margin-top:18px;color:#333}.tv-chaine .chaine-left h1 span{display:block}.tv-chaine .chaine-left .themes a{display:block;text-decoration:none;padding:5px;font-size:10px;text-transform:uppercase;border-radius:10px;box-shadow:0 0 5px #d8d8d8;-webkit-box-shadow:0 0 5px #d8d8d8;-moz-box-shadow:0 0 5px #d8d8d8;-ie-box-shadow:0 0 5px #d8d8d8;-o-box-shadow:0 0 5px #d8d8d8;margin-top:2px}
.tv-chaine .chaine-left .prix{margin-top:10px}.tv-chaine .chaine-left .canal{margin-top:10px;color:#333}.tv-chaine .chaine-right,.tv-pack .chaines{float:left;margin-left:30px;width:50%}
noscript,.noscript,.noscript ol#tv-chaines{clear:both;overflow:auto}.noscript ol#tv-chaines li,noscript li{float:left;width:70px;margin:10px}#switch_{width:100%;text-align:center;margin-bottom:30px;border-bottom:1px solid #333}
#switch_ span{padding:10px 20px;text-transform:uppercase;color:#444;font-size:1.5em;display:inline-block;cursor:pointer}#switch_ span.upup{color:#333;border-bottom:4px solid #333}
@media only screen{#bouquet li{clear:both}#tri li.list{display:none}ul#tri{float:left;clear:left;margin:0 5px}}@media only screen and (min-width:480px){#vidholder,#slideshow{background-size:200%}
}@media only screen and (min-width:700px){#bouquet li{float:left;clear:none}ul#tri{float:right;clear:right;margin:0 10px}#tri li.list{display:block}#vidholder,#slideshow{background-size:100%}
}