body {
background-color:#434343;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#header {
width:761px;
}

#conteneur {
position: absolute;
width: 761px;
left: 50%;
margin-left: -375px;
}
#conteneur_index {
position: absolute;
width: 400px;
left: 50%;
margin-left: -230px;
top:100px;
text-align:center;
}
#gris-centre{
  font:Bold 10px/12px verdana, arial, sans-serif;
  margin: 0;
  color:#E5E5E5;
}
#page_haut_haut {
	  background:url("images/page_haut_haut.jpg") no-repeat;
	  width:761px; 
	  height:95px;
  	  position:absolute;
	  top:0px;  
  	  left:0px;
	  margin:0;
}
#page_haut_gauche {
	  background:url("images/page_haut_gauche.jpg") no-repeat;
	  width:270px; 
	  height:13px;
  	  position:absolute;
	  top:95px;  
  	  left:0px;
	  
}
#page_haut_btn1 {
	  background:url("images/page_haut_btn.gif") no-repeat;
	  width:65px; 
	  height:13px;
  	  position:absolute;
	  top:95px;  
  	  left:270px;
	  font:8px/9px arial, sans-serif;
	  color:#FFFFFF;
	  text-align:center;
	  line-height: 160%;
}
#page_haut_btn2 {
	  background:url("images/page_haut_btn.gif") no-repeat;
	  width:60px; 
	  height:13px;
  	  position:absolute;
	  top:95px;  
  	  left:335px;
	  font:8px/9px arial, sans-serif;
	  color:#FFFFFF;
	  text-align:center;
	  line-height: 160%;
}
#page_haut_btn3 {
	  background:url("images/page_haut_btn.gif") no-repeat;
	  width:55px; 
	  height:13px;
  	  position:absolute;
	  top:95px;  
  	  left:395px;
	  font:8px/9px arial, sans-serif;
	  color:#FFFFFF;
	  text-align:center;
	  line-height: 160%;
}
#page_haut_droit {
	  background:url("images/page_haut_droit.jpg") no-repeat;
	  width:311px; 
	  height:13px;
  	  position:absolute;
	  top:95px;  
  	  left:450px;
	  
}
#page_haut_bas {
	  background:url("images/page_haut_bas.jpg") no-repeat;
	  width:761px; 
	  height:57px;
  	  position:absolute;
	  top:108px;  
  	  left:0px;
	  
}
#page_haut_bas p {
	  color:#585858;
	  font:bold 11px/11px arial, sans-serif;
	  text-align:justify;
	  margin:5px;
	  padding:0px 120px 0px 120px;
	  line-height: 115%;
}



#conteneur_bas {
	  position: absolute;
	  width: 761px;
	  left: 50%;
	  margin-left: -375px;
}

#page_centre_gauche {
	  background:url("images/page_centre_gauche.jpg") no-repeat;
	  width:113px; 
	  height:151px;
  	  position:absolute;
	  top:165px;  
  	  left:0px;
}
#page_centre_milieu {
	  background:url("images/page_centre_milieu.jpg") no-repeat;
	  width:535px; 
	  height:151px;
	  position:absolute;
	  top:165px;  
  	  left:113px;
}
#page_centre_droit {
	  background:url("images/page_centre_droit.jpg") no-repeat;
	  width:113px; 
	  height:151px;
	  position:absolute;
	  top:165px;  
  	  left:648px;
}



#page_bas {
  background:url("images/page_bas_fond.gif") repeat-y;
  width:761px;
  position:absolute;
  top:316px;  
  left:0px;
  z-index:1;  
}
	#page_bas .haut {
	  background:url("images/page_bas_haut.jpg") no-repeat;
	  width:761px; 
	  height:12px;
	}
#page_bas_bas {
	  position: absolute;
	  background:url("images/page_bas_bas.gif") bottom no-repeat;
	  width:761px; 
	  height:13px;
	  bottom: -1px;
	}
	#page_bas .contenu {
	  margin:0;
	  padding:0;
	}
.spacer {
  clear: both;
}

#conteneurNewsGenreClassmt {
position: relative;
margin-left: auto;
margin-right: auto;
width: 514px;
}



