/***

http://www.siteduzero.com/tutoriel-3-37795-creer-un-menu-horizontal-deroulant-en-css.html

***/
/* 
sfHover = function() {

        var sfEls = document.getElementById("header_milieu").getElementsByTagName("LI");

        for (var i=0; i<sfEls.length; i++) {

                sfEls[i].onmouseover=function() {

                        this.className+=" sfhover";

                }

                sfEls[i].onmouseout=function() {

                        this.className=this.className.replace(new RegExp(" sfhover\\b"), "");

                }

        }

}

if (window.attachEvent) window.attachEvent("onload", sfHover); */


jQuery(document).ready(function() {
	/* Niveau 1 */
	jQuery('div.clickable').each( function(i, e){
		$e = jQuery(e);
		if( !$e.hasClass('deroule') ) $e.next('ul').hide();
		$e.click(function(){
			var self = jQuery(this);
			if( !self.hasClass('deroule') ){
				jQuery('div.clickable.deroule:eq(0)').each(function(si, se){
					var sousself = jQuery(this);
					sousself.removeClass('deroule');
					sousself.next('ul').hide();
				});
				self.addClass('deroule');
				self.next('ul').show();
			}else{
				self.removeClass('deroule');
				self.next('ul').hide();
			}
		});
	});
	
});