$(function(){
		   
	$('#nav a.particuliers')
		.css( {backgroundPosition: "0 -186px"} )
		.mouseover(function(){
			$(this).stop().animate(
				{backgroundPosition:"(0 0)"}, 
				{duration:400})
			$('#sub1').stop().animate(
				{top:"199px"})					  
			})
		.mouseout(function(){
			$(this).stop().animate(
				{backgroundPosition:"(0 -186px)"}, 
				{duration:400})
			$('#sub1').stop().animate(
				{top:"385px"})
			})
		
	$("#sub1").css("display", "block")	
	$('#sub1')
		.mouseover(function(){
				$(this).stop().animate(
					{top:"199px"})
				$('#nav a.particuliers').stop().animate(
				{backgroundPosition:"(0 0)"}, 
				{duration:400})
				})
		
			.mouseout(function(){
				$(this).stop().animate(
					{top:"385px"})
				$('#nav a.particuliers').stop().animate(
				{backgroundPosition:"(0 -186px)"}, 
				{duration:400})
				})




	$('#nav a.pme')
		.css( {backgroundPosition: "-186px -186px"} )
		.mouseover(function(){
			$(this).stop().animate(
				{backgroundPosition:"(-186px 0)"}, 
				{duration:400})
			$('#sub2').stop().animate(
				{top:"199px"})	
			})
		.mouseout(function(){
			$(this).stop().animate(
				{backgroundPosition:"(-186px -186px)"}, 
				{duration:400})
			$('#sub2').stop().animate(
				{top:"385px"})
			})

	$("#sub2").css("display", "block")	
	$('#sub2')
		.mouseover(function(){
				$(this).stop().animate(
					{top:"199px"})
				$('#nav a.pme').stop().animate(
				{backgroundPosition:"(-186px 0)"}, 
				{duration:400})
				})
		
			.mouseout(function(){
				$(this).stop().animate(
					{top:"385px"})
				$('#nav a.pme').stop().animate(
				{backgroundPosition:"(-186px -186px)"}, 
				{duration:400})
				})




	$('#nav a.soltis')
		.css( {backgroundPosition: "-372px -186px"} )
		.mouseover(function(){
			$(this).stop().animate(
				{backgroundPosition:"(-372px 0)"}, 
				{duration:500})
			$('#sub3').stop().animate(
				{top:"199px"})	
			})
		.mouseout(function(){
			$(this).stop().animate(
				{backgroundPosition:"(-372px -186px)"},
				{duration:500})
			$('#sub3').stop().animate(
				{top:"385px"})
			})

	$("#sub3").css("display", "block")	
	$('#sub3')
		.mouseover(function(){
				$(this).stop().animate(
					{top:"199px"})
				$('#nav a.soltis').stop().animate(
				{backgroundPosition:"(-372px 0)"}, 
				{duration:500})
				})
		
			.mouseout(function(){
				$(this).stop().animate(
					{top:"385px"})
				$('#nav a.soltis').stop().animate(
				{backgroundPosition:"(-372px -186px)"}, 
				{duration:500})
				})
});