*{
margin:0;
padding:0;
}

body{
text-align:center;
background:url(/img/1onair/home_background.gif);
font-family: arial, sans-serif;
}

#site{
margin : auto;
width:953px;
margin-top:2px;
background-color:white;
}


#content{
background-color:#e0e0e0;
float:left;
}

#site img{
border:0;
}

#site a{
cursor:hand;
color:white;
text-decoration:none;
}

h1{
background:url(/img/1onair/title_back_grey.gif);
background-repeat:repeat-x;
margin-bottom:5px;
font-size:12px;
width:100%;
height:20px;
color:white;
padding-top:2px;
text-align:center;
float:left;
font-weight:bold;
}

#site h2 {
font-size:12px;
font-weight:bold;
background:url(/img/1onair/title_back_grey.gif);
background-repeat:repeat-x;
width:100%;
height:20px;
color:white;
padding-top:2px;
text-align:center;
float:left;
margin-bottom:5px;
}

.float_right{
float:right;
}



/*------------------------------------------------------top-------------------------------------------------------------*/

#top{
width:953px;
height:122px;
background-color:white;
}

#topLeft{
width:210px;
height:100px;
background:url(/img/1onair/logo.jpg);
background-repeat: no-repeat;
float:left;
}

#topLeft .logo{
height:71px;
}

#topLeft .newsLetter {
	margin:0px;
	float: left;
	margin-left:5px;
}

#topLeft  input{
	background-color: white;
	border: solid 1px  #000000;
	font-size: 10px;
	margin-left: 5px;
	float: left;
	width: 70px;
	height: 17px;
	margin-top: 6px;
}


#topLeft  label{
	float: left;
	text-align:right;
	color: #000000;
	font-size: 11px;
	margin-right: 3px;
	margin-top:7px;
}

#topLeft p form{
	display: inline;
}

#topLeft  input.btn{
	background-color: #000000;
	border: solid 1px  #000000;
	color: white;
	font-size: 10px;
	width: 20px;
	display: block;

	float: left;
	margin:0;
	margin-top:6px;
}

html>body #topLeft  input{
		margin-top:6px;
		padding:0;
}



html>body #topLeft  input.btn {
	margin-top:6px;
	padding:0;
	height: 17px;

}

#topPub{
float:right;
width:728px;
height:90px;
margin-top:2px;
}

#topMenu{
height:20px;
float:left;
width:960px;
margin-bottom:10px;
}

#topMenu ul{
width: 960px;
text-align:left;
}

#topMenu li {
	margin:0;
	padding:0;
	background:url(/img/1onair/title_back_red.gif);
	background-repeat:repeat-x;
	float: left;
	list-style-type: none;
	font-family: arial, sans-serif;
	font-weight: normal;
	height: 21px;
	color: #ffffff;
	width:117px;
	text-align: center;
	font-weight: bold;
	border-right: 2px solid #ffffff;

}

#topMenu li a{
float:left;
color:white;
font-size:12px;
text-decoration:none;
width:117px;
height:21px;
padding-top:2px;
}

#topMenu li a:hover{
color:#e22525;
background:url(/img/1onair/title_back_white_hover.gif);
	background-repeat:repeat-x;
}
#topMenu li a:active{
color:#e22525;
background:url(/img/1onair/title_back_white_hover.gif);
background-repeat:repeat-x;
}




/*---------------------------------------------------------------site---------------------------------------------------------------*/

DIV.cadres_radios{
background-image: url(/img/1onair/cadre_back.gif);
background-repeat:repeat-x;
width:630px;
float:left;
margin:0;
margin-top:-5px;
margin-bottom:23px;
padding-bottom:0px;
}


DIV.cadre_webradio{
width:290px;
height:120px;
float:left;
margin-left:17px;
margin-top:4px;
margin-bottom:4px;
font-size:10px;
font-weight:bold;
background-repeat:no-repeat;
float:left;
}

