body{ background:#C1C1C1;}
.center{text-align:center;}
.cb {clear:both;}

/* Technique avec les sprites CSS */
.menu{width:248px; margin:auto; list-style:none;}
	.menu li{float:left; margin:0px 30px 0 0;}
	.menu a{text-indent:-5999px;}
	.menu span{display:block; width:32px; height:32px;} 
	
	.menu #yt span {background:url('sprite-tuto.png') 0 0 no-repeat;}
	.menu #yt span:hover {background:url('sprite-tuto.png') 0 -32px no-repeat;}
	.menu #rss span {background:url('sprite-tuto.png') -32px 0 no-repeat;}
	.menu #rss span:hover {background:url('sprite-tuto.png') -32px -32px no-repeat;}
	.menu #fb span {background:url('sprite-tuto.png') -64px 0 no-repeat;}
	.menu #fb span:hover {background:url('sprite-tuto.png') -64px -32px no-repeat;}
	.menu #tw span {background:url('sprite-tuto.png') -96px 0 no-repeat;}
	.menu #tw span:hover {background:url('sprite-tuto.png') -96px -32px no-repeat;}

/* Une autre méthode très mauvaise */
.menu-old{width:248px; margin:auto; list-style:none;}
	.menu-old li{float:left; margin:0px 30px 0 0;}
	.menu-old a{text-indent:-5999px;}
	.menu-old span{display:block; width:32px; height:32px;} 
	
	.menu-old #yt span {background:url('ytn.png') no-repeat;}
	.menu-old #yt span:hover {background:url('yt.png') no-repeat;}
	.menu-old #rss span {background:url('rssn.png') no-repeat;}
	.menu-old #rss span:hover {background:url('rss.png') no-repeat;}
	.menu-old #fb span {background:url('fbn.png') no-repeat;}
	.menu-old #fb span:hover {background:url('fb.png')no-repeat;}
	.menu-old #tw span {background:url('twn.png') no-repeat;}
	.menu-old #tw span:hover {background:url('tw.png') no-repeat;}