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

html, body , div, hr, form {
	margin:0; 
	padding:0; 
	font-size:0px;
}

.element {
	position:relative;
	float:left;
	z-index:1;
	padding-right:10px;
	margin-bottom:5px;
}

.fond-png {
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
}

.contenu-interne-fond-vide {
	position:relative;
	height:auto;
	width:702px;
	padding-bottom:5px;
}


/*cette div contient le chapeau et les boutons numerotés ronds pour une liste small*/
.chapeau-boutons-ronds-container {
	position:relative;
	width:330px;
}


/* ######## LISTE ALBUMS ######### */
/*.liste-albums-fond-album {
	position:relative;
	height:75px;
	min-height:75px;
	width:225px;
	background-image:url(images/liste-albums-fond-albums-jazz-en-ligne.jpg);
	background-repeat:no-repeat;
	float:left;
	left:10px;
	padding-left:20px;
	padding-bottom:7px;
	overflow:hidden;
}
*/
.liste-albums-fond-album-image {
	position:absolute;
	left:5px;
	top:6px;
	float:left;	
	width:65px;
	height:65px;
}
.liste-albums-fond-album-artiste {
	position:relative;
	left:55px;	
	width:145px;
	top:6px;	
}
.liste-albums-fond-album-titre {
	position:relative;
	left:55px;
	top:6px;
	width:145px;
	margin-top:6px;
}


/* ######## ROLL OVER ALBUM ######### */
.liste-albums-roll-over {
	top:0px;
	position:absolute;	
	visibility:hidden;
	z-index:50;
}
.liste-albums-roll-over-panier {
	position:absolute;
	left:310px;
	top:44px;
}
.liste-albums-roll-over-play {
	position:absolute;
	left:310px;
	top:80px;
}
.liste-albums-roll-over-mail {
	position:absolute;
	left:310px;
	top:110px;
}
.liste-albums-roll-over-titre {
	position:absolute;
	left:10px;
	top:20px;
	width:290px;
}
.liste-albums-roll-over-infos {
	position:absolute;
	left:20px;
	top:52px;
	width:275px;
}
.liste-albums-roll-over-prix {
	position:absolute;
	left:198px;
	top:106px;
	width:110px;
}
.liste-albums-roll-over-prix-old {
	position:absolute;
	left:228px;
	top:91px;
	width:110px;
}
.liste-albums-roll-over-external {
	position:absolute;
	left:20px;
	top:108px;
	width:200px;
}


/* ######## ROLL OVER PISTE ######### */
.liste-pistes-roll-over {
	position:absolute;	
	visibility:hidden;
	z-index:50;
}
.liste-pistes-roll-over-panier {
	position:absolute;
	left:310px;
	top:30px;
}
.liste-pistes-roll-over-play {
	position:absolute;
	left:310px;
	top:66px;
}
.liste-pistes-roll-over-mail {
	position:absolute;
	left:310px;
	top:96px;
}
.liste-pistes-roll-over-titre {
	position:absolute;
	left:10px;
	top:5px;
	width:290px;
}
.liste-pistes-roll-over-infos {
	position:absolute;
	left:20px;
	top:37px;
	width:275px;
}
.liste-pistes-roll-over-prix {
	position:absolute;
	left:196px;
	top:91px;
	width:110px;
}
.liste-pistes-roll-over-prix-old {
	position:absolute;
	left:226px;
	top:77px;
	width:110px;
}
.liste-pistes-roll-over-number {
	position:absolute;
	left:61px;
	top:145px;
}



/* ######## CHAPEAU ######### */
.liste-albums-chapeau {
	position:relative;
	width:auto;
	height:22px;
}
.liste-albums-chapeau-small {
	position:relative;
	width:363px;
	height:22px;
}
.liste-albums-chapeau-small-float {
	position:relative;
	width:auto;
	height:auto;
	float:left;
}
.liste-albums-chapeau-gauche {
	position:relative;
	width:13px;
	height:22px;
	float:left;
}
.liste-albums-chapeau-droite {
	position:relative;
	width:14px;
	height:22px;
	float:left;
}
.liste-albums-chapeau-logo {
	position:relative;
	top:5px;
	width:auto;	
	float:left;
	margin-right:3px;
}

.liste-albums-chapeau-titre {
	position:relative;
	top:6px;
	width:auto;	
	float:left;
}
.liste-albums-chapeau-plus {
	position:relative;
	float:left;
	margin-left:10px;
	top:4px;
	z-index:10;
}


