//*********************************************************************************************************
// FICHIER DE FONCTIONS : CONSTRUCTION GABARIT
// *********************************************************************************************************

// Ecrit le gabarit
// ****************
function gabarit(Where)
{
	// Avant contenu
	// *************
	if (Where == "HAUT")
	{
                
           document.write ( "<table border = '0'  align = 'center' width = '747' height= '*' cellpadding='0' cellspacing='0'  bgcolor = '#FFFFFF' class= 'BorderOrange'>");
           document.write(" <tr>");
           document.write (" <td  width = '240' > <img src='../img/baniere1.gif'  border=0  usemap = '#accueil'/></td>");
           document.write (" <td  width = '395' >  <img src='../img/baniere2.gif'   /></td>");
           document.write (" <td  width = '112' >  <img src='../img/baniere3.gif' border=0  usemap = '#accueil'  /></td>");
           document.write(" </tr>");

           document.write(" <tr>");
           document.write (" <td bgcolor ='#0997FE' width = '747' height = '5' colspan = '4' ></td>");
           document.write (" </tr>");
 
           document.write(" <tr>");
           document.write("<td colspan = '4'><img src='../img/prolonge_ciel.gif'  /></td>");
           document.write (" </tr>");

           document.write(" <tr>");
           document.write ("<td colspan = '4' >");
           document.write (" <table   cellpadding='0' cellspacing='0' border='0' width = '100%' >");
           document.write ("<tr height = '18' align = 'right'>");

           document.write ("<td bgcolor = '#1974B6' width = '10'></td>");
           document.write ("<td bgcolor = '#1974B6' width = '210' align = 'left'><a href = 'https://www.ibps.alsace.banquepopulaire.fr' target = '_blank' class = 'Blanc'><b>&nbsp;&nbsp;Accès comptes Cyberplus&nbsp;</b></a></td>");
           document.write ("<td width = '2' bgcolor = '#FFFFFF'></td>");

           document.write ("<td>");
           document.write ("<table   cellpadding='0' cellspacing='0' border='0' height = '18' width = '100%' > ");
           document.write ("<td bgcolor = '#1974B6'  align = 'center' width = '30'></td>");
           document.write ("<td bgcolor = '#1974B6'  align = 'center' width = '*'> <a href = 'credits.html' class = 'Blanc'>&nbsp;>> Cr&eacute;dits</a></td>");
           document.write ("<td bgcolor = '#1974B6'  align = 'center' width = '*'> <a href = 'epargne.html' class = 'Blanc'>&nbsp;>> Epargne</a></td>");
           document.write ("<td bgcolor = '#1974B6'  align = 'center' width ='*'>  <a href = 'convention.html' class = 'Blanc'>>> Convention</a></td>");
           document.write ("<td bgcolor = '#1974B6'  align = 'left' width = '*'><a href = 'services_divers.html' class = 'Blanc'>&nbsp;&nbsp;>> Services divers</a></td>");
           document.write ("<td bgcolor = '#1974B6'  align = 'center' width = '5'></td>");
           document.write ("</table></td>");
           document.write ("</table>");
           document.write ("</td></tr>");
           document.write ("<MAP NAME='accueil'> <AREA SHAPE='rect' COORDS='60,4,294,69' HREF='../index.asp'><AREA SHAPE='rect' COORDS='26,69,107,82' HREF='../index.asp'></map>");   
                                                                
           }
           
           
           if (Where == "MENU")
	{
        
               // Partie Qui est l'ACEF 
              
                            
              
                document.write ("<tr><td nowrap valign = 'top'>");
                document.write ("<table   cellpadding='0' cellspacing='0' border='0' width = '210' >");
                document.write ("<tr >"); 
                document.write ("<td><img src='../img/bande_bleu1.jpg'  /></td>");
                document.write ("</tr >");

                document.write ("<tr >");
                document.write ("<td valign = 'top' colspan = '0'>");
                document.write ("<table cellpadding='0' cellspacing='0' border = '0'>"); 
                document.write ("<tr>");

                document.write ("<td valign = 'top' ><img src='../img/bande_bleu2.jpg' width = 16 height = 9/></td>");
                document.write ("<td valign = 'top' align = left><img src='../img/arrondi1.jpg' width = '13' height = '9' /></td>");
                document.write ("<td rowspan = '2' valign = 'top' class = 'BorderHautBas'><img src='../img/picto_acef_droite.jpg'  /></td>");
                document.write ("<td background = '../img/degrade_orange.jpg' width = '139'  rowspan = '2' class = 'BorderHautBasDroite'><span class = 'TitreMenu'>D&eacute;couvrez l'ACEF 67</span></td>");
                document.write ("</tr>");

                document.write ("<tr>");
                document.write ("<td valign = 'top' height = '11' width = '16' ><img src='../img/bande_bleu3.jpg'   height = '14' width = '16' /></td>");
                document.write ("<td valign = 'bottom' class = 'BorderBasGauche' align = right><img src='../img/picto_acef_gauche.jpg'  /></td>");
                document.write ("</tr>");

                document.write ("<tr>");
                document.write ("<td valign = 'top' height = '68' width = '16'  ><img src='../img/bande_bleu4.jpg'   height = '84' width = '16' /></td>");

                document.write ("<td colspan = '3' valign = 'top' >");
                document.write ("<table   cellpadding='0' cellspacing='0' border='0' height = '18' width = '100%' >"); 

                document.write ("<tr>");
                document.write ("<td colspan = '2' height = '3' bgcolor = '#C4DCEC' valign = 'top' class = 'BorderGaucheDroite'>&nbsp;</td>");
                document.write ("</tr>");

                document.write ("<tr>");
                document.write ("<td    height = '3' colspan = '2' class = 'BorderGaucheDroite'>&nbsp;</td>");
                document.write ("</tr>");

                
                document.write ("<tr>");
                document.write ("<td class = 'BorderGauche'><img src='../img/li.gif' class = 'MargePuce2'  /></td>");
                document.write ("<td class = 'BorderDroite' width = '165'><a href = 'presentation.html'>Qui est l'ACEF 67 ?</a></td>");
                document.write ("</tr>");

                document.write ("<tr>");
                document.write ("<td    height = '3' colspan = '2' class = 'BorderGaucheDroite'>&nbsp;</td>");
                document.write ("</tr>");
                
                document.write ("<tr>");
                document.write ("<td    valign = 'top' class = 'BorderGauche'><img src='../img/li.gif'  class = 'MargePuce2'/></td>");
                document.write ("<td   class = 'BorderDroite'><a href = 'histoire.html'>L'histoire de l'ACEF </a></td>");
                document.write ("</tr>");
                
                
               

                document.write ("<tr>");
                document.write ("<td    height = '3' colspan = '2' class = 'BorderGaucheDroite'>&nbsp;</td>");
                document.write ("</tr>");

                
                
                document.write ("<tr>");
                document.write ("<td    valign = 'top' class = 'BorderGauche'><img src='../img/li.gif'   class = 'MargePuce2'/></td>");
                document.write ("<td   class = 'BorderDroite'><a href = 'administrateurs_acef.html'>Administrateurs ACEF 67</a></td>");
                document.write ("</tr>");
                
                document.write ("<tr>");
                document.write ("<td    height = '3' colspan = '2' class = 'BorderGaucheDroite'>&nbsp;</td>");
                document.write ("</tr>");
                
                
                document.write ("<tr>");
                document.write ("<td    valign = 'top' class = 'BorderGauche'><img src='../img/li.gif'  class = 'MargePuce2'/></td>");
                document.write ("<td   class = 'BorderDroite'><a href = 'partenariat.html'>Partenaire de la Banque <br />Populaire d'Alsace</a></td>");
                document.write ("</tr>");
                

                document.write ("<tr>");
                document.write ("<td    height = '3' colspan = '2' class = 'BorderGaucheDroiteBas' >&nbsp;</td>");
                document.write ("</tr>");

                                
                document.write ("</table>");
                document.write ("</table>");
                document.write ("</td>");
                document.write ("</tr>");
                 
                 
                                  
        // Partie Qui peut adherer 

        document.write ("<tr >");
        document.write ("<td colspan = '2' ><img src='../img/bande_bleu5.jpg'   width = '42' height = '15'/></td>");
        document.write ("</tr >");

        document.write ("<tr >");
        document.write ("<td valign = 'top' colspan = '2'>");
        document.write ("<table cellpadding='0' cellspacing='0' border = '0'>");

        
        
        document.write ("<td valign = 'top' ><img src='../img/bande_bleu6.jpg' width = 16 height = 9/></td>");
        document.write ("<td valign = 'top' align = left><img src='../img/arrondi2.jpg' width = '13' height = '9' /></td>");
        document.write ("<td rowspan = '2' valign = 'top' class = 'BorderHautBas'><img src='../img/picto_acef_droite2.jpg'  /></td>");
        document.write ("<td background = '../img/degrade_orange.jpg' width = '139'  rowspan = '2' class = 'BorderHautBasDroite'><span class = 'TitreMenu'>Qui peut adh&eacute;rer ?</span></td>");
        document.write ("</tr>");
        

        document.write ("<tr >");
        document.write ("<td valign = 'top' height = '11' width = '16' ><img src='../img/bande_bleu7.jpg'   height = '14' width = '16' /></td>");
        document.write ("<td valign = 'bottom' class = 'BorderBasGauche'><img src='../img/picto_acef_gauche2.jpg'  /></td>");
        document.write ("</tr >");

        document.write ("<tr >");

        document.write ("<td valign = 'top' height = '68' width = '16'  ><img src='../img/bande_bleu8.jpg'   height = '68' width = '16' /></td>");

        document.write ("<td colspan = '3' valign = 'top'>");
        document.write ("<table   cellpadding='0' cellspacing='0' border='0' height = '18' width = '100%' > ");

        document.write ("<tr >");
        document.write ("<td colspan = '2' height = '3' bgcolor = '#C4DCEC' valign = 'top' class = 'BorderGaucheDroite'>&nbsp;</td>");
        document.write ("</tr >");

        document.write ("<tr >");
        document.write ("<td    height = '3' colspan = '2' class = 'BorderGaucheDroite'>&nbsp;</td>");
        document.write ("</tr >");

        document.write ("<tr >");
        document.write ("<td class = 'BorderGauche' valign = 'top'><img src='../img/li.gif'  class = 'MargePuce2' /></td>");
        document.write ("<td class = 'BorderDroite' width = '165'><a href = 'fonction_publique.html'>La fonction publique</a></td>");
        document.write ("</tr >");

        document.write ("<tr >");
        document.write ("<td    height = '3' colspan = '2' class = 'BorderGaucheDroite'>&nbsp;</td>");
        document.write ("</tr >");

        document.write ("<tr >");
        document.write ("<td    valign = 'top' class = 'BorderGauche'><img src='../img/li.gif'  class = 'MargePuce2' /></td>");
        document.write ("<td   class = 'BorderDroite'><a href = 'adhesion.asp'>Adh&eacute;rer &agrave; l'ACEF 67</a></td>");
        document.write ("</tr >");

        document.write ("<tr >");
        document.write ("<td    height = '3' colspan = '2' class = 'BorderGaucheDroite'>&nbsp;</td>");
        document.write ("</tr >");

//        document.write ("<tr >");
//       document.write ("<td    valign = 'top' class = 'BorderGauche'><img src='../img/li.gif'  class = 'MargePuce2' /></td>");
//        document.write ("<td   class = 'BorderDroite'><a href = 'conseiller_site.asp'>Conseiller ce site</a></td>");
//       document.write ("</tr >");
        
//        document.write ("<tr >");
//        document.write ("<td    height = '3' colspan = '2' class = 'BorderGaucheDroite'>&nbsp;</td>");
//        document.write ("</tr >");
        
        
        document.write ("<tr >");
        document.write ("<td    valign = 'top' class = 'BorderGauche'><img src='../img/li.gif'  class = 'MargePuce2' /></td>");
        document.write ("<td   class = 'BorderDroite' ><a href = 'agences.html'>    Agences Banque Populaire</a></td>");
        document.write ("</tr >");
        
                
        document.write ("<tr >");
        document.write ("<td    height = '3' colspan = '2' class = 'BorderGaucheDroiteBas' >&nbsp;</td>");
        document.write ("</tr >");

        document.write ("</td>");
        document.write ("</tr >");
        document.write ("</table></table> ");                
                 
            
            
            // Partie Carte ACEF 

                document.write ("<tr >");
                document.write ("<td colspan = '2' ><img src='../img/bande_bleu9.jpg'   width = '42' height = '15'/></td>");
                document.write ("</tr >");

                document.write ("<tr >");
                document.write ("<td valign = 'top' colspan = '2'>");
                document.write ("<table cellpadding='0' cellspacing='0' border = '0'>");


                document.write ("<tr >");
                document.write ("<td valign = 'top'  height = '9' width = '16' ><img src='../img/bande_bleu10.jpg'   height = '9' width = '16' /></td>");
                document.write ("<td valign = 'top' ><img src='../img/arrondi3.jpg' width = '12' height = '9' /></td>");
                document.write ("<td rowspan = '2' valign = 'top' class = 'BorderHautBas'><img src='../img/picto_acef_droite3.jpg'  /></td>");
                document.write ("<td background = '../img/degrade_orange.jpg' width = '139'  rowspan = '2' class = 'BorderHautBasDroite'><a href='carte_club_acef.html' target='_self'><span class = 'TitreMenu'>La carte club ACEF</span></a></td>");
                document.write ("</tr >");


                document.write ("<tr >");
                document.write ("<td valign = 'top' height = '11' width = '16' ><img src='../img/bande_bleu11.jpg'   height = '14' width = '16' /></td>");
                document.write ("<td valign = 'bottom' class = 'BorderBasGauche' align = 'right'><img src='../img/picto_acef_gauche3.jpg'  width = '4' /></td>");
                document.write ("</tr >");

                document.write ("<tr >");
                document.write ("<td valign = 'top' height = '68' width = '16'  ><img src='../img/bande_bleu12.jpg'   height = '68' width = '16' /></td>");

                document.write ("<td colspan = '3' valign = 'top'>");
                document.write ("<table   cellpadding='0' cellspacing='0' border='0' height = '18' width = '100%' > ");

                document.write ("<tr >");
                document.write ("<td colspan = '2' height = '3' bgcolor = '#C4DCEC' valign = 'top' class = 'BorderGaucheDroite'>&nbsp;</td>");
                document.write ("</tr >");

                document.write ("<tr >");
                document.write ("<td    height = '3' colspan = '2' class = 'BorderGaucheDroite'>&nbsp;</td>");
                document.write ("</tr >");


                document.write ("<tr >");
                document.write ("<td class = 'BorderGauche' valign = 'top'><img src='../img/li.gif'  class = 'MargePuce2' /></td>");
                document.write ("<td class = 'BorderDroite' width = '165'><a href = 'loisirs_voyages.html'>Loisirs - Voyages</a></td>");
                document.write ("</tr >");

                document.write ("<tr >");
                document.write ("<td    height = '3' colspan = '2' class = 'BorderGaucheDroite'>&nbsp;</td>");
                document.write ("</tr >");

                document.write ("<tr >");
                document.write ("<td    valign = 'top' class = 'BorderGauche'><img src='../img/li.gif'  class = 'MargePuce2' /></td>");
                document.write ("<td   class = 'BorderDroite'><a href = 'voitures.html'>Automobile</a></td>");
                document.write ("</tr >");

                document.write ("<tr >");
                document.write ("<td    height = '3' colspan = '2' class = 'BorderGaucheDroite'>&nbsp;</td>");
                document.write ("</tr >");

                document.write ("<tr >");
                document.write ("<td    valign = 'top' class = 'BorderGauche'><img src='../img/li.gif'  class = 'MargePuce2' /></td>");
                document.write ("<td   class = 'BorderDroite'><a href = 'equipement_maison.html'>&Eacute;quipement de la maison </a></td>");
                document.write ("</tr >");

                document.write ("<tr >");
                document.write ("<td    height = '3' colspan = '2' class = 'BorderGaucheDroiteBas' >&nbsp;</td>");
                document.write ("</tr >");

                document.write ("</td>");
                document.write ("</tr >");
                document.write ("</table></table>");
            
            
            

        // Partie Actus Regionales 


        document.write ("<tr >");
        document.write ("<td valign = 'top' colspan = '2'>");
        document.write ("<table cellpadding='0' cellspacing='0' >");


        document.write ("<tr >");
        document.write ("<td valign = 'top'  height = '9' width = '16' ><img src='../img/bande_bleu10.jpg'   height = '9' width = '16' /></td>");
        document.write ("<td valign = 'top' ><img src='../img/arrondi3.jpg' width = '13' height = '9' /></td>");
        document.write ("<td rowspan = '2' valign = 'top' class = 'BorderHautBas'><img src='../img/picto_acef_droite4.jpg'  /></td>");
        document.write ("<td background = '../img/degrade_orange.jpg' width = '139'  rowspan = '2' class = 'BorderHautBasDroite'><span class = 'TitreMenu'>Infos R&eacute;gionales</span></td>");
        document.write ("</tr >");


        document.write ("<tr >");
        document.write ("<td valign = 'top' height = '11' width = '16' ><img src='../img/bande_bleu11.jpg'   height = '14' width = '16' /></td>");
        document.write ("<td valign = 'bottom' class = 'BorderBasGauche' align = 'right'><img src='../img/picto_acef_gauche3.jpg'  width = '4'/></td>");
        document.write ("</tr >");

        document.write ("<tr >");

        document.write ("<td valign = 'top' height = '68' width = '16'  ><img src='../img/bande_bleu12.jpg'   height = '68' width = '16' /></td>");

        document.write ("<td colspan = '3' valign = 'top'>");
        document.write ("<table   cellpadding='0' cellspacing='0' border='0' height = '18' width = '100%' > ");

        document.write ("<tr >");
        document.write ("<td colspan = '2' height = '3' bgcolor = '#C4DCEC' valign = 'top' class = 'BorderGaucheDroite'>&nbsp;</td>");
        document.write ("</tr >");

        document.write ("<tr >");
        document.write ("<td    height = '3' colspan = '2' class = 'BorderGaucheDroite'>&nbsp;</td>");
        document.write ("</tr >");



        document.write ("<tr >");
        document.write ("<td class = 'BorderGauche' valign = 'top'><img src='../img/li.gif'  class = 'MargePuce2' /></td>");
        document.write ("<td class = 'BorderDroite' width = '165'><a href = 'http://www.meteofrance.com/FR/mameteo/prevReg.jsp?LIEUID=REG22' target = '_blank'>M&eacute;t&eacute;o en Alsace</a></td>");
        document.write ("</tr >");

        document.write ("<tr >");
        document.write ("<td    height = '3' colspan = '2' class = 'BorderGaucheDroite'>&nbsp;</td>");
        document.write ("</tr >");

        document.write ("<tr >");
        document.write ("<td    valign = 'top' class = 'BorderGauche'><img src='../img/li.gif' class = 'MargePuce2' /></td>");
        document.write ("<td   class = 'BorderDroite' ><a href = 'http://www.dna.fr/' target = '_blank'>DNA</a> - <a href = 'http://www.alsapresse.com/' target = '_blank'>L'Alsace </a></td>");
        document.write ("</tr >");

        document.write ("<tr >");
        document.write ("<td    height = '3' colspan = '2' class = 'BorderGaucheDroite'>&nbsp;</td>");
        document.write ("</tr >");

        document.write ("<tr >");
        document.write ("<td    valign = 'top' class = 'BorderGauche'><img src='../img/li.gif'  class = 'MargePuce2' /></td>");
        document.write ("<td   class = 'BorderDroite' align = 'left'><a href = 'acef_infos.html' >Club ACEF Info </a></td>");
        document.write ("</tr >");

        document.write ("<tr >");
        document.write ("<td    height = '3' colspan = '2' class = 'BorderGaucheDroiteBas' >&nbsp;</td>");
        document.write ("</tr >");
        document.write ("</td>");


               
        
        document.write ("</tr></table></table>");
        document.write ("</td>");


        
        

        document.write ("</tr >");

        document.write ("</td>");
     
     
     
     
     
                        }     
            
            
          if (Where == "BAS")
	{
document.write ("<tr height = '5'><td colspan = '2'></td></tr>");
document.write ("<tr height = '10' bgcolor = '#F8A348'>");
document.write ("<td colspan = '4'>");
document.write ("<table align = 'center'>");
document.write ("<tr>");
document.write ("<td><a href = 'mentions_legales.html' class = 'Blanc'>mentions l&eacute;gales </a>|</td>");
document.write ("<td><a href = 'plan_site.html' class = 'Blanc'>plan du site </a>|</td>");
document.write ("<td><a href = 'contacts.html' class = 'Blanc'>contacts </a>|</td>");
document.write ("<td><a href = 'liens_utiles.html' class = 'Blanc'>liens </a>|</td>");
document.write ("<td><a href = 'http://www.alsace.banquepopulaire.fr/' target = '_blank' class = 'Blanc'>Banque Populaire d'Alsace </a>|</td>");
document.write ("<td><a href = '../index.asp' class = 'Blanc'>accueil</a></td>");
document.write ("</tr>");
document.write ("</table>");
document.write ("</td></tr></tr>");
document.write ("</table>");
        
        }  
                                                                            
}

// Window Open avec parametres
// ***************************
function WinOpen(ou, lien, width, height)
{
	if (ou == "CENTER")
	{
		var top  = (screen.height - height) / 2;
		var left = (screen.width - width) / 2;
		width  = width + 22;
		height = height + 22;
		win = window.open(lien, "", "top="+ top +", left="+ left +", width="+ width +", height="+ height +", scrollbars");
		win.focus();
	}
	else if (ou == "OUT")
	{
		var top  = screen.height + 100;
		var left = screen.width + 100;
		width  = 0;
		height = 0;
		win = window.open(lien, "", "top="+ top +", left="+ left +", width="+ width +", height="+ height +"");
	}
	else
	{
		win = window.open(lien);
		win.focus();
	}
}