html>body DIV.cadre_webradio{
margin-bottom:8px;
}

DIV.cadre_webradio_ligne{
margin-top:50px;
width:100%;
float:left;

}

DIV.cadre_webradio_ligne DIV.titreEnCours{
float:left;
margin-top:18px;
width:202px;
background-color:white;
border:1px solid #808080;
padding:2px;
color:black;
font-size:10px;
filter:alpha(opacity=60); /*IE*/
opacity: 0.60;/*CSS3*/
height:15px;
}

DIV.cadre_webradio_ligne DIV.titreEnCours img{
margin-left:-10px;
}

DIV.cadre_webradio_ligne a{
width:55px;
height:40px;
float:right;
margin-top:3px;
margin-right:11px;
}

DIV.cadre_webradio li{
display:list-item;
background-position:-1 0;
padding-left: 13px;
background-image: url(/img/1onair/cadre_puce.png);
background-repeat: no-repeat;
width:auto;
float:left;
margin-top:2px;
margin-left:7px;
list-style:none;

}
DIV.cadre_webradio li.puce_play{
background-image: url(/img/1onair/cadre_play_actif.png);
}

#zoneContent{
background-color:#e0e0e0;
float:left;
}

#webradios{
height:85px;
float:left;
margin-bottom:4px;
text-align:center;
}


a.bottom_link{
font-weight:bold;
float:right;
margin-top:10px;
margin-right:20px;
}


.titreEnCours{
text-align:left;
color:white;
font-size:13px;
font-weight:bold;
margin-left:7px;
margin-top:2px;

}

#titreEnCours{
height:20px;
width:300px;
background-color:white;
padding:2px;
color:black;
font-size:12px;
filter:alpha(opacity=60); /*IE*/
opacity: 0.60;/*CSS3*/

}
html>body #titreEnCours{
margin-left:5px;
}


#titreEnCours p{

}

#debit{
height:35px;
}

#debit a{
margin-left:10px;
}


#connect{
	width:315px;
	height:85px;
	float:left;
	background-color:#0066cc;
	margin-right:4px;
}


#movies{
	width:315px;
	height:85px;
	float:left;
	background-color:#4c5b7a;
}

#lounge{
	width:315px;
	height:85px;
	float:right;
	background-color:#aa2fac;
}


#page_radios_list{
float:left;
text-align:left;
margin-top:5px;
margin-bottom:5px;
background: url(/img/1onair/cadre_back.gif);
background-repeat:repeat-x;
background-position:bottom;
}

#page_radios_list p.page_radio_list{
float:left;
width:157px;
margin:0;
}

#page_radios_list p.page_radio_list img{
margin-left:5px;
} 


/*--------------------------------------------------LEFT-------------------------------------------------------*/

#leftColumn{
float:left;
width:288px;
margin-left:15px;
text-align:center;
font-size:12px;
color:white;
clear:both;
margin-top:-10px;
}

#leftColumn p{
float:left;
margin-top:15px;
margin-bottom:5px;
text-align:left;
}

#leftColumn p em{
float:left;
width:100%;
color:black;
}

#leftColumn p.radioSpeedDating{
margin-bottom:10px;
margin-left:-5px;
}

DIV.news_1onair{
float:left;
background:url(/img/1onair/home_cadre_back_blog.gif);
background-repeat:no-repeat;
width:100%;
margin-top:-5px;
height:245px;
text-align:left;
color:black;
z-index:10;
}

DIV.news_1onair div{
margin-top:65px;
float:left;
}

#site DIV.news_1onair a, p.news_1onair a{
font-size:12px;
color:#e22525;
}

#site DIV.news_1onair a:hover, p.news_1onair a:hover{
color:white;
}

p.news_1onair{
float:left;
background:url(/img/1onair/puce_enceinte.png);
background-repeat:no-repeat;
background-position:0 2;
width:260px;
margin-top:5px;
padding-left:15px;
margin-left:15px;
margin-bottom:3px;
}

