
// VARIABLES GLOBALES


	// Largeur de la fenetre
	var winWidth;
	var top;
	top = 178;
	top_x1 = 206;
	// Largeur des elts du menu
	var mairieW = 61; //mairie
	var pratiqueW = 157; //pratique
	var loisirsW = 164; //loisirs
	var enfanceW = 161; //enfance
	var environnementW = 124; //environnement
	var documentationW = 130; //doc
	var contactW = 79; //contact
	var annoncesW = 140; //annonce
	var totalW = mairieW+pratiqueW+loisirsW+enfanceW+environnementW+documentationW+contactW+annoncesW;
	var left_mairie = 1;	var left_pratique = 58; var left_loisirs = 213;var left_jeunesse = 370;
	var left_environnement = 530; 
	var left_documentation = 660;
	var left_archives = 789;
	/*if(screen.width == 1280){
		left_mairie = 21;
		left_pratique = 78;
		left_loisirs = 233;
		left_jeunesse = 390;
		left_environnement = 550;
		left_documentation =680;
		
	}*/
	// Position en X des elts du menu
	var mairieX;
	var pratiqueX;
	var loisirsX;
	var enfanceX;
	var environnementX;
	var documentationX;
	var contactX;
	var annoncesX; 
		
// Couleur du fond
	var bgColor = "#ffffff";
	
	
	// Couleur des cases du menu onMouseOn
	var colorMenu = "#FFFFFF";
	// Couleur des cases du menu onMouseOut
	var colorMenuOut = "#e8e5d9";
	// Couleur des tableaux
	var colorMenuBorder = "#FFFFFF";


// REDIRECTION En FONCTION DE L'ITEM CHOISIE


// INITIALISER LA PAGE
function init()
{
		initValues();
		displayMenu();
		initMenu();
}


// INITIALISER LES VALEURS
function initValues()
{
	winWidth = document.body.clientWidth;
			
	// Position en X des elts du menu+
	mairieX = winWidth/2 - totalW/2 ;
	pratiqueX = mairieX+mairieW-2;
	loisirsX = pratiqueX+pratiqueW-2;
	enfanceX = loisirsX+loisirsW-2;
	environnementX = enfanceX+enfanceW-2;
	documentationX = environnementX+environnementW-2;		
	contactX = documentationX+documentationW-2;
	annoncesX = contactX+contactW-2;




}


// INIT MENU : cache les sous menu

function initMenu() 
{    
	cache_menu('SSMENU_PIJ');
	cache_menu('SSMENU_SERVICES_MUNICIPAUX');
	cache_menu('SSMENU_CONSEIL_INTERCOMMUNALITE');
	cache_menu('SSMENU_SIVU');
	cache_menu('SSMENU_COMMUNAUX');
	
  if (navigator.appName=='Microsoft Internet Explorer')
  {
       document.all.ID_MENU11.style.visibility='hidden';
       /*document.all.ID_MENU21.style.visibility='hidden';
       document.all.ID_MENU21_2.style.visibility='hidden';
       document.all.ID_MENU31.style.visibility='hidden';
       document.all.ID_MENU41.style.visibility='hidden';
       document.all.ID_MENU51.style.visibility='hidden';*/
	   document.all.SSMENU_CONSEIL_MUNICIPAL.style.visibility='hidden';
	   document.all.SSMENU_PRATIQUE.style.visibility='hidden';
	   document.all.SSMENU_LOISIRS.style.visibility='hidden';
	   document.all.SSMENU_JEUNESSE.style.visibility='hidden';
	   document.all.SSMENU_ENVIRONNEMENT.style.visibility='hidden';
	   document.all.SSMENU_DOCUMENTATION.style.visibility='hidden';
	   document.all.SSMENU_ARCHIVES.style.visibility='hidden';
	   
	   
  }
  else
  {
	   document.getElementById('ID_MENU11').style.visibility='hidden';
	   document.getElementById('SSMENU_CONSEIL_MUNICIPAL').style.visibility='hidden';
	   document.getElementById('SSMENU_PRATIQUE').style.visibility='hidden';
	   document.getElementById('SSMENU_LOISIRS').style.visibility='hidden';
	   document.getElementById('SSMENU_JEUNESSE').style.visibility='hidden';
	   document.getElementById('SSMENU_ENVIRONNEMENT').style.visibility='hidden';
	   document.getElementById('SSMENU_DOCUMENTATION').style.visibility='hidden';
	   document.getElementById('SSMENU_ARCHIVES').style.visibility='hidden';
	   
	   
  }
}



