	//gestion de la présentation centrale
var adh = 0;
var eve = 0;
var com = 0;
var doc = 0;
var iti = 0;
var pho = 0;
var res = 0;

var ville = 0;
var fonde = 0;
var activ = 0;
var manif = 0;
var cause = 0;
var memoi = 0;
	
function montrer_ville()
	{
	ville = 1 - ville;
	if (ville == 1)
		{
		var str = "<p><span style = \"margin-left: 1cm ; color: blue; \"><span onclick = \"montrer_ville()\"><a href = \"#\" title = \"cliquez pour supprimer le texte\"><img src=\"" + puce_velo_js + "\" style = \"border: solid navy 1px;\"></a></span>&nbsp;Notre ville</span><br>Notre ville, <a href= \"http://www.ville-lepoinconnet.fr/\" target=\"_blank\">Le Poinçonnet</a>  est située à 8 kms de Châteauroux, dans le département de l'Indre.<br>Sa particularité est la magnifique forêt domaniale de 4500 hectares qui lui confère une qualité de vie de tout premier plan. Les marcheurs et les vététistes l'apprécient tout particulièrement, sans compter les chercheurs de champignons qui, à la saison, y rempliront largement leur panier.<br>Dans ce cadre de vie privilégié de nombreux clubs se sont rassemblés pour constituer l'Union Sportive Omnisports du Poinçonnet (USP).<br>On citera, entre autres, le tennis,  le football, le VTT  mais aussi les arts martiaux représentés par plusieurs disciplines et bien sûr notre club cyclo marche, affilié à la fédération <a href= \"http://www.ufolep.org/\" target=\"_blank\">UFOLEP</a>.</br>De par sa position géographique, notre commune est naturellement orientée vers le Sud du département.<br>Dans de superbes paysages, annonçant le Massif Central tout proche, les routes vallonnées de la Vallée de la Creuse au Sud-ouest mais aussi du pays de Nohant et de La Châtre au Sud-est constituent un magnifique terrain de jeu pour nos sorties d'entraînement.<br>Nous ne manquons pas de les fréquenter régulièrement.</p>";
		}
	else
		{var str = "<p style = \"margin-left: 1cm ; color: blue; \"><span onclick = \"montrer_ville()\"><a href = \"#\" title = \"cliquez pour voir le texte\" style = \"text-decoration: none;\"><img src=\"" + puce_velo_js + "\" style = \"border: solid navy 1px;\"></a></span>&nbsp;Notre ville</p>";}
	document.getElementById("laville").innerHTML = str;
	}

function montrer_fondements()
	{
	fonde = 1 - fonde;
	if (fonde == 1)
		{
		var str = "<p><span style = \"margin-left: 1cm ; color: blue; \"><span onclick = \"montrer_fondements()\"><a href = \"#\" title = \"cliquez pour supprimer le texte\"><img src=\"" + puce_marche_js + "\" style = \"border: solid navy 1px; \"></a></span>&nbsp;Les fondements de notre club</span><br>Le club, c'est déjà une longue histoire.<br>Elle a débuté quand une poignée de passionnés de cyclosport a décidé sa création en 1980.<br>Depuis le club s'est élargi au cyclotourisme et à la randonnée pédestre.<br>Il a maintenant trouvé sa maturité avec un effectif solide, dont une bonne partie est constituée d'adhérents de longue date.<br>Le fonctionnement de notre club repose sur son conseil d'administration qui élabore les statuts et prend les décisions importantes.<br>Il s'appuie financièrement sur ses partenaires dont plusieurs lui sont fidèles depuis longtemps.<br>Mais il s'appuie aussi, par delà les statuts et les finances, sur un groupe d'irréductibles bénévoles, toujours prêts à rendre service, à s'impliquer davantage, à se dévouer pour la vie du club.<br>Ils se reconnaîtront. Qu'ils en soient remerciés !<br>Le club c'est aussi maintenant son site internet.<br>Il a deux vocations principales: permettre aux adhérents qui le souhaitent de communiquer plus facilement entre eux et devenir en quelque sorte notre vitrine afin de mieux nous faire connaître de l'extérieur.<br>Nul doute que ces deux objectifs seront rapidement atteints, si ce n'est déjà fait.</p>";
		}
	else
		{var str = "<p style = \"margin-left: 1cm ; color: blue; \"><span onclick = \"montrer_fondements()\"><a href = \"#\" title = \"cliquez pour voir le texte\" style = \"text-decoration: none;\"><img src=\"" + puce_marche_js + "\" style = \"border: solid navy 1px; \"></a></span>&nbsp;Les fondements de notre club</p>";}
	document.getElementById("lesfondements").innerHTML = str;
	}

