@charset "utf-8";
/* CSS Document */

body{
	background-image:url(images/bg2.jpg);
	background-repeat:repeat-y;
	background-position:top;
	background-color:#000;
	font-size:12px;
	font-family:Verdana;
	margin:0;
	padding:0;
}

img{
	border:0;
	behavior: url(iepngfix.htc);
}


* { outline: none; }

.clear{
	clear:both;
	height:0px;
}

#global{
	width:995px;
	margin:0 auto;
	padding:0;
}

/**************************ENTETE**************************/

#entete{
	width:995px;
	margin:0;
	padding:0
}

#banniere{
	width:995px;
	height:443px;
	margin:0;
	padding:0;
	background-image:url(images/banner.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#banniere{
	width:995px;
	height:443px;
	margin:0;
	padding:0;
}


#logo{
	width:224px;
	height:119px;
	margin:0;
	padding:0;
	float:left
}

#videoBanniere{
	float:left;
	margin:50px 0 0 670px;
	padding:0;
	display:inline;
	width:300px;
	height:190px;
}

#menu{
	width:995px;
	margin:0;
	padding:0;
}

#menu a{
	color:#FFF;
	text-decoration:none;
}

#menu ul{
	display:inline;
	margin:0;
	padding:0;
}

#menu li{
	display:block;
	margin:0;
	padding:18px 0 0 0;
	width:110px;
	height:37px;
	float:left;
	color:#999;
	font-size:15px;
	text-align:center;
	background-image:url(images/btn.jpg);
	background-repeat:no-repeat;
	/*background-position:left top;*/
	list-style:none;
}

#menu li:hover{
	background-position: left -55px;

}
#menu .li-news{
	background-image:url(images/btn-g.jpg);
}

#menu .li-news:hover{
	background-position: left -55px;
}

#menu .li-shop{
	background-image:url(images/btn-d.jpg);
	width:115px;
	background-position: left -55px;
}

#menu .li-shop:hover{
	background-position: left top;
}

/**************************ENTETE**************************/

#contenu{
	width:995px;
	margin:0;
	padding:20px 0 10px 0;
	background-image:url(images/bg-page.jpg);
	background-position:top left;;
	background-repeat:no-repeat;
}

#page{
	width:724px;
	float:left;
	margin:0;
	padding:0 10px;
}

#page p{
	color:#CCC;
}

#page p a{
	color:#CCC;
	text-decoration:none;
}

#page h1{
	color:999;;
	padding:3px;
	margin:0 0 7px 0;
	text-align:center;
}

#page h2{
	color:#CCC;
}

.coverDiscographie{
	float:left;
	width:120px;
	height:120px;
	margin:0 24px 20px 0;
	padding:0;
}

.coverDiscographie a{
	 filter : alpha(opacity=80);
    -moz-opacity : 0.6;
    opacity : 0.6; 
}

.coverDiscographie a:hover{
	 filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity : 1; 
}

.coverDiscographieAutres{
	float:left;
	width:120px;
	margin:0 24px 20px 0;
	padding:0;
}

.coverDiscographieAutres p{
	margin:0;
	padding:0;
	font-size:10px;
	text-align:center;
}

.playlistDiscographie{
	margin:30px 0 25px 0;
	padding:0;
	width:724px;
	float:left;
}

.titreCd{
	width:670px;
	height:13px;
	margin:0 0 20px 0;
	padding:8px 5px 5px 5px;
	background-image:url(images/hautnews.png);
	background-repeat:no-repeat;
	float:left;
}

.titreCd h2{
	font-size:14px;
	color:#FFF;
	margin:0;
	padding:0 0 0 10px;
}

.titreCd h2 span{
	font-size:11px;
	color:#FFF;
	margin:0;
	padding:0;
	font-style:italic;
}

.titreShadow{
	width:670px;
	height:13px;
	margin:50px 0 20px 0;
	padding:8px 5px 5px 5px;
	background-image:url(images/hautnews.png);
	background-repeat:no-repeat;
	float:left;
}

.titreShadow h2{
	font-size:14px;
	color:#FFF;
	margin:0;
	padding:0 0 0 10px;
}

.playlistCover{
	float:left;
	width:190px;
	margin:0;
	padding:0;
	text-align:center;
}

.playlistCover img{
	margin-bottom:10px;
}

.telechargementPlaylist{
	float:left;
	width:450px;
	margin:0 0 0 150px;
	padding:0;
	display:inline;
}

.telechargementLegal{
	float:left;
	margin:4px;
	padding:0;
	width:80px;
	height:36px;
}