// INIT MENU : cache les sous menu

function initMenu_click(e) 
{    
}


// DESSIN DU MENU
function displayMenu()
{
// MENU MAIRIE




	document.write(	"	<DIV ID='ID_MENU11' style=\"position: absolute; left:"+left_mairie+"px; top:"+top_x1+"px; width:150px; height:50px; z-index:0 ; background-color='#FFFFFF'\"  onmouseover=\"affiche_menu('ID_MENU11');\" onmouseout=\"cache_menu('ID_MENU11');cache_menu('SSMENU_SERVICES_MUNICIPAUX');cache_menu('SSMENU_PIJ');\">");

	document.write(	"	<TABLE  BORDER='0' WIDTH='150'  HEIGHT='30' cellspacing='1' cellspadding='1' bgColor='#ffffff'");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_mairie' align='left' onmouseover=\"cache_menu('SSMENU_CONSEIL_INTERCOMMUNALITE');this.bgColor='#F49C7D';\" onClick=\"javascript:menu_redirection('1-1');\" bgColor='#d2683a'\";cache_menu('SSMENU_SERVICES_MUNICIPAUX');cache_menu('SSMENU_PIJ');cache_menu('SSMENU_CONSEIL_INTERCOMMUNALITE');this.bgColor='#F49C7D'\" onmouseout=\"this.bgColor='#d2683a';\" bgColor='#d2683a'>");
	document.write(	"				<a class='one' href ='#'>L'équipe municipale</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");	
	document.write(	"			<TD class='ombre_mairie' align='left' onmouseover=\"affiche_menu('SSMENU_CONSEIL_INTERCOMMUNALITE');cache_menu('SSMENU_CONSEIL_MUNICIPAL');cache_menu('SSMENU_PIJ');cache_menu('SSMENU_SERVICES_MUNICIPAUX');this.bgColor='#F49C7D'\" onmouseout=\"this.bgColor='#d2683a'\" bgColor='#d2683a'>");
	document.write(	"				<a class='one' href ='#'>Intercommunalit&eacute;</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_mairie' align='left' onmouseover=\"affiche_menu('SSMENU_SERVICES_MUNICIPAUX');cache_menu('SSMENU_CONSEIL_MUNICIPAL');cache_menu('SSMENU_CONSEIL_INTERCOMMUNALITE');cache_menu('SSMENU_PIJ');this.bgColor='#F49C7D'\" onmouseout=\"this.bgColor='#d2683a'\"bgColor='#d2683a'>");
	document.write(	"				<a class='one' href ='#'>Les services municipaux</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_mairie' align='left' onmouseover=\"javascript:affiche_menu('SSMENU_PIJ');cache_menu('SSMENU_SERVICES_MUNICIPAUX');cache_menu('SSMENU_SIVU');cache_menu('SSMENU_PIJ');cache_menu('SSMENU_COMMUNAUX');affiche_menu('SSMENU_PIJ');this.bgColor='#F49C7D'\" onmouseout=\"javascript:this.bgColor='#d2683a'\"bgColor='#d2683a'\">");
	document.write(	"				<a class='one' href ='#'>Les services sociaux</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_documentation' align='left'  onmouseover=\"javascript:affiche_menu('SSMENU_ARCHIVES');this.bgColor='#F49C7D';\" onmouseout=\"javascript:cache_menu('SSMENU_ARCHIVES');this.bgColor='#d2683a'\" onClick=\"javascript:menu_redirection('6-4')\"bgColor='#d2683a'\">");
	document.write(	"				<a class='one' href ='#'>Archives</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");

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

}