function montrer_activites()
	{
	activ = 1 - activ;
	if (activ == 1)
		{
		var str = "<p><span style = \"margin-left: 1cm ; color: blue; \"><span onclick = \"montrer_activites()\"><a href = \"#\" title = \"cliquez pour supprimer le texte\"><img src=\"" + puce_velo_js + "\" style = \"border: solid navy 1px; \"></a></span>&nbsp;Nos activités sportives</span><br>Elles se partagent en trois pôles principaux:<ul><li>Le \"Cyclosport\" est l'héritier d'une longue tradition dans notre club.<br>Les résultats obtenus en témoignent; chaque année nos adhérents réalisent des performances enviables tant dans les différentes courses UFOLEP où l'on obtient de nombreuses places dans les trois premiers que dans les grandes épreuves cyclosportives comme l'indiquent nos résultats individuels dans le trophée National  Ufolep et nos résultats collectifs dans le challenge Berry-Auvergne-Limousin.<br>De nombreux coursiers de bon niveau viennent régulièrement participer à nos sorties d\'entraînement. Ils y sont toujours les bienvenus à condition bien sûr de respecter nos itinéraires et de ne pas impulser une allure trop élevée.</li><li>Nous n'oublierons pas que la plus grande partie de nos adhérents s'orientent vers une pratique plus calme du cyclisme à travers le \"Cyclotourisme\".<br>Lors des randonnées organisées par les différents clubs de l'Indre nous obtenons bien souvent la coupe offerte pour le meilleur effectif ce qui montre l'assiduité de nos pratiquants.</li><li>Tout le monde n'a pas une condition physique suffisante pour effectuer des sorties de 50 ou 80 kilomètres en vélo.<br>La section \"Randonnée pédestre\" permet à tous de maintenir une bonne hygiène de vie tout en appréciant, en groupe, la beauté de nos sentiers départementaux, régionaux, voire même nationaux.</li></ul>";
		}
	else
		{var str = "<p style = \"margin-left: 1cm ; color: blue; \"><span onclick = \"montrer_activites()\"><a href = \"#\" title = \"cliquez pour voir le texte\" style = \"text-decoration: none;\"><img src=\"" + puce_velo_js + "\" style = \"border: solid navy 1px; \"></a></span>&nbsp;Nos activités sportives</p>";}
	document.getElementById("lesactivites").innerHTML = str;
	}
	