.tracklist{
	float:right;
	margin:0 40px 50px 0;
	padding:0 30px 0 0;
	width:444px;
	color:#999;
	display:inline;
	/*background-image:url(images/bg-tracklist.jpg);
	background-repeat:no-repeat;
	background-position:bottom;*/
}

.tracklist li{
	margin:0;
	padding:6px 0 8px 10px;
	border-bottom:solid 1px #999;
	color:#F00;
}

.tracklist li span{
	color:#999;
}

.tracklist li span span{
	color:#CCC;
}

#page .video{
	float:left;
	width:680px;
	margin:0 0 20px 30px;
	padding:0;
	display:inline;
}

#page .video a{
	text-decoration:none;
	color:#CCC;
}

#page .lecteurVideo{
	float:left;
	width:680px;
	margin:10px 0 0 0;
	padding:0;
	display:inline;
	text-align:center;
}

#page .lecteurVideo p{
	font-size:14px;
	color:#CCC;
	text-align:center;
}

.titreVideo{
	float:left;
	margin:0 0 5px 0;
	padding:3px 0 0 15px;
	width:665px;
	height:23px;
	background-image:url(images/hautnews.png);
	background-repeat:no-repeat;
}

.titreVideo h2{
	margin:0;
	padding:0;
	font-size:14px;
	color:#FFF;
}

.menuVideo{
	width:704px;
	margin:0 0 30px 0;
	padding:10px;
	background-color:#333;
}

.menuVideo ul{
	display:inline;
	margin:0 0 0 110px;
	padding:0;
}

.menuVideo li{
	display:inline;
	margin:0 50px 0 0;
	padding:0;
	color:#FFF;
}
.menuVideo li a{
	color:#FFF;
	text-decoration:none;
}

.menuVideo li a:hover{
	color:#FFF;
	text-decoration:underline;
}

#galeriePhoto{
	margin:0 0 0 28px;
	padding:0;
	float:left;
	display:inline;
}

#ShadowBox td{
	border:0px;
	margin:0;
	padding:0;
}


#galeriePhoto img{
	margin:0;
	padding:10px;
	border:none;
}

.shadowbox{
	float:left;
	margin:0 15px 20px 0;
	padding:0;
	display:inline;
	width:225px;
}
.shadowbox img:hover{
	filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8; 
}

.shadowbox p{
	margin:0;
	padding:0;
	font-size:11px;
	text-align:center;
}

.shadowbox2{
	float:right;
	margin:0;
	padding:0;
}

/****************NEWS**********************/

.news{
	float:left;
	width:680px;
	margin:0 0 20px 20px;
	padding:0;
	display:inline;
}

.hautNews{
	float:left;
	margin:0 0 5px 0;
	padding:8px 0 0 5px;
	width:675px;
	height:18px;
	background-image:url(images/hautnews.png);
	background-repeat:no-repeat;
}

.imageNews{
	float:left;
	width:50px;
	height:20px;
	margin:0;
	padding:0;
}

.titreNews{
	float:left;
	width:450px;
	height:20px;
	margin:0 0 0 10px;
	padding:0;
	display:inline;

}

.titreNews h2{
	margin:0;
	padding:0;
	font-size:14px;
	color:#FFF;
}

.dateNews{
	float:right;
	margin:0 20px 0 0;
	padding:0;
	height:20px;
	display:inline;
}

#page .dateNews p{
	font-size:11px;
	margin:1px 0 0 0;
	padding:0;
	font-style:italic;
}

#page .texteNews{
	margin:0;
	padding:10px 0;
	text-align:center;
	
}

#page .texteNews p{
	font-size:14px;
	color:#CCC;
	text-align:center;
}

#page .texteExclu{
	margin:0;
	padding:10px 0;
	
}

#page .texteExlus p{
	font-size:12px;
	color:#CCC;
}

#page .tableauFond{
	margin:0;
	padding:0;
	border:0;
	width:670px;
}
	
#page .tableauFond p{
	margin:0;
	padding:0;
	}
	
	
#page .tableauFond a:hover{
	color:#F00
	}
	
#page .tableauFond td, th{
	margin:0 0 0 0;
	padding:0 0 6px 0;
	border:0;
	}
	
#page .avatar img{
	margin:0 16px 10px 0;
	padding:0;
}

#page .avatar img:hover{
	filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8; 
}

#lecteurmp3{
	float:left;
	width:300px;
	margin:30px 0 0 130px;
	padding:0;
	display:inline;
	border:0;
}

#deezer{
	width:300px;
	float:left;
	display:inline;
	margin:30px 0 0 200px;
	padding:0
}