function cache_menu(qui){
		if(navigator.appName=="Micosoft Internet Explorer")
		{
			eval("document.all."+qui+".style.visibility='hidden'");
		}
		else
		{
			 
			eval("document.getElementById('"+qui+"').style.visibility='hidden'");
			
		}
}

function affiche_menu(qui){
		
		if(navigator.appName=="Micosoft Internet Explorer")
		{
			eval("document.all."+qui+".style.visibility='visible'");
		}
		else
		{
			 
			eval("document.getElementById('"+qui+"').style.visibility='visible'");
			
		}
}



//<!-- SOUS MENU SSMENU_CONSEIL_MUNICIPAL -->

	document.write(	"	<DIV ID='SSMENU_CONSEIL_MUNICIPAL' style=\"position: absolute; left:150px; top:206px; width:140px; height:30px; border-width:1 ;z-index:2; background-color='#FFFFFF'\" onmouseover=\"affiche_menu('SSMENU_CONSEIL_MUNICIPAL');affiche_menu('ID_MENU11');\" onmouseout=\"cache_menu('SSMENU_CONSEIL_MUNICIPAL');;cache_menu('ID_MENU11');\">");

	document.write(	"	<TABLE  BORDER='0' WIDTH='140'  HEIGHT='30' cellspacing='1' cellspadding='1' bgColor='#ffffff'");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_mairie' align='left' onmouseover=\"this.bgColor='#F49C7D'\" onmouseout=\"this.bgColor='#d2683a'\" onClick=\"javascript:menu_redirection('1-1-1')\"  bgColor='#d2683a'\">");
	document.write(	"				<a class='one' href ='#'>L'&eacute;quipe municipale</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");

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


//<!-- SOUS MENU SSMENU_SERVICES_MUNICIPAUX -->

	document.write(	"	<DIV ID='SSMENU_SERVICES_MUNICIPAUX' style=\"position: absolute; left:150px; top:240px; width:180px; height:35px;z-index:2; background-color='#FFFFFF' \" onmouseover=\"affiche_menu('SSMENU_SERVICES_MUNICIPAUX');affiche_menu('ID_MENU11');\" onmouseout=\"cache_menu('SSMENU_SERVICES_MUNICIPAUX');cache_menu('ID_MENU11');cache_menu('SSMENU_CONSEIL_MUNICIPAL');;cache_menu('SSMENU_PIJ');cache_menu('SSMENU_COMMUNAUX')\">");

	document.write(	"	<TABLE  BORDER='0' WIDTH='180'  cellspacing='1' cellspadding='1' bgColor='#ffffff'");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_mairie' align='left' onmouseover=\"affiche_menu('ID_MENU11');cache_menu('SSMENU_PIJ');cache_menu('SSMENU_COMMUNAUX');this.bgColor='#F49C7D'\" onmouseout=\"this.bgColor='#d2683a'\" onClick=\" javascript:menu_redirection('1-3-1')\"bgColor='#d2683a'\">");
	document.write(	"				<a class='one' href ='#'>Pr&eacute;sentation du personnel</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_mairie' align='left' onmouseover=\"javascript:cache_menu('SSMENU_SIVU');cache_menu('SSMENU_PIJ');cache_menu('SSMENU_COMMUNAUX');this.bgColor='#F49C7D';\" onClick=\"javascript:menu_redirection('1-3-2')\" onmouseout=\"javascript:this.bgColor='#d2683a'\" bgColor='#d2683a'\">");
	document.write(	"				<a class='one' href ='#'>Etat Civil</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_mairie' align='left' onmouseover=\"javascript:cache_menu('SSMENU_SIVU');cache_menu('SSMENU_PIJ');cache_menu('SSMENU_COMMUNAUX');this.bgColor='#F49C7D';\" onClick=\"javascript:menu_redirection('1-3-9')\" onmouseout=\"javascript:this.bgColor='#d2683a'\" bgColor='#d2683a'\">");
	document.write(	"				<a class='one' href ='#'>Urbanisme</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");

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



