

<script  type="text/javascript">
	
	function init_Theme() {
		var fl = $('EnteteSwf');
		if(fl != null) fl.updateConfig({ 
			Url: "ParcImmobilier/Residence/Rss",
			Config: "ResidenceUne",
			Banniere: "Home/2/ParcImmobilier/Residence/logo_flash_03_2.png",
			Background: "#000000",
			BackgroundImg: "",
			Texte: "#FFFFFF",
			Images:[
				{
					
					
					Url: "Home/2/ParcImmobilier/Residence/perspective_place_publique_Finale_redimensionn_e_1.jpg",
					Lien: "/Residences-immobilier-pragma/Herault/Ville/Juvignac/Residence/Stella-Residence"
				}
				
					
					,{
						Url: "Home/2/ParcImmobilier/Donnee/perspective_alln_e_centrale_redimensionnn_eDEF_0.jpg",
						Lien: "/Residences-immobilier-pragma/Herault/Ville/Juvignac/Residence/"
					}
				
			],
			Masque: "Home/2/ParcImmobilier/Residence/masque_stella_02_4.png"	
		});
	}
</script>


<div class="containerL">
	<div class="innerL">
		<div class="Left">
			<div class="HautLeft"><h3>Nos Résidences</h3></div>
			<div class="carre_img">
				<a href="/Contact" ></a><img  src="http://www.pragma-immobilier.com/Skins/Pragma/Img/contact.png" alt="Contactez-nous" title="Contactez-nous" /></a>
			</div>
			<div class="left_categorie">
				
				<ul class="left_categorie">
					
							<li >
								<a href="//Herault" title="Hérault" >Hérault</a>
								
							</li>
							<hr class="left_categorie" />
						
							<li >
								<a href="//Gard" title="Gard" >Gard</a>
								
							</li>
							<hr class="left_categorie" />
						
							<li >
								<a href="//Haute_Garonne" title="Haute-Garonne" >Haute-Garonne</a>
								
							</li>
							<hr class="left_categorie" />
						
							<li >
								<a href="//Vaucluse" title="Vaucluse" >Vaucluse</a>
								
							</li>
							<hr class="left_categorie" />
						
							<li >
								<a href="//Pyrenees_Orientales" title="Pyrénées-Orientales" >Pyrénées-Orientales</a>
								
							</li>
							<hr class="left_categorie" />
						
							<li >
								<a href="//Alpes_Maritimes" title="Alpes-Maritimes" >Alpes-Maritimes</a>
								
							</li>
							<hr class="left_categorie" />
						
				</ul>
			</div>

		</div>
		<div class="centreL">
			

<div class="colonne" style="padding:0">
	
	
	
	
	
	<div class="ligneblanche" ><hr></div>
	
		<div style="padding-left:180px; padding-top:10px">
			<div class="Btn" style="">
	<div class="BtnG" style=""></div>
	<div class="BtnM" style="">
		
				<a href="http://commerces.pragma-immobilier.com" class="lienbouton" rel="link" onclick="window.open(this.href);return false" style="font-size:14px;" >Visitez notre site dédié aux commerces et locaux d'activités</a>
			
	</div>
	<div class="BtnD" style=""></div>
</div>
		</div>
		<div class="BlocquiEnCadre">
			<div class="BlocRight">
				
				
				
			</div>
			<div class="BlocLeft" style="padding-top: 6px;"><span class="titreRes">Découvrez notre large offre commerciale sur nos bureaux</span></div>
		</div>
		

	
	<div class="CarreRes ">
		<div class="FondCarre"></div>
		
		
		<div class="LigneRes" style="padding:0;padding-bottom:20px;">
			<div class="HautPage">
				<a href="#" rel="top" title="Revenir en haut de la page"><img src="/Skins/Pragma/Img/haut-de-page.png" /></a>
			</div>
			<div class="BlocLeft">
				<span style="padding-left:25px;"><a href="/Contactez-nous?C_Sujet=" ><img src="/Skins/Pragma/Img/nous-contacter_fiche.png" title="Contactez nous"/></a></span>			
			</div>
		</div>
		
		 
			<div id="map_canvas" style="width: 760px; height: 350px;"></div>
			<script type="text/javascript">
			/* <![CDATA[ */
				window.addEvent('onFrameLoad', function() {
					
					var map = new GMap2(document.getElementById('map_canvas'));
					var customUI = map.getDefaultUI();
					map.setUI(customUI);
					map.setMapType(G_HYBRID_MAP);
			
					
					var points = [];
					var markers = [];
					var baseIcon = new GIcon(G_DEFAULT_ICON);
					baseIcon.shadow = 'http://www.google.com/mapfiles/shadow50.png';
					baseIcon.iconSize = new GSize(30, 29);
					baseIcon.shadowSize = new GSize(0, 0);
					baseIcon.iconAnchor = new GPoint(9, 34);
					baseIcon.infoWindowAnchor = new GPoint(9, 2);
					var letteredIcon = new GIcon(baseIcon);
					letteredIcon.image = '/Skins/Pragma/Img/punaise.png';
					
					
			
					/* Affiche une bulle au-dessus d'un marker */
					function getBulle( phrase, image, url ) {
						var bulle = new Element('div', { 'class' : 'googleInfoWindow' });
						bulle.addEvent('click', function() {
							document.location.href = url
						});
						var AF = new Element('h2', { 'class' : 'TitreRes' });
						AF.innerHTML= phrase;
						AF.inject(bulle);

						new Element('img', { 'src' : image }).inject(bulle);
						var RL = new Element('a', { 'href' : url });
						RL.innerHTML ='Voir la résidence';
						RL.inject(bulle);
						return bulle;
					}
			
					/* Créé un marker à partir de points */
					function createMarker(point, phrase, image, url) {
						var marker = new GMarker(point, { icon:letteredIcon });
						GEvent.addListener(marker, 'mouseover', function() { 
							marker.openInfoWindow( getBulle(phrase, image, url) );
						});
						points[points.length] = point;
						ajouterMarker( marker, phrase, image, url );
						return marker;
					}
			
					/* Ajoute le marker au tableau et à la carte */
					function ajouterMarker( marker, phrase, image, url ) {
						
						map.addOverlay(marker);
			
						
						var b = new GLatLngBounds();
						for(var k=0;k<points.length;k++)	b.extend(new GLatLng(points[k].y,points[k].x)); 
						var center = b.getCenter();
						var zoom   = map.getBoundsZoomLevel(b);
						map.setCenter(center, zoom);
					}
			
				});
			/* ]]> */
			</script>
		
	</div>

</div>


		</div>
	</div>
</div>