#news {
  background:url("images/news_fond.gif") repeat-y;
  width:158px;
  top:0px;  
  left:0px;
  float: left;
  z-index:2;  
}
	#news .haut {
	  background:url("images/news_haut.jpg") no-repeat;
	  width:158px; 
	  height:43px;
	  }
	#news .haut_FAQ {
	  background:url("images/FAQ_titre_outils.jpg") no-repeat;
	  width:158px; 
	  height:43px;
	  }
	.titre_bloc_G {
	  position:absolute;
	  color:#FFFFFF;
	  width:158px;
	  font:bold 9px verdana, arial, sans-serif;
	  text-align: center;  
	  padding:22px 0px 0px 0px;
	  }
	#news .bas {
	  background:url("images/news_bas.gif") bottom no-repeat;
	  width:158px; 
	  height:7px;
	  }
	#news .contenu {
	  padding:0px 0px 0px 5px;
	  }
	#news .contenu h6{
	  color:#434343;
	  font:11px verdana, arial, sans-serif;
	  text-align:center;
	  margin:4px;
	  padding:0px 15px 0px 0px;
	  }
	#news .contenu h5 {
	  color:#00174F;
	  margin:2px;
	  font: 9px/10px verdana, arial, sans-serif;
	  display:inline;
	  }
	#news .contenu h4 {
	  color:#4C4C4C;
	  margin:3px;
	  font:9px/10px verdana, arial, sans-serif;
	  }
	.genre  { 
	  text-align:center;
	  color:#4C4C4C;
	  font:10px/10px verdana, arial, sans-serif;
	  line-height: 200%; /*pour l'interlignage*/
	  margin: 0 0 0 0;
	  }
	.genre_FAQ  { 
	  text-align:center;
	  color:#4C4C4C;
	  font:10px/10px verdana, arial, sans-serif;
	  margin: 0 0 0 0;
	  }
	.titre_outils {
	  width:158px;
	  }
	.genre span { /*pour les majuscules*/
	  font:bold 16px/15px verdana, arial, sans-serif;
	  }




#genre {
  background:url("images/genre_fond.gif") repeat-y;
  width:356px;
  float: right;
  z-index:2; 
	}
	#genre .haut {
	  background:url("images/genre_haut.gif") no-repeat;
	  width:356px; 
	  height:7px;
	}
	#genre .haut_DW_webradio {
	  background:url("images/DW_titre_webradio.jpg") no-repeat;
	  width:356px; 
	  height:47px;
	}
	#genre .haut_DW_webradio .titre_webradio{
	  font:bold 11px/12px verdana, arial, sans-serif;
	  color: #910260;
	  padding: 13px 0 0 35px;
	}
	#genre .haut_DW_commentaire {
	  background:url("images/DW_titre_commentaires.jpg") no-repeat;
	  width:356px; 
	  height:30px;
	}
	#genre .bas {
	  background:url("images/genre_bas.gif") bottom no-repeat;
	  width:356px; 
	  height:6px;
	}
	#genre .contenu {
	  margin:0 0px 0 15px;
	  padding:0px 0px 0px 0px;
	}
	#genre .contenu p {
	  text-align: justify;
	  padding: 0px 10px 0px 0px;
	  color:#4C4C4C;
	  font:11px/12px verdana, arial, sans-serif;
	}
	.GenreTitre {
	  color:#585858;
	  display: inline;
	  font:9px/10px verdana, arial, sans-serif;
	  margin:0px;
	}
		.colonne1 {
		float: left;
		width: 33%;		
		}
		.colonne2 {
		float: left;
		width: 33%;
		}
		.colonne3 {
		float: left;
		width: 33%;
		}
			
	
