@charset "UTF-8";

*{
margin:0;
padding:0;
}

body {
text-align: center;
	background: #01265d;
}

html{
	background: #01265d;	
}

fieldset{
width:94%;
min-height:100px;
border:thin dashed;
border-color:#c2a3ee;
color:#01265d;
font-family:arial;
font-size:12px;
margin:20px 20px 20px 20px;
font-weight:bold;
background:#f6f0ff;
}
.champlabel{
width:110px;
padding-right:30px;
padding-left:30px;
float:left;
line-height:10px;
}
.champtexte{
float:left;
line-height:10px;
}
#capture{
width:580px;
height:100px;
clear:both;
padding-left:25px;
}

#titrehit150{
	font-size:14px;
}

h1{
	font-weight:bold;
	color:#ffffff;
	font-family:arial;
	font-size:34px;
	padding:12px 0 6px 0;
}

h2{
	font-weight:normal;
	color:#866800;
	font-family:arial;
	font-size:22px;
}
h2 a:link, h2 a:visited, h2 a:active{
	color:#866800;
	font-family:arial;
	font-size:22px;
}

h2 a:hover{
	color:#6e4997;
	font-family:arial;
	font-size:22px;
}


h3{
	font-weight:normal;
	color:#ffffff;
	font-family:arial;
	font-size:16px;
	padding:5px 0 2px 15px;
}

h4{
	font-weight:normal;
	color:#866800;
	font-family:arial;
	font-size:20px;
}

h5{
	font-weight:normal;
	font-size:20px;
	padding-top:9px;
}


p{
	color:#335e89;
	font-family:arial;
	text-align:justify;
}
p a:link, p a:visited, p a:active{
font-family:arial;
color:#7F4CB5;
font-size:12px;
text-decoration:none;
}

p a:hover{
	font-size:12px;
	color:#d49dec;
}
span{
	color:#01265d;
	font-family:arial;
	font-size:14px;
}
strong{
	font-family:arial;
	color:#21305d;
}
#fond{	
	width:980px;
	min-height:1000px;
	margin: auto;
	text-align: left;
}

#fondcontent{	
	width:980px;
	min-height:1000px;
	margin: auto;
	text-align: left;
	background: #e2e2e2;
}

#bandeau{	
	width:980px;
	height:144px;
	background-image: URL(../images/bandeau_02.jpg);
	background-repeat: no-repeat;
	
}
#index{	
	width:600px;
	height:30px;
	text-align:left;
	padding-top:50px;
	padding-left:360px;
}

#bandeau a:link, #bandeau a:visited, #bandeau a:active{
font-family:arial;
color:#ffffff;
font-size:11px;
text-decoration:none;
}

#bandeau a:hover{
	font-size:11px;
	color:#ffffff;
}

a:link, a:visited, a:active{
font-family:arial;
color:#ffffff;
font-size:11px;
text-decoration:none;
}

a:hover{
font-size:11px;
	color:#d49dec;
}
#liens{	
	width:638px;
	height:20px;
	padding-left:280px;
	padding-right:62px;
}
.menu{
	font-family:arial;
	color:#d49dec;
	font-size:12px;
	margin-left:14px;
	float:left;
	
}
.menu1{
	float:left;
	margin-left:18px;
	margin-right:2px;
}
#centre{	
	width:750px;
	min-height:1300px;

	float:left;
	padding:14px 0 0 15px;
}
#centre1{	
	width:750px;
	min-height:1300px;

	float:left;
	padding:14px 0 0 15px;
}
#pub1{	
	width:735px;
	min-height:50px;
	padding-left:11px;
}

#thisweek{	
	width:340px;
	min-height:260px;
	padding:14px 14px 14px 14px;
	background:#ffffff;
	float:left;
	margin-bottom:14px;
}

#bloctexte{	
	width:182px;
	min-height:50px;
	float:left;
}

#photo1{
	padding-left:10px;
	width:147px;
	min-height:50px;
	float:left;
}

#infocus{	
	width:340px;
	min-height:260px;
	padding:14px 14px 14px 14px;
	background:#ffffff;
	float:left;
	margin-left:14px;
	margin-bottom:14px;
}

