body {font-family: Comfortaa, Verdana, Geneva, sans-serif;}
.titre {
	font-size: 14px;
	font-weight: normal;
	color: #89A2D3;
}
.titre2 {
	font-size: 25px;
	font-weight: normal;
	color: #496DBB;
}
#acces {
	border: 2px solid #FFF;
}
#acces:hover {
	border: 2px solid #ccc;
	height: 55px;
	width: 135px;
	margin-top: auto;
	border-radius: 3px;
}
li {
	float: left;
	height: 220px;
	width: 135px;
	display: inline-block;
	list-style-type: none;
	
	overflow: hidden;
	
	border: 1px solid #FFF;
	border-radius: 3px;
}
.li1 {background-image: url(webmaster-marseille/perso-1.png);
background-position: -15px;}
.li2 {background-image: url(webmaster-marseille/perso-2.png);
background-position: -15px;}
.li3 {background-image: url(webmaster-marseille/perso-3.png);
background-position: -15px;}
.li4 {background-image: url(webmaster-marseille/perso-4.png);
background-position: -15px;}