p.news_1onair img{
margin:3px;
float:left;
}


#btnLine{
margin-top:8px;
margin-bottom:8px;
width:212px;
background-color:#e0e0e0;
float:left;
}

#btnDedicaces{
margin-top:8px;
width:212px;
height:124px;
margin-bottom:8px;
float:left;
}

#leftColumn a{
font-size:12px;
color:black;
text-decoration:none;
float:left;
width:auto;
}

#leftColumn a:hover{
color:#808080;
}


#leftColumn p.imgSmall{
	float:left;
	width: 45px;
	margin-right: 3px;
	margin-left: 3px;
	text-align:center;
	clear:left;
}

#leftColumn p.textSmall{
	float:left;
	text-align:left;
	width:130px;
	color:black;
	font-size:11px;
	margin-left:10px;
}

#community {
float:left;
margin-top:10px;
margin-bottom:10px;
text-align:center;
width:288px;
background:url(/img/1onair/community_back.jpg);
background-repeat: repeat-x;
background-position:bottom;
background-color:#e22525;
}

#community h2{
margin-top:5px;
margin-bottom:5px;
background:url(/img/1onair/title_back_white_hover.gif);
background-repeat: repeat-x;
color:black;
}

DIV.communityLink{
float:left;
margin:10px;
margin-bottom:0;
padding-bottom:10px;
}


DIV.communityLink_list{
float:left;
margin:10px;
margin-bottom:0;
padding-bottom:10px;
width:180px;
}


DIV.communityLink img {
margin-top:3px;
margin-bottom:2px;
margin-left:1px;
}

#community  DIV.communityLink a,#community DIV.communityLink_list a{
font-size:13px;
font-weight:bold;
color:white;
text-align:left;
width:100%;
}

DIV.communityLink a:hover{
color:#e0e0e0;
}


DIV.btn_plus{
margin-top:10px;
width:75px;
float:right;
margin-right:10px;
text-align:center;
}

#community DIV.btn_plus a{
font-size:10px;
font-weight:bold;
color:white;
text-align:center;
width:100%;
}

#community .txtSmall {
font-size:10px;
float:left;
color:white;
width:90%;
text-align:left;
margin-top:0;
margin-right:0;
margin-left:5px;
margin-bottom:5px;
}

#community  form{
margin:0;
}

#community p, .form{
float:left;
margin:0;
margin-left:5px;
text-align:right;
}

html>body #community p, .form{
margin-top:5px;
}


#community  input{
	background-color: white;
	border: solid 1px  #E22525;
	font-size: 10px;
	margin-right: 10px;
	width: 100px;
	height: 20px;
	margin-bottom:5px;
}

html>body #community  input{
float:right;
margin:2px;
margin-right:10px;
}

#community  label{
	float: left;
	text-align:right;
	color: #fff;
	font-size: 12px;
	font-weight:bold;
}

html>body #community  label{
	margin-top:5px;
	margin-left:5px;
}

#community p form{
	display: inline;
}

#community  input.btn{
	background-color: #E22525;
	border: solid 1px  white;
	color: white;
	font-weight:bold;
	font-size: 12px;
	width: 20px;
	height:20px;
	display: block;
	float: right;
	margin:0;
	margin-right:22px;
	margin-top:5px;
}

html>body #community  input{
		padding:0;

}

html>body #community  input.btn {
	margin-top:2px;
	clear:both;
	padding:0;
	padding-bottom:2px;
	margin-right:10px;
}

p.community_title{
Font-size:14px;
color:white;
float:left;
font-weight:bold;

}


/*----------------------------------------------------------------------------------CENTER---------------------------------------------------------*/
#pageContent{
width:630px;
float:left;
margin:0;

margin-bottom:8px;
padding-bottom:0px;
background-color:#e0e0e0;
}


