body{
font-family: trebuchet ms, arial, sans-serif;
}

#logoPrint{
display:none;
}

h3, #article_page_title h1{
width:70%;
float:left;
font-size:13px;
color:#002c78;
font-weight:bold;
margin-left:5px;
margin-top:8px;
background:none;
}


h1{
float:left;
width:100%;
}

h2{
float:left;
width:99%;

}

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

#content{
margin-top:10px;
text-align:justify;
width:630px;
line-height:12pt;
}

.content_article_bottom_print{
display:none;
}

#article_page_title{
width:630px;
height:auto;
background-color:#edeefc;
float:left;
}

#icones img{
margin:0;
margin-left:-7px;
float:left;
padding:0;
}

html>body #icones img{
margin-left:-3px;
}

#article_page_title p{
float:left;
margin-top:10px;
}

#article_page_title h3{
width:365px;
margin-top:9px;
margin-left:0;
}

#icones{
float:right;
}

.date_title{
float:left;
font-size:11px;
color:#808080;
margin-left:5px;
margin-right:5px;
}

#content select{
margin:auto;
text-align:center;
margin-top:10px;
border:1px solid #324997;
}

p.content{
float:left;
}

DIV.list_bottom{
float:left;
text-align:center;
width:100%;
margin-top:5px;
}

DIV.list_bottom  form.navigForm a:hover{
text-decoration:underline;
}

DIV.list_bottom  form.navigForm{
color:#002c78;
}

#content .conl select{
margin:5px;
margin-top:2px;
float:left;
width:auto;
}

Div.message_info{
width:400px;
margin:auto;
margin-top:30px;
margin-bottom:30px;
line-height:10pt;
font-size:12px;
text-align:left;
padding:5px;
}

Div.message_info a{
text-decoration:underline;
}

.message_info_title{
height:24px;
width:250px;
float:right;
margin-right:10px;
margin-top:10px;
font-size:18px;
font-weight:bold;
}

.message_info_img{
width:105px;
float:left;
margin-top:25px;
margin-left:10px;
}

.message_info_text{
text-align:justify;
margin-top:0px;
width:250px;
float:right;
margin-right:10px;
margin-bottom:10px;
}

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

#contentLeft h2, #contentRight h2{
margin-top:5px;
font-size:13px;
}

#contentLeft h3{
text-align:justify;
margin:5px;
width:95%;
}


#contentLeft{
float:left;
margin-top:5px;
width:435px;
line-height:15pt;
font-size:13px;
background-color:white;
color:black;
}

#contentLeft img{
margin:12px;
float:left;
}

#contentLeft img.right{
margin:12px;
float:right;
}


#contentLeft p{
margin-top:10px;
margin-bottom:10px;
clear:both;
width:auto;
}

#contentLeft table{
float:left;
}

#page_JO{
float:left;
margin-top:5px;
width:620px;
line-height:15pt;
font-size:13px;
background-color:white;
color:black;
}

#page_JO table{
width:98%;
}

#page_JO DIV.jo_article table{
width:98%;
font-size:10px;
line-height:10pt;
}

.jo_visasTexte{
font-weight:bold;
}

#page_JO h4{
margin-top:10px;
width:95%;
font-size:16px;
height:20px;
}


#page_JO DIV.jo_article table th{
padding:5px;
text-align:center;
background-color:#edeefc;
}

#page_JO DIV.jo_article table td{
padding-bottom:5px;
text-align:center;
background-color:#f9f9f9;
}


p.subtitle{
font-weight:bold;
}

.txt_small{
font-size:10px;
 font-style: italic;
}

DIV.actu{
width:100%;
font-size:12px;
margin-top:10px;
}

DIV.actu img{
margin:8px;
margin-right:3px;
float:left;
}

.home_img{
float:left;
margin:5px;
margin-bottom:8px;
}

.actu_txt{
width:84%;
margin:0;
margin-right:5px;
float:right;
}

.actuactu_txt{
width:90%;
margin:5px;

line-height:14px;
}

#contentLeft span.intelliTXT,#contentLeft p.subtitle{
font-family: arial, sans-serif;
}


.content_article_bottom{
float:left;
width:100%;
font-family: trebuchet ms, arial, sans-serif;
margin-top:5px;
margin-bottom:5px;
}


.content_article_bottom ul{
margin:0;
float:right;
width:330px;
margin-bottom:10px;
text-align:right;
}


.content_article_bottom li{
float:left;
display: inline;
margin:0;
margin-right:10px;
width:16px;
height:16px;
}

