body {
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #fff;
	background-color: #000;
	margin: 0;
	padding: 0;
	text-align: left;
}

#body {
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #fff;
	background-color: #000;
	background-image: url(background-julie-claden-behind-the-line.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	text-align: left;
	clear: both;
}


img {
	border: 0;
}

a {
	text-decoration: none;
	color: #fff;
}

a:hover {
	color: #c00319;
}

#music {
	margin: 0;
	padding: 0;
}

#mp3 {
	padding-left: 24px;
	padding-right: 24px;
	height: 64px;
	background-color: #000;
	color: #fff;
	border-bottom: 1px solid #fff;
	vertical-align: bottom;
}

#mp3 img {
	float: left;
}

#mp3 h1 {
	text-transform: uppercase;
	color: #545454;
	background-color: inherit;
	text-align: right;
	font-size: 11pt;
}

#mp3 h1 a {
	color: #545454;
	background-color: inherit;
}

#mp3 h1 a:hover {
	color: #ffffff;
	background-color: inherit;
}

#download-mp3 {
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	height: 20px;
	color: #fff;
	background-color: transparent;
	font-size: 10px;
}

#download-mp3 li {
	display: inline;
	margin: 0;
	padding: 0;
}

#download-mp3 ul {
	list-style-type: square;
	margin: 0;
	padding: 0;
}

#download-mp3 a {
	color: #fff;
	background-color: transparent;
	text-decoration: none;
}

#download-mp3 a:hover {
	color: #c00319;
	background-color: inherit;
}
	

#telecharger {
	padding-left: 24px;
	padding-right: 24px;
	margin-top: 5px;
	margin-bottom: 24px;
	height: 100%;	
}

#telecharger h2 {
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: inherit;
	text-transform: uppercase;
}
	
#musique {
	clear: both;
	padding-top: 10px;
	/*width: 600px;*/
}

#musique-legale {
	width: 464px;
	color: #fff;
	background-color: transparent;
	float: left;
}

#acheter-musique {
	width: 464px;
	color: #fff;
	background-color: transparent;
	/* TEST */
	clear: both;
	float: left;
}

#acheter-musique h1 {
	margin: 10px 0 0 0;
	font-size: 16pt;
	font-family: Arial, Helvetica, sans-serif;
	width: 464px;
	height: 30px;
}

#acheter-musique h2 {
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: inherit;
	text-transform: uppercase;
	margin-bottom: 0;
}

#acheter-musique #playlist input {
	width: 15px;
}

#go-shopping, #reset, #empty, #refresh {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	border: 0;
	background-image: url(telecharger-mp3.jpg);
	background-position: left top;
	width: 80px;
	height: 24px;
	color: #fff;
	background-color: #888;
}

#go-shopping:hover, #reset:hover, #empty:hover, #refresh:hover {
	color: #000;
	background-color: #888;
}


#continue, #confirm {
	width: 152px;
	height: 33px;
	color: #fff;
	text-decoration: blink;
	float: right;
	margin-top: 10px;
	border: 0;
	background-image: url(distribution-numerique.jpg);
	background-position: left top;
	background-color: #888;
	font-size: 16px;
	text-align: center;
}

#confirm {
	padding-top: 7px;
	height: 26px;
}

#continue:hover, #confirm:hover {
	color: #000;
	background-color: #888;
}

#basket {
	width: 464px;
	height: 20px;
	background-image: url(download-music-mp3.jpg);
}

#basket ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#basket li {
	float: left;
	padding: 0;
	width: 92px;
	height: 20px;
	color: #000;
	text-align: center;
	background-image: url(download-music-mp3.jpg);
}

#basket li#current {
	background-image: url(download-mp3.jpg);
	color: #ffffff;
}

#basket li#current a {
	color: #ffffff;
}
#basket a {
	display: block;
	float: left;
	width: 92px;
	height: 20px;
	text-align: center;
	font-size: 10px;
	color: #759ece
}

#basket a:hover {
	background-image: url(download-mp3.jpg);
	color: #ffffff;
}



form {
	margin: 0;
	padding: 0;
}

#acheter-musique table {
	width: 464px;
	color: #fff;
	background-color: inherit;
	font-size: 9pt;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	empty-cells: show;
	border-collapse: collapse;
}

