#nav{
	/*position:absolute;
	left:240px;
	top:245px;
	width:800px;*/
	padding: 0;
	margin: 0;
	list-style: none;
	width:100%;
	background:#666;
	height:20px;
	margin-top:-2px;
	
}
#nav ul { /* toutes les listes */
	padding: 0;
	margin: 0;
	list-style: none;
	background:#666;
}

#nav a {
	display: block;
	width: 144px;
	text-decoration:none;
	font-weight:normal;
}

#nav li { /* tous les items de liste */
	float: left;
	padding:0;
	margin:0;
	/*width: 10em; /* largeur obligatoire, sinon opera devient fou */
	width: 144px;
}

#nav li ul { /* listes de deuxième niveau */
	position: absolute;
	overflow:hidden;
	border-left:1px solid #D52414;
	border-right:1px solid #D52414;
	border-bottom:1px solid #D52414;
	margin:0;
	padding:0;
	width: 142px;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}

#nav li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
	z-index: 5;
}
#nav .titre{
	background:#666;
	color: #FFF;
	display:block;
	margin:0;
	padding:0;
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	letter-spacing:2px;
	font-size : 12px;
}
#nav .titre:hover{
	background:#D52414;
	color:#fff;
}
#nav .normal{
	background:#fff;
	margin:0;
	padding:0;
	color:#000;
	padding-left:7px;
	margin-right:-7px;
	padding-top:2px;
	padding-bottom:2px;
}
#nav .normal:hover{
	background:#D52414;
	color:#fff;
}
/*------ id specifiques pour les produits -------*/
#nav #reliure, #nav #perforeliure, #nav #cisailles, #nav #plastification, #nav #destructeurs, #nav #titrage{
	height:20px;
	padding-top:8px;	
	padding-bottom:8px;
	background:#fff;
	padding-left:35px;
	width:110px;
	overflow:hidden;
}
#nav #reliure{background:url(./img/unibind.gif) #fff no-repeat ; background-position:5px 50%; color:#2E71DA; }
#nav #perforeliure{background:url(./img/perforeliure.gif) #fff no-repeat ; background-position:5px 50%; color:#FF5FAE; }
#nav #cisailles{background:url(./img/cisailles.gif) #fff no-repeat ; background-position:5px 50%; color:#B869BA; }
#nav #plastification{background:url(./img/plastification.gif) #fff no-repeat ; background-position:5px 50%; color:#97B11C; }
#nav #destructeurs{background:url(./img/destructeurs.gif) #fff no-repeat ; background-position:5px 50%; color:#FFA20B; }
#nav #titrage{background:url(./img/titrage.gif) #fff no-repeat ; background-position:5px 50%; color:#DB4E19; }

#nav #reliure:hover{background:url(./img/unibind.gif) #D52414 no-repeat ; background-position:5px 50%; color:#fff;}
#nav #perforeliure:hover{background:url(./img/perforeliure.gif) #D52414 no-repeat ; background-position:5px 50%; color:#fff;}
#nav #cisailles:hover{background:url(./img/cisailles.gif) #D52414 no-repeat ; background-position:5px 50%; color:#fff;}
#nav #plastification:hover{background:url(./img/plastification.gif) #D52414 no-repeat ; background-position:5px 50%; color:#fff;}
#nav #destructeurs:hover{background:url(./img/destructeurs.gif) #D52414 no-repeat ; background-position:5px 50%; color:#fff;}
#nav #titrage:hover{background:url(./img/titrage.gif) #D52414 no-repeat ; background-position:5px 50%; color:#fff; }