.body { width:972px; min-height:500px; height:auto; background-image:url(../images/ecouter-radio_07.png); background-repeat:repeat-x; clear:both; padding:5px 10px 10px 10px;  }
img { border:0; }
.table { width:500px; height:auto; }


.col_1 { width:336px; float:left; }
.col_2 { width:336px; float:left; }
.col_3 { width:300px; float:left; }


.bloc_1 { background-image:url(../images/fdbloc.png);  background-repeat:repeat-x; width:316px; float:left; margin-right:8px; margin-top:8px; height:340px; min-height:340px;  }
.bloc_2 { background-image:url(../images/fdbloc.png);  background-repeat:repeat-x; width:317px; float:left; margin-right:8px; margin-top:8px;  height:340px; min-height:340px;  }
.bloc_3 { background-image:url(../images/fdbloc.png);  background-repeat:repeat-x; width:317px; float:left; margin-top:8px;  height:340px; min-height:340px;  }

.category { font-size:10px; display:block; color:#999999; text-align:center; }

#tourpremier { margin-top:30px; margin-bottom:30px; }

h3 { font-size:15px; font-weight:bold; color:#fff; margin:5px 0px 10px 10px; }
.bputop { margin-bottom:10px; margin-top:10px; }

.item_radio_first {
width:75px;
overflow:hidden;
float:left;
margin-left:3px;
margin-right:3px;
margin-bottom:3px;
}


.item_radio_last {
width:75px;
overflow:hidden;
float:left;
margin-right:3px;
margin-bottom:3px;
}

.item_radio {
width:75px;
overflow:hidden;
float:left;
margin-right:3px;
margin-bottom:3px;
}
 
 
 
.item_radio_first_grd {
width:77px;
overflow:hidden;
float:left;
margin-left:17px;
margin-right:17px;
margin-bottom:3px;
}


.item_radio_last_grd {
width:77px;
overflow:hidden;
float:left;
margin-right:17px;
margin-bottom:3px;
}

.item_radio_grd {
width:77px;
overflow:hidden;
float:left;
margin-right:17px;
margin-bottom:3px;
}
  


.multicouche {
position: relative; /*l'élément est positionné mais il se place tout seul*/
width:77px;
height:60px;
}


.multicouche img {
  position: absolute;
  top: 0;
  left: 0;
  border:0;
}


#couche1 {
  z-index: 1;
  margin-left:14px;
  margin-top:5px;
  background-color:#000000;
}
 
#couche2 {
  z-index: 2;
}

.center { text-align:center; }


.titre_radio_bleu{
	color: #0a4084;
	clear:both;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	text-decoration:none;
	text-align:center;
	line-height: 12px;
	cursor: pointer;
	display:block;
}
	
.lignetitre{
	clear:both;
	display:block;
	height:22px;
	max-height:22px;
}
		
		
.border { margin-bottom:10px;  border-bottom:solid 1px #FFFFFF; clear:both; }		
		
		
#rightSky{
	display:block;
	float:right;
	width:120px;
	height:600px;
	position:absolute ;
	right:-130px;
	top:115px;
}		


.h_gauche { width:672px; height:250px;  float:left; margin-top:10px; }
.h_droite { width:300px; float:left; height:250px; margin-top:10px;  }

#img_slide {  
 z-index: 1;
  margin-left:15px;
  margin-top:12px;
  background-color:#000000; 
}

.droite_slider {
width:490px; display:block; right:0; margin:0px; position:absolute; top:0;
}



	
	h4 { color:#395e86; font-size:22px; margin:0px; padding:0px; }

#tour_nav { width:663px; height:96px;  background-image:url(../images/slider-radio_04.png); background-repeat: repeat-x; margin:0; padding:0;  }
#nav_left { width:9px; height:96px; float:left; background-image:url(../images/slider-radio_01.png); background-repeat:no-repeat; margin:0; padding:0; }
#nav_centre{ width:643px; height:96px; float:left; margin:0; padding:0; }
#nav_right { width:11px; height:96px; float:right; background-image:url(../images/slider-radio_05.png);  background-repeat:no-repeat; margin:0; padding:0; }

#nav ul{ margin:0; padding:0; float:left; }
#nav img { border:0; }
#nav li { background-image:url(../images/slider-radio_03.png); text-align:center; padding-top:10px; background-repeat:no-repeat; width:107px; height:96px; list-style:none; list-style-position:inside; margin:0; float:left; }


	/* panes */
	#panes {
		width:650px;
		height:145px;
		/* must be relative so the individual panes can be absolutely positioned */
		position:relative;
	}
	
	#panes p { font-size:11px; color:#666666; }
	/* crossfading effect needs absolute positioning from the elements */
	#panes div {
		display:none;		
		position:absolute;
		font-size:13px;
		color:#444;	
		width:650px; 
	}
	
	#panes img {
		float:left;
		margin-right:15px;
	}
	
	#panes p.more {
		color:#000;
		font-weight:bold;
		font-size:13px;
	}
	

