/* --------------- le corps de document ------------------ */
body {
position:absolute;
top:0;
left:0;
font-size:12pt;
font-family: Helvetica,Verdana,Arial;
background-image:url(../images/music_b020.jpg);
background-repeat:repeat-y;
border:0;
padding:0;
padding-left:15%;
padding-right:5%;
margin:0;
width:80%;
height:100%;
color:#003388;
}

a {
text-decoration:none;
color:#003388;
}

a:hover {
text-decoration:underline;
color:#008833;
}

h1 {
color:#883300;
font-size:20pt;
text-align:center;
}

h2 {
color:#338800;
font-size:18pt;
text-align:center;
clear:both;
}

h3 {
color:#330088;
font-size:14pt;
}


h5 {
font-size:8pt;
font-style:italic;
}

dt {
color:#880033;
font-size:12pt;
font-weight:bold;
margin-top:1em;
}

dl {
margin-left:4ex;
}

/* --------------- le menu ---------------- */

#menu {
width:92%;
height:6%;
padding:0;
padding-left:8%;
margin:0;
margin-top:1em;
border:0;
font-size:14pt;
text-align:center;
}

#menu ul {
display:inline;
width:100%;
padding:0;
margin:0;
border:0;
list-style-type:none;
}

#menu li {
float:left;
display:table;
width:16%;
height:100%;
padding:0;
margin:0 2%;
border:0;
vertical-align:middle;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}

#menu a {
display:table-cell;
text-decoration:none;
height:100%;
background-color:#003388;
background-image:-moz-linear-gradient(90deg,#002244,#0066BB);
background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0,#002244),color-stop(1,#0066BB));
color:#ffffff;
margin:0;
padding:0;
vertical-align:middle;
-moz-box-shadow: 1px 1px 1ex #002244;
-webkit-box-shadow: 1px 1px 1ex #002244;
box-shadow: 1px 1px 1ex #002244;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}

#menu a:hover {
background-color:#008833;
background-image:-moz-linear-gradient(90deg,#004422,#00BB66);
background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0,#004422),color-stop(1,#00BB66));
}

/* ----------- la discographie -------------*/

ul.playlist {
float:left;
width:30%;
}

span.chanson {
font-weight:bold;
font-style:italic;
}

span.chanteur {
font-style:italic;
font-variant:small-caps;
color:#008833;
}

span.tempo, span.style {
font-size:10pt;
}

span.style {
font-style:italic;
}

img {
border:0;
}