html {
  margin: 0;
  padding: 0;
  width: 100%;
}


body {
margin: 0;
  padding: 0;
width: 100%;
margin : auto;
background-image: url(copie1024.jpg); 

 background-attachment:fixed;
background-repeat: no-repeat;

background-color:#eaba80;
  
font-family:"Comic Sans MS","Trebuchet MS",Georgia,serif;

background-position : center top ;

font-family: Times, "Times New Roman", Georgia,serif;



}






#page {
/*width : 900px;*/

width : 100%;
 
 margin: auto;

}

#centre{
width: 100%;


margin-top :169px;
}
#barre {

 float: left;
width: 150px;
margin:0;
padding:0;
margin-right: 10px;
margin-left:10px;
}




#nav{

list-style: none;

margin:0;
padding:0;

width : 100%;

}

#nav  a {

display: block;


padding-top: 5px;
height: 32px;
color: #643e27;


text-transform: uppercase;



}



 #nav a:hover {
color : #F52300;


text-decoration: underline;

 font-weight: bold;
}


#nav li {

margin-top: 10px;
}



#texte{
margin : auto;
width: 813px;
} 







#entetetexte {

 margin: 0;
  padding: 0;
width: 100%;
height : 199px;

background-image: url(entetetexte.png); 

color: #4a4d7b;



 background-repeat: no-repeat;
  background-position: left top;

} 


#corpstexte{

 margin: 0;
  padding: 0;

padding-top:1px;
width: 100%;
/* min-height: 700px; */
text-indent: 15px;

line-height : 30px;

background-image: url(corpstexte.gif); 
  background-repeat: repeat-y;
  


color: #4a4d7b;

padding-bottom:1px;
} 


#bastexte{

height: 96px;


background-image: url(bastexte.png);



   background-repeat: no-repeat;
  background-position: left top;



} 


.clair { 
clear:both; 
}


#lyrics {

width : 615px;
margin-left:180px;




}