#contenuColonne{
	background-image:url(images/fd-colonnelogo.gif);
	background-color:#383838;
	background-position:top center;
	background-repeat:repeat-y;
	width:244px;
	margin:0 5px 0 0;
	padding:0;
	float:right;
	display:inline;
}

#contenuColonne .colonneShop{
	margin:0;
	padding:0;
	height:15px;
	width:244px;
	background-image:url(images/fd-colonne.gif);
	background-repeat:no-repeat;
	background-position:top center;

}

#contenuColonne #liensShop{
	width:221px;
	margin:10px 5px 20px 23px;
	padding:0;
	float:left;
	display:inline;

}

#contenuColonne h3{
	font-size:16px;
	text-transform:uppercase;
	color:#CCC;
	margin:0;
	padding:20px 0 0 0;
	text-align:center;
}

#contenuColonne .h3Shop{
	font-size:16px;
	text-transform:uppercase;
	color:#CCC;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	text-align:center;
}

#contenuColonne .fdbasColonne{
	background-image:url(images/fdcollonebas.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:244px;
	height:15px;
	margin:0;
	padding:0;
}

#contenuColonne #produitShop{
	width:200px;
	float:left;
	display:inline;
	margin:5px 0 0 22px;
	padding:0;
	display:inline;
}

#contenuColonne #produitShop img{
	margin:0;
	padding:0;
}

#contenuColonne .venteShop{
	margin:5px 0 0 0;
	padding:0;
	color:#CCC;
	text-align:center;
}

#contenuColonne .venteShop a{
	text-decoration:none;
	color:#CCC;
}

#contenuColonne .venteShop a:hover{
	text-decoration:underline;
	color:#C02C37;
}


#contenuColonne #produitShop p a:hover{
	text-decoration:underline;
}

#contenuColonne #dailymotion{
	width:216px;
	float:left;
	display:inline;
	margin:0 0 0 22px;
	padding:0;
}

#contenuColonne .facebook{
	width:216px;
	float:left;
	display:inline;
	margin:30px 0 0 14px;
	padding:0;
}

#contenuColonne #player{
	width:230px;
	float:left;
	display:inline;
	margin:7px 0 0 0;
	padding:0;
}

#contenuColonne .facebook .h3player img{
	margin:0 0 10px 0;
}

#contenuColonne #newsletter{
	float:left;
	display:inline;
	margin:0 0 0 50px;
	padding:0
}

#contenuColonne #newsletter input{
	width:120px;
	color:#999;
	text-align:center;
}

#contenuColonne #newsletter #btnOk{
	width:30px;
	color:#000;
	text-align:center;
	margin:0;
	padding:0;
}

/****************NEWS**********************/

/****************MAJ**********************/
		#maj{
			margin:0 0 20px 0;
			padding:0
		}
		
		#maj h2{
			color:#a10f14;
			text-align:center;
			margin:50px 0 20px 0;
			font-size:16px;
		}
		
		#maj h2 a{
			color:#a10f14;
			text-decoration:none;
		}
		
		.table-maj th, td{
			 text-align:center;
			 font-size:12px;
			 padding:5px;
			 color:#FFF;
		}
		
		#maj a{
			color:#a10f14;
		}
		
		 #maj table
        {
            border-collapse:collapse;
            border:2px solid #FFF;;
            margin:auto;
        }
		
		 #contenu #maj form{
            text-align:center;
			color:#FFF;
        }
		
		#contenu #maj p{
			color:#FFF;
		}
		
		#fck{
			width:600px;
			float:left;
			margin:0 0 20px 200px;
			display:inline;
		}
		
		.majNews{
			float:left;
			margin:20px 15px 20px 15px;
			padding:5px 15px;
			background-color:#C00;
			display:inline;
		}	
		
		.majNews:hover{
			background-color:#900;
		}
		
		.majNews h2{
			color:#CCC;
			text-align:center;
			font-size:16px;
			margin:0;
			padding:0;
		}
		
		.majNews h2 a{
			color:#CCC;
			text-decoration:none;
		}
		
		
/****************MAJ**********************/


/****************PIED**********************/
#pied{
	width:985px;
	margin:25px 0 10px 0;
	padding:5px 5px 0 5px;
	color:#CCC;
	background-color:#000;
	background-image:url(images/bg-pied.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

#pied a:hover{
	 filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity : 1; 
}

#pied a{
	 filter : alpha(opacity=60);
    -moz-opacity : 0.6;
    opacity : 0.6; 
}
#pied p{
	margin:0;
	padding:0;
	color:#FFF;
}

