SPB Git

spb/lou-ka Public

Lou·Ka — tous les logements à louer du Québec, un seul endroit.

HTML 99.7%
60.1 KB · 876 lines html
Raw Blame History
1<!DOCTYPE html>2<!--[if lt IE 7 ]><html class="ie6 ie"><![endif]-->3<!--[if IE 7 ]><html class="ie7 ie"><![endif]-->4<!--[if IE 8 ]><html class="ie8 ie"><![endif]-->5<!--[if IE 9 ]><html class="ie9 ie"><![endif]-->6<!--[if (gt IE 9)|!(IE)]><!-->7<html>8<!--<![endif]-->9<head>10	<meta charset="iso-8859-1" />11<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">1213    <meta name="description" content="Une vaste s�lection d'appartements, condos, gar�onni�res, maisons et locaux disponibles pour location imm�diate � Gatineau, Hull, Aylmer ou Buckingham." />1415<title>Immeubles Desmarais | logements � louer | Gatineau</title>1617<link rel="shortcut icon" href="/favicon.ico?v1.1.8" type="image/x-icon">18<link rel="apple-touch-icon" href="/touch-icon-iphone.png?v1.1.8">19<link rel="apple-touch-icon-precomposed" href="/touch-icon-iphone.png?v1.1.8">2021<link rel="stylesheet" type="text/css" href="/stylesheets/reset.css?v1.1.8">22<link rel="stylesheet" type="text/css" href="/stylesheets/global.css?v1.1.8">23<link rel="stylesheet" type="text/css" href="/stylesheets/helpers.css?v1.1.8">24<link rel="stylesheet" type="text/css" href="/stylesheets/print.css?v1.1.8" media="print">25<link rel="stylesheet" type="text/css" href="/scripts/glightbox/glightbox.min.css?v1.1.8">26<link rel="stylesheet" type="text/css" href="/scripts/bootstrap/css/bootstrap.min.css?v1.1.8">27<link rel="stylesheet" type="text/css" href="/scripts/dropzone/downloads/css/dropzone.css?v1.1.8">28<link rel="stylesheet" type="text/css" href="/scripts/dropzone/downloads/css/basic.css?v1.1.8">29<link rel="stylesheet" type="text/css" href="/stylesheets/globalMedia.css?v1.1.8">30<link rel="stylesheet" type="text/css" href="/stylesheets/font-awesome.min.css?v1.1.8" />31<link rel="stylesheet" type="text/css" href="/scripts/sidr-package-1.2.1/stylesheets/jquery.sidr.dark.css?v1.1.8" />32<style>33    .ui-slider-handle{34        outline: none !important;35        padding: 5px !important;36        background: rgb(117,31,32) !important;37        background: rgba(117,31,32,0.9) !important;38    }39</style>4041<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha384-1H217gwSVyLSIfaLxHbE7dRb3v4mYCKbpQvzx0cegeju1MVsGrX5xXxAvs/HgeFs" crossorigin="anonymous"></script>42<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.3/themes/smoothness/jquery-ui.min.css" integrity="sha384-SCvd7WkQpzGbiFNun3mM40v0GMi6Yz+7wHSuJLJEfgxrXmljymcZisxFojbwWWMB" crossorigin="anonymous" />43<script src="https://code.jquery.com/ui/1.13.3/jquery-ui.min.js" integrity="sha384-oVpH0DXO9nadZxTmPSQo3YwWqfN/Up9aRDHCxLrw8A2LjkFNcM/XILw4KGMaL95z" crossorigin="anonymous"></script>4445<script src="/scripts/glightbox/glightbox.min.js?v1.1.8"></script>46<script src="/scripts/functions.js?v1.1.8"></script>47<script src="/scripts/bootstrap/js/bootstrap.min.js?v1.1.8"></script>48<script src="/scripts/dropzone/downloads/dropzone.js"></script>49<script src="/scripts/dropzone/downloads/albums.js"></script>50<script src="/scripts/parallax.min.js"></script>51<script src="/scripts/sidr-package-1.2.1/jquery.sidr.min.js"></script>52<script src="/scripts/jquery.ui.touch-punch.min.js?v1.1.8"></script>5354<script>55    function ajaxError(jqXHR, textStatus, errorThrown) {56            }5758     function addReorder() {59        var currentOrderBy = '';60        var currentOrderDir = '';61        $('.reorder').each(function() {62            var label = $(this).html();63            var orderBy = $(this).attr('data-orderby');64            $(this).html('<a href="?entity=logements&page=2&order='+ orderBy +'&orderDir='+ ((currentOrderBy == orderBy && currentOrderDir == 'ASC')?'DESC':'ASC') +'">' + label + '</a>');65        });66    }6768    var RecaptchaOptions = {69        theme : 'clean'70    };7172    $(document).ready(function() {73        if (window.GLightbox) { GLightbox({ selector: 'a[rel^="prettyPhoto"]' }); }7475        addReorder();76    });77</script>7879<script>80function getInternetExplorerVersion()81{82    var rv = -1;83    if (navigator.appName == 'Microsoft Internet Explorer')84    {85        var ua = navigator.userAgent;86        var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");87        if (re.exec(ua) != null)88            rv = parseFloat( RegExp.$1 );89    }90    else if (navigator.appName == 'Netscape')91    {92        var ua = navigator.userAgent;93        var re  = new RegExp("Trident/.*rv:([0-9]{1,}[\.0-9]{0,})");94        if (re.exec(ua) != null)95            rv = parseFloat( RegExp.$1 );96    }97    return rv;98}99100$(document).ready(function(){101    if(getInternetExplorerVersion() != -1){102        $('html').addClass('ie');103    }104105    if(window.location.hash == '#a') {106        setTimeout(function(){107            $('html, body').animate({scrollTop: $("#albumAnchor").offset().top}, '666', 'linear', function() {108                console.log('Album photo ready to be used!');109            });110        },200);111    } else {112        // Fragment doesn't exist113    }114115});116</script>117118<script>119    $(document).ready(function(){120        if($('#slider').length > 0){121            var priceMin;122            var priceMax;123124            $("#slider").slider({125                range: true,126                min: 5,127                max: 40,128                values: [5, 40],129                slide: function( event, ui ) {130131                    //priceMin = number_format((ui.values[ 0 ]*100000), 2, '.', '');132                    //priceMax = number_format((ui.values[ 1 ]* 100000), 2, '.', '');133                    priceMin = number_format(ui.values[ 0 ]*100, 2, ',', '');134                    priceMax = number_format(ui.values[ 1 ]* 100, 2, ',', '');135136                    $( "#price_value_min").text(priceMin + '$');137                    $( "#price_value_max").text(priceMax + '$');138                    $( "#prixMin").val(ui.values[ 0 ]*100);139                    $( "#prixMax").val(ui.values[ 1 ]* 100);140                }141            });142            priceMin = number_format(($("#slider").slider("values", 0 )*100), 2, ',', '');143            priceMax = number_format(($("#slider").slider("values", 1 )*100), 2, ',', '');144145            $( "#text_price").text( priceMin + "$ - " + priceMax  + "$" );146        }147148        if($('#sliderMobile').length > 0){149            var priceMinMobile;150            var priceMaxMobile;151152            $( "#sliderMobile" ).slider({153                range: true,154                min: 1,155                max: 12,156                values: [1, 12],157                slide: function( event, ui ) {158                    priceMinMobile = number_format((ui.values[ 0 ]*100), 2, '.', '');159                    priceMaxMobile = number_format((ui.values[ 1 ]* 100), 2, '.', '');160                    $( "#price_value_minMobile").val(priceMinMobile);161                    $( "#price_value_maxMobile").val(priceMaxMobile);162                    $( "#text_priceMobile").text(priceMinMobile + "$ - " + priceMaxMobile  + "$" );163                }164            });165            priceMinMobile = number_format(($("#sliderMobile").slider("values", 0 )*100), 2, ',', ' ');166            priceMaxMobile = number_format(($("#sliderMobile").slider("values", 1 )*100), 2, ',', ' ');167168            $( "#text_priceMobile").text( priceMinMobile + "$ - " + priceMax  + "$" );169        }170171		$('.form-date').datepicker({172			dateFormat: 'yy-mm-dd'173		});174    });175176177</script>178179<script>180    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){181        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),182        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)183    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');184185    ga('create', 'UA-58994705-1', 'auto');186    ga('send', 'pageview');187188</script>189
190    <script>
191
192        $(document).ready(function(){
193            $('.linkLogement, .linkCommercial').mouseenter(function(){
194                $(this).find('.contentLogementInt, .contentCommercial').stop(true, false).slideToggle(300);
195
196                var fleche = $(this).find('.flecheLogement');
197                fleche.attr('src', '/images/logement_fleche_rouge.png');
198            });
199
200            $('.linkLogement, .linkCommercial').mouseleave(function(){
201                $(this).find('.contentLogementInt, .contentCommercial').stop(true, false).slideToggle(300);
202
203                var fleche = $(this).find('.flecheLogement');
204                fleche.attr('src', '/images/logement_fleche_gris.png');
205            });
206
207
208            $('#linkSearch').click(function(){
209                $('#searchForm').submit();
210            });
211
212            $(window).resize(function() {
213                if(window.innerWidth >= 768){
214                    $('#searchFormWrap').removeAttr('style');
215                }
216
217            });
218
219        });
220
221    </script>
222
223</head>224<body class="lang-fr">225	<!--[if lt IE 7]>226	<div style="clear: both; height: 42px; position: relative; width: 820px; margin: auto;">227		<a href="http://windows.microsoft.com/fr-CA/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">228			<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0024_french.jpg" border="0" height="42" width="820" alt="Vous utilisez une version obsol�te d'Internet Explorer. Pour profiter d'une navigation plus rapide et plus s�curis�e, effectuez une mise � niveau d�s aujourd'hui." />229		</a>230	</div>231	<![endif]-->232	<header class="header-fixed" id="header">233		<div class="container bodyContent" id="header-top">234			<div class="row">235				<!--<div id="logoContainer" class="col-lg-6 col-xs-9">-->236				<div id="logoContainer">237					<a href="/index.php"><img src="/images/logo_header.png" alt="Immeubles Desmarais" class="img-responsive logo-header" /></a>238				</div>239				<div id="sidrContainer" class="col-xs-3 visible-xs">240					<a id="sidrMenu" href="#sidr"><i class="fa fa-bars"></i></a>241				</div>242                <div id="sidr">243                    <!-- Your content -->244                    <ul>245                        <li id="sidrClose"><a href="#">Fermer</a></li>246                        <li><a href="/index.php">ACCUEIL</a></li>247                        <li><a href="/fr/liens-utiles">LIENS UTILES</a></li>248                        <li><a href="/fr/notre-entreprise">NOTRE ENTREPRISE</a></li>249                        <li><a href="/logements">LOGEMENTS � LOUER</a></li>250                        <li><a href="/locaux">LOCAUX � LOUER</a></li>251                        <li><a href="javascript:void();">FORMULAIRES EN LIGNE</a>252                            <ul>253                                <li><a href="/application.php">Application - r�sidentiel</a></li>254                                <li><a href="/services.php">Application - services</a></li>255                            </ul>256                        </li>257                        <li><a href="/fr/info-locataires">INFORMATION AUX LOCATAIRES</a></li>258                        <li><a href="/nous-joindre.php">NOUS JOINDRE</a></li>259                        <li><a href="/listings-en.php?entity=housing">EN</a></li>260                    </ul>261                </div>262263                <script>264                    $(document).ready(function() {265                        $('#sidrMenu').sidr();266                        $('#sidrClose').sidr('close');267                    });268                </script>269				<!--<div class="col-lg-6 hidden-xs" id="headerRight">-->270					<div id="header-right" class="hidden-xs">271						<label id="tel-header" >819.669.3366</label>272						<a href="https://www.facebook.com/immeublesdesmarais" target="_blank"><img src="/images/logo_facebook.png" alt="Facebook" id="facebook-header" /></a>273						<nav>274							<ul>275								<li><a href="/index.php">ACCUEIL</a></li>276								<li><a href="/fr/liens-utiles">LIENS UTILES</a></li>277								<li><a href="/fr/notre-entreprise">NOTRE ENTREPRISE</a></li>278								<li>|</li>279								<li><a href="/listings-en.php?entity=housing" style="color: #751F20;">EN</a></li>280							</ul>281						</nav>282					</div>283				<!--</div>-->284			</div>285			<div class="row visible-xs">286				<div id="telephoneNum" class="col-xs-12">287					<a href="tel:8196693366">819.669.3366</a>288				</div>289			</div>290		</div>291292		<nav class="navbar-default hidden-xs" id="navbar-header">293			<div class="container bodyContent" id="header-bot">294				<div class="collapse navbar-collapse">295					<ul class="nav navbar-nav">296						<li style="width: 17%;"><a href="/logements">LOGEMENTS � LOUER</a></li>297						<li style="width: 19%;"><a href="/locaux">LOCAUX � LOUER</a></li>298						<li style="width: 24%;"><a href="javascript:void();">FORMULAIRES EN LIGNE</a>299                            <ul class="subnav">300                                <li><a target="_blank" href="/images/application_fr.pdf">Application - r�sidentiel</a></li>301                                <li><a href="/services.php">Application - services</a></li>302                            </ul>303                        </li>304						<li style="width: 27%;"><a href="/fr/info-locataires">INFORMATION AUX LOCATAIRES</a></li>305						<li style="width: 13%;"><a href="/nous-joindre.php">NOUS JOINDRE</a></li>306					</ul>307				</div>308			</div>309		</nav>310311	</header>312	313
314
315<section id="searchFR">
316    <div id="gmapListings" >
317                    <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=AIza_CLE_CAVIARDEE_LOUKA_000000000000000&language=fr&loading=async&callback=gmapInit"></script>318<!--            <script type="text/javascript" src="//google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/src/infobox.js"></script>-->319            <script type="text/javascript">320            var geocoder;321            var map;322            var infowindow;323            var bounds;324            var countMarker = 0;325            var infoboxarray = [];326327            function initialize() {328                geocoder = new google.maps.Geocoder();329                bounds = new google.maps.LatLngBounds();330                var myOptions = {331                    zoom: 16,332                    panControl: true,333                    zoomControl: true,334                    mapTypeControl: true,335                    scaleControl: true,336                    streetViewControl: true,337                    overviewMapControl: true,338                    mapTypeId: google.maps.MapTypeId.ROADMAP,339                    draggable: true,340                    zoomControl: true,341                    disableDoubleClickZoom: false,342                    scrollwheel: false,343                    styles:[344                        { featureType: "water", stylers: [ { color: "#7bb3bb"} ] },345                        { featureType: "road",346                            stylers: [ { color: "#ffffff" } ],347                            elementType: 'labels.text.fill',348                                stylers: [{ color: '#5c5c68' }]349                        },350                        { featureType: "road.highway",351                            stylers: [ { color: "#f9f7ee",352                            gamma: 0.01353                        } ] }354                    ]355                };356357                map = new google.maps.Map(document.getElementById('gmap'), myOptions);358359                                    countMarker++;360                    showAddress(map, '110 Dollard-des-Ormeaux, J8X 4G9', '                                <a style=\"position: absolute; top: 10px; left: 12px; z-index:1\" href=\"/logements/9/le-st-laurent-100-110-dollard-des-ormeaux\" style=\"display:block;\">                                    <img src=\"/upload/logements/9/01.jpg\" width=\"186\" height=\"113\" style=\"display:block;\" />                                </a>                                <div class=\"logementImageBotInfoBox greyText\">                                    <div class=\"pull-left\" style=\"margin:7px 20px 7px 10px\">                                        <img src=\"/images/logo_nbr_chambre.png\" width=\"16\" height=\"16\">                                        <strong>2</strong>                                    </div>                                    <div class=\"pull-left\" style=\"margin:7px 2px\">                                        <img src=\"/images/logo_taille.png\" width=\"16\" height=\"16\">                                        <strong>1050 pi�</strong>                                    </div>                                </div>                                <div class=\"infoBoxMonthPrice\">                                    <strong>1710$</strong> / mois                                </div>                            ', countMarker);361                                        countMarker++;362                    showAddress(map, '215 Rue de Canadel Gatineau, Qu�bec J8T 8C3, J8T 8C3', '                                <a style=\"position: absolute; top: 10px; left: 12px; z-index:1\" href=\"/logements/10/cote-dazur-de-cannesde-canadel\" style=\"display:block;\">                                    <img src=\"/upload/logements/10/01.jpg\" width=\"186\" height=\"113\" style=\"display:block;\" />                                </a>                                <div class=\"logementImageBotInfoBox greyText\">                                    <div class=\"pull-left\" style=\"margin:7px 20px 7px 10px\">                                        <img src=\"/images/logo_nbr_chambre.png\" width=\"16\" height=\"16\">                                        <strong>3</strong>                                    </div>                                    <div class=\"pull-left\" style=\"margin:7px 2px\">                                        <img src=\"/images/logo_taille.png\" width=\"16\" height=\"16\">                                        <strong>1200 pi�</strong>                                    </div>                                </div>                                <div class=\"infoBoxMonthPrice\">                                    <strong>1430$</strong> / mois                                </div>                            ', countMarker);363                                        countMarker++;364                    showAddress(map, '9 �tienne-Brul�, J8Z 1E4', '                                <a style=\"position: absolute; top: 10px; left: 12px; z-index:1\" href=\"/logements/12/9-etienne-brule\" style=\"display:block;\">                                    <img src=\"/upload/logements/12/01.jpg\" width=\"186\" height=\"113\" style=\"display:block;\" />                                </a>                                <div class=\"logementImageBotInfoBox greyText\">                                    <div class=\"pull-left\" style=\"margin:7px 20px 7px 10px\">                                        <img src=\"/images/logo_nbr_chambre.png\" width=\"16\" height=\"16\">                                        <strong>2</strong>                                    </div>                                    <div class=\"pull-left\" style=\"margin:7px 2px\">                                        <img src=\"/images/logo_taille.png\" width=\"16\" height=\"16\">                                        <strong>1100 pi�</strong>                                    </div>                                </div>                                <div class=\"infoBoxMonthPrice\">                                    <strong>1270$</strong> / mois                                </div>                            ', countMarker);365                                        countMarker++;366                    showAddress(map, '9 �tienne-Br�l�, J8Z 1E4', '                                <a style=\"position: absolute; top: 10px; left: 12px; z-index:1\" href=\"/logements/13/9-etienne-brule\" style=\"display:block;\">                                    <img src=\"/upload/logements/13/01.jpg\" width=\"186\" height=\"113\" style=\"display:block;\" />                                </a>                                <div class=\"logementImageBotInfoBox greyText\">                                    <div class=\"pull-left\" style=\"margin:7px 20px 7px 10px\">                                        <img src=\"/images/logo_nbr_chambre.png\" width=\"16\" height=\"16\">                                        <strong>bach</strong>                                    </div>                                    <div class=\"pull-left\" style=\"margin:7px 2px\">                                        <img src=\"/images/logo_taille.png\" width=\"16\" height=\"16\">                                        <strong>500 pi�</strong>                                    </div>                                </div>                                <div class=\"infoBoxMonthPrice\">                                    <strong>925$</strong> / mois                                </div>                            ', countMarker);367                                        countMarker++;368                    showAddress(map, '11 �tienne-Br�l�, J8Z 1E4', '                                <a style=\"position: absolute; top: 10px; left: 12px; z-index:1\" href=\"/logements/15/11-etienne-brule\" style=\"display:block;\">                                    <img src=\"/upload/logements/15/01.jpg\" width=\"186\" height=\"113\" style=\"display:block;\" />                                </a>                                <div class=\"logementImageBotInfoBox greyText\">                                    <div class=\"pull-left\" style=\"margin:7px 20px 7px 10px\">                                        <img src=\"/images/logo_nbr_chambre.png\" width=\"16\" height=\"16\">                                        <strong>2</strong>                                    </div>                                    <div class=\"pull-left\" style=\"margin:7px 2px\">                                        <img src=\"/images/logo_taille.png\" width=\"16\" height=\"16\">                                        <strong>1100 pi�</strong>                                    </div>                                </div>                                <div class=\"infoBoxMonthPrice\">                                    <strong>1170$</strong> / mois                                </div>                            ', countMarker);369                                        countMarker++;370                    showAddress(map, '294 boul. de la cit� des jeunes, J8Y 6L4', '                                <a style=\"position: absolute; top: 10px; left: 12px; z-index:1\" href=\"/logements/17/cite-des-jeunes-3-12\" style=\"display:block;\">                                    <img src=\"/upload/logements/17/01.jpg\" width=\"186\" height=\"113\" style=\"display:block;\" />                                </a>                                <div class=\"logementImageBotInfoBox greyText\">                                    <div class=\"pull-left\" style=\"margin:7px 20px 7px 10px\">                                        <img src=\"/images/logo_nbr_chambre.png\" width=\"16\" height=\"16\">                                        <strong>1</strong>                                    </div>                                    <div class=\"pull-left\" style=\"margin:7px 2px\">                                        <img src=\"/images/logo_taille.png\" width=\"16\" height=\"16\">                                        <strong>900 pi�</strong>                                    </div>                                </div>                                <div class=\"infoBoxMonthPrice\">                                    <strong>1050$</strong> / mois                                </div>                            ', countMarker);371                                        countMarker++;372                    showAddress(map, '30 Le Breton, J8Z 1G3', '                                <a style=\"position: absolute; top: 10px; left: 12px; z-index:1\" href=\"/logements/20/30-le-breton\" style=\"display:block;\">                                    <img src=\"/upload/logements/20/01.jpg\" width=\"186\" height=\"113\" style=\"display:block;\" />                                </a>                                <div class=\"logementImageBotInfoBox greyText\">                                    <div class=\"pull-left\" style=\"margin:7px 20px 7px 10px\">                                        <img src=\"/images/logo_nbr_chambre.png\" width=\"16\" height=\"16\">                                        <strong>2</strong>                                    </div>                                    <div class=\"pull-left\" style=\"margin:7px 2px\">                                        <img src=\"/images/logo_taille.png\" width=\"16\" height=\"16\">                                        <strong>1100 pi�</strong>                                    </div>                                </div>                                <div class=\"infoBoxMonthPrice\">                                    <strong>1210$</strong> / mois                                </div>                            ', countMarker);373                                        countMarker++;374                    showAddress(map, '367 Rue Raymond, Gatineau, Qu�bec J8P 5H3, J8P5H3', '                                <a style=\"position: absolute; top: 10px; left: 12px; z-index:1\" href=\"/logements/25/367-raymond\" style=\"display:block;\">                                    <img src=\"/upload/logements/25/01.jpg\" width=\"186\" height=\"113\" style=\"display:block;\" />                                </a>                                <div class=\"logementImageBotInfoBox greyText\">                                    <div class=\"pull-left\" style=\"margin:7px 20px 7px 10px\">                                        <img src=\"/images/logo_nbr_chambre.png\" width=\"16\" height=\"16\">                                        <strong>1</strong>                                    </div>                                    <div class=\"pull-left\" style=\"margin:7px 2px\">                                        <img src=\"/images/logo_taille.png\" width=\"16\" height=\"16\">                                        <strong>800 pi�</strong>                                    </div>                                </div>                                <div class=\"infoBoxMonthPrice\">                                    <strong>980$</strong> / mois                                </div>                            ', countMarker);375                                        countMarker++;376                    showAddress(map, '206 boul. de La V�rendrye Est, J8P 7Y3', '                                <a style=\"position: absolute; top: 10px; left: 12px; z-index:1\" href=\"/logements/27/206-232-boul-de-la-verendrye-est\" style=\"display:block;\">                                    <img src=\"/upload/logements/27/01.jpg\" width=\"186\" height=\"113\" style=\"display:block;\" />                                </a>                                <div class=\"logementImageBotInfoBox greyText\">                                    <div class=\"pull-left\" style=\"margin:7px 20px 7px 10px\">                                        <img src=\"/images/logo_nbr_chambre.png\" width=\"16\" height=\"16\">                                        <strong>2</strong>                                    </div>                                    <div class=\"pull-left\" style=\"margin:7px 2px\">                                        <img src=\"/images/logo_taille.png\" width=\"16\" height=\"16\">                                        <strong>1150 pi�</strong>                                    </div>                                </div>                                <div class=\"infoBoxMonthPrice\">                                    <strong>1420$</strong> / mois                                </div>                            ', countMarker);377                                        countMarker++;378                    showAddress(map, '89 Vaudreuil, J8X 4E8', '                                <a style=\"position: absolute; top: 10px; left: 12px; z-index:1\" href=\"/logements/28/terrasses-laval-89-vaudreuil\" style=\"display:block;\">                                    <img src=\"/upload/logements/28/01.jpg\" width=\"186\" height=\"113\" style=\"display:block;\" />                                </a>                                <div class=\"logementImageBotInfoBox greyText\">                                    <div class=\"pull-left\" style=\"margin:7px 20px 7px 10px\">                                        <img src=\"/images/logo_nbr_chambre.png\" width=\"16\" height=\"16\">                                        <strong>1</strong>                                    </div>                                    <div class=\"pull-left\" style=\"margin:7px 2px\">                                        <img src=\"/images/logo_taille.png\" width=\"16\" height=\"16\">                                        <strong>700 pi�</strong>                                    </div>                                </div>                                <div class=\"infoBoxMonthPrice\">                                    <strong>1350$</strong> / mois                                </div>                            ', countMarker);379                                        countMarker++;380                    showAddress(map, '15-2 Impasse de la Roseraie, J9A 2S3', '                                <a style=\"position: absolute; top: 10px; left: 12px; z-index:1\" href=\"/logements/39/les-habitats-de-la-montagne-15-2-impasse-de-la-roseraie\" style=\"display:block;\">                                    <img src=\"/upload/logements/39/01.jpg\" width=\"186\" height=\"113\" style=\"display:block;\" />                                </a>                                <div class=\"logementImageBotInfoBox greyText\">                                    <div class=\"pull-left\" style=\"margin:7px 20px 7px 10px\">                                        <img src=\"/images/logo_nbr_chambre.png\" width=\"16\" height=\"16\">                                        <strong>3</strong>                                    </div>                                    <div class=\"pull-left\" style=\"margin:7px 2px\">                                        <img src=\"/images/logo_taille.png\" width=\"16\" height=\"16\">                                        <strong>1300 pi�</strong>                                    </div>                                </div>                                <div class=\"infoBoxMonthPrice\">                                    <strong>1650$</strong> / mois                                </div>                            ', countMarker);381                                        countMarker++;382                    showAddress(map, '409 boul. St-Raymond, J9A 1X3', '                                <a style=\"position: absolute; top: 10px; left: 12px; z-index:1\" href=\"/logements/42/409-et-411-boul-st-raymond-chateaux-de-la-montagne\" style=\"display:block;\">                                    <img src=\"/upload/logements/42/01.jpg\" width=\"186\" height=\"113\" style=\"display:block;\" />                                </a>                                <div class=\"logementImageBotInfoBox greyText\">                                    <div class=\"pull-left\" style=\"margin:7px 20px 7px 10px\">                                        <img src=\"/images/logo_nbr_chambre.png\" width=\"16\" height=\"16\">                                        <strong>2</strong>                                    </div>                                    <div class=\"pull-left\" style=\"margin:7px 2px\">                                        <img src=\"/images/logo_taille.png\" width=\"16\" height=\"16\">                                        <strong>1300 pi�</strong>                                    </div>                                </div>                                <div class=\"infoBoxMonthPrice\">                                    <strong>1550$</strong> / mois                                </div>                            ', countMarker);383                                        countMarker++;384                    showAddress(map, '247, J8T 2C8', '                                <a style=\"position: absolute; top: 10px; left: 12px; z-index:1\" href=\"/logements/47/247-rue-de-pointe-gatineau\" style=\"display:block;\">                                    <img src=\"/upload/logements/47/01.jpg\" width=\"186\" height=\"113\" style=\"display:block;\" />                                </a>                                <div class=\"logementImageBotInfoBox greyText\">                                    <div class=\"pull-left\" style=\"margin:7px 20px 7px 10px\">                                        <img src=\"/images/logo_nbr_chambre.png\" width=\"16\" height=\"16\">                                        <strong>2</strong>                                    </div>                                    <div class=\"pull-left\" style=\"margin:7px 2px\">                                        <img src=\"/images/logo_taille.png\" width=\"16\" height=\"16\">                                        <strong>1100 pi�</strong>                                    </div>                                </div>                                <div class=\"infoBoxMonthPrice\">                                    <strong>1295$</strong> / mois                                </div>                            ', countMarker);385                                        countMarker++;386                    showAddress(map, '10 Bouladier, J8L 3P1', '                                <a style=\"position: absolute; top: 10px; left: 12px; z-index:1\" href=\"/logements/54/rue-bouladier-buckingham\" style=\"display:block;\">                                    <img src=\"/upload/logements/54/01.jpg\" width=\"186\" height=\"113\" style=\"display:block;\" />                                </a>                                <div class=\"logementImageBotInfoBox greyText\">                                    <div class=\"pull-left\" style=\"margin:7px 20px 7px 10px\">                                        <img src=\"/images/logo_nbr_chambre.png\" width=\"16\" height=\"16\">                                        <strong>2</strong>                                    </div>                                    <div class=\"pull-left\" style=\"margin:7px 2px\">                                        <img src=\"/images/logo_taille.png\" width=\"16\" height=\"16\">                                        <strong>1200 pi�</strong>                                    </div>                                </div>                                <div class=\"infoBoxMonthPrice\">                                    <strong>1390$</strong> / mois                                </div>                            ', countMarker);387                    388389                // Resize stuff...390                window.addEventListener("resize", function() {391                    var center = map.getCenter();392                    google.maps.event.trigger(map, "resize");393                    map.setCenter(center);394                });395            }396397398            function addMarker(map, LatLng, codeHTML, countMarker) {399400                var image = new google.maps.MarkerImage(401                    '/images/tag_map.png',402                    new google.maps.Size(35, 42), //Size403                    new google.maps.Point(0,0), //Origin404                    new google.maps.Point(18, 40) //Anchor405                );406407                var imageVisited = new google.maps.MarkerImage(408                    '/images/tag_map_visited.png',409                    new google.maps.Size(35, 42), //Size410                    new google.maps.Point(0,0), //Origin411                    new google.maps.Point(18, 40) //Anchor412                );413414                var infowindow = new google.maps.InfoWindow();415                var boxText = document.createElement("div");416417                //these are the options for all infoboxes418                var infoboxOptions = {419                    content: boxText,420                    disableAutoPan: false,421                    alignBottom: false,422                    maxWidth: 0,423                    pixelOffset: new google.maps.Size(-108, -227),424                    zIndex: null,425                    boxStyle: {426                        background: "url('/images/infoBoxBg.png') no-repeat",427                        opacity: 1,428                        width: "209px",429                        height: "192px"430                    },431                    closeBoxMargin: "0px 0px 0px 0px",432                    closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif",433                    infoBoxClearance: new google.maps.Size(1, 1),434                    isHidden: false,435                    pane: "floatPane",436                    enableEventPropagation: false437                };438439                var infobox = new InfoBox(infoboxOptions);440441442                infoboxarray.push(infobox);443444                var marker = new google.maps.Marker({445                    position: LatLng,446                    map: map,447                    icon: image,448                    title: ''449                });450451                bounds.extend(LatLng);452453                                    google.maps.event.addListener(marker, 'click', (function(mark) {454455                        return function() {456                            //define the text and style for all infoboxes457                            boxText.style.cssText = "color:#FFF; font-family:'Open Sans'; font-size:12px; padding: 20px; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px;";458                            boxText.innerHTML = codeHTML;459                            infobox.setContent(boxText);460                            for(var i = 0; i < infoboxarray.length; i++){461                                infoboxarray[i].close();462                            }463                            infobox.open(map, mark);464465                            this.setIcon('/images/tag_map_visited.png');466467                        }468                    })(marker));469470                    //now fit the map to the newly inclusive bounds471                    map.fitBounds(bounds);472473                    //console.log(countMarker);474                    if(countMarker == 1){475                        map.setZoom(14);476                    }477478                    /*setTimeout(function(){479                        map.setZoom(map.getZoom()-6);480                    },400);*/481482                    483                return marker;484            }485486            function showAddress(map, address, codeHTML, countMarker) {487                var timeOut = countMarker * 500;488                $.ajax({489                    type: "POST",490                    url: "/ajax/googleGeocode.php?task=verify",491                    data: {492                        address: address493                    },494                    success: function(data) {495                        var datas = JSON.parse(data);496                        if(datas != 0){497                            addMarker(map, datas, codeHTML, countMarker);498                        }else{499                            geocoder.geocode( { 'address': address}, function(results, status) {500                                if (status == google.maps.GeocoderStatus.OK) {501                                    var geocode = results[0].geometry.location;502                                    var geocodeAdd = geocode.lat() + ',' + geocode.lng();503504                                    addMarker(map, geocode, codeHTML, countMarker);505506                                    $.ajax({507                                        type: "POST",508                                        url: "/ajax/googleGeocode.php?task=add",509                                        data: {510                                            address: address,511                                            geocode: geocodeAdd512                                        }513                                    });514                                } else {515                                    console.log("Geocode was not successful for this address: ''" + address + "'' for the following reason: " + status);516                                }517                            });518                        }519                    }520                });521            }522523            // Maps loads async (loading=async) and calls gmapInit when the API is524            // ready. infobox.js extends google.maps.OverlayView at load, so inject it525            // only AFTER the API exists; then initialize() runs (needs the #gmap node).526            function gmapInit() {527                function boot() {528                    var s = document.createElement('script');529                    s.src = '/scripts/infobox.js';530                    s.onload = initialize;531                    document.body.appendChild(s);532                }533                if (document.readyState === 'loading') {534                    document.addEventListener('DOMContentLoaded', boot);535                } else {536                    boot();537                }538            }539            </script>540            <div id="gmap" style="width: 100%; height: 100%;"></div>541            542    </div>
543
544    <div class="listingsTrouverSection">
545        <div id="searchFormWrap" class="container bodyContent" >
546
547            <form action="/logements" method="GET" id="searchForm">
548                <div class="row">
549                    <div class="col-lg-6 col-xs-12">
550                        <span class="lightTitle2 redText">Vos besoins</span><br/><br/>
551                        <div class="form-inline">
552                            <select class="greyText form-control" name="secteur">
553                                <option value="">Secteur</option>
554                                555                                        <option value="1" >Gatineau</option>
556                                    557                                        <option value="2" >Hull</option>
558                                    559                                        <option value="3" >Aylmer</option>
560                                    561                                        <option value="4" >Buckingham</option>
562                                    563                            </select>
564                            <select class="greyText form-control" name="type">
565                                <option value="">Type de logement</option>
566                                567                                        <option value="1" >Appartement</option>
568                                    569                                        <option value="2" >Condo</option>
570                                    571                                        <option value="3" >Maison</option>
572                                    573                                        <option value="4" >Commercial</option>
574                                    575                            </select>
576
577
578                            <select class="greyText form-control" name="nbrChambre">
579                                <option value=""># Chambres</option>
580                                <option value="bach" >Gar�onni�re</option>
581                                <option value="1" >1 Chambre</option>
582                                <option value="2" >2 Chambres</option>
583                                <option value="3" >3 Chambres</option>
584<!--                                <option value="4" --><!-->4 Chambres</option>-->
585<!--                                <option value="5" --><!-->5 Chambres</option>-->
586                            </select>
587                            <select class="greyText form-control" name="superficie">
588                                <option value="">Superficie</option>
589                                <option value="1" >0 - 499 pi�</option>
590                                <option value="2" >500 - 999 pi�</option>
591                                <option value="3" >1000 - 1499 pi�</option>
592                                <option value="4" >1500 - 1999 pi�</option>
593                                <option value="5" >2000 - 2499 pi�</option>
594                                <option value="6" >2500 - 2999 pi�</option>
595                            </select>
596                        </div>
597                    </div>
598                    <div class="col-lg-6 col-xs-12">
599                        <span class="lightTitle2 redText">Votre budget</span><br/><br/>
600                        <div id="slider" class="controls"></div>
601                        <input type="hidden" value="500" name="prixMin" id="prixMin" />
602                        <input type="hidden" value="4000" name="prixMax" id="prixMax" />
603                        <span class="redText"><strong id="price_value_min">500,00$</strong> / mois</span>
604                        <span class="redText pull-right"><strong id="price_value_max">4 000,00$</strong> / mois</span>
605                        <div class="cb"></div>
606                        <br/>
607                        <div class="btnRed pull-right">
608                            <a href="javascript:void(0);" id="linkSearch">
609                                Lancer la recherche
610                                <img src="/images/fleche_btn_red.png" />
611                            </a>
612                        </div>
613                    </div>
614                </div>
615
616            </form>
617        </div>
618        <div class="container bodyContent visible-xs">
619            <div class="searchExpander">
620                <a href="javascript:void();" id="expandSearch">Recherche avanc�e</a>
621                <script>
622                    $(document).ready(function(){
623                        $('#expandSearch').click(function(){
624                            $('#searchFormWrap').slideToggle();
625                        });
626                    });
627                </script>
628            </div>
629        </div>
630    </div>
631
632    <div class="logementFound">
633        <div class="center-block bodyContent">
634
635                <div class="col-lg-12 col-xs-12">
636                    637
638                        <div class="text-right greyDark" style="margin-right: 15px;">
639                            <strong>2 r�sultats</strong>
640                        </div>
641                        <!--<h2 class="pull-left" style="margin: 18px 15px;">Logements</h2>-->
642
643                        <div class="cb"></div>
644                        <div>
645                        646                            <div class="col-lg-4 col-xs-12 infoLogement">
647                                <a href="/details.php?entity=logements&id=47&address=247 rue de Pointe-Gatineau" class="linkLogement">
648                                    649
650                                    <div class="logementImage hidden-xs" style="background: url(/upload/logements/47/01.jpg) center center no-repeat; background-size: cover;">
651                                        <div class="logementImageTop">
652                                            <span class="subtitle whiteText">247 rue de Pointe-Gatineau</span><br/>
653                                            <span class="whiteText">Gatineau (Qu�bec) J8T 2C8</span>
654                                        </div>
655                                        <div class="logementImageBot greyText">
656
657                                            <div class="col-lg-6">
658                                                659                                                    <img src="/images/logo_nbr_chambre.png" />
660                                                    <strong>2</strong> chambres661                                                662                                            </div>
663
664                                            <div class="col-lg-6">
665                                                <img src="/images/logo_taille.png" />
666                                                <strong>1100 pi�</strong>
667                                            </div>
668                                            <div class="cb"></div>
669                                            <div class="contentLogementInt">
670                                                <hr/>
671                                                Nous avons&nbsp;un spacieux appartement de 2 chambres ? coucher disponible ? partir du 15 ao?t 2026 dans un quartier r?sidentiel&nbsp; tranquille au rez-de-chauss?e du 247 rue de(...)672
673                                            </div>
674                                        </div>
675                                    </div>
676                                    <div class="logementPrixSection greyText hidden-xs">
677                                        <span><strong>Appartement</strong></span>
678                                        <img src="/images/logement_fleche_gris.png" class="pull-right flecheLogement" />
679                                        680                                            <span class="pull-right" style="margin-right: 10px;"><strong>1 295,00$</strong> / mois</span>
681                                        682                                    </div>
683                                    <div class="visible-xs">
684
685                                        <div class="row infoLogementMobile visible-xs">
686                                            <a href="/details.php?entity=logements&id=47&address=247 rue de Pointe-Gatineau" class="linkLogementMobile row">
687                                                <div class="col-xs-4 linkLogementMobileImg">
688                                                    689                                                        <img src="/slir/w210-h160-c210.160//upload/logements/47/01.jpg"/>
690                                                        691                                                </div>
692                                                <div class="col-xs-8 linkLogementMobileDetails">
693                                                    <div class="row">
694                                                        <div class="col-xs-12">247 rue de Pointe-Gatineau</div>
695                                                        <div class="col-xs-12">Gatineau (Qu�bec)</div>
696                                                    </div>
697                                                    <div class="row">
698                                                        <div class="room">
699                                                            700                                                                <div class="symbol"><img src="/images/logo_nbr_chambre.png" /></div>
701                                                                <div class="detailText"><strong>2</strong> chambres</div>
702                                                            703                                                        </div>
704                                                        <div class="taille">
705                                                            <div class="detailText"><strong>1100</strong>  pi�</div>
706                                                            <div class="symbol"><img src="/images/logo_taille.png" /></div>
707                                                        </div>
708                                                    </div>
709                                                    <div class="row">
710                                                        711                                                            <div class="price"><strong>1 295,00$</strong> / mois <img style="width: 5px; height: 10px;" src="/images/logement_fleche_gris_small.png" width="5" height="10"></div>
712                                                        713                                                    </div>
714                                                </div>
715                                            </a>
716                                            <br/><br/>
717                                            <hr/>
718                                        </div>
719                                    </div>
720                                </a>
721                            </div>
722
723                        724                            <div class="col-lg-4 col-xs-12 infoLogement">
725                                <a href="/details.php?entity=logements&id=54&address=rue Bouladier (Buckingham)" class="linkLogement">
726                                    727
728                                    <div class="logementImage hidden-xs" style="background: url(/upload/logements/54/01.jpg) center center no-repeat; background-size: cover;">
729                                        <div class="logementImageTop">
730                                            <span class="subtitle whiteText">rue Bouladier (Buckingham)</span><br/>
731                                            <span class="whiteText">Buckingham (Qu�bec) J8L 3P1</span>
732                                        </div>
733                                        <div class="logementImageBot greyText">
734
735                                            <div class="col-lg-6">
736                                                737                                                    <img src="/images/logo_nbr_chambre.png" />
738                                                    <strong>2</strong> chambres739                                                740                                            </div>
741
742                                            <div class="col-lg-6">
743                                                <img src="/images/logo_taille.png" />
744                                                <strong>1200 pi�</strong>
745                                            </div>
746                                            <div class="cb"></div>
747                                            <div class="contentLogementInt">
748                                                <hr/>
749                                                Nous avons une maison en rang?e ? 2 ?tages d?environ 1200 pieds carr? avec 2 chambres ? coucher disponible ? partir du 1er d?cembre 2026 dans un quartier r?sidentiel paisible dans(...)750
751                                            </div>
752                                        </div>
753                                    </div>
754                                    <div class="logementPrixSection greyText hidden-xs">
755                                        <span><strong>Maison</strong></span>
756                                        <img src="/images/logement_fleche_gris.png" class="pull-right flecheLogement" />
757                                        758                                            <span class="pull-right" style="margin-right: 10px;"><strong>1 390,00$</strong> / mois</span>
759                                        760                                    </div>
761                                    <div class="visible-xs">
762
763                                        <div class="row infoLogementMobile visible-xs">
764                                            <a href="/details.php?entity=logements&id=54&address=rue Bouladier (Buckingham)" class="linkLogementMobile row">
765                                                <div class="col-xs-4 linkLogementMobileImg">
766                                                    767                                                        <img src="/slir/w210-h160-c210.160//upload/logements/54/01.jpg"/>
768                                                        769                                                </div>
770                                                <div class="col-xs-8 linkLogementMobileDetails">
771                                                    <div class="row">
772                                                        <div class="col-xs-12">rue Bouladier (Buckingham)</div>
773                                                        <div class="col-xs-12">Buckingham (Qu�bec)</div>
774                                                    </div>
775                                                    <div class="row">
776                                                        <div class="room">
777                                                            778                                                                <div class="symbol"><img src="/images/logo_nbr_chambre.png" /></div>
779                                                                <div class="detailText"><strong>2</strong> chambres</div>
780                                                            781                                                        </div>
782                                                        <div class="taille">
783                                                            <div class="detailText"><strong>1200</strong>  pi�</div>
784                                                            <div class="symbol"><img src="/images/logo_taille.png" /></div>
785                                                        </div>
786                                                    </div>
787                                                    <div class="row">
788                                                        789                                                            <div class="price"><strong>1 390,00$</strong> / mois <img style="width: 5px; height: 10px;" src="/images/logement_fleche_gris_small.png" width="5" height="10"></div>
790                                                        791                                                    </div>
792                                                </div>
793                                            </a>
794                                            <br/><br/>
795                                            <hr/>
796                                        </div>
797                                    </div>
798                                </a>
799                            </div>
800
801                        802                        </div>
803                        <div class="cb"></div>
804                        <ul class="pagination"><li ><a href="?entity=logements&page=1">Pr�c�dent</a></li><li ><a href="?entity=logements&page=1">1</a></li><li class="current">2</li><li class="deactivated">Suivant</li></ul>805                </div>
806            <a href="/listings.php?entity=logements">
807                <div class="btnGreyDark pull-right">
808                    R�initialiser la recherche
809                    <img src="/images/reinit_recherche.png" />
810                </div>
811            </a>
812            <div class="cb"></div>
813        </div>
814    </div>
815
816
817
818
819
820</section>
821
822
823
824
825
826827	828	<footer id="footer">829        <div class="container bodyContent hidden-xs" id="footer-top">830            <div class="row">831                <div class="col-lg-3" style="min-width: 244px;">832					<a href="/index.php"><img src="/images/logo_footer.png" alt="Immeubles Desmarais" class="img-responsive" /></a>833                </div>834                <div class="col-lg-3">835						<div>836                        <label id="tel-footer">819.669.3366</label>837                        <p>838                            510, boul. Maloney Est<br>839							Bureau 200, Gatineau<br>840							Qu�bec J8P 1E7841                        </p>842                    </div>843                </div>844                <div class="col-lg-3">845                    <nav>846                        <ul>847							<li><a href="/logements">Logements � louer</a></li>848							<li><a href="/locaux">Locaux � louer</a></li>849							<li><a target="_blank" href="/images/application_fr.pdf">Formulaires en ligne</a></li>850                        </ul>851                    </nav>852                </div>853                <div class="col-lg-3">854                    <nav>855                        <ul>856							<li><a href="/fr/info-locataires">Informations aux locataires</a></li>857							<li><a href="/fr/notre-entreprise">Notre entreprise</a></li>858							<li><a href="/fr/liens-utiles">Liens utiles</a></li>859                        </ul>860                    </nav>861                </div>862            </div>863        </div>864        <div class="container" id="navbar-footer">865            <div class="row bodyContent center-block">866                <div class="col-sm-6 text-left" id="divCopy">867                    <span class="credits">&copy; Immeubles Desmarais 2026. Tous droits r�serv�s</span>868                </div>869                <div class="col-sm-6 text-right" id="agency-credit">870                    <span class="credits">R�alisation de <a href="http://www.distantia.ca/" target="_blank">Distantia</a></span>871                </div>872            </div>873        </div>874	</footer>875</body>876</html>