html , body{ margin : 0 auto 0;}

body {
	width: 100%;
	margin-top:0px;
	margin-left:0;
	background: #000 url('images/back.jpg') center top fixed;
	background-size: cover;
}

#wrap { 

width: 480px;
margin: 40px auto;
background: rgba(255,255,255,0.7);
padding-top: 15px;
border-radius: 0 0 20px 20px;padding-bottom: 10px;}

#lecteur {
		width: 450px;
		height: 450px;
margin: 0 auto;}

h1 {
	color: #103848;
	font-size: 30px;
	font-family: Impact, Charcoal, sans-serif;
	text-align: center;
	margin: 5px auto 0px;
}

h2 {
	color: #103848;
	font-size: 24px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-align: center;
	margin: 0px auto 0px;
}

h3 {
	color: #000;
	font-size: 16px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-align: center;
	margin: 0px auto 5px;
}

a {transition: opacity 700ms; opacity: 1;}

.ligne1 {width: 360px; height: 45px; margin: 30px auto;}
.ligne1 a {width: 150px; height : 45px; display: inline-block; }
a.deezer {background: url('images/deezer.png');margin-right: 55px;}
a.spotify {background: url('images/spotify.png');}
.ligne2 {width: 360px; height: 49px; margin: 30px auto;}
.ligne2 a {width: 150px; display: inline-block; vertical-align: middle;}
a.google {background: url('images/google.png'); height: 49px;margin-right: 55px;}
a.apple {background: url('images/apple.png');height: 36px;}
.ligne3 {width: 360px; height: 50px; margin: 30px auto;}
.ligne3 a {width: 150px; display: inline-block; vertical-align: middle;}
a.amazon {background: url('images/amazon.png'); height: 47px;margin-right: 55px;}
a.bandcamp {background: url('images/bandcamp.png');height: 50px;}

.rectangle { width: 420px; height: 60px; margin: 0 auto 10px; background: url('images/back.jpg') center center;border-radius: 40px; 
-moz-box-shadow: inset 5px 5px 10px 0px #000000;
-webkit-box-shadow: inset 5px 5px 10px 0px #000000;
-o-box-shadow: inset 5px 5px 10px 0px #000000;
box-shadow: inset 5px 5px 10px 0px #000000;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=10);}
.rectangle img, .rectangle h4 {display: inline-block; vertical-align: middle;}
.rectangle a{display: block; width: 350px; margin: 0 auto;text-decoration: none;}
.rectangle img {margin-top: 5px;}
.rectangle h4 {float: right;margin-top: 17px;font-family: "Trebuchet MS", Helvetica, sans-serif; color: #fff; text-align: right; font-size: 20px;}

a.site {font-family: Impact, Charcoal, sans-serif; color: #103848; font-size: 18px;display: block;  text-align: center; margin : 0 auto;text-decoration: none;}

p.copyright {font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 14px; text-align: center;color: #000;}

a:hover {opacity: 0.5;}