jQuery.noConflict();
(function($) {

$(document).ready(function(){
	
	/* Préchargement */
	$("#son_btn a, #activer_son").hide();
	window.onload = function(){
		$(".preload").fadeOut("fast"); // une fois le site chargé on masque l'image de préload
		$("#son_btn a").fadeIn("normal");
		
		fadeActiverSon();
	}
	
	var nbFade = 0;
	
	function fadeActiverSon() {
		$("#activer_son").show();
		setTimeout(fadeOutActiverSon, 1000);
		nbFade++;
	}
	function fadeOutActiverSon() {
		$("#activer_son").hide();
		
		if(nbFade < 7){
			setTimeout(fadeActiverSon, 500);
		}
		else {
			$("#son_btn").mouseenter(function(){
				fadeActiverSon();
			});
		}
	}
	
	
		

	// rendu des images PNG sous IE6 et inférieur
	if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;
		var ieversion = new Number(RegExp.$1) // capture x.x portion and store as a number
		if (ieversion < 7) {
			$(document).pngFix();
			// blague design sonore sous IE6 (car bug)
			$("#son_btn").hide();
			$("#activer_son").html("Profiter de l'expérience complète avec un navigateur plus récent..."). css("left","520px");
			// fin blague design sonore sous IE6
		}
	}
	
	
	
	/* //////////////////// Taille du document //////////////////// */
	
	
	// Adaptation de la hauteur et de la largeur du background à la taille de l'écran
	if( typeof( window.innerWidth ) == 'number' ) {
		var largeur = window.innerWidth;
		var hauteur = window.innerHeight;
	}
	else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		var largeur = document.documentElement.clientWidth;
		var hauteur = document.documentElement.clientHeight;
	}
	else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		var largeur = document.body.clientWidth;
		var hauteur = document.body.clientHeight;
	}

	$("#site").css("width", largeur); // largeur du document
	
	// hauteur du site
	var contenuHeight = $("#contenu").css("height");
	contenuHeight = parseInt( contenuHeight.substring(0, contenuHeight.lastIndexOf('px')) );
	contenuHeight += 150; // + hauteur du sitemap ouvert
	if( contenuHeight > hauteur ) {
		hauteur = contenuHeight;
	}
	$("#site").css("height", hauteur); // hauteur du document
	
	// marge gauche pour le contenu
	var contenuWidth = $("#contenu").css("width");
	contenuWidth = parseInt( contenuWidth.substring(0, contenuWidth.lastIndexOf('px')) );
	var contenuMarge = ( largeur - contenuWidth ) / 2;
	$("#contenu").css("left", contenuMarge);
	
	
	
	/* //////////////////// Ecouteur de la barre d'adresse pour activer les boutons précédents et suivant //////////////////// */
	
	var urlActive = window.location.hash;
	
	function historyEvent() {
		var urlQuery = window.location.hash;
		
		// résolution bug double actualisation à l'arrivée sur le site
		if( urlActive == '' ) urlActive = '#/vue-ensemble/';
		if( urlQuery == '' ) urlQuery = '#/vue-ensemble/';
		
		//console.log(urlActive+' != '+urlQuery);
		if( urlActive != urlQuery ) {
			if( getRubriqueByHref(urlActive) == getRubriqueByHref(urlQuery) ) {
				urlActive = urlQuery;
				displayTo(getPageURL());
			}
			else {
				urlActive = urlQuery;
				navigateTo(getPageURL());
			}
		}
		setTimeout(historyEvent, 1000);
	}
	
	historyEvent();
	
	
	/* //////////////////// Fonctions rollOver des boutons du menu //////////////////// */
	
	
	// on masque le menu_titre par défaut
	$(".menu_titre").animate({opacity:0}, 0);
		
	$("#menu li").mouseover(function(){
		// DOM du bouton ciblé
		var btnMenu = $("a:fisrt",this);
		// on passe le bouton à l'état Over s'il n'est pas à l'état Active et on adapte menu_titre
		setButtonOver(btnMenu);
		// fadeIn menu_titre
		$(".menu_titre").stop().animate({opacity:1}, 500);
	})
	.mouseout(function(){
		// DOM du bouton ciblé
		var btnMenu = $("a:fisrt",this);
		// on passe le bouton à l'état Out s'il n'est pas à l'état Active
		setButtonOut(btnMenu);
		// fadeOut menu_titre
		$(".menu_titre").stop().animate({opacity:0}, 100);
		// on reprend le sous-titre de la rubrique active
		var btnMenuActive = $("a.menu_active");// DOM du bouton actif
		setSousTitreMenu( btnMenuActive.attr('title') );
	});
				
	$("#menu a").click(function(){
		setButtonActive($(this));
	});
	
	
	// Alpha du sous-titre menu en fonction de la position en y sur le header 
	$().mousemove(function(e){
		// coordonnées souris
		var mouseY = e.pageY;
		var mouseX = e.pageX;
		mouseY -= 52; // moins bottom du menu
		if(mouseY <= 0) mouseY = 0; // gestion de la marge au dessus du menu
		var alpha = 0;
		// marge gauche du site
		var margeLeft = $("#contenu").css("left");
		margeLeft = parseInt( margeLeft.substring(0, margeLeft.lastIndexOf('px')) );
		// si position souris est positionner dans la zone du header
		if(mouseY <= 213 && mouseX >= margeLeft && mouseX <= (margeLeft + 960) ) {
			alpha = (-1 * mouseY) * (1 / 213) + 1 + (((1 / 213) * mouseY) * 0.3); // calcule de l'alpha en fonction de la position de la souris en y sur le header
		}
		// on applique l'alpha au sous-titre menu
		$(".menu_titre").stop().animate({opacity:alpha}, 0);
		// on joue le son du menu
		if(e.pageY < 5) alpha=0; // on coupe le son si l'on dépasse le haut du site
		if(typeof($.playSoundSurvolMenu) == 'function') { // test vérifiant que la fonction est bien chargée (résolution d'un bug)
			$.playSoundSurvolMenu( (alpha * 100) ); // volume de menuSound
		}
	});

	
	function setButtonOver(btnMenu) {
		// on passe le bouton à l'état Over s'il n'est pas à l'état Active et on adapte le font de menu_titre
		switch(btnMenu.attr('title')) {
			case 'Vue d\'ensemble':
				btnMenu.not($(".menu_active")).css("background-position","0px 0px");
				break;
			case 'Un écho sur la formation':
				btnMenu.not($(".menu_active")).css("background-position","-49px 0px");
				break;
			case 'Un parfum d\'avenir':
				btnMenu.not($(".menu_active")).css("background-position","-98px 0px");
				break;
			case 'Un avant-goût de la licence':
				btnMenu.not($(".menu_active")).css("background-position","-146.4px 0px");
				break;
			case 'Entrer en contact':
				btnMenu.not($(".menu_active")).css("background-position","-195.2px 0px");
				break;
			case 'Expérimentez le sensoriel':
				btnMenu.not($(".menu_active")).css("background-position","-244px 0px");
				break;
		}
		// Modification du sous-titre menu
		setSousTitreMenu( btnMenu.attr('title') );
	}
	
	function setButtonOut(btnMenu) {
		// on passe le bouton à l'état Out s'il n'est pas à l'état Active
		switch(btnMenu.attr('title')) {
			case 'Vue d\'ensemble':
				btnMenu.not($(".menu_active")).css("background-position","0px -36px");
				break;
			case 'Un écho sur la formation':
				btnMenu.not($(".menu_active")).css("background-position","-49px -36px");
				break;
			case 'Un parfum d\'avenir':
				btnMenu.not($(".menu_active")).css("background-position","-98px -36px");
				break;
			case 'Un avant-goût de la licence':
				btnMenu.not($(".menu_active")).css("background-position","-146.4px -36px");
				break;
			case 'Entrer en contact':
				btnMenu.not($(".menu_active")).css("background-position","-195.2px -36px");
				break;
			case 'Expérimentez le sensoriel':
				btnMenu.not($(".menu_active")).css("background-position","-244px -36px");
				break;
		}
	}
	
	function setButtonActive(btnMenu) {
		// on passe le bouton à l'état Out s'il était à l'état Active
		$.each($("#menu a"),function(){
			$(this).removeClass("menu_active");
			setButtonOut($(this));
		})
		// on passe le bouton à l'état Active et on lui adjoint la classe "menu_active"
		btnMenu.addClass("menu_active");
		
		// titre du lien
		var title = btnMenu.attr('title');
		
		// on passe le bouton à l'état Out s'il n'est pas à l'état Active
		switch(title) {
			case 'Vue d\'ensemble':
				btnMenu.css("background-position","0px 0px");
				break;
			case 'Un écho sur la formation':
				btnMenu.css("background-position","-49px 0px");
				break;
			case 'Un parfum d\'avenir':
				btnMenu.css("background-position","-98px 0px");
				break;
			case 'Un avant-goût de la licence':
				btnMenu.css("background-position","-146.4px 0px");
				break;
			case 'Entrer en contact':
				btnMenu.css("background-position","-195.2px 0px");
				break;
			case 'Expérimentez le sensoriel':
				btnMenu.css("background-position","-244px 0px");
				break;
		}
		
		setSousTitreMenu(title);
	}
	
	
	function setSousTitreMenu(titleRubrique) {
		switch(titleRubrique) {
			case 'Vue d\'ensemble':
				$(".menu_titre").text('Accueil');
				$(".menu_titre").css("background-position","0 -72px");
				break;
			case 'Un écho sur la formation':
				$(".menu_titre").text('La formation');
				$(".menu_titre").css("background-position","0 -118px");
				break;
			case 'Un parfum d\'avenir':
				$(".menu_titre").text('Contexte professionnel');
				$(".menu_titre").css("background-position","0 -164px");;
				break;
			case 'Un avant-goût de la licence':
				$(".menu_titre").text('Entrer en licence');
				$(".menu_titre").css("background-position","0 -210px");
				break;
			case 'Entrer en contact':
				$(".menu_titre").text('Contact');
				$(".menu_titre").css("background-position","0 -256px");
				break;
			case 'Expérimentez le sensoriel':
				$(".menu_titre").text('Le sensoriel');
				$(".menu_titre").css("background-position","0 -301px");
				break;
		}
	}
	
	
	
	
	/* //////////////////// Fonctions du site map //////////////////// */
	
	
	// Fonction d'ouverture du site map
	
	$("#map").hide();
	
	$("#siteMap a.toogleMap").click(function(){
		if( $("#map").is(":hidden") ) {
			$("#map").slideDown("slow");
		}
		else if( $("#map").not(":hidden") ) {
			$("#map").slideUp("slow");
		}
		return false;
	});
		
	
	
	/* //////////////////// Navigation //////////////////// */
	
		
	// Navigation jusqu'à la page ciblé par l'url à l'arrivée sur le site
	var pageQuery = getPageURL();
	displayTo(pageQuery);
	// on passe le bouton du menu correspondant à la rubrique à l'état Active
	var btnMenu = $("a[href='#/"+pageQuery+"/'].menu_link");// DOM du bouton correspondant
	setButtonActive(btnMenu);	
	
	function getTitleRubrique(rubrique) {
		switch(rubrique) {
			case 'vue-ensemble':
				return 'Vue d\'ensemble';
				break;
			case 'un-echo-sur-la-formation':
				return 'Un écho sur la formation';
				break;
			case 'un-parfum-avenir':
				return 'Un parfum d\'avenir';
				break;
			case 'un-avant-gout-de-la-licence':
				return 'Un avant-goût de la licence';
				break;
			case 'entrer-en-contact':
				return 'Entrer en contact';
				break;
			case 'experimentez-le-sensoriel':
				return 'Expérimentez le sensoriel';
				break;
		}
	}
	
	function getTitlePage() {
		var url = document.location.hash;
		var titre = $("a[href='"+url+"']").attr("title");
		if(typeof(titre) != 'undefined') {
			return titre;
		}
		else {
			return getContenuURL();
		}
	}
	
	
	// Récupération du nom de la page ciblé par l'url
	function getPageURL() {
		var url = document.location.hash;
		// Si l'url ne comprend pas le nom de la page ciblée on lui ajoute le nom de la page d'vue-ensemble par défaut 
		if(url == '') {
			document.location = document.location + '#/vue-ensemble/';
			url = document.location.hash;
		}
		else if(url == '#/') {
			document.location = document.location + 'vue-ensemble/';
			url = document.location.hash;
		}
		url = url.toLowerCase();
		url = url.split("/");
		return url[1];
	}
	
	
	// Récupération de la sous-rubrique
	function getContenuURL() {
		var url = document.location.hash;
		if(url) {
			url = url.toLowerCase();
			url = url.split("/");
			if(url[2]) {
				return url[2];
			}
			else return '';
		}
	}
	
	
	// Récupérer le nom de la rubrique en fonction du href d'un lien
	function getRubriqueByHref(href) {
		href = href.toLowerCase();
		url = href.split("#/");
		if(url[1]) {
			url = url[1].split("/");
			return url[0];
		}
		else return '';
	}
	
	// Récupérer le nom du contenu en fonction du href d'un lien
	function getContenuByHref(href) {
		href = href.toLowerCase();
		url = href.split("#/");
		url = url[1].split("/");
		if(url[1]) {
			return url[1];
		}
		else return '';
	}
	
	
	// au clic sur un lien du menu..
	$("a.menu_link, #fildarianne a, a.site_link, a.btn_sensoriel, div.logo a ").bind('click', navigationPaLiens);
	var param = '';// paramètre de tri pour les articles
	function navigationPaLiens() {
		var href = $(this).attr('href');
		// url de la page demandée pour que la boucle HistoryEvent n'actualise pas la page une 2ème fois
		urlActive = href;
		// titre de la page demandée (via son lien)
		var page = getRubriqueByHref( href );
		// nom du contenu demandé
		var contenu = getContenuByHref( href );
		// paramètre de tri pour les articles
		if(typeof($(this).attr("rel")) != "undefined") {
			param = $(this).attr("rel");
		}
		// nom de la page courante (url)
		var pageURL = getPageURL();
		// contneu de la page courante (url)
		var contenuURL = getContenuURL()
		// si la page demandée n'est pas déjà affichée
		if( page != pageURL ) {
			var btnMenu = $("a[href='#/"+page+"/'].menu_link");// DOM du bouton correspondant
			setButtonActive(btnMenu);
			// on navigue jusqu'à la page demandée
			navigateTo(page);
		}
		// si l'utilisateur demande à voir un autre contenu de la même page
		else {
			getContenuPage(page, contenu);
		}
	}
	
	
	// Fonction renvoyant les coordonnées de la page
	function getPageCoord(page) {
		
		var pageCoord = new Array();
		pageCoord['posX'] = 0;
		pageCoord['posY'] = 0;
		
		var marge1920px = 480;
		var decalage = marge1920px - contenuMarge;
			
		switch(page) {			
			case 'vue-ensemble':
				pageCoord['posX'] = (0 - decalage) +'px';
				pageCoord['posY'] = '0px';
				break;
			case 'un-echo-sur-la-formation':
				pageCoord['posX'] = (-2100 - decalage) +'px';
				pageCoord['posY'] = '0px';
				break;
			case 'un-parfum-avenir':
				pageCoord['posX'] = (-4200 - decalage) +'px';
				pageCoord['posY'] = '0px';
				break;
			case 'un-avant-gout-de-la-licence':
				pageCoord['posX'] = (-6300 - decalage) +'px';
				pageCoord['posY'] = '0px';
				break;
			case 'entrer-en-contact':
				pageCoord['posX'] = (-8415 - decalage) +'px';
				pageCoord['posY'] = '0px';
				break;
			case 'experimentez-le-sensoriel':
				pageCoord['posX'] = (-10515 - decalage) +'px';
				pageCoord['posY'] = '0px';
				break;
			default:
				pageCoord['posX'] = (0 - decalage) +'px';
				pageCoord['posY'] = '0px';
		}
		
		return pageCoord;
	} // fin getPageCoord
	
	
	//  Fonction de navigation vers la rubrique demandée
	function navigateTo(rubrique) {
		rubrique = rubrique.toLowerCase();
		
		// on détermine les positions du background à atteindre en fonction du titre de la page demandée
		var pageCoord = getPageCoord(rubrique);
		
		// on masque le contenu
		$("#contenu").fadeOut("normal",function(){
			
			// sélection du sous-titre rubrique qui va bien
			var titleRubrique = toUpperCaseFirst( rubrique );
			setSousTitreMenu( titleRubrique );
			
			// on modifie la ligne d'Ariane
			setFilAriane();
			
			// on récupère le contenu de la sous-rubrique
			var contenu = getContenuURL();
			getContenuPage(rubrique, contenu);
			
			// on lance le son de la rubrique
			if(typeof($.playRubriqueSound) == 'function') { // test vérifiant que la fonction est bien chargée (résolution d'un bug)
				$.playRubriqueSound(rubrique);
			}
			
			// puis on navigue jusqu'à l'emplacement de la page demandée
			$("#background").stop().animate({
					top: pageCoord['posY'],
					left: pageCoord['posX']
		      	},
				3000,
				"easeOutExpo",
				// une fois arrivé on affiche le contenu
				function() {
					// on passe le bouton du menu correspondant à la rubrique à l'état Active
					var btnMenu = $("a[href='#/"+rubrique+"/'].menu_link");// DOM du bouton correspondant
					setButtonActive(btnMenu);
					// on affiche le site
					$("#contenu").fadeIn("normal");
					setSeparateurSize();
				}
			);		
		});
		
	} // fin navigateTo
	
	
	//  Fonction d'affichage direct de la rubrique demandée
	function displayTo(rubrique) {
		rubrique = rubrique.toLowerCase();
		
		// on détermine les positions du background à atteindre en fonction du titre de la page demandée
		var pageCoord = getPageCoord(rubrique);
		
		$("#background").css({'top':pageCoord['posY'], 'left':pageCoord['posX']});
		
		// sélection du sous-titre rubrique qui va bien
		var titleRubrique = toUpperCaseFirst( rubrique );
		setSousTitreMenu( titleRubrique );
		
		// on modifie le fil d'Ariane
		setFilAriane();
		
		// on passe le bouton du menu correspondant à la rubrique à l'état Active
		var btnMenu = $("a[href='#/"+rubrique+"/'].menu_link");// DOM du bouton correspondant
		setButtonActive(btnMenu);
		
		// affichage de la sous-rubrique si demandé
		var contenu = getContenuURL();
		
		// split pour virer l'id de l'article consulté dans la page flux du sensoriel
		contenuTab = contenu.split('$');
		contenu = contenuTab[0];
		
		getContenuPage(rubrique, contenu);
		
	} // fin displayTo
	
	
	
	// Modification du fil d'Ariane
	function setFilAriane() {
		var rubrique = getPageURL();
		var rubriqueTitle = getTitleRubrique(rubrique);
		var page = getContenuURL();
		var pageTitle = getTitlePage();
		$('#fildarianne').html('<a title="Vue d\'ensemble" href="#/vue-ensemble/">Vue d\'ensemble</a>');
		if( rubrique && rubrique != 'vue-ensemble' ) {
			$('#fildarianne').append(' > <a title="'+rubriqueTitle+'" href="#/'+rubrique+'/">'+rubriqueTitle+'</a>');
		}
		if( page ) {
			$('#fildarianne').append(' > <a title="'+pageTitle+'" href="#/'+rubrique+'/'+page+'/">'+pageTitle+'</a>');
		}
		// on rend les nouveaux liens clicables
		$("#fildarianne a").bind('click', navigationPaLiens);
	}
	
	
	// Retourne la chaine de charactère avec la première lettre en majuscule
	function toUpperCaseFirst(chaine) {
		var firstLettre = chaine.charAt(0);
		firstLettre = firstLettre.toUpperCase();
		chaine = firstLettre + chaine.substring(1);
		return chaine;
	}
	
	
	// Fonction de récupération du contenu
	function getContenuPage(rubrique, contenu) {
		$(".titre_rubrique").text(getTitleRubrique(rubrique)); // titre de la rubrique
		
		// récupération du contneu de la page
		$.post("assets/snippets/contenu/contenu.php", { 
			rubrique: rubrique, 
			contenu: contenu,
			param: param
			},
			function(data){
				if(data == '') {
					data = '<div id="contenu_page_left"><h2 class="titre_page"><img src="assets/images/puce_titre_bleu.gif" alt="" class="titre_puce" />La page que vous avez demandé n\'éxiste pas</h2></div>';
				}
				$("#template").html(data); // actualisation du contenu

				// blague IE pour la page travaux-eleves qui bug sur ce navigateur de merde
				if (ieversion < 9 && contenu == 'travaux-eleves') {
					$("#template").html('<div style="margin:35px;line-height:1.5em;">La navigation sur cette page est interdite au navigateur Web le plus mauvais de tous les temps : Internet Explorer.<br /><a href="http://www.pyrat.net/Pourquoi-utiliser-Internet-Explorer-IE" title="En apprendre plus.">En apprendre plus.</a><br /><a href="http://www.mozilla-europe.org/fr/firefox/" title="La solution à tous vos problèmes de navigation">Solutionnez le problème ici.</a></div>');
				}
				// fin blague
				
				$("#template > *").hide().fadeIn("normal");
				// on rend les nouveaux liens clicables
				$("a.site_link").bind('click', navigationPaLiens);
				// on modifie le fil d'Ariane
				setFilAriane();
				// application des fonctionnalités du contenu
				$.initContenu();
				// application du template de la rubrique
				setTemplate(rubrique);
				// GOOGLE ANALYTICS
				try {
				var pageTracker = _gat._getTracker("UA-9855548-1");
				pageTracker._trackPageview();
				} catch(err) {}
			}
		);
		
	}
	
	
	// Applique le template correspondant à la rubrique
	function setTemplate(page)
	{
		switch(page) {
			case 'vue-ensemble':
				$("#header").css("background","url(assets/images/bg_header_bleu.png) no-repeat");
				$("#bg_template").css("background","url(assets/images/bg_site_bleu.png) repeat fixed top");
				$("#footer").css("background","url(assets/images/bg_site_bleu.png) repeat fixed top");
				$("a.btn_transfo").css("background","transparent url(assets/images/btn_transfo_bleu.jpg) no-repeat");
				$(".titre_puce").attr("src","assets/images/puce_titre_bleu.gif");
				$(".mini_puce").attr("src","assets/images/mini_puce_bleu.gif");
				$(".lien_puce").attr("src","assets/images/fleche_bleu.gif");
				$("div.illustration").css("border","solid 1px #93A9AA");
				$("#template > * , #contenu_page_left > * , #contenu_page_right > *").not($(".btn_transfo")).css("color","#3A444D");

				$("#template a").not($(".btn_transfo")).css("color","#0C98BB");
				// rollover sur les liens
				$("#template a").not($(".btn_transfo")).mouseover(function(){
					$(this).css("color","#000000");
					$("img.lien_puce:first",this).attr("src","assets/images/fleche_noir.png");
				}).mouseout(function(){
					$(this).css("color","#0C98BB");
					$("img.lien_puce:first",this).attr("src","assets/images/fleche_bleu.gif");
				});
				
				break;
			case 'un-echo-sur-la-formation':
				$("#header").css("background","url(assets/images/bg_header_orange.png) no-repeat");
				$("#bg_template").css("background","url(assets/images/bg_site_orange.png) repeat fixed top");
				$("#footer").css("background","url(assets/images/bg_site_orange.png) repeat fixed top");
				$("a.btn_transfo").css("background","transparent url(assets/images/btn_transfo_orange.jpg) no-repeat");
				$(".titre_puce").attr("src","assets/images/puce_titre_orange.gif");
				$(".mini_puce").attr("src","assets/images/mini_puce_orange.gif");
				$(".lien_puce").attr("src","assets/images/fleche_orange.gif");
				$("div.illustration").css("border","solid 1px #D6C7AE");
				$("#template > * , #contenu_page_left > * , .article > * , .profil > * , #contenu_page_right > *").not($(".btn_transfo")).css("color","#504238");
				
				$("#template a").not($(".btn_transfo, .voir_travaux, .lien_intervenant")).css("color","#E56C11");
				// rollover sur les liens
				$("#template a").not($(".btn_transfo, .voir_travaux, .lien_intervenant")).mouseover(function(){
					$(this).css("color","#000000");
					$("img.lien_puce:first",this).attr("src","assets/images/fleche_noir.png");
				}).mouseout(function(){
					$(this).css("color","#E56C11");
					$("img.lien_puce:first",this).attr("src","assets/images/fleche_orange.gif");
				});
				$("a.lien_intervenant").mouseover(function(){
					$("img:first",this).attr("src","assets/images/fleche_noir.png");
				}).mouseout(function(){
					$("img:first",this).attr("src","assets/images/fleche_blanche.png");
				});
				
				break;
			case 'un-parfum-avenir':
				$("#header").css("background","url(assets/images/bg_header_vert.png) no-repeat");
				$("#bg_template").css("background","url(assets/images/bg_site_vert.png) repeat fixed top");
				$("#footer").css("background","url(assets/images/bg_site_vert.png) repeat fixed top");
				$("a.btn_transfo").css("background","transparent url(assets/images/btn_transfo_vert.jpg) no-repeat");
				$(".titre_puce").attr("src","assets/images/puce_titre_vert.gif");
				$(".mini_puce").attr("src","assets/images/mini_puce_vert.gif");
				$(".lien_puce").attr("src","assets/images/fleche_vert.gif");
				$("div.illustration").css("border","solid 1px #99AA80");
				$("#template > * , #contenu_page_left > * , .article > * , .news > * , .news div.contenuNews > * , #contenu_page_right > *").not($(".btn_transfo")).css("color","#3B3B29");
				
				
				$("#template a").not($(".btn_transfo")).css("color","#93941B");
				// rollover sur les liens
				$("#template a").not($(".btn_transfo")).mouseover(function(){
					$(this).css("color","#000000");
					$("img.lien_puce:first",this).attr("src","assets/images/fleche_noir.png");
				}).mouseout(function(){
					$(this).css("color","#93941B");
					$("img.lien_puce:first",this).attr("src","assets/images/fleche_vert.gif");
				});
				
				break;
			case 'un-avant-gout-de-la-licence':
				$("#header").css("background","url(assets/images/bg_header_violet.png) no-repeat");
				$("#bg_template").css("background","url(assets/images/bg_site_violet.png) repeat fixed top");
				$("#footer").css("background","url(assets/images/bg_site_violet.png) repeat fixed top");
				$("a.btn_transfo").css("background","transparent url(assets/images/btn_transfo_violet.jpg) no-repeat");
				$(".titre_puce").attr("src","assets/images/puce_titre_violet.gif");
				$(".mini_puce").attr("src","assets/images/mini_puce_violet.gif");
				$(".lien_puce").attr("src","assets/images/fleche_violet.gif");
				$("div.illustration").css("border","solid 1px #9A949F");
				$("#template > * , #contenu_page_left > * , #contenu_page_right > *").not($(".btn_transfo")).css("color","#3E394B");

				$("#template a").not($(".btn_transfo")).css("color","#663585");
				// rollover sur les liens
				$("#contenu_page_left a, #contenu_page_right a").not($(".btn_transfo")).mouseover(function(){
					$(this).css("color","#000000");
					$("img.lien_puce:first",this).attr("src","assets/images/fleche_noir.png");
				}).mouseout(function(){
					$(this).css("color","#663585");
					$("img.lien_puce:first",this).attr("src","assets/images/fleche_violet.gif");
				});
				
				break;
			case 'entrer-en-contact':
				$("#header").css("background","url(assets/images/bg_header_rouge.png) no-repeat");
				$("#bg_template").css("background","url(assets/images/bg_site_rouge.png) repeat fixed top");
				$("#footer").css("background","url(assets/images/bg_site_rouge.png) repeat fixed top");
				$("a.btn_transfo").css("background","transparent url(assets/images/btn_transfo_rouge.jpg) no-repeat");
				$(".titre_puce").attr("src","assets/images/puce_titre_rouge.gif");
				$(".mini_puce").attr("src","assets/images/mini_puce_rouge.gif");
				$(".lien_puce").attr("src","assets/images/fleche_rouge.gif");
				$("div.illustration").css("border","solid 1px #AD9999");
				$("#template > * , #contenu_page_left > * , .article > * , #contenu_page_right > *").not($(".btn_transfo")).css("color","#432F2F");

				$("#template a").not($(".btn_transfo")).css("color","#AC201E");
				// rollover sur les liens
				$("#template a").not($(".btn_transfo")).mouseover(function(){
					$(this).css("color","#000000");
					$("img.lien_puce:first",this).attr("src","assets/images/fleche_noir.png");
				}).mouseout(function(){
					$(this).css("color","#AC201E");
					$("img.lien_puce:first",this).attr("src","assets/images/fleche_rouge.gif");
				});
				
				break;
			case 'experimentez-le-sensoriel':
				$("#header").css("background","url(assets/images/bg_header_noir.png) no-repeat");
				$("#bg_template").css("background","url(assets/images/bg_site_noir.png) repeat fixed top");
				$("#footer").css("background","url(assets/images/bg_site_noir.png) repeat fixed top");
				$("a.btn_transfo").css("background","transparent url(assets/images/btn_transfo_noir.jpg) no-repeat");
				$(".titre_puce").attr("src","assets/images/puce_titre_noir.gif");
				$(".mini_puce").attr("src","assets/images/mini_puce_noir.gif");
				$(".lien_puce").attr("src","assets/images/fleche_gris_bleu.gif");
				$("div.illustration").css("border","solid 1px #C1C0C1");
				$("#template > * , #contenu_page_left > * , .article > * , .news > * , .news div.contenuNews > *  , #contenu_page_right > *").not($(".btn_transfo")).css("color","#3E3E3E");

				$("#template a").not($(".btn_transfo")).css("color","#556C72");
				// rollover sur les liens
				$("#template a").not($(".btn_transfo")).mouseover(function(){
					$(this).css("color","#000000");
					$("img.lien_puce:first",this).attr("src","assets/images/fleche_noir.png");
				}).mouseout(function(){
					$(this).css("color","#556C72");
					$("img.lien_puce:first",this).attr("src","assets/images/fleche_gris_bleu.gif");
				});
				
				break;
			default:
				$("#header").css("background","url(assets/images/bg_header_bleu.png) no-repeat");
				$("#bg_template").css("background","url(assets/images/bg_site_bleu.png) repeat fixed top");
				$("#footer").css("background","url(assets/images/bg_site_bleu.png) repeat fixed top");
				$("a.btn_transfo").css("background","transparent url(assets/images/btn_transfo_bleu.jpg) no-repeat");
				$(".titre_puce").attr("src","assets/images/puce_titre_bleu.gif");
				$(".mini_puce").attr("src","assets/images/mini_puce_bleu.gif");
				$(".lien_puce").attr("src","assets/images/fleche_bleu.gif");
				$("div.illustration").css("border","solid 1px #93A9AA");
				$("#template > * , #contenu_page_left > * , #contenu_page_right > *").not($(".btn_transfo")).css("color","#3A444D");

				$("#template a").not($(".btn_transfo")).css("color","#0C98BB");
				// rollover sur les liens
				$("#template a").not($(".btn_transfo")).mouseover(function(){
					$(this).css("color","#000000");
					$("img.lien_puce:first",this).attr("src","assets/images/fleche_noir.png");
				}).mouseout(function(){
					$(this).css("color","#0C98BB");
					$("img.lien_puce:first",this).attr("src","assets/images/fleche_bleu.gif");
				});
				
				break;
		}
		
		// rollover sur le bouton de transfo
		$("a.btn_transfo").mouseover(function(){
			$(this).css("background-position","0 -31px");
		}).mouseout(function(){
			$(this).css("background-position","0 0");
		});
		
		setSeparateurSize();
				
		if (ieversion < 7) {
			$(document).pngFix();
		}
		
	} // fin setTemplate()
	
	function setSeparateurSize() {
		// hauteur de la ligne séparatrice du contenu
		var separateur_height = $("#template").css("height");
		if(separateur_height != 'auto' && typeof(separateur_height) != 'undefined') {
			separateur_height = parseInt( separateur_height.substring(0, separateur_height.lastIndexOf('px')) );
			separateur_height -= 35;
			$(".seperateur").css("height", separateur_height );
		}
	}
	
	
}); // fin $(document).ready()

})(jQuery);