@CHARSET "ISO-8859-1";

/* -- General style -- */

body {

	width: 960px;

	font: 14px Helvetica Neue;

	text-rendering: optimizeLegibility;

	overflow-y: scroll;

	z-index: 1;

	position: relative;

}

h1 {

  font-size: 36px;

  font-weight: 300;

  margin-bottom: .3em;

}

h2 {

	clear: both;

}

/* -- Streamgraph Style -- */

#dessin {

	width: 200px;

	height: 200px;

	border: solid 1px black;

}

#couleurs li {

	float: left;

	margin: 5px 15px;

	padding: 10px 20px;

	border: solid 1px black;

	font-weight: bold;

}

#couleurs li.rouge {

	background: red;

}

#couleurs li.bleu {

	background: blue;

}

#couleurs li.vert {

	background: green;

}

#piano li {

	margin: 5px;

	padding: 5px 10px;

	border: solid 1px black;

	width: 75px;

	background-color: white;

	color: black;

}

#piano li.enfonce {

	background-color: black;

	color: white;

}