function montrer_manifs()
	{
	manif = 1 - manif;
	if (manif == 1)
		{
		var str = "<p><span style = \"margin-left: 1cm ; color: blue; \"><span onclick = \"montrer_manifs()\"><a href = \"#\" title = \"cliquez pour supprimer le texte\"><img src=\"" + puce_marche_js + "\" style = \"border: solid navy 1px; \"></a></span>&nbsp;Quelques manifestations</span><br>Nos activités sportives se prolongent tout naturellement  par trois événements importants:<ul><li>La randonnée cyclotouriste du 1er mai, dite \"challenge Yves Octrovée\" en mémoire de notre ami disparu, qui réunit généralement plus de 200 cyclotouristes.</li><li>Grâce à la qualité de l'organisation et à la beauté des itinéraires proposés dans la forêt domaniale, la randonnée pédestre du 8 mai est toujours un franc succès.</li><li>La course cycliste annuelle, dite \"prix des artisans et des commerçants\". De nombreux concurrents, certains venant parfois de loin, s'alignent sur les quatre épreuves proposées: catégories 1, 2, 3 et GS. </li></ul><p>Parallèlement à la pratique sportive, le club des cyclistes et des marcheurs du Poinçonnet c'est aussi une grande convivialité qui s'exerce notamment au travers de diverses manifestations, par exemple :<ul><li>Le pique-nique sportif du printemps permet de visiter un site attrayant (Les Pierres Jaumâtres, Angles sur Anglin). On y va en voiture ou en vélo, on peut faire une marche sur place; on prend ensuite un repas en commun. Les plus courageux peuvent même repartir en vélo.</li><li>La traditionnelle journée champêtre de Septembre, avec ses repas pris en commun à midi et le soir, avec ses différents jeux pour enfants et adultes, est un facteur de cohésion qui permet aux membres et à leur famille de mieux se connaître et de nouer des relations d'amitié.</li><li>La soirée dansante est toujours un succès.</li><li>Enfin, notre assemblée générale annuelle, qui a lieu en Novembre, permet de faire un bilan de l'année écoulée et d'exposer les projets pour l'année suivante. Elle se termine, comme il se doit, par un repas au restaurant.</li></ul>";
		}
	else
		{var str = "<p style = \"margin-left: 1cm ; color: blue; \"><span onclick = \"montrer_manifs()\"><a href = \"#\" title = \"cliquez pour voir le texte\" ><img src=\"" + puce_marche_js + "\" style = \"border: solid navy 1px; \"></a></span>&nbsp;Quelques manifestations</p>";}
	document.getElementById("lesmanifs").innerHTML = str;
	}
	
function montrer_causes()
	{
	cause = 1 - cause;
	if (cause == 1)
		{
		var str = "<p><span style = \"margin-left: 1cm ; color: blue; \"><span onclick = \"montrer_causes()\"><a href = \"#\" title = \"cliquez pour supprimer le texte\"><img src=\"" + puce_velo_js + "\" style = \"border: solid navy 1px; \"></a></span>&nbsp;Notre implication dans d'autres domaines</span><br>Nous citerons :<ul><li>Notre participation à la journée du développement durable organisée par notre municipalité avec le concours de l'ONF.<br>Rappelons, à ce propos, à nos amis cyclos et marcheurs la nécessité absolue de ne pas prendre nos terrains de jeux pour des poubelles. Ne voit-on pas encore trop souvent lors d'épreuves cyclosportives, des concurrents jeter l'emballage de leur barre énergétique en pleine nature afin, peut-être, de s'alléger de quelques grammes !</li><li>Notre partenariat avec l'association <a href= \"http://www.avh.asso.fr/\" target=\"_blank\">AVH</a> en faveur des malvoyants. Le dévouement régulier de nos cyclos et marcheurs permet ainsi à nos amis handicapés visuels de goûter aux joies de promenades en tandem et de marches en forêt.</li></ul>";
		}
	else
		{var str = "<p style = \"margin-left: 1cm ; color: blue; \"><span onclick = \"montrer_causes()\"><a href = \"#\" title = \"cliquez pour voir le texte\"><img src=\"" + puce_velo_js + "\" style = \"border: solid navy 1px; \"></a></span>&nbsp;Notre implication dans d'autres domaines</p>";}
	document.getElementById("lescauses").innerHTML = str;
	}
		