#liens-facebook{
	margin:10px 0 0 0;
	float:right;
	padding:0;
	width:200px;
}


.logoGrimey{
	float:left;
	margin:7px 40px 0 10px;
	padding:0;
	display:inline;
}

.lienPied{
	margin:17px 0 0 150px;
	padding:0;
	color:#DADADE;
	font-size:11px;
	float:left;
	display:inline;
	text-transform:uppercase;
	font-family:Tahoma, Verdana;
}

.lienPied a{
	text-decoration:underline;
	color:#DADADE;
}

.lienPied a:hover{
	text-decoration:underline;
	color:#C02C37;
}

.facebookFan{
	width:180px;
	float:right;
	display:inline;
	margin:0 0 0 0px;
	padding:0
}

.pictoFb a{
	float:left;
	background-image:url(images/picto_facebook.gif);
	width:35px;
	height:35px;
	background-position:left top;
	margin:0 2px;
}


.pictoFb a:hover{
	background-position:left -35px;
}

.pictoFb2 a{
	float:left;
	background-image:url(images/picto_facebook.gif);
	width:35px;
	height:35px;
	background-position:left top;
	margin:0 2px 0 25px;
}


.pictoFb2 a:hover{
	background-position:left -35px;
}

.pictoMyspace a{
	float:left;
	background-image:url(images/picto_myspace.png);
	width:35px;
	height:35px;
	background-position:left top;
		margin:0 2px;
}

.pictoMyspace a:hover{
	background-position:left -35px;
}

.pictoSky a{
	float:left;
	background-image:url(images/picto_skyblog.gif);
	width:35px;
	height:35px;
	background-position:left top;
		margin:0 2px;
}

.pictoSky a:hover{
	background-position:left -35px;
}

.pictoDeezer a{
	float:left;
	background-image:url(images/picto_deezer.gif);
	width:35px;
	height:35px;
	background-position:left top;
		margin:0 2px;
}

.pictoDeezer a:hover{
	background-position:left -35px;
}

.pictoTwitter a{
	float:left;
	background-image:url(images/picto_twitter.png);
	width:35px;
	height:35px;
	background-position:left top;
		margin:0 2px;
}

.pictoTwitter a:hover{
	background-position:left -35px;
}
/****************PIED**********************/

/****************SUPERBOX**********************/
#superbox-overlay{background:#e0e4cc;}
#superbox-container .loading{width:32px;height:32px;margin:0 auto;text-indent:-9999px;background:url(styles/loader.gif) no-repeat 0 0;}
#superbox .close a{float:right;padding:0 5px;line-height:20px;background:#333;cursor:pointer;}
#superbox .close a span{color:#fff;}
#superbox .nextprev a{float:left;margin-right:5px;padding:0 5px;line-height:20px;background:#333;cursor:pointer;color:#fff;}
#superbox .nextprev .disabled{background:#ccc;cursor:default;}
		
/****************SUPERBOX**********************/


/****************SHOP**********************/


.listeProduit{
	width:724px;
	margin:0 0 30px 0;
	padding:0;
	float:left;
	display:inline;
}

.hautProduit{
	float:left;
	margin:0 0 8px 0;
	padding:6px 0 0 5px;
	width:719px;
	height:20px;
	background-image:url(images/hautnews.png);
	background-repeat:no-repeat;
}

.hautProduit h2{
	margin:0 0 0 10px;
	padding:2px 0 0 0;
	font-size:14px;
	color:#FFF;
}

.imageProduit{
	float:left;
	margin:0;
	padding:0;
	width:250px;
	text-align:center;
}

.imageProduit img{
	margin:0 0 5px 0;
	text-align:center;
}

#page .imageProduit p{
	margin:0 0 5px 0;
	text-align:center;
	padding:0;
	font-size:11px;
}

#page .imageProduit p a{
	text-decoration:underline;
	color:#CCC;
}

#page .imageProduit p a:hover{
	text-decoration:none;
	color:#FFF;
}

.descriptionProduit{
	float:right;
	width:460px;
	margin:0;
	padding:0;
}

.descriptionProduit p{
	color:#CCC;
	font-family:12px;
}

#page .voirTracklist a{
	text-decoration:underline;
	
}

.paiement{
	float:right;
	width:460px;
	margin:15px 0 0 0;
	padding:0;
}

.paiement td{
	border:0;
}

#lecteurShop{
	margin:0;
	padding:0;
	text-align:center;
}

.descriptionLecteur{
	float:right;
	width:315px;
	margin:0;
	padding:0;
}

