//les fonctions à appeler au niveau des onclicks

function societe_menu(){

                 /* jQuery('#societe_menu').css('backgroundImage','url(images/menu/societe2.jpg)');

                  jQuery('#societe_menu').hover(
                                                    function(){
                                                      jQuery('#societe_menu').css('backgroundImage','url(images/menu/societe2.jpg)');
                                                      },
                                                     function(){
                                                      jQuery('#societe_menu').css('backgroundImage','url(images/menu/societe2.jpg)');
                                                      }
                    );*/
                    
                    
                    
              jQuery('#societe_menu')

                .css( {backgroundPosition: "-20px 42px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-20px 102px)"}, {duration:400})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(40px 42px)"}, {duration:400, complete:function(){
				$(this).css({backgroundPosition: "-20px 42px"})
			}})
		})
              

}

function nosvaleurs_menu(){

                  /*jQuery('#nosvaleurs_menu').css('backgroundImage','url(images/menu/nos_valeurs2.jpg)');

                  jQuery('#nosvaleurs_menu').hover(
                                                    function(){
                                                      jQuery('#nosvaleurs_menu').css('backgroundImage','url(images/menu/nos_valeurs2.jpg)');
                                                      },
                                                     function(){
                                                      jQuery('#nosvaleurs_menu').css('backgroundImage','url(images/menu/nos_valeurs2.jpg)');
                                                      }
                    );*/
                    
            jQuery('#nosvaleurs_menu')

                .css( {backgroundPosition: "-20px 42px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-20px 102px)"}, {duration:400})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(40px 42px)"}, {duration:400, complete:function(){
				$(this).css({backgroundPosition: "-20px 42px"})
			}})
		})


}

function informatique_menu(){

                  /*jQuery('#informatique_menu').css('backgroundImage','url(images/menu/informatique2.jpg)');

                  jQuery('#informatique_menu').hover(
                                                    function(){
                                                      jQuery('#informatique_menu').css('backgroundImage','url(images/menu/informatique2.jpg)');
                                                      },
                                                     function(){
                                                      jQuery('#informatique_menu').css('backgroundImage','url(images/menu/informatique2.jpg)');
                                                      }
                    );*/

               jQuery('#informatique_menu')

                .css( {backgroundPosition: "-20px 42px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-20px 102px)"}, {duration:400})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(40px 42px)"}, {duration:400, complete:function(){
				$(this).css({backgroundPosition: "-20px 42px"})
			}})
		})


}

function logistique_menu(){

                  /*jQuery('#logistique_menu').css('backgroundImage','url(images/menu/logistique2.jpg)');

                  jQuery('#logistique_menu').hover(
                                                    function(){
                                                      jQuery('#logistique_menu').css('backgroundImage','url(images/menu/logistique2.jpg)');
                                                      },
                                                     function(){
                                                      jQuery('#logistique_menu').css('backgroundImage','url(images/menu/logistique2.jpg)');
                                                      }
                    );*/
                    
                    
              jQuery('#logistique_menu')

                .css( {backgroundPosition: "-20px 42px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-20px 102px)"}, {duration:400})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(40px 42px)"}, {duration:400, complete:function(){
				$(this).css({backgroundPosition: "-20px 42px"})
			}})
		})
              

}

function implantations_menu(){

                  /*jQuery('#implantations_menu').css('backgroundImage','url(images/menu/implantations2.jpg)');


                  jQuery('#implantations_menu').hover(
                                                    function(){
                                                      jQuery('#implantations_menu').css('backgroundImage','url(images/menu/implantations2.jpg)');
                                                      },
                                                     function(){
                                                      jQuery('#implantations_menu').css('backgroundImage','url(images/menu/implantations2.jpg)');
                                                      }
                    );*/
                    
                    
             jQuery('#implantations_menu')

                .css( {backgroundPosition: "-20px 42px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-20px 102px)"}, {duration:400})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(40px 42px)"}, {duration:400, complete:function(){
				$(this).css({backgroundPosition: "-20px 42px"})
			}})
		})


}

function contacts_menu(){

                  /*jQuery('#contacts_menu').css('backgroundImage','url(images/menu/contacts2.jpg)');

                  jQuery('#contacts_menu').hover(
                                                    function(){
                                                      jQuery('#contacts_menu').css('backgroundImage','url(images/menu/contacts2.jpg)');
                                                      },
                                                     function(){
                                                      jQuery('#contacts_menu').css('backgroundImage','url(images/menu/contacts2.jpg)');
                                                      }
                    );*/
                    
                    
             jQuery('#contacts_menu')

                .css( {backgroundPosition: "-20px 42px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-20px 102px)"}, {duration:400})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(40px 42px)"}, {duration:400, complete:function(){
				$(this).css({backgroundPosition: "-20px 42px"})
			}})
		})
              

}


