$(function() {
				
				/*
				INITIALISATION
				Variabilise l'objet */
				var infowheel = new google.maps.InfoWindow();
								
				/*
				COORDONNEES GPS */
				var wheelpos = new google.maps.LatLng(49.474172,1.094423);
				var BusPauling = new google.maps.LatLng(49.473304,1.09451);
				var BusAron = new google.maps.LatLng(49.475268,1.094457);
				var CarrefourPos = new google.maps.LatLng(49.470805,1.093169);
				var ParkingPos = new google.maps.LatLng(50.696755,3.170838);
				
				/*
				CHEMIN DES ICONES */
				var pictowheel = '../images/logo_map_wheel.png';
				var pictowheelShadow = '../images/logo_map_wheel_ombre.png';
				var pictoBus = '../images/picto_bus.png';
				var pictoCarrefour = '../images/carrefour.png';	
				var pictoParking = '../images/picto_parking.png';
				
				/*
				CONTENU DES INFOBULLES */
				var contentwheel = '<div class="infoBulleIWS"><h4>wheel communication</h4>29, rue Raymond Aron<br/>La Vatine<br/>76130 Mont-Saint-Aignan - France</div>';
				var contentMetroGrandPlace = '<h4>Grand Place de Roubaix</h4>Métro Ligne 2</div>';
				var contentMetroGare = '<div class="infoBulleIWS"><h4>Gare Jean-Lebas</h4>Métro Ligne 2</div>';
				var contentTramway = '<div class="infoBulleIWS"><h4>Roubaix Eurotéléport</h4>Tramway Ligne Lille-Roubaix<br/>Métro Ligne 2</div>';
				var contentCarrefour = '<div class="infoBulleIWS"><h4>Carrefour</h4>57 Rue Blanchemaille<br/>59100 Roubaix - France</div>';	
				var contentEsaat = '<div class="infoBulleIWS"><h4>E.S.AA.T.</h4>539 Avenue Nations Unies<br/>59100 Roubaix - France</div>';			
				var contentParking = '<div class="infoBulleIWS"><h4>Parking Privé</h4>Rue de Fontenoy<br/>59100 Roubaix - France<br/>(Dès que vous êtes devant, appelez-nous pour qu\'on vous ouvre !)</div>';
				
				/* OPTIONS PAR DEFAUT */
				var options = {
					// centre initial de la carte (coordonnées GPS)
					center: wheelpos,
					// niveau du zoom par défaut
					zoom: 14,					
					//Mode de rendu par défaut
					/*
					ROADMAP : mode de rendu vectoriel (routes)
					SATELLITE : mode de rendu satellite Google Earth 
					HYBRID :  mélange de rendu (satellite et routes)
					TERRAIN : mode relief */
					mapTypeId: google.maps.MapTypeId.ROADMAP,
					// affichage du sélecteur du mode de rendu
					mapTypeControl: true,
					mapTypeControlOptions: {
						//Style du sélecteur de mode de rendu
						/*
						DEFAULT : style de rendu automatique en fonction des dimensions de la carte
						DROPDOWN_MENU : menu déroulant
						HORIZONTAL_BAR : menu horizontal
						*/
					  style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
					},					
					// affichage du panneau de navigation (zoom, déplacement...)
					navigationControl: true,
					navigationControlOptions: {
						/*
						DEFAULT : mode automatique en fonction des dimensions de la carte
						SMALL : mode réduit
						ZOOM_PAN : mode complet (zoom et déplacement)
						ANDROID : mode adapté aux mobiles Android
						*/						
					  style: google.maps.NavigationControlStyle.SMALL
					}
				};			
				
				/*
				CREATION DE LA CARTE */
				var carte = new google.maps.Map(document.getElementById("carteGoogleMaps"), options);
				
				/*
				AJOUT DE MARKERS */
				var iconwheel = new google.maps.Marker({
					position: wheelpos,
					map: carte,
					icon : pictowheel,
					shadow : pictowheelShadow});									
				var metroIconGrandPlace = new google.maps.Marker({
					position: BusPauling,
					map: carte,
					icon : pictoBus});				
				var metroIconGare = new google.maps.Marker({
					position: BusAron,
					map: carte,
					icon : pictoBus});
				var tramwayIcon = new google.maps.Marker({
					position: TramwayPos,
					map: carte,
					icon : pictoTramway});	
				var CarrefourIcon = new google.maps.Marker({
					position: CarrefourPos,
					map: carte,
					icon : pictoCarrefour});
				var EsaatIcon = new google.maps.Marker({
					draggable: true,
					position: EsaatPos,
					map: carte,
					icon : pictoEsaat});	
				var ParkingIcon = new google.maps.Marker({
					position: ParkingPos,
					map: carte,
					icon : pictoParking});					
							
				/*
				EVENEMENT SUR MARKERS */
				google.maps.event.addListener(iconwheel, 'click', function() {
					infowheel.setContent(contentwheel);
					infowheel.open(carte, this);
					carte.panTo(wheelpos);});	
					
				google.maps.event.addListener(metroIconGrandPlace, 'click', function() {
					infowheel.setContent(contentMetroGrandPlace);
					infowheel.open(carte, this);
					carte.panTo(BusPauling);});
					
				google.maps.event.addListener(metroIconGare, 'click', function() {
					infowheel.setContent(contentMetroGare);
					infowheel.open(carte, this);
					carte.panTo(BusAron);});
					
				google.maps.event.addListener(tramwayIcon, 'click', function() {
					infowheel.setContent(contentTramway);
					infowheel.open(carte, this);
					carte.panTo(TramwayPos);});
					
				google.maps.event.addListener(CarrefourIcon, 'click', function() {
					infowheel.setContent(contentCarrefour);
					infowheel.open(carte, this);
					carte.panTo(CarrefourPos);});
					
				google.maps.event.addListener(EsaatIcon, 'click', function() {
					infowheel.setContent(contentEsaat);
					infowheel.open(carte, this);
					carte.panTo(EsaatPos);});
					
				google.maps.event.addListener(ParkingIcon, 'click', function() {
					infowheel.setContent(contentParking);
					infowheel.open(carte, this);
					carte.panTo(ParkingPos);});
	
				google.maps.event.addListener(carte, 'click', function() {
				  carte.panTo(wheelpos);infowheel.setContent(contentwheel);infowheel.open(carte, iconwheel);
				});		
				
				/*
				EVENEMENTS SUR LIENS HTML*/
				$('#lienIWS').click(function(){
					carte.panTo(wheelpos);
					infowheel.setContent(contentwheel);
					infowheel.open(carte, iconwheel);
				});
				$('#lienMetroGrandPlace').click(function(){
					carte.panTo(BusPauling);
					infowheel.setContent(contentMetroGrandPlace);
					infowheel.open(carte, metroIconGrandPlace);
				});
				$('#lienMetroGare').click(function(){
					carte.panTo(BusAron);
					infowheel.setContent(contentMetroGare);
					infowheel.open(carte, metroIconGare);
				});
				$('#lienTramway').click(function(){
					carte.panTo(TramwayPos);
					infowheel.setContent(contentTramway);
					infowheel.open(carte, tramwayIcon);
				});
				$('#lienParking').click(function(){
					carte.panTo(ParkingPos);
					infowheel.setContent(contentParking);
					infowheel.open(carte, ParkingIcon);
				});
	});