//<!-- SOUS MENU SSMENU_CONSEIL_INTERCOMMUNALITE -->

	document.write(	"	<DIV ID='SSMENU_CONSEIL_INTERCOMMUNALITE' style=\"position: absolute; left:150px; top:223px; width:160px; height:30px; z-index:2; background-color='#FFFFFF'\"  onmouseover=\"affiche_menu('SSMENU_CONSEIL_INTERCOMMUNALITE');affiche_menu('ID_MENU11');\" onmouseout=\"cache_menu('SSMENU_CONSEIL_INTERCOMMUNALITE');cache_menu('ID_MENU11')\">");

	document.write(	"	<TABLE  BORDER='0' WIDTH='160' cellspacing='1' cellspadding='1' bgColor='#ffffff'");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_mairie' align='left' onmouseover=\"this.bgColor='#F49C7D'\" onmouseout=\"this.bgColor='#d2683a'\" onClick=\"javascript:menu_redirection('1-2-1')\"bgColor='#d2683a'\">");
	document.write(	"				<a class='one' href ='#'>Communaut&eacute; de commune</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_mairie' align='left' onmouseover=\"javascript:this.bgColor='#F49C7D';\" onmouseout=\"javascript:this.bgColor='#d2683a'\"  onClick=\"javascript:menu_redirection('1-2-2')\"bgColor='#d2683a'\">");
	document.write(	"				<a class='one' href ='#'>Syndicats intercommunaux</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");

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

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




	//SOUS MENU MONTAIGUT PRATIQUE
	document.write(	"	<DIV ID='SSMENU_PRATIQUE' style=\"position: absolute; left:"+left_pratique+"px; top:"+top_x1+"px; width:157px; height:50px; z-index:3; background-color='#FFFFFF'\" onmouseover=\"affiche_menu('SSMENU_PRATIQUE');\" onmouseout=\"cache_menu('SSMENU_PRATIQUE');\">");

	document.write(	"	<TABLE  BORDER='0' WIDTH='157'  HEIGHT='50' cellspacing='1' cellspadding='1' bgColor='#ffffff'");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_pratique' align='left' onmouseover=\"this.bgColor='#B2B2B2'\" onmouseout=\"this.bgColor='#878787'\" onClick=\"javascript:menu_redirection('2-1')\"bgColor='#878787'\">");
	document.write(	"				<a class='one' href ='#'>Plan de la commune</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_pratique' align='left' onmouseover=\"javascript:this.bgColor='#B2B2B2';\" onmouseout=\"javascript:this.bgColor='#878787'\" onClick=\"javascript:menu_redirection('2-2')\"bgColor='#878787'\">");
	document.write(	"				<a class='one' href ='#'>Bus et transports</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_pratique' align='left' onmouseover=\"javascript:this.bgColor='#B2B2B2';\" onmouseout=\"javascript:this.bgColor='#878787'\" onClick=\"javascript:menu_redirection('2-3')\"bgColor='#878787'\">");
	document.write(	"				<a class='one' href ='#'>Les professionnels<br>de la commune</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_pratique' align='left' onmouseover=\"javascript:this.bgColor='#B2B2B2';\" onmouseout=\"javascript:this.bgColor='#878787'\" onClick=\"javascript:menu_redirection('2-4')\"bgColor='#878787'\">");
	document.write(	"				<a class='one' href ='#'>Num&eacute;ros utiles</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_pratique' align='left' onmouseover=\"javascript:this.bgColor='#B2B2B2';\" onmouseout=\"javascript:this.bgColor='#878787'\" onClick=\"javascript:menu_redirection('2-5')\"bgColor='#878787'\">");
	document.write(	"				<a class='one' href ='#'>Hébergement et Restauration</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");

	document.write(	"	</TABLE>");
	document.write(	"</DIV>");
	
	//SOUS MENU LOISIRS
	document.write(	"	<DIV class='ombre_loisirs' ID='SSMENU_LOISIRS' style=\"position: absolute; left:"+left_loisirs+"px; top:"+top_x1+"px; width:160px; height:50px; background-color='#FFFFFF'\" z-index:3 onmouseover=\"affiche_menu('SSMENU_LOISIRS');\" onmouseout=\"cache_menu('SSMENU_LOISIRS');\">");

	document.write(	"	<TABLE  class='bordure_tableau' BORDER='0' WIDTH='160'  HEIGHT='50' cellspacing='1' cellspadding='1'bgColor='#ffffff'");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_loisirs' align='left' onmouseover=\"this.bgColor='#BBDB35'\" onmouseout=\"this.bgColor='#99bf1d'\" bgColor='#99bf1d' onClick=\"javascript:menu_redirection('3-1')\" bgColor='#99bf1d'\" >");
	document.write(	"				<a class='one' href ='#'>Loisirs, associations</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_loisirs' align='left' onmouseover=\"javascript:this.bgColor='#BBDB35';\" onmouseout=\"javascript:this.bgColor='#99bf1d'\" onClick=\"javascript:menu_redirection('3-2')\" bgColor='#99bf1d'\">");
	document.write(	"				<a class='one' href ='#'>L'agenda</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_loisirs' align='left' onmouseover=\"javascript:this.bgColor='#BBDB35';\" onmouseout=\"javascript:this.bgColor='#99bf1d';\" onClick=\"javascript:menu_redirection('3-3')\" bgColor='#99bf1d'\">");
	document.write(	"				<a class='one' href ='#'>La biblioth&egrave;que</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_loisirs' align='left' onmouseover=\"javascript:this.bgColor='#BBDB35';\" onmouseout=\"javascript:this.bgColor='#99bf1d';\" onClick=\"javascript:menu_redirection('3-4')\" bgColor='#99bf1d'\">");
	document.write(	"				<a class='one' href ='#'>La base de loisirs</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_mairie' align='left' onmouseover=\"this.bgColor='#BBDB35'\" onmouseout=\"this.bgColor='#99bf1d'\" onClick=\"javascript:menu_redirection('3-5')\"  BGCOLOR=\"#99bf1d\">");
	document.write(	"				<a class='one' href ='#'>La salle des f&ecirc;tes</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");

	document.write(	"	</TABLE>");
	document.write(	"</DIV>");	

	//SOUS MENU jeunesse
	document.write(	"	<DIV class='ombre_enfance' ID='SSMENU_JEUNESSE' style=\"position: absolute; left:"+left_jeunesse+"px; top:"+top_x1+"px; width:190px; height:50px; background-color='#FFFFFF'\" z-index:3 onmouseover=\"affiche_menu('SSMENU_JEUNESSE');\" onmouseout=\"cache_menu('SSMENU_JEUNESSE');\">");

	document.write(	"	<TABLE  class='bordure_tableau' BORDER='0' WIDTH='190'  HEIGHT='50'  cellspacing='1' cellspadding='1'bgColor='#ffffff'");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_enfance' align='left' onmouseover=\"this.bgColor='#1AB5C1'\" onmouseout=\"this.bgColor='#02899B'\" onClick=\"javascript:menu_redirection('4-1')\"bgColor='#02899B'\">");
	document.write(	"				<a class='one' href ='#'>Les &eacute;coles, les parents d'&eacute;l&egrave;ves</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_enfance' align='left' onmouseover=\"this.bgColor='#1AB5C1'\" onmouseout=\"this.bgColor='#02899B'\" onClick=\"javascript:menu_redirection('4-2')\"  BGCOLOR=\"#02899B\">");
	document.write(	"				<a class='one' href ='#'>La cantine</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_enfance' align='left' onmouseover=\"javascript:this.bgColor='#1AB5C1';\" onmouseout=\"javascript:this.bgColor='#02899B'\"onClick=\"javascript:menu_redirection('4-3')\"bgColor='#02899B'\">");
	document.write(	"				<a class='one' href ='#'>Le R.A.M, la crèche</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_enfance' align='left' onmouseover=\"javascript:this.bgColor='#1AB5C1';\" onmouseout=\"javascript:this.bgColor='#02899B'\"onClick=\"javascript:menu_redirection('4-4')\"bgColor='#02899B'\">");
	document.write(	"				<a class='one' href ='#'>Le centre de loisirs<br>et le CLAE-garderie</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_enfance' align='left' onmouseover=\"javascript:this.bgColor='#1AB5C1';\" onmouseout=\"javascript:this.bgColor='#02899B'\" onClick=\"javascript:menu_redirection('4-5')\"bgcolor='#02899B'\">");
	document.write(	"				<a class='one' href ='#'>Le P.I.J</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");
	document.write(	"</DIV>");	

	//SOUS MENU environnement
	document.write(	"	<DIV class='ombre_environnement' ID='SSMENU_ENVIRONNEMENT' style=\"position: absolute; left:"+left_environnement+"px; top:"+top_x1+"px; width:160px; height:50px; background-color='#FFFFFF'\" z-index:3 onmouseover=\"affiche_menu('SSMENU_ENVIRONNEMENT');\" onmouseout=\"cache_menu('SSMENU_ENVIRONNEMENT');\">");

	document.write(	"	<TABLE  class='bordure_tableau' BORDER='0' WIDTH='160'  HEIGHT='50' cellspacing='1' cellspadding='1'bgColor='#ffffff'");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_environnement' align='left' onmouseover=\"this.bgColor='#9CDB42'\" onmouseout=\"this.bgColor='#70B021'\" onClick=\"javascript:menu_redirection('5-1')\"bgColor='#70B021'\">");
	document.write(	"				<a class='one' href ='#'>La for&ecirc;t  de Bouconne</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_environnement' align='left' onmouseover=\"javascript:this.bgColor='#9CDB42';\" onmouseout=\"javascript:this.bgColor='#70B021'\" onClick=\"javascript:menu_redirection('5-2')\"bgColor='#70B021'\"bgColor='#70B021'\">");
	document.write(	"				<a class='one' href ='#'>La Save</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_environnement' align='left' onmouseover=\"javascript:this.bgColor='#9CDB42';\" onmouseout=\"javascript:this.bgColor='#70B021'\" onClick=\"javascript:menu_redirection('5-3')\"bgColor='#70B021'\">");
	document.write(	"				<a class='one' href ='#'>Le tri s&eacute;lectif</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_environnement' align='left' onmouseover=\"javascript:this.bgColor='#9CDB42';\" onmouseout=\"javascript:this.bgColor='#70B021'\" onClick=\"javascript:menu_redirection('5-4')\"bgColor='#70B021'\">");
	document.write(	"				<a class='one' href ='#'>Les d&eacute;chetteries</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_environnement' align='left' onmouseover=\"javascript:this.bgColor='#9CDB42';\" onmouseout=\"javascript:this.bgColor='#70B021'\" onClick=\"javascript:menu_redirection('5-5')\"bgColor='#70B021'\">");
	document.write(	"				<a class='one' href ='#'>Cadre de vie</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");
	document.write(	"</DIV>");	

	//SOUS MENU documentation
	document.write(	"	<DIV class='ombre_documentation' ID='SSMENU_DOCUMENTATION' style=\"position: absolute; left:"+left_documentation+"px; top:"+top_x1+"px; width:130px; height:50px; background-color='#FFFFFF'\" z-index:3 onmouseover=\"affiche_menu('SSMENU_DOCUMENTATION');\" onmouseout=\"cache_menu('SSMENU_DOCUMENTATION');\">");

	document.write(	"	<TABLE  class='bordure_tableau' BORDER='0' WIDTH='130'  HEIGHT='50' cellspacing='1' cellspadding='1' bgColor='#ffffff'");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_documentation' align='left' onmouseover=\"this.bgColor='#bf0c95'\" onmouseout=\"this.bgColor='#96046d'\" onClick=\"javascript:menu_redirection('6-1')\"bgColor='#96046d'\">");
	document.write(	"				<a class='one' href ='#'>L'histoire</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_documentation' align='left' onmouseover=\"javascript:this.bgColor='#bf0c95';\" onmouseout=\"javascript:this.bgColor='#96046d'\" onClick=\"javascript:menu_redirection('6-2')\"bgColor='#96046d'\">");
	document.write(	"				<a class='one' href ='#'>La population</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_documentation' align='left' onmouseover=\"javascript:this.bgColor='#bf0c95';\" onmouseout=\"javascript:this.bgColor='#96046d'\" onClick=\"javascript:menu_redirection('6-3')\"bgColor='#96046d'\">");
	document.write(	"				<a class='one' href ='#'>La chapelle</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");
	document.write(	"</DIV>");
	
