function bloquemenu() 									// bloc la position du menu de droite
{
	if (screen.width > 800)  							// si la resolution de l'ecran et superieur a 800, le pied, l'en-tête et les menus sont fixes
	{
		$('headercenter').style.position = "fixed";    //Tous les blocs sont fixe
		$('pied').style.position = "fixed";
		$('souspied').style.position = "fixed";
		$('adresse').style.position = "fixed";
		$('left').style.position = "fixed";
		$('right').style.position = "fixed";
		if (document.body.clientWidth < 830) 			// si la taille de la fenetre et inferieur a 800px
		{
			$('right').style.left = "669px";				// Le menu de droite est placé à une marge de 669px par rapport à la gauche
			$('pied').style.width = "815px";				// Le pied est exprimé en px et plus en %
		}
		else
		{
			$('right').style.right = "0px"; 				//sinon le menu de droite est placé à droite
			$('right').style.left = "";
			$('pied').style.width = "100%"; 				//Le pied est exprimé en %//
		}
	}
	else 												//si la resolution de l'écran est inferieur ou égal à 800
	{
		$('headercenter').style.position = "absolute";   //Tous les blocs passent en position absolute
		$('pied').style.position = "absolute";
		$('souspied').style.position = "absolute";
		$('adresse').style.position = "absolute";
		$('left').style.position = "absolute";
		$('right').style.position = "absolute";
	}
}

function content() 										//variation du bloc central ("content")
{
	if (screen.width > 800) 							// si la resolution de l'ecran et superieur a 800
	{
		$('in-content').style.minWidth = "480px";
		if (document.body.clientWidth < 830) 			// si la taille de la fenetre et inferieur a 800px
		{
		$('content').style.position = "fixed"; 			//le bloc passe en position fixe
		$('content').style.left = "175px"; 				// le bloc est positionné à 175px de la gauche
		$('content').style.width = "400px"; 			//la largeur du bloc vaut 400px
		}
		else
		{
		$('content').style.position = "absolute"; 		// sinon la position du bloc est absolu
		$('content').style.left = "19%"; 				// le bloc est positionné à 18% de la gauche et est proportionnel
		$('content').style.width = "62%"; 				//la largeur du bloc vaut 62% est et propotionnel
		}
	}
	else
	{
	$('content').style.left = "160px";					// sinon "content" est situé à 160px de la gauche
	$('content').style.width = "450px"; 				// "content" a une longueur de 450px
	$('in-content').style.minWidth = "450px";			//la largeur minimum de "in-content" est de 450px
	}
}

function bloquepied() 									//variations du pied et des menus
{
	if(screen.width > 800)
	{
			$('left').style.height = document.documentElement.clientHeight-2-140+"px";		//La hauteur de la colonne de gauche vaut la hauteur de la fenetre moins 2px permettant de voir le trait orange sous la colonne
			$('right').style.height = document.documentElement.clientHeight-2-140+"px";		//La hauteur de la colonne de droite vaut la hauteur de la fenetre moins 2px permettant de voir le trait orange sous la colonne
			if (document.documentElement.clientHeight > 530)							//Si la hauteur de la fenêtre et plus grande que 530px
			{
			$('pied').style.bottom = "0px";					// Le pied et son contenu est situé a 0px du bas de la page
			$('pied').style.top = "";
			$('souspied').style.bottom = "0px";
			$('souspied').style.top = "";
			$('adresse').style.bottom = "0px";
			$('adresse').style.top = "";
			}
			else
			{
			$('souspied').style.top = "481px"; 				//Sinon le pied, l'adresse et le sous pied sont disposé par rapport au haut de la page
			$('pied').style.top = "476px";
			$('adresse').style.top = "486px";
			}
	}
	else 												//Si la résolution est inferieur ou égale a 800
	{
		var positionpied = ($("in-content").offsetHeight)+140; 	//positionpied vaut la hauteur du bloc central plus la hauteur de l'en-tête
		$('conteneur').style.minWidth = "775px"; 				//La largeur minimum de la page vaut 775px
		$('left').style.height = positionpied-88+"px"; 			// la hauteur de la colonne de gauche vaut positionpied plus la hauteur du pied
		$('right').style.height = positionpied-88+"px";			// la hauteur de la colonne de droite vaut positionpied plus la hauteur du pied
		$('pied').style.bottom = "";
		$('pied').style.top = positionpied+"px";				//Le pied est positionné à "positionpied" du haut de la page 
		$('souspied').style.bottom = "";
		$('souspied').style.top = positionpied-5+"px";			//Le sous pied est positionné à "positionpied" moins 5px du haut de la page 
		$('adresse').style.bottom = "";
	}
}

