// JavaScript Document
var ns4 = (document.layers)? true:false; 
var ie4 = (document.all)? true:false;
var dom = (document.getElementById)? true:false;
function Suite(pag){




	var objet = document.getElementById(pag); // entre les deux ' tu mes le nom du div que tu veux faire apparaître !
	
	if(objet.style.display == "none" || !objet.style.display){
		
		objet.style.display = "block";
		objet.style.overflow = "auto"; 
		   
        var hFinal      =     400;  //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 hActuel2     =     413;	 	
       
        var timer;
        var fct =        function ()
        {

                hActuel  +=       20;     //Augmente la hauteur de 20px (tu peux modifier) tous les 40ms !
                hActuel2  -=       10;
				
                objet.style.height     =	 hActuel      +     'px';
                
                objet.style.top     =	hActuel2     +     '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     =     400;	 	//Hauteur initiale (la hauteur dès le début !)
       var hActuel2     =     313;
       
        var timer;
        var fct =        function ()
        {

                hActuel  -=   20;     //Augmente la hauteur de -20px (tu peux modifier) tous les 40ms !
                hActuel2  +=   10;
				
                objet.style.height     =	 hActuel      +     'px';
				        objet.style.top        =	 hActuel2     +     'px';
				        
                if( hActuel <= 0)
                {
                        clearInterval(timer);   //Arrête le timer
                        objet.style.display     =   "none";
						            Suite();
                }
        };
        fct();

        
		timer = setInterval(fct,40);    
		
	}
	}
	
	



function ferm_suite(pag){

var objet = document.getElementById(pag);

if(objet.style.display == "block"){
	
		var hFinal      =     0;  //Hauteur finale (la hauteur une fois que ça aura fini de déplier !)
        var hActuel     =     400;	 	//Hauteur initiale (la hauteur dès le début !)
       var hActuel2     =     313;
       
        var timer;
        var fct =        function ()
        {

                hActuel  -=   20;     //Augmente la hauteur de -20px (tu peux modifier) tous les 40ms !
                hActuel2  +=   10;
				
                objet.style.height     =	 hActuel      +     'px';
				        objet.style.top        =	 hActuel2     +     'px';
				        
                if( hActuel <= 0)
                {
                        clearInterval(timer);   //Arrête le timer
                        objet.style.display     =   "none";
						            
                }
        };
        fct();

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

		
	}


}