/*- INDEX --------------------------------------------------------------------------*/

#appli{
	float : left;
	position: relative;
}

#appli:before {
	content: '';
	position: absolute;
	
	background-image : url(../Images/Autres/appli.png);
	background-position : top right;
	
	right : 0px;
	top : 50%;
	margin-top : -65px;
	
	width: 100px;
	height: 125px;
}

#appli:hover:before {
	background-position : bottom right;
}

#web{
	margin : auto;
	position: relative;
}

#web:before {
	content: '';
	position: absolute;
	
	background-image : url(../Images/Autres/web.png);
	background-position : top right;
	
	right : 0px;
	top : 50%;
	margin-top : -65px;
	
	width: 100px;
	height: 125px;
}

#web:hover:before {
	background-position : bottom right;
}

#design{
	float : right;
	position: relative;
}

#design:before {
	content: '';
	position: absolute;
	
	background-image : url(../Images/Autres/design.png);
	background-position : top right;
	
	right : 0px;
	top : 50%;
	margin-top : -65px;
	
	width: 100px;
	height: 125px;
}

#design:hover:before {
	background-position : bottom right;
}

/*- CONTACT ------------------------------------------------------------------------*/

#contact{
	position: relative;
	min-height : 175px;
	padding-right : 300px;
}

#contact:before {
	content: '';
	position: absolute;
	
	background-image : url(../Images/Autres/contact.jpg);
	background-position : top right;
	
	right : 0px;
	top : 50%;
	margin-top : -75px;
	
	width: 225px;
	height: 150px;
}

#contact:hover:before {
	background-position : bottom right;
}