$(document).ready(function() {
 
	$("#logo01").hover(function() {
		$("#comp01").addClass("surligne");
		$("#comp04").addClass("surligne");
		$("#comp09").addClass("surligne");
	},function(){
     	$("#comp01").removeClass("surligne");
		$("#comp04").removeClass("surligne");
     	$("#comp09").removeClass("surligne");
	});
	
	$("#logo02").hover(function() { 
		$("#comp01").addClass("surligne");
		$("#comp08").addClass("surligne");
	},function(){
     	$("#comp01").removeClass("surligne");
     	$("#comp08").removeClass("surligne");
	});

	$("#logo03").hover(function() { 
		$("#comp03").addClass("surligne");
		$("#comp04").addClass("surligne");
	},function(){
     	$("#comp03").removeClass("surligne");
     	$("#comp04").removeClass("surligne");
	});

	$("#logo04").hover(function() { 
		$("#comp03").addClass("surligne");	
		$("#comp06").addClass("surligne");
		$("#comp07").addClass("surligne");
		$("#comp08").addClass("surligne");
	},function(){
     	$("#comp03").removeClass("surligne");	
     	$("#comp06").removeClass("surligne");
     	$("#comp07").removeClass("surligne");
     	$("#comp08").removeClass("surligne");
	});

	$("#logo05").hover(function() { 
		$("#comp09").addClass("surligne");	
		$("#comp12").addClass("surligne");
		$("#comp03").addClass("surligne");
		$("#comp06").addClass("surligne");
		$("#comp05").addClass("surligne");
	},function(){
     	$("#comp09").removeClass("surligne");	
     	$("#comp12").removeClass("surligne");
     	$("#comp03").removeClass("surligne");
     	$("#comp06").removeClass("surligne");
     	$("#comp05").removeClass("surligne");
	});

	$("#logo06").hover(function() { 
		$("#comp04").addClass("surligne");	
		$("#comp12").addClass("surligne");
	},function(){
     	$("#comp04").removeClass("surligne");	
     	$("#comp12").removeClass("surligne");
	});

	$("#logo07").hover(function() { 
		$("#comp02").addClass("surligne");
		$("#comp11").addClass("surligne");
	},function(){
     	$("#comp02").removeClass("surligne");
		$("#comp11").removeClass("surligne");
	});

	$("#logo08").hover(function() { 
		$("#comp10").addClass("surligne");
	},function(){
     	$("#comp10").removeClass("surligne");
	});

	$("#logo09").hover(function() { 
		$("#comp06").addClass("surligne");
		$("#comp10").addClass("surligne");
		$("#comp12").addClass("surligne");
	},function(){
     	$("#comp06").removeClass("surligne");
     	$("#comp10").removeClass("surligne");
     	$("#comp12").removeClass("surligne");
	});

	$("#logo10").hover(function() { 
		$("#comp07").addClass("surligne");
		$("#comp03").addClass("surligne");
		$("#comp10").addClass("surligne");
	},function(){
     	$("#comp07").removeClass("surligne");
     	$("#comp03").removeClass("surligne");
		$("#comp10").removeClass("surligne");
	});

	$("#logo11").hover(function() { 
		$("#comp11").addClass("surligne");
		$("#comp07").addClass("surligne");
		$("#comp08").addClass("surligne");
		$("#comp03").addClass("surligne");
	},function(){
     	$("#comp11").removeClass("surligne");
     	$("#comp07").removeClass("surligne");
     	$("#comp08").removeClass("surligne");
		$("#comp03").removeClass("surligne");
	});

	$("#logo12").hover(function() { 
		$("#comp03").addClass("surligne");
		$("#comp04").addClass("surligne");
		$("#comp05").addClass("surligne");
	},function(){
     	$("#comp03").removeClass("surligne");
     	$("#comp04").removeClass("surligne");
     	$("#comp05").removeClass("surligne");
	});

});