/* Menu graphique horizontal - Rémi Mayer - remimayer@hotmail.com - Transénergie*/

#speedbarre 
{
	padding-left: 0px;
	list-style: none ;
	margin: 0;
}

#speedbarre ul
{
	padding:0px;
}

#speedbarre li
{
	float: left ;
	height: 46px;
}

#speedbarre li.first
{
	background: url(images/onglets/OngletsOFF_01.jpg) left top no-repeat ;
	width:128px;
}

#speedbarre li.milieu
{
	background: url(images/onglets/OngletsOFF_02.jpg) left top no-repeat ;
	width: 128px;
}

#speedbarre li.last 
{
	background: url(images/onglets/OngletsOFF_06.jpg) left top no-repeat ;
	width: 144px;
}

#speedbarre li a 
{
	display: block ;
	color: #999999 ;
	font-size: 0.7em;
	padding-left: 15%;
	padding-top: 12.5px;
	font-weight:bold;
	text-decoration: none;
}

#speedbarre li a:hover
{
	color: #79CC41 ;
}

#speedbarre li.first:hover, #speedbarre li.first:focus, #speedbarre li.first:active
{
	background: url(images/onglets/OngletsOVER_01.jpg) left top no-repeat ;
}

#speedbarre li.milieu:hover, #speedbarre li.milieu:focus, #speedbarre li.milieu:active
{
	background: url(images/onglets/OngletsOVER_02.jpg) left top no-repeat ;
}

#speedbarre li.last:hover, #speedbarre li.last:focus, #speedbarre li.last:active
{
	background: url(images/onglets/OngletsOVER_06.jpg) left top no-repeat ;
}

#speedbarre #en-cours.first
{
	background: url(images/onglets/OngletsON_01.jpg) left top no-repeat ;
}

#speedbarre #en-cours.milieu
{
	background: url(images/onglets/OngletsON_02.jpg) left top no-repeat ;
}

#speedbarre #en-cours.last
{
	background: url(images/onglets/OngletsON_06.jpg) left top no-repeat ;
}

#speedbarre #en-cours a
{
	color: #79CC41 ;
}