#img_titre_bloc_D {
  background-image: url("images/genre_titre.jpg");
  background-image: no-repeat;
  width: 356px;
  height: 29px;
  float: right;
  z-index:2;
  margin-bottom: 1px; 
}
#img_titre_bloc_D2 {
  background-image: url("images/classmt_titre.jpg");
  background-image: no-repeat;
  width: 356px;
  height: 29px;
  float: right;
  z-index:2;
}
#img_titre_bloc_D3 {
  background-image: url("images/FAQ_titre_faq.jpg");
  background-image: no-repeat;
  width: 356px;
  height: 33px;
  float: right;
  z-index:2;
}
.img_titre_bloc_D4 {
  background-image: url("images/contact_box.jpg");
  background-image: no-repeat;
  width: 356px;
  height: 37px;
  float: right;
  z-index:2;
}
#img_titre_bloc_D5 {
  background-image: url("images/DW_titre_commentaires.jpg");
  background-image: no-repeat;
  width: 356px;
  height: 35px;
  float: right;
  z-index:2;
}
.txt_titre_bloc_D {
  width:285px;
  font:Bold 11px/12px verdana, arial, sans-serif;
  color:#30CA00;
  margin: 0;
  padding: 13px 0 0 50px;
}
.txt_titre_bloc_D_detail {
  width:285px;
  font:Bold 11px/12px verdana, arial, sans-serif;
  color:#30CA00;
  margin: 0;
  padding: 13px 0 0 40px;
}
.txt_titre_bloc_D_detail span {
  color: #910260;
}
.txt_titre_large {
  width:475px;
  font:Bold 11px/12px verdana, arial, sans-serif;
  color:#30CA00;
  margin: 0;
  padding: 13px 0 0 50px;
}
.txt_titre_large  span{
 color:#910260;
}
#classmt {
  background:url("images/classement_contenu.gif") no-repeat;
  height:171px;
  width:356px;
  float: right;
  z-index:2; 
  margin-top: 3px;
  padding-bottom: 10px; 
  	}
	#classmt p{
	  color:#585858;
	  font:12px/14px verdana, arial, sans-serif;
	  text-decoration:none;
	  margin:50px 16px 0 11px;
	 }
#conteneurClassmt {
margin: 2px 0 0 17px;
width: 320px;
height: 163px;
}
.classmtLignesG {
float: left;
width: 143px;
margin: 7px 0 0 3px;
}
.classmtLignesD {
float: left;
width: 139px;
margin: 7px 0 0 32px;
}
.classmtImg {
width: 22px;
height: 22px;
float: left;
}
.conteneurTitreGenre {
float: left;
margin: 0;
padding: 0 0 0 3px;
}
.classmtTitre {
font:9px/12px verdana, arial, sans-serif;
color:#910260;
margin: 0;
padding: 0;
}
.classmtGenre {
font:8px/12px verdana, arial, sans-serif;
color:#000000;
margin: 0;
padding: 0;
}








.gp_webradios {
  width:356px; 
  z-index:2; 
  float: left;
	}
.titre_genre {
  background:url("images/LW_genre_titre.jpg") no-repeat;
  width:356px;
  height:34px;
  float:left;
	}
.webradio {
  background:url("images/LW_webradio.gif") no-repeat;
  width:356px; 
  height:34px;
  float:left;
	}
.imgwebradio {
  padding : 6px 0 0 12px;
  
  	}
.titre_vert {
  font:Bold 11px/12px verdana, arial, sans-serif;
  color:#30CA00;
  margin: 0;
  padding: 13px 0 0 45px;	
	}
.conteneurNote {
  position: absolute;
  right: 0;
  margin-right: 5px;
 	}
.conteneurNoteTexte {
  position: absolute;
  margin: 0 60px 0 0;
  padding: 0 0 0 0;
  line-height: 90%;
  right: 0;
  width: 70px;
}
.noteTitre {
  font:9px/12px verdana, arial, sans-serif;
  color:#4C4C4C;
  display: inline;
  margin: 0;
  padding: 0;

}
.noteTitre span {
  font:Bold 9px/10px verdana, arial, sans-serif;
}
#img_over{
border:none;
text-decoration:none;
margin-top: 9px;
}
#img_over2{
display: block;
border:none;
text-decoration:none;
margin-top: 9px;
}
#img_over3{
border:none;
text-decoration:none;
}
.detail_webradio {
  width: 330px;
  margin-bottom: -25px;  
}
#detail_webradio_img {
float: left;
}
.conteneurNoteTexte_DW {
  float: left;
  margin-left: 7px;
  padding: 0 0 0 0;
  line-height: 90%;
  width: 105px;
}
.pouce {
  float: right;
  right: 100px;
}
.noter {
  font:9px/12px verdana, arial, sans-serif;
  color:#868686;
  overflow: hidden;
  clear: both; /* pour faire descendre "Site Internet" */
  display: block; /* pour faire descendre "Noter cette webradio" */
	}
