$(document).ready(function() {
		
function effect(var1,str){
		if(var1==1){
			$('#richMenu').css({'width':'860px'});
			$(".item"+str).stop(true).animate({'width':210+'px'},300);
			<!--$("#richMenu li.element"+str+" a").css({'backgroundImage':' url(gifs/haut_menu.jpg)', 'backgroundColor': '#7f6f57', 'color':'#fff'});-->
		}
		else{
			$("#richMenu li.element"+str+" a").css({'backgroundColor':'','backgroundImage':'none', 'color':'#000'});
			$(".item"+str).stop(true).animate({'width':0+'px'},300, function() {$('#richMenu').css({'width':'960px'});});
		}
	}
	
	$("#richMenu li").hover(
      function () {
		  var str=$(this).attr('class').substr(7,1);
		  effect(1,str);
      }, function () {
		  var str=$(this).attr('class').substr(7,1);
		  effect(0,str);
      }
    );
	
	$(".sousMenu").hover(
      function () {
		  var str=$(this).attr('class').substr(13,1);
		  effect(1,str);
      }, function () {
		  var str=$(this).attr('class').substr(13,1);
		  effect(0,str);
      }
    );
});