/* ######## LISTE HAUT ######### */
.liste-albums-fond-haut {
	position:relative;
	width:737px;
	height:12px;
	z-index:1;
}


/* ######## LISTE BAS ######### */
.liste-albums-fond-bas {
	position:relative;
	width:737px;
	height:6px;	
	clear:both;
}


/* ######## LISTE PIED ######### */
.liste-albums-pied-fond  {
	position:relative;
	right:10px;
	top:-2px;
	width:auto;
	text-align:right;
}


/* ######## LISTE CONCERTS ######### */
/*.liste-concerts-fond-concerts {
	position:relative;
	height:166px;
	min-height:166px;
	width:344px;
	background-image:url(images/liste-concerts-fond-concerts-jazz-en-ligne.jpg);
	background-repeat:no-repeat;
	float:left;
	left:10px;
	padding-left:20px;
}
*/
.liste-concerts-fond-concerts-image {
	position:absolute;
	left:5px;
	top:6px;
	float:left;
}
.liste-concerts-fond-concerts-titre {
	position:relative;
	left:95px;	
	width:215px;
	top:6px;
}
.liste-concerts-fond-concerts-date {
	position:relative;
	left:95px;
	top:6px;
	width:215px;
	margin-top:6px;
}
.liste-concerts-fond-concerts-lieu {
	position:relative;
	left:95px;
	top:6px;
	width:215px;
	margin-top:6px;
}



/* ######## LISTE ALBUMS SMALL ######### */
/*.liste-albums-fond-album-small {
	position:relative;
	height:98px;
	min-height:98px;
	width:158px;
	background-image:url(images/liste-albums-fond-albums-small-jazz-en-ligne.jpg);
	background-repeat:no-repeat;
	float:left;
	left:10px;
	padding-left:20px;
}
*/
.liste-albums-fond-album-image-small {
	position:absolute;
	left:5px;
	top:46px;	
}
.liste-albums-fond-album-artiste-small {
	position:absolute;	
	width:150px;
	top:6px;
	left:5px;
}
.liste-albums-fond-album-titre-small {
	position:absolute;
	width:150px;
	margin-top:6px;
	top:15px;
	left:5px;
}


/* ######## LISTE HAUT SMALL ######### */
.liste-albums-fond-haut-small {
	position:relative;
	width:363px;
	height:12px;
	z-index:1;
}

/* ######## LISTE BAS SMALL ######### */
.liste-albums-fond-bas-small {
	position:relative;
	width:363px;
	height:6px;	
}


/* ########## NOUVEAUTE ########### */
.nouveaute-fond {
	position:relative;
	width:330px;
	height:196px;
	top:0px;
	left:13px;
}
.nouveaute-fond-image {
	position:absolute;
	width:330px;
	height:186px;
	top:0px;
	left:0px;
}
.nouveaute-fond-contenu {
	position:absolute;
	width:179px;
	height:179px;
	top:0px;
	left:3px;
	z-index:20;
}
.nouveaute-image {
	position:absolute;
	width:179px;
	height:179px;
	top:3px;
	left:0px;
}
.nouveaute-info {
	position:absolute;
	width:140px;
	height:185px;
	top:0px;
	left:185px;
	overflow:hidden
}
.nouveaute-info-plus {
	position:absolute;
	width:18px;
	height:18px;
	top:2px;
	left:124px;
	z-index:10;
}
.nouveaute-info-artiste {
	position:relative;
	width:140px;
	margin-bottom:5px;
	top:5px;
}
.nouveaute-info-album {
	position:relative;
	width:140px;
	margin-bottom:5px;
	top:5px;
}
.nouveaute-info-description {
	position:relative;
	width:140px;
	text-align:justify;
	top:5px;
	height:142px;
	overflow:hidden;
}
.nouveaute-bouton-rond {
	position:relative;	
	height:22px;	
 }
.nouveaute-bouton-rond-num {
	position:relative;
	float:left;
	width:16px;
	height:16px;
	top:2px;
	margin-right:3px;
}
.nouveaute-bouton-rond-num-texte {
	position:absolute;
	left:5px;
	top:2px;
	z-index:2;
}



/* ######## LISTE ALBUMS STYLE SMALL ######### */
.liste-albums-fond-album-style-small {
	position:relative;
	height:75px;	
	width:158px;
	float:left;
	left:10px;
	padding-left:20px;
	overflow:hidden;
	padding-bottom:7px;
}

.liste-albums-fond-album-style-image-small {
	position:absolute;
	left:5px;
	top:30px;	
}
.liste-albums-fond-album-style-artiste-small {
	position:absolute;	
	width:150px;
	top:6px;
	left:5px;
}
.liste-albums-fond-album-style-titre-small {
	position:absolute;
	width:100px;
	margin-top:6px;
	top:20px;
	left:50px;
}




