/**
* html
*/
body{background:#555;border:0;color:#FFF;font:12px Arial,sans-serif;margin:0;padding:0;text-align:center;}
h1,h2,h3{font-size:12px;font-weight:normal;margin:0;padding:0;}
p,div,img,ul,li,span{border:0;margin:0;padding:0;}
a{color:#FFF;font-size:12px;}
a:link{text-decoration:underline;}
a:visited{color:#FFF;text-decoration:underline;}
a:hover{color:#FFF;text-decoration:none;}
a:active{color:#FFF;text-decoration:underline;}
div.clearer{clear:both;visibility:hidden;}
/**
* header
*/
#header{background:url(img/bg_main_bk.jpg) repeat-y;height:97px;margin:0 auto;width:814px;}
#logo{background:url(img/bg_header.jpg) repeat-x;height:48px;margin:0 auto;padding:31px 0 18px 9px;text-align:left;width:773px;}
/**
* navigation
*/
#navigation{background:url(img/bg_main_bk.jpg) repeat-y;height:31px;margin:0 auto;position:relative;width:814px;}
ul#navlist{background:url(img/bg_nav_off.jpg) repeat-x;left:16px;margin-left:0;padding-left:0;position:absolute;white-space:nowrap;}
#navlist li{display:inline;float:left;list-style:none;text-align:center;}
#navlist span{background:url(img/bg_nav_on.jpg) repeat-x;border-left:1px solid #333333;border-right:1px solid #666666;color:#FFF;display:block;font-size:11px;font-weight:bold;height:14px;padding:3px 0 5px 0;width:98px;}
#navlist span.first{border-left:0px none #333333;}
#navlist span.last{background:url(img/bg_nav_off.jpg) repeat-x;border-right:0px none #666666;width:182px;}
#navlist span.bloglast{background:url(img/bg_nav_off.jpg) repeat-x;border-right:0px none #666666;width:81px;}
#navlist a{background:url(img/bg_nav_off.jpg) repeat-x;border-left:1px solid #333333;border-right:1px solid #666666;display:block;font-size:11px;height:14px;padding:3px 0 5px 0;width:98px;}
#navlist a.last{border-right:0px none #666666;width:115px;}
#navlist a:link,#navlist a:visited{text-decoration:none;}
#navlist a:hover{background:url(img/bg_nav_on.jpg) repeat-x;}
#navlist a:active{background:url(img/bg_nav_on.jpg) repeat-x;}
/**
* headline
*/
#headline{background:url(img/bg_main_bk.jpg) repeat-y;height:259px;margin:0 auto;position:relative;width:814px;}
#headlineBg{background:url(img/bg_headline.png) repeat-x;height:259px;margin:0 auto;position:relative;width:800px;}
#headlineFrame{background:#333;border:1px solid #666666;height:248px;left:9px;position:absolute;top:0;width:471px;}
#headlineContent{background:#232323;height:246px;left:1px;position:absolute;top:1px;width:469px;}
#headlineImg{z-index:10;height:246px;left:0;position:absolute;top:0;width:469px;}
/**
* Headline 1
*/
#headlineOverlay{z-index:20;height:86px;left:0;position:absolute;top:160px;width:469px;background-color:#000; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.6; /* Mozilla extension */ -khtml-opacity:0.6; /* Konqueror extension (Safari 1.1)*/ opacity: 0.6; /* the correct CSS3 syntax */}
#headlineText{z-index:30;height:87px;left:0;position:absolute;top:159px;width:469px;text-align:left;}
#headlineText p.artiste{margin:5px 8px 0 8px;font-size:16px; font-weight:bold;}
#headlineText p.titre{margin:3px 8px 0 8px;font-size:16px;}
#headlineText p.button{margin:8px 8px 0 8px;}
/**
* Headline 2
*/
#headlineOverlay_sm{z-index:20;height:95px;left:0;position:absolute;top:151px;width:469px;background-color:#000; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.6; /* Mozilla extension */ -khtml-opacity:0.6; /* Konqueror extension (Safari 1.1)*/ opacity: 0.6; /* the correct CSS3 syntax */}
#headlineText_sm{z-index:30;height:87px;left:86px;position:absolute;top:159px;width:469px;text-align:left;}
#headlineText_sm p.artiste{margin:5px 8px 0 9px;font-size:16px; font-weight:bold;}
#headlineText_sm p.titre{margin:3px 8px 0 9px;font-size:16px;}
#headlineText_sm p.button{margin:8px 8px 0 9px;}
#headlineArtisteImg{z-index:30;height:79px;left:8px;position:absolute;top:159px;width:79px;}
#headlineArtisteImg img {background:url(img/bg_headline_artiste.jpg) no-repeat;padding:2px;}
#Ad300250{height:250px;left:491px;position:absolute;top:0;width:300px;background:#000;}
/**
* main
*/
#main{background:url(img/bg_main.jpg) repeat-y;margin:0 auto;width:814px;}
#mainBg{background:#080808 url(img/bg_content.jpg) no-repeat bottom left;margin:0 auto;width:800px;/* #080808; */}
/**
* Colonne gauche
*/
#mainLeftCol{float:left;width:482px;}
#leftColLeft{float:left;width:241px;}
#leftColLeftNews{float:left;width:250px;}
#leftColRight{float:right;width:232px;}
#leftColBottom{width:482px;}
.pLCl{width:482px;}
.mLCh{padding-bottom:100px;}
.mLCh2{padding-bottom:200px;}
.mLCh3{padding-bottom:50px;}
.blocHeaderA{background:#090909;height:22px;text-align:left;overflow:hidden;border-bottom:1px solid #333333;}
.blocTypeA{background:#555555;border-bottom:1px solid #666666;}
.blocTypeC{border-bottom:1px solid #666666;}
.blocTypeA p{padding:0 9px 9px 9px;text-align:left;}
.blocTypeA ul{padding:0 9px 9px 9px;text-align:left;margin-left:15px;}
.blocTypeA h1{padding:9px;text-align:left;font-weight:bold;color:#CCCCCC;}
/**
* Chroniques
*/
.blocTypeA p.chronique{padding:9px 9px 12px 9px;text-align:left;border-top:1px solid #333333;border-bottom:1px solid #666666;background:url(img/bg_chronique.jpg) no-repeat;position:relative;display:block;}
.blocTypeA p.chronique img.chronique{margin:12px 9px 9px 12px;}
.blocTypeA p.chronique span.bloc{position:absolute;display:block;left:95px;top:11px;}
.blocTypeA p.chronique span.titre{font-weight:bold;color:#CCCCCC;margin-bottom:4px;display:block;}
.blocTypeA p.chronique img.button{display:block;margin-top:7px;}
/**
* Vidéos
*/
.blocTypeA p.video{height:106px;padding:9px 9px 10px 9px;text-align:left;border-top:1px solid #333333;border-bottom:1px solid #666666;background:url(img/bg_videos.jpg) no-repeat;position:relative;}
.blocTypeA p.video img.video{margin:2px;}
.blocTypeA p.video span.bloc{position:absolute;display:block;left:122px;top:63px;}
.blocTypeA p.video span.artiste{font-weight:bold;color:#CCCCCC;display:block;margin:9px 0 0 0;width:210px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.blocTypeA p.video span.titre{font-weight:normal;color:#FFFFFF;}
/**
* Boutique
*/
.blocTypeA div.boutique{padding:0 0 9px 0;text-align:left;border-top:1px solid #333333;border-bottom:1px solid #666666;position:relative}
.blocTypeA div.lp {float:left;}
.blocTypeA div.boutique img{background:url(img/bg_lp.jpg) no-repeat;padding:11px 8px 11px 11px;}
.blocTypeA div.boutique span{display:block;font-weight:bold;color:#CCCCCC;text-align:center;padding:0 8px 0 11px;}
/**
* Listes
* Modfications 02/06/09.
*/
.blocTypeA p.navButtons{padding:9px 9px 8px 9px;text-align:left;position:relative;display:block;}
.blocTypeA p.navButtons span.navSelected{display:inline-block;width:20px;padding:3px 0 3px 0;text-align:center;font-size: 11px; color: #000; background-color: #cccccc;border:1px solid #262626;}
.blocTypeA p.navButtons a{display:inline-block;width:20px;padding:3px 0 3px 0;text-align:center;font-size: 11px; color: #FFFFFF;border:1px solid #262626; background-color: #262626; text-decoration:none;}
/**
* blocTypeA p.navButtons{padding:12px 9px 12px 9px;text-align:left;position:relative;display:block;}
* blocTypeA p.navButtons a{font-size: 11px; color: #FFFFFF; padding: 3px 6px 3px 6px; border:1px solid #262626; background-color: #262626; text-decoration:none;}
* Fin Modfications 02/06/09.
*/
.blocTypeA p.navButtons a:hover{ color: #000; background-color: #cccccc;}
.blocTypeA p.liste{height:86px;padding:9px 9px 12px 9px;text-align:left;border-top:1px solid #333333;border-bottom:1px solid #666666;background:url(img/bg_chronique.jpg) no-repeat;position:relative;display:block;}
.blocTypeA p.liste img.chronique{margin:12px 9px 9px 12px;}
.blocTypeA p.liste img.lien{margin:2px 9px 0px 2px;}
.blocTypeA p.liste span.bloc{position:absolute;display:block;left:95px;top:10px;width:369px;}
.blocTypeA p.liste span.blocNews{position:absolute;display:block;left:95px;top:10px;width:135px;}
.blocTypeA p.liste span.titre{font-weight:bold;color:#CCCCCC;margin-bottom:2px;display:block;}
.blocTypeA p.liste a.lien, .blocTypeA p.listeVideo a.lien{color: #FFFFFF;text-decoration:none;}
.blocTypeA p.liste a.lien:hover, .blocTypeA p.listeVideo a.lien:hover{color: #FFFFFF;text-decoration:underline;}
.blocTypeA p.liste img.button{display:block;margin-top:7px;}
.blocTypeA p.liste img.buttonTop{display:block;margin-top:6px;}
.blocTypeA p.listeVideo{height:86px;padding:9px 9px 12px 9px;text-align:left;border-top:1px solid #333333;border-bottom:1px solid #666666;background:url(img/bg_videos.jpg) no-repeat;position:relative;display:block;}
.blocTypeA p.listeVideo img.video{margin:2px 9px 0px 2px;}
.blocTypeA p.listeVideo span.bloc{position:absolute;display:block;left:232px;top:10px;width:232px;}
.blocTypeA p.listeVideo span.titre{font-weight:bold;color:#CCCCCC;margin-bottom:2px;display:block;}
.blocTypeA p.listeVideo span.stitre{font-weight:bold;color:#FFFFFF; font-style:italic;margin-bottom:2px;display:block;}
.blocTypeA p.listeVideo img.button{display:block;margin-top:5px;}
.blocTypeA p.listeVideo img.buttonTop{position:absolute;display:block;top:54px;right:9px;}
/**
* Blog
* Modfications 03/04/10.
*/
.blocTypeA div.listeBlog{padding:9px 9px 12px 9px;text-align:left;border-top:1px solid #333333;border-bottom:1px solid #666666;}
.blocTypeA div.listeBlog h1{font-weight:bold;color:#CCCCCC;margin:0 0 5px 0;font-size:16px;padding:0;}
.blocTypeA div.listeBlog h1 a{font-weight:bold;color:#CCCCCC;font-size:16px;text-decoration:none;}
.blocTypeA div.listeBlog h2{font-weight:bold;color:#FFFFFF;font-style:italic;margin:0 0 2px 0;padding:0;}
.blocTypeA div.listeBlog p{margin:0 0 2px 0;padding:0;}
.blocTypeA div.listeBlog img.post{margin:2px 9px 0px 2px;padding:1px;background-color:#9B9B9B;border:1px solid #CACACA;float:left;}
.blocTypeA div.listeBlog a{font-weight:bold;}
.blocTypeA div.listeBlog a:link{font-weight:bold;}
.blocTypeA div.listeBlog a:visited{font-weight:bold;}
.blocTypeA div.listeBlog a:hover{font-weight:bold;}
.blocTypeA div.listeBlog a:active{font-weight:bold;}
/**
* Blog
* Modfications 05/05/10.
*/
.blocTypeA img.blog {padding:1px;background-color:#9B9B9B;border:1px solid #CACACA;}

/**
* Autres
*/
.blocTypeA p.noTop,.blocTypeA div.noTop{border-top:0;}
.blocTypeA p.noBottom,.blocTypeA div.noBottom{border-bottom:0;}
.blocTypeA p.eqHeigth{padding-bottom:1px;}
.blocFooterA{background:#333333;height:22px;text-align:left;overflow:hidden;margin:0 0 9px 0;}
.blocFooterAnoCol{height:22px;text-align:left;overflow:hidden;margin:0 0 9px 0;}
.left{margin:0 0 0 9px;}
.leftA{margin:0 0 9px 9px;}
.noBbottom{border-bottom:1px solid #555555;}
.boutiqueHead{background:none;}
.wc{color:#FFFFFF; font-style:italic;} 
/**
* Colonne droite
*/
#mainRightCol{float:right;width:309px;}
.blocTypeB{margin:0 9px 9px 0;background:#000;border-top:1px solid #333333;border-bottom:1px solid #333333;}
.blocHeaderB{margin:0 9px 0 0;background:url(img/bg_nav_off.jpg) repeat-x;height:22px;text-align:left;overflow:hidden;}
/**
* Playlist
*/
.blocTypeB div{padding:9px 9px 0 9px;text-align:left;position:relative;}
.blocTypeB img{background:url(img/bg_artiste.jpg) no-repeat;padding:2px;}
.blocTypeB ul{position:absolute;left:68px;top:11px;}
.blocTypeB li{list-style:none;margin-bottom:5px;width:221px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.blocTypeB .titre{font-weight:bold;color:#CCCCCC;}
/**
* News
*/
.blocTypeB div.news{padding:9px 9px 0 9px;text-align:left;position:relative;}
.blocTypeB div.news img.news{background:url(img/bg_news.jpg) no-repeat;padding:2px;}
.blocTypeB div.news img.news_sm{background:url(img/bg_news_sm.jpg) no-repeat;padding:2px;margin-right:8px;margin-bottom:3px;}
.blocTypeB div.news img.last{margin-right:0;}
.blocTypeB div.news img.button{background:none;padding:0;margin-top:2px;}
.blocTypeB div.news ul{position:absolute;left:96px;top:11px;}
.blocTypeB div.news li{list-style:none;margin-bottom:5px;}
/**
* Autres
*/
.blocTypeB div.bottom{padding:9px;}
.blocTypeB div.bottom_sm{padding:9px 9px 6px 9px;}
/**
* footer
*/
#Ad72890{background:url(img/bg_main.jpg) repeat-y;height:116px;margin:0 auto;position:relative;width:814px;}
#Ad72890Content{height:90px;left:43px;position:absolute;top:9px;width:728px;}
#footer{background:url(img/bg_main.jpg) repeat-y;margin:0 auto;width:814px;}
#footerContent{background:url(img/bg_footer.jpg) repeat-x;height:160px;margin:0 auto;width:800px;}
#footerContent ul{text-align:center;padding-top:10px;}
#footerContent li{list-style:none;display:inline;font-weight:bold;color:#CCCCCC;margin:0 18px 0 0;}
#footerContent li.last{margin:0;}
#footer a{color:#CCCCCC;text-decoration:none;}
#footer a:link{text-decoration:none;}
#footer a:visited{color:#CCCCCC;text-decoration:none;}
#footer a:hover{color:#CCCCCC;text-decoration:underline;}
#footer a:active{color:#CCCCCC;text-decoration:underline;}
#footer p.kw{color:#666666;font-size:10px;margin-top:18px;}
#footer p.cr{color:#fff;font-size:11px;margin-top:11px;}
/**
* debug
*/
div.debug{width:814px;;text-align:left;margin:0 auto;}
p.debug{color:#cccccc;font-size:10px;margin:2px 2px 2px 9px}
/**
* Player
*/
#rLogo {text-align:center;position:relative;height:65px;width:366px;background:#000000;margin:0 auto 0 auto;}
#rPub {text-align:left;position:relative;height:60px;width:366px;background:#000000;margin:0 auto 0 auto;padding:4px;}
#rNow {text-align:left;position:relative;height:95px;width:366px;background:#2E2E2E;margin:1px auto 0 auto;border-bottom:1px solid #000000;border-top:1px solid #000000;}
#rPlayer {position:relative;height:32px;width:366px;background:url(img/bg_player.jpg) repeat-x;margin:0 auto;}
#rControls {position:absolute;top:0;left:0;height:32px;width:366px;text-align:left;}
#rPlayBtn {position:absolute;top:0;left:0;height:32px;width:32px;}
#rPauseBtn {position:absolute;top:0px;left:32px;height:32px;width:32px;}
#rLBound {position:absolute;top:0px;left:64px;height:32px;width:10px;}
#rStatus {padding-top:9px;position:absolute;top:0px;left:74px;height:23px;width:60px;text-align:center;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF;}
#rRBound {position:absolute;top:0px;left:134px;height:32px;width:10px;}
#rStatusB {padding:9px 0 0 10px;position:absolute;top:0px;left:144px;height:23px;width:125px;text-align:center;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF;}
#rRBoundB {position:absolute;top:0px;left:279px;height:32px;width:10px;}
#rMuteBtn {position:absolute;top:0px;left:298px;height:32px;width:12px;}
#rVolIndex {position:absolute;top:0px;left:310px;height:32px;width:56px;background:url(img/bg_vol_0.jpg) top left no-repeat;}

#rVol1 {position:absolute;top:14px;left:312px;height:5px;width:4px;}
#rVol2 {position:absolute;top:14px;left:317px;height:5px;width:4px;}
#rVol3 {position:absolute;top:14px;left:322px;height:5px;width:4px;}
#rVol4 {position:absolute;top:14px;left:327px;height:5px;width:4px;}
#rVol5 {position:absolute;top:14px;left:332px;height:5px;width:4px;}
#rVol6 {position:absolute;top:14px;left:337px;height:5px;width:4px;}
#rVol7 {position:absolute;top:14px;left:342px;height:5px;width:4px;}
#rVol8 {position:absolute;top:14px;left:347px;height:5px;width:4px;}

#rPlayer a{color:#FFF;font-size:12px;}
#rPlayer a:link{text-decoration:none;}
#rPlayer a:visited{color:#FFF;text-decoration:none;}
#rPlayer a:hover{color:#FFF;text-decoration:none;}
#rPlayer a:active{color:#FFF;text-decoration:none;}

#rNow .headlineArtisteImg{height:79px;left:8px;position:absolute;top:8px;width:79px;}
#rNow .headlineArtisteImg img {background:url(img/bg_headline_artiste.jpg) no-repeat;padding:2px;}
#rNow .headlineText_sm{height:79px;left:86px;position:absolute;top:8px;width:273px;text-align:left;overflow:hidden;}
#rNow .headlineText_sm p.artiste{margin:5px 8px 0 9px;font-size:16px; font-weight:bold;width:265px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
#rNow .headlineText_sm p.titre{margin:3px 8px 0 9px;font-size:16px;width:265px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
#rNow .headlineText_sm p.button{margin:8px 8px 0 9px;}