function Suite1(lien){
	
	var objet = document.getElementById('popup1'); // entre les deux ' tu mes le nom du div que tu veux faire apparaître !
	
	if(objet.style.display == "none" || !objet.style.display){
		
		objet.innerHTML = "<br>Prise en charge des clients à l'hôtel avec prise des repas. Prise en charge par l'Atelier du Mieux Etre pour le massage.<br><br><b>Soit un total de : 148 € pour 2 personnes</b><br><br>Prestataire : L'Atelier du Mieux Etre<br>Isabelle Gautier-Leprince<br>Praticienne diplômée au Massage Californien / Suédois<br>La Vallée<br>61 400 Courgeon";
		objet.style.display = "block";
		objet.style.overflow = "hidden"; 
		lien.innerHTML = "<font size='1' face='Arial'><i>Plus de détails...</i></font>";
       
        var hFinal      =     170;  //Hauteur finale (la hauteur une fois que ça aura fini de déplier !)
        var hActuel     =     0;	 	//Hauteur initiale (la hauteur dès le début !)
       
        var timer;
        var fct =        function ()
        {
                hActuel  +=       20;     //Augmente la hauteur de 20px (tu peux modifier) tous les 40ms !
				
                objet.style.height     =	 hActuel      +     'px';
				
                if( hActuel > hFinal)
                {
                        clearInterval(timer);   //Arrête le timer
                      
                }
        };
        fct();

        
		timer = setInterval(fct,40);    //Toute les 40 ms
		
	}else if(objet.style.display == "block"){
		
		var hFinal      =     0;  //Hauteur finale (la hauteur une fois que ça aura fini de déplier !)
        var hActuel     =     200;	 	//Hauteur initiale (la hauteur dès le début !)
       
        var timer;
        var fct =        function ()
        {
                hActuel  -=   20;     //Augmente la hauteur de -20px (tu peux modifier) tous les 40ms !
				
                objet.style.height     =	 hActuel      +     'px';
				
                if( hActuel <= 20)
                {
                        clearInterval(timer);   //Arrête le timer
                        
						objet.style.display     =   "none";
                }
        };
        fct();

        
		timer = setInterval(fct,40);    //Toute les 40 ms
		

		lien.innerHTML = "<font size='1' face='Arial'><i>Plus de détails...</i></font>";
		
	}
}



function Suite2(lien){
	
	var objet = document.getElementById('popup2'); // entre les deux ' tu mes le nom du div que tu veux faire apparaître !
	
	if(objet.style.display == "none" || !objet.style.display){
		
		objet.innerHTML = "<br>Prise en charge de la famille à l'hôtel avec prise des repas. Visite du poney-club et prise en charge par ce dernier pour une initiation en manège et promenade en forêt.<br><br><b>Soit un total de : 179 € pour les 4 personnes</b><br><br>Prestataire : Poney-Club Les Mairins Berdrix<br>Ecole d'Equitation Française<br>Mme Claudine Millet-Pelletier<br>Les Mairins Berdrix<br>61 400 La Chapelle-Montligeon";
		objet.style.display = "block";
		objet.style.overflow = "hidden"; 
		lien.innerHTML = "<font size='1' face='Arial'><i>Plus de détails...</i></font>";
       
        var hFinal      =     180;  //Hauteur finale (la hauteur une fois que ça aura fini de déplier !)
        var hActuel     =     0;	 	//Hauteur initiale (la hauteur dès le début !)
       
        var timer;
        var fct =        function ()
        {
                hActuel  +=       20;     //Augmente la hauteur de 20px (tu peux modifier) tous les 40ms !
				
                objet.style.height     =	 hActuel      +     'px';
				
                if( hActuel > hFinal)
                {
                        clearInterval(timer);   //Arrête le timer
                      
                }
        };
        fct();

        
		timer = setInterval(fct,40);    //Toute les 40 ms
		
	}else if(objet.style.display == "block"){
		
		var hFinal      =     0;  //Hauteur finale (la hauteur une fois que ça aura fini de déplier !)
        var hActuel     =     200;	 	//Hauteur initiale (la hauteur dès le début !)
       
        var timer;
        var fct =        function ()
        {
                hActuel  -=   20;     //Augmente la hauteur de -20px (tu peux modifier) tous les 40ms !
				
                objet.style.height     =	 hActuel      +     'px';
				
                if( hActuel <= 20)
                {
                        clearInterval(timer);   //Arrête le timer
                        
						objet.style.display     =   "none";
                }
        };
        fct();

        
		timer = setInterval(fct,40);    //Toute les 40 ms
		

		lien.innerHTML = "<font size='1' face='Arial'><i>Plus de détails...</i></font>";
		
	}
}