#contentLeft DIV.content_article_bottom img{
margin:0;
}

.content_article_bottom p{
border:auto;	
margin:0;
}

#contentLeft .content_article_bottom h3{
margin:0;
width:auto;
float:left;
}

.content_article_bottom form{
float:right;
width:330px;
margin:0;
}

#contentLeft DIV.content_article_bottom form p{
padding:0;
margin:0;
clear:both;
}

.content_article_bottom input{
height:16px;
float:left;
width:330px;
background-color:#f4f5fd;
border:1px solid #edeefc;
font-size:10px;
color:#324997;
margin:0;	
}

#contentLeft p.art_com{
background-color:#fafaff;
border:1px solid #edeefc;
padding:5px;
float:left;
/*width:435px;*/
width:99%;
margin:0px;
margin-top:10px;
}

html>body #contentLeft p.art_com{
width:423px;
}


DIV.actu_title{
background:url(/img/radioactu/title_back_light_2.gif) repeat-x;
height:24px;
margin-bottom:0px;
font-weight:bold;
padding-top:2px;
}

DIV.actu_title img{
float:left;
vertical-align:top;
margin:5px;
margin-top:2px;
}

DIV.actu_title span.date{
margin-top:0;
}

#contentLeft DIV.actu_title p.article_title{
width:80%;
margin:0;
margin-left:5px;
font-size:12px;
line-height:10.5pt;
padding-top:1px;
text-align:left;
color:#2e448f;
}

.content_box{
float:left;
margin-left:20px;
margin-bottom:20px;
margin-top:20px;
width:90%;
padding:10px;
border:1px dotted #e0e0e0;
background-color:#fbfbff;
text-align:left;
}

.content_box form{
background-color:#fbfbff;
}

.content_box p{
margin-bottom:10px;
}

.content_box img{
clear:both;
}

.title_strong{
font-weight:bold;
font-size:13px;
background:none;
color:#2e448f;
}


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

#contentRight{
margin-top:5px;
float:right;
margin-right:0;
width:185px;
background-color:white;
}



#contentRight p{
margin-left:3px;
margin-bottom:3px;
}


#contentRight  ul{
margin-left:5px;
margin-bottom:5px;
}

#contentRight  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:4px;
}

DIV.alaune_short{
float:left;
width:185px;
border:1px solid #e0e0e0;
background-color:#edeefc;
}

#infos{
background-color:#edeefc;
text-align:left;
font-size:11px;
line-height:10pt;
color:#324997;
width:100%;
border-top:0;
float:left;
margin-top:5px;
}

#infos p img{
float:left;
margin:3px;
}

#infos p{
float:left;
width:80%;
margin:0;
margin-top:5px;
margin-left:5px;
}

.theme_article{
background-color:#edeefc;
text-align:left;
float:left;
margin-top:5px;
line-height:12pt;
width:100%;
}

.theme_article a {
float:left;
margin-left:5px;
margin-right:5px;
}

.theme_article a span.date_title{
margin-left:0;
}

.theme_article p{
margin:0;
margin-top:3px;
margin-bottom:3px;
width:100%;
float:left;
}

.theme_article img{
margin:0;
}

.nav_btn{
font-size:13px;
font-weight:bold;
margin-top:10px;
}

.tags{
font-size:13px;
font-weight:bold;
}

/*--------------------------------------------------------------formulaire----------------------------------------------------------*/

#formulaire{
margin-top:10px;
width:100%;
background-color:white;
float:left;
color:#324997;
}



.white_back{
width:100%;
background-color:white;
margin-top:10px;
margin-bottom:10px;
height:30px;
font-size:13px;
font-weight:bold;
padding-top:5px;
float:left;
}

html>body .white_back{
height:25px;
}

DIV.formulaire_champs{
width:100%;
float:left;
font-size:12px;
font-weight:bold;
text-align:left;
margin-bottom:10px;
background-color:#edeefc;
}

DIV.formulaire_champs form{
margin-top:8px;
margin-bottom:8px;
float:left;
}

DIV.formulaire_champs p{
float:right;
margin-right:5px;
margin-bottom:3px;
}

DIV.formulaire_champs_left{
float:left;
width:70%;
margin-bottom:10px;
}

p.formulaire_txt{
width:270px;
float:right;
margin-right:10px;
line-height:10pt;
background-color:#edeefc;
margin-top:10px;
margin-bottom:10px;
}

#formulaire select{
text-align:left;
background-color:white;
border:1px solid #bec5db;
width:231px;
margin:0;
}

