$(document).ready(function(){
	
	// -- Fade icones -->
	
	$("div.icone a, div.icone img, div.icone p, div.icone hgroup").hover(function(){
		$("div.icone").stop().fadeTo(200, 0.4);	
		$(this).parent().stop().fadeTo(1, 1);
		slogan("<span class=\"slogan_simple\">"+$(this).parent().find('p').html()+"</span>");
	},function(){
		$("div.icone").stop().fadeTo(300, 1);
		slogan(0);	
	});
	
	$("div.icone img, div.icone p, div.icone h2").click(function(){
		$(location).attr('href',$(this).parent().find('a').attr('href'));
	});
	
});

function slogan(quoi){
	
	if(quoi==0){
		$("h1").html("AXXIO anticipe l'organisation du <br /><span>XXI</span>i&egrave;me si&egrave;cle");
	}else{
		$("h1").html(quoi);
	}
	
}