#photo2{
	width:110px;
	min-height:50px;
	float:left;
}

#chart{	
	width:217px;
	min-height:50px;
	float:left;
	padding-left:10px;
}


#article{	
	width:722px;
	min-height:200px;
	padding:14px 14px 0px 14px;
	clear:both;
	//background:#ffffff;
	background-image: URL(../images/alexandrastan.jpg);
	background-repeat: no-repeat;
	color:#6e4997;
	font-family:arial;
	font-size:12px;
	margin-bottom:14px;
}
#classements{	
	width:722px;
	min-height:1720px;
	padding:14px 14px 14px 14px;
	clear:both;
	background:#ffffff;
	margin-bottom:14px;
	font-size:12px;
}
#textarticle{	
	padding-left:290px;
	padding-right:10px;
	line-height:16px;
}

#formul{	
	width:722px;
	min-height:1200px;
	padding:14px 14px 14px 14px;
	background:#ffffff;
}

fieldset a:link, fieldset a:visited, fieldset a:active{
font-family:arial;
color:#01265d;
font-size:13px;
text-decoration:none;
}

fieldset a:hover{
	font-size:13px;
	text-decoration:underline;
}


#clips a:link, #clips a:visited, #clips a:active{
font-family:arial;
color:#01265d;
font-size:13px;
text-decoration:none;
}

#clips a:hover{
	font-size:13px;
	text-decoration:underline;
}
.commentaire a:link, .commentaire a:visited, .commentaire a:active{
font-family:arial;
color:#01265d;
font-size:11px;
text-decoration:none;
}

.commentaire a:hover{
	font-size:11px;
	text-decoration:underline;
}

//Noms de pays pour Planetcharts
//#fondcharts2 a:link, #fondcharts2 a:visited, #fondcharts2 a:active{
//font-family:arial;
//color:#8c2710;
//font-size:18px;
//text-decoration:none;
//}
//
//#fondcharts2 a:hover{
//	font-size:18px;
//	text-decoration:underline;
//}

strong a:link, strong a:visited, strong a:active{
font-family:arial;
color:#21305d;
font-size:12px;
text-decoration:none;
}

strong a:hover{
	font-size:12px;
	text-decoration:underline;
}

.clip{	
	width:335px;
	min-height:200px;
	float:left;
	padding-left:15px;
	text-align:center;
}
.ligne{	
	width:720px;
	height:60px;
	clear:both;
}

#blocviolet{
	width:100%;
	height:28px;
	background-image: URL(images/violet.jpg);
	background-repeat: y-repeat;
}

#blocviolet1{
	width:100%;
	height:28px;
	background-image: URL(images/violet.jpg);
}

.blocviolet2{
	width:100%;
	height:28px;
	background-image: URL(images/violet.jpg);
}
.bloc{
	width:360px;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#6e4997;
	float:left;
	padding-bottom:5px;
}
.bloc1{
	width:360px;
	height:35px;
	background-image: URL(../images/chartfx1.jpg);
	float:left;
	padding-bottom: 5px;
}
.bloc2{
	width:360px;
	height:35px;
	background-image: URL(../images/chartfx.jpg);
	float:left;
	padding-top:20px;
	padding-bottom: 5px;
}
.bloc3{
	width:720px;
	height:50px;
	background-image: URL(../images/chartfx.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#6e4997;
	float:left;
	padding-bottom:5px;
}
.place{
	width:50px;
	height:40px;
	float:left;
	text-align:center;
	padding-top:10px;
	background-image: URL(../images/chartfx.jpg);
}
.artist{
	width:230px;
	height:38px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#335e89;
	margin-left:10px;
	float:left;
	padding-top:8px;
	line-height:16px;

}
.cover{
	width:50px;
	height:52px;
	float:left;
	margin-bottom:2px;
}

#blocviolet3{
	width:100%;
	height:28px;
	background-image: URL(images/violet.jpg);
}


