$(document).ready(function() {
	
	$('#logo').hover(function() { 
		$(this).stop().animate({'opacity':'0.5'});
	},
	
	function() {
		$(this).stop().animate({'opacity':'1'});
	});
	
	//////////////////// Menu institutionnel
	
	$('#accueil, #barray, #plan-acces, #contact').hover(function() {
		(this).stop().animate({'backgroundPosition': '-86px 0'});
	},
	
	function() {
			(this).stop().animate({'backgroundPosition': '0px 0'});
		});
	
	/////////////////////// Hover menu particulier 
	
	$('#menu-verticale li').hover(function() { 
		$(this).find('.sous-menu').stop().animate({'width':'533px'});
	},
	
	function() {
	$(this).find('.sous-menu').stop().animate({'width':'0px'})
	});
	
	/////////////////////// Hover menu Barray
	$('#menu li').hover(function() { 
		$(this).find('ul').stop().animate({'height':'100px'});
	},
	
	function() {
	$(this).find('ul').stop().animate({'height':'0px'})
	});
	
	$('.sous-menu:eq(1)').find('li').css({'marginLeft':'6px','marginRight':'6px'});
	
});