#centerColumn{
float:right;
margin-right:13px;
width:300px;
font-size:11px;
color:white;
text-align:center;
margin-top:0;

}

#centerColumn .ssTitre{
	font-size:14px;
	height:10px;
	background:url(/img/1onair/puce.gif);
	background-repeat: no-repeat;
	color:#E22525;
	font-weight:bold;
	background-position: 0px 5px;
	padding-left:10px;
	text-decoration:none;
}

#centerColumn h2{

background:url(/img/1onair/title_back_grey.gif);
background-repeat:repeat-x;
}

#onglets{
	float:left;
	width:300px;
	height:47px;
	background:url(/img/1onair/onglets_connect.gif);
	background-repeat: no-repeat;
}

#onglets .ongletBig{
float:left;
width:auto;
height:100%;
}

#onglets .ongletSmall{
float:left;
width:auto;
height:100%;
margin-left:15px;
}

#centerRadio{
width:300px;
background-color:#0066cc;
text-align:center;
float:left;
clear:both;
}

#centerRadio  p.radioTitle{
	background:url(/img/1onair/titleConnect.gif);
	background-repeat: no-repeat;
	height:35px;
	width:300px;
}

#centerRadio p.btnRect{
width:300px;
height:50px;
background:url(/img/1onair/btn_ecoutez_connect.gif);
float:left;
text-align:center;
background-color:#e0e0e0;
}

#centerRadio a.ecoutez_sur{
float:left;
width:120px;
height:48px;
margin-right:2px;
}

#centerRadio p.logiciels{
	background:url(/img/1onair/btn_logiciels_connect.gif);
	background-repeat: no-repeat;
	height:100px;
	width:300px;
	margin-top:0px;
	margin-bottom:5px;
}

html>body #centerRadio p.logiciels{
margin-left:20px;
}

#centerRadio .logiciels_txt{
font-size:12px;
color:white;
text-decoration:none;
float:left;
width:70px;
margin-right:5px;
margin-left:7px;
padding-top:80px;
text-align:center;
}

DIV.cadre_home_radio{
width:300px;
height:247px;
margin:0;
float:left;
}

DIV.cadre_home_radio_titles{
text-align:left;
float:left;
width:90%;
height:44px;
margin-left:20px;
}

DIV.cadre_home_radio_titles p a{
font-size:13px;
font-weight:bold
}

#site DIV.cadre_home_radio_titles p a:hover{
color:#e0e0e0;
}

DIV.cadre_home_radio_titles p{
float:left;
margin:0;
}

DIV.cadre_home_radio_ecoutez{
margin-right:10px;
margin-top:5px;
height:30px;
width:120px;
float:right;
}

DIV.cadre_home_radio_ecoutez a{
height:44px;
float:right;
width:100px;
}

DIV.cadre_home_radio_emission{
margin-left:20px;
margin-top:7px;
float:left;
width:140px;
font-size:12px;
text-align:left;
}


#titres{
margin-top:10px;
margin-bottom:5px;
width:280px;
height:130x;
background:url(/img/1onair/fond_titre_connect.gif);
background-repeat: no-repeat;
text-align:left;
margin-left:3px;
float:left;
}

html>body #titres{
margin-left:5px;
}

#titres p {
margin-left:10px;
margin-top:2px;
}


#centerColumn p.musicTitre{
margin-top:5px;
color:white;
font-weight:bold;
margin-left:10px;
font-size:13px;
}



#centerColumn .centerMusicLinks img {
margin:0;
margin-top:2px;
}

#centerColumn img {
margin-right:4px;
}

#centerColumn a.toutVoir {
font-size:11px;
color:white;
text-align:right;
float:right;
margin-right:10px;
}


#centerContent{
font-size:12px;
margin-bottom:10px;
float:left;
text-align:left;
background-color:#e0e0e0;
background:url(/img/1onair/page_content_back.gif);
background-repeat: repeat-x;
background-position:top;
width:630px;
padding-top:30px;
padding-bottom:30px;
}

