#n1, #n1 a { width: 87px; height: 46px; }	
#n2, #n2 a { width: 197px; height: 46px; }	
#n3, #n3 a { width: 235px; height: 47px; }	
#n4, #n4 a { width: 193px; height: 47px; }	

#n1 a, #n2 a, #n3 a, #n4 a
{
	 display:block;
}

#n1   { background: url(img/n1-r.gif) no-repeat;  }
#n1 a.off { background: url(img/n1.gif) no-repeat; }
#n1 a.on { background: url(img/n1-on.gif) no-repeat; }

#n2   { background: url(img/n2-r.gif) no-repeat;  }
#n2 a.off { background: url(img/n2.gif) no-repeat; }
#n2 a.on { background: url(img/n2-on.gif) no-repeat; }

#n3   { background: url(img/n3-r.gif) no-repeat;  }
#n3 a.off { background: url(img/n3.gif) no-repeat; }
#n3 a.on { background: url(img/n3-on.gif) no-repeat; }

#n4   { background: url(img/n4-r.gif) no-repeat;  }
#n4 a.off { background: url(img/n4.gif) no-repeat; }
#n4 a.on { background: url(img/n4-on.gif) no-repeat; }

#n1 a:hover, #n2 a:hover, #n3 a:hover, #n4 a:hover
{
	background: transparent none;
} 


#sous-menu{
	clear: left;
	width: 862px;
	height: 142px;
	padding-top: 54px;
	padding-left: 8px;
	!margin-top:45px;
	_margin-top:0px;
	position: relative;
	ddisplay:none;
	background: url(img/img_decors.png) left top no-repeat;
}

#sous-menu ul{
	width: 670px;
}

#sous-menu ul, #sous-menu li{
	margin: 0;
	padding: 0;
	height: 139px;
	float: left;
}

#sous-menu ul li{
	list-style-type: none;
}

#sous-menu li a{
	display: block;
	height: 139px;
	width: 105px;
	margin-right: 6px;
}

#onglet1 { background : transparent url(img/sous-menu.png) 0px 0px no-repeat; }
#onglet1:hover{ background : transparent url(img/sous-menu.png) 0px -139px no-repeat; }
#onglet1_select{ background : transparent url(img/sous-menu.png) 0px -139px no-repeat; }

#onglet2{	background : transparent url(img/sous-menu.png) -111px 0px no-repeat; }
#onglet2:hover{ background : transparent url(img/sous-menu.png) -111px -139px no-repeat; }
#onglet2_select{ background : transparent url(img/sous-menu.png) -111px -139px no-repeat; } 

#onglet3{ background : transparent url(img/sous-menu.png) -222px 0px no-repeat; }
#onglet3:hover{ background : transparent url(img/sous-menu.png) -222px -139px no-repeat; }
#onglet3_select{ background : transparent url(img/sous-menu.png) -222px -139px no-repeat; }	

#onglet4{ background : transparent url(img/sous-menu.png) -333px 0px no-repeat; }
#onglet4:hover{ background : transparent url(img/sous-menu.png) -333px -139px no-repeat; }
#onglet4_select{ background : transparent url(img/sous-menu.png) -333px -139px no-repeat; }

#onglet5 { background : transparent url(img/sous-menu.png) -444px 0px no-repeat; }
#onglet5:hover{ background : transparent url(img/sous-menu.png) -444px -139px no-repeat; }
#onglet5_select{ background : transparent url(img/sous-menu.png) -444px -139px no-repeat; }	

#onglet6{ background : transparent url(img/sous-menu.png) -555px 0px no-repeat; }
#onglet6:hover{ background : transparent url(img/sous-menu.png) -555px -139px no-repeat; }
#onglet6_select{ background : transparent url(img/sous-menu.png) -555px -139px no-repeat; }	


#sous-menu span{ visibility: hidden; display:none; }

#step {border:1px solid green,; height:91px}
#step li {
	float:left;
	height:91px;
}
#step li span { display:block; height:91px }
#step1 span {
	width:154px;
	background:url(img/step1-on.gif) no-repeat;
}
#step2{
	width:110px;
	background: url(img/step2-off.gif) no-repeat;
}
#step2 span {
	wwidth:110px;
	background: url(img/step2-on.gif) no-repeat;
}

#step3{
	width:125px;
	background:url(img/step3-off.gif) no-repeat;
}
#step3 span {
	background:url(img/step3-on.gif) no-repeat;
}
#step4{
	width:129px;
	background:url(img/step4-off.gif) no-repeat;
}
#step4 span {
	background:url(img/step4-on.gif) no-repeat;
}
#step5{
	width:99px;
	background:url(img/step5-off.gif) no-repeat;
}
#step5 span {
	background:url(img/step5-on.gif) no-repeat;
}