/*######## LISTE RECOMPENSES ########*/
.albums-recompenses-ligne {
	position:relative;
	height:76px;
	width:698px;
	left:8px;
	padding-bottom:5px;
}
.albums-recompenses-pochette-album {
	position:absolute;
	left:2px;
	top:-1px;
}
.albums-recompenses-artistes-albums {
	position:absolute;
	left:95px;
	top:5px;
}
.albums-recompenses-liste-titre {
	position:absolute;
	left:95px;
	top:20px;
}
.albums-recompenses-liste {
	position:absolute;
	left:200px;
	top:20px;
	width:460px;
}
.albums-recompenses-liste-point {
	position:absolute;
	left:190px;
	top:20px;
	width:465px;
}
.albums-recompenses-label-titre {
	position:absolute;
	left:95px;
	top:60px;
}
.albums-recompenses-label-point {
	position:absolute;
	left:190px;
	top:60px;
}
.albums-recompenses-label {
	position:absolute;
	left:200px;
	top:60px;
	width:460px;
}
.albums-recompenses-panier {
	position:absolute;
	left:676px;
	top:4px;
}

.albums-recompenses-player {
	position:absolute;
	left:676px;
	top:53px;
}
.albums-recompenses-mail {
	position:absolute;
	left:673px;
	top:27px;
}




/*########### CONSEILS INTERNAUTES ########*/
.conseils-internautes {
	position:relative;
	width:698px;
	text-align:justify;
	left:17px;
	padding-bottom:10px;
}
.conseils-internautes-chapeau {
	position:relative;
	height:32px;
	width:698px;
}
.conseils-internautes-chapeau-gauche {
	position:relative;
	height:32px;
	width:11px;
	float:left;
}
.conseils-internautes-chapeau-milieu {
	position:relative;
	height:32px;
	width:12px;	
	float:left;
}
.conseils-internautes-chapeau-droite {
	position:absolute;
	height:32px;
	width:13px;
	right:0px;
}
.conseils-internautes-chapeau-titre {
	position:relative;
	top:8px;
}
.conseils-internautes-chapeau-plus{
	position:relative;
	padding-left:5px;
	top:8px;
}
.conseils-internautes-fond-bas {
	position:relative;
	height:10px;
	width:698px;
}
.conseils-internautes-pochette-album {
	position:relative;
	left:11px;
	top:0px;
	height:90px;
	float:left;
	width:90px;
}
.conseils-internautes-pochette-icones {
	position:absolute;
	left:0px;
	top:70px;
	height:21px;
}
.conseils-internautes-pochette-icone-panier {
	position:absolute;
	left:0px;
	top:0px;
}
.conseils-internautes-pochette-icone-player {
	position:absolute;
	left:22px;
	top:0px;
}
.conseils-internautes-pochette-icone-mail {
	position:absolute;
	left:45px;
	top:4px;
}
.conseils-internautes-commentaires-droite {
	position:relative;
	width:390px;
	float:left;
}
.conseils-internautes-commentaires-bloc {
	position:relative;
	width:390px;
	height:auto;
}
.conseils-internautes-commentaires-texte {
	position:relative;
	width:390px;
	height:auto;
}
.conseils-internautes-commentaires-note-recompenses {
	float:left;
	position:relative;
	height:auto;
	width:auto;
	left:20px;
}
.conseils-internautes-commentaires-note {
	position:relative;
	width:auto;
	height:auto;
}
.conseils-internautes-commentaires-note-texte {
	position:relative;
	top:12px;
	float:left;
}
.conseils-internautes-commentaires-note-trompette {
	position:relative;
	height:36px;
	float:left;
	left:20px;
}
.conseils-internautes-commentaires-recompenses {
	clear:both;
	position:relative;
	width:auto;
	height:auto;
	top:10px;
}
.conseils-internautes-ajouter-conseil {
	position:relative;
	top:0px;
	left:573px;
	height:21px;
	width:125px;
}



.liste-albums-filtre {
	position:relative;
	left:10px;
	height:auto;	
	padding-bottom:10px;
	width:100%;
}

.liste-albums-filtre-alpha {
	position:relative;
	height:auto;
	padding-bottom:10px;
	clear:both;
}
.liste-albums-filtre-colonne {
	position:relative;
	height:auto;
	width:25%;
	float:left;
	text-align:left;
	padding-top:10px;
}