#droite{	
	width:184px;
	min-height:1248px;
	padding-top:14px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;

	float:left;
}
#blocblanc{	
	width:184px;
	min-height:700px;
	padding-bottom:5px;
	background:#ffffff;
	background-repeat: no-repeat;
}
#recherche{	
	width:160px;
	min-height:40px;
	padding-left:12px;
	text-align:center;
}

.webradio{	
	width:152px;
	height:240px;
	padding:10px 16px 0 16px;
}

.webradio1{	
	width:152px;
	min-height:210px;
	padding:0 16px 0 16px;
}

.webradio2{	
	width:152px;
	min-height:10px;
	padding:0 16px 0 16px;
}

#pub2{	
	width:153px;
	min-height:250px;
	padding-left:31px;
	margin-bottom:10px;
}
#affiliates{
	padding:20px 16px 20px 16px;
	width:120px;
	min-height:200px;
	font-size:12px;
}

#affiliates a:link, #affiliates a:visited, #affiliates a:active{
font-family:arial;
color:#01265d;
font-size:13px;
text-decoration:none;
}

#affiliates a:hover{
	font-size:13px;
	text-decoration:underline;
}

#pied1{	
	padding-top:10px;
	background: #01265d;
	clear:both;
	width:980px;
	min-height:10px;
	margin: auto;
	text-align: center;
	font-family:arial;
	color:#ffffff;
	font-size:11px;
}
#pied1 a:link, #pied1 a:visited, #pied1 a:active{
font-family:arial;
color:#ffffff;
font-size:11px;
text-decoration:none;
}

#pied1 a:hover{
	font-size:11px;
	color:#d49dec;
}


#pied2{	
	padding-top:20px;
	margin-bottom:20px;
	background: #01265d;
	width:980px;
	min-height:145px;
	color:#ffffff;
	font-family:arial;
	font-size:16px;
}
#rss{	
	background: #01265d;
	width:108px;
	height:105px;
	background-repeat: no-repeat;
	float:left;
}
#airplay{	
	padding-top:40px;
	width:122px;
	height:105px;
	float:left;

}
#digital{	
	padding-top:40px;
	width:122px;
	height:105px;
	float:left;
}
#singles{	
	padding-top:40px;
	width:122px;
	height:105px;
	float:left;
}
.cut{	
	padding-top:40px;
	width:122px;
	height:105px;
	float:left;
}

a img{
	border:none;
}

#euroairplay{	
	width:750px;
	min-height:1350px;

	float:left;
	padding:14px 0 14px 15px;
}
#eurodigital{	
	width:750px;
	min-height:1350px;

	float:left;
	padding:14px 0 14px 15px;
}
#eurosingles{	
	width:750px;
	min-height:1350px;

	float:left;
	padding:14px 0 14px 15px;
}
#italiaairplay{	
	width:750px;
	min-height:1350px;

	float:left;
	padding:14px 0 14px 15px;
}
#italiadigitale{	
	width:750px;
	min-height:1350px;

	float:left;
	padding:14px 0 14px 15px;
}
#germanydigital{	
	width:750px;
	min-height:1350px;

	float:left;
	padding:14px 0 14px 15px;
}
#sverigeairplay{	
	width:750px;
	min-height:1350px;

	float:left;
	padding:14px 0 14px 15px;
}
#ukairplay{	
	width:750px;
	min-height:1350px;

	float:left;
	padding:14px 0 14px 15px;
}
#francedigital{	
	width:750px;
	min-height:1350px;

	float:left;
	padding:14px 0 14px 15px;
}
#polskaairplay{	
	width:750px;
	min-height:1350px;

	float:left;
	padding:14px 0 14px 15px;
}
#romaniaairplay{	
	width:750px;
	min-height:1350px;

	float:left;
	padding:14px 0 14px 15px;
}
#usaairplay{	
	width:750px;
	min-height:5600px;

	float:left;
	padding:14px 0 14px 15px;
}
#euroairplay1{	
	width:750px;
	min-height:5600px;

	float:left;
	padding:14px 0 14px 15px;
}
#topfrance{	
	width:750px;
	min-height:5600px;

	float:left;
	padding:14px 0 14px 15px;
}
#hit150{	
	width:750px;
	min-height:5600px;

	float:left;
	padding:14px 0 14px 15px;
}
#hit150commentaire{	
	width:750px;
	min-height:1000px;

	float:left;
	padding:14px 0 14px 15px;
}
#euroclubs{	
	width:750px;
	min-height:5600px;

	float:left;
	padding:14px 0 14px 15px;
}
#costaricatop30{	
	width:750px;
	min-height:600px;

	float:left;
	padding:14px 0 14px 15px;
}
#argentinasingles{	
	width:750px;
	min-height:1350px;

	float:left;
	padding:14px 0 14px 15px;
}
#planetcharts{	
	width:750px;
	min-height:1350px;

	float:left;
	padding:14px 0 14px 15px;
}
#mentions{	
	width:750px;
	min-height:1350px;

	float:left;
	padding:14px 0 14px 15px;
}
#results{	
	width:750px;
	min-height:1000px;

	float:left;
	padding:14px 0 14px 15px;
}