html>body #centerContent{
width:615px;
}


#centerContent p{
margin:10px;
margin-left:35px;
padding-right:10px;
}



#centerContent a{
text-decoration:underline;
color:#D21F1B;
}

#centerContent a:hover{
color:#000;
}


#centerBottom{
width:300px;
background-color:none;
clear:both;
}


#centerBottomOnglets {
float:left;
height:20px;
margin-top:10px;
}

#centerBottomOnglets ul{
float:left;
}

#centerBottomOnglets li{
	margin:0;
	padding:0;
	background-color: #808080;
	float: left;
	list-style-type: none;
	height: 20px;
	color: #ffffff;
	width:auto;
	text-align: center;
	font-weight: bold;
	margin-right:4px;
	padding-left:5px;
	padding-right:5px;

}

#centerBottomOnglets li:active{
background-color:#0066cc;
}

#centerBottomOnglets li a{
height:20px;
font-size:12px;
color:white;
text-decoration:none;
width:auto;
background-color:#808080;
}

#centerBottomOnglets li a:active{
background-color:#0066cc;
}

#centerBottomContent{
text-align:left;
float:left;
background-color:#0066cc;
width:100%;
margin-bottom:10px;
}

#centerBottomContent p{
margin-left:10px;
margin-top:5px;
}

#centerBottomContent img{
margin:0;
}

#centerBottomContent DIV.test{
padding:0;
float:left;
width:100%;
}

p.centerMusicLinks{
margin-top:3px;
margin-bottom:2px;
float:left;
}

DIV.cadre_home_radio_titles p.centerMusicLinksTitle{
margin-left:10px;
float:left;
width:150px;
}

#centerMusicTitle{
margin:0;
}


#progJours{
float:left;
width:98%;
margin-bottom:5px;
margin-left:4px;

}

#progJours td{
font-size:12px;
font-weight:bold;
height:20px;
padding-left:7px;
width:270px;
}
#progJours .date{
width:50px;
background-color:#e22525;
color:white;
}
#progJours .chroniqueNom{
width:285px;
background-color:#e0e0e0;
font-weight:normal;
}
#progJours .site{
width:80px;

background-color:#cdcdcd;
}
#progJours .progNom{
width:295px;
background-color:#e0e0e0;
font-weight:normal;
}

DIV.centerBottomPromo{
float:left;
width:290px;
height:100px;
margin-top:5px;
margin-left:5px;
background-color:black;
}

#leftColumn iframe{
margin:0;
border:1px solid red;
border:0;
float:left;
padding:0;
}

DIV.centerContentBottom{
float:left;
text-align:center;
margin-left:15px;
}

DIV.centerContentBottom p{
float:left;
}


p.ssTitre{
Font-weight:bold;
font-weight:13px;
}


/*------------------------------------------------------------------------------------RIGHT------------------------------------------------------------*/

#rightColumn{
float:right;
width:315px;
text-align:center;
font-size:12px;
}

#rightColumn h2 {
background-color:#808080;
margin-bottom:5px;
}

#rightColumn .rightPub{
float:left;
width:100%;
margin-top:10px;
}

#rightColumnLeft{
width:153px;
float:left;
text-align:center;
margin-top:10px;
}

#rightColumnLeft .partenaire{
text-align:center;
width:145px;
height:62px;
margin-bottom:5px;
background-color:black;
}


#rightColumnLeft .160x160{
width:160px;
height:160px;
margin-top:5px;
margin-bottom:10px;
}

#rightColumnRight{
float:right;
width:160px;
margin-top:10px;
}

html>body #rightColumnRight, html>body #rightColumnLeft{
margin-top:5px;
}


