@charset "utf-8";
@import "reset.css";
/********** belgium.be CSS Document **********/
body { background: url(bg_content.png); font-family:Arial, Helvetica, sans-serif; text-shadow: 1px 1px 2px #ccc; }
#header { z-index:990; position:fixed; top:0; height:80px; width:100%; padding:0 30px; border-bottom:1px solid #ccc; background:url(bg_headtop.png); -moz-box-shadow: 0px 0px 30px #aaa; -webkit-box-shadow:  0px 0px 30px #aaa; box-shadow:  0px 0px 30px #aaa; }
#content { position:relative; top:80px; padding:20px 20px; margin-bottom:120px; overflow:hidden; }
#footer { position:fixed; bottom:0; height:100px; width:100%; border-top:1px solid #ccc; background:url(bg_headtop.png); -moz-box-shadow: 0px 0px 30px #aaa; -webkit-box-shadow:  0px 0px 30px #aaa; box-shadow:  0px 0px 30px #aaa; z-index:999; }
#action { position:absolute; right:68px; }
ul#nav { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; border: 1px solid #d1cec4; background:url(bg_nav.png); height: 30px; min-width:400px; position:absolute; left:220px; top:25px; padding:0 10px; }
ul#nav li { display:inline-block; padding:5px 9px 5px 5px; background:url(separator.png) right 4px no-repeat; }
ul#nav li.last { background:none; }
ul#nav li a { color:#cc0000; text-transform:uppercase; font-size:12px; text-decoration:none; }
ul#nav li a:hover { text-decoration:underline; }
h1 { position:absolute; left:-20px; top:10px; z-index:999; }
h2 { padding:7px 5px; font-weight:bold; letter-spacing:-0.5px; font-size:16px; color:#444; }
h2 span { font-size:14px; font-weight:normal; }
.widget { float:left; background:url(bg_picto.png); border:1px solid #aaa; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; margin:10px; padding:2px; -moz-box-shadow: 0px 0px 5px #aaa; -webkit-box-shadow:  0px 0px 5px #aaa; box-shadow:  0px 0px 5px #aaa; }
.widget .widgetContentListBlock { background:#fff url(bg_subblock.png) left top repeat-x; border:1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; padding:10px; min-height:200px; }

a.picto { background:url(bg_picto.png); border:1px solid #aaa; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; margin:10px 5px; height:60px; width:60px; -moz-box-shadow: 0px 0px 5px #aaa; -webkit-box-shadow:  0px 0px 5px #aaa; box-shadow:  0px 0px 5px #aaa; display:block; }
a.picto:hover {  -moz-box-shadow: 0px 0px 5px #cc8888; -webkit-box-shadow:  0px 0px 5px #cc8888; box-shadow:  0px 0px 5px #cc8888; border:1px solid #cc8888; }
a.picto span { height:60px; width:60px; display:block; background:url(pictos.png) left top; }
a.picto.connectButton span { background-position:-60px; }
a.picto.disconnectButton span { background-position:-60px; }
a.button { background:url(bg_button.png); border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; margin:5px; padding:5px 0; text-align:center; width:80px; -moz-box-shadow: 0px 0px 3px #aaa; -webkit-box-shadow:  0px 0px 3px #aaa; box-shadow:  0px 0px 3px #aaa; display:block; color:#cc0000; text-transform:uppercase; font-size:12px; text-decoration:none; }
.left { float:left; }
.right { float:right; }
.slider{ margin:10px 30px; }
.slider li{ display:inline-block; }

.center { margin:0 auto; position:relative; width:1280px; }

.promobox { width:508px;  }
.news { clear:left; width:240px; }
.news .moveUp, .news .moveDown { float:right; }
#content .news .widgetContentListContainer { height:220px; overflow:hidden; }
.news .news_rtbf { background:url(logo_rtbf.png) right 10px no-repeat; }
.news .news_lalibre { background:url(logo_lalibre.png) right 10px no-repeat; }
.news .news_lesoir { background:url(logo_lesoir.png) right 10px no-repeat; }
.news .news_dh { background:url(logo_dh.png) right 10px no-repeat; }
.news .date { font-weight:bold; margin:5px 0 0 0; font-size:12px; color:#444; }
.tweets {  width:240px; }
.tweets .widgetContentListContainer { height:220px; overflow:hidden; }
.tweets .moveUp, .tweets .moveDown { float:right; }
.news .widgetContent,
.tweets .widgetContent { font-size:12px; color:#999; background:url(bg_li.png) right bottom no-repeat; padding:10px 0; }
.news .widgetContent { padding-right:30px; }
.tweets .widgetContent img { float:right; margin:5px; }
.tweets a.twitterName { text-decoration:none; font-weight:bold; color:#444; }
.tweets .tweetSignature { text-align:right; margin:5px 0 0 0; }
.tweets span.date, span.text{ font-size:10px; color:#ccc; margin:5px 0 0 0; }

.connectBox { position:fixed; top:50%; left:50%; height:290px; width:260px; margin:-145px 0 0 -130px; z-index:10000; padding:10px 10px 20px 10px; }
.shadow{ background: url(bg_shadow.png);
height:100%;
left:0;
position:fixed;
top:0;
width:100%; }
.connectBox input{ padding:5px; }
ul.numpad { overflow:hidden; }
ul.numpad li { background:url(bg_picto.png); border:1px solid #aaa; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; margin:10px 5px; height:38px; width:48px; -moz-box-shadow: 0px 0px 5px #aaa; -webkit-box-shadow:  0px 0px 5px #aaa; box-shadow:  0px 0px 5px #aaa; display:block; text-align:center; color:#cc0000; font-size:30px; padding:10px 0 0 0; font-weight:bold; float:left; vertical-align:middle; cursor:pointer; }

.infomap { width:530px; overflow:hidden; }
.infomap form { display:block; padding:18px 0; }
.infomap #cityText,
.infomap label[for="city"] { color:#444444; font-size:12px; margin:5px; text-transform:uppercase; }


.video { width:130px; }
.video .moveUp, .video .moveDown { margin:0 auto; }
.video .description, .video .tags { display:none; }
.video .widgetContentListContainer { height:450px; overflow:hidden; }
#content .promobox .widgetContentListContainer { height:235px; padding:0 }
#content .infomap .widgetContentListContainer { height:440px; padding:0 }
.video .widgetContentListContainer img { margin:0 0 10px 0; cursor:pointer; }



.moveUp{ display:block; height:25px; width:25px; background:url(arrows.png) -50px top no-repeat; }
.moveDown{ display:block; height:25px; width:25px; background:url(arrows.png) -75px top no-repeat; }
.moveLeft{ display:block; height:25px; width:25px; background:url(arrows.png) 0px top no-repeat; }
.moveRight{ display:block; height:25px; width:25px; background:url(arrows.png) -25px top no-repeat; }