{"id":19835,"date":"2026-05-25T22:17:23","date_gmt":"2026-05-26T02:17:23","guid":{"rendered":"https:\/\/quadreal.com\/built-together\/"},"modified":"2026-06-19T12:26:05","modified_gmt":"2026-06-19T16:26:05","slug":"batir-ensemble","status":"publish","type":"page","link":"https:\/\/quadreal.com\/fr\/batir-ensemble\/","title":{"rendered":"B\u00e2tir ensemble"},"content":{"rendered":"\n<section id=\"\" class=\"content-section__video-banner\">\n\n    <div class=\"container-fluid px-16\">\n                <div class=\"video-banner\">\n            <div class=\"video-banner__media default-blur-frame\">\n\n                \n                <iframe id=\"vimeo-player-6a3b5ff41bcd4\"\n                    src=\"https:\/\/player.vimeo.com\/video\/1198814748?autoplay=1&#038;muted=1&#038;loop=1&#038;controls=0&#038;title=0&#038;byline=0&#038;portrait=0\"\n                    frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen>\n                <\/iframe>\n\n                                <div class=\"video-overlay\"><\/div>\n            <\/div>\n\n            <div class=\"video-banner__content\">\n\n                \n\n            <\/div>\n            <div class=\"video-btns\">\n                 <button class=\"play-pause-toggle\" data-player=\"vimeo-player-6a3b5ff41bcd4\">\n                    <span class=\"icon-play\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"101\" height=\"116\" viewBox=\"0 0 101 116\" fill=\"none\">\n                            <path d=\"M100.367 57.9471L4.57764e-05 115.894L4.57764e-05 7.62939e-05L100.367 57.9471Z\" fill=\"white\"\/>\n                        <\/svg>\n                    <\/span>\n\n                    <span class=\"icon-pause\" style=\"display:none;\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"21\" height=\"25\" viewBox=\"0 0 21 25\" fill=\"none\">\n                            <path d=\"M0 0H6.22592V24.9037H0V0Z\" fill=\"white\"\/>\n                            <path d=\"M14.6094 0H20.8353V24.9037H14.6094V0Z\" fill=\"white\"\/>\n                        <\/svg>\n                    <\/span>\n                <\/button>\n            <\/div>\n                             <div class=\"video-subtitle\">\n                    <button class=\"sbt-icon\" data-player=\"vimeo-player-6a3b5ff41bcd4\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/subtitle-icon.svg\" alt=\"Subtitles\">\n                    <\/button>\n                <\/div>\n                         \n            \n        <\/div>\n\n    <\/div>\n\n<\/section>\n<style>\n    .video-btns {\n    opacity: 1;\n    transition: opacity .3s ease;\n}\n\n\/* .video-banner.video-started .video-btns {\n    opacity: 0;\n    pointer-events: none;\n} *\/\n\n.video-btns {\n    opacity: 1;\n    transition: opacity .3s ease;\n}\n\n.video-btns.is-hidden {\n    opacity: 0;\n}\n\n.play-pause-toggle {\n    cursor: pointer;\n}\n.content-section__video-banner .video-btns.is-hidden {\n    z-index: -1;    \n    visibility: hidden;\n}\n<\/style>\n<script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const isMobile = \/iPhone|iPad|iPod|Android\/i.test(navigator.userAgent);\n\n    document.querySelectorAll('.play-pause-toggle').forEach(button => {\n\n        const iframe = document.getElementById(button.dataset.player);\n        if (!iframe) return;\n\n        const player = new Vimeo.Player(iframe);\n\n        const banner = button.closest('.video-banner');\n        const media = banner.querySelector('.video-banner__media');\n        const blurFrame = banner.querySelector('.default-blur-frame');\n        const controls = banner.querySelector('.video-btns');\n        const subtitleBtn = banner.querySelector('.video-subtitle');\n        \n        const playIcon = button.querySelector('.icon-play');\n        const pauseIcon = button.querySelector('.icon-pause');\n\n        let started = false;\n        let isPlaying = true;\n        let hideTimer = null;\n\n        player.setMuted(true);\n\n        function showControls() {\n            controls.classList.remove('is-hidden');\n\n            clearTimeout(hideTimer);\n\n            hideTimer = setTimeout(() => {\n                controls.classList.add('is-hidden');\n            }, 2000);\n        }\n\n        function userActivity() {\n            if (!started) return;\n            showControls();\n        }\n\n        \/\/ IMPORTANT: listen on window, not just banner\n        window.addEventListener('mousemove', userActivity);\n        window.addEventListener('touchstart', userActivity);\n\n        async function togglePlayback() {\n            try {\n\n                if (isPlaying) {\n                    await player.pause();\n\n                    isPlaying = false;\n                    playIcon.style.display = 'block';\n                    pauseIcon.style.display = 'none';\n\n                } else {\n                    await player.play();\n\n                    isPlaying = true;\n                    playIcon.style.display = 'none';\n                    pauseIcon.style.display = 'block';\n                }\n\n                showControls();\n\n            } catch (err) {\n                console.error(err);\n            }\n        }\n\n        button.addEventListener('click', async (e) => {\n            e.stopPropagation();\n\n            try {\n\nif (!started) {\n\n    started = true;\n\n    banner.classList.add('video-started');\n\n    if (blurFrame) {\n        blurFrame.classList.remove('default-blur-frame');\n    }\n\n    if (subtitleBtn) {\n        subtitleBtn.classList.add('unhide-btn');\n    }\n\n    playIcon.style.display = 'none';\n    pauseIcon.style.display = 'block';\n\n    isPlaying = true;\n\n    showControls();\n\n    try {\n        player.setMuted(false);\n        player.setVolume(1);\n        player.setCurrentTime(0);\n\n        await player.play();\n\n    } catch (err) {\n        console.error('Vimeo error:', err);\n    }\n\n    return;\n}\n\n                await togglePlayback();\n\n            } \n            catch (err) {\n                console.error(err);\n            }\n        });\n\n        media.addEventListener('click', async (e) => {\n\n            if (e.target.closest('.play-pause-toggle')) return;\n\n            try {\n\n                if (!started) {\n                    button.click();\n                    return;\n                }\n\n                await togglePlayback();\n\n            } catch (err) {\n                console.error(err);\n            }\n        });\n\n        player.on('play', () => isPlaying = true);\n        player.on('pause', () => isPlaying = false);\n\n    });\n\n});\ndocument.querySelectorAll('.sbt-icon').forEach(button => {\n\n    const iframe = document.getElementById(button.dataset.player);\n    if (!iframe) return;\n\n    const player = new Vimeo.Player(iframe);\n\n    let captionsEnabled = false;\n\n    button.addEventListener('click', async function(e) {\n        e.stopPropagation();\n\n        try {\n\n            if (!captionsEnabled) {\n\n                \/\/ Enable French captions\n                await player.enableTextTrack('fr');\n\n                captionsEnabled = true;\n                button.classList.add('active');\n\n            } else {\n\n                \/\/ Disable captions\n                await player.disableTextTrack();\n\n                captionsEnabled = false;\n                button.classList.remove('active');\n            }\n\n        } catch (err) {\n            console.error('Caption error:', err);\n        }\n    });\n\n});\n<\/script>\n\n\n<section id=\"\" class=\"content-section__logo-block\">\n\n    <div class=\"container px-35\">\n\n                    <div class=\"an-logo-block__logo\">\n                <img decoding=\"async\" \n                    src=\"https:\/\/quadreal.com\/wp-content\/uploads\/2026\/06\/2026-QR-10-Year-Logo-FR-CMYK-Colour-Gradient.svg\" alt=\"Logo du 10e anniversaire de QuadReal\">\n            <\/div>\n        \n    <\/div>\n\n<\/section>\n\n\n<section id=\"\" class=\"content-section__origin-block\">\n\n    <div class=\"container-fluid px-0\">\n\n        <div class=\"origin-block\">\n\n                            <div class=\"origin-block__image\">\n                    <img decoding=\"async\" \n                        src=\"https:\/\/quadreal.com\/wp-content\/uploads\/2026\/05\/origin-image-new.jpg\" \n                        alt=\"\">\n                <\/div>\n                <div class=\"origin-block__content\">\n                    \n\n                                            <div class=\"title-block__title\">\n                                                            <span class=\"f-14 fw-400 text-white\">\n                                    Comment tout a commenc\u00e9                                <\/span>                                \n                                                            <h2 class=\"f-104 fw-400 text-white\">\n                                    B\u00e2tie de toutes pi\u00e8ces                                <\/h2>\n                        <\/div>\n                    \n                                            <div class=\"origin-block__text f-18\">\n                            <p>Il y a dix ans, une petite \u00e9quipe est partie d\u2019une page blanche avec une mission claire : b\u00e2tir une soci\u00e9t\u00e9 immobili\u00e8re mondiale fond\u00e9e sur la croissance \u00e0 long terme et la responsabilit\u00e9. Avec les bonnes personnes et un objectif commun, QuadReal a \u00e9t\u00e9 b\u00e2tie sur la conviction que c\u2019est ensemble que l\u2019on accomplit des choses exceptionnelles.<\/p>\n<p>Aujourd\u2019hui, ce m\u00eame esprit continue de d\u00e9finir QuadReal. Il n\u2019y a pas de r\u00e8gles \u00e9tablies. Seulement une culture ancr\u00e9e dans la confiance, la collaboration, la curiosit\u00e9 et l\u2019am\u00e9lioration continue. Le b\u00e9ton n\u2019est jamais compl\u00e8tement sec. Au sein de toutes les \u00e9quipes et de tous les march\u00e9s, chaque personne a le pouvoir de proposer des id\u00e9es et de trouver de nouvelles fa\u00e7ons de cr\u00e9er de la valeur ensemble.<\/p>\n                        <\/div>\n                                            <\/div>\n                    \n                <\/div>\n\n         <\/div>\n\n<\/section>\n\n\n<section id=\"\" class=\"content-section__community-block\">\n\n    <div class=\"container px-35\">\n        <div class=\"tabs-titles\">\n            <ul>\n            \n<li>\n    <span>L\u2019int\u00e9grit\u00e9<\/span>\n<\/li>\n<li>\n    <span>La collaboration<\/span>\n<\/li>\n<li>\n    <span>Le rendement<\/span>\n<\/li>\n<li>\n    <span>L\u2019innovation<\/span>\n<\/li>\n<li>\n    <span>La responsabilit\u00e9<\/span>\n<\/li>\n\n\n\n            <\/ul>\n        <\/div>\n        <div class=\"community-block\">\n                        <div class=\"title-block__title\">\n                                <span class=\"f-14 text-uppercase fw-400\">\n                    Communaut\u00e9, clients et partenaires                <\/span>\n                                <h2 class=\"f-104 fw-400 text-blue mb-90\">\n                    Plus que de simples propri\u00e9t\u00e9s                <\/h2>\n            <\/div>\n            \n            \n            <div class=\"community-tabs\">\n\n                <div class=\"community-tabs__nav\">\n\n                    \n                    <button class=\"community-tab-btn active\"\n                        data-tab=\"tab-0\">\n                        Notre but                    <\/button>\n\n                    \n                    <button class=\"community-tab-btn \"\n                        data-tab=\"tab-1\">\n                        Nos partenaires                    <\/button>\n\n                    \n                <\/div>\n\n                <div class=\"community-tabs__content\">\n\n                    \n                    <div class=\"community-tab-pane active\"\n                        id=\"tab-0\">\n\n                        <div class=\"community-tab-pane__inner\">\n\n                            \n                            <div class=\"community-tab-pane__image\">\n\n                                <img decoding=\"async\" src=\"https:\/\/quadreal.com\/wp-content\/uploads\/2026\/05\/our-purpose.jpg\"\n                                    alt=\"\">\n\n                            <\/div>\n\n                            \n                            <div class=\"community-tab-pane__content f-18\">\n\n                                \n                                <p>QuadReal a \u00e9t\u00e9 b\u00e2tie avec une vision \u00e0 long terme pour cr\u00e9er une valeur durable au fil du temps. Parce que nous investissons, exploitons et g\u00e9rons des actifs, nous restons pr\u00e8s des d\u00e9cisions que nous prenons et des communaut\u00e9s o\u00f9 nous investissons.<\/p>\n<p>Ce qui distingue QuadReal, c\u2019est notre fa\u00e7on de travailler ensemble. L\u2019ensemble des \u00e9quipes, des march\u00e9s et des plateformes partagent la croyance que rendement \u00e9lev\u00e9 et incidence positive vont de pair. Nous cherchons toujours de meilleures fa\u00e7ons d\u2019exercer nos activit\u00e9s, de soutenir nos partenaires et de cr\u00e9er des espaces o\u00f9 les gens et les entreprises peuvent prosp\u00e9rer.<\/p>\n\n                                \n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                    \n                    <div class=\"community-tab-pane \"\n                        id=\"tab-1\">\n\n                        <div class=\"community-tab-pane__inner\">\n\n                            \n                            <div class=\"community-tab-pane__image\">\n\n                                <img decoding=\"async\" src=\"https:\/\/quadreal.com\/wp-content\/uploads\/2026\/05\/our-partner.jpg\"\n                                    alt=\"\">\n\n                            <\/div>\n\n                            \n                            <div class=\"community-tab-pane__content f-18\">\n\n                                \n                                <p>Les partenariats sont demeur\u00e9s au c\u0153ur de notre fa\u00e7on de travailler pendant la transition de QuadReal d\u2019une entreprise \u00e0 client unique \u00e0 une plateforme mondiale plus vaste.<\/p>\n<p>Nous croyons que des relations solides s\u2019\u00e9tablissent gr\u00e2ce \u00e0 la transparence, au partage d\u2019objectifs et \u00e0 la capacit\u00e9 de naviguer ensemble dans diff\u00e9rents environnements de march\u00e9. En plus d\u2019offrir une valeur \u00e0 long terme, nous mettons l\u2019accent sur la cr\u00e9ation de partenariats qui sont fiables, collaboratifs et durables.<\/p>\n\n                                \n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                    \n                <\/div>\n\n            <\/div>\n\n            \n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n\n    const buttons = document.querySelectorAll('.community-tab-btn');\n    const panes = document.querySelectorAll('.community-tab-pane');\n\n    buttons.forEach(button => {\n\n        button.addEventListener('click', function() {\n\n            const target = this.dataset.tab;\n\n            buttons.forEach(btn => {\n                btn.classList.remove('active');\n            });\n\n            panes.forEach(pane => {\n                pane.classList.remove('active');\n            });\n\n            this.classList.add('active');\n\n            document\n                .getElementById(target)\n                .classList.add('active');\n\n        });\n\n    });\n\n});\n<\/script>\n\n\n<section id=\"\" class=\"content-section__testimonials\">\n\n    <div class=\"container px-35\">\n\n        <div class=\"testimonial-block\">\n\n            \n            <div class=\"testimonial-block__graphics\">\n\n                <img decoding=\"async\" src=\"https:\/\/quadreal.com\/wp-content\/uploads\/2026\/05\/icon-10.svg\" alt=\"\">\n\n            <\/div>\n\n            \n            \n            <div id=\"testimonial-slider-6a3b5ff43c184\" class=\"owl-carousel testimonial-slider\">\n\n                \n                <div class=\"testimonial-slide\">\n\n                    \n                    <div class=\"testimonial-slide__content\">\n\n                        <p>\u00ab Je suis tr\u00e8s fier de l\u2019entreprise que nous avons b\u00e2tie au cours des dix derni\u00e8res ann\u00e9es, et nous l\u2019avons b\u00e2tie ensemble. \u00bb<\/p>\n\n                    <\/div>\n\n                    \n                    \n                    <div class=\"testimonial-slide__name\">\n\n                        <span>Dennis Lopez<br \/>Pr\u00e9sident-directeur g\u00e9n\u00e9ral, QuadReal<\/span>\n\n                    <\/div>\n\n                    \n                <\/div>\n\n                \n                <div class=\"testimonial-slide\">\n\n                    \n                    <div class=\"testimonial-slide__content\">\n\n                        <p>\u00ab Au bout du compte, ce sont les personnes qui font la diff\u00e9rence. Ce sont les personnes que vous mettez en place, la structure qu\u2019elles ont b\u00e2tie, les \u00e9quipes qu\u2019elles ont ensuite recrut\u00e9es et la culture qu\u2019elles ont cr\u00e9\u00e9e au sein de l\u2019organisation. \u00bb<\/p>\n\n                    <\/div>\n\n                    \n                    \n                    <div class=\"testimonial-slide__name\">\n\n                        <span>Gordon J. Fyfe<br \/>PDG et DPI, BCI<\/span>\n\n                    <\/div>\n\n                    \n                <\/div>\n\n                \n                <div class=\"testimonial-slide\">\n\n                    \n                    <div class=\"testimonial-slide__content\">\n\n                        <p>\u00ab Nous avons b\u00e2ti cet endroit pour les b\u00e9n\u00e9ficiaires de la Colombie-Britannique qui d\u00e9pendent quotidiennement de nous pour leurs prestations de retraite. Savoir que nos actions soutiennent les objectifs de retraite \u00e0 long terme des gens est une grande source de motivation. \u00bb<\/p>\n\n                    <\/div>\n\n                    \n                    \n                    <div class=\"testimonial-slide__name\">\n\n                        <span>Nisha Agrawal<br \/>Vice-pr\u00e9sidente, Durabilit\u00e9<\/span>\n\n                    <\/div>\n\n                    \n                <\/div>\n\n                \n                <div class=\"testimonial-slide\">\n\n                    \n                    <div class=\"testimonial-slide__content\">\n\n                        <p>\u00ab Je pense que la r\u00e9silience est ancr\u00e9e en nous. Dans cet environnement marqu\u00e9 par de nombreux d\u00e9fis macro\u00e9conomiques, notre organisation fait preuve d\u2019une grande agilit\u00e9 et poss\u00e8de les fondations ainsi que l\u2019\u00e9tat d\u2019esprit n\u00e9cessaires pour s\u2019adapter tr\u00e8s rapidement. \u00bb<\/p>\n\n                    <\/div>\n\n                    \n                    \n                    <div class=\"testimonial-slide__name\">\n\n                        <span>Tamara Lawson<br \/>Cheffe des Services financiers<\/span>\n\n                    <\/div>\n\n                    \n                <\/div>\n\n                \n                <div class=\"testimonial-slide\">\n\n                    \n                    <div class=\"testimonial-slide__content\">\n\n                        <p>\u00ab Nous sommes pass\u00e9s d\u2019un portefeuille national \u00e0 une plateforme mondiale exploit\u00e9e dans plusieurs pays. Et ce qui est remarquable, c\u2019est que nous sommes encore au milieu de ce voyage. \u00bb<\/p>\n\n                    <\/div>\n\n                    \n                    \n                    <div class=\"testimonial-slide__name\">\n\n                        <span>Wesley Tong<br \/>Premier vice-pr\u00e9sident, Finances<\/span>\n\n                    <\/div>\n\n                    \n                <\/div>\n\n                \n                <div class=\"testimonial-slide\">\n\n                    \n                    <div class=\"testimonial-slide__content\">\n\n                        <p>\u00ab Notre plateforme d\u2019emprunts actuelle n\u2019existait pas lorsque je me suis joint \u00e0 l\u2019\u00e9quipe il y a plus de cinq ans. Maintenant, avec plus de 15 milliards de dollars d\u2019investissements, nous sommes pr\u00e9sents partout au Canada, aux \u00c9tats-Unis, en Europe et au Royaume-Uni. Une telle envergure n\u2019est possible qu\u2019avec une organisation qui vous donne l\u2019espace, le soutien et les ressources n\u00e9cessaires pour b\u00e2tir quelque chose de nouveau. \u00bb<\/p>\n\n                    <\/div>\n\n                    \n                    \n                    <div class=\"testimonial-slide__name\">\n\n                        <span>Prashant Raj<br \/>Pr\u00e9sident, Dette mondiale<\/span>\n\n                    <\/div>\n\n                    \n                <\/div>\n\n                \n                <div class=\"testimonial-slide\">\n\n                    \n                    <div class=\"testimonial-slide__content\">\n\n                        <p>\u00ab Je pense que nous b\u00e2tissons QuadReal les uns pour les autres, afin de nous sentir bien dans l\u2019entreprise o\u00f9 nous venons travailler chaque jour\u2026 et nous b\u00e2tissons QuadReal pour nos clients, pour les communaut\u00e9s que nous servons. \u00bb<\/p>\n\n                    <\/div>\n\n                    \n                    \n                    <div class=\"testimonial-slide__name\">\n\n                        <span>Jennifer Spanjaard<br \/>Vice-pr\u00e9sidente, Ressources humaines<\/span>\n\n                    <\/div>\n\n                    \n                <\/div>\n\n                \n                <div class=\"testimonial-slide\">\n\n                    \n                    <div class=\"testimonial-slide__content\">\n\n                        <p>\u00ab\u00a0QuadReal est avant tout une aventure humaine, et, en fin de compte, les personnes les plus importantes pour notre entreprise sont celles pour qui nous la b\u00e2tissons\u2026 et je suis fier de faire partie de cette mission.\u00a0\u00bb<\/p>\n\n                    <\/div>\n\n                    \n                    \n                    <div class=\"testimonial-slide__name\">\n\n                        <span>Farhaz Miah<br \/>Premier vice-pr\u00e9sident, Recherche et strat\u00e9gie<\/span>\n\n                    <\/div>\n\n                    \n                <\/div>\n\n                \n            <\/div>\n            <div class=\"slider-arrow\">\n                <button class=\"custom-arrow testi-prev\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/arroe-white-left.svg\" alt=\"leftarrow\">\n                <\/button>\n                <button class=\"custom-arrow testi-next\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/arrow-white-right.svg\" alt=\"rightarrow\">\n\n                <\/button>\n            <\/div>\n            \n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\njQuery(function($) {\n\n    const $slider = $('#testimonial-slider-6a3b5ff43c184');\n\n    \/\/ simple mobile detection (you can adjust breakpoint)\n    const isMobile = window.matchMedia(\"(max-width: 768px)\").matches;\n\n    $slider.owlCarousel({\n        items: 1,\n        loop: true,\n        autoplay: !isMobile, \/\/ \ud83d\udc48 disable autoplay on mobile\n        autoplayTimeout: 9000,\n        smartSpeed: 1000,\n        autoplayHoverPause: false,\n        mouseDrag: false,\n        touchDrag: true,\n        pullDrag: false,\n        nav: false,\n        dots: true,\n        animateOut: 'fadeOut',\n        animateIn: 'fadeIn'\n    });\n\n    $('.testi-prev').on('click', function(e) {\n        e.preventDefault();\n        $slider.trigger('prev.owl.carousel');\n    });\n\n    $('.testi-next').on('click', function(e) {\n        e.preventDefault();\n        $slider.trigger('next.owl.carousel');\n    });\n\n});\n<\/script>\n\n\n<section id=\"\" class=\"content-section__our-story\">\n\n    <div class=\"container-fluid px-100\">\n\n        <div class=\"our-story-block\">\n            <div class=\"title-block__title\">\n                                <span class=\"f-14 text-uppercase fw-400\">\n                    Notre histoire                <\/span>\n                                <h2 class=\"f-104 fw-400 text-blue mb-90\">\n                    B\u00e2tie par des humains. Pour des humains.                <\/h2>\n            <\/div>\n            <div class=\"story-content__wrapper\">\n                <div class=\"story-content__image\">\n                                        <div class=\"image-wrapper\">\n                                                <img decoding=\"async\" src=\"https:\/\/quadreal.com\/wp-content\/uploads\/2026\/05\/Frame-1069.png\"\n                            alt=\"\">\n                        \n                                                <img decoding=\"async\" class=\"small\" src=\"https:\/\/quadreal.com\/wp-content\/uploads\/2026\/05\/745Thurlow-041-crop.jpg\"\n                            alt=\"\">\n                                            <\/div>\n                                    <\/div>\n                <div class=\"story-content__text\">\n                                        <div class=\"our-story-block__content f-18\">\n                        <p>De six membres d\u2019\u00e9quipe \u00e0 plus de 2 000 personnes soutenant les investissements dans 14 bureaux. Dix ans plus tard, QuadReal est l\u2019un des dix plus importants investisseurs immobiliers en Am\u00e9rique du Nord et figure parmi les vingt premiers \u00e0 l\u2019\u00e9chelle mondiale.<\/p>\n<p>La croissance de QuadReal a toujours repos\u00e9 sur l\u2019humain. Les premi\u00e8res personnes qui ont jet\u00e9 les bases. Les talents qui se sont joints \u00e0 l\u2019\u00e9quipe \u00e0 chaque \u00e9tape et ont continu\u00e9 de relever la barre. Les \u00e9quipes de tous les march\u00e9s qui am\u00e9liorent cette entreprise chaque jour.<\/p>\n<p>Tout ce que QuadReal a cr\u00e9\u00e9 a \u00e9t\u00e9 b\u00e2ti au service de quelqu\u2019un \u2013 les communaut\u00e9s o\u00f9 nous exer\u00e7ons nos activit\u00e9s, les clients qui nous font confiance, les locataires et les r\u00e9sidents qui vivent et travaillent dans nos espaces.<\/p>\n<p>Ce sont les histoires des personnes qui ont b\u00e2ti QuadReal, dans leurs propres mots.<\/p>\n                    <\/div>\n                                    <\/div>\n            <\/div>\n            <div class=\"our-stories-wrapper\">\n                <div class=\"stories-title\">\n                    <h3>Nos histoires<\/h3>\n                    <div class=\"slider-arrow\">\n                        <button class=\"custom-arrow custom-prev\">\n                            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/owl-left-arrow.svg\" alt=\"leftarrow\">\n                        <\/button>\n                        <button class=\"custom-arrow custom-next\">\n                            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/owl-right-arrow.svg\" alt=\"rightarrow\">\n\n                        <\/button>\n                    <\/div>\n                <\/div>\n                                <div id=\"story-slider-6a3b5ff44dea6\" class=\"owl-carousel our-story-slider\">\n                                        <div class=\"story-slide\">\n                        <div class=\"story-slide__image\">\n                                                        <img decoding=\"async\" src=\"https:\/\/quadreal.com\/wp-content\/uploads\/2026\/06\/June-Story-Thumbnail-2.0.png\"\n                                alt=\"Upward view of office tower\">\n                                                    <\/div>\n                        <div class=\"story-slide__content\">\n                            <div class=\"story-content-wrap\">\n                                                                <h3>Comment tout a commenc\u00e9<\/h3>\n                                                                                                <div class=\"slide-copy f-18\">\n                                    <p>L\u2019id\u00e9e audacieuse \u00e0 l\u2019origine de tout.<\/p>\n                                <\/div>\n                                                            <\/div>\n                            <div class=\"story-sction\">\n                                                                <div class=\"story-slide__buttons\">\n\n                                                                        <a href=\"https:\/\/quadreal.com\/fr\/comment-nous-avons-bati-quadreal\/\"\n                                        target=\"_blank\">\n                                        <span>Lire la suite<\/span>\n                                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/read-more-right-arrow.svg\" alt=\"\">\n                                    <\/a>\n                                    \n                                    \n                                <\/div>\n                                                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                                        <div class=\"story-slide\">\n                        <div class=\"story-slide__image\">\n                                                        <div class=\"image-placeholder\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/10-Year-Hero-LI-thumbnail-opt.jpg\"\n                                    alt=\"image placeholder\">\n                            <\/div>\n                                                    <\/div>\n                        <div class=\"story-slide__content\">\n                            <div class=\"story-content-wrap\">\n                                                                <h3>Communaut\u00e9, clients et partenaires<\/h3>\n                                                                                                <div class=\"slide-copy f-18\">\n                                    <p>Pour qui nous b\u00e2tissons et pourquoi nous le faisons.<\/p>\n                                <\/div>\n                                                            <\/div>\n                            <div class=\"story-sction\">\n                                                                <span class=\"story-slide__soon\">\n                                    \u00c0 venir bient\u00f4t                                <\/span>\n                                                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                                        <div class=\"story-slide\">\n                        <div class=\"story-slide__image\">\n                                                        <div class=\"image-placeholder\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/10-Year-Hero-LI-thumbnail-opt.jpg\"\n                                    alt=\"image placeholder\">\n                            <\/div>\n                                                    <\/div>\n                        <div class=\"story-slide__content\">\n                            <div class=\"story-content-wrap\">\n                                                                <h3>B\u00e2tie pour l\u2019adaptation<\/h3>\n                                                                                                <div class=\"slide-copy f-18\">\n                                    <p>Traverser une d\u00e9cennie de changements et de d\u00e9fis.<\/p>\n                                <\/div>\n                                                            <\/div>\n                            <div class=\"story-sction\">\n                                                                <span class=\"story-slide__soon\">\n                                    \u00c0 venir bient\u00f4t                                <\/span>\n                                                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                                        <div class=\"story-slide\">\n                        <div class=\"story-slide__image\">\n                                                        <div class=\"image-placeholder\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/10-Year-Hero-LI-thumbnail-opt.jpg\"\n                                    alt=\"image placeholder\">\n                            <\/div>\n                                                    <\/div>\n                        <div class=\"story-slide__content\">\n                            <div class=\"story-content-wrap\">\n                                                                <h3>D\u00e9finir nos valeurs<\/h3>\n                                                                                                <div class=\"slide-copy f-18\">\n                                    <p>La culture que nous avons b\u00e2tie\u2014et les personnes qui la concr\u00e9tisent.<\/p>\n                                <\/div>\n                                                            <\/div>\n                            <div class=\"story-sction\">\n                                                                <span class=\"story-slide__soon\">\n                                    \u00c0 venir bient\u00f4t                                <\/span>\n                                                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                                        <div class=\"story-slide\">\n                        <div class=\"story-slide__image\">\n                                                        <div class=\"image-placeholder\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/10-Year-Hero-LI-thumbnail-opt.jpg\"\n                                    alt=\"image placeholder\">\n                            <\/div>\n                                                    <\/div>\n                        <div class=\"story-slide__content\">\n                            <div class=\"story-content-wrap\">\n                                                                <h3>Enracin\u00e9e au Canada, b\u00e2tie pour le monde<\/h3>\n                                                                                                <div class=\"slide-copy f-18\">\n                                    <p>Ancrage local, envergure mondiale.<\/p>\n                                <\/div>\n                                                            <\/div>\n                            <div class=\"story-sction\">\n                                                                <span class=\"story-slide__soon\">\n                                    \u00c0 venir bient\u00f4t                                <\/span>\n                                                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                                        <div class=\"story-slide\">\n                        <div class=\"story-slide__image\">\n                                                        <div class=\"image-placeholder\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/10-Year-Hero-LI-thumbnail-opt.jpg\"\n                                    alt=\"image placeholder\">\n                            <\/div>\n                                                    <\/div>\n                        <div class=\"story-slide__content\">\n                            <div class=\"story-content-wrap\">\n                                                                <h3>Plus forts ensemble<\/h3>\n                                                                                                <div class=\"slide-copy f-18\">\n                                    <p>Les plateformes et les partenariats qui propulsent notre entreprise.<\/p>\n                                <\/div>\n                                                            <\/div>\n                            <div class=\"story-sction\">\n                                                                <span class=\"story-slide__soon\">\n                                    \u00c0 venir bient\u00f4t                                <\/span>\n                                                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                                        <div class=\"story-slide\">\n                        <div class=\"story-slide__image\">\n                                                        <div class=\"image-placeholder\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/10-Year-Hero-LI-thumbnail-opt.jpg\"\n                                    alt=\"image placeholder\">\n                            <\/div>\n                                                    <\/div>\n                        <div class=\"story-slide__content\">\n                            <div class=\"story-content-wrap\">\n                                                                <h3>Adopter la technologie et l\u2019IA<\/h3>\n                                                                                                <div class=\"slide-copy f-18\">\n                                    <p>Le changement est au c\u0153ur de notre identit\u00e9.<\/p>\n                                <\/div>\n                                                            <\/div>\n                            <div class=\"story-sction\">\n                                                                <span class=\"story-slide__soon\">\n                                    \u00c0 venir bient\u00f4t                                <\/span>\n                                                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                                        <div class=\"story-slide\">\n                        <div class=\"story-slide__image\">\n                                                        <div class=\"image-placeholder\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/10-Year-Hero-LI-thumbnail-opt.jpg\"\n                                    alt=\"image placeholder\">\n                            <\/div>\n                                                    <\/div>\n                        <div class=\"story-slide__content\">\n                            <div class=\"story-content-wrap\">\n                                                                <h3>Excellence du service<\/h3>\n                                                                                                <div class=\"slide-copy f-18\">\n                                    <p>Red\u00e9finir le sens du service aux r\u00e9sidents, aux locataires et aux communaut\u00e9s.<\/p>\n                                <\/div>\n                                                            <\/div>\n                            <div class=\"story-sction\">\n                                                                <span class=\"story-slide__soon\">\n                                    \u00c0 venir bient\u00f4t                                <\/span>\n                                                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                                        <div class=\"story-slide\">\n                        <div class=\"story-slide__image\">\n                                                        <div class=\"image-placeholder\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/10-Year-Hero-LI-thumbnail-opt.jpg\"\n                                    alt=\"image placeholder\">\n                            <\/div>\n                                                    <\/div>\n                        <div class=\"story-slide__content\">\n                            <div class=\"story-content-wrap\">\n                                                                <h3>Notre plus grand atout<\/h3>\n                                                                                                <div class=\"slide-copy f-18\">\n                                    <p>Les personnes derri\u00e8re QuadReal.<\/p>\n                                <\/div>\n                                                            <\/div>\n                            <div class=\"story-sction\">\n                                                                <span class=\"story-slide__soon\">\n                                    \u00c0 venir bient\u00f4t                                <\/span>\n                                                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                                        <div class=\"story-slide\">\n                        <div class=\"story-slide__image\">\n                                                        <div class=\"image-placeholder\">\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/10-Year-Hero-LI-thumbnail-opt.jpg\"\n                                    alt=\"image placeholder\">\n                            <\/div>\n                                                    <\/div>\n                        <div class=\"story-slide__content\">\n                            <div class=\"story-content-wrap\">\n                                                                <h3>Quelle est la suite?<\/h3>\n                                                                                                <div class=\"slide-copy f-18\">\n                                    <p>Cap sur le prochain chapitre, et la prochaine d\u00e9cennie.<\/p>\n                                <\/div>\n                                                            <\/div>\n                            <div class=\"story-sction\">\n                                                                <span class=\"story-slide__soon\">\n                                    \u00c0 venir bient\u00f4t                                <\/span>\n                                                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                    \n                <\/div>\n\n                            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\njQuery(function($) {\n\n    const $slider = $('#story-slider-6a3b5ff44dea6');\n\n    $slider.owlCarousel({\n        items: 3,\n        loop: true,\n        margin: 30,\n\n        autoplay: false,\n        autoplayHoverPause: false,\n        smartSpeed: 700,\n\n        nav: false,\n        dots: true,\n        mouseDrag: true,\n        touchDrag: true,\n\n        responsive: {\n            0: {\n                items: 1\n            },\n            768: {\n                items: 2\n            },\n            1200: {\n                items: 3\n            }\n        },\n\n        onInitialized: function() {\n            $slider.trigger('stop.owl.autoplay');\n        }\n    });\n\n    \/\/ extra safety (in case something triggers it later)\n    $slider.trigger('stop.owl.autoplay');\n\n    \/\/ Custom arrows\n    $('.custom-next').click(function() {\n        $slider.trigger('next.owl.carousel');\n    });\n\n    $('.custom-prev').click(function() {\n        $slider.trigger('prev.owl.carousel');\n    });\n\n});\n<\/script>\n\n\n<section id=\"\" class=\"content-section__map-block\">\n\n    <div class=\"container-fluid px-0\">\n        <div class=\"map-wrapper\">\n            <div class=\"map-frame\">\n                <div class=\"map-img-wrapper\">\n                    <div class=\"map-bg-img\">\n\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/map-image-qr-2.jpg\" alt=\"Map\" class=\"map-main-image\">\n\n                        <div class=\"map-points-svg\">\n\n                            <ul class=\"map-locations\">\n\n                                <li class=\"location-1\">\n\n                                    <button class=\"location-icon\" type=\"button\">\n                                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Map-Icon.svg\" alt=\"Montreal\">\n                                    <\/button>\n                                    <div class=\"location-popup\">\n                                        <div class=\"icon-arrow\">\n                                            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/Polygonarrow-icon.svg\" alt=\"\">\n                                        <\/div>\n                                        <span class=\"location-title\">Los Angeles<\/span>\n                                        <span class=\"location-address\">ouvert en  2022<\/span>\n                                    <\/div>\n                                <\/li>\n                                <li class=\"location-2\">\n\n                                    <button class=\"location-icon\" type=\"button\">\n                                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Map-Icon.svg\" alt=\"Montreal\">\n                                    <\/button>\n                                    <div class=\"location-popup\">\n                                        <div class=\"icon-arrow\">\n                                            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/Polygonarrow-icon.svg\" alt=\"\">\n                                        <\/div>\n                                        <span class=\"location-title\">Vancouver<\/span>\n                                        <span class=\"location-address\">ouvert en  2016<\/span>\n                                    <\/div>\n                                <\/li>\n                                <li class=\"location-3\">\n\n                                    <button class=\"location-icon\" type=\"button\">\n                                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Map-Icon.svg\" alt=\"Montreal\">\n                                    <\/button>\n                                    <div class=\"location-popup\">\n                                        <div class=\"icon-arrow\">\n                                            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/Polygonarrow-icon.svg\" alt=\"\">\n                                        <\/div>\n                                        <span class=\"location-title\">Calgary<\/span>\n                                        <span class=\"location-address\">ouvert en  2017<\/span>\n                                    <\/div>\n                                <\/li>\n                                <li class=\"location-4\">\n\n                                    <button class=\"location-icon\" type=\"button\">\n                                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Map-Icon.svg\" alt=\"Montreal\">\n                                    <\/button>\n                                    <div class=\"location-popup\">\n                                        <div class=\"icon-arrow\">\n                                            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/Polygonarrow-icon.svg\" alt=\"\">\n                                        <\/div>\n                                        <span class=\"location-title\">Chicago<\/span>\n                                        <span class=\"location-address\">\n                                        ajout\u00e9 en  2023<\/span>\n                                    <\/div>\n                                <\/li>\n                                <li class=\"location-5\">\n\n                                    <button class=\"location-icon\" type=\"button\">\n                                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Map-Icon.svg\" alt=\"Montreal\">\n                                    <\/button>\n                                    <div class=\"location-popup\">\n                                        <div class=\"icon-arrow\">\n                                            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/Polygonarrow-icon.svg\" alt=\"\">\n                                        <\/div>\n                                        <span class=\"location-title\">Collingwood<\/span>\n                                        <span class=\"location-address\">\n                                        ajout\u00e9 en 2023<\/span>\n                                    <\/div>\n                                <\/li>\n                                <li class=\"location-6\">\n\n                                    <button class=\"location-icon\" type=\"button\">\n                                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Map-Icon.svg\" alt=\"Montreal\">\n                                    <\/button>\n                                    <div class=\"location-popup\">\n                                        <div class=\"icon-arrow\">\n                                            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/Polygonarrow-icon.svg\" alt=\"\">\n                                        <\/div>\n                                        <span class=\"location-title\">Toronto<\/span>\n                                        <span class=\"location-address\">ouvert en  2016<\/span>\n                                    <\/div>\n                                <\/li>\n                                <li class=\"location-7\">\n\n                                    <button class=\"location-icon\" type=\"button\">\n                                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Map-Icon.svg\" alt=\"Montreal\">\n                                    <\/button>\n                                    <div class=\"location-popup\">\n                                        <div class=\"icon-arrow\">\n                                            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/Polygonarrow-icon.svg\" alt=\"\">\n                                        <\/div>\n                                        <span class=\"location-title\">New York<\/span>\n                                        <span class=\"location-address\">ouvert en  2018<\/span>\n                                    <\/div>\n                                <\/li>\n                                <li class=\"location-8\">\n\n                                    <button class=\"location-icon\" type=\"button\">\n                                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Map-Icon.svg\" alt=\"Montreal\">\n                                    <\/button>\n                                    <div class=\"location-popup\">\n                                        <div class=\"icon-arrow\">\n                                            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/Polygonarrow-icon.svg\" alt=\"\">\n                                        <\/div>\n                                        <span class=\"location-title\">London<\/span>\n                                        <span class=\"location-address\">ouvert en  2018<\/span>\n                                    <\/div>\n                                <\/li>\n                                <li class=\"location-9\">\n\n                                    <button class=\"location-icon\" type=\"button\">\n                                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/Map-Icon.svg\" alt=\"Montreal\">\n                                    <\/button>\n                                    <div class=\"location-popup\">\n                                        <div class=\"icon-arrow\">\n                                            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/Polygonarrow-icon.svg\" alt=\"\">\n                                        <\/div>\n                                        <span class=\"location-title\">Hong Kong<\/span>\n                                        <span class=\"location-address\">ouvert en  2018<\/span>\n                                    <\/div>\n                                <\/li>\n\n                            <\/ul>\n\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"map-block\">\n\n                                <div class=\"map-block__title\">\n                    <h2 class=\"f-104 fw-400 text-white\">\n                        Tous ensemble                    <\/h2>\n                <\/div>\n\n                \n                                <div class=\"map-block__content f-18\">\n                    <p>Au cours de la derni\u00e8re d\u00e9cennie, nous avons b\u00e2ti bien plus qu\u2019une soci\u00e9t\u00e9 immobili\u00e8re mondiale : nous avons instaur\u00e9 une m\u00e9thode de travail connect\u00e9e. Int\u00e9gr\u00e9es partout et dans chaque domaine, nos \u00e9quipes sur le terrain conjuguent force mondiale et ancrage local, agissant de mani\u00e8re coh\u00e9rente et agile. Il s\u2019agit d\u2019une approche commune fond\u00e9e sur la collaboration, l\u2019harmonisation et la conviction que nous sommes plus forts lorsque nous b\u00e2tissons ensemble.<\/p>\n                <\/div>\n                \n            <\/div>\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n\n    const section = document.querySelector('.map-locations');\n    const locations = document.querySelectorAll('.map-locations li');\n    const isMobile = window.innerWidth <= 991;\n\n    let autoPopupInterval;\n    let currentIndex = 0;\n\n    \/\/ =========================\n    \/\/ INITIAL ANIMATION STATE\n    \/\/ =========================\n    locations.forEach((location, index) => {\n\n        location.style.opacity = '0';\n        location.style.transform = 'translateY(-80px)';\n        location.style.transition =\n            'transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s ease';\n\n    });\n\n    \/\/ =========================\n    \/\/ SCROLL ANIMATION\n    \/\/ =========================\n    const observer = new IntersectionObserver((entries) => {\n\n        entries.forEach(entry => {\n\n            if (entry.isIntersecting) {\n\n                locations.forEach((location, index) => {\n\n                    setTimeout(() => {\n\n                        location.style.opacity = '1';\n                        location.style.transform = 'translate(-50%, -100%)';\n\n                    }, index * 150);\n\n                });\n\n                observer.unobserve(section);\n\n            }\n\n        });\n\n    }, {\n        threshold: 0.3\n    });\n\n    observer.observe(section);\n\n    \/\/ =========================\n    \/\/ CLOSE ALL\n    \/\/ =========================\n    function closeAll() {\n        locations.forEach(item => {\n            item.classList.remove('active');\n        });\n    }\n\n    \/\/ =========================\n    \/\/ MOBILE AUTO POPUP ONLY\n    \/\/ =========================\n    function startAutoPopup() {\n\n        if (!isMobile) return;\n\n        autoPopupInterval = setInterval(() => {\n\n            closeAll();\n\n            locations[currentIndex].classList.add('active');\n\n            currentIndex++;\n\n            if (currentIndex >= locations.length) {\n                currentIndex = 0;\n            }\n\n        }, 2000);\n\n    }\n\n    \/\/ =========================\n    \/\/ DESKTOP HOVER\n    \/\/ MOBILE CLICK\n    \/\/ =========================\n    locations.forEach(location => {\n\n        const button = location.querySelector('.location-icon');\n\n        \/\/ DESKTOP\n        if (!isMobile) {\n\n            location.addEventListener('mouseenter', function() {\n\n                closeAll();\n\n                location.classList.add('active');\n\n            });\n\n            location.addEventListener('mouseleave', function() {\n\n                location.classList.remove('active');\n\n            });\n\n        }\n\n        \/\/ MOBILE\n        else {\n\n\/\/             button.addEventListener('click', function(e) {\n\n\/\/                 e.stopPropagation();\n\n\/\/                 const isActive = location.classList.contains('active');\n\n\/\/                 closeAll();\n\n\/\/                 if (!isActive) {\n\/\/                     location.classList.add('active');\n\/\/                 }\n\n\/\/             });\n\n        }\n\n    });\n\n    \/\/ MOBILE CLICK OUTSIDE CLOSE\n    if (isMobile) {\n\n        document.addEventListener('click', function() {\n            closeAll();\n        });\n\n    }\n\n    \/\/ START MOBILE AUTO POPUP\n    startAutoPopup();\n\n});\n<\/script>\n\n\n<section     class=\"content-section__building-together\">\n    <div class=\"container-fluid px-100\">\n\n                <div class=\"title-block__title\">\n            <h2 class=\"f-104 fw-400 text-blue mt-0\">\n                Dix ans \u00e0 b\u00e2tir ensemble            <\/h2>\n        <\/div>\n                <div class=\"building-wrapper\">\n            <div class=\"building-content\">\n                                <div class=\"content\">\n                    <p>La prochaine d\u00e9cennie s\u2019amorce de la m\u00eame fa\u00e7on, avec conviction, d\u00e9termination et la confiance que le meilleur est encore \u00e0 venir.<\/p>\n                <\/div>\n                                                <div class=\"logo\">\n                    <img loading=\"lazy\" decoding=\"async\" width=\"1850\" height=\"760\" src=\"https:\/\/quadreal.com\/wp-content\/uploads\/2026\/06\/2026-QR-10-Year-Logo-FR-CMYK-Colour-Gradient.svg\" class=\"attachment-full size-full\" alt=\"Logo du 10e anniversaire de QuadReal\" loading=\"lazy\" \/>                <\/div>\n                            <\/div>\n            <div class=\"building-images\">\n                                <div class=\"large-image\">\n                    <img loading=\"lazy\" decoding=\"async\" width=\"1311\" height=\"783\" src=\"https:\/\/quadreal.com\/wp-content\/uploads\/2026\/05\/bt-image-largejpg.jpg\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/quadreal.com\/wp-content\/uploads\/2026\/05\/bt-image-largejpg.jpg 1311w, https:\/\/quadreal.com\/wp-content\/uploads\/2026\/05\/bt-image-largejpg-300x179.jpg 300w, https:\/\/quadreal.com\/wp-content\/uploads\/2026\/05\/bt-image-largejpg-876x523.jpg 876w, https:\/\/quadreal.com\/wp-content\/uploads\/2026\/05\/bt-image-largejpg-768x459.jpg 768w\" sizes=\"auto, (max-width: 1311px) 100vw, 1311px\" \/>                <\/div>\n                \n                                <div class=\"small-image\">\n                    <img loading=\"lazy\" decoding=\"async\" width=\"365\" height=\"540\" src=\"https:\/\/quadreal.com\/wp-content\/uploads\/2026\/05\/bt-image-small.jpg\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/quadreal.com\/wp-content\/uploads\/2026\/05\/bt-image-small.jpg 365w, https:\/\/quadreal.com\/wp-content\/uploads\/2026\/05\/bt-image-small-203x300.jpg 203w, https:\/\/quadreal.com\/wp-content\/uploads\/2026\/05\/bt-image-small-354x523.jpg 354w\" sizes=\"auto, (max-width: 365px) 100vw, 365px\" \/>                <\/div>\n                            <\/div>\n        <\/div>\n                <div class=\"graphic\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"526\" height=\"464\" src=\"https:\/\/quadreal.com\/wp-content\/uploads\/2026\/05\/light-graphic-10.svg\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" \/>        <\/div>\n            <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":37,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/anniversary.php","meta":{"_acf_changed":false,"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"11672,11849,15500,17646,11841,17428","_relevanssi_noindex_reason":"","inline_featured_image":false,"footnotes":""},"class_list":["post-19835","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/quadreal.com\/fr\/wp-json\/wp\/v2\/pages\/19835","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quadreal.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/quadreal.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/quadreal.com\/fr\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/quadreal.com\/fr\/wp-json\/wp\/v2\/comments?post=19835"}],"version-history":[{"count":4,"href":"https:\/\/quadreal.com\/fr\/wp-json\/wp\/v2\/pages\/19835\/revisions"}],"predecessor-version":[{"id":20042,"href":"https:\/\/quadreal.com\/fr\/wp-json\/wp\/v2\/pages\/19835\/revisions\/20042"}],"wp:attachment":[{"href":"https:\/\/quadreal.com\/fr\/wp-json\/wp\/v2\/media?parent=19835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}