function header()												//Mise en forme du bandeau
{
		if(document.documentElement.clientWidth < 1000)
		{
				$('imgheader').style.width = "775px";														// la div contenant l'image prend la largeur de l'image
				$('imgheader').style.backgroundImage = 'url(./images/fondheader1.jpg)';						//insertion de l'image
		}
		if(document.documentElement.clientWidth > 775 && document.documentElement.clientWidth < 1000) 			//Si la largeur de la fenêtre est inferieur à 1000px
			{
				$('imgheader').style.left = (((document.documentElement.clientWidth)-775)/2)+"px";
			}
		if (document.documentElement.clientWidth >= 1000 && document.documentElement.clientWidth < 1250)	// Si la largeur de la fenetre est superieur à 1000px et inferieur a 1250px
			{
				$('imgheader').style.width = "1000px"; 														// la div contenant l'image prend la largeur d'une autre image plus grande l'image
				$('imgheader').style.backgroundImage = 'url(./images/fondheader2.jpg)';						//insertion de l'image
				$('imgheader').style.left = (((document.documentElement.clientWidth)-1000)/2)+"px";			//centrage de l'image
			}
		if (document.documentElement.clientWidth >= 1250 && document.documentElement.clientWidth < 1500)
			{
				$('imgheader').style.width = "1250px";														//la div contenant l'image prend la largeur d'une autre image plus grande l'image
				$('imgheader').style.backgroundImage = 'url(./images/fondheader3.jpg)';						//insertion de l'image
				$('imgheader').style.left = (((document.documentElement.clientWidth)-1250)/2)+"px";			//centrage de l'image
			}		
		if (document.documentElement.clientWidth >= 1500 && document.documentElement.clientWidth < 1900)
			{
				$('imgheader').style.width = "1500px";														//la div contenant l'image prend la largeur d'une autre image plus grande l'image
				$('imgheader').style.backgroundImage = 'url(./images/fondheader4.jpg)';						//insertion de l'image
				$('imgheader').style.left = (((document.documentElement.clientWidth)-1500)/2)+"px";			//centrage de l'image
			}	
		if (document.documentElement.clientWidth >= 1900 )
			{
				$('imgheader').style.width = "1900px";														//la div contenant l'image prend la largeur d'une autre image plus grande l'image
				$('imgheader').style.backgroundImage = 'url(./images/fondheader5.jpg)';						//insertion de l'image
				$('imgheader').style.left = (((document.documentElement.clientWidth)-1900)/2)+"px";			//centrage de l'image
			}
}

function nojavascript() //Fonction permettant l'accessibilité au site a condition que le javascript soit activé. Si il est activé, ce script va être interpreté et va enlever la div qui cache tout le site
{
	$('nojavascript').style.display = "none"; 
}

function centreplan()
{
	$('plan').style.marginLeft = (($("in-content").offsetWidth-502)/2)+"px"; 	//Centre le plan
}

function zoom(image) 								//Fonction permettant le zoom d'une image lors du passage de la souris sur cette dernière (avec comme parametre le chemin d'accé à l'image)
{
$('zoom').style.width = "266px"; 					//La largeur de la div contenant l'image passe de 0 à 266px
$('zoom').style.height = "200px";  					//La hauteur de la div contenant l'image passe de 0 à 200px
$('zoom').style.borderColor = "#F5AB2C"; 			//La couleur de la bordure passe de blanc à orange
$('zoom').style.backgroundImage = image; 			//Insertion de l'image
$('zoom').style.left =((document.documentElement.clientWidth-266+110)/2)+"px"; 	//position de l'image par rapport a la gauche
$('zoom').style.top =((document.documentElement.clientHeight-200+30)/2)+"px"; 	// position de l'image par rapport à la droite
}

function quittezoom() 						// Fonction permettant de quitter le zoom
{
$('zoom').style.width = ""; 				//Largeur égal à rien
$('zoom').style.height = "";  				//Hauteur égal à rien
$('zoom').style.backgroundImage = ""; 		//Plus d'image
$('zoom').style.borderColor = "#FFFFFF"; 	//Bordure blanche
$('zoom').style.left = "155px";
$('zoom').style.top = "155px";
}

function menu(idrubrique, imgbarre) // Function permettant de gérer les background-image des titres des menus déroulants
{
	if($(idrubrique).style.display == "") 			//Si le style "display" de la l'idrubrique vaut rien
	{
	$(idrubrique).style.display = "block"; 			// le style "display" vaut "block" (donc les rubriques sont visibles)
	$(imgbarre).style.display = "none"; 		// la barre du plus disparait
	}
	else 
		{
		if($(idrubrique).style.display == "none")	//Sinon si le style "display" vaut "none"
		{
		$(idrubrique).style.display = "block"; 		// Le style "display" passe à "block" 
		$(imgbarre).style.display = "none"; 	// la barre du plus disparait
		}
		else
		{
		$(idrubrique).style.display = "none"; 		// Le style "display" passe à "none" (les rubriques deviennent invisibles)
		$(imgbarre).style.display = "block"; 	// la barre du plus réaparait
		}
	}
}


function ajax(page) 								// Fonction permettant le chargement des pages dans le bloc central de la page index.php (avec comme parametre le nom de la page à charger
{
new Ajax.Request(page, 								//Création d'une nouvelle requete avec la page à charger
		{ 
		method:"get", 								//par la méthode GET
		onSuccess:function(xhr) 
        {
        $("in-content").innerHTML=xhr.responseText; //Le contenu de la page à charger est transferé dans la div "in-content"
		bloquepied();								// execution de la fonction pour bloquer le pied"
		centreplan();
        }
    });
}