@charset "UTF-8";
/* CSS Document */

body{

background-repeat:repeat-x;
background-color:#744C2E;
/*color:#000033;*/
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
width:800px;
margin:auto;
margin-top:20px;
}

#surface{
background-image:url(../images/harpe_fond.png);
background-repeat:no-repeat;
background-position:center;
height:850px;
margin-bottom:50px;
}

#en-tete{
/*border-bottom:#000033;
border-bottom-style:dotted;
border-bottom:thin;*/
background-image:url(../images/logo_new_harpe.png);
background-repeat:no-repeat;
background-position:center;
height:190px;
margin-top:10px;
margin-bottom:20px;
}


#menu{
border-right:thin;
border-right-color:#FFFFFF;
border-right-style:dashed;
padding-left:20px;
margin-top:30px;
width:175px;
height:350px;
float:left;
clear:both;
position:absolute;
}

#contenu{
text-align:justify;
margin-left:237px;
margin-top:20px;
height:530px;
width:500px;
}


#pied{
margin-top:20px;
padding-right:20px;
text-align:justify;
clear:both;
text-align:center;
font-size:xx-small;
}


.lien_menu{
border:0px;
}

#menu ul
{
line-height:40px;
list-style:none;
padding-left:0px;
}

img, div {
url:(iepngfix.htc);
}

#accueil{

background-image:url(../images/accueil.png);
background-position:center;
width:175px;
height:40px;

}

#accueil:hover{

background-image:url(../images/accueil2.png);
background-position:center;
width:175px;
height:40px;
background-repeat:no-repeat;

}


#biographie{

background-image:url(../images/biographie.png);
background-position:center;
width:175px;
height:40px;

}

#biographie:hover{

background-image:url(../images/biographie2.png);
background-position:center;
width:175px;
height:40px;
background-repeat:no-repeat;
}


#agenda{

background-image:url(../images/agenda.png);
background-position:center;
width:175px;
height:40px;

}

#agenda:hover{

background-image:url(../images/agenda2.png);
background-position:center;
width:175px;
height:40px;
background-repeat:no-repeat;
}


#presse{

background-image:url(../images/presse.png);
background-position:center;
width:175px;
height:40px;

}

#presse:hover{

background-image:url(../images/presse2.png);
background-position:center;
width:175px;
height:40px;
background-repeat:no-repeat;
}


#repertoire{

background-image:url(../images/repertoire.png);
background-position:center;
width:175px;
height:40px;

}

#repertoire:hover{

background-image:url(../images/repertoire2.png);
background-position:center;
width:175px;
height:40px;
background-repeat:no-repeat;
}


#ensembles{

background-image:url(../images/ensembles.png);
background-position:center;
width:175px;
height:40px;

}

#ensembles:hover{

background-image:url(../images/ensembles2.png);
background-position:center;
width:175px;
height:40px;
background-repeat:no-repeat;
}

#photos{

background-image:url(../images/photos.png);
background-position:center;
width:175px;
height:40px;

}

#photos:hover{

background-image:url(../images/photos2.png);
background-position:center;
width:175px;
height:40px;
background-repeat:no-repeat;
}

#liens{

background-image:url(../images/liens.png);
background-position:center;
width:175px;
height:40px;

}

#liens:hover{

background-image:url(../images/liens2.png);
background-position:center;
width:175px;
height:40px;
background-repeat:no-repeat;
}


#cd{

background-image:url(../images/cd.png);
background-position:center;
width:175px;
height:40px;

}

#cd:hover{

background-image:url(../images/cd2.png);
background-position:center;
width:175px;
height:40px;
background-repeat:no-repeat;
}


#contacts{

background-image:url(../images/contacts.png);
background-position:center;
width:175px;
height:40px;

}

#contacts:hover{

background-image:url(../images/contacts2.png);
background-position:center;
width:175px;
height:40px;
background-repeat:no-repeat;
}