.sep { clear:both; height:20px; }
.ombre { background-image:url(../images/ombre.gif); background-repeat:repeat-x; height:10px; width:972px; clear:both;  }



.boutonh { width:350px; height:20px; position:absolute; top:-10px; right:5px; }


.boutonh ul li {
	float: left;
	display: inline; /*For ignore double margin in IE6*/
	margin: 0 10px;
}

.boutonh ul li a {
	text-decoration: none;
	float:left;
	color: #999;
	cursor: pointer;
	font: 700 10px/16px "Arial", Helvetica, sans-serif;
	
}

.boutonh ul li a span {
	margin: 0 10px 0 -10px;
	padding: 1px 8px 5px 18px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
}



/*PINK*/
ul.pink li a.current {
	background: url(../images/boutons/pink.png) no-repeat top right;
 	color: #fff;
}

ul.pink li a.current span {
	background: url(../images/boutons/pink.png) no-repeat top left;
}

ul.pink li a.current:hover {
 	color: #fff;
	background: url(../images/boutons/pink2.png) no-repeat top right;
}

ul.pink li a.current:hover span {
	background: url(../images/boutons/pink2.png) no-repeat top left;
}




ul.pink li a.non_current {
	background: url(../images/boutons/gris2.png) no-repeat top right;
 	color: #fff;
}

ul.pink li a.non_current span {
	background: url(../images/boutons/gris2.png) no-repeat top left;
}

ul.pink li a.non_current:hover {
 	color: #fff;
	background: url(../images/boutons/gris.png) no-repeat top right;
}

ul.pink li a.non_current:hover span {
	background: url(../images/boutons/gris.png) no-repeat top left;
}

#footer { width:992px; height:41px; background-image:url(../images/footer-radio_02.png); background-repeat:repeat-x; margin:25px 0px 25px 0px;  }
.footer_01 { width:9px; height:41px; float:left;  }
.footer_02 { width:800px; height:41px; float:left;  }
.footer_03 { width:170px; height:41px; float:left;  }
.footer_04 { width:12px; height:41px; float:right;  }

