/* CSS Document */


/********* BALISES REDEFINIES *********/

body {
	background-color:#C8C8C8;
}

h1,h2,h3 {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
}


p,li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin:0 0 8px 0;
}

input {
	font-size:11px;
	height:14px;
	vertical-align:middle;
	margin:0; 
	padding:0;
}

select {
	font-size:11px;
	height:18px;
}

textarea {
	font-size:11px;
}





/********* PSEUDO-CLASSES *********/


p.petit {
	font-size:10px;
}

p.moyen {
	font-size:11px;
}

a {cursor:pointer;}
a:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:underline;
}
a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}
a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:underline;
}


a.black_moyen {
	font-size:11px;
	font-weight:bold;
}
a.black_moyen:hover {
	font-size:11px;
	font-weight:bold;
}
a.black_moyen:visited {
	font-size:11px;
	font-weight:bold;
}
a.lien_moyen {
	font-size:11px;
}
a.lien_moyen:hover {
	font-size:11px;
}
a.lien_moyen:visited {
	font-size:11px;
}



a.lien_orange:link{
	font-size:11px;
	color:#E67900;
	text-decoration:underline;
}
a.lien_orange:hover{
	font-size:11px;
	color:#E67900;
	text-decoration:none;
}
a.lien_orange:visited{
	font-size:11px;
	color:#E67900;
	text-decoration:underline;
}




/********* CLASSES DE TEXTES *********/


.titre_page {height:21px; font:bold 16px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:1px 0 0 13px;}

.titre1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: bold;
	color:#000000;
}

.titre2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
	color:#000000;
	margin-top:-3px;
}

.titre_orange {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	color:#E67900;
}

.titre_noir {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	color:#000000;
}

.important {
	font-weight: bold;
	color: #000000;
}

.important_orange {
	font-weight: bold;
	color: #E67900;
}

.important_rouge {
	font-weight: bold;
	color: #CC3300;
}

.texte_p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.texte_p_moyen {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

.commentaire {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}


.soustitre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:italic;
}




/********* STRUCTURE DE LA PAGE *********/

#main {width:1000px; background-color:#FFFFFF; margin:0 auto; position:relative;}
#content {position:relative; margin-left:200px; min-height:480px;}


/********* CLASSES DE POSITIONNEMENT *********/



.ico_double_titre {
	margin-top:3px;
}


img.download {
	margin-left:-2px;
}

img.liste_cover { float:left;}


/********* CLASSES DE LISTE des NOUVEAUTES *********/

.liste_album {
	width:200px; display:inline-block; 
	padding:0 10px 10px 10px; margin:0 0 30px 0; 
	background:url(../images/line-liste-albums.png) 8px bottom no-repeat;
}
.liste_album .infos_artiste {margin:0 0 2px 0;}
.liste_album .infos_album {position:relative; }
.liste_album .liste_infos {position:absolute; bottom:4px; left:83px;}
.liste_album .separateur {background:url(../images/separateur-album.png) center no-repeat; width:13px; height:18px; display:inline-block;}
.liste_album .coverlist {border:4px solid #FFFFFF; }
.liste_album .nbtitres {font:normal 12px Arial, Helvetica, sans-serif; padding:0 0 4px 2px;}
.liste_album .actions {font:bold 12px Arial, Helvetica, sans-serif; height:18px; }
.liste_album .prix {padding-top:4px; display:inline-block; vertical-align:top;}
.liste_artiste{
	margin-top:-1px;
}



.texte_prix {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

.texte_detail {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-top:2px;
}



a.lien_artiste:link{
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a.lien_artiste:hover{
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
a.lien_artiste:visited{
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
}



a.lien_album:link{
	font:normal 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a.lien_album:hover{
	font:normal 12px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
a.lien_album:visited{
	font:normal 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
}





/********* CLASSES DE LISTE des SELECTIONS *********/


.selection_1{
	width:230px;
	height:44px;
	background-color:#F3F3F5;
	margin-bottom:5px;
}
.selection_2{
	width:230px;
	height:44px;
	background-color:#FFFFFF;
	margin-bottom:5px;
}
.selection_detail {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-top:-2px;
	margin-left:-2px;
}





/********* CLASSES PAGE ALBUM *********/

.album_author {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	font-style:italic;
	margin-left:-1px;
}
.album_name {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	margin-top:-2px;
}
.album_label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:-1px;
}
.album_prix{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	margin-top:-3px;
}
.album_cover{
	margin:0px 25px 0px 0px;
}


.zoom_albums {
	background-color:#F2F2F2;
	width:100%;
	margin-top:10px;
}



/********* ID GENERAUX *********/

#footer {padding:2px; background-color:#E67900; }

#footer p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	margin:0;
}


#footer a:link{
	color:#FFFFFF;
	font-size:10px;
	text-decoration:underline;
}
#footer a:hover{
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
}
#footer a:visited{
	color:#FFFFFF;
	font-size:10px;
}