A:link, A:visited, A:active
{	color: #82505C; 
  text-decoration: underline;
}
A:hover
{	color: black; 
	text-decoration: underline;
}


h1
	  {   font-size: 2.3em;
	      margin-top: 20px;
	      color: #82505C;
	      font-family: Moonstar, Times;
	      text-align: center;
	  }
	  
HR
{   width: 300px;
    text-align: left;
    color: #82505C;
    background-color: #82505C;
    height: 2px;
    border: 0;
    margin: -10px 0 10px 0;
    padding: 0;
}   
           
/* Pour les images des albums en HMTL5 et CSS3 */
figure 
{
  width: 160px;
  float: left;
  margin: 20px 20px 20px 0px;
  background: white;
  border: 10px solid white;
  -webkit-box-shadow: 0 3px 10px #82505C;         /* #ccc */
  -moz-box-shadow: 0 3px 10px #82505C;            /* #ccc */
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  position: relative; 
  text-align: center;
}

figcaption 
{
  text-align: center;
  display: block;
  font-size: 12px;
  font-style: italic;
  height: 30px;
}

figure:hover
{
  -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg);
  -webkit-box-shadow: 0 3px 10px #82505C; -moz-box-shadow: 0 3px 10px #82505C;
  z-index:20000;
}

figure:focus
{
  outline: none;
  -webkit-transform: rotate(-3deg) scale(2); -moz-transform: rotate(-3deg) scale(2);
   -webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;
  z-index: 20000;
}