/* normal */
.songlive {
	margin: 5px;
	font-size: 12px;
	text-align: center;
}


.artiste {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

.top-artiste {
	font-weight: bold;
	text-transform: uppercase;
}

.titre {
	text-align: center;
	text-transform: lowercase;
}

.top-titre {
	text-transform: lowercase;
}

.player1-mobile {
   float: left;
   margin: 10px 0px 5px 0px;
   padding: 13px 0px 10px 10px;
   width: 80px;
   height: 100px;
   border: 0px solid black;
   background: transparent;
}   
.player2-mobile {
   float: left;
   margin: 35px 0px 5px 0px;
   padding: 16px 0px 0px 10px;
   width: 80px;
   height: 100px;
   border: 0px solid black;
   background: transparent;
}
.player3-mobile {
   float: left;
   margin: 35px 5px 0px 0px;
   padding: 13px 0px 0px 0px;
   width: 50px;
   height: 100px;
   border: 0px solid black;
   background: transparent;

}   
.player4-mobile {
   float: right;
   margin: 10px 5px 5px 0px;
   padding: 13px 0px 0px 0px;
   width: 150px;
   height: 100px;
   border: 0px solid black;
   background: transparent;
}
.webradios-mobile {
   float: left;
   margin: 5px 0px 5px 0px;
   padding: 0px 0px 20px 0px;
   width: 320px;
   border: 0px solid black;
   background: #262626;
}  
@media screen and (min-width:0px) { 
.main {
   margin-top: 0px;
   margin-left: 0px;
   padding: 0px;
   width: 1129px;
   border: 0px solid black;
} 
.header {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 10px 0px 0px 0px;
   width: 98px;
   height: 0px;
   border: 0px solid black;
}
.headerm {
   float: left;
   margin: 15px 0px 15px 3px;
   padding: 10px 0px 0px 0px;
   width: 280px;
   border: 0px solid black;
}
.header1 {
   float: left;
   margin: 5px 0px 0px 0px;
   padding: 8px 0px 0px 0px;
   width: 340px;
   border: 0px solid black;
}  
.header2 {
   float: left;
   margin: 15px 0px 15px 10px;
   padding: 0px 0px 0px 0px;
   width: 77px;
   border: 0px solid black;
} 
.headerm1 {
   float: left;
   margin: 15px 0px 15px 3px;
   padding: 0px 0px 0px 0px;
   width: 650px;
   border: 0px solid black;
}
.footer {
   float: left;
   margin: 5px 0px 5px 0px;
   padding: 0px 0px 20px 0px;
   width: 790px;
   border: 0px solid black;
   background: #262626;
}  
.body1 {
   float: left;
   margin: 0px 5px 0px 0px;
   padding: 0px;
   width: 787px;
   border: 0px solid black;
   background: transparent;
} 
.body2 {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px;
   width: 330px;
   border: 0px solid black;
   background: transparent;
}   
.body3 {
   float: left;
   margin: 0px 5px 0px 10px;
   padding: 0px;
   width: 100%;
   border: 0px solid black;
   background: transparent;
}   
.video1 {
   float: left;
   margin: 10px 5px 5px 0px;
   padding: 13px 0px 10px 10px;
   width: 560px;
   border: 0px solid black;
   background: transparent;
}   
.video2 {
   float: left;
   margin: 10px 5px 5px 0px;
   padding: 13px 0px 10px 10px;
   width: 700px;
   border: 0px solid black;
   background: transparent;
}   
.player,
.player_latina,
.player_vintage,
.player_zenrelax,
.player_ouistiti,
.player_alpradio
 {
   float: left;
   margin: 10px 5px 5px 0px;
   padding: 0px 0px 0px 0px;
   width: 790px;
   border: 0px solid black;
   background: #CC0000;
}  
.player_zenrelax
{
   background: #3a8e29;
}  
.player_alpradio
{
   background: #21a1c8;
}
.player_ouistiti
{
   background: #ff8b04;
}   
.player_radiolibre
 {
   float: left;
   margin: -20px 5px 5px 10px;
   padding: 0px 0px 0px 0px;
   width: 790px;
   border: 0px solid black;
   background: #CC0000;
}  
.player_gayradio {
   float: left;
   margin: 10px 5px 5px 0px;
   padding: 0px 0px 0px 0px;
   width: 790px;
   border: 0px solid black;
   background: #e41a70;
}  
.player1 {
   float: left;
   margin: 10px 5px 5px 0px;
   padding: 13px 0px 10px 10px;
   width: 213px;
   border: 0px solid black;
   background: transparent;
}   
.player2 {
   float: left;
   margin: 46px 5px 5px 0px;
   padding: 16px 0px 10px 10px;
   width: 250px;
   border: 0px solid black;
   background: transparent;
}   
.player3 {
   float: left;
   margin: 46px 5px 44px 0px;
   padding: 13px 0px 10px 10px;
   width: 90px;
   border: 0px solid black;
   background: transparent;
}   
.player4 {
   float: right;
   margin: 10px 5px 5px 0px;
   padding: 13px 0px 10px 10px;
   width: 50px;
   border: 0px solid black;
   background: transparent;
}   
.player5 {
   float: left;
   margin: 20px 5px 5px 0px;
   padding: 13px 0px 10px 10px;
   width: 213px;
   border: 0px solid black;
   background: transparent;
}   
.webradios {
   float: left;
   margin: 5px 0px 5px 0px;
   padding: 0px 0px 20px 0px;
   width: 790px;
   border: 0px solid black;
   background: #262626;
}   

.playlist {
   float: left;
   margin: 10px 5px 5px 5px;
   padding: 13px 8px 8px 8px;
   width: 330px;
   border: 0px solid black;
   background: #ffffff;
} 
.pub {
   float: left;
   margin: 10px 0px 5px 5px;
   padding: 20px 0px 20px 20px;
   width: 325px;
   border: 0px solid black;
   background: #ffffff;
}     
.city3vibration108 {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationpoprock.png');
}
.city3alpradio {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_alpradio.png');
} 
.city3djbuzzradio {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_djbuzzradio.png');
} 
.city3radionetplus {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_radionetplus.png');
}
.city3radioouistiti {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_radioouistiti.png');
}
.city3vibracionlatina {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibracionlatina.png');
}
.city3vibracionlatinanostalgia {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibracionlatinanostalgia.png');
} 
.city3vibrationchansonfrancaise {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationchansonfrancaise.png');
} 
.city3vibrationgayradio {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationgayradio.png');
} 
.city3vibrationpoprock {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationpoprock.png');
} 
.city3vibrationvintage {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationvintage.png');
} 
.city3vibrationzenrelax {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationzenrelax.png');
} 
.city3vibrationchristmas {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationpoprock.png');
}
.city3radiochablais {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_rouge.png');
}  
.city3chablaisrock {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_bleu.png');
}  
.city3chablaisfolklorique {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('http://www.radiochablais.ch/player/back_vert.png');
}  
.city3chablaislove {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_rose.png');
} 
.city3chablaisoldies {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_oldies.png');
} 
.city3chablaisfrancais {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_bleufonce.png');
} 
}
