A:link
      {	color: #267D4C; 
	    text-decoration: underline;
      }
A:visited
      {	color: #267D4C; 
	    text-decoration: underline;
      }
A:active
      { color: #267D4C; 
	    text-decoration: underline;
      }
A:hover
      {	color: BLACK; 
	    text-decoration: underline;
      }
body
{ background-image: url('images/fond.jpg') ;
  background-repeat: repeat-xy;
	background-color: #EAECF7;
}
      
h1
{ font-size: 2.3em;
  margin-top: 0px;
	color: #267D4C;
	font-family: Moonstar, Times;
	text-align: center;
}  
	  
HR
{ width: 300px;
  text-align: left;
  color: #267D4C;
  background-color: #267D4C;
  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 #267D4C;         /* #ccc */
  -moz-box-shadow: 0 3px 10px #267D4C;            /* #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 #267D4C; -moz-box-shadow: 0 3px 10px #267D4C;
  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;
}