@charset "UTF-8";

/* GLOBAL */

html, body {
	height: 100%;
}
body {
	background: #8f0000 url(../.images/playlist-fond-rouge.png) repeat-y center top;
}
div#global {
	padding: 0;
	height: 100%;
}

/* TITRE DE LA PLAYLIST */

div#titres {
	position: fixed;
	top: 0;
	left: 0;
	width: 50%;
}
p#logo {
	margin: 21px 85px 0 0;
}
p#logo img {
	float: right;
}
div#titres h1 {
	margin: 35px 20px 0 0;
	text-align: right;
}
div#titres h1.rock {margin: 35px 20px 0 0;}
div#titres h1.electro {margin: 37px 19px 0 0;}
div#titres h1.chanson {margin: 40px 20px 0 0;}

/* BLOC DE LA PLAYLIST */

div#bloc-playlist {
	min-height: 100%;
	margin: 0 0 0 325px;
	padding: 0;
	border: solid #ea6927;
	border-width: 0 4px 0 5px;
	background: black;
	text-align: right;
	/*font-size: 1.1em;*/
	color: #eee;
}
div#bloc-playlist-bis {
	padding: 10px 30px 10px 30px;
}
div#bloc-playlist h2 {
	margin: 1.5em 0 .5em 0;
	font-size: 1.2em;
	font-variant: small-caps;
}
div#bloc-playlist h2:first-child {
	margin-top: .5em;
}
div#bloc-playlist ol {
	margin: 5px 0;
	padding: 0;
	list-style: none;
	color: gray;
}
div#bloc-playlist ol li {
	line-height: 1.2em;
	margin: .5em 0;
	text-align: right;
}
div#bloc-playlist ol span.titre {
	/*color: white;*/
}
div#bloc-playlist ol span.artiste {
	color: #eee;
}
div#bloc-playlist ol span.genre {
	display: block;
	text-transform: uppercase;
	font-size: .85em;
	color: gray;
}
div#bloc-playlist ol a {
	font-style: italic;
	border-bottom: dashed 1px #541;
}