#charts{	
	width:750px;
	height:102px;
	background-image: URL(images/fondcharts2.png);
	text-align:center;
	font-size:12px;
	font-family:arial;
	color:#ffffff;
}
#fondcharts{	
	width:750px;
	min-height:1060px;
	font-size:11px;
	font-family:arial;
	clear:both;
}
#fondcharts1{	
	width:750px;
	min-height:5600px;
	font-family:arial;
	font-size:11px;
	clear:both;

}
#fondcharts2{	
	width:750px;
	min-height:1200px;
	background:#ffffff;
	color:#21305d;
	font-size:12px;
	font-family:arial;
	clear:both;

}
#soustitre{	
	width:750px;
	height:20px;
}

#legende{	
	width:220px;
	min-height:30px;
	padding:20px 20px 0px 50px;
	float:left;
}
#testphp{	
	width:220px;
	min-height:30px;
	padding:20px 20px 0px 50px;
	float:left;
}

#archives{
	padding-top:5px;	
	width:400px;
	min-height:30px;
	padding:20px 20px 0px 20px;
	float:left;
}
#archiv{
	text-align:left;
	padding-top:10px;
}	
.commentaire{	
	width:650px;
	min-height:5px;
	padding:17px 50px 5px 50px;
	clear:both;
	color:#335e89;

	font-size:11px;
	line-height:14px;
	text-align:justify;
}
.commentaire1{	
	width:650px;
	min-height:18px;
	padding:17px 50px 5px 10px;
	clear:both;
	color:#335e89;
	font-size:11px;
	line-height:14px;
	text-align:justify;
}
.commentairepl{	
	width:650px;
	min-height:18px;
	padding:17px 50px 5px 50px;
	clear:both;
	color:#335e89;

	font-size:12px;
	line-height:20px;
	text-align:justify;
}
.credit{	
	width:650px;
	min-height:18px;
	color:#335e89;
	font-size:12px;
	line-height:20px;
	text-align:right;
}
.suitetext{	
	width:650px;
	min-height:18px;
	color:#335e89;
	font-size:12px;
	line-height:20px;
	text-align:justify;
	clear:both;
}
.commentairepl a:link, .commentairepl a:visited, .commentairepl a:active{
	font-family:arial;
	color:#01265d;
	font-size:12px;
	text-decoration:none;
}
.commentairepl a:hover{
	font-size:12px;
	text-decoration:underline;
}
.linecom{	
	width:650px;
	min-height:100px;
	clear:both;
	}
.textecom{
	width:535px;
	min-height:18px;
	float:left;
	margin-bottom:15px;
}
.imgcom{
	width:115px;
	min-height:18px;
	float:left;
	text-align:right;
	margin-bottom:15px;
}
.textecom1{
	width:435px;
	min-height:18px;
	float:left;
	text-align:justify;
}
.imgcom1{
	width:215px;
	height:130px;
	float:left;
	text-align:left;
}
.style1{	
	width:56px;
	height:20px;
	float:left;
	padding-top:5px;
	text-align:right;
}
.style1a{	
	width:76px;
	height:20px;
	float:left;
	padding-top:5px;
}
.style2{	
	width:256px;
	height:20px;
	float:left;
	padding-top:5px;
}
.style3{	
	width:56px;
	height:43px;
	font-family:Arial;
	font-size:26px;
	float:left;
	padding-top:17px;
	text-align:right;
	color:#9c842f;
	font-weight:bold;
	border-bottom:0 solid #e8e8e8;
}

