*{
margin:0;
padding:0;
}

body{
text-align:center;
background:url(/img/radioactu/home_background.gif);
font-family: trebuchet ms, arial, sans-serif;
color:#324997;
font-size:12px;
}

a{
color:#324997;
text-decoration:none;
}

a img{
border:0;
}

a:hover{
color:#8797ce;
}

#site{
margin:auto;
width:950px;
margin-top:10px;
text-align:left;
}

h1, h2{
font-size:14px;
background:url(/img/radioactu/title_back_dark.gif) repeat-x;
color:white;
height:24px;
width:auto;
padding-left:5px;
padding-top:2px;
text-align:left;
}

h1 img, h2 img, h3 img{
float:right;
margin-top:-2px;
}


h3{
font-size:13px;
color:#002c78;
font-weight:bold;
}

.light{
float:left;
font-size:15px;
background:url(/img/radioactu/title_back_light.gif) repeat-x;
color:#324997;
height:22px;
}


.suite, a.suite  {
float:right;
font-size:11px;
margin-right:5px;
color:#e01938;
margin-top:2px;
margin-bottom:5px;
font-weight:normal;
vertical-align:bottom;
text-decoration:underline;
}

h2.onglet{
width:auto;
background:url(/img/radioactu/title_back_light_open.gif) repeat-x;
margin-right:2px;
border:1px solid #e0e0e0;
border-bottom:none;
color:#002c78;
padding-left:2px;
padding-right:2px;
height:22px;
}

h2.onglet a{
color:#808080;
}

h2.onglet_open{
width:auto;
background:url(/img/radioactu/title_back_light.gif) repeat-x;
margin-right:2px;
border:1px solid #e0e0e0;
border-bottom:none;
color:#002c78;
padding-left:2px;
padding-right:2px;
height:22px;
}

h2.onglet_sondages{
width:auto;
background:url(/img/radioactu/title_back_light_sondages.gif) repeat-x;
margin-right:2px;
border:1px solid #e0e0e0;
border-bottom:none;
color:white;
padding-left:2px;
padding-right:2px;
height:22px;
}

h2.onglet_sondages a{
color:white;
}

h2.onglet_vente{
width:auto;
margin-right:2px;
border:1px solid #e0e0e0;
border-bottom:none;
color:white;
padding-left:2px;
padding-right:2px;
height:22px;
background:url(/img/radioactu/title_back_light_vente.gif) repeat-x;
}

h2.onglet_vente a{
color:red;
}




/*------------------------------------------------------------------------------------------------------------------------------*/

#top{
background:url(/img/radioactu/top_back.jpg) no-repeat;
z-index:10;
}

#logoPrint{
display:none;
}

#logo{
width:215px;
height:90px;
float:left;

}

#logo a{
width:215px;
height:90px;
float:left;
}

#topBandeauPub{
width:728px;
height:90px;
float:right;
margin-top:1px;
margin-right:1px;
}

#topContent{
float:left;
width:948px;
height:40px;
}

#thema{
float:left;
margin-top:5px;
margin-left:222px;
}

#thema p{
float:left;
margin-right:10px;
}

#thema img{
margin-right:5px;
}

.thema_title{
font-weight:bold;
font-size:13px;
color:white;
}

.thema{
float:left;
margin-top:0px;
margin-left:8px;

}

.thema a{
color:white;
}
.thema a:hover{
text-decoration:underline;
color:edeefc;
}

Div.newsletter{
float:right;
height:30px;
margin-right:0px;
width:145px;
}

Div.newsletter img{
float:left;
}

Div.newsletter form{
margin-top:0px;
margin-left:0px;
float:left;

}

Div.newsletter label,#topMenu label {
float:left;
color:white;
margin-left:0px;
font-size:11px;
font-weight:normal;
}

Div.newsletter input.field, #topMenu input.field{
height:16px;
width:100px;
border:0;
border-top:1px solid #bec5db;
border-bottom:1px solid #bec5db;
float:left;
margin:0;
color:#bec5db;
padding-top:1px;
}
	
#topMenu form{
float:right;
width:145px;
}

#promoTop{
float:left;
height:95px;
width:628px;
border:0;
text-align:center;
margin-bottom:15px;
margin-right:0px;
}