DIV.form_txt_right{
float:right;
margin-bottom:10px;
width:29%;
}

html>body #formulaire select{
margin-right:-4px;
width:231px;
}

#formulaire form img{
float:left;
}

#formulaire form{
float:left;
width:100%;
}

#formulaire form.center{
width:630px;
}

.center{
clear:both;
text-align:center;
}

#formulaire label{
float:left;
margin-right:10px;
margin-left:10px;
}

html>body #formulaire label{
margin-left:0px;
}

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

input.field{
height:21px;
border:0;
border:1px solid #bec5db;
float:left;
margin:0;
color:#000000;
}

#formulaire input.field{
width:220px;
}

html>body input.field{
margin:0;
}

 p.checkbox{
float:left;
margin-left:5px;
font-weight:normal;
font-size:11px;
width:97%;
}

#textarea{
text-align:left;
float:right;
margin-right:4px;

}

#textarea p {
float:left;
}

#textarea p label{
margin:0;
margin-left:25px;
}

html>body #textarea p label{
margin-right:239px;
}

#formulaire textarea{
height:100px;
margin-right:-2px;
width:232px;
border:0px;
border-left:1px solid #bec5db;
border-right:1px solid #bec5db;
float:right;
}

html>body #formulaire textarea{
margin:0;
}

#formulaire form img.textarea_img{
float:right;
text-align:right;
margin-right:0;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #324997;
	color : #FFF;
	font-weight: bold;
	float: left;
	width: 220px;
}

html>body .validation-advice {
	width: 210px;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
	float: left;
	width: 400px;
}

.form-row {
	clear: both;
	padding: 0.5em;
	text-align:left;
}

.field-label {
	width: 100px;
	float: left;
}

.field-widget {
	width: 300px;
	float: left;
}

#formulaire.send, div.send{
margin-top:5px;
background-color:#f8f8f8;
}

#formulaire.send div.form-row{
float:left;
width:95%;
}

div.send p{

}


#contentLeft div.send img{
clear:both;
margin:auto;
}

#formulaire.send div.field-label {
	width: 150px;
	float: left;
}

#formulaire.send div.field-widget {
	width: 250px;
	float: right;
}

#formulaire.send input.field{
height:21px;
border:0;
border:1px solid #bec5db;
float:right;
margin:0;
color:#000000;
width: 250px;
}

#formulaire.send textarea{
width: 250px;
border:1px solid #bec5db;
}


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

#article_top{
width:370px;
float:left;
margin-top:5px;
}

#article_top p.actu_txt{
width:270px;
font-weight:bold;
}

#warning{
width:250px;
float:right;
margin-top:5px;
margin-bottom:10px;
}

#warning img{
float:left;
}

#warning p{
width:97%;
float:left;
}

#warning p.red{
color:#e41826;
font-weight:bold;
float:left;
width:180px;
margin-top:3px;
}

#acces_abonnes{
width:637px;
height:180px;
background:url(/img/radioactu/fond_page_nonconnecte.jpg) no-repeat;
margin:0;
float:left;
}

#cadre_acces{
position:absolute;
width:535px;
height:130px;
margin-top:16px;
margin-left:50px;
float:left;
text-align:left;
}

#cadre_acces_demi{
width:265px;
height:100%;
float:left;
}

.lien_abonnement{
margin-top:75px;
margin-left:60px;
}

#cadre_acces form{
position:absolute;
margin-top:30px;
margin-left:70px;
float:left;
}

#cadre_acces form img{
float:left;
margin:0;
}

#cadre_acces form p{
float:left;
width:170px;
}

#cadre_acces label{
float:left;
margin-left:5px;
}

#content input.form_ok{
margin-top:2px;
float:left;
margin-left:5px;
}

#cadre_acces input.field{
width:110px;
}

#choix_paiement{
width:630px;
height:250px;
float:left;
font-size:13px;
background-color:white;
}

#choix_paiement img.bord_droit{
float:right;
margin-top:15px;
margin-right:63px;
}

#choix_paiement_onglets{
position:absolute;
float:left;
width:86px;
height:216px;
margin-top:15px;
margin-left:49px;
background:url(/img/radioactu/paiement_tel.jpg) no-repeat;
}

#choix_paiement_onglets_out{
position:absolute;
float:left;
width:86px;
height:216px;
margin-top:15px;
margin-left:49px;
background:url(/img/radioactu/paiement_etranger_cb.jpg) no-repeat;
}

#choix_paiement_onglets a{
float:left;
height:54px;
width:84px;
}