//SS SOUS MENU archives
	document.write(	"	<DIV class='ombre_documentation' ID='SSMENU_ARCHIVES' style=\"position: absolute; left:150px; top:274; width:130px; height:30px; background-color='#FFFFFF'\" z-index:3 onmouseover=\"affiche_menu('SSMENU_ARCHIVES');affiche_menu('SSMENU_ARCHIVES');affiche_menu('ID_MENU11');\" onmouseout=\"cache_menu('SSMENU_ARCHIVES');cache_menu('ID_MENU11')\">");

	document.write(	"	<TABLE  class='bordure_tableau' BORDER='0' WIDTH='140'  HEIGHT='30' cellspacing='1' cellspadding='1' bgColor='#ffffff'");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_mairie' align='left' onmouseover=\"this.bgColor='F49C7D'\" onmouseout=\"this.bgColor='#d2683a'\" onClick=\"javascript:menu_redirection('1-5-1')\"bgColor='d2683a'\">");
	document.write(	"				<a class='one' href ='#'>Conseils municipaux</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_mairie' align='left' onmouseover=\"javascript:this.bgColor='F49C7D';\" onmouseout=\"javascript:this.bgColor='#d2683a'\" onClick=\"javascript:menu_redirection('1-5-2')\"bgColor='#d2683a'\">");
	document.write(	"				<a class='one' href ='#'>Actualités communales</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>")
	document.write(	"	</TABLE>");
	document.write(	"</DIV>");	

