// ci dessous differentes modifications mis en commentaire, but de la modification : le menu deroule ne se met plus par dessus l'autre, l'ancien disparait completement et brusquement + changement de la methode de deroulement : fideIn au lieu de Slide
$.fn.droppy = function(options) {
    
  options = $.extend({speed: 250}, options || {});
  
  this.each(function() {
    
    var root = this, zIndex = 1000;
    
    function getSubnav(ele) {
      if (ele.nodeName.toLowerCase() == 'li') {
        var subnav = $('> ul', ele);
        return subnav.length ? subnav[0] : null;
      } else {
        return ele;
      }
    }
    
    function getActuator(ele) {
      if (ele.nodeName.toLowerCase() == 'ul') {
        return $(ele).parents('li')[0];
      } else {
        return ele;
      }
    }
    
	// Fonction modifiee
    function hide() {
      var subnav = getSubnav(this);
      if (!subnav) return;
      $.data(subnav, 'cancelHide', false);
      
	  if (!$.data(subnav, 'cancelHide')) {
		  $(subnav).hide();
	  }
    }
  // Fonction modifiee
    function show() {
	  var estIE6 = ((navigator.userAgent.indexOf("MSIE 6.") != -1) && (navigator.userAgent.indexOf("Opera") == -1));
      var subnav = getSubnav(this);
      if (!subnav) return;
      $.data(subnav, 'cancelHide', true);
	  if(estIE6){$(subnav).css({zIndex: zIndex++}).show();} //fadeIn ne marche pas pour ce Jquery avec IE6
	  else{$(subnav).css({zIndex: zIndex++}).fadeIn("fast");}
      if (this.nodeName.toLowerCase() == 'ul') {
        var li = getActuator(this);
        $(li).addClass('hover');
        $('> a', li).addClass('hover');
      }
    }
    
    $('ul, li', this).hover(show, hide);
    $('li', this).hover(
      function() { $(this).addClass('hover'); $('> a', this).addClass('hover'); },
      function() { $(this).removeClass('hover'); $('> a', this).removeClass('hover'); }
    );
    
  });
  
};