function Suite3(lien){
	
	var objet = document.getElementById('popup3'); // entre les deux ' tu mes le nom du div que tu veux faire apparaître !
	
	if(objet.style.display == "none" || !objet.style.display){
		
		objet.innerHTML = "<br>Prise en charge des clients à l'hôtel avec prise des repas. Visite du centre équestre et prise en charge par ce dernier pour une initiation en manège et promenade en forêt.<br><br><b>Soit un total de : 138 € pour 2 personnes</b><br><br>Prestataire : Centre Equestre Les Mairins Berdrix<br>Ecole d'Equitation Française<br>Mme Claudine Millet-Pelletier<br>Les Mairins Berdrix<br>61 400 La Chapelle-Montligeon";
		objet.style.display = "block";
		objet.style.overflow = "hidden"; 
		lien.innerHTML = "<font size='1' face='Arial'><i>Plus de détails...</i></font>";
       
        var hFinal      =     180;  //Hauteur finale (la hauteur une fois que ça aura fini de déplier !)
        var hActuel     =     0;	 	//Hauteur initiale (la hauteur dès le début !)
       
        var timer;
        var fct =        function ()
        {
                hActuel  +=       20;     //Augmente la hauteur de 20px (tu peux modifier) tous les 40ms !
				
                objet.style.height     =	 hActuel      +     'px';
				
                if( hActuel > hFinal)
                {
                        clearInterval(timer);   //Arrête le timer
                      
                }
        };
        fct();

        
		timer = setInterval(fct,40);    //Toute les 40 ms
		
	}else if(objet.style.display == "block"){
		
		var hFinal      =     0;  //Hauteur finale (la hauteur une fois que ça aura fini de déplier !)
        var hActuel     =     200;	 	//Hauteur initiale (la hauteur dès le début !)
       
        var timer;
        var fct =        function ()
        {
                hActuel  -=   20;     //Augmente la hauteur de -20px (tu peux modifier) tous les 40ms !
				
                objet.style.height     =	 hActuel      +     'px';
				
                if( hActuel <= 20)
                {
                        clearInterval(timer);   //Arrête le timer
                        
						objet.style.display     =   "none";
                }
        };
        fct();

        
		timer = setInterval(fct,40);    //Toute les 40 ms
		

		lien.innerHTML = "<font size='1' face='Arial'><i>Plus de détails...</i></font>";
		
	}
}



function Suite4(lien){
	
	var objet = document.getElementById('popup4'); // entre les deux ' tu mes le nom du div que tu veux faire apparaître !
	
	if(objet.style.display == "none" || !objet.style.display){
		
		objet.innerHTML = "<br>Prise en charge des clients à l'hôtel avec prise des repas. Visite du centre équestre et prise en charge par ce dernier pour une initiation en manège, promenade en forêt et pique-nique fournit par le centre équestre.<br><br><b>Soit un total de : 610 € pour 4 personnes</b><br><br>Prestataire : Centre Equestre Perche Réno<br>Benoit et Sarah Falconnet<br>Moniteurs Diplômés d'Etat<br>61 400 La Chapelle-Montligeon";
		objet.style.display = "block";
		objet.style.overflow = "hidden"; 
		lien.innerHTML = "<font size='1' face='Arial'><i>Plus de détails...</i></font>";
       
        var hFinal      =     170;  //Hauteur finale (la hauteur une fois que ça aura fini de déplier !)
        var hActuel     =     0;	 	//Hauteur initiale (la hauteur dès le début !)
       
        var timer;
        var fct =        function ()
        {
                hActuel  +=       20;     //Augmente la hauteur de 20px (tu peux modifier) tous les 40ms !
				
                objet.style.height     =	 hActuel      +     'px';
				
                if( hActuel > hFinal)
                {
                        clearInterval(timer);   //Arrête le timer
                      
                }
        };
        fct();

        
		timer = setInterval(fct,40);    //Toute les 40 ms
		
	}else if(objet.style.display == "block"){
		
		var hFinal      =     0;  //Hauteur finale (la hauteur une fois que ça aura fini de déplier !)
        var hActuel     =     200;	 	//Hauteur initiale (la hauteur dès le début !)
       
        var timer;
        var fct =        function ()
        {
                hActuel  -=   20;     //Augmente la hauteur de -20px (tu peux modifier) tous les 40ms !
				
                objet.style.height     =	 hActuel      +     'px';
				
                if( hActuel <= 20)
                {
                        clearInterval(timer);   //Arrête le timer
                        
						objet.style.display     =   "none";
                }
        };
        fct();

        
		timer = setInterval(fct,40);    //Toute les 40 ms
		

		lien.innerHTML = "<font size='1' face='Arial'><i>Plus de détails...</i></font>";
		
	}
}