#rightColumn p.imgSmall{
	float:left;
	width: 45px;
	margin-right: 3px;
	margin-left: 3px;
	text-align:center;
	clear:left;
	margin-bottom:10px;
}

#rightColumn p.textSmall{
	float:left;
	text-align:left;
	width:240px;
	color:black;
	font-size:11px;
	margin-left:10px;
	margin-bottom:10px;
}

#rightColumn p.textSmall a{
color:black;
}

#rightColumn p.textSmall a:hover{
color:white;
}

.cadre_contact{
width:153px;
height:143px;
background:url(/img/1onair/img_contact.jpg);
background-repeat: no-repeat;
margin-bottom:5px;
float:left;
}

.cadre_contact a.mail{
width:150px;
height:20px;
float:left;
margin-top:120px;
}




/*------------------------------------------------------------------BOTTOM------------------------------------------------------------*/




#bottom {
	clear: both;
	display : block;
	width: 953px;
	text-align: center;
	border-top:1px solid #808080;
	background-color:white;
}

#bottom p{
	clear: both;
	display : block;
	text-align: center;

}

#bottom a{
	color: #808080;

}

#bottomNav {
	text-align: center;

	float: left;
	width: 948px;
}



#bottomBtn a{
	color: #808080;
	float:right;
	font-size:11px;
}

#bottomNav ul{
	list-style-type: none;
	height: 15px;
	padding-left: 3px;
	display:block;
	margin-left : 250px;
}

http>body #bottomNav ul{
	margin-left: 0px;
}

#bottomNav li{
	float: left;
	list-style-type: none;
	padding-left: 10px;
	font-weight: bold;
	padding-right: 15px;
	background-color: #808080;
	height: 15px;
	padding-top: 0px;
	color: #FFFFFF;
	font-size: 11px;
	margin-right:1px;
	margin-left:1px;
}

#bottomNav li a{
	color: #FFFFFF;
}


/*#bottomNav li a:hover{
	background-color: #FFFFFF;
	color: #808080;
}*/

#bottom p{
	font-size: 12px;
	color: black;
	text-align: center;
	font-weight: bold;
}

#bottom p strong{
	font-weight: bold;
	color: #808080;
}

html>body #sponsorBottom {
	width:420px;
	height:25%;
	margin-bottom:10px;

}


#disclaimer {
	display: none;
}

#centerContent DIV.emission_liste{
float:left;
margin-left:37px;
margin-top:10px;
}
html > body #centerContent DIV.emission_liste {
margin-left:28px;
margin-top:0px;
}

#centerContent DIV.emission{
margin:0;
float:left;
width:188px;
height:368px;
text-align:center;
background:url(/img/1onair/emission_back.png) no-repeat;
font-size:12px;
line-height:13px;
}

#centerContent DIV.emission p{
float:left;
margin:0;
margin-top:7px;
margin-left:16px;
width:145px;
text-align:left;
}

#centerContent DIV.emission img.carre_emission{
margin-right:1px;
}

#centerContent DIV.emission p.emission_img{
margin-top:21px;

}
/*#emission p.ssTitre{
float:left;
width:100%;
text-align:left;
height:20px;
}

#centerContent p.ssTitre{
font-weight:bold;
font-size:14px;
}*/
#centerContent DIV.emission p.emission_img img{
float:left;
border:1px solid #6f6f6f;
}

#centerContent DIV.emission a{
color:black;
}

#txt_descript{
text-align:left;
float:left;
width:300px;
font-size:13px;
margin-left:10px;
}

#txt_descript p{
float:left;
margin:0;
margin-top:5px;
width:100%;
}

#bottomPartners{
width:100%;
text-align:center;
float:left;
}


#lien_u2{
float:left;
margin-left:20px;
}


/*--------------------------------HABILLAGE------------------------------*/

DIV.habillage_top a{
position:absolute;
top:0;
left:0;
width:100%;
margin:auto;
height:120px;
float:left;
}

p.publi{
float:left;
}
