/*********************
Pour toutes les pages
*********************/
*{margin:0;padding:0;}
img{border:none;}
a{text-decoration:none;color:black;}
a:hover{text-decoration:underline;}
h1{font-size:25px;margin:auto;text-align:center;}
h2{font-size:20px;margin:auto;text-align:center;}
html{height:100%;}
body{background:url(default/fond.png);background-repeat:no-repeat;background-repeat:repeat-x;height: 100%;margin:auto;width:960px;}
div.global{width:960px;height: auto !important; height: 100%; min-height: 100%; background:#B6BABB;border:2px;}
div#contenu{overflow:visible;}

img#1{cursor:pointer;}
img#2{cursor:pointer;}
img#3{cursor:pointer;}
img#4{cursor:pointer;}
img#5{cursor:pointer;}


/***Banniere***/
div#logo{background:url(default/fondlogobanniere.jpg);text-align:center;color:white;font-size:50px;border-bottom:2px solid black;text-decoration:none;color:#F2984C;line-height:60px;height:70px;}
	a.logo{color:white}

	.choix{width:300px;float:left;text-align:center;height:40px;}
	.choix:hover{text-decoration:underline;cursor:pointer;}
	div#tout{width:360px;background:url(default/fondchoix.png);}
	div#onglet1{background:url(default/bannieregauche.png);}
	div#onglet2{background:url(default/bannieredroite.png);}
	.clear{clear: both;}
div#publicite{background:#444444;}
div.vide{width:960px;height:34px;background:url(default/basbanniere.png);}

/***Bloc de gauche***/
#gauche{width:221px; border:1px; margin-left:10px; padding:10px; float:left;}
	div.rechercher{background:#eeeeee;margin-bottom:20px;border: 1px solid black;-moz-box-shadow: 7px 7px 15px #000000; -webkit-box-shadow: 7px 7px 15px #000000;  box-shadow: 7px 7px 15px #000000; filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=12); zoom: 1;}
	div.lecteur{background:#eeeeee;margin-bottom:20px;border: 1px solid black;-moz-box-shadow: 7px 7px 15px #000000; -webkit-box-shadow: 7px 7px 15px #000000;  box-shadow: 7px 7px 15px #000000; filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=12); zoom: 1;}
	div#utilisateur{background:#eeeeee;margin-bottom:20px;border: 1px solid black;-moz-box-shadow: 7px 7px 15px #000000; -webkit-box-shadow: 7px 7px 15px #000000;  box-shadow: 7px 7px 15px #000000; filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=12); zoom: 1;}
	div#statistiques{background:#eeeeee;margin-bottom:20px;border: 1px solid black;-moz-box-shadow: 7px 7px 15px #000000; -webkit-box-shadow: 7px 7px 15px #000000;  box-shadow: 7px 7px 15px #000000; filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=12); zoom: 1;}
	div#pub{background:#eeeeee;margin-bottom:20px;border: 1px solid black;-moz-box-shadow: 7px 7px 15px #000000; -webkit-box-shadow: 7px 7px 15px #000000;  box-shadow: 7px 7px 15px #000000; filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=12); zoom: 1;}

/***Contenu***/
#conteneur{width:600px; padding:10px; border:1px; margin-left:300px;overflow:visible;}


/*****************
Page index.php
*****************/

	div#index{text-align:center;border: 1px solid black;overflow:visible;background:#eeeeee;-moz-box-shadow: 7px 7px 15px #000000; -webkit-box-shadow: 7px 7px 15px #000000;  box-shadow: 7px 7px 15px #000000; filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=12); zoom: 1;}



/*****************
Page fr.php
*****************/

	div#topmorceaux{margin:auto;margin-top:20px;width:600px;border: 1px solid black;overflow:visible;background:white;-moz-box-shadow: 7px 7px 15px #000000; -webkit-box-shadow: 7px 7px 15px #000000;  box-shadow: 7px 7px 15px #000000; filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=12); zoom: 1;}
		div#infos_top_morceaux{height:30px;width:600px;font-size:20px;line-height:30px;text-align:center;border: 1px solid black;}
		div.morceau_top{overflow: hidden;width:600px;height:25px;border-bottom:1px solid black; cursor:pointer;}
		div.morceau_top:hover{background:#aeaeae;}
			div.nom_morceau_top{height:25px;width:350px;float:left; padding-left:5px;border-left:1px solid black;}
			div.nom_artiste_top{height:25px;width:100px;float:left; padding-left:5px;border-left:1px solid black;}
			div.nom_album_top{height:25px;width:130px;float:left; padding-left:5px;border-left:1px solid black;border-right:1px solid black;}
			p.clear{clear:both;}

	div#topartistes{margin:auto;margin-top:20px;width:200px;border: 1px solid black;overflow:visible;background:white;-moz-box-shadow: 7px 7px 15px #000000; -webkit-box-shadow: 7px 7px 15px #000000;  box-shadow: 7px 7px 15px #000000; filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=12); zoom: 1;}
		div#infos_top_artistes{height:30px;width:200px;font-size:20px;line-height:30px;text-align:center;border: 1px solid black;}
		div.artiste_top{overflow: hidden;width:200px;height:25px;border-bottom:1px solid black; cursor:pointer;}
		div.tous_artiste{overflow: hidden;width:200px;height:25px;border-bottom:1px solid black; cursor:pointer;text-decoration:underline;text-align:center;}
		div.artiste_top:hover{background:#aeaeae;}
		div.tous_artiste:hover{background:#aeaeae;}

/*****************
Page artiste.php
*****************/

	div#espace_bug_ie{height:35px;}
	div#contenu_artiste{width:600px; height:220px;}
		div.div_img_artiste{margin-top:-25px;width:220px; height:220px; background:white; cursor:pointer; -moz-box-shadow: 7px 7px 15px #000000; -webkit-box-shadow: 7px 7px 15px #000000;  box-shadow: 7px 7px 15px #000000; filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=12); zoom: 1; float:left; }
			img.img_artiste{margin-top:10px; margin-left:10px;}
		div.infos_artiste{margin-left:220px;padding:10px;width:300px; height:150px; background:#eeeeee; -moz-box-shadow: 7px 7px 15px #000000; -webkit-box-shadow: 7px 7px 15px #000000;  box-shadow: 7px 7px 15px #000000; filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=12); zoom: 1;}
			div.jaime{cursor:pointer;}

			a.onglet {
				display: block;
				float: left;
				padding-left: 10px;
				padding-right: 10px;
				background-color: #f8a10a;
				margin-right: 5px;
				margin-top: 20px;
				text-decoration: none;
				color: #000000; }



	div.album_dartiste{margin-left:40px; margin-top:40px; overflow:visible; background:#eeeeee; width:520px; height:300px;-moz-box-shadow: 7px 7px 15px #000000; -webkit-box-shadow: 7px 7px 15px #000000;  box-shadow: 7px 7px 15px #000000; filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=12); zoom: 1;}
		div.infos_album_dartiste{width:220px; height:300px; float:left; border: 1px solid black;}
			h1.titre_album{height:25px;}
			img.img_album_dartiste{margin-left:10px;}
		div.contenu_album_dartiste{margin-left:220px; border: 1px solid black;}
			div.morceau_album{border-bottom:1px solid black; height:25px; line-height:25px; cursor:pointer;overflow: hidden;}
			div.voir_tous_morceaux{font-weight: bold; solid black;height:40px; line-height:40px; cursor:pointer; text-align:center;}
			div.voir_tous_morceaux:hover{text-decoration:underline;}

/**************
Page album.php
**************/

	div.album{margin-left:40px; overflow:visible; background:#eeeeee; width:520px;-moz-box-shadow: 7px 7px 15px #000000; -webkit-box-shadow: 7px 7px 15px #000000;  box-shadow: 7px 7px 15px #000000; filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=12); zoom: 1;}
		div.infos_album{width:520px; height:200px; border: 1px solid black;}
			div.img_album{float:left;height:200px;width:200px; border-right: 1px solid black;}
				img.img_album{}
			div.sous_infos_album{height:200px;text-align:center;}
		div.contenu_album{border: 1px solid black;}
			div.morceau_album{padding-left:5px;border-bottom:1px solid black; height:25px;line-height:25px; cursor:pointer;}
			div.morceau_album:hover{background:#aeaeae;}
/****************
Page chercher.php
*****************/

	div.resultat_recherche{margin-left:0px; overflow:visible; background:#eeeeee; width:600px;-moz-box-shadow: 7px 7px 15px #000000; -webkit-box-shadow: 7px 7px 15px #000000;  box-shadow: 7px 7px 15px #000000; filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=12); zoom: 1;}
		div.nb_resultats{text-align:center;line-height:25px;overflow:visible;width:600px; font-weight:30px; height:30px; border: 1px solid black;}
		div.contenu_recherche{overflow:visible; border: 1px solid black;}
			div.morceau_recherche{overflow: hidden;width:600px;height:25px;border-bottom:1px solid black; cursor:pointer;}
				div.nom_morceau_recherche{height:25px;width:350px;float:left; padding-left:5px;border-left:1px solid black;}
				div.nom_artiste_recherche{height:25px;width:100px;float:left; padding-left:5px;border-left:1px solid black;}
				div.nom_album_recherche{height:25px;width:130px;float:left; padding-left:5px;border-left:1px solid black;border-right:1px solid black;}
				p.clear{clear:both;}
				
/****************
Page artistes.php
*****************/

	div.artistes{margin:auto;margin-top:20px;width:600px;border: 1px solid black;overflow:visible;background:white;-moz-box-shadow: 7px 7px 15px #000000; -webkit-box-shadow: 7px 7px 15px #000000;  box-shadow: 7px 7px 15px #000000; filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=12); zoom: 1;}
		div.infos_artistes{height:30px;width:600px;font-size:20px;line-height:30px;text-align:center;border: 1px solid black;}
		div.artiste_de_artistes{overflow: hidden;width:600px;height:25px;border:1px solid black; cursor:pointer; padding-left:10px;}
		div.artiste_de_artistes:hover{background:#aeaeae;}