function references_menu(){

                  /*jQuery('#references_menu').css('backgroundImage','url(images/menu/references2.jpg)');

                  jQuery('#references_menu').hover(
                                                    function(){
                                                      jQuery('#references_menu').css('backgroundImage','url(images/menu/references2.jpg)');
                                                      },
                                                     function(){
                                                      jQuery('#references_menu').css('backgroundImage','url(images/menu/references2.jpg)');
                                                      }
                    );*/
                    
                    
                    
             jQuery('#references_menu')

                .css( {backgroundPosition: "-20px 42px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-20px 102px)"}, {duration:400})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(40px 42px)"}, {duration:400, complete:function(){
				$(this).css({backgroundPosition: "-20px 42px"})
			}})
		})
              

}


//fin des fonctions à appeler au niveau des onclicks
function rehover_menu() {

                                jQuery('#societe_menu').css('backgroundImage','url(images/menu/societe1.jpg)');
                                
                                
                                        jQuery('#societe_menu').hover(
                                                    function(){
                                                      jQuery('#societe_menu').css('backgroundImage','url(images/menu/societe2.jpg)');
                                                      },
                                                     function(){
                                                      jQuery('#societe_menu').css('backgroundImage','url(images/menu/societe1.jpg)');
                                                      }
                                        );
                                
                                 jQuery('#nosvaleurs_menu').css('backgroundImage','url(images/menu/nos_valeurs1.jpg)');
                                
                                
                                        jQuery('#nosvaleurs_menu').hover(
                                                    function(){
                                                      jQuery('#nosvaleurs_menu').css('backgroundImage','url(images/menu/nos_valeurs2.jpg)');
                                                      },
                                                     function(){
                                                      jQuery('#nosvaleurs_menu').css('backgroundImage','url(images/menu/nos_valeurs1.jpg)');
                                                      }
                                        );
                                        
                                        
                                 jQuery('#informatique_menu').css('backgroundImage','url(images/menu/informatique1.jpg)');
                                
                                
                                        jQuery('#informatique_menu').hover(
                                                    function(){
                                                      jQuery('#informatique_menu').css('backgroundImage','url(images/menu/informatique2.jpg)');
                                                      },
                                                     function(){
                                                      jQuery('#informatique_menu').css('backgroundImage','url(images/menu/informatique1.jpg)');
                                                      }
                                        );
                                        
                                        
                                        
                                 jQuery('#logistique_menu').css('backgroundImage','url(images/menu/logistique1.jpg)');
                                
                                
                                        jQuery('#logistique_menu').hover(
                                                    function(){
                                                      jQuery('#logistique_menu').css('backgroundImage','url(images/menu/logistique2.jpg)');
                                                      },
                                                     function(){
                                                      jQuery('#logistique_menu').css('backgroundImage','url(images/menu/logistique1.jpg)');
                                                      }
                                        );
                                        
                                        
                                  jQuery('#implantations_menu').css('backgroundImage','url(images/menu/implantations1.jpg)');
                                
                                
                                        jQuery('#implantations_menu').hover(
                                                    function(){
                                                      jQuery('#implantations_menu').css('backgroundImage','url(images/menu/implantations2.jpg)');
                                                      },
                                                     function(){
                                                      jQuery('#implantations_menu').css('backgroundImage','url(images/menu/implantations1.jpg)');
                                                      }
                                        );
                                        

                                   jQuery('#contacts_menu').css('backgroundImage','url(images/menu/contacts1.jpg)');
                                
                                
                                        jQuery('#contacts_menu').hover(
                                                    function(){
                                                      jQuery('#contacts_menu').css('backgroundImage','url(images/menu/contacts2.jpg)');
                                                      },
                                                     function(){
                                                      jQuery('#contacts_menu').css('backgroundImage','url(images/menu/contacts1.jpg)');
                                                      }
                                        );
                                        
                                        
                                   jQuery('#references_menu').css('backgroundImage','url(images/menu/references1.jpg)');
                                
                                
                                        jQuery('#references_menu').hover(
                                                    function(){
                                                      jQuery('#references_menu').css('backgroundImage','url(images/menu/references2.jpg)');
                                                      },
                                                     function(){
                                                      jQuery('#references_menu').css('backgroundImage','url(images/menu/references1.jpg)');
                                                      }
                                        );
      
}


//fonction pour reinitialiser les hovers du menu

