@charset "utf-8";
/* CSS Document */

#pflow {
	margin: 0px 10px 0px 20px;
	height: 230px;
	width: 565px;
	color: #FFFFFF;
	padding: 0px 0px;
	background-color: #000;
}

ul#menu_icon
{
	display: block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 90px;
	margin:0;
	margin-right:auto;
	margin-left:auto;
	padding: 20px;
	list-style-type: none;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu_icon li
{
	margin: 0;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu_icon li a
{
	display: block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 90px;
	height: 90px;
	color: #000;
	text-decoration: none;
	background: url(osabtn90.png) no-repeat 0 0; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#menu_icon li a:hover
{
	background: url(osabtn90.png) no-repeat 0 -90px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}