#acheter-musique th {
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #fff;
	padding-left: 5px;
}

#acheter-musique tfoot, #total {
	font-size: 50pt;
	background-color: #9db7d9;
	border: 1px solid #ffffff;
}

#acheter-musique td {
	padding-left: 5px;
	vertical-align: top;
}

#acheter-musique td img {
	float: left;
	margin: 2px 5px 2px 2px;
	border: 1px solid #ffffff;
	width: 51px;
	height: 51px;
}

#acheter-musique td img:hover {
	border: 1px dashed #ffffff;
}

#cover {
	border: 1px solid #fff;
	float: left;
	margin-right: 10px;
	margin-left: 12px;
	margin-bottom: 12px;
}

#cover:hover {
	border: 1px dashed #fff;
}

#cover-flip {
	border: 0;
	/*
	float: left;
	margin-right: 10px;
	margin-left: 13px;
	margin-bottom: -12px;
	*/
	margin-left: 13px;
	margin-top: -12px;
}

ul {
	list-style: none;
}

#album-nouveaute {
	color: inherit;
	background-color: #000;
	/*background-image: url(musique-legale.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-attachment: scroll;*/
	border: 1px solid #fff;
	margin-bottom: 4px;
	min-height: 350px;
	max-height: 390px;
	height: 350px;
	overflow: hidden;
	padding-bottom: 5px;
}

#album-nouveaute h1 {
	margin: 10px 0 0 0;
	padding-left: 10px;
	font-size: 16pt;
	font-family: Arial, Helvetica, sans-serif;
	width: 464px;
	height: 30px;
}


#album-nouveaute h2 {
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: transparent;
	text-transform: uppercase;
	margin-top: 0;
}

#acheter {
	width: 152px;
	height: 130px;
	color: #fff;
	background-color: #789ccc;
	text-align: center;
	background-image: url(acheter-musique.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: right;
	margin-right: 5px;
	font-size: 10pt;
}

#acheter a {
	width: 150px;
	height: 30px;
	font-size: 10pt;
	font-weight: 900;
	font-stretch: condensed;
	display: block;
	margin-top: 7px;
	text-transform: uppercase;
}

#acheter a:hover {
	text-decoration: blink;
}

strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-style: normal;
	font-weight: bold;
	display: block;
	margin-top: 5px;
}

#play-the-music {
	width: 464px;
	height: 27px;
	color: inherit;
	background-color: #000;
	border: 1px solid #fff;
	margin-bottom: 5px;
	vertical-align: top;
}

em {
	font-size: 10pt;
	font-style: normal;
	font-weight: 600;
	margin: 2px 0 2px 5px;
	float: left;
}

#dewplayer-oyoboo {
	float: right;
	vertical-align: top;
	margin: 0;
	padding: 0;
}


#playlist {
	clear: both;
	width: 464px;
	color: inherit;
	background-color: #000;
	border: 1px solid #fff;
}


#mp3-download {
	clear: both;
	width: 464px;
	color: inherit;
	background-color: #000;
	border: 1px solid #fff;
}

#mp3-download h2 {
	margin: 5px;
	color: #fff;
	background-color: transparent;
	text-transform: none;
	font-size: 16px;
}

#mp3-download ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#mp3-download li {
	display: block;
	margin: 10px;
	height: 180px;
	padding: 0;
	background-color: #323232;
	clear: both;
}

#mp3-download img {
	float: left;
	margin: 5px;
	border: 1px solid #fff;
}

#mp3-download img:hover {
	border: 1px dashed #fff;
}

#mp3-download h3 {
	margin: 5px;
	padding: 0;
	font-size: 16px;
}

#mp3-download h4 {
	color: #c00319;
	background-color: transparent;
	font-size: 12px;
	font-weight: 600;
	margin: 5px;
	padding: 0;
}
#mp3-download h4 a {
	color: #c00319;
	background-color: transparent;
}
#mp3-download h4 a:hover {
	color: #fff;
	background-color: transparent;
}


#mp3-download p {
	margin: 5px;
	padding: 0;
}