function montrer_memoire()
	{
	adh = 0; eve = 0;com = 0; doc = 0; iti = 0; pho = 0; res = 0;
	memoi = 1 - memoi;
	if (memoi == 1)
		{
		var str = "<p><span style = \"margin-left: 1cm ; color: blue;\"><span onclick = \"montrer_memoire()\"><a href = \"#\" title = \"cliquez pour supprimer le texte\"><img src=\"" + puce_marche_js + "\" style = \"border: solid navy 1px; \"></a></span>&nbsp;La \"mémoire\" de notre club</span><br>De nombreuses informations concernant le club, les manifestations qu'il organise ou auxquelles il participe, les résultats de ses adhérents, etc.  et qui ainsi en constitueront la mémoire, sont accessibles à l'aide des sept boutons situés sur la partie gauche de cette page d'accueil.<div id = \"lesadherents\"><span style = \"margin-left: 2cm ; font-size: 100%; color: blue; \"><span onclick = \"montrer_adherents()\" style = \"color: blue; \"><a href = \"#\" title = \"cliquez pour voir le texte\"><img src=\"" + puce_velo_js + "\" style = \"border: solid navy 1px;  width: 30px; \"></a></span>&nbsp;Les adhérents</span></div><div id = \"lesevenements\"><span style = \"margin-left: 2cm ; font-size: 100%; color: blue; \"><span onclick = \"montrer_evenements()\" style = \"color: blue; \"><a href = \"#\" title = \"cliquez pour voir le texte\"><img src=\"" + puce_marche_js + "\" style = \"border: solid navy 1px;  width: 30px; \"></a></span>&nbsp;Les événements du calendrier</span></div><div id = \"lescommentaires\"><span style = \"margin-left: 2cm ; font-size: 100%; color: blue; \"><span onclick = \"montrer_commentaires()\" style = \"color: blue; \"><a href = \"#\" title = \"cliquez pour voir le texte\"><img src=\"" + puce_velo_js + "\" style = \"border: solid navy 1px;  width: 30px; \"></a></span>&nbsp;Les commentaires</span></div><div id = \"lesdocuments\"><span style = \"margin-left: 2cm ; font-size: 100%; color: blue; \"><span onclick = \"montrer_documents()\" style = \"color: blue; \"><a href = \"#\" title = \"cliquez pour voir le texte\"><img src=\"" + puce_marche_js + "\" style = \"border: solid navy 1px;  width: 30px; \"></a></span>&nbsp;Les documents</span></div><div id = \"lesitineraires\"><span style = \"margin-left: 2cm ; font-size: 100%; color: blue; \"><span onclick = \"montrer_itineraires()\" style = \"color: blue; \"><a href = \"#\" title = \"cliquez pour voir le texte\"><img src=\"" + puce_velo_js + "\" style = \"border: solid navy 1px;  width: 30px; \"></a></span>&nbsp;Les itinéraires</span></div><div id = \"lesphotos\"><span style = \"margin-left: 2cm ; font-size: 100%; color: blue; \"><span onclick = \"montrer_photos()\" style = \"color: blue; \"><a href = \"#\" title = \"cliquez pour voir le texte\"><img src=\"" + puce_marche_js + "\" style = \"border: solid navy 1px;  width: 30px; \"></a></span>&nbsp;Les photos</span></div><div id = \"lesresultats\"><span style = \"margin-left: 2cm ; font-size: 100%; color: blue; \"><span onclick = \"montrer_resultats()\" style = \"color: blue; \"><a href = \"#\" title = \"cliquez pour voir le texte\"><img src=\"" + puce_velo_js + "\" style = \"border: solid navy 1px;  width: 30px; \"></a></span>&nbsp;Les résultats</span></div>";
		}
	else
		{var str = "<p style = \"margin-left: 1cm ; color: blue; \"><span onclick = \"montrer_memoire()\"><a href = \"#\" title = \"cliquez pour voir le texte\" ><img src=\"" + puce_marche_js + "\" style = \"border: solid navy 1px; \"></a></span>&nbsp;La \"mémoire\" de notre club</p>";}
	document.getElementById("lamemoire").innerHTML = str;
	}
	