.sidenavOver{
	background-image: URL(../images/chartdesignhover.jpg);
	float:left;
	color:#21305d;
}
.style3a{	
	width:76px;
	height:44px;
	line-height:16px;
	font-family:Arial;
	font-size:12px;
	float:left;
	padding-top:16px;
	text-align:center;
	color:#78458e;
	font-weight:bold;
	border-bottom:0 solid #e8e8e8;
}
.style3b{	
	width:76px;
	height:34px;
	font-family:Arial;
	font-size:12px;
	float:left;
	padding-top:25px;
	text-align:center;
	color:#78458e;
	font-weight:bold;
	border-bottom:0 solid #e8e8e8;
}
.style3c{	
	width:76px;
	height:44px;
	line-height:16px;
	font-family:Arial;
	font-size:12px;
	float:left;
	padding-top:16px;
	text-align:center;
	color:#fc6600;
	font-weight:bold;
	border-bottom:0 solid #e8e8e8;
}
.style3d{	
	width:44px;
	height:60px;
	float:left;
	border-bottom:0 solid #e8e8e8;
}
.style3e{	
	width:120px;
	height:34px;
	float:left;
	padding-top:25px;
	border-bottom:0 solid #e8e8e8;
	text-align:center;
	font-family:Arial;
	font-size:12px;
	color:#78458e;
}
.style4{	
	width:306px;
	height:60px;
	float:left;
	padding-top:5px;
	text-align:left;
	color:#01265d;
	font-weight:bold;
	border-bottom:0 solid #e8e8e8;
}
.style4a{	
	width:306px;
	height:60px;
	float:left;
	padding-top:5px;
	text-align:left;
	color:#01265d;
	border-bottom:0 solid #e8e8e8;
}
.style5{	
	width:486px;
	height:20px;
	float:left;
	padding-top:5px;
}
.style5sales{	
	width:120px;
	height:20px;
	float:left;
	padding-top:5px;
	text-align:right;
}
.style5a{	
	width:498px;
	height:44px;
	line-height:16px;
	font-family:Arial;
	font-size:12px;
	color:#335e89;
	float:left;
	padding-top:16px;
	text-align:left;
	border-bottom:0 solid #e8e8e8;
}
.style5b{	
	width:283px;
	height:60px;
	float:left;
	padding-top:5px;
	text-align:left;
	color:#01265d;
	border-bottom:0 solid #e8e8e8;
}
.style5c{	
	width:618px;
	height:44px;
	line-height:16px;
	font-family:Arial;
	font-size:12px;
	color:#335e89;
	float:left;
	padding-top:16px;
	text-align:left;
	border-bottom:0 solid #e8e8e8;
}
.style5d{	
	width:550px;
	height:44px;
	line-height:16px;
	font-family:Arial;
	font-size:12px;
	color:#335e89;
	float:left;
	padding-top:16px;
	text-align:left;
	border-bottom:0 solid #e8e8e8;
}
.style5d1{	
	width:480px;
	height:44px;
	line-height:16px;
	font-family:Arial;
	font-size:12px;
	color:#335e89;
	float:left;
	padding-top:16px;
	text-align:left;
	border-bottom:0 solid #e8e8e8;
}
.style5e{	
	width:54px;
	height:36px;
	line-height:16px;
	font-family:Arial;
	font-size:12px;
	float:left;
	padding:24px 16px 0 0;
	text-align:right;
	color:#78458e;
	font-weight:bold;
	border-bottom:0 solid #e8e8e8;
}
.couv{	
	width:68px;
	height:44px;
	line-height:16px;
	font-family:Arial;
	font-size:12px;
	float:left;
	padding-top:6px;
	text-align:left;
	color:#78458e;
	font-weight:bold;
	border-bottom:0 solid #e8e8e8;
}