.download-music {
	display: block;
	float: left;
	width: 80px;
	height: 18px;
	color: #fff;
	background-color: #789ccc;
	text-align: center;
	background-image: url(free-music.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin-right: 5px;
	font-size: 10pt;
	text-transform: uppercase;
}

/*
<ul>
	<li>
		<a href="catalog/dreno/heliotropes" title="ezez"><img src="nouveautes-artiste/dreno-heliotropes.jpg" title="" alt="" /></a>
		<h3><a href="eee">Héliotropes</a></h3>
		<p>Bla bla bla...</p>
		<a href="eee" title="eere" class="download-music">Acheter</a>
	</li>
</ul>
*/

#distribution-numerique {
	/*
	background-image: url(nouveaute-musique.png);
	background-position: left top;
	background-repeat: no-repeat;
	*/
	/*background-color: #9db7d9;*/
	color: inherit;
	float: right;
	width: 320px;
	height: 510px;
	text-align: center;
	
}

#distribution-numerique a {
	color: #000;
}

#distribution-numerique a:hover {
	color: #fff;
}

#artist {
	border: 1px solid #fff;
	margin-top: 35px;
}

#artist:hover {
	border: 1px dashed #fff;
}

	
.music-services {
	text-transform: uppercase;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	background-color: #000;
	width: 240px;
	border: 1px solid #fff;
	padding-left: 10px;
	text-align: left;
	font-weight: 900;
	padding-top: 10px;
	padding-bottom: 10px;
	max-height: 10px;
	overflow: hidden;
}

.music-services:hover {
	border: 1px dashed #fff;
	color: #fff;
	background-color: #000;
	max-height: 90px;
	overflow: auto;
}

#distribution-numerique .music-services a {
	color: #fff;
	background-color: transparent;
}

.music-services img {
	vertical-align: top;
	text-align: right;
}

.music-services a img {
	border: 1px solid #fff;
}

.music-services a img:hover {
	border: 1px dashed #fff;
}

#voter-musique {
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #000;
	background-color: #58B8E8;
	width: 240px;
	border: 1px solid #000;
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
	text-align: left;
	font-weight: 900;
	padding-top: 10px;
	padding-bottom: 10px;
}

#voter-musique:hover {
	border: 1px dashed #fff;
	color: #fff;
	background-color: #58B8E8;
}

#nouveaute {
	clear: both;
	margin-top: 10px;
	padding-left: 24px;
	padding-right: 24px;
	height: 30px;
	background-color: #5282bf;
	color: #fff;
	text-align: right;
	border-top: 1px solid #fff;
}

table {
	width: 464px;
	color: #fff;
	background-color: inherit;
	font-size: 10pt;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	empty-cells: show;
	border-collapse: collapse;
}

#distribution-numerique table {
	width: 180px;
}

th {
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #fff;
	padding-left: 5px;
}

td {
	padding-left: 5px;
}

#title {
	width: 300px;
}

#length {
	width: 100px;
	
}

#click-to-play {
	width: auto;
	text-align: center;
}

.mp3-telechargement {
	background-color: #323232;
	color: inherit;
}


#returning-customer {
	width: 464px;
	border: 1px solid #ffffff;
	background-color: #759ece;
	color: #fff;
}

#returning-customer p {
	margin: 10px;
	text-align: justify;
}

#returning-customer form {
	margin: 10px;
}



#returning-customer fieldset {
	background-color: transparent;
	border: 0;
	/*1px dotted pink;*/
	margin: 0;
	padding: 0;
}

#returning-customer table {
	width: 430px;
	background-color: transparent;
	font-size: 10pt;
	text-align: left;
	margin: 1px;
	empty-cells: show;
	border-collapse: separate;
}

#returning-customer th {
	width: 150px;
	text-align: right;
	padding-right: 5px;
	background-color: #528ebe;
	text-transform: none;
	border: 0;
	font-size: 12px;
}

#returning-customer td {
	width: 250px;
	background-color: #528ebe;
	font-size: 12px;
}



#new-customer {
	width: 464px;
	min-height: 120px;
	border: 1px solid #ffffff;
	background-color: #528ebe;
	color: #fff;
	margin-bottom: 10px;
}

#new-customer p {
	margin: 10px;
	text-align: justify;
}

#new-customer form {
	margin: 10px;
}