html>body #promoTop{
margin-right:0px;
}

#promoTop p.publi{
font-size:12px;
font-weight:bold;
text-align:right;
line-height:11pt;
color:#808080;
float:left;
}

#promoTop iframe.promoTop{
width:630px;
height:80px;
border:0;
float:left;
padding:0;
} 
 
#topMenu img, .form_img{
float:left;
margin:0;
}

#loupe{
float:left;
}

input.field{
height:21px;
width:110px;
border:0;
border-top:1px solid #bec5db;
border-bottom:1px solid #bec5db;
float:left;
margin:0;
margin-left:-3px;
margin-right:-3px;
color:#bec5db;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

#content{
width:630px;
float:left;
line-height:12pt;
z-index:1;
margin-left:1px;
}


#box_onglets{
width:100%;
float:left;
background-color:white;
border-bottom:#f2f2f3;
}


ul.onglets{
float:left;
}


ul.onglets li{
float:left;
}

/*---------------------------------------------------------------------LEFT------------------------------------------------------------------------*/

#leftColumn{
width:330px;
float:left;
}

#JO{
font-size:11px;
background-color:#ecedfb;
float:left;
width:330px;
margin-bottom:15px;
height:105px;
font-weight:bold;
margin-top:10px;
border-bottom:1px solid #dbdae7;
}

#JO.back_white{
background-color:white;
border:1px solid #dbdae7;
}

#JO p{
margin-left:5px;
}

#JO_content{
border:1px solid #dbdae7;
border-top:none;
border-bottom:none;
}

H2.light_jo{
width:325px;
float:left;
font-size:15px;
background:url(/img/radioactu/title_back_light.gif) repeat-x;
color:#324997;
height:24px;
}

#Sondages_content iframe.sondages{
width:380px;
}

DIV.actu{
float:left;
width:330px;
border:1px solid #dbdae7;
margin-top:15px;
background-color:white;
}

DIV.actu p{
margin-top:2px;
}

.home_img{
width:82px;
height:82px;
text-align:center;
float:left;
border:1px solid #edeefc;
margin-left:5px;
}

DIV.actu_title{
background:transparent url(/img/radioactu/title_back_light_2.gif) repeat-x scroll 0 0;
float:left;
font-weight:bold;
min-height:30px;
margin-bottom:10px;
width:100%;
}

DIV.actu_title2{
background:url(/img/radioactu/title_back_light_3.gif) repeat-x;
float:left;
margin-bottom:10px;
font-weight:bold;
}


.article_title{
width:70%;
margin-left:5px;
margin-bottom:5px;
float:left;
font-size:12px;
line-height:10.5pt;
padding-top:1px;
text-align:left;
color:#2e448f;
}


p.article_title2{
width:75%;
height:40px;
margin-top:3px;
margin-left:7px;
margin-bottom:5px;
float:left;
font-size:12px;
line-height:10.5pt;
padding-top:1px;
text-align:left;
color:#2e448f;
}

.date2{
float:right;
margin:0;
font-size:11px;
color:#808080;
margin-top:5px;
margin-right:0px;
}

.date{
float:right;
margin:0;
font-size:11px;
color:#808080;
margin-top:5px;
margin-right:2px;
}

.actu_txt{
width:228px;
float:left;
text-align:justify;
margin:5px;
margin-top:10px;
line-height:10.5pt;
}


/*------------------------------------------------------------------------CENTER-----------------------------------------------------------------------------*/

#centerColumn{
width:285px;
margin-left:15px;
float:left;
}

#centerColumn h2{
float:left;
width:280px;
}

#LA2{
font-size:11px;
background-color:white;
float:right;
width:285px;
border:1px solid #dbdae7;
margin-bottom:15px;
height:105px;
margin-top:10px;
}

#LA2 h2{
float:left;
width:98.5%;
}

#LA{
font-size:11px;
background-color:white;
float:left;
width:330px;
border:1px solid #dbdae7;
margin-bottom:15px;
height:105px;
margin-top:10px;
}

#LA a{
font-size:11px;
}

#LA p{
margin-left:5px;
}

#LA h2{
float:left;
width:98.5%;
}

