html, body, #bloc_page
{
    height:100%;
    margin:0;
    padding:0;
    text-align:center;
	background-color:#151515;
    }
 
#invisible {
    height:100%;
    display:inline-block;
    vertical-align:middle; 
    }
     
#photo {
	position:relative;
    display:inline-block;  
    vertical-align:middle;
    }

#description {
	position:absolute;
	bottom:0;
	color:#00FF40;
	width:100%;
	text-align:center;
	font-family: 'roboto', Arial;
	font-size:1.5em;
	margin-bottom:10px;
	text-transform: uppercase;
}

#croix img{
	position:absolute;
	top:0;
	right:0;
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}	

#croix img:hover {
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

#fleche_droite img{
	position:absolute;
	top:50%;
	right:0;
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

#fleche_droite img:hover {
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

#fleche_gauche img{
	position:absolute;
	top:50%;
	left:0;
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

#fleche_gauche img:hover {
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}