.line{	
	width:750px;
	height:60px;
	clear:both;
	background-image: URL(../images/chartdesign.jpg);
	color:#21305d;
	}

.colgauche{
	float:left;
	width:347px;
	min-height:120px;
	line-height:16px;
	padding:14px 14px 14px 14px;
	background: #ffffff;
	}
.coldroite{
	float:left;
	width:347px;
	min-height:120px;
	line-height:16px;
	padding:14px 14px 14px 14px;
	background: #ffffff;
	}
.colgauche1{
	float:left;
	width:347px;
	min-height:120px;
	line-height:16px;
	padding:14px 14px 14px 14px;
	background: #e2e2e2;
	
	}
.coldroite1{
	float:left;
	width:347px;
	min-height:120px;
	line-height:16px;
	padding:14px 14px 14px 14px;
	background: #e2e2e2;
	}
.commercial{
	width:739px;
	min-height:60px;
	padding:12px 0 9px 11px;
	clear:both;
}
.commercial1{
	width:739px;
	min-height:60px;
	padding:1px 0 9px 11px;
	clear:both;
}
.commercial2{
	width:739px;
	min-height:60px;
	padding:20px 0 5px 11px;
	clear:both;
}
#cse-search-results{
	width:700px;
	min-height:20px;
	}
#cse1{
	width:730px;
	min-height:50px;
	padding-top:10px;
	}
	 
#banderadio{	
    margin-left:30px;
	}

#lecteur{
	width:240px;
	height:300px;
	float:left;
	}
#4titres{
	width:454px;
	height:300px;
	float:left;
	}
	
#publicite{
	width:728px;
	height:90px;
	margin-left:252px;
	}
	
#fonduviolet{	
	width:144px;
	height:168px;
	padding:3px 3px 3px 3px;
	margin-bottom:10px;
	background-image: URL(../images/fonduviolet.jpg);
	font-size:11px;
	text-align:center;
	color:#ffffff;
	font-family:Arial;
	line-height:19px;
}

#fonduviolet a:link, #fonduviolet a:visited, #fonduviolet a:active{
	font-family:arial;
	color:#ffffff;
	text-decoration:none;
}

#fonduviolet a:hover{
	color:#ead4ff;
	text-decoration:none;
}


/*Style du menu*/
.menuhaut {font-family: arial, sans-serif; width:640px; height:20px; position:relative; margin:0; font-size:11px; margin:22px 0 0 0; z-index:2;}

/*style des lien du menu*/
.menuhaut ul li a, .menuhaut ul li a:visited {display:block; text-decoration:none; color:#fff; width:90px; height:20px; text-align:center; border:1px solid #fff; border-width:0 0 0 0; border-style:dotted; line-height:19px; font-size:11px;}
.menuhaut ul {padding:0; margin:0;list-style-type: none; }
.menuhaut ul li {float:left; margin-right:1px; position:relative;}
.menuhaut ul li ul {display: none;}

/* specific to non IE browsers */
.menuhaut ul li:hover a {color:#fff; background:#7745b3;}

/*style du sous menu*/
.menuhaut ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:90px;}
.menuhaut ul li:hover ul li a.hide {background:#7745b3; color:#fff;}
/*style des liens du sous menu*/
.menuhaut ul li:hover ul li:hover a.hide {width:140px;}
.menuhaut ul li:hover ul li ul {display: none;}
.menuhaut ul li:hover ul li a {display:block; background:#000d4c; color:#fff; width:90px;}
.menuhaut ul li:hover ul li a:hover {background:#7745b3; color:#fff;}

/*style du sous sous menu*/
.menuhaut ul li:hover ul li:hover ul {display:block; position:absolute; left:90px; top:0; color:#fff;}

/*style des liens du sous sous menu*/
.menuhaut ul li:hover ul li:hover ul li a {display:block; width:140px; background:#dfc184; color:#fff;}
.menuhaut ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}

.current{background:#7745b3;}
#normal{background:#7745b3;}
