SPB Git

spb/lou-ka Public

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

HTML 99.7%
36.6 KB · 651 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&id=20&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: [0, 0],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></head>189<body class="lang-fr">190	<!--[if lt IE 7]>191	<div style="clear: both; height: 42px; position: relative; width: 820px; margin: auto;">192		<a href="http://windows.microsoft.com/fr-CA/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">193			<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." />194		</a>195	</div>196	<![endif]-->197	<header class="header-fixed" id="header">198		<div class="container bodyContent" id="header-top">199			<div class="row">200				<!--<div id="logoContainer" class="col-lg-6 col-xs-9">-->201				<div id="logoContainer">202					<a href="/index.php"><img src="/images/logo_header.png" alt="Immeubles Desmarais" class="img-responsive logo-header" /></a>203				</div>204				<div id="sidrContainer" class="col-xs-3 visible-xs">205					<a id="sidrMenu" href="#sidr"><i class="fa fa-bars"></i></a>206				</div>207                <div id="sidr">208                    <!-- Your content -->209                    <ul>210                        <li id="sidrClose"><a href="#">Fermer</a></li>211                        <li><a href="/index.php">ACCUEIL</a></li>212                        <li><a href="/fr/liens-utiles">LIENS UTILES</a></li>213                        <li><a href="/fr/notre-entreprise">NOTRE ENTREPRISE</a></li>214                        <li><a href="/logements">LOGEMENTS � LOUER</a></li>215                        <li><a href="/locaux">LOCAUX � LOUER</a></li>216                        <li><a href="javascript:void();">FORMULAIRES EN LIGNE</a>217                            <ul>218                                <li><a href="/application.php">Application - r�sidentiel</a></li>219                                <li><a href="/services.php">Application - services</a></li>220                            </ul>221                        </li>222                        <li><a href="/fr/info-locataires">INFORMATION AUX LOCATAIRES</a></li>223                        <li><a href="/nous-joindre.php">NOUS JOINDRE</a></li>224                        <li><a href="/details-en.php?entity=housing&id=20&address=30-le-breton">EN</a></li>225                    </ul>226                </div>227228                <script>229                    $(document).ready(function() {230                        $('#sidrMenu').sidr();231                        $('#sidrClose').sidr('close');232                    });233                </script>234				<!--<div class="col-lg-6 hidden-xs" id="headerRight">-->235					<div id="header-right" class="hidden-xs">236						<label id="tel-header" >819.669.3366</label>237						<a href="https://www.facebook.com/immeublesdesmarais" target="_blank"><img src="/images/logo_facebook.png" alt="Facebook" id="facebook-header" /></a>238						<nav>239							<ul>240								<li><a href="/index.php">ACCUEIL</a></li>241								<li><a href="/fr/liens-utiles">LIENS UTILES</a></li>242								<li><a href="/fr/notre-entreprise">NOTRE ENTREPRISE</a></li>243								<li>|</li>244								<li><a href="/details-en.php?entity=housing&id=20&address=30-le-breton" style="color: #751F20;">EN</a></li>245							</ul>246						</nav>247					</div>248				<!--</div>-->249			</div>250			<div class="row visible-xs">251				<div id="telephoneNum" class="col-xs-12">252					<a href="tel:8196693366">819.669.3366</a>253				</div>254			</div>255		</div>256257		<nav class="navbar-default hidden-xs" id="navbar-header">258			<div class="container bodyContent" id="header-bot">259				<div class="collapse navbar-collapse">260					<ul class="nav navbar-nav">261						<li style="width: 17%;"><a href="/logements">LOGEMENTS � LOUER</a></li>262						<li style="width: 19%;"><a href="/locaux">LOCAUX � LOUER</a></li>263						<li style="width: 24%;"><a href="javascript:void();">FORMULAIRES EN LIGNE</a>264                            <ul class="subnav">265                                <li><a target="_blank" href="/images/application_fr.pdf">Application - r�sidentiel</a></li>266                                <li><a href="/services.php">Application - services</a></li>267                            </ul>268                        </li>269						<li style="width: 27%;"><a href="/fr/info-locataires">INFORMATION AUX LOCATAIRES</a></li>270						<li style="width: 13%;"><a href="/nous-joindre.php">NOUS JOINDRE</a></li>271					</ul>272				</div>273			</div>274		</nav>275276	</header>277	278279<section id="detail">280    <!-- div pour la map -->281    <div id="gmapDetails">282                    <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=AIza_CLE_CAVIARDEE_LOUKA_000000000000000&language=fr&loading=async&callback=gmapInit"></script>283<!--            <script type="text/javascript" src="//google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/src/infobox.js"></script>-->284            <script type="text/javascript">285            var geocoder;286            var map;287            var infowindow;288            var bounds;289            var countMarker = 0;290            var infoboxarray = [];291292            function initialize() {293                geocoder = new google.maps.Geocoder();294                bounds = new google.maps.LatLngBounds();295                var myOptions = {296                    zoom: 16,297                    panControl: true,298                    zoomControl: true,299                    mapTypeControl: true,300                    scaleControl: true,301                    streetViewControl: true,302                    overviewMapControl: true,303                    mapTypeId: google.maps.MapTypeId.ROADMAP,304                    draggable: true,305                    zoomControl: true,306                    disableDoubleClickZoom: false,307                    scrollwheel: false,308                    styles:[309                        { featureType: "water", stylers: [ { color: "#7bb3bb"} ] },310                        { featureType: "road",311                            stylers: [ { color: "#ffffff" } ],312                            elementType: 'labels.text.fill',313                                stylers: [{ color: '#5c5c68' }]314                        },315                        { featureType: "road.highway",316                            stylers: [ { color: "#f9f7ee",317                            gamma: 0.01318                        } ] }319                    ]320                };321322                map = new google.maps.Map(document.getElementById('gmap'), myOptions);323324                                    countMarker++;325                    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);326                    327328                // Resize stuff...329                window.addEventListener("resize", function() {330                    var center = map.getCenter();331                    google.maps.event.trigger(map, "resize");332                    map.setCenter(center);333                });334            }335336337            function addMarker(map, LatLng, codeHTML, countMarker) {338339                var image = new google.maps.MarkerImage(340                    '/images/tag_map.png',341                    new google.maps.Size(35, 42), //Size342                    new google.maps.Point(0,0), //Origin343                    new google.maps.Point(18, 40) //Anchor344                );345346                var imageVisited = new google.maps.MarkerImage(347                    '/images/tag_map_visited.png',348                    new google.maps.Size(35, 42), //Size349                    new google.maps.Point(0,0), //Origin350                    new google.maps.Point(18, 40) //Anchor351                );352353                var infowindow = new google.maps.InfoWindow();354                var boxText = document.createElement("div");355356                //these are the options for all infoboxes357                var infoboxOptions = {358                    content: boxText,359                    disableAutoPan: false,360                    alignBottom: false,361                    maxWidth: 0,362                    pixelOffset: new google.maps.Size(-108, -227),363                    zIndex: null,364                    boxStyle: {365                        background: "url('/images/infoBoxBg.png') no-repeat",366                        opacity: 1,367                        width: "209px",368                        height: "192px"369                    },370                    closeBoxMargin: "0px 0px 0px 0px",371                    closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif",372                    infoBoxClearance: new google.maps.Size(1, 1),373                    isHidden: false,374                    pane: "floatPane",375                    enableEventPropagation: false376                };377378                var infobox = new InfoBox(infoboxOptions);379380381                infoboxarray.push(infobox);382383                var marker = new google.maps.Marker({384                    position: LatLng,385                    map: map,386                    icon: image,387                    title: ''388                });389390                bounds.extend(LatLng);391392                                    google.maps.event.addListener(marker, 'click', (function(mark) {393394                        return function() {395                            //define the text and style for all infoboxes396                            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;";397                            boxText.innerHTML = codeHTML;398                            infobox.setContent(boxText);399                            for(var i = 0; i < infoboxarray.length; i++){400                                infoboxarray[i].close();401                            }402                            infobox.open(map, mark);403404                            this.setIcon('/images/tag_map_visited.png');405406                        }407                    })(marker));408409                    //now fit the map to the newly inclusive bounds410                    map.fitBounds(bounds);411412                    //console.log(countMarker);413                    if(countMarker == 1){414                        map.setZoom(14);415                    }416417                    /*setTimeout(function(){418                        map.setZoom(map.getZoom()-6);419                    },400);*/420421                    422                return marker;423            }424425            function showAddress(map, address, codeHTML, countMarker) {426                var timeOut = countMarker * 500;427                $.ajax({428                    type: "POST",429                    url: "/ajax/googleGeocode.php?task=verify",430                    data: {431                        address: address432                    },433                    success: function(data) {434                        var datas = JSON.parse(data);435                        if(datas != 0){436                            addMarker(map, datas, codeHTML, countMarker);437                        }else{438                            geocoder.geocode( { 'address': address}, function(results, status) {439                                if (status == google.maps.GeocoderStatus.OK) {440                                    var geocode = results[0].geometry.location;441                                    var geocodeAdd = geocode.lat() + ',' + geocode.lng();442443                                    addMarker(map, geocode, codeHTML, countMarker);444445                                    $.ajax({446                                        type: "POST",447                                        url: "/ajax/googleGeocode.php?task=add",448                                        data: {449                                            address: address,450                                            geocode: geocodeAdd451                                        }452                                    });453                                } else {454                                    console.log("Geocode was not successful for this address: ''" + address + "'' for the following reason: " + status);455                                }456                            });457                        }458                    }459                });460            }461462            // Maps loads async (loading=async) and calls gmapInit when the API is463            // ready. infobox.js extends google.maps.OverlayView at load, so inject it464            // only AFTER the API exists; then initialize() runs (needs the #gmap node).465            function gmapInit() {466                function boot() {467                    var s = document.createElement('script');468                    s.src = '/scripts/infobox.js';469                    s.onload = initialize;470                    document.body.appendChild(s);471                }472                if (document.readyState === 'loading') {473                    document.addEventListener('DOMContentLoaded', boot);474                } else {475                    boot();476                }477            }478            </script>479            <div id="gmap" style="width: 100%; height: 100%;"></div>480                </div>481    <div class="bodyContent container">482        <div class="sectionDetail">483                        <div id="detailRight" class="col-lg-6 col-sm-6 col-xs-12 detailRight">484                <span class="boldTitle2 redText">30 Le Breton </span><br/>485                <span class="lightTitle2 redText">Hull, Qu�bec, J8Z 1G3</span><br/>486                <img src="/upload/logements/20/01.jpg" class="pull-left imagePrincipal visible-xs" width="100%"><br/>487                <div class="row">488                                        <div class="col-lg-4 greyText">489                        <img src="/images/logo_nbr_chambre.png" />490                        <strong>2</strong> chambres                    </div>491                                        <div class="col-lg-4 greyText">492                        <img src="/images/logo_taille.png" />493                        <strong>1100 pi�</strong>494                    </div>495                    496                </div>497                                        <span class="boldTitle2 greyText">1210$</span><span class="lightTitle2 greyText">/mois</span>498                                    <hr/>499                <table class="subtitle greyDark bold">500                    <tr>501                        <td class="subtitle greyDark bold">Date de disponibilit� :&nbsp</td>502                    <td>avril 2027</td></tr>                </table>503                <p class="greyText">504                    <p>Nous avons un superbe appartement � 2 chambres � coucher (4 �) d�environ 1100 pieds carr� disponible � partir du 15 avril 2027 au 30 rue Le Breton dans le secteur Hull (pr�s du boul. Mont-Bleu) � $1210.00 par mois incluant l�eau chaude, mais pas chauff� ni �clair� (environ $110.00 par mois avec un plan budg�taire d�Hydro-Qu�bec).&nbsp;&nbsp;</p><p>Il y a 2 buanderies dans l��difice avec laveuse et s�cheuse pour nos locataires au 1er et 3i�me �tage. Un espace de stationnement est inclus. Le r�frig�rateur et la cuisini�re ne sont pas inclus.&nbsp;</p><p>L�emplacement est environ � 15 minutes de marche du Cegep de l�Outaouais (campus Gabrielle-Roy). Il y a le service de transport en commun de la Soci�t� de Transport de l�Outaouais � proximit�. Il y a un mini centre d�achats tout pr�s avec un d�panneur � 3 minutes de marche.</p><p>Tous les lieus communs de l��difice sont entretenus par notre propre �quipe d�entretien m�nager. AUCUN CHIEN N�EST PERMIS. Les photos sont � titre indicatif seulement.&nbsp;</p>                </p>505                <hr/>506            </div>507            <div id="detailLeft" class="col-lg-6 col-sm-6 col-xs-12 detailLeft">508509                                <link rel="stylesheet" href="/scripts/splide/splide.min.css">510                <link rel="stylesheet" href="/scripts/glightbox/glightbox.min.css">511                <style>512                .pcs-listing-gallery{margin-bottom:20px;}513                .pcs-gallery-main{margin-bottom:6px;background:#eee;}514                .pcs-gallery-main .splide__slide{display:flex;align-items:center;justify-content:center;}515                .pcs-gallery-main .splide__slide img{width:100%;height:auto;display:block;cursor:zoom-in;}516                .pcs-gallery-main .splide__arrow{background:rgba(0,0,0,.45);width:2.4em;height:2.4em;opacity:1;}517                .pcs-gallery-main .splide__arrow svg{fill:#fff;}518                .pcs-gallery-main .splide__arrow:hover:not(:disabled){background:rgba(0,0,0,.7);}519                .pcs-gallery-thumbs{margin-bottom:20px;}520                .pcs-gallery-thumbs .splide__slide{opacity:.5;cursor:pointer;transition:opacity .2s;border:2px solid transparent;box-sizing:border-box;}521                .pcs-gallery-thumbs .splide__slide.is-active{opacity:1;border-color:#751F20;}522                .pcs-gallery-thumbs .splide__slide img{width:100%;height:100%;object-fit:cover;}523                .pcs-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}524                .pcs-gallery-grid img{width:100%;display:block;}525                </style>526                <section class="pcs-listing-gallery pcs-listing-gallery--slider" data-pcs-gallery="slider-with-thumbs">527                    <span class="lightTitle2 redText">&nbsp;</span>528                    <div class="splide pcs-gallery-main" aria-label="Photos">529                        <div class="splide__track"><ul class="splide__list">530                                                        <li class="splide__slide"><a class="glightbox" href="/upload/logements/20/01.jpg" data-gallery="lg20"><img src="/slir/w900/upload/logements/20/01.jpg" alt="30 Le Breton "></a></li>531                                                        <li class="splide__slide"><a class="glightbox" href="/upload/logements/20/02.jpg" data-gallery="lg20"><img src="/slir/w900/upload/logements/20/02.jpg" alt="30 Le Breton "></a></li>532                                                        <li class="splide__slide"><a class="glightbox" href="/upload/logements/20/03.jpg" data-gallery="lg20"><img src="/slir/w900/upload/logements/20/03.jpg" alt="30 Le Breton "></a></li>533                                                        <li class="splide__slide"><a class="glightbox" href="/upload/logements/20/04.jpg" data-gallery="lg20"><img src="/slir/w900/upload/logements/20/04.jpg" alt="30 Le Breton "></a></li>534                                                        <li class="splide__slide"><a class="glightbox" href="/upload/logements/20/05.jpg" data-gallery="lg20"><img src="/slir/w900/upload/logements/20/05.jpg" alt="30 Le Breton "></a></li>535                                                        <li class="splide__slide"><a class="glightbox" href="/upload/logements/20/06.jpg" data-gallery="lg20"><img src="/slir/w900/upload/logements/20/06.jpg" alt="30 Le Breton "></a></li>536                                                        <li class="splide__slide"><a class="glightbox" href="/upload/logements/20/07.jpg" data-gallery="lg20"><img src="/slir/w900/upload/logements/20/07.jpg" alt="30 Le Breton "></a></li>537                                                        <li class="splide__slide"><a class="glightbox" href="/upload/logements/20/08.jpg" data-gallery="lg20"><img src="/slir/w900/upload/logements/20/08.jpg" alt="30 Le Breton "></a></li>538                                                        <li class="splide__slide"><a class="glightbox" href="/upload/logements/20/09.jpg" data-gallery="lg20"><img src="/slir/w900/upload/logements/20/09.jpg" alt="30 Le Breton "></a></li>539                                                        <li class="splide__slide"><a class="glightbox" href="/upload/logements/20/10.jpg" data-gallery="lg20"><img src="/slir/w900/upload/logements/20/10.jpg" alt="30 Le Breton "></a></li>540                                                        <li class="splide__slide"><a class="glightbox" href="/upload/logements/20/11.jpg" data-gallery="lg20"><img src="/slir/w900/upload/logements/20/11.jpg" alt="30 Le Breton "></a></li>541                                                        <li class="splide__slide"><a class="glightbox" href="/upload/logements/20/12.jpg" data-gallery="lg20"><img src="/slir/w900/upload/logements/20/12.jpg" alt="30 Le Breton "></a></li>542                                                    </ul></div>543                    </div>544                                        <div class="splide pcs-gallery-thumbs" aria-label="Thumbnails">545                        <div class="splide__track"><ul class="splide__list">546                                                        <li class="splide__slide"><img src="/slir/w210-h160-c210.160/upload/logements/20/01.jpg" alt=""></li>547                                                        <li class="splide__slide"><img src="/slir/w210-h160-c210.160/upload/logements/20/02.jpg" alt=""></li>548                                                        <li class="splide__slide"><img src="/slir/w210-h160-c210.160/upload/logements/20/03.jpg" alt=""></li>549                                                        <li class="splide__slide"><img src="/slir/w210-h160-c210.160/upload/logements/20/04.jpg" alt=""></li>550                                                        <li class="splide__slide"><img src="/slir/w210-h160-c210.160/upload/logements/20/05.jpg" alt=""></li>551                                                        <li class="splide__slide"><img src="/slir/w210-h160-c210.160/upload/logements/20/06.jpg" alt=""></li>552                                                        <li class="splide__slide"><img src="/slir/w210-h160-c210.160/upload/logements/20/07.jpg" alt=""></li>553                                                        <li class="splide__slide"><img src="/slir/w210-h160-c210.160/upload/logements/20/08.jpg" alt=""></li>554                                                        <li class="splide__slide"><img src="/slir/w210-h160-c210.160/upload/logements/20/09.jpg" alt=""></li>555                                                        <li class="splide__slide"><img src="/slir/w210-h160-c210.160/upload/logements/20/10.jpg" alt=""></li>556                                                        <li class="splide__slide"><img src="/slir/w210-h160-c210.160/upload/logements/20/11.jpg" alt=""></li>557                                                        <li class="splide__slide"><img src="/slir/w210-h160-c210.160/upload/logements/20/12.jpg" alt=""></li>558                                                    </ul></div>559                    </div>560                                        <noscript>561                        <div class="pcs-gallery-grid">562                                                        <figure><img src="/slir/w210-h160-c210.160/upload/logements/20/01.jpg" alt="" loading="lazy"></figure>563                                                        <figure><img src="/slir/w210-h160-c210.160/upload/logements/20/02.jpg" alt="" loading="lazy"></figure>564                                                        <figure><img src="/slir/w210-h160-c210.160/upload/logements/20/03.jpg" alt="" loading="lazy"></figure>565                                                        <figure><img src="/slir/w210-h160-c210.160/upload/logements/20/04.jpg" alt="" loading="lazy"></figure>566                                                        <figure><img src="/slir/w210-h160-c210.160/upload/logements/20/05.jpg" alt="" loading="lazy"></figure>567                                                        <figure><img src="/slir/w210-h160-c210.160/upload/logements/20/06.jpg" alt="" loading="lazy"></figure>568                                                        <figure><img src="/slir/w210-h160-c210.160/upload/logements/20/07.jpg" alt="" loading="lazy"></figure>569                                                        <figure><img src="/slir/w210-h160-c210.160/upload/logements/20/08.jpg" alt="" loading="lazy"></figure>570                                                        <figure><img src="/slir/w210-h160-c210.160/upload/logements/20/09.jpg" alt="" loading="lazy"></figure>571                                                        <figure><img src="/slir/w210-h160-c210.160/upload/logements/20/10.jpg" alt="" loading="lazy"></figure>572                                                        <figure><img src="/slir/w210-h160-c210.160/upload/logements/20/11.jpg" alt="" loading="lazy"></figure>573                                                        <figure><img src="/slir/w210-h160-c210.160/upload/logements/20/12.jpg" alt="" loading="lazy"></figure>574                                                    </div>575                    </noscript>576                </section>577                <script src="/scripts/splide/splide.min.js"></script>578                <script src="/scripts/glightbox/glightbox.min.js"></script>579                <script>580                (function(){581                    function init(){582                        if(!window.Splide||!document.querySelector('.pcs-gallery-main'))return;583                        var main=new Splide('.pcs-gallery-main',{type:'slide',rewind:true,perPage:1,pagination:false,arrows:true,autoHeight:true,gap:0});584                        main.root.querySelectorAll('.splide__slide img').forEach(function(im){ im.addEventListener('load',function(){ main.refresh(); }); });585                        var thumbsEl=document.querySelector('.pcs-gallery-thumbs');586                        if(thumbsEl){var thumbs=new Splide(thumbsEl,{fixedWidth:96,fixedHeight:72,gap:6,rewind:true,pagination:false,arrows:false,isNavigation:true,focus:'center',cover:true});main.sync(thumbs);main.mount();thumbs.mount();}587                        else{main.mount();}588                        if(window.GLightbox){ GLightbox({selector:'.pcs-gallery-main .glightbox'}); }589                    }590                    if(window.Splide){init();}else{document.addEventListener('DOMContentLoaded',init);}591                })();592                </script>593                594            </div>595        </div>596        <div class="cb"></div>597    </div>598</section>599600601602	603	<footer id="footer">604        <div class="container bodyContent hidden-xs" id="footer-top">605            <div class="row">606                <div class="col-lg-3" style="min-width: 244px;">607					<a href="/index.php"><img src="/images/logo_footer.png" alt="Immeubles Desmarais" class="img-responsive" /></a>608                </div>609                <div class="col-lg-3">610						<div>611                        <label id="tel-footer">819.669.3366</label>612                        <p>613                            510, boul. Maloney Est<br>614							Bureau 200, Gatineau<br>615							Qu�bec J8P 1E7616                        </p>617                    </div>618                </div>619                <div class="col-lg-3">620                    <nav>621                        <ul>622							<li><a href="/logements">Logements � louer</a></li>623							<li><a href="/locaux">Locaux � louer</a></li>624							<li><a target="_blank" href="/images/application_fr.pdf">Formulaires en ligne</a></li>625                        </ul>626                    </nav>627                </div>628                <div class="col-lg-3">629                    <nav>630                        <ul>631							<li><a href="/fr/info-locataires">Informations aux locataires</a></li>632							<li><a href="/fr/notre-entreprise">Notre entreprise</a></li>633							<li><a href="/fr/liens-utiles">Liens utiles</a></li>634                        </ul>635                    </nav>636                </div>637            </div>638        </div>639        <div class="container" id="navbar-footer">640            <div class="row bodyContent center-block">641                <div class="col-sm-6 text-left" id="divCopy">642                    <span class="credits">&copy; Immeubles Desmarais 2026. Tous droits r�serv�s</span>643                </div>644                <div class="col-sm-6 text-right" id="agency-credit">645                    <span class="credits">R�alisation de <a href="http://www.distantia.ca/" target="_blank">Distantia</a></span>646                </div>647            </div>648        </div>649	</footer>650</body>651</html>