DIV.alaune{
float:left;
margin-top:15px;
margin-bottom:10px;
width:285px;
border:1px solid #e0e0e0;
background-color:#f4f7fe;
}

DIV.alaune p{
margin-left:3px;
float:left;
}

DIV.alaune p.date2{
float:right;
margin:0;
font-size:11px;
color:#808080;
margin-top:5px;
margin-right:2px;
}

DIV.alaune_short{
float:left;
margin-bottom:10px;
width:285px;
border:1px solid #e0e0e0;
background-color:#f4f7fe;
}

DIV.alaune_short p.date{
margin-top:0;
}

.une_txt{
float:right;
line-height:10pt;
text-align:justify;
width:185px;
margin-right:5px;
}


#search_guide{
float:right;
margin-top:5px;
border:1px solid #e0e0e0;
height:70px;
width:100%;
background-color:#324997;
line-height:10.5pt;
}

#search_guide h2, DIV.home_box_content h2{
width:280px;
}

#search_guide img{
float:left;
}

#search_guide  p{
color:white;
float:left;
width:80px;
margin-top:10px;
}

#search_guide  p a{
color:white;
}

#search_guide form{
margin-top:11px;
margin-left:5px;
float:left;
width:190px;
}

#search_guide form p{
margin:0;
padding:0;
width:auto;
}

#search_guide input.field{
height:17px;
width:120px;
border:0;
border-top:1px solid #bec5db;
border-bottom:1px solid #bec5db;
float:left;
margin:0;
margin-left:-3px;
margin-right:-3px;
color:#bec5db;
}


#emploi{
width:100%;
margin-top:15px;
float:left;
border:1px solid #e0e0e0;
background-color:white;
}

#emploi p{
margin-top:3px;
width:100%;
margin-bottom:2px;
}

#emploi a{
font-size:12px;
font-weight:bold;
float:left;
margin-left:5px;
margin-top:2px;
}

#emploi a.suite{
margin-top:2px;
float:right;
font-weight:normal;
font-size:11px;
}

DIV.home_box_content{
font-size:11px;
background-color:white;
float:left;
width:100%;
border:1px solid #dbdae7;
margin-top:15px;
}


.musicactu{
float:left;
font-size:15px;
background:url(/img/radioactu/title_back_light_ma.gif) repeat-x;
color:white;
height:24px;
}

.musicactu img{
float:right;
margin-top:-3px;
}

/*DIV.home_box_content.orange{
background-color:#fffcf8;
border:1px solid #fe6612;
}*/

DIV.home_box_content ul{
margin-left:5px;
float:left;
width:94%;
margin-top:5px;
margin-bottom:5px;
}

.bloc_right_light ul{
margin-left:5px;
width:94%;
}

DIV.home_box_content  li, .bloc_right_light li{
display: list-item;
background-position: 0% 5px;
padding-left: 10px;
background-image: url(/img/radioactu/puce01.gif);
background-repeat: no-repeat;
width:100%;
float:left;
margin-top:2px;
}

.bloc_right_light.multi_lignes  li{
background-position: 0% 10%;
}

DIV.home_box_content ul.orange li{
background-image: url(/img/radioactu/puce02.gif);
background-repeat: no-repeat;
}

DIV.home_box_content ul.orange li a {
color:black;
}

DIV.home_box_content ul.orange li a:hover {
color:#808080;

}

.violet{
float:left;
font-size:15px;
background:url(/img/radioactu/title_back_light_yacast.gif) repeat-x;
color:white;
height:24px;
}

 ul.classement_radio li{
background-image: none;
padding-left: 3px;
background-image: url(/img/radioactu/puce03.gif);
background-repeat: no-repeat;
background-position: 0% 2px;
}


/*DIV.home_box_content ul.classement_radio{
background-color:#fcf8ff;
border:1px solid #4b2071;
}*/

.bloc_right_light li.rouge{
background-image: url(/img/radioactu/puce04.gif);
background-repeat: no-repeat;
color:red;
}

.bloc_right_light li.rouge a{
color:red;
}


/*---------------------------------------------------------------RIGHT---------------------------------------------------------------------------*/

#rightColumn{
width:300px;
float:right;
margin-top:10px;
margin-right:2px;
}