#choix_paiement_content{
position:absolute;
float:left;
width:505px;
height:235px;
margin-top:15px;
margin-left:130px;
background:url(/img/radioactu/fond_page_paiement.jpg) repeat-x;
}


#choix_paiement_content p{
margin-left:30px;
margin-top:10px;
}

html>body #choix_paiement_content form{
float:left;
margin-left:30px;
}

#choix_paiement_content form img{
float:left;
}

div.choix_paiement_content{
position:absolute;
float:left;
width:505px;
height:250px;
margin-top:15px;
margin-left:120px;
background:url(/img/radioactu/fond_page_paiement.jpg) repeat-x;
}


div.choix_paiement_content p{
margin-left:30px;
margin-top:10px;
text-align:left;
}

html>body div.choix_paiement_content form{
float:left;
margin-left:30px;
}

div.choix_paiement_content form img{
float:left;
}


DIV.choix_paiement_content_middle{
width:auto;
margin-top:10px;
margin-left:20px;
}

#rightColumn h2{
width:130px;
}


/*--------------------------------------PA----------------------------------------------*/

DIV.pa_list{
width:100%;
float:left;
height:24px;
margin-top:1px;
}

DIV.pa_list a{
font-weight:bold;
}

 DIV.pa01{
 float:left;
 width:100%;
background:url(/img/radioactu/pa_back01.gif) repeat-x;
}

DIV.pa02{
float:left;
width:100%;
background:url(/img/radioactu/pa_back02.gif) repeat-x;
}
DIV.pa03{
color:white;
float:left;
width:100%;
background:url(/img/radioactu/pa_back03.gif) repeat-x;
}

DIV.pa_list DIV.pa02 a:hover{
color:white;
}

DIV.separateur{
height:24px;
float:left;
margin-left:5px;
margin-right:5px;
width:1px;
background-color:white;
}

DIV.pa_date{
float:left;
width:80px;
height:20px;
margin-top:4px;
margin-left:5px;
}

DIV.pa_title{
float:left;
width:370px;
height:20px;
margin-top:4px;
}

DIV.pa_nom{
float:left;
width:140px;
height:20px;
margin-top:4px;
}

DIV.pa_preview{
color:black;
width:100%;
float:left;
background:url(/img/radioactu/pa_back_preview.gif) repeat-x;
height:auto;
margin-bottom:5px;
}

DIV.pa_preview2{
color:black;
width:100%;
float:left;
background:url(/img/radioactu/pa_back_preview2.gif) repeat-x;
height:auto;
margin-bottom:5px;
}

DIV.pa_preview p{
width:90%;
margin:5px;
margin-left:20px;
}

.pa_chemin{
margin-top:15px;
margin-bottom:15px;
height:18px;
float:left;
width:auto;
}
.pa_chemin a{
font-size:13px;
font-weight:bold;
}

DIV.pa_infos{
margin-top:10px;
margin-left:10px;
float:left;
width:95%px;
}

DIV.pa_infos p, DIV.pa_infos div{
float:left;
width:540px;
}

span.pa_title{
width:20%;
text-align:right;
vertical-align:top;
font-weight:bold;
}

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

/*
#pa_list{
width:100%;
float:left;
height:24px;
margin-top:1px;
}

#pa_list a{
font-weight:bold;
}

#pa_list.pa01{
background:url(/img/radioactu/pa_back01.gif) repeat-x;
}

#pa_list.pa02{
background:url(/img/radioactu/pa_back02.gif) repeat-x;
}

#pa_list.pa02 a:hover{
color:white;
}

#separateur{
height:24px;
float:left;
margin-left:5px;
margin-right:5px;
width:1px;
background-color:white;
}

#pa_date{
float:left;
width:80px;
height:20px;
margin-top:4px;
margin-left:5px;
}

#pa_title{
float:left;
width:370px;
height:20px;
margin-top:4px;
}

#pa_nom{
float:left;
width:140px;
height:20px;
margin-top:4px;
}

#pa_preview{
color:black;
width:100%;
float:left;
background:url(/img/radioactu/pa_back_preview.gif) repeat-x;
height:auto;
margin-bottom:5px;
}

#pa_preview p{
width:90%;
margin:5px;
margin-left:20px;
}

.pa_chemin{
margin-top:15px;
margin-bottom:15px;
height:18px;
float:left;
width:auto;
}
.pa_chemin a{
font-size:13px;
font-weight:bold;
}

#pa_infos{
margin-top:10px;
margin-left:10px;
float:left;
width:95%px;
}

#pa_infos p, #pa_infos div{
float:left;
width:540px;
}

span.pa_title{
width:20%;
text-align:right;
vertical-align:top;
font-weight:bold;
}

span.pa_content{
margin-left:5px;
width:70%;
text-align:left;
color:black;
vertical-align:top;
}
*/



