@charset "utf-8";
*{z-index:0;padding:0;margin:0;font-size:13px}
html,body{margin:0;padding:0;font-size:12px;font-family:Trebuchet MS,arial;}

body{background:url(images/style/background-body.png) repeat-x scroll center top #000;}

#container{width:1000px;margin:auto;background-color:#00CC66;border-left:2px solid white;border-right:2px solid white;background:url(images/style/background-content.png) repeat-x scroll center top #010C27;}

#head{background:url(images/style/background-head.png) repeat-x scroll center top;height:139px;margin:auto;width:1004px;margin-top:15px;}
#logo{width:350px;height:30px;float:left;height:100px;}
#logo a {border:0;}
#logo img {border:0;width:340px;}

#menu{width:600px;float:right;font-size:14px;}
#menu div{width:99px;height:25px;color:#4A4A4A;font-weight:bold;float:left;text-align:center;border-right:1px solid white;padding-top:5px;}
#menu div:hover{background-color:white;}

#sous_menu {float:right;font-size:12px;width:600px;border-top:1px solid white;height:22px;}
#sous_menu div{height:20px;color:#4A4A4A;float:left;text-align:center;border-right:1px solid white;border-right:1px solid white;background-color:#E6E9E9;padding-left:4px;padding-top:2px;padding-right:4px;}
#sous_menu div:hover{background-color:white;}

#recherche_titre{display:block;height:30px;width:1000px;background-color:#000099;color:white;z-index:2;}
#recherche_radio{width:670px;position:absolute;background-color:#999999;display:none;z-index:2;}
#ecouter_radio{width:670px;position:absolute;background-color:#999999;display:none;z-index:2;}

#content{float:left;width:650px;margin-top:10px;padding-left:10px;padding-right:10px;}

#colonne{float:right;width:330px;margin-top:10px;}

#player{height:244px;margin-bottom:10px;width:330px;}
#div_player_radio{border-left:1px solid white;border-right:1px solid white;border-top:1px solid white;width:320px;background-color:#EEEEEE;}
#player-radio-logo{float:left;width:95px;height:40px;}
#player-radio-info{float:left;width:140px;padding-left:2px;font-size:11px;}
#player-radio-reseaux-sociaux{float:right;width:50px;}
#player-radio-object_player{clear:both;width:200px;margin-left:55px;}
#background-player-radio{position:absolute;margin-left:30px;z-index: 0;}

#player-search{background-image:url(images/style/right-button-search.png);width:102px;height:26px;color:white;font-weight:bold;text-align:center;font-size:16px;text-transform:uppercase;}

.ico-am{background-image:url(images/style/sprite.png);background-position:0 -80px;height:22px;width:21px;}
.ico-fnac{background-image:url(images/style/sprite.png);background-position:0 -127px;height:22px;width:21px;}
#ico-tw{background-image:url(images/style/sprite.png);background-position:0 -44px;height:22px;width:21px;}
#ico-sound{background-image:url(images/style/sprite.png);background-position:0 -67px;height:12px;width:8px;}
#ico-loupe{background-image:url(images/style/sprite.png);height:19px;width:29px;}

.div-FFF{background-color:#FFF;padding:5px;}
.div-EEE{background-color:#EEE;padding:5px;}

.tr-FFF{background-color:#D3D4D8;}
.tr-EEE{background-color:#EEE;}

#pub_carre{padding:2px;width:318px;height:260px;margin-bottom:10px;margin-top: 32px;}
#fb_carre{padding:2px;width:318px;height:285px;background-color:#EEEEEE;}

.inline{display:inline;}
.right{float:right;}
.left{float:left;}
.fix{clear:both;}

#foot{width:1000px;height:200px;color:blanc;}

#flouter{position: fixed; height: 100%; width: 100%; top: 0pt; background-color: black; opacity: 0.8;filter:alpha(opacity=80);-moz-opacity:0.8;display:none;left:0;z-index:1;}

h1{color:#f9f9f9;}
h2{color:#eee}
a {color:black;font-weight:bold;}
img {border:none;}
th{font-size:1.5em;}

#index-top-radios{width:375px;float:left;background-color:#EEE;border-bottom:2px solid #707271;border-left:1px solid #707271;border-right:1px solid #707271;height:388px;}
#index-top-artistes{width:260px;float:right;background-color:#FFF;border-bottom:2px solid #707271;border-left:1px solid #707271;border-right:1px solid #707271;height:388px}
#index-top-radios h2,#index-top-artistes h2{color:#3678A2;font-size:28px;padding-bottom:12px;text-align:center;}

.index-top-radios-nb{color:#4A4A4A;font-family:fantasy;font-size:22px;font-weight:bold;height:50px;text-align:center;width:40px;}
.index-top-radios-logo{padding-left:10px;padding-right:10px;}
.index-top-radios-logo img{width:80px;}
.index-top-radios-texte{color:#6A6A6A;text-align:center;width:250px;}
#index-voir-radios{margin: auto; background-color: rgb(193, 193, 193); color: rgb(36, 52, 77); text-align: center; font-weight: bold; width: 200px; font-size: 15px;}


.index-top-song-nb{color:#4A4A4A;font-family:fantasy;font-size:19px;font-weight:bold;height:40px;text-align:center;width:40px;}
.index-top-song-logo{padding-left:5px;padding-right:5px;}
.index-top-song-logo img{width:40px;}
.index-top-song-texte{color:#6A6A6A;font-size:12px;text-align:center;width:250px;}


/*
	SORTER
*/
.sortable {width:100%; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable th {background:url(images/sorter/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.sortable th h3 {font-size:10px; padding:6px 8px 8px}
.sortable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable .head h3 {background:url(images/sorter/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(images/sorter/header-selected-bg.gif)}
.sortable .desc h3 {background:url(images/sorter/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(images/sorter/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}