$(document).ready(function(){

 $("#section3").mouseover(function(event) {
   $(".submenu").css({display:"none"});
   var margin = $(this).position().left - $("#sub-section3").width()/2.0 - $("#logo").width();
   if(margin<0) margin = 0;
   $("#sub-section3").css({"left":margin+"px"});
   $("#sub-section3").css({display:"block"});
   $("#menu li").removeClass("active");
   $(this).addClass("active");
 });

 $("#section1").mouseover(function(event) {
   $(".submenu").css({display:"none"});
   var margin = $(this).position().left - $("#sub-section1").width()/2.0 - $("#logo").width();
   if(margin<0) margin = 0;
   $("#sub-section1").css({"left":margin+"px"});
   $("#sub-section1").css({display:"block"});
   $("#menu li").removeClass("active");
   $(this).addClass("active");
 });

 $("#section2").mouseover(function(event) {
   $(".submenu").css({display:"none"});
   var margin = $(this).position().left - $("#sub-section2").width()/2.0 - $("#logo").width();
   if(margin<0) margin = 0;
   $("#sub-section2").css({"left":margin+"px"});
   $("#sub-section2").css({display:"block"});
   $("#menu li").removeClass("active");
   $(this).addClass("active");
 });

 $("#section4").mouseover(function(event) {
   $(".submenu").css({display:"none"});
   var margin = $(this).position().left - $("#sub-section4").width()/2.0 - $("#logo").width();
   if(margin<0) margin = 0;
   $("#sub-section4").css({"left":margin+"px"});
   $("#sub-section4").css({display:"block"});
   $("#menu li").removeClass("active");
   $(this).addClass("active");
 });

 $("#section5").mouseover(function(event) {
   $(".submenu").css({display:"none"});
   var margin = $(this).position().left - $("#sub-section5").width()/2.0 - $("#logo").width();
   if(margin<0) margin = 0;
   $("#sub-section5").css({"left":margin+"px"});
   $("#sub-section5").css({display:"block"});
   $("#menu li").removeClass("active");
   $(this).addClass("active");
 });

 $("#section6").mouseover(function(event) {
   $(".submenu").css({display:"none"});
   var margin = $(this).position().left - $("#sub-section6").width()/2.0 - $("#logo").width();
   if($(this).position().left + $("#sub-section6").width() > $("#menu").width()) 
    margin = $("#menu").width() - $("#sub-section6").width() - $("#logo").width() - 100;
   $("#sub-section6").css({"left":margin+"px"});
   $("#sub-section6").css({display:"block"});
   $("#menu li").removeClass("active");
   $(this).addClass("active");
 });

 $("#section7").mouseover(function(event) {
   $(".submenu").css({display:"none"});
   var margin = $(this).position().left - $("#sub-section7").width()/2.0 - $("#logo").width();
   if($(this).position().left + $("#sub-section7").width() > $("#menu").width()) 
    margin = $("#menu").width() - $("#sub-section7").width() - $("#logo").width() - 100;
   $("#sub-section7").css({"left":margin+"px"});
   $("#sub-section7").css({"display":"block"});
   $("#menu li").removeClass("active");
   $(this).addClass("active");
 });
 
      $(".ref-temoignage").hide();
      
      $(".ref").mouseover(function() {
        var idel = '#ref-'+$(this).attr("id");
        $(idel).fadeIn(275);
});
      
      $(".ref").mouseout(function() {
        var idel = '#ref-'+$(this).attr("id");
        $(idel).fadeOut(275);
      });

});