//fin fonction pour reinitialiser les hovers du menu







jQuery(document).ready(function(){
  
  //fonction a executer au chargement de la page
  societe_menu();
  jQuery('#societe_menu').click();
  nosvaleurs_menu();
  informatique_menu();
  logistique_menu();
  implantations_menu();
  contacts_menu();
  references_menu();
  
  
  


        //les differents evenements au click sur les boutons du menu

        jQuery('#societe_menu').click(function(){
          
          
              jQuery('#societe_menu')

                .css( {backgroundPosition: "-20px -6px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-20px -6px)"})
		})
		.mouseout(function(){
		        $(this).stop().animate({backgroundPosition:"(-20px -6px)"});
		})


              jQuery('#societe_menu').stop().animate({backgroundPosition:"(-20px -6px)"});

                    nosvaleurs_menu();
                    informatique_menu();
                    logistique_menu();
                    implantations_menu();
                    contacts_menu();
                    references_menu();
              

          
          
        });
        
        
        jQuery('#nosvaleurs_menu').click(function(){
          

              jQuery('#nosvaleurs_menu')

                .css( {backgroundPosition: "-20px 102px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-20px 102px)"})
		})
		.mouseout(function(){
		        $(this).stop().animate({backgroundPosition:"(-20px 102px)"});
		})


              jQuery('#nosvaleurs_menu').stop().animate({backgroundPosition:"(-20px 102px)"});
              
              societe_menu();
              //nosvaleurs_menu();
              informatique_menu();
              logistique_menu();
              implantations_menu();
              contacts_menu();
              references_menu();
          
          
        });
        
        jQuery('#informatique_menu').click(function(){
          

              jQuery('#informatique_menu')

                .css( {backgroundPosition: "-20px 102px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-20px 102px)"})
		})
		.mouseout(function(){
		        $(this).stop().animate({backgroundPosition:"(-20px 102px)"});
		})


              jQuery('#informatique_menu').stop().animate({backgroundPosition:"(-20px 102px)"});
              
              
              societe_menu();
              nosvaleurs_menu();
              //informatique_menu();
              logistique_menu();
              implantations_menu();
              contacts_menu();
              references_menu();
          
          
        });
        
        jQuery('#logistique_menu').click(function(){
          

              jQuery('#logistique_menu')

                .css( {backgroundPosition: "-20px 102px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-20px 102px)"})
		})
		.mouseout(function(){
		        $(this).stop().animate({backgroundPosition:"(-20px 102px)"});
		})


              jQuery('#logistique_menu').stop().animate({backgroundPosition:"(-20px 102px)"});
              
              societe_menu();
              nosvaleurs_menu();
              informatique_menu();
              //logistique_menu();
              implantations_menu();
              contacts_menu();
              references_menu();
          
          
        });
        
        jQuery('#implantations_menu').click(function(){
          

              jQuery('#implantations_menu')

                .css( {backgroundPosition: "-20px 102px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-20px 102px)"})
		})
		.mouseout(function(){
		        $(this).stop().animate({backgroundPosition:"(-20px 102px)"});
		})


              jQuery('#implantations_menu').stop().animate({backgroundPosition:"(-20px 102px)"});
              
              societe_menu();
              nosvaleurs_menu();
              informatique_menu();
              logistique_menu();
              //implantations_menu();
              contacts_menu();
              references_menu();
          
          
        });
        
        jQuery('#contacts_menu').click(function(){
          

              jQuery('#contacts_menu')

                .css( {backgroundPosition: "-20px 102px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-20px 102px)"})
		})
		.mouseout(function(){
		        $(this).stop().animate({backgroundPosition:"(-20px 102px)"});
		})


              jQuery('#contacts_menu').stop().animate({backgroundPosition:"(-20px 102px)"});
              
              societe_menu();
              nosvaleurs_menu();
              informatique_menu();
              logistique_menu();
              implantations_menu();
              //contacts_menu();
              references_menu();
          
          
        });
        
        jQuery('#references_menu').click(function(){
          

              jQuery('#references_menu')

                .css( {backgroundPosition: "-20px 102px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-20px 102px)"})
		})
		.mouseout(function(){
		        $(this).stop().animate({backgroundPosition:"(-20px 102px)"});
		})


              jQuery('#references_menu').stop().animate({backgroundPosition:"(-20px 102px)"});
              
              societe_menu();
              nosvaleurs_menu();
              informatique_menu();
              logistique_menu();
              implantations_menu();
              contacts_menu();
              //references_menu();
          

        });
        


        
        //fin des differents evenements au click sur les boutons du menu



});