#contenu_utilisation ul{
	
}


#contenu_utilisation
{
	background: url(../templates/middle_cadre.png) repeat-y;
	position: relative;
	width: 903px;
	height: 5735px;          /*5736px*/
	margin-left:1px;
}


/*---------------------  code html contenu  -----------------------*/
/*
<div id="util">
	<ul>	
		<li><a class="util" name="1">Mise en route</a></li>
		<li><img src="" alt="Mise en route"/></li>
		<li><a class="util" name="2">Temoin lumineux</a></li>
		<li><img src="" alt="Temoin lumineux"/></li>
		<li><a class="util" name="3">Retro eclairage des touches</a></li>
		<li><img src="" alt="Retro eclairage des touches"/></li>
		<li><a class="util" name="4">Reglage du volume sonore</a></li>
		<li><img src="" alt="Reglage du volume sonore"/></li>
		<li><a class="util" name="5">Allumer papoo</a></li>
		<li><img src="" alt="Allumer papoo"/></li>
		<li><a class="util" name="6">Eteindre papoo</a></li>
		<li><img src="" alt="Eteindre papoo"/></li>
		<li><a class="util" name="7">Affichage</a></li>
		<li><img src="" alt="Affichage"/></li>
		<li><a class="util" name="8">Navigation</a></li>
		<li><img src="" alt="Navigation"/></li>
		<li><a class="util" name="9">Combinaison de messages</a></li>
		<li><img src="" alt="Combinaison de messages<"/></li>
		<li><a class="util" name="10">Favoris</a></li>
		<li><img src="" alt="Favoris"/></li>
		<li><a class="util" name="11">Touches speciales</a></li>
		<li><img src="" alt="Touches speciales"/></li>
		<li><a class="util" name="12">Alarme</a></li>
		<li><img src="" alt="Alarme"/></li>
		<li><a class="util" name="13">Avec un conducteur</a></li>
		<li><img src="" alt="Avec un conducteur"/></li>
	</ul>	
	</div>
*/


h3{
margin-top:0px;
margin-bottom:0px;
}
#titre_page
{position: absolute; top: 0px; left: 20px; font-family: arial;}


#menu_utilisation
{
	position: absolute;
	float:left;
	left: 5px;
	width: auto;
	height: auto;
}





#util
{
	position: absolute;
	height: auto;
	width: auto;
	top: 50px;
	left: 215px;
}
.util
{
	position: relative;
}
#_1{position:relative;}
#_2{position:relative;}
#_3{position:relative;}
#_4{position:relative;}
#_5{position:relative;}
#_6{position:relative;}
#_7{position:relative;}
#_8{position:relative;}
#_9{position:relative;}
#_10{position:relative;}
#_11{position:relative;}
#_12{position:relative;}
#_13{position:relative;}


#mise_en_route
{
	background-image: url(../templates/menu_utilisation/1.jpg);
	position: relative;
	top: 50px;
	height: 29px;
	width: 208px;
	overflow: hidden;

	
}
#temoin_lumineux
{
	background-image: url(../templates/menu_utilisation/2.jpg);
	position: relative;
	top: 50px;
	height: 29px;
	width: 208px;
	overflow: hidden
}
#retro_eclairage_des_touches
{
	background-image: url(../templates/menu_utilisation/3.jpg);
	position: relative;
	top: 50px;
	height: 29px;
	width: 208px;
	overflow: hidden
}
#reglage_du_volume_sonore
{
	background-image: url(../templates/menu_utilisation/4.jpg);
	position: relative;
	top: 50px;
	height: 29px;
	width: 208px;
	overflow: hidden
}
#allumer_papoo
{
	background-image: url(../templates/menu_utilisation/5.jpg);
	position: relative;
	top: 50px;
	height: 29px;
	width: 208px;
	overflow: hidden
}
#eteindre_papoo
{
	background-image: url(../templates/menu_utilisation/6.jpg);
	position: relative;
	top: 50px;
	height: 29px;
	width: 208px;
	overflow: hidden
}
#affichage
{
	background-image: url(../templates/menu_utilisation/7.jpg);
	position: relative;
	top: 50px;
	height: 29px;
	width: 208px;
	overflow: hidden
}
#navigation
{
	background-image: url(../templates/menu_utilisation/8.jpg);
	position: relative;
	top: 50px;
	height: 29px;
	width: 208px;
	overflow: hidden
}
#combinaison_de_messages
{
	background-image: url(../templates/menu_utilisation/9.jpg);
	position: relative;
	top: 50px;
	height: 29px;
	width: 208px;
	overflow: hidden
}
#favoris
{
	background-image: url(../templates/menu_utilisation/10.jpg);
	position: relative;
	top: 50px;
	height: 29px;
	width: 208px;
	overflow: hidden
}
#touches_speciales
{
	background-image: url(../templates/menu_utilisation/11.jpg);
	position: relative;
	top: 50px;
	height: 29px;
	width: 208px;
	overflow: hidden
}
#alarme
{
	background-image: url(../templates/menu_utilisation/12.jpg);
	position: relative;
	top: 50px;
	height: 29px;
	width: 208px;
	overflow: hidden
}

#avec_un_contacteur
{
	background-image: url(../templates/menu_utilisation/13.jpg);
	position: relative;
	top: 50px;
	height: 29px;
	width: 208px;
	overflow: hidden
}



.menu_utilisation:hover
{
	background-position: 0 -29px;
}