function containsDOM (container, containee) {
  var isParent = false;
  do {
    if ((isParent = container == containee))
      break;
    containee = containee.parentNode;
  }
  while (containee != null);
  return isParent;
}

function checkMouseEnter (element, evt) {
  if (element.contains && evt.fromElement) {
    return !element.contains(evt.fromElement);
  }
  else if (evt.relatedTarget) {
    return !containsDOM(element, evt.relatedTarget);
  }
}

function checkMouseLeave (element, evt) {

  if (element.contains && evt.toElement) {
  	return !element.contains(evt.toElement);
  }
  else if (evt.relatedTarget) {
    return !containsDOM(element, evt.relatedTarget);
  }
}

function style_orange(element) {
	$(element)
		.addClass("actif")
		.end()
	;
}

function style_jaune(){	
	$("div#onglet1")
		.removeClass("actif")
		.end()
	;
	$("div#onglet2")
		.removeClass("actif")
		.end()
	;
	$("div#onglet3")
		.removeClass("actif")
		.end()
	;
}

$(document).ready(function(){
	$("div#onglet1 a")
		.mouseover(function() {
			style_orange("div#onglet1");
			})
		.mouseout(function(event){
			if (checkMouseLeave(this, event)){
					style_jaune();
			}
			
		})
	;
	$("div#onglet2 a ")
		.mouseover(function() {
			style_orange("div#onglet2");
			})
		.mouseout(function(event){
			if (checkMouseLeave(this, event)){
					style_jaune();
			}
			
		})
	;
	$("div#onglet3 a ")
		.mouseover(function() {
			style_orange("div#onglet3");
			})
		.mouseout(function(event){
			if (checkMouseLeave(this, event)){
					style_jaune();
			}
			
		})
	;
	style_jaune();
});