.noterCommentaires { 
  color:#4C4C4C;
  font:11px/12px verdana, arial, sans-serif;
  text-align: justify;
  padding: 5px 15px 8px 0!important; /* pour firefox (firefox interprète !important et prend donc cette propriété) */
  padding: 5px 15px 0 0; /* pour IE (IE ne n'interprète pas !important et prend la propriété suivante) */
  overflow: hidden;
}
.lire { 
  width: 78px;
  color:#4C932B;
  font:Bold 10px/12px verdana, arial, sans-serif;
  text-align:center;
}





#commentaire {
  background:url("images/genre_fond.gif") repeat-y;
  width:356px; 
  float: right;
  z-index:2; 
}
	#commentaire .bas {
	  background:url("images/genre_bas.gif") bottom no-repeat;
	  width:356px; 
	  height:6px;
	}
	#commentaire .haut {
	  background:url("images/genre_haut.gif") no-repeat;
	  width:356px; 
	  height:7px;
	}
	#commentaire .contenu {
	  padding: 5px 15px!important;
	  padding: 0 15px;
	  text-align: justify;
	  color: #4C4C4C;
	  font: 11px/12px verdana, arial, sans-serif;
	  overflow: hidden;
	}
	.haut_DW_commentaire {
	  background:url("images/DW_titre_commentaires.jpg") no-repeat;
	  width:356px; 
	  height:30px;
 	  float: right;
 	  z-index:2; 
	}
	.ajout_comm {
	  font:9px/12px verdana, arial, sans-serif;
  	  color:#868686;
	  margin-left: 65px;
	}








	
.haut_FAQ_titre {
  float: right;
  z-index:2; 
  width:356px; 
  height:35px;
}
.haut_FAQ_sujet {
  background:url("images/FAQ_titre_sujet.gif") no-repeat;
  float: right;
  z-index:2; 
  width:356px; 
  height:24px;
}
.haut_FAQ_sujet p {
  font:9px/12px verdana, arial, sans-serif;
  color:#30CA00;  
  margin: 0;
  padding: 7px 0 0 17px;
}







#gd_cadre_titre {
  background:url("images/NC_titre.jpg") no-repeat;
  width: 514px; 
  height: 37px;
  float: left;
  z-index:2; 
}
#gd_cadre {
  background:url("images/NC_fond.gif") repeat-y;
  width:514px; 
  float: left;
  z-index:2; 
}
	#gd_cadre .NC_haut {
	  background:url("images/NC_haut.gif") no-repeat;
	  width:514px; 
	  height:8px;
	}
	#gd_cadre .NC_contenu {
	  padding: 5px 15px!important;
	  padding: 0 15px;
	}
	#gd_cadre .NC_bas {
	  background:url("images/NC_bas.gif") bottom no-repeat;
	  width:514px; 
	  height:8px;
	}

.page_num {
  color:#4C4C4C;
  font:bold 10px/12px verdana, arial, sans-serif;
  text-align: center;
}	
.page_num span {
  font:bold 8px/12px verdana, arial, sans-serif;
}	
	
	
.langue {
 float: left;
 z-index:2;
 text-align: center;
 color:#000000;
 font:9px/10px verdana, sans-serif;
 width:514px;
}	



#conteneur_note {
background:url("images/note_fond.gif") no-repeat;
position: absolute;
width: 450px;
height: 175px;
left: 50%;
margin-left: -250px;
top:100px;
}
#conteneur_droit {
float:left;
display: inline;
width: 280px;
}
#conteneur_note_img {
float:left;
margin-top:25px;
margin-left: 20px;
margin-right:0px;
}
.conteneur_titre_note {
 font: bold 12px/10px verdana, sans-serif;
 margin-top:25px;
 text-align: center;
 }
 .conteneur_titre_note_couleur {
 color: #760000;
 }
.conteneur_commentaire_note {
 padding: 10px 5px 10px 5px;
 color:#4C4C4C;
 font:10px/10px verdana, sans-serif;
 text-align: justify;
 }
#retour {
 height: 20px;
 color:#000000;
 font: Bold 9px/10px verdana, sans-serif;
 text-align: center;
}
.popup_text {
 padding: 25px 10px 0 10px;
font: Bold 11px/10px verdana, sans-serif;
text-align: justify;
color: #FFFFFF;
line-height : 150%;
}
#popup_fermer {
font: 10px/10px verdana, sans-serif;
text-align: center;
color: #FFFFFF;
}

A {color:#585858; text-decoration:none; }
A:hover { text-decoration:underline;}