$(document).ready(function() {

	// on cache tous les ul child pour menu principal
  $("ul#nav ul").hide();

	// li sera le selecteur sur lequel on passe
	$("ul#nav>li").hover(
		function() {
			$(this).children("a").css({color:"#F4B37D"});
			$(this).siblings().children("ul:visible").fadeOut("100");
			$(this).siblings().children("a").css({color:"white"});
			$(this).children("ul:hidden").fadeIn("500");
		},
		function() {
  	}
  );
  
	// on cache tous les div suivant des h4.faq
  $("div.rep").hide();

	// h4 sera le selecteur sur lequel on clique
	$("h4.faq").toggle(
		function() {
			$("h4.faq+div.rep:visible").fadeOut("500");
			$(this).next("div.rep:hidden").fadeIn("1000");
		},
		function() {
			$(this).next("div.rep:visible").fadeOut("500");
		}
	);
  
	// on cache tous les ul child menu activites
  $("ul#deroulant ul").hide();
  // li sera le selecteur sur lequel on clique
  $("ul#deroulant>li").click(function() {
  	$(this).children("ul:visible").fadeOut("100");
  	$(this).children("ul:hidden").fadeIn("800");
  });
	// on cache tous les ul child menu activites 2
  $("ul#deroulant2 ul").hide();
  // li sera le selecteur sur lequel on clique
  $("ul#deroulant2>li").click(function() {
  	$(this).children("ul:visible").fadeOut("100");
  	$(this).children("ul:hidden").fadeIn("800");
  });

	// rollover images entrepreneurs
	$("div#bigdia").html($("div.smalldia:first > span").attr("title"));
	$("div.smalldia:first").css("border","1px solid red");
  $("div.smalldia").click(function() {
  	$("div#bigdia").html($(this).children("span").attr("title"));
  	$("div.smalldia").css("border","1px dotted gray");
  	$(this).css("border","1px solid red");
  });
  
});