function montrer_adherents()
	{
	adh = 1 - adh;
	if (adh == 1)
		{
		var str = "<span onclick = \"montrer_adherents()\" style = \"margin-left: 2cm; \"><a href = \"#\" title = \"cliquez pour voir le texte\" style = \"color: blue; text-decoration : none; \"><img src=\"" + puce_velo_js + "\" style = \"width: 30px; border: solid navy 1px; \">&nbsp;Les adhérents<br></a></span><span style = \"position: relative; left: .5cm; color: navy; \" >Le bouton \"Adhérents\" permet de consulter la liste de nos adhérents. Les membres du club auront de plus accès à la fiche de leurs camarades, si ces derniers les y autorisent, avec, éventuellement, une photo pour ceux qui l'auront envoyée sur le site.</span>";
		}
	else
		{
		var str = "<span onclick = \"montrer_adherents()\" style = \"margin-left: 2cm; color: blue; \"><a href = \"#\" title = \"cliquez pour voir le texte\" style = \"font-size: 100%; text-decoration : none; \"><img src=\"" + puce_velo_js + "\" style = \"width: 30px; border: solid navy 1px; \">&nbsp;Les adhérents<br></a></span>";
		}
	document.getElementById("lesadherents").innerHTML = str;
	}

function montrer_evenements()
	{
	eve = 1 - eve;
	if (eve == 1)
		{
		var str = "<span onclick = \"montrer_evenements()\" style = \"margin-left: 2cm;\"><a href = \"#\" title = \"cliquez pour voir le texte\" style = \"color: blue;  text-decoration : none; \"><img src=\"" + puce_marche_js + "\" style = \"width: 30px; border: solid navy 1px; \">&nbsp;Les événements du calendrier<br></a></span><span style = \"position: relative; left: .5cm; color: navy; font-size: 100%;\" >Le bouton \"Calendrier\" permet de consulter les différents événements ayant rapport avec le club: randonnées UFOLEP cyclo et marche, épreuves cyclosport, etc.</span>";
		}
	else
		{
		var str = "<span onclick = \"montrer_evenements()\" style = \"margin-left: 2cm; color: blue; \"><a href = \"#\" title = \"cliquez pour voir le texte\" style = \"font-size: 100%; text-decoration : none; \"><img src=\"" + puce_marche_js + "\" style = \"width: 30px; border: solid navy 1px; \">&nbsp;Les événements du calendrier<br></a></span>";
		}
	document.getElementById("lesevenements").innerHTML = str;
	}

function montrer_commentaires()
	{
	com = 1 - com;
	if (com == 1)
		{
		var str = "<span onclick = \"montrer_commentaires()\" style = \"margin-left: 2cm;\"><a href = \"#\" title = \"cliquez pour voir le texte\" style = \"color: blue; text-decoration : none; \"><img src=\"" + puce_velo_js + "\" style = \"width: 30px; border: solid navy 1px; \">&nbsp;Les commentaires<br></a></span><span style = \"position: relative; left: .5cm; color: navy; \" >Le bouton \"Commentaires\" permet de consulter les différents commentaires faits par les visiteurs du site, qu'ils soient ou non adhérents.</span>";
		}
	else
		{
		var str = "<span onclick = \"montrer_commentaires()\" style = \"margin-left: 2cm; color: blue; \"><a href = \"#\" title = \"cliquez pour voir le texte\" style = \"text-decoration: none; font-size: 100%; \"><img src=\"" + puce_velo_js + "\" style = \"width: 30px; border: solid navy 1px; \">&nbsp;Les commentaires<br></a></span>";
		}
	document.getElementById("lescommentaires").innerHTML = str;
	}
	
function montrer_documents()
	{
	doc = 1 - doc;
	if (doc == 1)
		{
		var str = "<span onclick = \"montrer_documents()\" style = \"margin-left: 2cm;\"><a href = \"#\" title = \"cliquez pour voir le texte\" style = \"color: blue; text-decoration : none; \"><img src=\"" + puce_marche_js + "\" style = \"width: 30px; border: solid navy 1px; text-decoration : none; \">&nbsp;Les documents<br></a></span><span style = \"position: relative; left: .5cm; color: navy;\" >Le bouton \"Documents\" permet d'accéder aux documents concernant, le vélo, la marche, le club ... :</span>";
		}
	else
		{
		var str = "<span onclick = \"montrer_documents()\" style = \"margin-left: 2cm; color: blue; \"><a href = \"#\" title = \"cliquez pour voir le texte\" style = \"text-decoration: none; font-size: 100%; \"><img src=\"" + puce_marche_js + "\" style = \"width: 30px; border: solid navy 1px; \">&nbsp;Les documents<br></a></span>";
		}
	document.getElementById("lesdocuments").innerHTML = str;
	}
	
