body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: "Courier New", Courier, sans-serif;
	font-size: 20px;
	color: black;
	background-color: #f4f8ff;
}

/* Liens */
a:link { color: #C6C2C2; text-decoration: none; }
a:visited { color: #C6C2C2; text-decoration: none; }
a:hover { color: #5D5D5D; text-decoration: underline; }

/* Pas d'encadrement en pointillé autour des images */
a:focus { outline: 0; }

/* Pas de cadre autour des images */
img { border: 0; }

/* Pas de point pour le menu */
ul { list-style-type: none; }

/* Format de la page */
#page {
	margin: auto;
	height: 725px;
	width: 800px;
	text-align: center;
	background-color: #f4f8ff;
}

#haut {
	height: 50px;
}

#menu {
	height: 60px;
}

#corps {
	height: 360px;
}

#bas {
	height: 260px;
}

/* Retour */
.retour {
	position: relative;
	display: block;
	top: 20px;
	text-align: center;
}

/* Boutons */
.bt_chanson a {
	position: absolute;
	display: block;
	height: 50px;
	width: 100px;
	margin-top: 5px;
	margin-left: 100px;
	opacity : 0.2;
	filter : alpha(opacity=20);
}
.bt_chanson a:hover {
	opacity : 0.7;
	filter : alpha(opacity=70);
}

.bt_album a {
	position: absolute;
	display: block;
	height: 50px;
	width: 100px;
	margin-top: 5px;
	margin-left: 350px;
	opacity : 0.2;
	filter : alpha(opacity=20);
}
.bt_album a:hover {
	opacity : 0.7;
	filter : alpha(opacity=70);
}

.bt_lien a {
	position: absolute;
	display: block;
	height: 50px;
	width: 100px;
	margin-top: 5px;
	margin-left: 600px;
	opacity : 0.2;
	filter : alpha(opacity=20);
}
.bt_lien a:hover {
	opacity : 0.7;
	filter : alpha(opacity=70);
}

/* Album download */
.revisions-absurdes-download a {
	position: relative;
	display: block;
	height: 300px;
	width: 601px;
	margin: auto;
	background: url("image/revisions_absurdes_download.png") 0 0 no-repeat;
}
.revisions-absurdes-download a:hover {
	background-position: 0 -300px;
}

/* Ligne Copyright */
.copyright {
	position: relative;
	display: block;
	height: 20px;
	width: 580px;
	margin: auto;
	font-size: 14px;
	text-align: right;
	color: #808D95;
	cursor: default;
}

/* Textes */
.txt_chansons {
	font-size: 18px;
	visibility: visible;
	display: block;
	text-align: center;
}

.txt_liste_chansons {
	text-align: left;
	margin-left: 200px;
}

.txt_liens {
	visibility: hidden;
	display: none;
}

.txt_album {
	font-size: 18px;
	visibility: hidden;
	display: none;
}

.txt_contenu {
	font-size: 16px;
	text-align: left;
	margin-left: 200px;
}

.txt_compresseur {
	font-size: 15px;
}

.txt_separateur {
	text-align: center;
}

.txt_mail {
	font-size: 18px;
	visibility: hidden;
	display: none;
	text-align: center;
}

/* Liens */
.facebook a {
	position: absolute;
	display: block;
	height: 52px;
	width: 52px;
	margin-top: 5px;
	margin-left: 100px;
	background: url("image/facebook.png") 0 0 no-repeat;
}
.facebook a:hover { 
	background-position: 0 -52px;
}

.youtube a {
	position: absolute;
	display: block;
	height: 52px;
	width: 52px;
	margin-top: 5px;
	margin-left: 282px;
	background: url("image/youtube.png") 0 0 no-repeat;
}
.youtube a:hover {
	background-position: 0 -52px;
}

.bandcamp a {
	position: absolute;
	display: block;
	height: 52px;
	width: 52px;
	margin-top: 5px;
	margin-left: 464px;
	background: url("image/bandcamp.png") 0 0 no-repeat;
}
.bandcamp a:hover { 
	background-position: 0 -52px;
}

.soundcloud a {
	position: absolute;
	display: block;
	height: 52px;
	width: 52px;
	margin-top: 5px;
	margin-left: 648px;
	background: url("image/soundcloud.png") 0 0 no-repeat;
}
.soundcloud a:hover {
	background-position: 0 -52px;
}

audio {
	margin: auto;
}

ul {
	border: solid 5px #3B4047;
	font-family: sans-serif;
	font-size: 18px;
	list-style: none;
	margin: auto;
	padding: 0px;
	width: 400px;
	max-height: 400px;
}
ul li:nth-child(even) {
	text-align: left;
	background-color: #A4AFBC;
}
ul li:nth-child(odd) {
	text-align: left;
	background-color: #97A2AF;
}
ul li a,
ul li a:visited,
ul li a:hover {
	margin-left: 50px;
}
ul li a:hover {
	color: black;
	text-decoration: none;
}