//MENU DEROULANT CC 2.0////////////////////
//sur un modele de menu type "ul li ul.sub"
///////////////////////////////////////////
function deroule(){
	//Initialisation du CSS du sous-menu
	$("ul.sub").css({display: "none"}); 
	$("ul.sub").css({'opacity': '0.9'});
	//Gestion du style de l'onglet selectionné
	$("#menu_metiers ul li").hover(function(){
			$(this).find('a').addClass('selected');  
		},function out(){
			$(this).find('a').removeClass('selected');
	});
	//Gestion de l'ouverture et la fermeture du sous-menu
	$("#menu_metiers ul li").hover(
		function() { 
			$("ul.sub",this).animate( { opacity: 'show' }, '100'); 
		},
		function(){	
  			$("ul.sub",this).data('hover', false).animate( { opacity: 'show' }, '1', function() {
				if(!$(this).data('hover')) {
					$(this).animate( { opacity: 'hide' }, '20');
					};
				}
			);
  		}
	);
};
///////////////////////////////////////////
//lance la fonction une fois le DOM chargé
$(document).ready(function(){
	deroule();
});