#pub150{
width:150px;
text-align:center;
float:left;
}

.txt_pub, .txt_pub a, .txt_pub a:hover{

text-align:center;
color:#808080;
font-size:11px;
}


#partenaires{
width:145px;
height:150px;
background-color:white;
float:right;
text-align:center;
border:1px solid #e0e0e0;
}

#partenaires img{
margin-top:2px;
}

#passeport{
margin-top:15px;
float:right;
width:145px;
height:135px;
background-color:#edeefc;
}

#passeport input.form_img{
float:right;
margin-top:5px;
margin-right:5px;
}

#passeport form{
margin-top:5px;
margin-left:8px;
float:left;
width:125px;
}

html>body #passeport form{
width:117px;
margin-left:15px;
}

#passeport label{
float:left;
color:#324997;
}

html>body #passeport label{
margin-left:-8px;
}

#passeport input.field{
height:20px;
width:120px;
border:1px solid #324997;
float:left;
margin-left:-8px;
}

#passeport input.btn{
float:right;
border:1px solid white;
width:20px;
height:20px;
background-color:#324997;
color:white;
margin-top:5px;
}


#pub350{
width:300px;
float:left;
margin-top:5px;
text-align:center;
}

#rightColumnLeft{
width:135px;
float:left;
}

#rightColumnRight{
width:160px;
float:left;
}

.bloc_right_light{
background-color:white;
margin-top:5px;
border:1px solid #324997;
float:left;
width:100%;
color:#324997;
line-height:11pt;
}

#bloc_right_dark{

float:left;
margin-top:5px;
border:1px solid #e0e0e0;
width:100%;
color:white;
background-color:#324997;
line-height:10pt;
}

#bloc_right_dark p,.bloc_right_light p{
margin:5px;
width:95%;
}

#bloc_right_dark p img,.bloc_right_light p img{
margin:2px;
margin-left:0;
}

#rightColumnRight{
width:160px;
float:right;
}

#pub160{
text-align:center;
float:right;
width:160px;
margin-top:5px;
}


/*-------------------------------------BOTTOM--------------------------------------*/

div.bottom{
margin-top:20px;
border-top:1px solid #324997;
float:left;
width:950px;
color:black;
text-align:center;
}

.bottom_title{
color:#808080;
font-size:13px;
font-weight:bold;
text-decoration:none;
}


DIV.bottom p{
margin:auto;
float:left;
text-align:center;
color:#808080;
width:100%;
font-size:11px;
}

DIV.bottom p a, DIV.bottom p a:hover{
color:#808080;
}

.bottom_column{
width:15%;
margin:15px;
margin-bottom:0;
float:left;
text-align:left;
}

.bottom_border{
float:left;
width:1px;
border-left:1px solid #e0e0e0;
height:140px;
margin-top:15px;
}

.bottom_column ul,li{
list-style:none;
}


/*------------------------------------------MENU---------------------------------------------*/

#topMenu{
	font-size: 14px;
	font-weight: bold;
	color: white;
	height:26px;
	width:950px;
	float:left;
	margin:0;
	padding-bottom:3px;
}



.tab {
	float: left;
	text-align:center;
	margin-right:2px;
	margin-top:18px;
	margin-bottom:2px;
	z-index:30;
	height:26px;
	padding-left:20px;
	padding-right:20px;
	padding-top:2px;
}

.tab_hover{
	float: left;
	text-align:center;
	margin-right:2px;
	margin-top:18px;
	margin-bottom:2px;
	z-index:30;
	height:26px;
	padding-left:20px;
	padding-right:20px;
	padding-top:2px;
	background:url(/img/radioactu/menu_back_actif.gif) repeat-x;
}

.tab a, .tab_hover a {
	color:white;
	text-decoration: none;
	height:26px;
}


.menu {
	display: none;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	float:left;
	margin-left:-20px;
	width:110px;
	position:absolute;
	margin-top:6px;
}

.menu  img{
float:left;

}

.menubottom{
width:110px;
height:13px;
background:url(/img/radioactu/menu_back_bottom.png) no-repeat;
float:left;
}


.menu ul{
float:left;
width:110px;
margin-top:3px;
background:url(/img/radioactu/menu_back.png) repeat-y;
}

