.tableau{
position:					relative;
font-family:				century gothic;
display:					table;
border-collapse:			separate;
border-spacing:				60px;
width:						900px;
left:						-55px;
top:						-55px;
}

.cell-titre{
position:					relative;
display:					table-cell;
box-shadow:					0px 0px 100px white;
width:						220px;
height:						220px;
}

#cochon{
width:						220px;
height:						220px;
background:					url(../images/cochon.png) no-repeat center;
background-size:			200px 200px;
position:					absolute;
}

#oiseau{
width:						220px;
height:						220px;
background:					url(../images/oiseau.png) no-repeat center;
background-size:			200px 200px;
position:					absolute;
}

#criquet{
width:						220px;
height:						220px;
background:					url(../images/criquet.png) no-repeat center;
background-size:			200px 200px;
position:					absolute;
}

#grenouille{
width:						220px;
height:						220px;
background:					url(../images/grenouille.png) no-repeat center;
background-size:			200px 200px;
position:					absolute;
}

.row{
display:					table-row;
}

.tableau img{
width:						200px;
height:						200px;
padding:					10px;
}

.hover{
background:url(../images/transparency.png) repeat;
height:220px;
width:220px;
display:none;
position:absolute;
}

.hover h1{
text-align:center;
color:white;
font-family:arial;
font-size:18pt;
}

.hover h2{
text-align:center;
color:white;
font-family:arial;
font-size:12pt;
font-weight:normal;
}