$(document).ready(function(){ //Définir la fonction de clic
 
	
	//Changer le comportement hover au survol
   $('.clic').hover(function() { //mouse in
		$(this).css({
			'cursor':'pointer'
		});
		if(!jQuery.support.opacity) {
			/*$(this).stop();
			$(this).stop().animate(
				{ 
					
			}, 200);*/
			
			$(this).css({
					'overflow':'visible'
									});
			
			$(this).fadeTo(200,0.6);
		}
		else {
			$(this).stop().animate(
				{ 
				
				'opacity':0.6
			}, 200);
		}

   }, function() { //mouse out
   		if(!jQuery.support.opacity) {
			/*$(this).stop();
			$(this).stop().animate(
	  			{ 
				
				}, 200);*/
			$(this).fadeTo(200,1);
		}
		else {
			$(this).stop().animate(
				{ 
				
				'opacity':1
			}, 200);
		}
   });
   
   
   

 function effect(var1){
  if(var1==1){
   $(".menu_professionel").stop(true).animate({'height':223+'px', 'opacity':1},300);
  }
  else{
   $(".menu_professionel").stop(true).animate({'height':0+'px', 'opacity':0},300);
  }
 }
 
 $("#menu0").hover(
      function () {
  effect(1)
      }, function () {
  effect(0)
      }
    ); 
 $(".menu_professionel").hover(
      function () {
  effect(1)        
      }, function () {
  effect(0)
      }
    );
 
 
 function effect1(var2){
  if(var2==1){
   $(".menu_particulier").stop(true).animate({'height':238+'px', 'opacity':1},300);
  }
  else{
   $(".menu_particulier").stop(true).animate({'height':0+'px', 'opacity':0},300);
  }
 }
 
 $("#menu1").hover(
      function () {
  effect1(1)
      }, function () {
  effect1(0)
      }
    ); 
 $(".menu_particulier").hover(
      function () {
  effect1(1)        
      }, function () {
  effect1(0)
      }
    );  
 });