#conteneur{
width:800px;
margin:auto;}

.body{
background-color:#fdfcdf;}

#zonehaute{
text-align:center;
margin-left:auto;
margin-right:auto;
top:20px;
width:800px;
height:290px;}

#imgtitre{
margin-left:auto;
margin-right:auto;
width:250px;}

#chacun{
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:20px;
width:600px;}

#zonegenres{
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:20px;
width:515px;
height:155px;}

.p{
text-align:center;
margin:auto;
font-family:"Times New Roman",serif;
color:#008040;
font-weight:bold;}

#consult{
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:60px;
width:650px;
color:#008040;}

#liste{
padding-left:50px;}

.ul{
width:600px;
text-align:left;
margin-left:auto;
margin-right:auto;
margin-top:20px;
font-family:"Times New Roman",serif;
color:#008040;
font-weight:bold;
padding-left:50px;}

#merci{
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:30px;
width:650px;
color:#008040;}

.pmerci{
text-align:center;
color:#008040;
font-family:"Times New Roman",serif;
font-size: 70%;
font-weight:bold;
font-style:italic;}

a{
text-decoration:none;}

a:hover{
color:green;
background-color:#ffccff;}

a:hover img{
border:1px #336699 dotted}