body { margin: 0; padding: 0; font: bold 14px Arial, Helvetica, sans-serif; color: #fff; background: #000; }
a { color: #fff; text-decoration: none;}
a:hover { color: #fcf; text-decoration: underline; }
h1 { display: none; }
h1, h2, h3, h4, h5 { margin: 0; padding: 0; }
img { border: none; }

.conte { color: #fc0; }
.recital { color: #f60; }
.clunk { color: #3cf; }

.small { font-size: 85%; }

ul#nav { width: 1000px; list-style-type: none; margin: 10px auto; padding: 0; }
#nav li { display: inline; text-transform: uppercase; padding: 0 10px; }

#spiral {
position: relative;
margin: 0 auto;
width: 1000px;
height: 500px;
background: url("5t.png") no-repeat 140px;
}
#spiral ul { list-style-type: none; }
#spiral li { position: absolute; font-size: 110%; }
#spiral #selmer { position: absolute; bottom: 60px; left: 60px; }
#spiral #news { top: 60px; right: 400px; }
#spiral #presentation { top: 100px; right: 310px; }
#spiral #programme { top: 150px; right: 280px; }
#spiral #concerts { top: 200px; right: 300px; }
#spiral #media { top: 250px; right: 310px; }
#spiral #liens { top: 300px; right: 320px; }
#spiral #galerie { top: 350px; right: 340px; }
#spiral #contact { top: 400px; right: 430px; }

#page {
position: relative;
width: 1000px;
height: 590px;
margin: 10px auto;
padding: 0;
background: url("screen.png") no-repeat;
}
#content {
position: absolute;
top: 12px;
left: 11px;
height: 563px;
width: 450px;
padding-left: 505px;
overflow: hidden;
text-align: justify;
}
#liens ul li, #concerts ul li { margin: 6px 0; }
#news #content { background: url("photos/news.jpg") no-repeat top left; }
#concerts #content { background: url("photos/concerts.jpg") no-repeat top left; }
#liens #content { background: url("photos/liens.jpg") no-repeat top left; }
#media #content { background: url("photos/media.jpg") no-repeat top left; }
#programme #content { background: url("photos/programme.jpg") no-repeat top left; }
#galerie #content { padding-left: 0; width: 980px; }
#presentation #content { height: 380px; }
#galerie iframe { margin: 0 auto; width: 500px; height: 500px; display: block;}
#presentation #content { padding-left: 0; padding-top: 195px; background: url("presentation-valloo.jpg") no-repeat; width: 976px; }
#presentation #text, #presentation #bio { width: 460px; overflow: auto; padding: 10px; height: 350px; float: left; }
#presentation #bio { padding: 2em; }
#presentation #bios .bio { position: relative;  padding: 0 1em; top: 0; left: 0; height: 300px; overflow: auto;  }
#presentation #bios { margin: 1em; padding: 1em; text-align: justify; }
#presentation #bios ul { margin-bottom: 1em; padding: 0 1em; }
#content h2 { text-transform: uppercase; text-align: center; }
#type { text-transform: uppercase; text-align: center; font-size: 110%; margin-top: 1em; }
#content h3 { text-transform: uppercase; margin-top: 1em; }
#content ul { list-style-type: square; margin: 0; padding: 0; list-style-position: inside; }
ul#membres { margin: 0; padding: 0; list-style-type: none; position: absolute; top: 0; left; 0; width: 976px; }
#membres li a { margin: 0; padding: 0; float: left; text-indent:-5000px; display: block;	height: 195px; width: 192px; }