//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"}); 
	//Gestion du style de l'onglet selectionné
	$("ul#menu 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
	$("ul#menu li").hover(
		function() { 
			$("ul.sub",this).data('hover', true).slideDown({duration:200,easing:"easeOutQuad"}); 
		},
		function(){	
  			$("ul.sub",this).data('hover', false).animate( { opacity: 'show' }, '1', function() {
				if(!$(this).data('hover')) {
					$(this).slideUp({duration:200,easing:"easeInOutSine"});
					};
				}
			);
  		}
	);
};
///////////////////////////////////////////
//lance la fonction une fois le DOM chargé
$(document).ready(function(){
	deroule();
});