window.addEvent('domready', function(){

	/*  nav boite 1  */
	new HoverGroup({
		elements: [$('btBoite1'), $('navBoite1')],
		delay:10,
		onEnter: function(){
			$('navBoite1').show();
		},
		onLeave: function(){
			$('navBoite1').hide();
		}
	})
	
	/*  nav boite 2  */
	new HoverGroup({
		elements: [$('btBoite2'), $('navBoite2')],
		delay:10,
		onEnter: function(){
			$('navBoite2').show();
		},
		onLeave: function(){
			$('navBoite2').hide();
		}
	})
	
	/*  nav boite 3  */
	new HoverGroup({
		elements: [$('btBoite3'), $('navBoite3')],
		delay:10,
		onEnter: function(){
			$('navBoite3').show();
		},
		onLeave: function(){
			$('navBoite3').hide();
		}
	})
	
	/*  nav boite 4  */
	new HoverGroup({
		elements: [$('btBoite4'), $('navBoite4')],
		delay:10,
		onEnter: function(){
			$('navBoite4').show();
		},
		onLeave: function(){
			$('navBoite4').hide();
		}
	})
	

});