function montrer_itineraires()
	{
	iti = 1 - iti;
	if (iti == 1)
		{
		var str = "<span onclick = \"montrer_itineraires()\" style = \"margin-left: 2cm; \"><a href = \"#\" title = \"cliquez pour voir le texte\" style = \"color: blue; text-decoration : none; \"><img src=\"" + puce_velo_js + "\" style = \"width: 30px; border: solid navy 1px; \"/>&nbsp;Les itineraires<br></a></span><span style = \"position: relative; left: .5cm; color: navy; \" >Les participants aux sorties d'entraînement peuvent prendre connaissance de l'itinéraire proposé sous la forme d'une carte ou du détail des étapes.<br>Ces itinéraires restent mémorisés et constituent une banque réutilisable par tous.</span>";
		}
	else
		{
		var str = "<span onclick = \"montrer_itineraires()\" style = \"margin-left: 2cm; color: blue; \"><a href = \"#\" title = \"cliquez pour voir le texte\" style = \"text-decoration: none; font-size: 100%; \"><img src=\"" + puce_velo_js + "\" style = \"border: solid navy 1px; \"width=\"30\"/>&nbsp;Les itineraires<br></a></span>";
		}
	document.getElementById("lesitineraires").innerHTML = str;
	}
	
function montrer_photos()
	{
	pho = 1 - pho;
	if (pho == 1)
		{
		var str = "<span onclick = \"montrer_photos()\" style = \"margin-left: 2cm;\"><a href = \"#\" title = \"cliquez pour voir le texte\" style = \"color: blue; text-decoration : none; \"><img src=\"" + puce_marche_js + "\" style = \"width: 30px; border: solid navy 1px; \">&nbsp;Les photos<br></a></span><span style = \"position: relative; left: .5cm; color: navy; font-size: 100%;\" >Progressivement notre site s'enrichit d'une photothèque illustrant la vie du club et ses événements importants; ces photos sont dans une résolution suffisante pour pouvoir donner une image de qualité à l'écran; elles ne sont toutefois pas destinées à être imprimées.</span>";
		}
	else
		{
		var str = "<span onclick = \"montrer_photos()\" style = \"margin-left: 2cm; color: blue; \"><a href = \"#\" title = \"cliquez pour voir le texte\" style = \"text-decoration: none; font-size: 100%; \"><img src=\"" + puce_marche_js + "\" style = \"width: 30px; border: solid navy 1px; \">&nbsp;Les photos<br></a></span>";
		}
	document.getElementById("lesphotos").innerHTML = str;
	}
	
function montrer_resultats()
	{
	res = 1 - res;
	if (res == 1)
		{
		var str = "<span onclick = \"montrer_resultats()\" style = \"margin-left: 2cm; \"><a href = \"#\" title = \"cliquez pour voir le texte\" style = \"color: blue; text-decoration : none; \"><img src=\"" + puce_velo_js + "\" style = \"width: 30px; border: solid navy 1px; \">&nbsp;Les résultats<br></a></span><span style = \"position: relative; left: .5cm; color: navy; font-size: 100%;\" >Dans de nombreuses épreuves, qu'il s'agisse de courses UFOLEP ou de cyclosportives nos adhérents obtiennent des résultats. Le bouton \"Résultats\" permet d'en avoir la liste détaillée.</span>";
		}
	else
		{
		var str = "<span onclick = \"montrer_resultats()\" style = \"margin-left: 2cm; color: blue;  text-decoration : none; \"><a href = \"#\" title = \"cliquez pour voir le texte\"><img src=\"" + puce_velo_js + "\" style = \"width: 30px; border: solid navy 1px; \">&nbsp;Les résultats<br></a></span>";
		}
	document.getElementById("lesresultats").innerHTML = str;
	}