.descriptionLecteur p{
	color:#CCC;
	font-family:12px;
}

.prix{
	float:left;
	margin:20px 0 5px 0;
	padding:5px;
	font-size:16px;
	background-color:#922624;;
	color:#F00;
	font-weight:bold;
}

.prixFdp{
	float:left;
	margin:20px 0 8px 0;
	padding:5px 0 0 5px;
}

.livraison{
	margin:0;
	padding:0;
	font-size:10px;
	font-style:italic;
}



/****************SHOP**********************/

.widgetIndex{
	float:right;
	margin:10px 5px 0 0;
	padding:0;
	display:inline;
}

.paiementSecurise{
	float:left;
	margin:7px 0 10px 0;
	padding:0;
}


#index{
	margin:40px 0 0 0;
	padding:0;
	text-align:center;
}

#index p{
	color:#CCC;
	font-weight:bold;
}

#index h1{
	color:#CCC;
	font-size:14px;
	margin:10px 0 0 0;
}

#index h2{
	color:#CCC;
	font-size:14px;
	margin:0 0 15px 0;
}

#index h3{
	color:#CCC;
	font-size:14px;
	margin:20px 0 15px 0;
}

/****************MAJ**********************/
		#maj{
			margin:0 0 20px 0;
			padding:0
		}
		
		#maj h2{
			color:#a10f14;
			text-align:center;
			margin:50px 0 20px 0;
			font-size:16px;
		}
		
		#maj h2 a{
			color:#a10f14;
			text-decoration:none;
		}
		
		.table-maj th, td{
			 text-align:center;
			 font-size:12px;
			 padding:5px;
			 color:#FFF;
		}
		
		#maj a{
			color:#a10f14;
		}
		
		 #maj table
        {
            border-collapse:collapse;
            border:2px solid #FFF;;
            margin:auto;
        }
		
		 #contenu #maj form{
            text-align:center;
			color:#FFF;
        }
		
		#contenu #maj p{
			color:#FFF;
		}
		
		#fck{
			width:600px;
			float:left;
			margin:0 0 20px 200px;
			display:inline;
		}
		
		.majNews{
			float:left;
			margin:20px 15px 20px 15px;
			padding:5px 15px;
			background-color:#C00;
			display:inline;
		}	
		
		.majNews:hover{
			background-color:#900;
		}
		
		.majNews h2{
			color:#CCC;
			text-align:center;
			font-size:16px;
			margin:0;
			padding:0;
		}
		
		.majNews h2 a{
			color:#CCC;
			text-decoration:none;
		}
		
		
/****************MAJ**********************/

/**************************PIED**************************/

/* formulaire contact */

	
	.label{	
		float:left;
		width:90px;
		padding:4px 0 0 50px;
		font-size:110%;
		color:#CCC;
		}
	
	.champ{	
		float:left;
		width:300px;
		font-size:110%;
		margin:0 0 6px 0;
	}
	
	.champ input, .champ textarea{	
		font-family:verdana;
		font-size:12px;
		border:1px solid #9b9b9b;
		padding:2px 3px 2px 3px;
		color:#000;
	}
	
	.moyenChamp{
		width:150px;
	}
	
	.petitChamp{
		width:98px;
	}
	
	.grandChamp{
		width:230px;
	}
	
	.zoneAdresse{
		width:230px;
		height:45px;
	}
	
	.zoneMessage{
		width:300px;
		height:100px;
	}
	
	#envoyer{
		margin:4px 0 30px 200px;
	}
	
/* formulaire contact */


#guestbook{
	margin:10px 0 0 0;
}

#guestbook form{
	margin:20px 0 20px 0;
	padding:20px;
	width:650px;
	float:left;
}

#guestbook input{
	padding:5px;
}

#guestbook input{
	margin:5px 0 0 0;
	
}

#guestbook textarea{
	margin:5px 0 0 0;
	
}

#guestbook .label{
	font-size:12px;
	float:left;
	width:440px;
	padding:0;
	margin:0 0 0 180px;
	
}

#guestbook p{
	margin:5px 0 0 0;
}

#guestbook .pages{
	margin:10px 0 10px 0;
}

#guestbook .pages a{
	color:#FF0000;
}


#guestbook .messages p{
	margin:0 0 10px 0;
	padding:5px 5px;
	background-color:#0A0A0A;
	font-size:12px;
}

.pseudo{
	color:#333;
}

.pseudo .pseudoBleue{
	color:#666;
	font-size:11px;
	font-style:italic;
}

.pseudo .pseudoRouge{
	color:red;
	font-weight:bold;
	font-size:14px;
}