p {
	margin:250px 0 0 15px;
}
.bloc1 {
	position:absolute;
	width:300px;
	height:300px;
	background-color:#00C;
	top:20px;
	left:20px;
	z-index:2;
}
.bloc2 {
	position:absolute;
	width:300px;
	height:300px;
	background-color:#F30;
	top:220px;
	left:220px;
	z-index:1;
}
.bloc3 {
	position:absolute;
	width:300px;
	height:300px;
	background-color:#090;
	top:20px;
	left:420px;
	z-index:4;
}
.bloc4 {
	position:absolute;
	width:300px;
	height:300px;
	background-color:#FC0;
	top:120px;
	left:470px;
	z-index:3;
}
.bloc1, .bloc2, .bloc3, .bloc4 {
	color:#fff;
	box-shadow:2px 2px 8px #333;	
}
.bloc1:hover, .bloc2:hover, .bloc3:hover, .bloc4:hover {
	background-color:#F3F;
	cursor:pointer;
}