#footer a { display:block; padding:5px 5px 5px 5px; margin-top:9px; border-right:solid 1px #ccc; color:#666666; font-size:11px;  float:left; }
#footer a:hover {  color:#265c91;  }
.copyright { font-size:10px; color:#999999;  text-align:center; background-image:url(../images/fdfooter.jpg); height:45px; background-repeat:repeat-x; display:block; background-color:#000000; }


/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../images/blue.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}




	/* root element for each accordion  */
	
	
	.accordion {
	
		/* some decorations for the accordion root element */
		background:#333 url(../images/h300.png) 0 0;
		width: 300px;
		float:left;
		margin:0px;
	}
	
	/* accordion header */
	.accordion h2 {
		background:#ccc url(../images/h30.png);
		margin:0;
		padding:5px 15px;
		font-size:15px;
		font-weight:normal;
		color:#FFFFFF;
		cursor:pointer;
	}
	
	
	
	/* accordion header */
	.accordion h2.m {
		background:#ccc url(../images/h30m.png);
		margin:0;
		padding:5px 15px;
		font-size:15px;
		font-weight:normal;
		color:#FFFFFF;
		cursor:pointer;
	}	
	
	
	
	/* accordion header */
	.accordion h2.b {
		background:#ccc url(../images/h30b.png);
		margin:0;
		padding:5px 15px;
		font-size:15px;
		font-weight:normal;
		color:#FFFFFF;
		cursor:pointer;
	}	
		
	
	
	
	/* currently active header */
	.accordion h2.current {
		cursor:default;
		background-color:#fff;
	}
	
	/* accordion pane */
	.accordion div.pane {
		display:none;
		height:130px;
		padding:15px;
		overflow:hidden;
		color:#666;
		font-size:12px;
	}
	
	.droite_accordion { width:100px; float:right; }
	.left { text-align:left; }
	.droite_acc { width:180px; float:left; }
	.txt_mini_gris { padding:0px; margin:0px; color:#666666; font-size:10px; }
	.sep_acc { border-bottom:solid 1px #999999;  margin-top:5px; padding-bottom:5px; }
	.sep_acc2 {  margin-top:5px; padding-bottom:5px; }
	
.vide { text-align:center; font-size:11px; color:#999999; }





/* simple css-based tooltip */
.tooltip {
	background-color:#010a12;
	border:1px solid #bef4ff;
	padding:10px 15px;
	margin-left:-470px;
	width:200px;
	display:none;
	color:#bef4ff;
	z-index:99999;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}



/* Page catégories */
#gauche { width:160px; float:left; margin-top:10px; }
#menucat  { text-align:right;  }
#menucat a { color:#13497e; font-weight:bold; text-decoration:none; display:block; margin-bottom:3px;}
#menucat a:hover { color: #312F46; font-weight:bold; text-decoration:none; display:block;}

div.sc_menu_wrapper {
	position: relative; 	
	height: 300px;
	background-image:url(../images/fondmenuscroll.jpg);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:20px;
	margin-bottom:30px;
	/* Make bigger than a photo, because we need a place for a scrollbar. */
	
	margin-top: 5px;
	overflow: auto;
}
div.sc_menu {
	padding: 15px 0;
}


.sc_menu_wrapper .loading {
	position: absolute;
	top: 50px;
	left: 10px;
	
	margin: 0 auto;
	padding: 10px;

	width: 100px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
	
	text-align: center;
	color: #fff;
	border: 1px solid rgb(79, 79, 79);
	background: #1F1D1D;
}

.titremenu_gauche { font-size:18px; margin:5px; color:#000; }
.sous_titremenu_gauche { font-size:14px; margin:5px 0px 0px 0px; color:#052544; border-bottom: dotted 2px #CCCCCC; padding-bottom:5px; }


#col_list { width:480px; float:left;  padding:15px; }
#col_list_actu { width:780px; float:left;  padding:15px; }
#col_list_page { width:775px; float:left;  padding:15px; }
#col_list_droite { width:300px; float:right; }

.ligne_tour_paire {  background-image:url(../images/fdlistbleufonce.gif); background-repeat:repeat-x;  }
.ligne_tour_impaire {  background-image:url(../images/fdlistbleu.gif); background-repeat:repeat-x;  }
.ligne_tour_promo {  background-image:url(../images/fdlistbleupromo.gif); background-repeat:repeat-x; border:solid 1px #eeeeb8;   }



.ligne_tour_paire_actu {  background-image:url(../images/fdlistbleufonce.gif); background-repeat:repeat-x;  }


.h1titrelist { padding-left:25px; border-bottom:dashed 1px #d1d7e5; padding-bottom:0px; margin-bottom:5; }


.page_no {
font-size:11px; color:#999999; margin-bottom:15px; text-align:right; float:right;
}

.favoris_list { width:25px; height:70px; float:left; }
.imagelist { width:80px; height:70px; float:left; padding:1px; }
.imagelist img { border:solid 1px #d9ddec; }
.text_liste { width:260px; height:65px; float:left; margin-left:10px; margin-top:5px; }
.text_liste_actu { width:680px; height:65px; float:left; margin-left:10px; margin-top:5px; }
.bouton_liste { width:80px; height:40px; float:left; margin-left:10px; padding-top:30px; }

.txt_gris_p { margin:2px 0px 0px 0px; padding:0; overflow:hidden; display: block; height:12px; max-height:12px; font-size:11px; color:#666666; }
.vote_gris_p { margin:3px 0px 0px 0px;  padding:0; overflow:hidden; display: block; font-size:11px; color:#999; }


a.titre_radio_vert{
	color: #0a4084;
	clear:both;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	text-decoration:none;
	text-align:left;
	cursor: pointer;
}

a.titre_radio_vert:hover{
	color: #000;
}


.categorylist{
	color: #666;
	clear:both;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	text-decoration:none;
	text-align:left;
}





#d_300 { margin-bottom:10px; }
.ligne_tour_col_droite_paire { height:35px; margin-bottom:1px; padding:1px; border-bottom:dotted 1px #CCCCCC; background-color:#e9ecf5;  padding-left:13px;}
.ligne_tour_col_droite_impaire{ height:35px; margin-bottom:1px; padding:1px; border-bottom:dotted 1px #CCCCCC; background-color:#dbe0ed; padding-left:13px; }
.ligne_imagelist { width:40px; height:30px; float:left;  }
.ligne_text_liste { width:230px; height:35px; float:left; margin-left:10px;  }
.ligne_text_numero { width:1px; height:27px; float:left; font-size:15px; padding:8px 5px 0px 0px; color: #0a4084; font-weight:bold; }

.titre_radio_bleu_mini{
	color: #0a4084;
	clear:both;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	text-decoration:none;
	text-align:left;
	cursor: pointer;
	display:block;
	padding-top:5px;
}

.txt_gris_p_mini { margin:0px; overflow:hidden; display: block; height:12px; max-height:12px; font-size:10px; color:#666666; }

.pub300list { border:solid 1px #CCCCCC; margin-bottom:15px; }
.facebook300 { margin-top:15px; }

/* start pagination */
.pagination {

	margin: 8px;
	position: relative;

	width: 100%;
	overflow: hidden;
	line-height: 21px;
	color: #444;
	font-size: 12px;
}

.pagination  {
	float: left;
	color: #444;
	font-size: 12px;
	white-space: nowrap;
	display: block;
	padding: 0 0 0 10px;
}



.pagination form {
	float: right;
	margin: 0;
	padding: 0;
}

.pagination fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
}

.pagination label {
	float: left;
	display: block;
	padding: 0 5px 0 0;
}

.pagination .pag_inputs {
	float: left;
	padding: 1px 0 0;
}

.pag_list {
	padding-top:20px;
	padding: 0;
	float: left;
}

.pag_list li {
	float: left;
	list-style: none;
	padding: 0 10px 0 0;
	color: #939292;
	font-weight: bold;
}

.pag_list a:link, .pag_list a:visited,  .pag_list a:active {
	color: #123467;
	display: block;
	line-height: 17px;
	margin: 2px 0 0 0;}

.pag_list a:hover {
	color: #3b99cd;
	display: block;
	line-height: 17px;
	margin: 2px 0 0 0;}



.pag_list .current_page:link, 
.pag_list .current_page:visited, 
.pag_list .current_page:hover, 
.pag_list .current_page:active {
	color: #fff;
	display: block;
	line-height: 17px;
	margin: 2px 0 0 0;
}

.pag_list .current_page span {
	display: block;
	background-color:#123467;
	
	
	
}

.pag_list .current_page span span {
	background-color:#123467;
	padding: 0 5px;
}





/* end pagination */


         /** Your loading class **/

         .loading{
             background-image: url('../images/loading.gif');
          }




/*Container*/
.ratingBox{display:inline-block}
/*Form*/
.ratingBox form{
	padding:0px; margin:0px; overflow:hidden; border:none;
	position:relative;
}
/*Average Rating*/
.ratingBox .rAverage{
	height:100%;
	z-index:1;
}
/*Loading Image*/
.ratingBox .rLoad{background:url(../js/vote/SimpleRatings/images/rLoading.gif) center no-repeat; height:100%; width:100%;}
/*Form buttons*/
.ratingBox input{
	padding:0px; margin:0px; border:none; background:none;
	position:absolute; left:0px;
	height:100%;
	text-indent:-300px;
	cursor:pointer;
}
.ratingBox input:active, .ratingBox input:focus{outline:none;}
/*Text*/
.ratingBox p{
	padding:0px; margin:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
}
/*Total votes and current average*/
.ratingBox .rtxtL{float:left}
.ratingBox .rtxtR{float:right}


/*---------- Style: small ----------*/
/*Form*/
.ratingBox .smallRS{background:url(../js/vote/SimpleRatings/images/small/rElements.png) repeat-x}
/*Rating Element*/
.ratingBox .smallRS input:hover{background:url(../js/vote/SimpleRatings/images/small/rElements.png) bottom left repeat-x}
/*Average Rating*/
.ratingBox .smallRS .rAverage{background:url(../js/vote/SimpleRatings/images/small/rElements.png) center left repeat-x}
/*Text*/
.ratingBox .smallRSp{display:none}

/*---------- Style: large ----------*/
/*Form*/
.ratingBox .largeRS{background:url(../js/vote/SimpleRatings/images/large/rElements.png) repeat-x}
/*Rating Element*/
.ratingBox .largeRS input:hover{background:url(../js/vote/SimpleRatings/images/large/rElements.png) bottom left repeat-x}
/*Average Rating*/
.ratingBox .largeRS .rAverage{background:url(../js/vote/SimpleRatings/images/large/rElements.png) center left repeat-x}
/*Text*/
.ratingBox .largeRSp{display:block}

li { list-style:none; list-style-position: inside; }

.tour_fiche { height:160px;  }
.tour_fiche_img { width:140px; height:140px; float:left; margin-right:20px; }
.tour_fiche_txt { width:320px;  height:160px; float:left; }
.h1titrefiche {  margin-bottom:5px; }
.radio_description { font-size:12px; }
.img_bouton { clear:both; display:block; margin-top:8px; }
.desc_radio { display:block; padding:10px; background-color:#fff; background-image:url(../images/fddesc.gif); background-repeat:repeat-x; color:#666; font-weight:normal; }
.strong_desc  {  color:#0a2641; font-weight:bold; display: block; margin-bottom:10px;}
.txt_radio { display:block; padding:0px 10px 0px 10px; background-color:#fff; background-repeat:repeat-x; color:#000; font-weight:normal; }

.areaselect { background-color:#FFFCCE; padding:5px; margin:10px 0px 10px 0px; border:solid 1px #CCCC66; display:block; width:98%;  }
.formcopier { background-color: #F4F2F3; padding:5px; margin:10px 0px 10px 0px; border:solid 1px #ccc;  }