//<!-- SOUS MENU SSMENU_PIJ -->

	document.write(	"	<DIV class='ombre' ID='SSMENU_PIJ' style=\"position: absolute; left:150px; top:257px; width:130px; height:30px;z-index:2; background-color='#FFFFFF'\" z-index:1 onmouseover=\"affiche_menu('SSMENU_PIJ');affiche_menu('SSMENU_SERVICES_MUNICIPAUX');cache_menu('SSMENU_SERVICES_MUNICIPAUX');affiche_menu('ID_MENU11');\" onmouseout=\"cache_menu('SSMENU_PIJ');;cache_menu('SSMENU_SERVICES_MUNICIPAUX');cache_menu('ID_MENU11');cache_menu('SSMENU_CONSEIL_MUNICIPAL');\">");

	document.write(	"	<TABLE  class='bordure_tableau' BORDER='0' WIDTH='130'  HEIGHT='30' cellspacing='1' cellspadding='1' BGCOLOR='#FFFFFF'>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_mairie' align='left' onmouseover=\"javascript:cache_menu('SSMENU_PIJ');cache_menu('SSMENU_COMMUNAUX');this.bgColor='#F49C7D'\" onmouseout=\"javascript:this.bgColor='#d2683a'\" onClick=\"javascript:menu_redirection('1-4-1')\"bgColor='#d2683a'\">");
	document.write(	"				<a class='one' href ='#'>Le S.I.V.U Rivage</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_mairie' align='left' onmouseover=\"javascript:cache_menu('SSMENU_PIJ');cache_menu('SSMENU_COMMUNAUX');this.bgColor='#F49C7D'\" onmouseout=\"javascript:this.bgColor='#d2683a'\"onClick=\"javascript:menu_redirection('1-4-2')\"bgColor='#d2683a'\">");
	document.write(	"				<a class='one' href ='#'>Les services<br>pour l'emploi</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");	
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_mairie' align='left' onmouseover=\"javascript:cache_menu('SSMENU_PIJ');cache_menu('SSMENU_COMMUNAUX');this.bgColor='#F49C7D'\" onmouseout=\"javascript:this.bgColor='#d2683a'\"onClick=\"javascript:menu_redirection('1-4-3')\"bgColor='#d2683a'\">");
	document.write(	"				<a class='one' href ='#'>La C.C.A.S</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");

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

