body 
{ 	
font-style: normal; 
font-size: 12px;
line-height: normal; 
font-weight: normal; 
text-align:justify;
color: #000000; 
background-color: #000000; 
scroll="no";
style="overflow:hidden";
overflow:auto;
font-family: Arial;
background-image:url('../images/fond.jpg');
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top center;
}

.midbody
{
position: relative;
height: 600px;
width: 1000px;
margin-left: auto;
margin-right: auto;
}

.menuleft1
{
position: absolute;
background-image:url('../images/menuleft.gif');
height: 130px;
width:240px;
top:  250px;
left: 30px;
background-repeat: no-repeat;
background-position: top left;
opacity : 0.5;
filter:alpha(opacity=50);
}

.menuleft1:hover
{
opacity : 1.0;
filter:alpha(opacity=100);
}

.menuleft2
{
position: absolute;
background-image:url('../images/menuleft.gif');
height: 50px;
width: 240px;
top: 380px;
left: 30px;
background-repeat: no-repeat;
background-position: left -130px ;
opacity : 0.5;
filter:alpha(opacity=50);
}

.menuleft2:hover
{
opacity : 1.0;
filter:alpha(opacity=100);
}

.menuleft3
{
position: absolute;
background-image:url('../images/menuleft.gif');
height: 160px;
width: 240px;
top: 430px;
left: 30px;
background-repeat: no-repeat;
background-position: left -180px ;
opacity : 0.5;
filter:alpha(opacity=50);
}

.menuleft3:hover
{
opacity : 1.0;
filter:alpha(opacity=1000);
}

ul, li {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin:0;
padding:0;
}

.lecteurmp3
{
position: absolute;
/*background-color: #000;*/
height: 230px;
width: 310px;
top:  340px;
left:  290px;
background-position: top center;
/*opacity : 0.2;*/
}

/*.holder */
#conteneur
{
left: 635px;
top:  45px;
position: relative;
height: 305px;
width: 310px;
}

#image
{
position:absolute; 
top:0; 
right:0; 
width:305px; 
height:310px; 
opacity:0.5;
filter:alpha(opacity=50);
/*background-image:url('../images/paroles.jpg');*/
}

#Corp
{
position:absolute; 
top:0; 
right:0; 
background:transparent; 
height: 305px;
width: 310px;
overflow: auto;
font-weight: bold ; 
text-align:right;
padding:20px;
margin-right:40px;
margin-top:20px;
color: #000;
}

ul {
position: relative;	/* positionnement pour IE5 et IE5.5 */
margin-left: auto;
margin-right: 3%;
background: transparent url(../images/menu_chanson.jpg) top left no-repeat;	/* arrière-plan général du menu */
width: 700px;
height: 200px;
text-align: center;
}
li {float: left;}

li a {	/* dimensions et définitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 200px;
width: 50px;
color: #fff;
font-size: 14px;
line-height: 50px;	/* hauteur de ligne pour éviter les paddings */
font-weight: bold;
font-family: arial, serif;
text-decoration: none;
}
li a:hover {
background: transparent url(../images/menu_chanson.jpg) top left no-repeat;
}
a#lien1:hover {
background-position: -736px 0%;	/* décalage de l'arrière-plan pour chaque bouton */
}
a#lien1:hover {
background-position: -700px 0%;	/* décalage de l'arrière-plan pour chaque bouton */
}
a#lien2:hover {
background-position: -750px 0%;
}
a#lien3:hover {
background-position: -800px 0%;
}
a#lien4:hover {
background-position: -850px 0%;
}
a#lien5:hover {
background-position: -900px 0%;
}
a#lien6:hover {
background-position: -950px 0%;
}
a#lien7:hover {
background-position: -1000px 0%;
}
a#lien8:hover {
background-position: -1050px 0%;
}
a#lien9:hover {
background-position: -1100px 0%;
}
a#lien10:hover {
background-position: -1150px 0%;
}
a#lien11:hover {
background-position: -1200px 0%;
}
a#lien12:hover {
background-position: -1250px 0%;
}
a#lien13:hover {
background-position: -1300px 0%;
}
a#lien14:hover {
background-position: -1350px 0%;
}


/* mentions et copyright */
div#mentions {
  font-family: verdana, arial, sans-serif;
  position: absolute;
  bottom : 200px;
  left : 10px;
  width: 450px;
  margin: 1em;
  padding: 0.5em;
  background: #FFF7D2;
  -moz-border-radius:10px;
  border-radius:10px;
  line-height: 1.1;
  font-size: 0.9em;
}
div#mentions a {
  text-decoration: none;
  color: #222;
}
div#mentions a:hover {
  text-decoration: underline;
  color: black;
}