/*----------------------------------Classement Yacast---------------------------------*/

#classement_table{
float:left;
width:630px;
text-align:center;
line-height:10pt;
font-size:12px;
font-family: trebuchet ms, arial, sans-serif;
}

#classement_table DIV.classement_01 {
height:145px;
background-color:#f5f1f9;
border-bottom:1px solid #e0e0e0;
}

#classement_table DIV.classement_02 {
height:145px;
background-color:#fcf9ff;
border-bottom:1px solid #e0e0e0;
}

#classement_table DIV.classement_top {
height:14px;
padding-top:5px;
padding-bottom:5px;
background:url(/img/radioactu/title_back_light_yacast2.gif) repeat-x;
margin-top:10px;
border-bottom:1px solid #e0e0e0;
}


#classement_table span{
float:left;
margin:5px;
padding-bottom:3px;
}

#classement_table p{
margin:5px;
margin-top:15px;
}

#classement_table  div{
margin:0;
margin-right:1px;
font-weight:bold;
font-size:12px;
}

#classement_table img{
margin-top:3px;
margin-bottom:3px;
border:1px solid white;
}

#classement_table div.classement_top DIV.classement_small{
height:14px;
}

DIV.classement_small{
float:left;
width:55px;
text-align:center;
padding-left:3px;
height:130px;
}

#classement_table DIV.classement_small p{
float:left;
font-size:14px;
font-weight:bold;
margin-top:55px;

}

#classement_table DIV.classement_small p.rang{
font-size:20px;
padding:3px;
color:#713c9e;
margin-top:52px;
}

DIV.classement_small p.img1{
height:20px;
width:20px;
background:url(/img/radioactu/yacast_baisse.gif) no-repeat;
}
DIV.classement_small p.img2{
height:20px;
width:20px;
background:url(/img/radioactu/yacast_montee.gif) no-repeat;
}
DIV.classement_small p.img3{
height:20px;
width:20px;
background:url(/img/radioactu/yacast_entree.gif) no-repeat;
}
DIV.classement_small p.img4{
height:20px;
width:20px;
background:url(/img/radioactu/yacast_reste.gif) no-repeat;
}


DIV.classement_large{
float:left;
width:290px;
margin-left:20px;
text-align:left;
}

#classement_table DIV.classement_large p{
margin-left:0;
}

DIV.classement_large p, DIV.classement_large p span{
float:left;
width:95%;
margin:0;
padding:0;
height:20px;
}

#classement_table DIV.classement_large span.artiste{
font-weight:bold;
font-size:15px;
margin-top:0px;
color:black;
}

DIV.classement_big{
float:left;
width:135px;
text-align:left;
}


/*------------------------------------fréqences--------------------------------*/

#iframe_freq{
float:left;
width:630px;
height:600px;
text-align:left;
}


iframe.freq{
float:left;
width:100%;
height:500px;
margin-top:10px;
}


p.titre {
color:#324997;
font-family:Arial;
font-size:13px;
}

div table{
border:0;
}

table.freq_table {
font-family: trebuchet ms, arial, sans-serif;
background-color:#dadcf3;
font-size:12px;
width:600px;
}

table.freq_table tr{
background:url(/img/radioactu/pa_back01.gif) top repeat-x;
min-height:0px;
}
table.freq_table tr.freq_table_title{
text-align:center;
}

table.freq_table table{
width:300px;
}


/*-------------------------------QUIZ----------------------------*/

#quiz_form{
margin-left:20px;
}

#important{
display:none;
}

#quiz_form label{
width:100%;
float:left;
margin-top:10px;
}

input.ope_form_item_1{
width:350px;
clear:both;
margin:5px 0;
border:1px solid #b5b5b5;
height:20px;
}

input.ope_form_item_2{
float:left;
margin:0 5px 0 1px;
border:1px solid #b5b5b5;
height:14px;
width:14px;
}

textarea.ope_form_item_1{
width:350px;
clear:both;
margin:5px 0;
border:1px solid #b5b5b5;
height:100px;
}

input.btn{
clear:left;
}

input.ope_form_item_3{
float:left;
margin:0 5px 0 1px;
border:1px solid #b5b5b5;
height:14px;
width:14px;
}


