body, html {
  margin: 0;
  padding: 0;
  width: 100%;
 
 
color: #fff;
  



font-family:"Comic Sans MS","Trebuchet MS", Georgia, Times, "Times New Roman", serif;

}



body {
  margin: 0 0 0 auto;
  background: #000 url(fond3.png) repeat-x scroll left top;
  /* #1b1b1b*/
 
}
h1,h2,h3,h4,h6,br,hr,form{
  margin: 0;
  padding: 0;
text-align:center;
font-family: Arial, Helvetica, Verdana, Formata,sans-serif;
}


form{

}




p{

text-indent: 30px;
margin-bottom: 15px;
}


a {
color:green;
text-decoration:none;
}
a:visited {
color:black;
}

a:hover { color:white; }



img {

border:none;

}

textarea {
margin: 0;
  padding: 0;
width:150px;
overflow:auto;
}



 p:first-letter {
  font-weight: bold;
  font-size: 2em;
  color: #005;
  text-transform: capitalize;
}






#contenant {
  
padding :0;
margin:0;
margin: auto;
  background:  center top;
background-repeat: no-repeat;

background-image: url(fondcontenant.png);



  width: 1024px;
  padding-top: 20px;
}


#contenantmedia {
  
padding :0;
margin:0;
margin: auto;
  background:  center top;
background-repeat: no-repeat;

background-image: url(img/pageflip/pages/posterold.jpg);




  width: 100%;
  padding-top: 20px;
}





#page {
padding :0;
margin:0;
margin: auto;
/* min-height: 600px; */
width: 810px;
background-color: transparent;
}

#centre {
padding :0;
margin:0;
font-family: "Times New Roman",Times,serif;


color: #cccccc;
text-align: justify;
background-color: transparent;

width: 100%;
background-position: left top;
background-image: url(fondcentre.gif);
background-repeat: repeat;
}




#entete {
width: 100%;
height: 125px;
background-repeat: no-repeat;

background-image: url(entete.png);



}

#texte {
padding :0;
margin:0;
margin-left: 21px;
margin-right:25px;
padding-bottom:15px;
width:600px;
font-size:110%;
}






#menu {
  width: 788px;
  height: 50px;
}
#listemenu {
  margin: 0px;
  padding: 10px 0px 5px;
  list-style-type: none;
  position: relative;
  width: 100%;
}



#laterale { 

float:right;
width:170px;
margin-right:5px;
margin-top:30px;

}



#baspage {
  width: 100%;
  height: 149px;
  padding-left:76px;
padding-top:103px;
  background-repeat: no-repeat;


background-image: url(bascentre2.png);
 


}




#entete h1 {
  margin: 23px 0 0 63px;
  padding: 0;
  color: silver;
text-indent: -900%;
}




.media {


background-image: url(img/media2.png);


display : block;

 width: 64px;
  height: 64px;

background-repeat: no-repeat;





}




.photos {
float: left;
padding: 5px;
border: 1px solid #ccc;
margin: 5px;


}





.pageflip {

height : 600px;

}







#listemenu a {

  display: block;
 outline: none;
  text-indent: -900%;
  position: absolute;
}
#listemenu a:hover {
  background-position: left bottom;
}
#biographie {


background-repeat: no-repeat;

background-position: left top;

background-image: url(biographie.gif);  


  height: 36px;
  width: 200px;
  top: 0px;
 left: 174px;


}
#accueil {
  background: transparent url(accueil.gif) no-repeat scroll left top;
  height: 29px;
  width: 140px;
  top: 0px;
  left: 11px;


}
#paroles {
  background: transparent url(paroles.gif) no-repeat scroll left top;
  height: 36px;
  width: 137px;
  top: 0px;
  left: 398px;


}
#news {
  background: transparent url(news.gif) no-repeat scroll left top;
  height: 35px;
  width: 74px;
  top: 0px;
  left: 698px;

}
#multimedia {
  background: transparent url(media.gif) no-repeat scroll left top;
  height: 30px;
  width: 98px;
  top: 0px;
  left: 561px;

}


.fondnews {

background-image: url(fond3vert.png);


}

.fondbiographie {

background-image: url(fond3rouge.png);


}