//<!-- SOUS MENU SSMENU_SIVU -->

	document.write(	"	<DIV class='ombre_mairie' ID='SSMENU_SIVU' style=\"position: absolute; left:324px; top:320px; width:200px; height:60px;z-index:2; background-color='#FFFFFF'\"  onmouseover=\"affiche_menu('SSMENU_SERVICES_MUNICIPAUX');affiche_menu('ID_MENU11');\" onmouseout=\"cache_menu('SSMENU_SERVICES_MUNICIPAUX');cache_menu('ID_MENU11');cache_menu('SSMENU_CONSEIL_MUNICIPAL');\">");

	document.write(	"	<TABLE  class='bordure_tableau' BORDER='0' WIDTH='150'  HEIGHT='20' cellspacing='1' cellspadding='1' BGCOLOR='#FFFFFF'>");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_mairie' align='left' onmouseover=\"this.bgColor='F49C7D'\" onmouseout=\"this.bgColor='#d2683a'\" onClick=\"location='tel/pr.html'\"  BGCOLOR='#d2683a'>");
	document.write(	"				Les permanences");
	document.write(	"			</TD>");
	document.write(	"		</TR>");
	document.write(	"	</TABLE>");

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

//<!-- SOUS MENU SSMENU_COMMUNAUX -->

	document.write(	"	<DIV class='ombre' ID='SSMENU_COMMUNAUX' style=\"position: absolute; left:329px; top:274px; width:120px; height:30px;z-index:2; background-color='#FFFFFF'\"  onmouseover=\"affiche_menu('SSMENU_COMMUNAUX');affiche_menu('SSMENU_SERVICES_MUNICIPAUX');affiche_menu('ID_MENU11');\" onmouseout=\"cache_menu('SSMENU_COMMUNAUX');;cache_menu('SSMENU_SERVICES_MUNICIPAUX');cache_menu('ID_MENU11');cache_menu('SSMENU_CONSEIL_MUNICIPAL');\">");

	document.write(	"	<TABLE  class='bordure_tableau' BORDER='0' WIDTH='120'  HEIGHT='30' cellspacing='1' cellspadding='1' BGCOLOR=\"#FFFFFF\">");
	document.write(	"		<TR>");
	document.write(	"			<TD class='ombre_mairie' align='left' onmouseover=\"this.bgColor='F49C7D'\" onmouseout=\"this.bgColor='#d2683a'\" onClick=\"javascript:menu_redirection('1-3-4-3')\"  BGCOLOR=\"#d2683a\">");
	document.write(	"				<a class='one' href ='#'>La poste</a>");
	document.write(	"			</TD>");
	document.write(	"		</TR>");	
	document.write(	"	</TABLE>");

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


