.tab-wrapper
{
	/*padding:				1em 1.5em;
	margin:					0;
	border:					1px solid #eee;
	clear:					both;*/
}
.tab-menu
{
	margin:					0;
	padding:				0;
	list-style:				none;
	overflow:				auto;
	width: 					500px;
}
.tab-menu li
{
	margin:					0;
	padding:				0;
	float:					left;
	line-height:			2em;
}
.tab-menu li a
{
	padding:				0;
}

.tab-menu li a.btn1
{
	background-image:url(../images/projet/live.gif);
	background-repeat:no-repeat;
	background-position: center left;
	display:block;
	height:22px;
	padding:0;
	width:60px;
}

.tab-menu li a.btn1:hover,
.tab-menu li.tab-selected a.btn1{
	background-image:url(../images/projet/live-h.gif);
}

.tab-menu li a.btn2
{
	background-image:url(../images/projet/animations.gif);
	background-repeat:no-repeat;
	background-position: center left;
	display:block;
	height:22px;
	padding:0;
	width:122px;
}

.tab-menu li a.btn2:hover,
.tab-menu li.tab-selected a.btn2{
	background-image:url(../images/projet/animations-h.gif);
}

.tab-menu li a.btn3
{
	background-image:url(../images/projet/time_machine.gif);
	background-repeat:no-repeat;
	background-position: center left;
	display:block;
	height:22px;
	padding:0;
	width:125px;
}

.tab-menu li a.btn3:hover,
.tab-menu li.tab-selected a.btn3{
	background-image:url(../images/projet/time_machine-h.gif);
}


.tab-menu li a:hover,
.tab-menu li a:focus
{
	/* your effect here */
}
.tab-menu li.tab-selected a
{
	text-decoration:		none;
	color:					inherit;
	/* your effect here */
}