#new-customer fieldset {
	background-color: transparent;
	border: 0;
	/*1px dotted pink;*/
	margin: 0;
	padding: 0;
}

#new-customer table {
	width: 430px;
	background-color: transparent;
	font-size: 10pt;
	text-align: left;
	margin: 1px;
	empty-cells: show;
	border-collapse: separate;
}

#new-customer th {
	width: 150px;
	text-align: right;
	padding-right: 5px;
	background-color: #759ece;
	text-transform: none;
	border: 0;
	font-size: 12px;
}

#new-customer td {
	width: 250px;
	background-color: #759ece;
	font-size: 12px;
}

#new-customer #acheter {
	width: 152px;
	height: 35px;
	color: #fff;
	background-color: #000;
	text-align: center;
	background-image: url(distribution-numerique.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: right;
	margin-right: 5px;
	font-size: 10pt;
}

#new-customer #acheter a {
	width: 150px;
	height: 30px;
	font-size: 10pt;
	font-weight: 900;
	font-stretch: condensed;
	display: block;
	margin-top: 7px;
	text-transform: uppercase;
}

#new-customer #acheter a:hover {
	text-decoration: blink;
}

.error {
	color: #000;
	background-color: transparent;
}

/*
label {
	width: 150px;
	background-color: green;
}
*/

#payment-means {
	border: 1px solid #fff;
	padding: 5px;
	background-color: #759ece;
	color: #000;
	margin: 5px;
}

#telecharger-mp3 {
	clear: both;
	width: 464px;
	padding: 5px;
}

#telecharger-mp3 img {
	border: 1px solid #fff;
}

#telecharger-mp3 img:hover {
	border: 1px dashed #fff;
}

#telecharger-mp3 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#telecharger-mp3 li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 180px;
	text-align: center;
	margin: 5px;
	padding: 5px;
	float: left;
}

#telecharger-mp3 li:hover {
	background-color: #759ece;
}

#telecharger-mp3 h4 {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	padding: 0;
	width: 170px;
}

#telecharger-mp3 a {
	font-size: 14px;
}


#artist-music {
	color: inherit;
	background-color: #000;
	border: 1px solid #fff;
	margin-bottom: 4px;
	padding-bottom: 5px;
}

#artist-music h1 {
	margin: 10px 0 0 0;
	padding-left: 10px;
	font-size: 16pt;
	font-family: Arial, Helvetica, sans-serif;
	width: 464px;
	height: 30px;
}


#artist-music h2 {
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: transparent;
	text-transform: uppercase;
	margin-top: 0;
}

#artist-music p {
	margin: 0 10px 0 10px;
	padding: 0;
}


#vendre-musique {
	
}

#vendre-musique p {
	text-align: justify;
}

#vendre-musique fieldset {
	border: 0;
	background-color: #759ece;
	color: #fff;
	padding: 10px;
}

#vendre-musique label {
	width: 150px;
	text-align: right;
	padding-right: 5px;
	float: left;
}

#vendre-musique input, #vendre-musique select, #vendre-musique textarea {
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#vendre-musique #confirm {
	width: 152px;
	height: 33px;

}

#vendre-musique #reset {
	width: 80px;
	height: 24px;
}

dl#network {
	width: 100%;
	clear: both;
	background-color: #006;
	color: #fff;
	margin: 0;
	height: 28px;
	line-height: 28px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
dl#network dt {
	float: left;
	margin: 0;
	margin-left: 5px;
	height: 28px;
	line-height: 28px;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	color: #6cf;
	background-color: transparent;
}
dl#network dd+dd {
	float: left;
	margin: 0;
	margin-left: 7px;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	font-size: 10px;
	background-image: url(reseau-oyoboo.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 10px;
}

dl#network dd {
	float: left;
	margin: 0;
	margin-left: 7px;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	font-size: 10px;
	/*
	background-image: url(reseau-oyoboo.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 10px;
	*/
}
dl#network dd img {
	vertical-align: middle;
	margin-right: 5px;
}
dl#network dd a {
	color: #fff;
	background-color: transparent;
	text-decoration: none;
	border: 0;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
dl#network dd a:hover {
	border-bottom: 1px dashed #fff;
}
dl#network dd a img {
	border: 0;
}