function $I(element)  //raccourci  (ajout de "I" pour eviter les conflits de nommage entre les differents JS)
			{
				return document.getElementById(element);
			}
			
		function $SI(element)  //raccourci
			{
				return document.getElementById(element).style;
			}
		
		function gradientI(id, level)   //applique l'opacité
		{
			$SI(id).opacity = level;
			$SI(id).MozOpacity = level;
			$SI(id).KhtmlOpacity = level;
			$SI(id).filter = "alpha(opacity=" + level * 100 + ")";
			$SI(id).display="block";
			return;
		}

		function fadeinI(id, max)  // applique la transition d'opacité jusqu'à max (opacité finale voulue)
		{
			var level = 0;
			while(level <= max)
			{
				setTimeout( "gradientI('" + id + "'," + level + ")", (level* 800) + 10); // changer le 10000  pour changer la rapidité
				level += 0.01;
			}
		}

		function closeboxI()  //close : disparition des div
		{
		   $SI('light').display = 'none';
		   /*$SI('box').display='none';  
		   $SI('filter').display='none';
		   $SI('bouton').display='none';*/  //inutile si light est fermée ( ce sont des contenus )
		}
		
		
		
		function expandI()  // creation et ouverture des box, filter correspond au background
		{
			$SI('light').display = 'block';  //activation de la div cachée 
			$SI('light').lineHeight = '1em';
			// contenu de la boite
			//fadeinI('filter', '0.8'); // calibrage des opacités (en passant par la fonction progressive (ajoute un effet))
			//fadeinI('box', '1');
			gradientI('filter', '0.8');
			gradientI('box', '1');
		}
		
		function openI(url)  // creation et ouverture des box, filter correspond au background
		{
			$I('boxcontent').innerHTML = '<?php include_once url; ?>';
			
		}