$(window).load(function() {
      // donner aux sous-menus la taille actuelle du wrapper
    var $hauteur = $('#wrapper').height();
     $(".sub-menu").css("height",$hauteur);   
       
 	// decaler le contenu des sous-menus face au li parent 
   $("#menu-menu-principal li").mouseover(calc_hauteur);
   function calc_hauteur(){     
     var $elementSelect = $(this);
     var $hauteurTopElt = $elementSelect.offset().top;
     $("#access ul.sub-menu li:first-child").css("margin-top",$hauteurTopElt);  
   }
    
   // donner les bonnes couleurs au sous-menus
   $("#menu-item-30 ul").css("background","#f49f25");
   $("#menu-item-29 ul").css("background","#39a9dc");
   $("#menu-item-28 ul").css("background","#a4c424");
       
  
  // permet l'affichage des sous-menus 
     $('#menu-menu-principal li').mouseover(function() {
  		$(this).children('ul').css('display','block');
  		$('.sub-menu').stop().animate({width: '160'}); 
  	});  
  
    $('#menu-menu-principal li').mouseout(function() {
  		$(this).children('ul').css('display','none');  
      $('.sub-menu').stop().animate({width: '0'});
   	});    
    
});