/* File: /css/rtbf/www/public/static/css/common/printable.css */ #toPrint .printable {display:none;} @media print { .printable {display:block;margin:10px 0;} } /* File: /css/rtbf/www/public/static/css/toolbox.css */ .toolBox {width:624px; padding:10px 0; border-bottom:1px solid #ccc;overflow:hidden;margin:0 0 16px 0;} .toolBox li {font-size:10px;margin:0 16px;float:left;line-height:16px;} .toolBox li.fbLike {float:right; margin:-2px 0 2px 0;} .toolBox li.reTweet {float:right; margin:-2px 4px 2px 0;} .toolBox li a {color:#333;padding:0 0 0 24px; height:16px; display:block;background:url(http://www.static.rtbf.be/rtbf/www/images/common/icons.png?2011011101) left top no-repeat;} .toolBox li a.retweet {font-size:11px;padding:1px 5px; border:1px solid #66cc33; background:#EDFFCD; color:#66cc33; -moz-border-radius: 3px; -webkit-border-radius: 3px; float:left;} .toolBox li a.retweet:hover { border:1px solid #66cc33; color:#FFFFFF!important; background:#66cc33; text-decoration:none;} .toolBox li a.tweets {font-size:12px;padding:1px 5px; border:1px solid #eee; background:#eee; color:#333; -moz-border-radius: 3px; -webkit-border-radius: 3px; float:left; font-weight:bold; margin-right:2px;} .toolBox li a.tweets:hover { border:1px solid #EDFFCD; color:#66cc33!important; background:#EDFFCD; text-decoration:none;} .toolBox li a.iconPrint {background-position:left -32px;} .toolBox li a.iconPrint:hover {background-position:left -48px;} .toolBox li a.iconSend {background-position:left -64px;} .toolBox li a.iconSend span {display:none;} .toolBox li a.iconSend:hover {background-position:left -80px;} .toolBox li a.iconShare {background-position:left -448px;} .toolBox li a.iconShare:hover {background-position:left -464px;} .toolBox li a.iconComment {background-position:left -514px;} .toolBox li a.iconComment:hover {background-position:left -534px;} .toolBox li a.iconContact {background-position:left -552px;} .toolBox li a.iconContact:hover {background-position:left -570px;} .toolBox li a.active {background-position:left -464px; color:#94db70;} .toolBox .addthis_toolbox .hover_menu, .textLinks .addthis_toolbox .hover_menu{display:none;} #addThisOverlay {display:none;position: absolute;font-size:10px;z-index:90;} #addThisOverlay .custom_hover { position: relative; } #addThisOverlay .custom_hover .add_this_custom_button { font-weight: bold; padding: 4px; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; background: #eee;} #addThisOverlay .custom_hover .tower { -webkit-border-radius: 0 3px 0 0; -moz-border-radius-topleft: 0; } #addThisOverlay .hover_menu { width: 100px; padding: 4px 0 4px 0; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #fff; -moz-box-shadow: 0 3px 5px #ccc; -webkit-box-shadow: 0 3px 5px #ccc; box-shadow: 0 3px 5px #ccc;} #addThisOverlay .hover_menu a {padding: 4px 0 4px 34px; position: relative; margin: 0 4px; display: block; text-decoration: none; color: blue; color:#333; background:none;height:16px;line-height:16px;} #addThisOverlay .hover_menu a:hover { background: #eaf6fe; text-decoration: none; color:#00B6E3 !important; } #addThisOverlay .hover_menu span { position: absolute; left: 14px; top: 4px;overflow:hidden;} #addThisOverlay .hover_menu .more { border-top: solid 1px #eee; padding: 4px 0 0 0; margin: 4px 4px 0 4px; text-align: left; border-bottom:none; } #addThisOverlay .hover_menu .more a { padding: 4px 0 4px 34px!important; font-size:10px; margin:0!important; color:#333!important; text-align:left; } #addThisOverlay .hover_menu .more a span { position: absolute; left: 14px; top: 4px; } /* File: /css/rtbf/www/public/static/css/common/common2.css */ /* Topbar & Footer styles for new sites (INFO, SPORT, REGION etc...) */ #rtbfBar2 {float:left;margin:0;padding:0; height:14px;} #rtbfBar2 li {float:left;margin:0 25px 0 0;padding:0;list-style:none;} #rtbfBar2 li a {color:#000;font-weight:bold; font-size: 10px; text-transform: uppercase;} #rtbfFooter {padding:20px 10px;font-size:12px;min-height:16px;margin:0;overflow:hidden;position:relative;border-top:1px solid #e5e5e5;background:#f5f5f5;list-style:none;} #rtbfFooter ul {padding-left:0;margin:10px 0 10px -20px;} #rtbfFooter li.radio ul {padding-left:0;margin:10px 0 10px 0;} .js #rtbfFooter ul {display:none;} #rtbfFooter li {float:left;margin-right:10px;width:125px;list-style:none;} #rtbfFooter li.corporate {width:160px;} #rtbfFooter li.engagement {width:190px;} #rtbfFooter li li {float:none;padding-bottom:3px;padding-left:20px;width:auto;background:none;border-left:1px solid #ccc;} #rtbfFooter li.radio li {border:none;padding-left:0;} #rtbfFooter a {color: #004488;font-weight:bold;font-size:16px;} #rtbfFooter a:hover {color: #7fa1c3;} #rtbfFooter ul a {color: #333;font-size:12px;font-weight:bold;} #rtbfFooter #rtbfFooterToggler, #rtbfFooter #rtbfFooterTogglerActive {width:16px;height:16px;position:absolute;top:20px;right:10px;float:none;margin:0;background:url(http://www.static.rtbf.be/rtbf/www/images/footer-toggler.png);cursor:pointer;} #rtbfFooter #rtbfFooterTogglerActive {background-position:0 -16px;} #rtbfConditions {margin-top:10px;text-align:center;color: #333;} #rtbfConditions a {color: #333;} /* File: /css/rtbf/www/public/static/css/common/media.css */ /*************************************** VIDEO & AUDIO *****************************************/ .rtbfAudio { height:20px; width:200px; background:url(http://www.static.rtbf.be/rtbf/www/images/common/media/audioPlayer.png); cursor:pointer; } .rtbfVideo { width:432px; height:243px; position:relative; } .playClick {position:relative;display:block;} .playClick img { height:100%; width:100%; cursor:pointer; } .playClickButton {background:url(http://www.static.rtbf.be/rtbf/www/images/common/button_play.png) no-repeat center top;display:block;position:absolute;bottom:4%;left:3%;width:28px;height:28px;margin:0;cursor:pointer;} .playClick:hover .playClickButton {background:url(http://www.static.rtbf.be/rtbf/www/images/common/button_play.png) no-repeat center bottom;} * html .playClickButton {background-image:url(http://www.static.rtbf.be/rtbf/www/images/common/button_play_flat.png);} .hasMediaPlayer {color:#2190D6; background:none;} /* ------------------ */ /* MULTIMEDIA SET CSS */ /* ------------------ */ .rtbfMediaSet { width:624px; } .rtbfMediaSet ul, .rtbfMediaSet li {list-style:none;} .mediaSetListContainer{ position:relative; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; overflow:hidden; zoom:1;} /* TITLES */ .rtbfMediaSet h2{margin-bottom:15px;padding-right:10px;font-size:18px;font-weight:bold;font-style:normal;padding:0;} /* TABS */ ul.mediaSetTab{margin:5px 0 10px; overflow:hidden; zoom:1;} ul.mediaSetTab li{ float:left;} ul.mediaSetTab li a{ float:left; padding:0 10px; font-size:12px; line-height:16px; color:#333; font-weight:bold; text-align:center; text-decoration:none;} ul.mediaSetTab li a.current{ color:#999;} ul.mediaSetTab li a:hover{ text-decoration:underline;} /* CONTROLS */ ul.mediaSetListControl{ float:right; margin:5px 0 0; width:40px; height:16px; overflow:hidden; zoom:1;} ul.mediaSetListControl li{ float:left; width:16px; height:16px; margin:0 0 0 4px;} ul.mediaSetListControl li a{ display:block; width:16px; height:16px; background:url(http://www.static.rtbf.be/rtbf/www/images/media/set/controls.png) no-repeat; text-indent:-5000px; cursor:pointer;} ul.mediaSetListControl li a.disabled{ opacity:0.4;filter: alpha(opacity=40);cursor:default;} ul.mediaSetListControl li a.mediaSetListPrevious{ background-position:left top;} ul.mediaSetListControl li a.mediaSetListPrevious:hover{ background-position:left bottom;} ul.mediaSetListControl li a.mediaSetListNext{ background-position:right top;} ul.mediaSetListControl li a.mediaSetListNext:hover{ background-position:right bottom;} /* SLIDER */ .mediaSetTabPanel{ clear:both; position:relative; width:624px; height:115px; overflow:hidden; zoom:1;} .mediaSetTabPanel ul{ position:absolute; width:5000px;} .mediaSetTabPanel ul li{ float:left; width:112px; height:115px;} .mediaSetTabPanel ul li .thumbnail { position:relative; width:112px; height:63px; margin-bottom:5px; overflow:hidden; text-align:center;} .mediaSetTabPanel ul li .thumbnail img { height:100%; } .mediaSetTabPanel ul li .thumbnail .playButton { display:none; height:auto; } .mediaSetTabPanel ul li h3.titlelist{ font-family:Arial, Helvetica, sans-serif; border:0; line-height:normal; font-style:normal; text-shadow:none; font-size:12px; font-weight:normal; margin:0; padding:0; } /* LINK */ .mediaSetLinkContainer {zoom:1; overflow:hidden;} .mediaSetLinkContainer a { font-size:12px; color:#999; text-decoration:none; } .mediaSetLinkContainer a:hover { text-decoration:underline; } /* File: /css/rtbf/www/public/static/css/common/promo_video.css */ .js #rtbfPromoVideo{ position:relative; margin:18px 0 0; padding-bottom:20px; border-bottom:2px solid #E5E5E5;} #rtbfPromoVideo h3{ font-size:18px;color:#333;margin:16px 0;} #rtbfPromoVideo .more{ display:block; position:absolute; top:2px; right:0; margin:0; padding:0 10px 0 0; background:url(http://www.static.rtbf.be/rtbf/www/images/common/promo_video/raquo.png) right no-repeat; border:0; font-size:12px; line-height:normal; text-align:right;} #rtbfPromoVideo .more a{ color:#048; font-weight:bold; text-decoration:none;} #rtbfPromoVideo .more a:hover{ text-decoration:underline;} #rtbfPromoVideo ul{ margin:0 0 0 -16px; padding:0; overflow:hidden;} #rtbfPromoVideo li{ float:left; width:144px; margin:0 0 0 16px; padding:0; text-align:center; list-style:none;} #rtbfPromoVideo li .imagePlaceHolder{ width:144px; height:81px; background:url(http://www.static.rtbf.be/rtbf/www/images/media/set/rtbf_be_base.jpg) center center no-repeat;} #rtbfPromoVideo .playClick{ width:100%; height:100%;} #rtbfPromoVideo li p{ margin:14px 0 0 0; font-size:12px; line-height:16px;} #rtbfPromoVideo li a{ color:#333;} #rtbfPromoVideo p div{ display:none;} /* File: /css/rtbf/www/public/static/css/common/splash.css */ #splashContainer {position:fixed;top:0;width:100%;height:100%;z-index:100;} .splash_bg {height:100%;width:100%;position:absolute;top:0;left:0;background-color:#000000; opacity:0.75; filter:alpha(opacity=75); -moz-opacity: 0.75; } .splash_window {background:#fff;border:0 solid #6D1D7B;color:#fff;left:50%;position:absolute;text-align:left;top:50%;margin-left:-250px;margin-top:-220px;width:500px;} .splash_header {height:40px; text-align:right;} .splash_close {cursor:pointer;} /* File: /css/reset.css */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} button:active, button:focus, button span:active, button span:focus, button, button span{outline:none; border:none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;} .hide{ position:absolute; left:-5000px;} /* File: /css/style.css */ /* ----- TAGS ----- */ body {font-size:12px;font-family:Arial, Helvetica, sans-serif; background: #e4e4e4; color: #333;} p {margin:8px 0; line-height:16px;} a {text-decoration:none; color:#000;} a:hover {text-decoration:underline; color: #2aa5f2!important;} h1 {} h2, h3, h4, h, h6{ font-weight:bold; color:#000;} h2, #varia .widget h3{ font-size:18px; color:#0057a2;} h2 a {color: #2ca6f3;} h2 {margin-bottom:16px;} h3 {font-size:16px;margin-bottom:16px;} label {cursor:pointer;} em, i {font-style:italic;} /* ----- GENERAL ----- */ .second .anchor h3 a {color:#000;} .nestedPane .loading { width:43px; margin:100px auto;} .clear {clear:both;} .articles .left .playClick, .newsDetail .videos .articleVideoList li .playClick {background:url(http://www.static.rtbf.be/rtbf/www/images/media/set/rtbf_be_base.jpg) center center no-repeat;} .plus {background:url(http://www.static.rtbf.be/rtbf/info/images/button_plus.png) no-repeat center top; height:12px; width:12px; display:block;} .plus:hover {background-position: center bottom;} .more { display:block; margin:0; border:0; text-align:right; position:relative;min-height:16px;} .more a { margin:0; padding:0 10px 0 0; border:0; font-size:12px; line-height:normal; text-align:right; background:url(http://www.static.rtbf.be/rtbf/sport/images/raquo.png) right center no-repeat;} .more a, .more a:hover{ color:#00B6E3!important; font-weight:bold; } .addthis_toolbox .more { background:none; padding:0;} .error404 .more { margin:0 0 16px 0;} .videoDetail .more{ margin:0; padding:0 0 16px 0; border-bottom:1px solid #CCC;} .media .more{ margin-top:16px;} span.green{ color: #2ca6f3; } span.blue{ color: #00b6e3; } span.grey{ color: #ccc; } span.orange{ color: #D65B17; } .current span.orange {color:#999;} p.text {font-size:12px;line-height:16px;font-weight:normal;} a.rss {background:url(http://www.static.rtbf.be/rtbf/info/images/icon_rss.png) left top no-repeat; line-height:16px;z-index:10; padding-left:20px;width:16px;height:16px;} a.rss.top {height: auto;min-height: 16px;padding:0 21px 0 0;position: absolute;right: 0;top: 16px;width: auto;background-position:right top;color:#999;font-size: 10px;} .archive a.rss.top {top:0;} ul.text {font-size:12px;line-height:16px;margin:12px 0;} ul.text li {padding:0 0 0 12px;background:url(http://www.static.rtbf.be/rtbf/info/images/bullet.png) 0 6px no-repeat;} ul.text li a{color: #000; font-size:12px; font-weight:bold;} .illuBox {overflow:hidden;} p.about {font-size:14px;color: #ccc;margin:0 0 -4px 0;} p.about .cat {color: #999;font-size:12px;} p.about .cat2 {color: #2ca6f3;font-size:12px; text-transform:uppercase;} .cat a {font-size:10px; color:#999 !important;text-decoration:none;} .cat2 a {font-size:10px; color:#2ca6f3 !important;text-decoration:none;} p.about .date {color: #999;font-size:12px;} .illuBox p.about {font-size:16px; line-height:16px; margin:0 0 -8px 0;} .illuBox p.about .cat, .illuBox p.about .date {font-size:10px;} .illuBox .comment, .popular .comment, #featured .comment, .illubox .comment, .about .comment, .chroniqueurs .comment { font-size:16px; color: #2aa5f2; font-weight:bold; padding:0 20px 0 0; background:url(http://www.static.rtbf.be/rtbf/info/images/icons-accroche.png) right 2px no-repeat; } .illuBox .audio, .popular .audio, #featured .audio, .illubox .audio, .about .audio, .chroniqueurs .audio{ font-size:16px; color: #2aa5f2; font-weight:bold; padding:0 20px 0 0; background:url(http://www.static.rtbf.be/rtbf/info/images/icons-accroche.png) right -35px no-repeat; } .illuBox .video, .popular .video, #featured .video, .illubox .video, .about .video, .chroniqueurs .video { font-size:16px; color: #2aa5f2; font-weight:bold; padding:0 20px 0 0; background:url(http://www.static.rtbf.be/rtbf/info/images/icons-accroche.png) right -17px no-repeat; } .illuBox .comment span, .popular .comment span, #featured .comment span, .illubox .comment span, .about .comment span, .illuBox .video span, .popular .video span, #featured .video span, .illubox .video span, .about .video span, .illuBox .audio span, .popular .audio span, #featured .audio span, .illubox .audio span, .about .audio span, .chroniqueurs .comment span, .chroniqueurs .audio span, .chroniqueurs .video span {font-size:10px; padding:3px 0;} .illuBox .comment:hover, .about .comment:hover, .popular .comment:hover, #featured .comment:hover, .illubox .comment:hover, .illuBox .video:hover, .popular .video:hover, #featured .video:hover, .illubox .video:hover, .about .video:hover, .illuBox .audio:hover, .popular .audio:hover, #featured .audio:hover, .illubox .audio:hover, .about .audio:hover, .chroniqueurs .comment:hover, .chroniqueurs .audio:hover, .chroniqueurs .video:hover {text-decoration:none;} .illuBox img {float:left;margin-right:16px;} .illuBox a {color:#000;} .illuBox .text {line-height:14px;} .illuBox .text a {color:#333; line-height:16px} .illuBox .text2 {font-size:12px;line-height:14px;font-weight:bold; margin:2px 0;} .illuBox p.slim {font-weight:normal;} /* EXPAND */ .expand_container {margin-bottom:16px;} /*Search results*/ #cse-search-results iframe {width:944px;} .complete-comment-form form input.submit {clear:none!important; margin:0!important;} /* ----- IMAGE FORMAT ----- */ .odd img, .even img, .first .folder .illuBox img {width:48px;} .sticky #featured img, .dayBox .first img.landscape {width:304px;} .dayBox .first .photooftheday {background:#E4E4E4;} .dayBox .first a {text-align:center; display: block;} .dayBox .first img.portrait {height:196px;} .dayBox .hasMediaSet {width:304px;} .sticky .second .illuBox img, .folderDetail .doubleContent img, .archiveContent .illuBox img, .archiveContentFirst .illuBox img {width:96px;} .media ul li img, chronicleArchive .illuBox img, .chroniclerList li .illuBox img {width:112px;} .articles .left img {width:144px;} .articles .left .rtbfPlayer { width:144px; height:81px; } /* ----- STRUCTURAL ----- */ #bannerLeaderboard {margin:0 auto;width:840px; padding:16px 0;} #wrap {width:944px;padding:16px;background: #fff;margin:0 auto 20px auto;position:relative; -moz-box-shadow: 0px 0px 5px #ccc; -webkit-box-shadow: 0px 0px 5px #ccc; box-shadow: 0px 0px 5px #ccc;} #header {margin-bottom:16px;} #content {overflow:hidden;} #mainContent {width:624px;float:left;padding-bottom:20px;position:relative;} .doubleContent, .fullContent {overflow:hidden;margin-bottom:16px;padding-top:16px;border-top:3px solid #EFF4F9; position:relative;} .fullContent .odd, .fullContent .even {width:304px; float:left; margin-bottom:16px; height:48px;} .fullContent .even, .folderDetail .even {margin-left:16px;} .fullContent .odd p.about, .fullContent .even p.about {margin:0;} .fullContent .odd .text2, .fullContent .even .text2 {font-weight:normal;} .folderDetail .doubleContent { margin:0; } .sticky{ border:none; padding-top:0; } .folder {position:relative; background:#f6f6f6; border:1px solid #ccc; padding:16px;} .media p.item {width:112px; line-height:14px;} .archiveContent {border-top:none;padding-top:0;} .archiveContent .text a, .archiveContentFirst .text a{font-weight:normal;} .archiveContent .illuBox a .text2, .archiveContentFirst .illuBox a .text2{color:#000; font-size:16px; line-height:18px;} .archiveContent .illuBox a:hover .text2, .archiveContentFirst .illuBox a:hover .text2{color:#2ca6f3; font-size:16px;} .archiveContent .first, .archiveContent .second {border-top:1px solid #ccc;padding-top:16px;} .doubleContent .first {float:left;width:304px;} .thumbsNav a.prevItem{display:block;height:64px;width:16px;background:url(http://www.static.rtbf.be/rtbf/sport/images/controls_gallery.png) left top no-repeat;text-indent:-5000px;cursor:pointer;float:left;} .thumbsNav a.prevItem:hover{background:url(http://www.static.rtbf.be/rtbf/sport/images/controls_gallery.png) left bottom no-repeat;} .thumbsNav a.nextItem{display:block;height:64px;width:16px;background:url(http://www.static.rtbf.be/rtbf/sport/images/controls_gallery.png) right top no-repeat;text-indent:-5000px;cursor:pointer;float:right;} .thumbsNav a.nextItem:hover{background:url(http://www.static.rtbf.be/rtbf/sport/images/controls_gallery.png) right bottom no-repeat;} .doubleContent .second {float:right;width:304px;} .doubleContent h3 a { color: #0057A1; line-height:20px; } .folderDetail .doubleContent h3 a {color:#000;font-size:16px;} .doubleContent .textLinks {position:absolute; right:0; top:18px;} .doubleContent .textLinks li {float:left;margin-left:20px; color: #999;} .doubleContent .textLinks li a {color: #000;font-weight:bold;font-size:11px;} .media ul {margin-left: -16px;overflow:hidden;} .media li {float:left;margin-left:16px;cursor:pointer;} .mediaSetTabPanel ul li .thumbnail {background:url(http://www.static.rtbf.be/rtbf/info/images/thumb_info.png) center center no-repeat;} .anchor {margin-top:12px;border-bottom:3px solid #EFF4F9;padding-bottom:8px;} .anchor.noTeaser h3 {margin-bottom:0;} .anchor:first-child {margin-top:0;} .anchor:last-child, .anchor.last {border-bottom:none;} .mediaPlayer .anchor {margin-top:16px;} .mediaPlayer .firstAnchor {border-bottom:1px solid #ccc;padding:0px 0 16px 0;margin-top:0;} .mediaPlayer .audioPlayable .text {color:#000; font-weight:bold;} .mediaPlayer .illuBox {margin-bottom:12px;} .mediaPlayer .illuBox h4 {font-weight:bold;color: #2ca6f3; margin-bottom:-4px;} .mediaPlayer .illuBox h4 a {font-weight:bold;color: #2ca6f3; margin-left:16px;} .mediaPlayer .illuBox .text {line-height:16px;margin-bottom:0; font-weight:bold;} .dayBox .firstAnchor {margin-bottom: 0;padding-bottom: 0;border-bottom:1px solid #ccc;} .dayBox .firstAnchor .text {margin:0;} #featured {padding-bottom:6px;} .folderDetail #featured {border:none; margin-bottom:0;} #featured h2 {color: #000;margin:12px 0 2px;} #featured h2 a {color:#000; line-height:20px;} #featured .about {color: #ccc;margin:0 0 -6px;} #featured .text a {color:#333;} #featured .text li a {color:#000;} #featured .cat {font-size:10px;color: #2ca6f3;} #featured .date {font-size:10px;color: #999;} div.subCategoryMediaSet div.hasMediaSet{ padding:0; border:0; border-bottom:2px solid #CCC;} ul.subCategoryArticleList{ border:0;margin-top: 32px;} .archive ul.subCategoryArticleList{margin-top: 16px;} ul.subCategoryArticleList li{ margin-bottom:16px;} ul.subCategoryArticleList li h3 a{ color:#000; line-height:20px;} ul.subCategoryArticleList li .illuBox .text{ margin-bottom:0;} .folderHeader{ height:96px; margin-bottom:16px; background:#525252; overflow:hidden;} .folderHeader img{ float:left; width:144px; height:96px; margin-right:16px; overflow:hidden;} .folderHeader h2, .folderHeader p.text{ margin:8px 16px; padding:0; color:#FFF;} ul.folderList{} ul.folderList li{ margin-bottom:16px; overflow:hidden;} ul.folderList li img{ float:left; width:144px; height:96px; margin-right:16px; overflow:hidden;} ul.folderList li h3{ margin-bottom:8px;} ul.folderList li h3 a{ color:#333; line-height:20px;} ul.folderList li p.text{ margin:0; color:#666;} .folderDetail .media{ margin:16px 0; padding:16px 0 0 0; border-top:2px solid #ccc;} .folderDetail .odd, .folderDetail .even {width:304px; float:left; margin-bottom:16px; height:220px;} .folderDetail .hasMediaSet .mediaSetListContainer{ margin:0;} .videoPage .hasMediaSet .mediaSetLinkContainer{ display:none;} .folderDetail h3 {margin-bottom:8px; font-size:14px;} #varia {float:right;padding:0 0 0 2px;width:302px;} #footer {border-top:2px solid #e5e5e5;} #bannerSkyscraper {position:absolute;right: -176px;top:16px;} /* Europe Crise */ .Crise #header .logo {margin-left:22px;} .Crise .sticky .more {clear:both; width:624px;} .Crise span.letter {line-height:48px; display:block; float:left; margin-right:16px; height:48px; width:48px; background:#0057a2; color:#fff; font-size:32px; font-weight:bold; text-align:center;} .Crise .dicoAnchor li {margin-bottom:16px;} .Crise .dicoAnchor h3 {margin-bottom:8px;} .Crise .dicoAnchor h3 a {font-size:12px; line-height:12px; } .Crise .articleBottom {background:#EFF4F9; padding:16px 0 16px 16px; border-top:none;} .Crise .articleBottom a.rss.top {right:16px;} .Crise ul.subCategoryArticleList {overflow:hidden; margin-top:16px; } .Crise ul.subCategoryArticleList li {float:left; width:288px; height:176px; margin-right:16px;} .Crise .alphaFilter { margin: 8px 0 16px; overflow:hidden;} .Crise .alphaFilter li {border-right: 1px solid #CCCCCC; color: #CCCCCC; float:left; font-size: 16px; font-weight: bold; height: 18px; margin: 0 5px 0 0; padding: 0 5px 0 0; vertical-align: top;} .Crise .alphaFilter li.active a {color:#2aa5f2;} .Crise .alphaList li h3{border-bottom: 1px solid #CCCCCC; display: block; margin: 0 0 10px; padding: 0 0 5px; width: 624px; font-size:16px;} .Crise .alphaList li .top{text-decoration:underline; color:#2aa5f2; display:block; width:624px; text-align:right; margin-bottom:16px;} .Crise .alphaList li ul {margin-bottom:8px;} .Crise .alphaList li ul li {margin-bottom:8px;} .Crise .alphaList li ul li a { font-size:14px; width:624px; color:#2aa5f2;} .Crise .title_bar{ margin-bottom:16px; padding:8px 16px; background:#BFEBFF; overflow:hidden; zoom:1;} .Crise .title_bar h2{ float:left; margin:0; padding:0; color:#0073D8;} .Crise .title_bar h2 a, .Crise .title_bar h2 a:hover{ color:#0073D8;} .Crise .title_bar h2 span{ color:#00ADFF;} .Crise .title_bar a.more{ float:right; margin:2px 0 0; padding:0 10px 0 0; background:url(http://www.static.rtbf.be/rtbf/sport/images/raquo.png) right center no-repeat; border:0; font-size:12px; line-height:normal; color:#00B6E3; font-weight:bold; text-align:right;} .newsDetail #related h3{font-size:18px; margin:0 0 16px 0; line-height:20px; color:#0073D8;} .newsDetail .body {font-size:14px;} .newsDetail .body .newsHead { font-size: 16px; font-weight: bold; line-height: 22px; margin: 0 0 16px;} .newsDetail h2 {color:#000; margin-bottom:0px;} .newsDetail #related {width:144px; padding:16px; border:1px solid #ccc; float:right; margin:0 0 16px 16px;} .newsDetail #related ul {margin:0 0 0 0; padding:0;} .newsDetail #related ul li {margin:0 0 8px 0; font-size:12px;} .newsDetail #related ul li a {color:#000; font-weight:bold; line-height:14px;} /* MEDIAROLL */ /* File: /css/header.css */ #header .top, #header .bottom {overflow:hidden;} #rtbfBar2 li a{color:#000!important; text-transform:uppercase; font-size:10px;} #rtbfBar2 li.info a {color: #999!important;font-weight:bold;} #header .bottom {margin-top:16px;} #header .textLinks {float:right;} #header .textLinks li {float:left;margin-left:20px; color: #999;} #header .textLinks li a {color: #000;font-weight:bold;font-size:10px;} #header .weatherService {float:left;width:320px; position:relative;} #header .weather {overflow:hidden;} #header .weather img {float:left;} #header .weather .minDegree {float:left;margin:0 4px 0 8px;font-weight:bold;font-size:16px;line-height:48px;color: #00b6e3;} #header .weather .maxDegree {float:left;margin:0 8px 0 0;font-weight:bold;font-size:16px;line-height:48px;color: #9f0f0f;} #header .weather .dateLocation {float:left;color: #666;width:180px;} #header .weather span {display:block;} #header .weather .date {margin-top:12px; font-size:10px;} #header .weather .location, #header .weather .location a {font-weight:bold; color: #000;} #header .service {float:left;width:300px; color: #666;margin:16px 0 0 0; font-weight:bold; position:relative;} #header .service .links {} #header .service a.services {font-weight:bold;color: #666; text-transform:none;} #header .service a {font-weight:bold;color: #000; margin-left:5px; text-transform:none;} #header .service a.plus {position:absolute; right:106px; bottom:0;} #header .logo {float:left;margin:0 0 0 48px;} #header .search, #footer .search {float:right;width:307px;position:relative;} #header .search label, #footer .search label {font-weight:bold; color: #000;} .search form {margin:0 5px;} .search .google_search {width:264px;border:1px solid #ccc;margin-top:5px;padding:3px; color:#000; background: #fff url(http://www.static.rtbf.be/rtbf/info/images/bg_google.png) 2px center no-repeat; position:absolute; top:18px; left:5px; height:16px;} .search .google_search_focus {background:#fff;} .search .google_button {width:24px; height:24px; text-indent: -5000px; background:url(http://www.static.rtbf.be/rtbf/info/images/button_search.png) center top no-repeat; position:absolute; right:0; top:23px; cursor:pointer;} .search .google_button:hover {background:url(http://www.static.rtbf.be/rtbf/info/images/button_search.png) center bottom no-repeat;} .searchedTerm {color: #666; display:none;} .searchedTerm span { color: #333;} .search p {margin:20px 0 0 0;} /* File: /css/menu.css */ #menu {margin-top:16px;background:url(http://www.static.rtbf.be/rtbf/info/images/bg_menu.png) left top repeat-x; overflow:hidden; width:944px;position:relative;z-index:10;} #menu li {float:left;} #menu li.right {float:right;} #menu li a.active, .Home #menu li.home a{color:#122347;} #menu li a {display:block;padding:8px 10px;color: #fff;font-weight:bold;text-decoration:none;font-size:16px;} #menu li a:hover {text-decoration:none; color:#122347 !important;} ul.sub{width:944px;background:#EAF6FE; overflow:hidden; height:32px; position:relative; top:2px;} ul.sub ul{display:none;} ul.sub li{display:inline; float:left; background:url(http://www.static.rtbf.be/rtbf/info/images/separator.png) right center no-repeat;} ul.sub li a{color:#333; font-weight:bold; display:block; padding:9px 9px 9px 8px;border:none; background:none; font-size:12px;} ul.sub li a:hover, ul.sub li a.on {color:#2ca6f3;} ul.sub li.zone{color:#2ca6f3; font-weight:normal; display:block; padding:8px 16px 0 8px; font-size:14px; background:none;} ul.sub li.zone span.current{color:#2ca6f3; font-weight:bold; font-size:14px;} ul.sub li.last {background:none;} ul.sub li.breadcrumb {background:none; position:relative; float:left;} ul.sub li.breadcrumb a {float:left; color:#fff !important; font-size:14px; padding-right:24px;position:relative;} ul.sub li.breadcrumb a.crumb1 {background:url(http://www.static.rtbf.be/rtbf/info/images/breadcrumb.png) right top no-repeat;z-index:4;} ul.sub li.breadcrumb a.crumb2 {background:url(http://www.static.rtbf.be/rtbf/info/images/breadcrumb.png) right center no-repeat; padding-left:24px;margin-left:-16px;z-index:3;} ul.sub li.breadcrumb a.crumb3 {background:url(http://www.static.rtbf.be/rtbf/info/images/breadcrumb.png) right bottom no-repeat; padding-left:24px;margin-left:-16px;z-index:2;} ul.sub li.breadcrumb a.crumb4 {background:url(http://www.static.rtbf.be/rtbf/info/images/breadcrumb.png) right bottom no-repeat; padding-left:24px;margin-left:-16px;z-index:1;} /* File: /css/toolbox.css */ .toolBox {width:624px; padding:16px 0;border-bottom:1px solid #ccc;overflow:hidden;margin:0 0 16px 0;} .photoAlbumDetail .toolBox, .videoDetail .toolBox{position:relative;} .toolBox li {font-size:10px;padding:0 17px 0 16px;float:left;line-height:16px; border-right:1px solid #ccc;margin:0;} .toolBox li.last { border-right:none;} .toolBox li.fbLike {margin:-2px 0 2px 0;position:absolute;right:0;z-index:20000;} .toolBox li.reTweet {margin:-2px 4px 2px 0;position:absolute;right:140px;} .photoAlbumDetail .toolBox li.fbLike, .videoDetail .toolBox li.fbLike {margin:-2px 0 2px 0;position:absolute;right:0;z-index:20000; top:16px; float:none;} .photoAlbumDetail .toolBox li.reTweet, .videoDetail .toolBox li.reTweet {margin:-2px 4px 2px 0;position:absolute;right:140px; top:16px; float:none;} .toolBox li a, .textLinks .add_this_custom_button, .textLinks .newsletter {font-size:10px; text-transform:uppercase; font-weight:bold; color:#000;padding:0 0 0 22px; height:16px; display:block;background:url(http://www.static.rtbf.be/rtbf/services/images/icons.png) left top no-repeat;} .textLinks .add_this_custom_button, .textLinks .newsletter { line-height:16px;} .toolBox li a.retweet {font-size:11px;padding:1px 5px; border:1px solid #66cc33; background:#EDFFCD; color:#66cc33; -moz-border-radius: 3px; -webkit-border-radius: 3px; float:left;} .toolBox li a.retweet:hover { border:1px solid #66cc33; color:#FFFFFF!important; background:#66cc33; text-decoration:none;} .toolBox li a.tweets {font-size:12px;padding:1px 5px; border:1px solid #eee; background:#eee; color:#333; -moz-border-radius: 3px; -webkit-border-radius: 3px; float:left; font-weight:bold; margin-right:2px;} .toolBox li a.tweets:hover { border:1px solid #EDFFCD; color:#66cc33!important; background:#EDFFCD; text-decoration:none;} .toolBox li a.iconPrint {background-position:left -32px;} .toolBox li a.iconPrint:hover {background-position:left -48px;} .toolBox li a.iconSend {background-position:left -64px;} .toolBox li a.iconSend span {display:none;} .toolBox li a.iconSend:hover {background-position:left -80px;} .toolBox li a.iconShare {background-position:left -448px;} .textLinks .newsletter {background-position:left -240px;} .toolBox li a.iconShare:hover, .textLinks .add_this_custom_button {background-position:left -464px;} .toolBox li a.active {background-position:left -464px; color:#94db70;} .toolBox .addthis_toolbox .hover_menu, .textLinks .addthis_toolbox .hover_menu{display:none;} #addThisOverlay {display:none;position: absolute;font-size:10px;z-index:90;} #addThisOverlay .custom_hover { position: relative; } #addThisOverlay .custom_hover .add_this_custom_button { font-weight: bold; padding: 4px; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; background: #eee;} #addThisOverlay .custom_hover .tower { -webkit-border-radius: 0 3px 0 0; -moz-border-radius-topleft: 0; } #addThisOverlay .hover_menu { width: 100px; padding: 4px 0 4px 0; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #fff; -moz-box-shadow: 0 3px 5px #ccc; -webkit-box-shadow: 0 3px 5px #ccc; box-shadow: 0 3px 5px #ccc; margin:0 0 0 2px;} #addThisOverlay .hover_menu a {padding: 4px 0 4px 34px; position: relative; margin: 0 4px; display: block; text-decoration: none; color: blue; color:#333; background:none;height:16px;line-height:16px;} #addThisOverlay .hover_menu a:hover { background: #EAF6FE; text-decoration: none; color:#2ca6f3 !important; } #addThisOverlay .hover_menu span { position: absolute; left: 14px; top: 4px;overflow:hidden;} #addThisOverlay .hover_menu .more { border-top: solid 1px #eee; padding: 4px 0 0 0; margin: 4px 4px 0 4px; text-align: left; border-bottom:none;} #addThisOverlay .hover_menu .more a { padding: 4px 0 4px 34px!important; font-size:10px; margin:0!important; color:#333!important; text-align:left; } #addThisOverlay .hover_menu .more a span { position: absolute; left: 14px; top: 4px; } /* File: /css/rtbf/www/public/static/css/common/tabs.css */ /* ----- COMMON TABS ----- */ .tabs {overflow:hidden;margin-bottom:16px; background:url(http://www.static.rtbf.be/rtbf/info/images/border_bottom.png) left bottom repeat-x;} .js .panes .tabPanel {display:none;} .js .panes .firstPane {display:block;} .newsTabs {overflow:hidden; margin-bottom:-1px; position:relative; z-index:20;} .tabs li, .newsTabs li {display:inline;} .panes li li {margin-bottom:0;} .js .panes li.ui-tabs-panel {display:block;} .js .panes li.ui-tabs-hide {display:none;} .tabs a, .tabs .ui-state-default a {float:left;border:none;border-bottom:1px solid #999;font-weight:bold;color: #000;padding:10px 15px;text-align:center;} .newsTabs a {float:left;background:#fff;border-bottom:1px solid #999;font-weight:bold;color: #000;padding:10px 15px;text-align:center;} .tabs .ui-state-active a, .newsTabs .ui-state-active a {background:#fff;border:1px solid #999;border-bottom-color:#fff;color: #999; padding:9px 15px 10px 15px;} /* File: /css/slider.css */ /*Common*/ .viewer {position:relative;overflow:hidden;width: 624px;height:120px;} .logged .viewer {height:160px;} .viewer .itemContainer {width:20000px;position:absolute;} .viewerPager {color: #333;font-weight: bold;position: absolute;right: 64px;top: 8px;} ul.controls li{margin:0 0 0 4px; float:left;} ul.controls li a {display:block;height:16px;width:16px;background:url(http://www.static.rtbf.be/rtbf/sport/images/controls.png) no-repeat;text-indent:-5000px;cursor:pointer;} .displayBlock {display: block;} .displayNone {display: none;} /*Chrono widget*/ #varia .timedNews ul.controls{position:absolute; right:0; bottom:0; margin:0; top:auto; padding:8px 0 0 228px; background:#fff;} #varia .timedNews ul.controls li a {background:url(http://www.static.rtbf.be/rtbf/sport/images/controls2.png) no-repeat;} #varia .timedNews ul.controls li a.disabled, ul.controls li a.disabled {opacity:0.34; cursor:auto;} #varia .timedNews ul.controls li a.prev, ul.controls li a.prev {background-position:left top;} #varia .timedNews ul.controls li a.prev:hover, ul.controls li a.prev:hover {background-position:left bottom;} #varia .timedNews ul.controls li a.prev.disabled, ul.controls li a.prev.disabled {background-position:left top;} #varia .timedNews ul.controls li a.next, ul.controls li a.next {background-position:right top;} #varia .timedNews ul.controls li a.next:hover, ul.controls li a.next:hover {background-position:right bottom;} #varia .timedNews ul.controls li a.next.disabled, ul.controls li a.next.disabled {background-position:right top;} #varia .timedNews .hSlider {position:relative; overflow:hidden;height:235px;width:268px;} /*Folder*/ .folder .viewer {width:272px;} .folder ul.controls{position:absolute; right:16px; top:16px;} .folder .itemContainer div {float:left;} .folder .itemContainer div.illuBox {float:none; width:272px; margin-bottom:16px; height:50px; overflow:hidden;} .folder .illuBox h4 {font-size:15px;margin-bottom:-4px; color:#2AA5F2;} .folder .illuBox h4 a {color:#2AA5F2;} .folder .illuBox p.text {font-weight:bold;line-height:16px;height:24px;} .folder .illuBox p.text a {font-weight:bold;color:#000;} /*Gallery widget*/ #varia .gallery ul.controls {position:absolute; right:16px; top:16px;} #varia .gallery .viewer {width:268px;height:225px;} #varia .gallery .albumItem {float:left;width: 268px;} #varia .gallery .albumItem .imgLink, #varia .gallery .albumItem .txtLink {display:block;} #varia .gallery .albumItem .txtLink {margin-top:10px;} /* File: /css/rtbf/www/public/static/css/common/facebook.css */ /*********************/ /** FACEBOOK common **/ /*********************/ .facebookOnLoad { display:none; } /********************/ /** FACEBOOK badge **/ /********************/ .anchor_facebook {margin:10px 0;background:#fff;} .anchor_facebook a.facebook {width:278px; border:1px solid #94A3C4; border-top:none; background:#eceff5 url(http://www.static.rtbf.be/rtbf/www/images/puce_facebook.png) no-repeat left center; padding:5px 5px 6px 15px; display:block; color:#3B5998; font-size:12px; margin:-7px 0 0 0;} .anchor_facebook a.facebook:hover { text-decoration:underline;} /* File: /css/footer.css */ #footer .top {overflow:hidden;padding:20px 0;background:#f5f5f5 url(http://www.static.rtbf.be/rtbf/www/images/rtbf-logo.png) 32px center no-repeat;} div#rtbfPromoVideo .more {background:none;} div#rtbfPromoVideo .more a {background:url(http://www.static.rtbf.be/rtbf/www/images/common/promo_video/raquo.png) no-repeat right center transparent;} #footer .logo {float:left;margin-left:30px;} #footer .search {margin-right:30px;width:500px;} #footer .search .google_search {left:198px; top:0px;} #footer .search .google_button {top:5px;} #web_search_footer {margin-left:15px;} #footer .search form {margin:7px 5px 0 5px;} #footer .hr {display:none;} #rtbfFooter {padding:20px 10px;font-size:12px;min-height:16px;margin:0;overflow:hidden;position:relative;border-top:1px solid #e5e5e5;background:#f5f5f5;} #rtbfFooter ul {padding-left:0;margin:10px 0 10px -20px;} #rtbfFooter li.radio ul {padding-left:0;margin:10px 0 10px 0;} .js #rtbfFooter ul {display:none;} #rtbfFooter li.corporate {width:160px;} #rtbfFooter li li {float:none;padding-bottom:3px;padding-left:20px;width:auto;background:none;border-left:1px solid #ccc;} #rtbfFooter li.radio li {border:none;padding-left:0;} #rtbfFooter a {color: #004488;font-weight:bold;font-size:16px;} #rtbfFooter a:hover {color: #7fa1c3!important;} #rtbfFooter ul a {color: #333;font-size:12px;font-weight:bold;} #rtbfFooter #rtbfFooterToggler, #rtbfFooter #rtbfFooterTogglerActive {width:16px;height:16px;position:absolute;top:20px;right:10px;float:none;margin:0;background:url(http://www.static.rtbf.be/rtbf/www/images/footer-toggler.png);cursor:pointer;} #rtbfFooter #rtbfFooterTogglerActive {background-position:0 -16px;} #rtbfConditions {margin-top:10px;text-align:center;color: #333;} #rtbfConditions a {color: #333;} /* File: /css/rtbf/www/public/static/css/common/pagination.css */ .pagination{ float:right; margin-right:10px;} .pagination a, .pagination ul{ float:left;} .pagination li{ float:left; margin-right:4px; padding-right:8px; background:url(http://www.static.rtbf.be/rtbf/www/images/common/paging/button_separator.png) no-repeat right center;} .pagination li.lastVisibleNumber{ background:none;margin-right:0;padding-right:2px;} .pagination li.active{ font-size:14px; font-weight:bold; color:#2190D6;} .pagination li a{ float:none; font-size:14px; font-weight:bold; color:#333;} .pagination .first, .pagination .prev, .pagination .next, .pagination .last{ width:12px; height:14px; background:url(http://www.static.rtbf.be/rtbf/www/images/common/paging/paging.png) no-repeat;} .pagination .first{ margin:0 3px 0 0; background-position:0 center;} .pagination .prev{ margin:0 3px 0 0; background-position:-12px center;} .pagination .next{ margin:0 3px ;padding:0; background-position:-24px center;} .pagination .last{ background-position:-36px center;} .pagination .first span, .pagination .prev span, .pagination .next span, .pagination .last span{ position:absolute; left:-10000px;} /* File: /css/rtbf/www/public/static/css/common/news/news.css */ .newsDetail {position:relative;} .newsDetail h2 {font-size:22px;color:#000;margin:16px 0 8px 0;} .newsDetail h3 {font-size:18px;color:#2ca6f3;margin:0 0 16px 0;} .newsDetail .left h3, .newsDetail .right h3 {font-size:18px;color:#2ca6f3;margin:0 0 16px 0;} .newsDetail h3 a {color:#2ca6f3;} .newsDetail .left h3 a {color:#2ca6f3;} .newsDetail .body {position:relative;overflow:hidden;} .newsDetail .credit { overflow:hidden; margin:0 0 16px 0; line-height:12px;} .newsDetail .credit .signature {color:#666;} .newsDetail .credit li {color:#999; font-size:10px; float:left; padding-right:9px; margin-right:8px; background:url(http://www.static.rtbf.be/rtbf/info/images/separator.png) right center no-repeat;} .newsDetail .credit li.last {background:none;} .newsDetail .newsTabs a {width:88px;} .newsDetail .newsTabs a.comment {width:120px;} #newsArticlePane {overflow:hidden;} .newsDetail #related {width:144px; padding:16px; border:1px solid #ccc; float:right; margin:0 0 16px 16px;} .newsDetail #related ul {margin:0 0 0 0; padding:0;} .newsDetail #related ul li {margin:0 0 8px 0; font-size:12px;} .newsDetail #related ul li a {color:#000; font-weight:bold; line-height:14px;} .newsDetail .toolBox {border-top:1px solid #999; border-bottom:1px solid #efeded;} .newsDetail .body .toolBox {border-top:1px solid #efeded; border-bottom:1px solid #999;} .newsDetail .panes {clear:both;} #newsArticlePane .left {float:left; width:144px; min-height:400px;margin-bottom:16px;} #newsArticlePane .rtbfVideo {width:144px;height:81px;} #newsArticlePane .left p.description {color:#666; font-size:10px; margin-bottom:16px;} #newsArticlePane .left ul.text li a {color:#000;} .newsDetail .complete-comment-form form div .characters-counter strong {color:#2CA6F3;} .newsDetail .audioList {margin-bottom:16px;} .newsDetail #newsAudiosPane .audioList{ width:640px;} .newsDetail .audioList li{ font-size:12px; margin:8px 0; line-height:16px;} .newsDetail #newsAudiosPane .audioList li{ width:624px; margin:0 0 8px 0; padding:0 0 8px 0; border-bottom:1px dotted #CCC; font-size:12px; line-height:16px;} .newsDetail .audioList li a{ display:block; padding:0 0 0 24px; background:url(http://www.static.rtbf.be/rtbf/info/images/icon_audio.png) left top no-repeat;} .newsDetail #newsAudiosPane .audioList li.on a{ background:url(http://www.static.rtbf.be/rtbf/info/images/icon_audio-selected.png) left top no-repeat; color:#2CA6F3;} .newsDetail #newsAudiosPane #audio_wrap {width:624px; text-align:center; position:relative; margin:32px auto 24px auto;} .newsDetail #newsAudiosPane #audio_wrap .rtbfPlayer {width:200px; position:relative; margin:0 auto; cursor:pointer;} .newsDetail #newsAudiosPane #audio_wrap .audioCaption{ margin:0 0 8px 0;} .newsDetail .audioList li a, .newsDetail #newsAudiosPane #audio_wrap .audioCaption{ color:#333; font-weight:bold;} .newsDetail #newsAudiosPane #audio_wrap .audioCaption{ font-size:14px;} .newsDetail .audioList li a:hover {text-decoration:none;} .newsDetail .audioList li a span, .newsDetail #newsAudiosPane #audio_wrap .audioCaption span{ display:block; color:#999; font-weight:normal;} .newsDetail #articleVideoPlayer {position:relative; margin:0 0 16px 0; padding:8px; background:#000;} #newsArticlePane .right {float:left; margin:0 0 16px 16px; min-height:400px; font-size:14px; width:464px;line-height:22px;} #newsArticlePane .right p {font-size:14px; line-height:22px;} #newsArticlePane .right ul {margin:10px 0;} #newsArticlePane .right ul li {margin: 0 0 8px; background:url(http://www.static.rtbf.be/rtbf/info/images/bullet.png) no-repeat scroll 0 6px transparent; padding:0 0 0 12px;} #newsArticlePane .right ul.embed li {margin:0; background:none; padding:0;} #newsArticlePane .printable h2, #newsArticlePane .printable .credit, #newsArticlePane .printable .about, #newsArticlePane .printable .logo{ display:none;} #newsArticlePane .right .newsHead{font-weight:bold; margin:0 0 16px 0; line-height:22px; font-size:16px;} #newsArticlePane .right h3{font-size:16px; margin:16px 0; line-height:20px;} #newsArticlePane .right #related h3{font-size:18px; margin:0 0 16px 0; line-height:20px;} #newsArticlePane .right div.quote h4 {margin:16px 0 8px 0;} #newsArticlePane .right div.quote h4 span{font-weight:normal; font-size:12px;} #newsArticlePane .right .links {margin:16px 0;} #newsArticlePane .right .links li {font-size:12px; margin:8px 0;line-height:16px;} #newsArticlePane .right .links li a {color:#00B6E3; font-size:12px;font-weight:bold;padding:0 0 0 24px;background:url(http://www.static.rtbf.be/rtbf/info/images/icons.png) left -96px no-repeat; } #newsArticlePane .right .links li a:hover {background-position:left -112px; } #newsArticlePane .right a {color:#00B6E3; font-weight:bold;} ul.commentsList li .commentInfo a{ color:#00B6E3;} /*Pagination */ .newsDetail .pagination li.active{color:#00B6E3; font-weight:bold; font-size:14px;} .newsDetail .pagination .first {background:url(http://www.static.rtbf.be/rtbf/sport/images/paging.png) no-repeat 0 center;margin:0 3px 0 0;} .newsDetail .pagination .prev {background:url(http://www.static.rtbf.be/rtbf/sport/images/paging.png) no-repeat -12px center; margin:0 3px 0 0;} .newsDetail .pagination .next {background:url(http://www.static.rtbf.be/rtbf/sport/images/paging.png) no-repeat -24px center; margin:0 3px;padding:0;} .newsDetail .pagination .last {background:url(http://www.static.rtbf.be/rtbf/sport/images/paging.png) no-repeat -36px center;} /* TABLE */ .newsDetail table{ width:100%; margin:8px 0;} .newsDetail table th{ border-bottom:1px solid #CCC; font-weight:bold; background:#EEE; font-size:12px;} .newsDetail th, .newsDetail td{ padding:8px; text-align:left;} .newsDetail td{ border-bottom:1px solid #EAEAEA; font-size:12px; color:#666; vertical-align:middle; line-height:16px;} .newsDetail table tr:hover{ background:#EAF6FE;} /* File: /css/rtbf/www/public/static/css/common/news/gallery.css */ #image_wrap{margin:0 auto 16px auto;height:341px;width:624px;background:#E4E4E4; cursor:pointer; text-align:center;} #image_wrap img{height:341px;} #articleVideoPlayer .rtbfPlayer { width:608px; height:342px; } .caption_wrap{color:#333; font-size:14px; width:560px; height:64px; position:absolute; left:32px; top:0; line-height:16px; overflow:hidden;} .thumbs{overflow:hidden; position:relative; width:636px;} .thumbs li{float:left;margin:0 7px 8px 0; width:120px; line-height:16px; height:118px; overflow:hidden; font-size:12px; } .thumbs li img{width:112px;padding:3px;background:#f0f0f0;cursor:pointer;} .thumbs li img.active{background:#2CA6F3;-moz-border-radius: 3px;-webkit-border-radius: 3px;} .thumbs li div{left:240px} .articleVideoList li .description { display:none; } .articleVideoList li div.rtbfVideo {left:0;width:118px;height:69px;overflow:hidden;} .articleVideoList li div.rtbfVideo img { width:112px; height:63px; } .thumbsNav{width:624px; height:64px; margin:0 0 16px 0; position:relative;} /* File: /css/rtbf/www/public/static/css/common/comment.css */ /* ------------- */ /* COMMENTS LIST */ /* ------------- */ .commentsList li .commentForm h3{display:none;} .commentsList li .complete-comment-form{width:auto;} .commentsList li{ margin:0 0 5px; padding:5px 0 5px; font-size:12px;} .commentsList li.padding0 { border-top:1px solid #CCC; margin-left:0;} .commentsList li.padding1 { margin-left:10px; padding-left:10px; border-bottom:0; border-left: 1px solid #CCC; margin-bottom:16px; } .commentsList li.padding2 { margin-left:20px; padding-left:10px; border-bottom:0; border-left: 1px solid #CCC; margin-bottom:16px; } .commentsList li.padding3 { margin-left:30px; padding-left:10px; border-bottom:0; border-left: 1px solid #CCC; margin-bottom:16px; } .commentsList li:first-child { border-top:none;} .commentsList li.padding1 .complete-comment-form form div textarea {width:597px;} .commentsList li.padding2 .complete-comment-form form div textarea {width:587px;} .commentsList li.padding3 .complete-comment-form form div textarea {width:577px;} .commentsList li.padding1 .complete-comment-form form div input {width:252px;} .commentsList li.padding2 .complete-comment-form form div input {width:242px;} .commentsList li.padding3 .complete-comment-form form div input {width:232px;} .commentsList li .commentText{ margin-bottom:16px;} .commentsList li .commentText span.author{ display:block; margin:0 0 15px; color:#000;} .commentsList li .commentInfo{ line-height:16px; color:#999;} .commentsList li .commentInfo a{ font-weight:bold; text-decoration:none;} .commentsList li .commentInfo a:hover{ text-decoration:underline;} .commentsList li .commentInfo a.comment-abuse-link { color:#f00; } .commentsList li .commentInfo .comment-minus-link { font-weight:bold; color:#f00; background:url(http://www.static.rtbf.be/rtbf/www/images/common/comment/updown.png) no-repeat 0 -16px; padding: 0 6px;} .commentsList li .commentInfo .comment-plus-link { font-weight:bold; color:#0f0; background:url(http://www.static.rtbf.be/rtbf/www/images/common/comment/updown.png) no-repeat 0 0; padding: 0 6px;} .commentsList li .commentInfo .comment-plus-link.like { font-weight:bold; color:#0f0; background:url(http://www.static.rtbf.be/rtbf/www/images/common/comment/thumb_up.png); padding-right:10px;} .commentsList li .commentInfo .comment-error-vote { display:none; font-weight:bold; color:#f00; } .commentAbuse{ margin-top: 15px; display:none; } .commentAbuse .error-abuse, .commentAbuse .message-abuse{ display:none; } .commentAbuse .error-abuse{ color:#F00; font-weight:bold; } .commentAbuse .message-abuse{ color:#6C3; font-weight:bold; } .commentAbuse form{ display:block; position:relative; margin:0; padding:0; font-size:12px; overflow:hidden;} .commentAbuse form div textarea{ display:inline; width:560px; height:200px; padding:2px; border:1px solid #CCC; font:12px Arial, Helvetica, sans-serif; color:#666;} .commentAbuse form div label{ display:block; float:left; margin:8px 0; font-weight:bold;} .commentAbuse form div.container-message label{ margin:0 0 8px;} .commentAbuse form div input{ width:284px; margin:5px; padding:2px; border:1px solid #ccc;color:#666;} .commentAbuse form input.submit{ clear:both; display:block; width:110px; margin:16px auto 0 auto; padding:2px 0; background:url(http://www.static.rtbf.be/rtbf/www/images/common/bg_comment_submit.png) #D65B17 repeat-x; border:1px solid #F30; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; text-align:center; cursor:pointer;} .commentAbuse form div .error-abuse-email, .commentAbuse form div .error-abuse-comment, .commentAbuse form div .error-abuse-captcha{ display:block; float:right; margin:8px 0; text-align:right; color:#F00;} .commentAbuse form div .error-abuse-comment{ margin-top:8px; } .commentAbuse form div .characters-counter{ display:block; margin:8px 0 16px 0; color:#666;} .commentAbuse form div .characters-counter strong{ color:#6C3;} .commentAbuse form div .characters-counter strong.exceeded{ color:#F00!important;} .commentAbuse form div #container-recaptcha{ overflow:hidden; border:1px solid #CCC;} /* ------------- */ /* COMMENTS FORM */ /* ------------- */ .commentForm .disclaimer { padding:16px 16px 10px 16px; border:1px solid #ccc; background:#f6f6f6; margin-bottom:16px; } .commentForm .disclaimer ul li { line-height:16px; font-weight:bold; background: url(http://www.static.rtbf.be/rtbf/info/images/bullet.png) no-repeat scroll 0 6px transparent; margin: 0 0 8px; padding: 0 0 0 12px;} .commentForm .disclaimer ul li a {color:#00B6E3;} .complete-comment-form{ width:624px;} /* MESSAGES */ .complete-comment-form .comment-form-error, .complete-comment-form .comment-form-msg{ display:none; margin:0 0 16px; padding:4px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px; line-height:16px; font-weight:bold;} .complete-comment-form .comment-form-error{ background:#FFBFBF; color:#F00;} .complete-comment-form .comment-form-msg{ background:#EDFFCD; color:#6C3;} /* FORM */ .complete-comment-form form{ display:block; position:relative; margin:0; padding:0; font-size:12px; overflow:hidden;} .complete-comment-form form div{ overflow:hidden;} .complete-comment-form form div.container-message{ width:100%;} .complete-comment-form form div.container-login{ float:left; width:290px; margin-bottom:16px;} .complete-comment-form form div.container-captcha{ float:right; width:312px; margin-bottom:16px; margin-top:-12px;} .complete-comment-form form div .error-comment, .complete-comment-form form div .error-name, .complete-comment-form form div .error-email, .complete-comment-form form div .error-captcha{ display:block; float:right; margin:8px 0; text-align:right; color:#F00;} .complete-comment-form form div .error-comment{ margin:0 0 8px;} .complete-comment-form form div .error-captcha{ float:none;} .complete-comment-form form div textarea{ display:block; width:618px; height:200px; padding:2px; border:1px solid #CCC; font:12px Arial, Helvetica, sans-serif; color:#666;} .complete-comment-form form div label{ display:block; float:left; margin:8px 0; font-weight:bold;} .complete-comment-form form div.container-message label{ margin:0 0 8px;} .complete-comment-form form div input{ width:284px;padding:2px; border:1px solid #ccc;color:#666;} .complete-comment-form form input.submit{ clear:both; display:block; width:110px; margin:16px auto 0 auto; padding:2px 0; background:url(http://www.static.rtbf.be/rtbf/www/images/common/bg_comment_submit.png) #D65B17 repeat-x; border:1px solid #F30; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; text-align:center; cursor:pointer;} .complete-comment-form form div .characters-counter{ display:block; margin:8px 0 16px 0; color:#666;} .complete-comment-form form div .characters-counter strong{ color:#6C3;} .complete-comment-form form div .characters-counter strong.exceeded{ color:#F00!important;} .complete-comment-form form div #container-recaptcha{ overflow:hidden; border:1px solid #CCC;} /* RECAPTCHA */ table.recaptchatable td.recaptcha_r1_c1{ background:url(http://www.static.rtbf.be/rtbf/www/images/common/recaptcha/sprite.png) no-repeat 0 -63px !important;} table.recaptchatable td.recaptcha_r2_c1{ background:url(http://www.static.rtbf.be/rtbf/www/images/common/recaptcha/sprite.png) no-repeat -18px 0 !important;} table.recaptchatable td.recaptcha_r2_c2{ background:url(http://www.static.rtbf.be/rtbf/www/images/common/recaptcha/sprite.png) no-repeat -27px 0 !important;} table.recaptchatable td.recaptcha_r3_c1{ background:url(http://www.static.rtbf.be/rtbf/www/images/common/recaptcha/sprite.png) no-repeat 0 0 !important;} table.recaptchatable td.recaptcha_r3_c2{ background:url(http://www.static.rtbf.be/rtbf/www/images/common/recaptcha/sprite.png) no-repeat -18px -57px !important;} table.recaptchatable td.recaptcha_r3_c3{ background:url(http://www.static.rtbf.be/rtbf/www/images/common/recaptcha/sprite.png) no-repeat -9px 0 !important;} table.recaptchatable td.recaptcha_r4_c1{ background:url(http://www.static.rtbf.be/rtbf/www/images/common/recaptcha/sprite.png) no-repeat -43px 0 !important;} table.recaptchatable td.recaptcha_r4_c2{ background:url(http://www.static.rtbf.be/rtbf/www/images/common/recaptcha/sprite.png) no-repeat -36px 0 !important;} table.recaptchatable td.recaptcha_r4_c4{ background:url(http://www.static.rtbf.be/rtbf/www/images/common/recaptcha/sprite.png) no-repeat -214px 0 !important;} table.recaptchatable td.recaptcha_r7_c1{ background:url(http://www.static.rtbf.be/rtbf/www/images/common/recaptcha/sprite.png) no-repeat -43px -49px !important;} table.recaptchatable td.recaptcha_r8_c1{ background:url(http://www.static.rtbf.be/rtbf/www/images/common/recaptcha/sprite.png) no-repeat -43px -49px !important;} #recaptcha_reload, #recaptcha_switch_audio, #recaptcha_whatsthis{ display:none !important; } #recaptcha_switch_img_btn #recaptcha_switch_img{ display:none !important;} #recaptcha_reload_btn{ display:block; width:25px; height:17px; background: url(http://www.static.rtbf.be/rtbf/www/images/common/recaptcha/refresh.png) no-repeat !important;} #recaptcha_switch_audio_btn{ display:block; width:25px; height:16px; background: url(http://www.static.rtbf.be/rtbf/www/images/common/recaptcha/switch_audio.png) no-repeat !important;} #recaptcha_switch_img_btn{ display:block; width:25px; height:16px; background: url(http://www.static.rtbf.be/rtbf/www/images/common/recaptcha/switch.png) no-repeat !important;} #recaptcha_whatsthis_btn{ display:block; width:25px; height:16px; background: url(http://www.static.rtbf.be/rtbf/www/images/common/recaptcha/whats_this.png) no-repeat !important;} table.recaptchatable #recaptcha_response_field{ position:absolute !important; width:144px !important; margin:0 !important; /*background:url(http://www.static.rtbf.be/rtbf/www/images/conducteur/bg_input.png) left top repeat-x;*/ border:1px solid #CCC !important; font-size:12pt;} #recaptcha_area, #recaptcha_table {width:304px !important;} /* File: /css/rtbf/www/public/static/css/common/login.css */ /***** clearfix *****/ .hidden {display:none!important;} .clear { clear: both; height: 0; line-height: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ .clearfix { height: 1%; } .clearfix { display: block; } /* Panel Tab/button */ .tab { background: url(http://www.static.rtbf.be/rtbf/www/images/common/login/tab_b.png) repeat-x 0 0; height: 42px; position: relative; top: 0; z-index: 999; } .tab ul.login { display: block; position: relative; float: right; clear: right; height: 42px; width: auto; font-weight: bold; line-height: 42px; margin: 0; right: 50px; color: white; font-size: 80%; text-align: center; } .tab ul.login li.left { background: url(http://www.static.rtbf.be/rtbf/www/images/common/login/tab_l.png) no-repeat left 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; } .tab ul.login li.right { background: url(http://www.static.rtbf.be/rtbf/www/images/common/login/tab_r.png) no-repeat left 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; } .tab ul.login li { text-align: left; padding: 0 6px; display: block; float: left; height: 42px; background: url(http://www.static.rtbf.be/rtbf/www/images/common/login/tab_m.png) repeat-x 0 0; } .tab ul.login li a { color: #00B6E3; } .tab ul.login li a:hover { color: white; } .tab .sep { color:#414141 } .tab a.open, .tab a.close, .tab a.logout { height: 20px; line-height: 20px !important; padding-left: 24px !important; cursor: pointer; display: block; width: 80px; position: relative; top: 11px; } .tab a.open { background: url(http://www.static.rtbf.be/rtbf/www/images/common/login/bt_open.png) no-repeat left 0; } .tab a.close { background: url(http://www.static.rtbf.be/rtbf/www/images/common/login/bt_close.png) no-repeat left 0; } .tab a.logout { background: url(http://www.static.rtbf.be/rtbf/www/images/common/login/bt_logout.png) no-repeat left 0; } .tab a:hover.open { background: url(http://www.static.rtbf.be/rtbf/www/images/common/login/bt_open.png) no-repeat left -19px; } .tab a:hover.close { background: url(http://www.static.rtbf.be/rtbf/www/images/common/login/bt_close.png) no-repeat left -19px; } .tab a:hover.logout { background: url(http://www.static.rtbf.be/rtbf/www/images/common/login/bt_logout.png) no-repeat left -19px; } /* sliding panel */ #loginpanel { position:fixed; /*Panel will overlap content */ /*position: relative;*/ /*Panel will "push" the content down */ top: -6px; width: 100%; z-index: 999; text-align: center; margin-left: auto; margin-right: auto; } #panel { width: 100%; height: 108px; color: #999999; background: #272727 ; overflow: hidden; position: relative; z-index: 3; display: none; } #panel h1 { font-size: 1.6em; padding: 5px 0 0 0; margin: 0; color: white; } #panel h2 { font-size: 1.2em; padding: 10px 0 0 0; margin: 0; color: white; } #panel p { margin: 5px 0; padding: 0; } #panel a { text-decoration: none; color: #00B6E3; } #panel a:hover { color: white; } #panel a-lost-pwd { display: block; float: left; } #panel .content { width: 960px; margin: 0 auto; padding-top: 15px; text-align: left; font-size: 0.85em; } #panel .content .left { float: left; padding: 0 15px; border-left: 1px solid #333; } #panel .content .loginBox { width:750px; } #panel .content .first { background: #272727 url(http://www.static.rtbf.be/rtbf/www/images/common/login/logo.png) left 4px no-repeat; height:100px; width:130px; float: left;} #panel .content .left .form{ float: left; display:block; width:230px; } #panel .content .left .formcheck { float: left; display:block; width:130px; margin-top:10px; } #panel .content .left .formcheck label.checkbox { margin-top:6px; } #panel .content .right { border-right: 1px solid #333; } #panel .content form { margin: 0 0 10px 0; } #panel .content label { float: left; padding-top: 8px; clear: both; width: 150px; display: block; } #panel .content input.field { border: 1px #1A1A1A solid; background: #414141; margin-right: 5px; margin-top: 4px; padding:2px; width: 200px; color: white; height: 16px; } #panel .content input:focus.field { background: #545454; } /* BUTTONS */ /* Login and Register buttons */ #panel .content input.bt_login, #panel .content input.bt_register { display: block; float: left; clear: left; padding:4px 0 8px 0; text-align: center; cursor: pointer; border: none; font-weight: bold; margin: 10px 0; text-transform:uppercase; font-size:10px; } #panel .content input.bt_login { width: 94px; color: white; background: transparent url(http://www.static.rtbf.be/rtbf/www/images/common/login/bt_register.png) no-repeat 0 0; } #panel .content input.bt_login:hover {background-position:-94px 0;} #panel .content input.bt_register { width: 94px; color: white; background: transparent url(http://www.static.rtbf.be/rtbf/www/images/common/login/bt_register.png) no-repeat 0 0; } #panel .content input.bt_register:hover {background-position:-94px 0;} #panel .lost-pwd { display: block; float:left; clear: right; padding: 15px 5px 0; font-size: 0.95em; text-decoration: underline; } .cryoEditButton {display:block; padding:10px; background:#83A4BF; color:#fff; text-transform:uppercase; text-align: center; cursor: pointer; position:absolute; right:0; top:0; z-index:1000;} .cryoEditButton:hover {color:#000 !important;background:#7896AF;} .cryoEditButton.manageButton {background:#f60;border: medium none;left: 0;padding: 10px 10px 10px 7px;right: auto;top: 0;opacity:0.8;filter:alpha(opacity=80);font-weight:bold;} .folder .cryoEditButton.manageButton {padding:2px 10px 3px 7px;} .cryoEdit {display:block;padding:5px;color:#fff;text-transform:uppercase;} .cryoEdit:hover {color:#000 !important;background:#7896AF;} /* File: /css/rtbf/www/public/static/css/common/widget.css */ /*WIDGET CSS COMMON*/ #varia .widget.imu {padding:0;} /**** WIDGET QUOTE***/ .widget.quote blockquote {padding-left:16px;background:url(http://www.static.rtbf.be/rtbf/sport/images/quote_first.png) no-repeat left top transparent;} .widget.quote em {font-size:16px;color:#000;font-weight:bold;line-height: 20px;margin-right:10px;} .widget.quote em img {padding-left:4px;} .widget.quote .author {color:#0057A0;font-weight:bold;line-height:20px;display:block;} /**** WIDGET PHOTO***/ /**** WIDGET FACEBOOK ***/ .facebookOnLoad { display:none; } #varia .widget.facebook { padding:0; border:none; background:#fff;} .widget.facebook a.facebook {margin:0; width:278px; border:1px solid #94A3C4; border-top:none; background:#eceff5 url(http://www.static.rtbf.be/rtbf/www/images/puce_facebook.png) no-repeat left center; padding:5px 5px 6px 15px; display:block; color:#3B5998; font-size:12px; } .widget.facebook a.facebook:hover { text-decoration:underline;} /**** WIDGET COVERIT ***/ #varia .widget.coverit { padding:0; border:none;} /**** WIDGET FREETEXT ***/ #varia .widget.freetext { padding:0; border:none; } #varia .widget.twitter { padding:0; border:none; } /**** WIDGET JOBAT***/ #jobat_relart_blc {border: 1px solid #00B6E4;margin:16px 0;padding: 16px;position: relative;} .jobat_relart h4 {margin:15px 0;} .jobat_relart h4 a {color:#1AA3FC;} .jobat_relart a {color:#666;} .jobat_relart img {float:left;margin-right: 5px;} .jobat_clr {clear:both;} /* File: /css/media/set.css */ .rtbfPlayer, .rtbfMediaSet {display:none;} .rtbfMediaSet .loading { width:43px; margin:77px auto;} .js .rtbfPlayer, .js .rtbfMediaSet {display:block;} .videoPlayer h2 { float:none; margin:0 0 16px; } .videoPlayer .rtbfPlayer { width:272px; height:153px; } .videoPlayer .controls .disabled {opacity:0.5; cursor:auto;} .rtbfAudio {cursor:pointer;} .hasMediaSet h2 {} ul.mediaSetListControl{float:none !important; top:0; right:0; position:absolute; margin:0 !important;} ul.mediaSetTab { width:100%; background:url(http://www.static.rtbf.be/rtbf/info/images/border_bottom.png) left bottom repeat-x; margin-bottom:16px !important;margin-left:0;} ul.mediaSetTab li {display:inline; margin:0 !important; background:#fff;} ul.mediaSetTab li a {float:left;border-bottom:1px solid #999;font-weight:bold;color: #000 !important;padding:10px 15px !important;text-align:center; } ul.mediaSetTab li a:hover {color:#2ca6f3 !important;} ul.mediaSetTab li a.current {background:#fff;border:1px solid #999;border-bottom-color:#fff;color: #999 !important; padding:9px 15px 10px 15px !important;} .mediaPlayer .hasMediaSet h2, .dayBox .hasMediaSet h2 {float:none;} .dayBox .rtbfVideo {width:112px; height:63px; float:left; margin-right:16px;} .dayBox .illuBox {width:304px;} .dayBox .playClick {background:url(http://www.static.rtbf.be/rtbf/info/images/thumb_info.png) center center no-repeat;} div.mediaSetTabPanel {overflow:auto;height:116px;} .js div.mediaSetTabPanel {overflow:hidden;} .mediaSetTabPanel ul li:hover h3.titlelist {color:#2ca6f3; text-decoration:underline;} ul.mediaSetListControl li a {background:url(http://www.static.rtbf.be/rtbf/info/images/controls.png) no-repeat !important;} ul.mediaSetListControl li a.mediaSetListNext {background-position:right top !important;} ul.mediaSetListControl li a.mediaSetListNext:hover {background-position:right bottom !important;} ul.mediaSetListControl li a.mediaSetListNext.disabled:hover {background-position:right top !important;} ul.mediaSetListControl li a.mediaSetListPrevious {background-position:left top !important;} ul.mediaSetListControl li a.mediaSetListPrevious:hover {background-position:left bottom !important;} ul.mediaSetListControl li a.mediaSetListPrevious.disabled:hover {background-position:left top !important;} .second .rtbfMediaSet {width:304px;} .playClickButton {background:url(http://www.static.rtbf.be/rtbf/info/images/button_play.png) no-repeat center top !important; height:32px !important; width:32px !important;} .playClick:hover .playClickButton {background:url(http://www.static.rtbf.be/rtbf/info/images/button_play.png) no-repeat center bottom !important;} * html .playClickButton {background-image:url(http://www.static.rtbf.be/rtbf/info/images/button_play_flat.png) !important;} .notPlayable .playClickButton, .newsDetail .left .playClickButton, .newsDetail .articleVideoList .playClickButton {background:url(http://www.static.rtbf.be/rtbf/info/images/button_play_small.png) no-repeat center top !important; height:16px !important; width:16px !important;} .newsDetail .articleVideoList .playClickButton {left:5% !important; bottom:7% !important;} .notPlayable .playClick:hover .playClickButton, .newsDetail .left .playClick:hover .playClickButton, .newsDetail .articleVideoList .playClick:hover .playClickButton {background:url(http://www.static.rtbf.be/rtbf/info/images/button_play_small.png) no-repeat center bottom !important;} * html .notPlayable .playClickButton, * html .newsDetail .left .playClickButton, * html .newsDetail .articleVideoList .playClickButton {background-image:url(http://www.static.rtbf.be/rtbf/info/images/button_play_flat_small.png) !important;} .videoDetail {position:relative;} .videoDetail h2 {border-bottom:1px solid #ccc; padding:0 0 16px 0; margin-bottom:0;} .videoDetail h2 span {font-size:14px; color:#999; padding-top:4px; display:block; font-weight:normal;} .videoDetail h3 {font-size:14px; margin-bottom:8px;} .videoDetail .keyword {color:#2ca6f3;} .videoDetail .inline { margin:0 0 16px 0;} .videoDetail .toolBox .print {display:none;} .videoDetail .player {width: 608px; height:342px; padding:8px; background:#000; color:#66cc33; clear:both;} .videoDetail .videoInfo{ padding:0 0 8px 0; border-bottom:1px solid #ccc; list-style:none; display:block; height:16px; margin:8px 0 16px 0 !important; position:relative; } .videoDetail .videoInfo li{ float:left; color:#2ca6f3; font-size:10px; text-transform:uppercase; margin:0 5px 0 0; padding:0 7px 0 0; background: transparent url(http://www.static.rtbf.be/rtbf/info/images/separator.png) right center no-repeat; height:18px; line-height:17px; } .videoDetail .videoInfo li.infoTime{ background:none; position:absolute; right:-12px; color:#999; text-transform:none; } .videoDetail .videoInfo li.last{ background:none; } .videoDetail .videoInfo li div#rating{ position:relative;} .videoDetail ul.videoInfo li div#rating span.ui-rater-rating, .videoDetail ul.videoInfo li div#rating strong.ui-rater-rateCount { line-height:16px; margin:0 0 0 5px; } .videoDetail div.star-rating, .videoDetail div.star-rating a{background:url(http://www.static.rtbf.be/rtbf/info/images/rating/star.png) no-repeat 0 0;} .videoDetail div.star-rating-on a{background:url(http://www.static.rtbf.be/rtbf/info/images/rating/star.png) no-repeat 0 -16px !important;} .videoDetail div.star-rating-hover a{background:url(http://www.static.rtbf.be/rtbf/info/images/rating/star.png) no-repeat 0 -32px !important;} /* File: /css/pagination.css */ ul.pagination{ position:relative; width:624px; margin:16px 0; padding:0; list-style-type:none; text-align:center;} ul.pagination li{ display:inline; margin:0 4px;} ul.pagination li.label{ display:none;} ul.pagination li.prev{ margin:0 21px 0 0; font-weight:bold;} ul.pagination li.next{ margin:0 0 0 21px; font-weight:bold; } ul.pagination li.active{ font-weight:bold; color:#00B6E3;} ul.pagination li a{ color:#333; text-decoration:underline;} ul.pagination li a:hover{ color:#2CA6F3;} ul.pagination li.prev a, ul.pagination li.next a{ text-decoration:none;} /* File: /css/widget.css */ #varia .widget {margin-bottom:16px;padding:16px;border:1px solid #ccc; position:relative;} #varia .widget .head {overflow:hidden;padding-bottom:16px;} #varia .widget .head h3 {float:left;margin:0;} #varia .widget .head .filter {float:right;} .js #varia .widget .head .filter input {display:none;} #varia .widget .more {margin-top:16px;} #varia .widget .more a {color:#00b6e3;} #varia .widget .radio {float:left;margin:0 8px 0 0;} #varia .widget fieldset.submit {margin:16px 0 0;} #varia .widget fieldset a {font-weight:bold;} #varia .widget .footer p.text {text-align:right;margin-bottom:0;} .timedNewsPanel {display:none; position:relative;} /* LiveCenter */ #varia .widget.livecenterStream { background: #F6F6F6; } #varia .widget.livecenterStream .stream { background: #7e7e7e; width:268px; height:151px; } #varia .widget.livecenterStream .more a, #varia .widget.livecenterStream .more a:hover { color:#00b6e3!important; font-weight:bold;} #varia .widget.livecenterStream h2 img {position:absolute; right:14px; top:18px;} /* Dernière minute */ .timedNews .current {display:block;} .timedNews .head {padding-bottom:10px;} .timedNews ul.chronos {margin:0px 0 0 0;width:255px;position:absolute;height:210px;overflow-y:scroll;overflow-x:hidden;} .js .timedNews ul.chronos {overflow:visible;overflow-x:visible;width:268px;} .js .timedNews ul.chronos.loading {background:url(http://www.static.rtbf.be/rtbf/info/images/loading.gif) no-repeat 50% 50%;} .timedNews ul.chronos li {overflow:hidden;height:22px;margin:2px 0; padding:3px 0; font-size:12px; width:268px;} .timedNews ul li:hover{background:#EAF6FE; cursor:pointer; color: #333!important; text-decoration:none;} .timedNews ul.chronos li a{ cursor:pointer;} .timedNews ul.chronos li a span.key{ float:left; width:14%; color:#999;font-weight:bold;} .timedNews ul.chronos li a:hover span.key{ text-decoration:none; color:#333;} .timedNews ul.chronos li a span.value{ float:right; width:86%; color:#000;} .timedNews ul.chronos li a:hover{ color:#2ca6f3; text-decoration:underline;} .timedNews ul.chronos li a:hover span{ color:#2ca6f3; text-decoration:underline;} #varia .timedNews a.rss {position:absolute; left:0; bottom:0;width:140px; color:#999; font-size:10px;} /* Les plus populaires */ #varia .popular .panes li li {margin-bottom:6px;overflow:hidden;color: #333; line-height:16px;} #varia .popular .panes .number {color: #d65b17;float:left;font-size:18px;font-weight:bold;margin:0 10px 10px 0;width:20px;text-align:right;} #varia .popular .panes .views {color: #999; font-size:10px;} /* Place publique */ .widget.placePublique li {padding:3px;margin-bottom:10px;} .widget.placePublique img {padding:3px;border:1px solid #000;margin-bottom: 10px;} .widget.placePublique .date {font-size:10px;color:#999;margin:0;} .widget.placePublique h4 {font-size:12px; color:#000;line-height: 16px;} /* Countdown élections */ #varia #countdownElections {background: url(http://www.static.rtbf.be/rtbf/info/images/countdown_elections2010.jpg) no-repeat 0 0;width: 304px;height: 96px;padding: 0; position:relative;} #varia #countdownElections a {width: 304px;height: 96px; position:absolute; left:0; top:0; display:block; cursor:pointer;} #varia #countdownElections ul {position:absolute;top:30px;left:165px;} #varia #countdownElections li {float:left;} #varia #countdownElections li.days {margin-right: 15px;} #varia #countdownElections li.hours {margin-right: 18px;} #varia #countdownElections li span {display:block;color:#333;} #varia #countdownElections li .number {font-size:18px; color:#333;font-weight:bold;margin-bottom: 5px;} #varia #countdownElections li .label {font-size:10px;} /* Directs de la semaine */ .widget.agenda{} .widget.agenda ul li{ border-top:1px solid #CCC;} .widget.agenda ul li.first, .widget.agenda ul li ul li{ border:0;} .widget.agenda ul li h4{ margin:8px 0 5px; color:##2AA5F2;} .widget.agenda .event{ display:block; margin-bottom:8px; line-height:18px; overflow:hidden;} .widget.agenda .event:hover{ background:#EAF6FE; color:#333; text-decoration:none; cursor:pointer;} .widget.agenda .event .category{ display:block; float:left; font-size:10px; line-height:16px; color:#999; text-transform:uppercase;} .widget.agenda .live .event .category{ padding:0 10px 0 4px; background:url(http://www.static.rtbf.be/rtbf/info/images/livecenter_direct.png) top right no-repeat; color:#FFF;} .widget.agenda .event .type{ display:none;} .widget.agenda .event .liveTitle{ display:block; float:left; margin-left:4px; padding:2px 0; font-size:12px; line-height:12px; font-weight:bold; color:#000;} /* File: /css/emission.css */ /* HOMEPAGE */ .Home .emissions{background: #F6F6F6;padding:16px;border:1px solid #ccc; position:relative;} .Home .emissions .first, .Home .emissions .second{ width:280px;} .Home .emissions .second{ padding-top:5px;} .Home .emissions .first h3{color:#2aa5f2; margin-bottom:4px;} .Home .emissions .first h3 a{color:#2aa5f2;} .Home .emissions .first h4{color:#000; margin-bottom:8px;} .Home .emissions .second .illuBox{ margin-bottom:24px;} .Home .emissions .second .illuBox img{ margin-right:24px;} .Home .emissions .second .illuBox h4 a{ margin-bottom:8px; color:#0057A2;} .Home .emissions .second .illuBox .text{ margin:4px 0 0 0;} .Home .emissions .second .illuBox .text a{ color:#000;font-weight:bold; font-size:14px; margin:4px 0 0 0;} /* EMISSIONS LIST */ .emissionList{ margin-bottom:16px;} .emissionList li{ margin:0 0 24px; padding:0; overflow:hidden; zoom:1;} .emissionList li h3 a{ font-size:14px; color:#0073D8;} .emissionList li h3 a span{ color:#00ADFF;} .emissionList li img{ float:left; width:96px; margin-right:16px;} .emissionList li .article_features{ margin:0; padding:0; font-size:10px; color:#999; text-transform:uppercase;} .emissionList li .article_features span, .emissionList li .article_features a{ height:16px; line-height:16px;} .emissionList li .article_features a{ padding:4px 20px 4px 0; background-image:url(http://www.static.rtbf.be/rtbf/info/images/icons-accroche.png); background-repeat:no-repeat; color:#2AA5F2;} .emissionList li .article_features a.comment{ background-position:right 2px;} .emissionList li .article_features a.audio{ background-position:right -35px;} .emissionList li .article_features a.video{ background-position:right -17px;} .emissionList li .article_head{ margin-bottom:0; font-size:12px; color:#666;} .emissionList li .more{ margin-top:16px;} /* EMISSIONS DETAILS */ .emission_home h3{ margin-bottom:8px; font-size:18px; color:#000;} .emission_home .article_features{ margin:0 0 8px; padding:0; font-size:10px; color:#999; text-transform:uppercase;} .emission_home .article_features span, .emission_home .article_features a{ height:16px; line-height:16px;} .emission_home .article_features a{ padding:4px 20px 4px 0; background-image:url(http://www.static.rtbf.be/rtbf/info/images/icons-accroche.png); background-repeat:no-repeat; color:#2AA5F2;} .emission_home .article_features a.comment{ background-position:right 2px;} .emission_home .article_features a.audio{ background-position:right -35px;} .emission_home .article_features a.video{ background-position:right -17px;} .emission_home .title_bar{ margin-bottom:16px; padding:8px 16px; background:#BFEBFF; overflow:hidden; zoom:1;} .emission_home .title_bar h2{ float:left; margin:0; padding:0; color:#0073D8;} .emission_home .title_bar h2 a, .emission_home .title_bar h2 a:hover{ color:#0073D8;} .emission_home .title_bar h2 span{ color:#00ADFF;} .emission_home .title_bar a.more{ float:right; margin:2px 0 0; padding:0 10px 0 0; background:url(http://www.static.rtbf.be/rtbf/sport/images/raquo.png) right center no-repeat; border:0; font-size:12px; line-height:normal; color:#00B6E3; font-weight:bold; text-align:right;} .emission_home .emission_head{ padding-bottom:16px; overflow:hidden; zoom:1;} .emission_home .emission_head .main_article{ float:left; width:305px;} .emission_home .emission_head .main_article img{ width:305px; margin-bottom:16px;} .emission_home .emission_head .description{ position:relative; float:right; width:275px; height:305px; padding:15px; background:#F6F6F6; border:1px solid #CCC;} .emission_home .emission_head .description h4{ margin-bottom:8px; font-size:18px; color:#0057A1;} .emission_home .emission_head .description a.contact, .emission_home .emission_head .description a.contact:hover{ position:absolute; bottom:15px; left:15px; height:24px; line-height:24px; padding:0 8px; background:url(http://www.static.rtbf.be/rtbf/info/images/bg_contact_us.png) top repeat-x; font-size:14px; font-weight:bold; color:#FFF; text-decoration:none;} .emission_home .emission_head .description .emission_links{ position:absolute; bottom:15px; right:15px;} .emission_home .emission_head .description .emission_links li{ clear:right; float:right; margin-top:4px;} .emission_home .emission_head .description .emission_links li a{ padding-right:10px; background:url(http://www.static.rtbf.be/rtbf/sport/images/raquo.png) right center no-repeat; font-size:12px; line-height:normal; color:#00B6E3; font-weight:bold;} .emission_home .media_container{ margin:32px 0 0; padding:0;} .emission_home .media_container .rtbfMediaSet h2{ margin:0 0 16px; font-size:18px; color:#0057A1;} .emission_home .featured_articles{ margin:32px 0 0; padding:0;} .emission_home .featured_articles li{ margin:0; overflow:hidden; zoom:1;} .emission_home .featured_articles li h4{ margin:0 0 16px; font-size:15px;} .emission_home .featured_articles li img{ float:left; width:96px; margin:0 16px 16px 0;} .emission_home .featured_articles li .article_features{ margin:0;} .emission_home .featured_articles li .article_head{ margin:0 0 16px; color:#555;} .emission_home .featured_articles li .article_subcategory_link{ margin:0 0 16px;} .emission_home .archive_link{ margin:16px 0 32px; overflow:hidden; zoom:1;} .emission_home .archive_link a{ display:block; float:right; padding-right:10px; background:url(http://www.static.rtbf.be/rtbf/sport/images/raquo.png) right center no-repeat; font-size:12px; line-height:normal; color:#00B6E3; font-weight:bold;} /* SPECIAL EMISSIONS DETAILS */ .emission_home_special .emission_head{ float:left; width:305px;} .emission_home_special .emission_head .main_article{ float:none;} .emission_home_special .emission_head .description{ float:none; margin-top:16px; width:273px; height:263px;} .emission_home_special .emission_head .description_text{line-height:16px;} .emission_home_special ul.subcategory_articles{ display:block; float:right; width:305px; padding-bottom:16px;} .emission_home_special ul.subcategory_articles li{ margin:0 0 16px; padding:0; overflow:hidden; zoom:1;} .emission_home_special ul.subcategory_articles li h4{ margin:0 0 8px; font-size:15px;} .emission_home_special ul.subcategory_articles li img{ float:left; width:96px; margin:0 16px 16px 0;} .emission_home_special ul.subcategory_articles li .article_features{ margin:0;} .emission_home_special ul.subcategory_articles li .article_head{ margin:0 0 12px; color:#555;} .emission_home_special p.article_subcategory_link{ margin:0; overflow:hidden; zoom:1;} .emission_home_special p.article_subcategory_link a{ display:block; float:right; padding-right:10px; background:url(http://www.static.rtbf.be/rtbf/sport/images/raquo.png) right center no-repeat; font-size:12px; line-height:normal; color:#00B6E3; font-weight:bold;} .emission_home_special .media_container{ clear:both;} /* EMISSIONS ARCHIVES */ .emission_archive .article_features{ margin:0 0 8px; padding:0; font-size:10px; color:#999; text-transform:uppercase;} .emission_archive .article_features span, .emission_archive .article_features a{ height:16px; line-height:16px;} .emission_archive .article_features a{ padding:4px 20px 4px 0; background-image:url(http://www.static.rtbf.be/rtbf/info/images/icons-accroche.png); background-repeat:no-repeat; color:#2AA5F2;} .emission_archive .article_features a.comment{ background-position:right 2px;} .emission_archive .article_features a.audio{ background-position:right -35px;} .emission_archive .article_features a.video{ background-position:right -17px;} .emission_archive .title_bar{ margin-bottom:16px; padding:8px 16px; background:#BFEBFF; overflow:hidden; zoom:1;} .emission_archive .title_bar h2{ margin:0; padding:0; color:#0073D8;} .emission_archive .title_bar h2 a{ color:#0073D8;} .emission_archive .title_bar h2 a span{ color:#00ADFF;} .emission_archive .title_bar span.more{ float:right; margin:2px 0 0; padding:0; background:none; border:0; font-size:12px; line-height:normal; color:#00B6E3; font-weight:bold; text-align:right;} .emission_archive .archived_articles li{ margin:0 0 16px; overflow:hidden; zoom:1;} .emission_archive .archived_articles li h3{ margin:0 0 8px; font-size:15px;} .emission_archive .archived_articles li img{ float:left; width:96px; margin-right:16px;} .emission_archive .archived_articles li .article_features{ margin:0;} .emission_archive .archived_articles li .article_head{ margin:0; color:#555;} /* File: /css/chronique.css */ /* HOMES ACCROCHE */ .chroniclerAccroche{ position:relative; padding:16px; background:#F6F6F6; border:1px solid #CCC;} .chroniclerAccroche .first, .chroniclerAccroche .second{ width:280px;} .chroniclerAccroche h3{ margin-bottom:4px; color:#2AA5F2;} .chroniclerAccroche h3 a{ color:#2AA5F2;} .chroniclerAccroche .first h4{ margin-bottom:8px; color:#000;} .chroniclerAccroche .first h4 a, .chroniclerAccroche .second h4 a{color:#0057a2; margin-bottom:8px;} .chroniclerAccroche .second .illuBox{margin-bottom:24px;} .chroniclerAccroche .second .text{ margin:4px 0 0 0;} .chroniclerAccroche .first .text a, .chroniclerAccroche .second .text a{ color:#000;font-weight:bold; font-size:14px; margin:4px 0 0 0;} .chroniclerAccroche .second{ padding-top:32px;} .chroniclerAccroche .second .text{ background:url(http://www.static.rtbf.be/rtbf/info/images/quote_first.png) left top no-repeat; padding-left:16px; margin-left:56px;} .chroniclerAccroche .second .text .quoteLast{ background:url(http://www.static.rtbf.be/rtbf/info/images/quote_last.png) right bottom no-repeat; padding-right:16px;} .chroniclerAccroche .second h4 a{ margin-left:16px;} .chroniclerAccroche .second .illuBox img{ margin-right:8px;} .chroniclerAccroche .first .illuBox img {width:96px;} .chroniclerAccroche .first .desc a{ color:#333;} .chroniclerAccroche .first .about{margin:16px 0 6px;} /* CHRONICLES LIST */ .chroniclesList li{ margin-bottom:32px; padding:0; border:0;} /* CHRONICLE DETAILS */ .chronicleDetails .titleBar{ margin-bottom:16px; padding:8px 16px; background:#BFEBFF; overflow:hidden; zoom:1;} .chronicleDetails .titleBar h2{ float:left; margin:0; padding:0; color:#0073D8;} .chronicleDetails .titleBar a.more{ float:right; margin:2px 0 0; padding:0 10px 0 0; background:url(http://www.static.rtbf.be/rtbf/sport/images/raquo.png) right center no-repeat; border:0; font-size:12px; line-height:normal; color:#00B6E3; font-weight:bold; text-align:right;} .chronicleDetails h3{ margin:0 0 16px; font-size:16px; color:#2CA6F3;} .chronicleDetails ul.editoList{ margin-bottom:16px;} /* COMMON */ .chroniclerDetail{ margin-bottom:16px; overflow:hidden; zoom:1;} .chroniclerDetail img{ float:left; width:112px;} .chroniclerDetail .curriculum{ margin-left:128px; padding:16px 0; border:solid #EFF4F9; border-width:2px 0; font-weight:bold; color:#000;} .chroniclerDetail p.curriculum{ margin:0 0 0 128px; font-size:16px; line-height:18px;} .chroniclerDetail div.curriculum h3{ margin:0 0 16px; font-size:16px; color:#2CA6F3;} .chroniclerDetail div.curriculum p{ margin:0; padding:0; font-size:14px; line-height:16px;} ul.editoList li{ margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid #EFEDED;} ul.editoList li.last{ margin:0; padding:0; border:0;} ul.editoList li h4{ padding-left:16px; background:url(http://www.static.rtbf.be/rtbf/info/images/quote_first.png) left top no-repeat; font-size:12px; line-height:16px;} ul.editoList li h4 span{ padding-right:16px; background:url(http://www.static.rtbf.be/rtbf/info/images/quote_last.png) right bottom no-repeat;} ul.editoList li h4 span a{ font-size:16px; color:#000;} ul.editoList li .articleHead{ margin:4px 0 0; color:#666;}