.menu li {
width:95px;	
list-style:none;
margin-left:5px;
margin-top:5px;
margin-bottom:2px;
float:left;
}

.menu li  a{
color:#2e448f;
line-height:10pt;
}

.menu li  a:hover{
color:#2e448f;
text-decoration:underline;
}

/*--------------------------------------------------------------------annuaire-------------------------------------------------------*/

#annuaire{
width:100%;
float:left;
text-align:left;
font-size:12px;
background-color:white;
line-height:13pt;
color:#2e448f;
}

#annuaire h3{
width:100%;
margin:0
}

#annuaire a{
text-decoration:underline;
margin-right:3px;
}

#annuaire p{
float:left;
margin-bottom:5px;
}

#annuaire_form{
margin-left:3px;
width:49%;
float:left;
}

#annuaire form{
float:left;
margin-top:5px;

}

#annuaire img, #annuaire form img{
float:left;
}

#annuaire form input.form_img{
margin-left:5px;
}

#annuaire form input.field{
width:170px;
}

#annuaire_content{
width:100%;
float:left;
margin-top:10px;
padding-bottom:15px;
}

#annuaire_fiche_top{
margin:0;
float:left;
height:45px;
width:635px;
background:url(/img/radioactu/annuaire_fiche_top.gif);
}

#annuaire_fiche_top{
margin:0;
float:left;
height:45px;
width:635px;
background:url(/img/radioactu/annuaire_fiche_top.gif);
}
#annuaire_fiche_top a{
text-decoration:none;
}

#annuaire_onglet{
float:left;
width:121px;
height:40px;
background:url(/img/radioactu/annuaire_onglet_back.gif) no-repeat;
vertical-align:bottom;

}

#annuaire_fiche_top p{
width:121px;
font-size:14px;
font-weight:bold;
float:left;
text-align:center;
margin-top:20px;
margin-left:0px;
}

#annuaire_fiche_bottom{
float:left;
height:10px;
width:635px;
background:url(/img/radioactu/annuaire_fiche_bottom.gif) no-repeat;
}

#annuaire_content_fiche{
background:url(/img/radioactu/annuaire_fiche_back.gif) repeat-y;
line-height:18px;
width:100%;
float:left;
font-size:14px;
}

#annuaire_content_fiche_color{
background:url(/img/radioactu/annuaire_fiche_back_color.gif) repeat-x;
width:610px;
float:left;
background-position:top;
margin-left:9px;
}

#annuaire_infos{
margin-top:10px;
margin-left:10px;
float:left;
width:465px;
}

#annuaire_infos p{
float:left;
width:90%;
margin:0;
margin-bottom:5px;
}


div.annuaire_logo{
float:right;
margin-top:10px;
margin-right:5px;
border:1px solid #dbddef;
background-color:white;
}

span.infos_title{
width:25%;
text-align:right;
vertical-align:top;
}

span.infos_content{
margin-left:5px;
width:70%;
text-align:left;
color:black;
vertical-align:bottom;
}

DIV.annuaire_cat{
margin:6px;
margin-left:0;
float:left;
width:32%; 
text-align:left;
}

DIV.annuaire_cat DIV.pa{
height:75px;
margin-bottom:10px;
float:left;
}

DIV.annuaire_cat DIV.pa a{
margin-right:5px;
}

DIV.annuaire_cat p{
margin:0;
padding:0;
float:left;
margin-bottom:5px;
width:100%;
}

p.cat_title{
width:200px;
text-align:left;
}

.cat_title  a{
font-size:14px;
font-weight:bold;
text-decoration:underline;
}

a.cat_title{
font-size:15px;
text-decoration:underline;
}

.grey{
color:#808080;
}


/*----------------------------------------------radioprog--------------------------------------------------*/

li.radioprog_radio{
width:156px;
height:155px;
float:left;
margin-bottom:5px;

}



/*--------------------------------HABILLAGE------------------------------*/

#habillage{
position:absolute;
width:960px;
margin:auto;
height:122px;
margin-top:-122px;
}

DIV.habillage_top a{
position:absolute;
top:0;
left:0;
width:100%;
margin:auto;
height:122px;
float:left;
}

p.publi{
float:left;
}