$(document).ready(function(){
	/* --------------------------------------------*/
	/* Affichage du premier bloc à l'état initial
	/* --------------------------------------------*/
	$("div#nosservices ul li:first-child").children("ul").css("display","block");	
	$("div#nosservices ul li:first-child").css("border-bottom", "1px solid #C8EA6B");
	$("div#nosservices ul li:first-child").css("list-style-image", "url(/fileadmin/templates/img/fleche-verte.jpg)");
	$("div#nosservices ul li ul li").css("border-bottom", "none");
	$("div#nosservices ul li ul li").css("list-style-image", "url(/fileadmin/templates/img/puce.jpg)");

	/* -------------------------------*/
	/* MouseOver des liens de gauche
	/* -------------------------------*/
	$("div#nosservices ul li").mouseover(function () {
		$("div#nosservices ul li:first-child").css("border-bottom", "none");
		$("div#nosservices ul li:first-child").css("border-bottom", "1px solid white");
		$("div#nosservices ul li:first-child").css("list-style-image", "url(/fileadmin/templates/img/fleche-bleue.jpg)");
		$("div#nosservices ul li ul li").css("border-bottom", "none");
		$("div#nosservices ul li ul li").css("list-style-image", "url(/fileadmin/templates/img/puce.jpg)");
		$("ul li ul").css("display", "none");
		$(this).children("ul").css("display","block");
	});
	
	/* -------------------------------------*/
	/* MouseOver du premier lien de gauche
	/* -------------------------------------*/
	$("div#nosservices ul li:first-child").mouseover(function () {
		$("div#nosservices ul li:first-child").css("border-bottom", "1px solid #C8EA6B");
		$("div#nosservices ul li:first-child").css("list-style-image", "url(/fileadmin/templates/img/fleche-verte.jpg)");
		$("div#nosservices ul li ul li").css("border-bottom", "none");
		$("div#nosservices ul li ul li").css("list-style-image", "url(/fileadmin/templates/img/puce.jpg)");
		$("ul li ul").css("display", "none");
		$(this).children("ul").css("display","block");
	});
	
	/* -------------------------------------------------------------*/
	/* Affichage du premier bloc lorsqu'il n'y a plus de MouseOver
	/* -------------------------------------------------------------*/
	$("div#nosservices ul li").mouseout(function () {
		$("div#nosservices ul li:first-child").children("ul").css("display","block");	
		$("div#nosservices ul li:first-child").css("border-bottom", "1px solid #C8EA6B");
		$("div#nosservices ul li:first-child").css("list-style-image", "url(/fileadmin/templates/img/fleche-verte.jpg)");
		$("div#nosservices ul li ul li").css("border-bottom", "none");
		$("div#nosservices ul li ul li").css("list-style-image", "url(/fileadmin/templates/img/puce.jpg)");
	});
	
	/* ------------------*/
	/* Style du tableau
	/* ------------------*/
	var i=0;
	for (i=0;i<10;i=i+2){
		$('.tr-'+i).css('background-color', '#e0e5d1');
		$('.td-'+i).css('border-right', '1px solid #d1d6c3');
	}
});