#tl .buttons a.left
{
	position: absolute;
	left: 174px;
	top: 390px;
	background: url('img/fleche1_hover.png') no-repeat bottom left;
	height: 50px;
	width: 12px;
}

#tl .buttons a.left:hover
{
	position: absolute;
	left: 174px;
	top: 390px;
	background: url('img/fleche1.png') no-repeat bottom left;
}

* html #tl .buttons a.left { background: url('img/fleche1.png') no-repeat bottom left;
	position: absolute; }

#tl .buttons a.right
{
	position: absolute;
	left: 192px;
	top: 390px;
	background: url('img/fleche2_hover.png') no-repeat bottom left;
	height: 50px;
	width: 12px;
}

#tl .buttons a.right:hover
{
	position: absolute;
	left: 192px;
	top: 390px;
	background: url('img/fleche2.png') no-repeat bottom left;
}


* html #tl .buttons a.right { background: url('img/fleche2.png') no-repeat bottom left;
	position: absolute; }
	


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| IE6 repeat of above tl .buttons stuff */

.ie6 #tl .buttons a.left
{
	position: absolute;
	left: 174px;
	top: 390px;
	background: url('img/ie6/fleche1.jpg') no-repeat bottom left;
	height: 50px;
	width: 12px;
}

.ie6 #tl .buttons a.left:hover
{
	position: absolute;
	left: 174px;
	top: 390px;
	background: url('img/ie6/fleche1.jpg') no-repeat bottom left;
}

.ie6 * html #tl .buttons a.left { background: url('img/ie6/fleche1.jpg') no-repeat bottom left;
	position: absolute; }

.ie6 #tl .buttons a.right
{
	position: absolute;
	left: 192px;
	top: 390px;
	background: url('img/ie6/fleche2.jpg') no-repeat bottom left;
	height: 50px;
	width: 12px;
}

.ie6 #tl .buttons a.right:hover
{
	position: absolute;
	left: 192px;
	top: 390px;
	background: url('img/ie6/fleche2.jpg') no-repeat bottom left;
}


.ie6 * html #tl .buttons a.right { background: url('img/fleche2.jpg') no-repeat bottom left;
	position: absolute; }