1<!DOCTYPE HTML> <html lang="en-US" xmlns:og="http://opengraphprotocol.org/schema/" class="no-js product rooms-layout "> <head>
1<script src="https://plugins.traveltripper.io/v3.6.3/cp.min.js" charset="UTF-8"></script>
1
1<script type="text/javascript"> var rootPath = 'https://rt3api-prd.ttaws.com'; if (rootPath == '') { rootPath = null; } var defaultTimezone = 'America/New_York'; if (defaultTimezone == '') { defaultTimezone = 'America/New_York'; } var defaultCurrency = 'CAD'; if (defaultCurrency == '') { defaultCurrency = 'CAD'; } var locale = window.location.href.includes('/fr') ? 'fr' : 'en'; locale = (locale === 'fr' || locale === 'en') ? locale : 'en'; var defaultNumAdults = 1; var localeOverrides = { 'conversion-plus': {}, 'offer-calendar': { 'labels': { 'book_now': 'Book This Room Now' } }, 'brg-banner': { 'guaranteed_price': 'Free cancellation on all new bookings through 4/30/20' } }; var cpBannerMessage = 'Free Cancellations on All Bookings Thru June 30, 2020'; if (cpBannerMessage) { localeOverrides['conversion-plus'].guaranteed_price = "Free Cancellations on All Bookings Thru June 30, 2020"; } var type = TTWebHotel.Reztrip4; var minRate = null; var maxRate = null; var opts = { defaultLocale: locale, defaultCurrency: defaultCurrency, defaultTimezone: defaultTimezone, defaultNumAdults: defaultNumAdults, localeOverrides: localeOverrides, minRate: minRate, maxRate: maxRate }; if (type == TTWebHotel.Reztrip4) { opts.hotelId = 'SLM'; opts.portalId = 'hotelstlaurent'; opts.rootPath = rootPath; } else if (type == TTWebHotel.Rvng) { opts.channelCode = ''; opts.chainCode = ''; opts.hotelCode = ''; opts.whmHotelCode = ''; opts.bookingEngineUrl = ''; } var ttwebHotel = new TTWebHotel(type, opts); window.ttwebHotel = ttwebHotel; window.abGroup = ttwebHotel.AbTest.assignUser("TestBoost", "ShowBoost", "HideBoost"); if (window.abGroup == "HideBoost") { ttwebHotel.addTarget = function() { return null; }; } var theme = '' || null; if (ttwebHotel) { (function() { var selectedUrls = []; var excludedUrls = []; ttwebHotel.addTarget("conversion_plus_targets-2020-05-05-194513-all-users-33144-305", { name: "All Users", returningUser: null, matchingUrl: "*", sticky: null, selectedUrls: selectedUrls, excludedUrls: excludedUrls, bookingSearch: {"arrival_date":null,"departure_date":null,"min_los":null,"max_los":null,"min_lead_time":null,"room_codes":null,"offer_codes":null} }); })(); } TTRender.initComponents(ttwebHotel, { theme: theme }); </script>
1 <meta charset="utf-8"> <title>Montréal Hotel Rooms & Suites | Hotel Saint-Laurent Montréal</title> <meta name="description" content="Our Montréal hotel rooms & suites include studio, one-bedroom & two-bedroom options with weekly cleaning services, perfect for comfortable longer stays."> <meta name="robots" content="index, follow, noodp, noydir"> <link rel="canonical" href="https://www.hotelstlaurent.com/rooms">
1<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Accommodation", "name": "Hotel St-Laurent", "url": "https://www.hotelstlaurent.com/rooms", "description": "Our Montréal hotel rooms & suites include studio, one-bedroom & two-bedroom options with weekly cleaning services, perfect for comfortable longer stays.", "image": "https://dmrwge4hutn8n.cloudfront.net/www.hotelstlaurent.com-1462099066/cms/cache/v2/67f4093b1bfd8.jpg/2500x1250/fit/80/0b4de0eae178c8252866bc2429d23458.webp", "Keywords": ["2 bedroom suites in montreal", "hotel room montreal", "hotel suite montreal", "suite hotels in montreal"], "petsAllowed": true, "telephone": " +1 514-667-5002", "address": { "@type": "PostalAddress", "streetAddress": "191 Rene Levesque Boulevard", "addressLocality": "Montreal", "addressRegion": "QC", "postalCode": "H2X 3Z9", "addressCountry": "CA" }, "latitude": "45.5107422", "longitude": "-73.5605219", "amenityFeature": [ { "@type": "LocationFeatureSpecification", "name": "Guest Rooms", "description": "Hotel St-Laurent offers beautifully designed guest rooms with modern comforts and thoughtful details." }, { "@type": "LocationFeatureSpecification", "name": "Suites", "description": "Spacious suites provide enhanced comfort with additional living areas and elevated amenities." }, { "@type": "LocationFeatureSpecification", "name": "Extended Stay Options", "description": "Rooms and suites ideal for extended stays with convenient in-room features and hospitality services." }, { "@type": "LocationFeatureSpecification", "name": "Accessible Rooms", "description": "Accessibility-friendly accommodations designed for guests requiring additional support features." } ] } </script>
1
1<script>
vendor: 327 bytes, line 1
1(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','
1GTM-5VHVDLR
vendor: 3 bytes, line 1
1');
1</script>
1 <meta property="og:url" content="https://www.hotelstlaurent.com/rooms"> <meta property="og:title" content="Montréal Hotel Rooms & Suites | Hotel Saint-Laurent Montréal"> <meta property="og:description" content="Our Montréal hotel rooms & suites include studio, one-bedroom & two-bedroom options with weekly cleaning services, perfect for comfortable longer stays."> <meta property="og:type" content="website"><meta property="og:site_name" content="Hôtel Saint-Laurent Montréal"><meta property="og:image" content="https://dmrwge4hutn8n.cloudfront.net/www.hotelstlaurent.com-1462099066/cms/cache/v2/67ed1cf834c21.jpg/1200x630/fit/80/ec0a23a75a6427c99d2e754ca7de2624.jpg"><meta property="og:locale" content="en_US"> <link rel="alternate" hreflang="en-US" href="https://www.hotelstlaurent.com/rooms"> <link rel="alternate" hreflang="x-default" href="https://www.hotelstlaurent.com/rooms"> <link rel="alternate" hreflang="fr" href="https://www.hotelstlaurent.com/fr/rooms"> <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="">
1<script src="https://unpkg.com/[email protected]/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
1 <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="theme-color" content="#dddddd"> <link href="/skins/skin-prodhotelstlaurentv2/favicon.ico" rel="shortcut icon" type="image/x-icon"> <style> @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap'); </style> <style> /* RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } html:not(.keyboard-navigation) :focus { outline: none; } table { border-collapse: collapse; border-spacing: 0; } input::-moz-focus-inner { border: 0; padding: 0; } input::-ms-clear { display: none; } input::-ms-reveal { display: none; } legend { display: none; } @font-face { font-family: "AvenirLTStd-Roman"; font-display: swap; src: url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/AvenirLTStd-Light.woff2") format("woff2"), url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/AvenirLTStd-Light.woff") format("woff"); font-weight: 200; font-style: normal; } @font-face { font-family: "AvenirLTStd-Roman"; font-display: swap; src: url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/AvenirLTStd-LightOblique.woff2") format("woff2"), url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/AvenirLTStd-LightOblique.woff") format("woff"); font-weight: 200; font-style: italic; } @font-face { font-family: "AvenirLTStd-Roman"; font-display: swap; src: url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/AvenirLTStd-Book.woff2") format("woff2"), url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/AvenirLTStd-Book.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "AvenirLTStd-Roman"; font-display: swap; src: url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/AvenirLTStd-BookOblique.woff2") format("woff2"), url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/AvenirLTStd-BookOblique.woff") format("woff"); font-weight: normal; font-style: italic; } @font-face { font-family: "AvenirLTStd-Roman"; font-display: swap; src: url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/AvenirLTStd-Medium.woff2") format("woff2"), url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/AvenirLTStd-Medium.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: "AvenirLTStd-Roman"; font-display: swap; src: url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/AvenirLTStd-MediumOblique.woff2") format("woff2"), url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/AvenirLTStd-MediumOblique.woff") format("woff"); font-weight: 500; font-style: italic; } @font-face { font-family: "AvenirLTStd-Roman"; font-display: swap; src: url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/AvenirLTStd-Heavy.woff2") format("woff2"), url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/AvenirLTStd-Heavy.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: "AvenirLTStd-Roman"; font-display: swap; src: url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/AvenirLTStd-HeavyOblique.woff2") format("woff2"), url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/AvenirLTStd-HeavyOblique.woff") format("woff"); font-weight: 700; font-style: italic; } @font-face { font-family: "AvenirLTStd-Roman"; font-display: swap; src: url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/AvenirLTStd-Black.woff2") format("woff2"), url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/AvenirLTStd-Black.woff") format("woff"); font-weight: 900; font-style: normal; } @font-face { font-family: "AvenirLTStd-Roman"; font-display: swap; src: url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/AvenirLTStd-BlackOblique.woff2") format("woff2"), url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/AvenirLTStd-BlackOblique.woff") format("woff"); font-weight: 900; font-style: italic; } @font-face { font-family: "Housegrind"; font-display: swap; src: url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/Housegrind.woff2") format("woff2"), url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/Housegrind.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "ITC New Baskerville"; font-display: swap; src: url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/ITC New Baskerville.woff2") format("woff2"), url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/ITC New Baskerville.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "Gotham"; font-display: swap; src: url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/gotham-light.woff2") format("woff2"), url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/gotham-light.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: "Gotham"; font-display: swap; src: url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/gotham-medium.woff2") format("woff2"), url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/fonts/gotham-medium.woff") format("woff"); font-weight: 500; font-style: normal; } html, body, input, textarea, button { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input[type=submit], button { -webkit-appearance: none; -moz-appearance: none; } button, input, textarea { padding: 0; margin: 0; } @media only screen and (max-width: 979px) { input[type=text], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } }
1 button, input:not([type=checkbox]):not([type=radio]), textarea { border-radius: 0; border: none; background: none; } a, input[type=submit], button, .button { cursor: pointer; transition: color 350ms ease-in-out, background-color 350ms ease-in-out, border-color 350ms ease-in-out; } .hide { display: none; } .no-select { user-select: none !important; -o-user-select: none !important; -moz-user-select: none !important; -webkit-user-select: none !important; -ms-user-select: none !important; } .center-column { position: relative; max-width: 1800px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } .center-column:after { clear: both; content: ""; display: table; } @media only screen and (max-width: 979px) { .center-column { padding: 0 10px; } } .button, input[type=submit].button, #submit_button { position: relative; display: inline-block; height: 39px; margin: 0; padding: 0 20px; overflow: visible; color: #000; background: #8F6E19; font: 13px/39px "Public Sans", serif; text-transform: uppercase; -moz-text-align-last: auto; text-align-last: auto; text-decoration: none; text-align: center; white-space: nowrap; transition: 350ms ease-in-out; } .button:hover, input[type=submit].button:hover, #submit_button:hover { color: #fff; background: #000; } .button.button-grey, input[type=submit].button.button-grey, #submit_button.button-grey { background: #e7e7e7; } .button.button-grey:hover, input[type=submit].button.button-grey:hover, #submit_button.button-grey:hover { color: #fff; background: #000; } .button.button-blank, input[type=submit].button.button-blank, #submit_button.button-blank { background: #fff; border: 2px solid #8F6E19; line-height: 36px; } .button.button-blank:hover, input[type=submit].button.button-blank:hover, #submit_button.button-blank:hover { color: #000; background: #8F6E19; } select { border-radius: 0; background: none; border: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; position: relative; display: inline-block; height: 38px; line-height: 38px; padding: 0 16px; border: thin solid #F4F4F4; font: 14px/38px "Barlow", serif; text-align: left; background: #fff; transition: color 350ms ease-in-out, background-color 350ms ease-in-out, border-color 350ms ease-in-out; } select::-ms-expand { display: none; } .select-wrapper { position: relative; } .select-wrapper select { padding-right: 36px; } .select-wrapper .select-icon { position: absolute; top: 50%; right: 10px; width: 8px; height: 8px; border-bottom: 1px solid #000; border-left: 1px solid #000; transform: rotate(-45deg) translateY(-50%); margin-top: -4px; pointer-events: none; } .category-selector { text-align: center; font-size: 0; margin: 50px 0 40px 0; } @media only screen and (max-width: 979px) { .category-selector { margin: 23px 0; } } .category-selector .button { background: none; height: auto; font: 800 13px/13px "Public Sans", serif; letter-spacing: 1.3px; text-transform: uppercase; padding: 0 40px; margin-bottom: 10px; } @media only screen and (max-width: 979px) { .category-selector .button { display: none; } } .category-selector .button:hover { color: #8F6E19; } .category-selector .button.active { font-weight: 700; text-decoration: underline; } @media only screen and (max-width: 979px) { .category-selector.not-for-process .button { display: inline-block; } } .category-selector .button + .button:after { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 12px; background: rgba(0, 0, 0, 0.5); transform: translateY(-50%); } .category-selector .select-wrapper { display: none; } @media only screen and (max-width: 979px) { .category-selector .select-wrapper { display: block; } } .category-selector .select-wrapper select { width: 100%; border: 1px solid #8F6E19; color: #131313; background: #FFF; padding: 0 36px 0 18px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; } .category-selector .select-wrapper select + .select-icon { right: 22px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #8F6E19; border-bottom: none; margin: 0; } .slideshow-button { position: absolute; top: 50%; margin-top: -18px; width: 36px; height: 36px; border: 2px solid #fff; color: #000; border-bottom: 0; border-left: 0; text-indent: -100em; overflow: hidden; transition: all 350ms ease-in-out; cursor: pointer; z-index: 15; } .slideshow-button:hover { border-color: #8F6E19; } .slideshow-button.swiper-button-disabled { opacity: 0.3; } .slideshow-button.previous { left: 30px; transform: rotate(-135deg); } @media only screen and (max-width: 979px) { .slideshow-button.previous { left: 20px; } } .slideshow-button.next { right: 30px; transform: rotate(45deg); } @media only screen and (max-width: 979px) { .slideshow-button.next { right: 20px; } } .slideshow-button.on-bg { transform: rotate(0) translateY(-50%); background-color: rgba(0, 0, 0, 0.4); border: none; margin-top: 0; width: 50px; height: 50px; } .slideshow-button.on-bg:hover { background-color: #000; } .slideshow-button.on-bg .arrow { transform-origin: 50%; border-right: 2px solid #dddddd; border-top: 2px solid #dddddd; position: absolute; top: calc(50% + 4px); left: 50%; transform: rotate(45deg) translateX(calc(-50% - 8px)); width: 16px; height: 16px; } .slideshow-button.on-bg.previous { transform: rotate(-180deg) translateY(50%); } html:not(.no-js) .fade-on-scroll { transform: translate(0, 50px); opacity: 0; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 750ms; } html:not(.no-js) .fade-on-scroll.from-left { transform: translate(-50px, 0); } html:not(.no-js) .fade-on-scroll.from-right { transform: translate(50px, 0); } html:not(.no-js) .fade-on-scroll.visible { transform: translate(0, 0); opacity: 1; } .screen-reader-only { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; border: 0 !important; padding: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; clip-path: inset(50%) !important; overflow: hidden !important; word-wrap: normal !important; } /* Object-fit */ .object-fit { position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; width: 100%; height: 100%; z-index: 0; } @media only screen and (max-width: 979px) { .hidden-on-mobile:not(.soft-hide), .hide-on-mobile:not(.soft-hide), .select-wrapper[data-select-class*=hidden-on-mobile]:not(.soft-hide) { display: none !important; } .hidden-on-mobile.soft-hide, .hide-on-mobile.soft-hide, .select-wrapper[data-select-class*=hidden-on-mobile].soft-hide { position: absolute !important; left: -9999px !important; top: -9999px !important; visibility: hidden !important; pointer-events: none !important; max-width: 100%; max-height: 100%; overflow: hidden !important; z-index: -1; } } @media only screen and (min-width: 768px) and (max-width: 979px) { .hidden-on-tablet:not(.soft-hide), .hide-on-tablet:not(.soft-hide), .select-wrapper[data-select-class*=hidden-on-tablet]:not(.soft-hide) { display: none !important; } .hidden-on-tablet.soft-hide, .hide-on-tablet.soft-hide, .select-wrapper[data-select-class*=hidden-on-tablet].soft-hide { position: absolute !important; left: -9999px !important; top: -9999px !important; visibility: hidden !important; pointer-events: none !important; max-width: 100%; max-height: 100%; overflow: hidden !important; z-index: -1; } } @media only screen and (max-width: 979px) { .hidden-on-mobile-devices:not(.soft-hide), .hide-on-mobile-devices:not(.soft-hide), .select-wrapper[data-select-class*=hidden-on-mobile-device]:not(.soft-hide) { display: none !important; } .hidden-on-mobile-devices.soft-hide, .hide-on-mobile-devices.soft-hide, .select-wrapper[data-select-class*=hidden-on-mobile-device].soft-hide { position: absolute !important; left: -9999px !important; top: -9999px !important; visibility: hidden !important; pointer-events: none !important; max-width: 100%; max-height: 100%; overflow: hidden !important; z-index: -1; } } @media only screen and (min-width: 980px) { .hidden-on-desktop:not(.soft-hide), .hide-on-desktop:not(.soft-hide), .select-wrapper[data-select-class*=hidden-on-desktop]:not(.soft-hide) { display: none !important; } .hidden-on-desktop.soft-hide, .hide-on-desktop.soft-hide, .select-wrapper[data-select-class*=hidden-on-desktop].soft-hide { position: absolute !important; left: -9999px !important; top: -9999px !important; visibility: hidden !important; pointer-events: none !important; max-width: 100%; max-height: 100%; overflow: hidden !important; z-index: -1; } } .ng-lightbox .ng-lightbox-inner .close-popup:after, .ng-lightbox .ng-lightbox-inner .close-popup:before { background-color: #000; } .breadcrumb-wrap { display: flex; align-items: center; justify-content: left; padding: 16px 24px; border-bottom: 1px solid #F4F4F4; } .breadcrumb-wrap a { font: 300 14px/24px "Public Sans", serif; letter-spacing: 0.21px; color: #3B3134; text-decoration: none; } .breadcrumb-wrap a:last-child { color: #8F6E19; } .mb-32 { margin-top: 32px; } .instagram-feed-acm { position: relative; } .instagram-feed-acm.additional-content-acm { padding: 0 32px; padding-bottom: 88px; } @media only screen and (max-width: 979px) { .instagram-feed-acm.additional-content-acm { padding-bottom: 64px; } } .instagram-feed-acm .horizontal-line { position: relative; background-color: #F4F4F4; width: calc(100% - 40px); height: 1px; margin: 0 auto; } .instagram-feed-acm .center-column { padding-top: 88px; } @media only screen and (max-width: 979px) { .instagram-feed-acm .center-column { padding-top: 64px; } } .instagram-feed-acm .images-wrap { display: flex; flex-wrap: wrap; gap: 10px; } @media only screen and (max-width: 979px) { .instagram-feed-acm .images-wrap { flex-wrap: nowrap; } } .instagram-feed-acm .instafeed-swiper { width: 100%; height: 100%; overflow: hidden; } .instagram-feed-acm .item { text-align: center; display: flex; justify-content: center; align-items: center;
1 width: calc(25% - 10px); max-width: calc(25% - 10px); } @media only screen and (max-width: 979px) { .instagram-feed-acm .item { width: 100%; max-width: 100%; height: 300px; } } .instagram-feed-acm .item img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .instagram-feed-acm .load-more-button { display: flex; margin: 0 auto; margin-top: 32px; } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } html { position: relative; overflow-y: scroll; height: 100%; background: #F4F4F4; color: #3B3134; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } body { position: relative; } html, body { height: 100%; } html, body, input, textarea, button { font-family: "Public Sans", serif; font-size: 15px; font-style: normal; font-weight: 300; line-height: 24px; letter-spacing: 0.3px; } @media only screen and (max-width: 979px) { html, body, input, textarea, button { font-size: 14px; line-height: 22px; letter-spacing: 0.21px; } } a { color: #8F6E19; text-decoration: underline; } a:hover { color: #8F6E19; } @media only screen and (min-width: 980px) { ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { background: #F4F4F4; } ::-webkit-scrollbar-thumb { background: #8F6E19; } } .alert-bar { display: none; box-sizing: border-box; position: fixed; top: 0; left: 0; width: 100%; padding: 10px 70px; height: 40px; z-index: 10000; background: #f4f4f4; border-bottom: 1px solid #000; line-height: 20px; font-size: 16px; text-align: center; } @media only screen and (min-width: 768px) and (max-width: 979px) { .alert-bar { height: 60px; } } @media only screen and (max-width: 979px) { .alert-bar { height: 80px; padding: 10px 25px; } } .alert-bar.visible { display: block; } .alert-bar .content { display: inline-block; } .alert-bar .close { position: absolute; right: 0; top: 5px; text-indent: -1000px; overflow: hidden; width: 30px; height: 30px; display: block; z-index: 2; } .alert-bar .close:after, .alert-bar .close:before { content: ""; position: absolute; top: 50%; left: 50%; background: #000; } .alert-bar .close:after { width: 20px; height: 1px; transform: translate(-50%, -50%) rotate(-45deg); } .alert-bar .close:before { width: 1px; height: 20px; transform: translate(-50%, -50%) rotate(-45deg); } #header { position: fixed; left: 0; top: 0; height: 76px; background: #fff; width: 100%; border-bottom: 1px solid #F4F4F4; z-index: 70; } .alert-visible #header { top: 40px; } @media only screen and (min-width: 768px) and (max-width: 979px) { .alert-visible #header { top: 60px; } } @media only screen and (max-width: 979px) { .alert-visible #header { top: 80px; } } @media only screen and (max-width: 979px) { #header { height: 56px; } } @media only screen and (max-width: 979px) and (orientation: landscape) { #header { position: absolute; } } #header .center-column { height: 100%; max-width: 1440px; } #header .header-nav-wrapper { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } #header .logo { position: relative; top: 50%; transform: translateY(-50%); position: relative; height: 60px; width: auto; left: 20px; text-align: center; top: auto; transform: none; } @media only screen and (max-width: 979px) { #header .logo { height: 46px; } } #header .logo img { display: block; width: auto; height: 100%; } #header .main-navigation-wrapper { display: flex; flex-direction: row; align-items: center; gap: 16px; } @media only screen and (min-width: 1300px) { #header .main-navigation-wrapper { gap: 32px; } } #header #language_selector { display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 979px) { #header #language_selector { display: none; } } #header #language_selector li { position: relative; line-height: 12px; } #header #language_selector li.active a { color: black; } #header #language_selector li a { font: 800 13px/13px "Public Sans", serif; text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: 1.3px; color: #60595B; } #header #language_selector li:first-child { border-right: 1px solid rgba(0, 0, 0, 0.5); padding-right: 6px; margin-right: 6px; } @media only screen and (min-width: 1300px) { #header #language_selector li:first-child { padding-right: 12px; margin-right: 12px; } } #header .main-menu { position: relative; display: flex; flex-direction: row; } @media only screen and (max-width: 979px) { #header .main-menu { display: none; } } #header .main-menu .menu.level-1 { width: 100%; display: flex; justify-content: space-between; flex-direction: row; white-space: nowrap; gap: 14px; } @media only screen and (min-width: 1300px) { #header .main-menu .menu.level-1 { gap: 28px; } } #header .main-menu .menu.level-1 > li { position: relative; display: inline-block; } #header .main-menu .menu.level-1 > li > a { display: block; height: 76px; font: 600 15px/76px "Public Sans", serif; text-align: center; text-decoration: none; text-transform: capitalize; letter-spacing: 0.3px; color: #3B3134; } #header .main-menu .menu.level-1 > li > a:after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 2px; background: #8F6E19; opacity: 0; transition: 0.5s; } #header .main-menu .menu.level-1 > li > a.active { color: #8F6E19; } #header .main-menu .menu.level-1 > li:hover > a { color: #000; } #header .main-menu .menu.level-1 > li:hover > a:after { opacity: 1; } #header .main-menu .menu.submenu { position: absolute; left: 50%; transform: translateX(-50%); top: 100%; padding: 24px 24px 40px; min-width: calc(100% + 100px); background: #fff; border: 1px solid #F4F4F4; border-top: 0; visibility: hidden; font-size: 0; max-height: 0; overflow: hidden; transition: max-height 0.2s, visibility 0.2s; } #header .main-menu .menu.submenu a { display: inline-block; width: auto; font: 300 15px/24px "Public Sans", serif; letter-spacing: 0.3px; text-decoration: none; text-align: right; color: #3B3134; border-bottom: 2px solid white; } #header .main-menu .menu.submenu a.active { color: #8F6E19; border-bottom: 2px solid #8F6E19; } #header .main-menu .menu.submenu a:hover { color: #3B3134; border-bottom: 2px solid #8F6E19; } #header .main-menu .menu.submenu li { margin-bottom: 16px; } #header .main-menu .menu.submenu li:last-child { margin-bottom: 0; } #header .main-menu .menu.submenu.rooms-columns-submenu > li { margin-bottom: 0; display: inline-block; vertical-align: top; } #header .main-menu .menu.submenu.rooms-columns-submenu > li + li { border-left: 1px solid #F4F4F4; padding-left: 50px; margin-left: 50px; } #header .main-menu .menu.submenu.rooms-columns-submenu > li > a { font-weight: bold; text-transform: uppercase; margin-bottom: 15px; }
1 #header .main-menu li:hover .menu.submenu, #header .main-menu .expanded .menu.submenu { visibility: visible; max-height: 1000px; } #header .main-menu li:last-child .menu.submenu, #header .main-menu li:nth-last-child(2) > .menu.submenu { left: auto; right: -26px; transform: translateX(0); } #header .main-menu li:last-child .menu.submenu a, #header .main-menu li:nth-last-child(2) > .menu.submenu a { text-align: right; } #skip-to-content { position: absolute; left: 50%; top: -9999px; padding: 0 30px; transform: translate(-50%, 0); background: #000; color: #fff; text-decoration: none; height: 66px; font: 14px/66px "Public Sans", serif; font-weight: bold; text-transform: uppercase; z-index: 30; } #skip-to-content:hover { color: #FFF; background: #8F6E19; } .keyboard-navigation #skip-to-content:focus { top: 5px; } #mobile-navigation-trigger { display: none; position: absolute; right: 0; top: 0; width: 64px; height: 100%; border-left: 1px solid #F4F4F4; transition: background 200ms; z-index: 20; } @media only screen and (max-width: 979px) { #mobile-navigation-trigger { display: block; } } #mobile-navigation-trigger .smart-icon { position: absolute; left: 50%; top: 50%; margin: -9px 0 0 -14px; font-size: 0; } #mobile-navigation-trigger .smart-icon span { display: block; width: 26px; height: 2px; margin-bottom: 5px; background: #000; transition: background 200ms, transform 150ms, border-radius 150ms; transform-origin: 50% 50%; } #mobile-navigation-trigger .smart-icon span:last-child { margin-bottom: 0; } #mobile-navigation-trigger:hover .smart-icon span { transform: none; } #mobile-navigation-trigger:hover .smart-icon span:first-child { transform: translate(0, -2px); } #mobile-navigation-trigger:hover .smart-icon span:last-child { transform: translate(0, 2px); } #mobile-navigation-trigger:active .smart-icon span, #mobile-navigation-trigger:active .smart-icon span:first-child, #mobile-navigation-trigger:active .smart-icon span:last-child { transition: transform 100ms; transform: none; } .mobile-navigation-visible #mobile-navigation-trigger .smart-icon span { transform: scale(0) rotate(90deg); border-radius: 0; } .mobile-navigation-visible #mobile-navigation-trigger .smart-icon span:first-child { transform: translate(0, 8px) rotate(45deg); } .mobile-navigation-visible #mobile-navigation-trigger .smart-icon span:last-child { transform: translate(0, -6px) rotate(135deg); } .mobile-navigation-visible #mobile-navigation-trigger:active .smart-icon { transform: scale(0.94); } #header-phone { position: absolute; top: 0; right: 64px; width: 64px; height: 100%; border-left: 1px solid #F4F4F4; display: none; } @media only screen and (max-width: 979px) { #header-phone { display: block; } } #header-phone .title { display: none; } #header-phone a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; background: url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/images/sprite.svg") -49px -49px no-repeat; overflow: hidden; text-indent: -10000px; } .booking-trigger, .trigger-btn { position: relative; top: 50%; transform: translateY(-50%); position: relative; top: auto; transform: none; right: auto; padding: 0 30px; z-index: 20; height: 42px; } @media only screen and (min-width: 768px) and (max-width: 979px) { .booking-trigger, .trigger-btn { right: 86px; } } @media only screen and (max-width: 979px) { .booking-trigger, .trigger-btn { position: fixed; bottom: 0; left: 0; width: 100%; border: 10px solid #fff !important; color: #fff !important; line-height: 35px !important; height: 55px; top: auto; transform: translateY(0); } } .booking-trigger.desktop-only, .trigger-btn.desktop-only { display: block; line-height: normal; padding: 0 14px; } @media only screen and (min-width: 1300px) { .booking-trigger.desktop-only, .trigger-btn.desktop-only { padding: 0 24px; } } @media only screen and (max-width: 979px) { .booking-trigger.desktop-only, .trigger-btn.desktop-only { display: none; } } .booking-trigger.mobile-only, .trigger-btn.mobile-only { display: none; } @media only screen and (max-width: 979px) { .booking-trigger.mobile-only, .trigger-btn.mobile-only { display: block; z-index: 55; } .booking-trigger.mobile-only.active, .trigger-btn.mobile-only.active { position: fixed; z-index: 70; top: 70px; left: auto; right: 20px; font-size: 0; background-color: transparent !important; border: 0 !important;
1 width: 20px; height: 20px; } .booking-trigger.mobile-only.active:after, .trigger-btn.mobile-only.active:after { position: absolute; top: 0; content: ""; background-image: url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/images/close-white.svg"); width: 20px; height: 20px; background-size: contain; background-position: center; background-repeat: no-repeat; } } .faq-section { max-width: 890px; margin: 0 auto; text-align: center; } .faq-section .faq-section-question { font-weight: 700; } #mobile-navigation { display: none; } #photos { position: relative; bottom: 0; width: 100%; overflow: hidden; height: 600px; min-height: 400px; max-height: 80vh; margin-top: 76px; background: #000; z-index: 40; } @media only screen and (max-width: 979px) { .room-single-page #photos { display: none; } } #photos:after { content: ""; left: 50%; width: 1px; height: 91px; background: #fff; position: absolute; bottom: -41px; z-index: 10; } .home #photos:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25.07%, rgba(0, 0, 0, 0.6) 100%), transparent 50%/cover no-repeat; } @media only screen and (max-width: 979px) { #photos { height: 80%; margin-top: 56px; } } .home #photos, .topimage-has-videos #photos { height: 1000px; } @media only screen and (max-width: 979px) { .home #photos, .topimage-has-videos #photos { height: calc(100vh - 111px); max-height: none; } } #photos.no-image { height: auto; min-height: auto; background: #fff; } #photos.no-image h1.main-heading { position: relative; color: #000; margin-top: 62px; bottom: auto; left: auto; transform: translateX(0); background: none; } #photos a { position: static; display: block; height: 100%; } #photos .loading:before { content: " "; position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; margin: -12px 0 0 -12px; border: 3px solid transparent; border-top-color: #8F6E19; border-bottom-color: #8F6E19; border-radius: 50%; animation: loading-icon-spin 1200ms linear infinite; } @keyframes loading-icon-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #photos .slideshow { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } #photos .slideshow-wrapper { width: 100%; height: 100%; } #photos .slide { position: relative; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } @media only screen and (min-width: 768px) { #photos .slide.video-slide { background-image: none !important; } } #photos .slide .link-only { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; color: #fff; } .keyboard-navigation #photos .slide .link-only:focus { background: rgba(255, 255, 255, 0.2); } #photos .slide .embedded-video { width: 100%; height: 100%; position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; overflow: hidden; } #photos .slide .embedded-video:after { position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; content: ""; top: 0; } #photos .slide iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale3d(1.5, 1.5, 1.5); } @media only screen and (max-width: 979px) { #photos .slide iframe { transform: scale3d(3.5, 3.5, 3.5); } } #photos h1.main-heading { position: absolute; right: 0; left: 0; bottom: 0; color: #fff; font: 46px/1.2 "Public Sans", serif; text-transform: uppercase; text-align: center; padding: 60px 60px 38px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); } @media only screen and (max-width: 979px) { #photos h1.main-heading { font-size: 32px; } } @media only screen and (max-width: 979px) { #photos h1.main-heading { padding: 40px 10px 55px; font-size: 27px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); } } .home #photos h1.main-heading { padding-bottom: 86px; } @media only screen and (max-width: 979px) { .home #photos h1.main-heading { padding-bottom: 55px; } } #photos .slideshow-button { color: #fff; } #photos .swiper-pagination-photos { z-index: 2; position: absolute; text-align: center; font-size: 0; line-height: 0; bottom: 20px; right: 50%; transform: translateX(50%); } #photos .swiper-pagination-photos > * { display: inline-block; width: 10px; height: 10px; line-height: 1; margin: 0 5px; text-indent: -9999px; overflow: hidden; background: transparent; border: 1px solid #fff; border-radius: 50%; transition: background 350ms ease-in-out; cursor: pointer; } #photos .swiper-pagination-photos > *:hover, #photos .swiper-pagination-photos > *.swiper-pagination-bullet-active { background: #fff; } @media only screen and (max-width: 979px) { #photos .swiper-pagination-photos { bottom: 20px; } } #photos .fake-fraction-pagination { z-index: 2; position: absolute; bottom: 30px; right: 35px; color: #fff; font: 14px "Public Sans", serif; } @media screen and (max-width: 1200px) { .home #photos .fake-fraction-pagination { bottom: 90px; } } #photos .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; -o-object-fit: cover; object-fit: cover; } #photos .video video, #photos .video iframe { width: 100vw; height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-height: 100vh; min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media only screen and (min-width: 1300px) { #photos .video video, #photos .video iframe { min-height: 75.25vw; } } @media only screen and (max-width: 979px) and (orientation: landscape) { #photos .video video, #photos .video iframe { min-width: 100%; min-height: 100%; width: auto; height: auto; } } #photos .video .video-thumb { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; } #photos .video .play-pause { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; height: 50px; width: 50px; font-size: 0; border-radius: 50%; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); transition: all 350ms ease-in-out; opacity: 1; } #photos .video .play-pause:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 20px solid #000; } #photos .scroll-to-explore { font: 500 14px/67px "Barlow", serif; text-transform: uppercase; letter-spacing: 0.7px; text-indent: 2px; color: #fff; position: absolute; left: 50%; bottom: 109px; width: 200px; margin-left: -100px; padding-bottom: 18px; font-weight: normal; text-align: center; cursor: pointer; z-index: 16; transition: color 200ms; } @media only screen and (max-width: 979px) { #photos .scroll-to-explore { display: none; } } #photos .scroll-to-explore:after { content: "";
1 animation: float 2.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite; will-change: transform; transform: translate3d(0, 0, 0); position: absolute; top: 67px; left: 50%; width: 24px; height: 42px; margin-left: -12px; background: url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/images/sprite.svg") -280px -150px no-repeat; } @keyframes float { from { transform: translate3d(0, 0, 0); } 65% { transform: translate3d(0, 8px, 0); } to { transform: translate3d(0, 0, 0); } } #photos .ttweb-room-primary-image picture img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .header-inside-photo-wrapper #photos .scroll-to-explore { bottom: 210px; } .no-scroll-icon .scroll-to-explore { display: none; } #horizontal-booking { display: none; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 990px; max-width: 90vw; padding: 0 24px; height: 126px; background: #FFF; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15); z-index: 50; } @media only screen and (max-width: 979px) { #horizontal-booking { position: relative; width: 100%; height: auto; padding: 30px 24px; top: auto; left: auto; transform: none; width: 100%; max-width: 100%; } } .home #horizontal-booking, .countdown-promo #horizontal-booking { display: block; } #horizontal-booking form { text-align: left; font-size: 0; position: relative; top: 50%; transform: translateY(-50%); } @media only screen and (max-width: 979px) { #horizontal-booking form { top: auto; transform: none; } } #horizontal-booking .inputs { display: flex; flex-direction: row; justify-content: space-between; } @media only screen and (max-width: 979px) { #horizontal-booking .inputs { flex-direction: column; align-items: center; justify-content: center; } } #horizontal-booking .column { position: relative; display: inline-block; } #horizontal-booking .column.dates { width: 34%; } @media only screen and (max-width: 979px) { #horizontal-booking .column.dates { width: 100%; margin-bottom: 12px; } } #horizontal-booking .column.dates:after { position: absolute; content: ""; top: 50%; transform: translateY(-50%); right: 10px; left: auto; bottom: auto; background-image: url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/images/gold-cal.svg"); height: 16px; width: 16px; } #horizontal-booking .column.rooms, #horizontal-booking .column.adults { width: 20%; } @media only screen and (max-width: 979px) { #horizontal-booking .column.rooms, #horizontal-booking .column.adults { width: 100%; margin-bottom: 12px; } } #horizontal-booking legend { display: block; font: 500 14px/14px "Barlow", serif; letter-spacing: 0.7px; text-transform: uppercase; color: #3B3134; margin-bottom: 20px; } @media only screen and (max-width: 979px) { #horizontal-booking legend { text-align: center; font: 600 14px/22px "Barlow", serif; letter-spacing: 0.28px; } } #horizontal-booking label { display: none; } #horizontal-booking input[type=text], #horizontal-booking input[type=date], #horizontal-booking select, #horizontal-booking .input-overlay { display: block; width: 100%; height: 44px; font: 300 14px/24px "Public Sans", serif; letter-spacing: 0.21px; padding: 0 16px; background: #FFF; border: 1px solid #F4F4F4; } #horizontal-booking .input-overlay { opacity: 0; margin-top: -38px; } #horizontal-booking .select-wrapper { width: 100%; } #horizontal-booking input[type=submit] { display: inline-block; vertical-align: top; } #main-wrapper { overflow: hidden; } #main { display: block; position: relative; background: #fff; max-width: 100%; } @media only screen and (max-width: 979px) { .room-single-page #main { margin-top: 36px; } } #content { position: relative; padding: 0 0 50px 0; z-index: 10; } #content:after { clear: both; content: ""; display: table; } @media only screen and (max-width: 979px) { #content { padding: 0 0 20px 0; } } #content:focus { outline: none; } .home #content { padding-top: 120px; } @media only screen and (max-width: 979px) { .home #content { padding-top: 80px; } } @media only screen and (max-width: 979px) { .home #content { padding-top: 0; } } .full-width-layout #content .center-column { width: 100%; max-width: 100%; padding: 0 20px; } #main-content { display: flex; flex-direction: column; } #main-content.center-column { max-width: 890px; } .home #main-content.center-column { width: inherit; max-width: 1300px; } #main-content #content-submenu { flex-shrink: 0; } #main-content > .page-content { width: 100%; padding-top: 60px; padding-bottom: 60px; } @media only screen and (max-width: 979px) { #main-content > .page-content { padding-bottom: 20px !important; } } #main-content > .page-content.empty { padding: 0; } .home #main-content > .page-content { padding-bottom: 40px; } #main-content > .page-content h1, #main-content > .page-content h2 { margin-bottom: 24px; } @media only screen and (max-width: 979px) { #main-content > .page-content h1, #main-content > .page-content h2 { margin-bottom: 20px; } } #main-content > .page-content p { margin-bottom: 28px; } #main-content #content-submenu + .page-content { padding-top: 0; } #content-submenu { width: 100%; margin: 48px 0; text-align: center; } #content-submenu.empty-content { margin-bottom: 0; } @media only screen and (max-width: 979px) { #content-submenu ul { display: none; } } #content-submenu ul ul { margin: 10px 20px; } #content-submenu li { position: relative; display: inline-block; padding: 0 20px; vertical-align: middle; max-width: 24%; } #content-submenu li + li:after { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 12px; background: rgba(0, 0, 0, 0.5); transform: translateY(-50%); } #content-submenu a { font-size: 16px; line-height: 1; font-weight: 200; text-decoration: none; text-transform: uppercase; } #content-submenu a.active { font-weight: 700; text-decoration: underline; } #content-submenu a:hover { color: #8F6E19; } #content-submenu .select-wrapper, #content-submenu #submenu-select { display: none; } @media only screen and (max-width: 979px) { #content-submenu .select-wrapper, #content-submenu #submenu-select { display: inline-block; } } .blog-page.template-2 #main-content { display: block; } .blog-page.template-2 #header-blog { position: fixed; left: 0; top: 0; height: 120px; background: #fff; width: 100%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); z-index: 70; } @media only screen and (max-width: 979px) { .blog-page.template-2 #header-blog { height: 104px; } } .blog-page.template-2 #header-blog .top-bar { background-color: #3B3134; position: relative; width: 100%; text-align: left; height: 24px; } .blog-page.template-2 #header-blog .top-bar .global-home { margin-left: 75px; display: inline-block; color: #F7F7F7; font-family: "Public Sans", serif; font-size: 12px; font-style: normal; font-weight: 500; line-height: 12px; letter-spacing: 1.2px; text-transform: uppercase; text-decoration: none; transition: opacity 350ms ease-in-out; } .blog-page.template-2 #header-blog .top-bar .global-home:hover { opacity: 0.8; } @media only screen and (max-width: 979px) { .blog-page.template-2 #header-blog .top-bar .global-home { margin-left: 25px; } } .blog-page.template-2 #header-blog .bottom-bar { position: relative; height: 96px; } @media only screen and (max-width: 979px) { .blog-page.template-2 #header-blog .bottom-bar { height: 80px; } } .blog-page.template-2 #header-blog .logo { position: absolute; top: 50%; left: 60px; z-index: 999; width: 120px; opacity: 1; transition: 350ms ease-in-out; transform: translateY(-50%); } .blog-page.template-2 #header-blog .logo img { height: auto; max-width: 100%; } .blog-page.template-2 #header-blog .logo:hover { opacity: 0.8; } @media only screen and (min-width: 768px) and (max-width: 979px) { .blog-page.template-2 #header-blog .logo { width: 100px; left: 40px; } } @media only screen and (max-width: 979px) { .blog-page.template-2 #header-blog .logo { left: 50%; transform: translate(-50%, -50%); width: 100px; } } .blog-page.template-2 #header-blog .right-side { float: right; height: 100%; display: flex; align-items: center; margin-right: 68px; } @media only screen and (max-width: 979px) { .blog-page.template-2 #header-blog .right-side { margin-right: 100px; } } .blog-page.template-2 #header-blog .main-menu { z-index: 20; font-family: "Barlow", serif; } @media only screen and (max-width: 979px) { .blog-page.template-2 #header-blog .main-menu { display: none; } } .blog-page.template-2 #header-blog .main-menu .blog-categories { display: block; font-size: 0; white-space: nowrap; } .blog-page.template-2 #header-blog .main-menu .blog-categories > li { position: relative; display: inline-block; margin-left: 40px; } .blog-page.template-2 #header-blog .main-menu .blog-categories > li.archive:before { content: ""; background-color: #3B3134; display: block; width: 2px; height: 22px; position: absolute; top: -4px; left: -20px; } .blog-page.template-2 #header-blog .main-menu .blog-categories > li > a { display: block; font: normal 12px/1 "Public Sans", serif; text-align: center; text-decoration: none; color: #3B3134; text-transform: uppercase; letter-spacing: 0.2px; } .blog-page.template-2 #header-blog .main-menu .blog-categories > li > a:after { content: ""; display: block; width: 100%; position: absolute; left: 0; bottom: -8px; border-bottom: 1px solid #3B3134; opacity: 0; visibility: hidden; transition: opacity visibility 350ms ease-in-out; } .blog-page.template-2 #header-blog .main-menu .blog-categories > li > a.active, .blog-page.template-2 #header-blog .main-menu .blog-categories > li:hover > a { color: #3B3134; } .blog-page.template-2 #header-blog .main-menu .blog-categories > li > a.active:after, .blog-page.template-2 #header-blog .main-menu .blog-categories > li:hover > a:after { opacity: 1; visibility: visible; } .blog-page.template-2 #header-blog .main-menu .menu.submenu { display: none; position: absolute; left: -15px; top: 100%; padding: 15px 0; min-width: 180px; background: rgb(255, 255, 255); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .blog-page.template-2 #header-blog .main-menu .menu.submenu a { display: block; padding: 5px 15px; font-size: 12px; line-height: 1.4; text-decoration: none; color: #3B3134; text-transform: uppercase; } .blog-page.template-2 #header-blog .main-menu .menu.submenu a:hover, .blog-page.template-2 #header-blog .main-menu .menu.submenu a.active { color: #3B3134; }
1 .blog-page.template-2 #header-blog .main-menu li:hover .menu.submenu, .blog-page.template-2 #header-blog .main-menu .expanded .menu.submenu { display: block; } .blog-page.template-2 #header-blog .main-menu li:last-child .menu.submenu, .blog-page.template-2 #header-blog .main-menu li:nth-last-child(2) > .menu.submenu { left: auto; right: -15px; } .blog-page.template-2 #header-blog .main-menu li:last-child .menu.submenu a, .blog-page.template-2 #header-blog .main-menu li:nth-last-child(2) > .menu.submenu a { text-align: right; } .blog-page.template-2 #header-blog .blog-search { display: flex; align-items: center; justify-content: center; margin-left: 80px; position: relative; z-index: 21; } @media only screen and (max-width: 979px) { .blog-page.template-2 #header-blog .blog-search { display: none; } } .blog-page.template-2 #header-blog .blog-search:hover .blog-search-form { visibility: visible; width: 200px; right: 0; z-index: 1; } .blog-page.template-2 #header-blog .blog-search .search-icon { width: 46px; height: 35px; border-radius: 0; border: none; background: #3B3134; cursor: pointer; color: transparent; } .blog-page.template-2 #header-blog .blog-search svg { position: absolute; right: 14px; top: 9px; display: block; pointer-events: none; z-index: 3; } @media only screen and (max-width: 979px) { .blog-page.template-2 #header-blog .blog-search svg { right: 16px; } } .blog-page.template-2 #header-blog .blog-search .blog-search-form { position: absolute; top: 0; right: 0; padding: 0; display: flex; height: 35px; z-index: 2; background: #3B3134; transition: width 350ms ease-in-out, background-color 350ms ease-in-out; visibility: visible; width: 200px; z-index: 1; } .blog-page.template-2 #header-blog .blog-search .blog-search-form:hover { background-color: #3B3134 !important; } .blog-page.template-2 #header-blog .blog-search .blog-search-form label { flex: 1; height: 100%; } .blog-page.template-2 #header-blog .blog-search .blog-search-form label .search-field { width: calc(100% - 46px); margin-right: 46px; height: 100%; border: none; background: #EDEDED; padding: 0 10px; box-sizing: border-box; border-radius: 0; font-family: "Public Sans", serif; font-size: 14px; color: #000; right: 0; position: absolute; } .blog-page.template-2 #header-blog .blog-search .blog-search-form .search-submit { width: 46px; height: 100%; border-radius: 0; border: none; cursor: pointer; color: transparent; right: 0; position: absolute; } @media only screen and (max-width: 979px) { .blog-page.template-2 #header-blog .blog-search .blog-search-form .search-submit { width: 60px; } } .blog-page.template-2 #photos { height: 25vh; margin-top: 8em; position: relative; bottom: 0; width: 100%; overflow: hidden; min-height: 330px; background: #e5e5e5; z-index: 40; } @media only screen and (max-width: 979px) { .blog-page.template-2 #photos { height: 50vh; margin-top: 7em; } } .blog-page.template-2 #photos a { position: static; display: block; height: 100%; } .blog-page.template-2 #photos .loading:before { content: " "; position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; margin: -12px 0 0 -12px; border: 3px solid transparent; border-top-color: #8F6E19; border-bottom-color: #8F6E19; border-radius: 50%; animation: loading-icon-spin 1200ms linear infinite; } @keyframes loading-icon-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .blog-page.template-2 #photos .slideshow { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .blog-page.template-2 #photos .slideshow-wrapper { width: 100%; height: 100%; } .blog-page.template-2 #photos .slide { flex-shrink: 0; position: relative; width: 100%; height: 100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDgAAADACAQAAABLlxtjAAACtUlEQVR42u3WMQ0AAAzDsJU/6aHoU9kQciUHAFAWCQAAwwEAGA4AAMMBABgOAMBwAAAYDgDAcAAAGA4AwHAAAIYDAMBwAACGAwAwHAAAhgMAMBwAAIYDADAcAIDhAAAwHACA4QAADAcAgOEAAAwHAIDhAAAMBwBgOAAADAcAYDgAAMMBAGA4AADDAQBgOAAAwwEAGA4AAMMBABgOAMBwAAAYDgDAcAAAGA4AwHAAAIYDAMBwAACGAwAwHAAAhgMAMBwAAIYDADAcAIDhAAAwHACA4QAADAcAgOEAAAwHAIDhAAAMBwBgOAAADAcAYDgAAMMBAGA4AADDAQBgOAAAwwEAGA4AAMMBABgOAMBwAAAYDgDAcAAAGA4AwHAAAIYDAMBwAACGAwAwHAAAhgMAMBwAAIYDADAcAIDhAAAwHACA4QAADAcAgOEAAAwHAIDhAAAMBwBgOAAADAcAYDgAAMMBAGA4AADDAQBgOAAAwwEAGA4AAMMBABgOAMBwAAAYDgDAcAAAGA4AwHAAAIYDAMBwAACGAwAwHAAAhgMAMBwAAIYDADAcAIDhAAAwHACA4QAADAcAgOEAAAwHAIDhAAAMBwBgOAAADAcAYDgAAMMBAGA4AADDAQBgOAAAwwEAGA4AAMMBABgOAADDAQAYDgDAcAAAGA4AwHAAAIYDAMBwAACGAwDAcAAAhgMAMBwAAIYDADAcAIDhAAAwHACA4QAAMBwAgOEAAAwHAIDhAAAMBwBgOAAADAcAYDgAAAwHAGA4AADDAQBgOAAAwwEAGA4AAMMBABgOAADDAQAYDgDAcAAAGA4AwHAAAIYDAMBwAACGAwDAcAAAhgMAMBwAAIYDADAcAIDhAAAwHACA4QAAMBwAgOEAAAwHAIDhAAAMBwBgOAAADAcAYDgAAAwHAGA4AIA1D2tHAMFyVW2kAAAAAElFTkSuQmCC); transition-property: transform; } .blog-page.template-2 #photos .slide .caption { width: 80%; font-size: inherit; z-index: 2; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1; text-transform: uppercase; color: #fff; text-align: center; } @media only screen and (max-width: 979px) { .blog-page.template-2 #photos .slide .caption { width: 80%; font-size: 26px; } } .blog-page.template-2 #photos .slide .caption a { text-decoration: none; color: inherit; } .blog-page.template-2 #photos .slide .caption a:hover { color: #3B3134; } .blog-page.template-2 #photos .slide .caption .loading:before { top: calc(100% + 60px); } .blog-page.template-2 #photos .slide .caption .centered strong.line { display: block; font: normal 30px/1.2 "Barlow", serif; letter-spacing: 0.17px; text-transform: uppercase; } .blog-page.template-2 #photos .slide .caption .centered strong.line:last-child { font-size: 68px; font-weight: 600; line-height: 1; } @media only screen and (min-width: 768px) and (max-width: 979px) { .blog-page.template-2 #photos .slide .caption .centered strong.line { font-size: 24px; } .blog-page.template-2 #photos .slide .caption .centered strong.line:last-child { font-size: 44px; } } @media only screen and (max-width: 979px) { .blog-page.template-2 #photos .slide .caption .centered strong.line { font-size: 20px; } .blog-page.template-2 #photos .slide .caption .centered strong.line:last-child { font-size: 36px; } } .blog-page.template-2 #photos .slide .link-only { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .keyboard-navigation .blog-page.template-2 #photos .slide .link-only:focus { background: rgba(255, 255, 255, 0.2); } .blog-page.template-2.home #photos .slide:after { content: ""; background-color: rgba(59, 49, 52, 0.6); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .blog-page.template-2 #content { padding: 50px 0; } .blog-page.template-2 #content:after { clear: both; content: ""; display: table; } @media only screen and (max-width: 979px) { .blog-page.template-2 #content { padding: 20px 0; } } .blog-page.template-2 #content:focus { outline: none; } .blog-page.template-2 #main-content > .page-content { width: 100%; } html.keyboard-navigation #header-blog .right-side .blog-search .blog-search-form { visibility: visible; width: 200px; right: 0; z-index: 1; } #blog-navigation-trigger { display: none; position: absolute; top: 50%; right: 40px; width: 37px; height: 37px; transition: background 200ms; z-index: 20; transform: translateY(-50%); } @media only screen and (max-width: 979px) { #blog-navigation-trigger { display: block; } } @media only screen and (max-width: 979px) { #blog-navigation-trigger { right: 20px; } } #blog-navigation-trigger .smart-icon { position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -14px; font-size: 0; transition: margin 150ms; } #blog-navigation-trigger .smart-icon span { display: block; width: 28px; height: 2px; margin-bottom: 5px; background: #3B3134; transition: background 200ms, transform 150ms, border-radius 150ms; transform-origin: 50% 50%; } #blog-navigation-trigger .smart-icon span:last-child { margin-bottom: 0; }
1 #blog-navigation-trigger:hover .smart-icon span { transform: none; } #blog-navigation-trigger:hover .smart-icon span:first-child { transform: translate(0, -2px); } #blog-navigation-trigger:hover .smart-icon span:last-child { transform: translate(0, 2px); } #blog-navigation-trigger:active .smart-icon span, #blog-navigation-trigger:active .smart-icon span:first-child, #blog-navigation-trigger:active .smart-icon span:last-child { transition: transform 100ms; transform: none; } .blog-navigation-visible #blog-navigation-trigger .smart-icon { margin: -2px 0 0 -14px; } .blog-navigation-visible #blog-navigation-trigger .smart-icon span { transform: scale(0) rotate(90deg); border-radius: 0; } .blog-navigation-visible #blog-navigation-trigger .smart-icon span:first-child { transform: translate(0, 2px) rotate(45deg); } .blog-navigation-visible #blog-navigation-trigger .smart-icon span:last-child { transform: translate(0, -12px) rotate(135deg); } .blog-navigation-visible #blog-navigation-trigger:active .smart-icon { transform: scale(0.94); } .page-content { text-align: center; } .page-content:after { clear: both; content: ""; display: table; } .page-content hr { display: block; height: 1px; margin: 20px auto; border: none; background: #F4F4F4; color: #F4F4F4; } .page-content strong { font-weight: bold; } .page-content em { font-style: italic; } .page-content u { text-decoration: underline; } .page-content sup, .page-content sub { font-size: 75%; line-height: 0; position: relative; } .page-content sup { top: -0.5em; } .page-content sub { bottom: -0.25em; } .page-content p, .page-content table { overflow: visible; } .page-content ol { list-style: decimal inside; } .page-content ul { list-style: none; } .page-content ol, .page-content ul { margin-left: 30px; } .page-content ol ol, .page-content ol ul, .page-content ul ul, .page-content ul ol { margin-top: 10px; margin-bottom: 10px; } .page-content ol li, .page-content ul li { position: relative; } .page-content ul > li:before { content: none; } @media only screen and (max-width: 979px) { .page-content ol, .page-content ul { margin-left: 0; } .page-content .sitemap ol, .page-content .sitemap ul { margin-left: 20px; } .page-content ol ol, .page-content ol ul, .page-content ul ul, .page-content ul ol { font-size: 90%; } } .page-content td, .page-content th, .page-content caption { padding: 10px 15px; text-align: left; vertical-align: middle; } .page-content th, .page-content caption { font-size: 16px; font-weight: 600; } @media only screen and (max-width: 979px) { .page-content th, .page-content caption { font-size: 14px; } } .page-content th { vertical-align: middle; color: #fff; background: #000; text-transform: uppercase; } .page-content caption { vertical-align: bottom; padding-top: 0; padding-bottom: 20px; } .page-content td { border-top: 2px solid #fff; background: #F4F4F4; } .page-content .even td { background: rgba(244, 244, 244, 0.5); } .page-content table p { margin: 10px 0; } @media only screen and (max-width: 979px) { .page-content .table-wrapper { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } } .page-content .thumbnail { float: right; margin: 0 0 20px 30px; } .page-content .thumbnail a { display: block; } .page-content .thumbnail img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .page-content .socials { margin-bottom: 20px; overflow: hidden; font-size: 0; } .page-content .socials iframe { display: inline-block; width: 90px; height: 21px; margin: 0 10px 0 0; } .page-content a.pdf { display: inline-block; font-size: 12px; line-height: 16px; padding-left: 23px; position: relative; } .page-content a.pdf:before { content: ""; position: relative; display: inline-block; width: 13px; height: 16px; vertical-align: top; margin-right: 10px; background: url("/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/images/common.svg") -600px 0 no-repeat; } .page-content a.pdf:hover:before { background-position: -633px 0; } .page-content a.pdf:active:before { background-position: -666px 0; } .page-content a.pdf + .size { color: #aaa; font-size: 10px; } .page-content .hotel-location-map { margin-bottom: 20px; } .page-content .sitemap { text-align: center; } .page-content .sitemap ul { margin-left: 0; } .page-content .sitemap ul li ul { margin-left: 20px; } .page-content .sitemap ul li { margin-bottom: 10px; } .page-content .sitemap ul li a { font: 500 14px/14px "Barlow", serif; letter-spacing: 0.7px; text-transform: uppercase; color: #3B3134; text-decoration: none; } .page-content .sitemap ul li a:hover { text-decoration: underline; } .page-content .sitemap-description { opacity: 0.5; font-size: 86%; } </style>
1<script> var templateURL = '/skins/skin-prodhotelstlaurentv2/', siteSettings = { name: "H\u00f4tel Saint-Laurent Montr\u00e9al", country: "CAN", state: "Qu\u00e9bec", city: "Montr\u00e9al", adr: "191 Boulevard Ren\u00e9-L\u00e9vesque Est", zip: "H2X 3Z9", lat: "45.510697", lng: "-73.5603702", phone: "514-667-5002" }, currentPropertyId = null, bookingEngineVars = [{"id":1,"property_id":null,"adapter_type":1,"default_booking_window":7,"default_booking_length":7,"default_number_of_children":0,"max_number_of_children":4,"default_number_of_adults":1,"max_number_of_adults":5,"maintenance":0,"maintenance_url":"","created":"2024-09-19 12:27:33","modified":"2025-03-06 11:37:29"},{"id":2,"property_id":1,"adapter_type":null,"default_booking_window":0,"default_booking_length":0,"default_number_of_children":0,"max_number_of_children":0,"default_number_of_adults":0,"max_number_of_adults":0,"maintenance":0,"maintenance_url":"","created":"2024-09-19 12:27:33","modified":"2024-09-19 12:27:33"}]; document.documentElement.classList.remove('no-js'); </script>
1 </head> <body> <header id="header"> <div class="center-column"> <a href="#content" id="skip-to-content">Skip to Content (Press Enter)</a> <div class="header-nav-wrapper"> <a class="logo" href="/" title="Hôtel Saint-Laurent Montréal"> <img src="/skins/skin-prodhotelstlaurentv2/assets/desktop/images/logo.png" alt="Hôtel Saint-Laurent Montréal Logo" width="10" height="10"> </a> <div class="main-navigation-wrapper"> <nav class="main-menu"> <ul class="menu level-1 "> <li> <a href="/rooms">Accommodations</a> </li> <li> <a href="/our-hotel">Services</a> </li> <li> <a href="/extended-stay">Extended Stay</a> </li> <li class="parent "> <a href="/location">Location</a> <ul class="menu level-2 submenu "> <li> <a href="/location/explore-montreals-districts">Explore Montréal's Neighborhoods</a> </li> <li> <a href="/location/attractions">Attractions</a> </li> <li> <a href="/location/local-shops-markets">Local Shops & Markets</a> </li> </ul> </li> <li> <a href="/offers">Special Offers</a> </li> <li> <a href="/groups">Group Inquiry</a> </li> <li> <a href="/gallery">Gallery</a> </li> </ul> </nav> <ul id="language_selector"> <li class="active"> <a href="/rooms?updatelang=yes">en</a> </li> <li> <a href="/fr/rooms?updatelang=yes">fr</a> </li> </ul> <a data-dtm-event="check-availability" class="trigger-btn button primary desktop-only" href="https://hotelstlaurent.book.pegsbe.com/?locale=en" target="_blank">Book Now</a> <span id="header-phone"> <span class="title">Phone:</span> <a href="tel:514-667-5002">514-667-5002</a> </span> <button id="mobile-navigation-trigger"><span class="smart-icon"><span></span><span></span><span></span>Menu</span></button> </div> </div> </div> </header> <button data-dtm-event="check-availability" class="booking-trigger button primary mobile-only"><span>Check Availability</span></button> <div id="mobile-navigation"> <nav class="main-menu"> <ul class="menu level-1 "> <li> <a href="/rooms">Accommodations</a> </li> <li> <a href="/our-hotel">Services</a> </li> <li> <a href="/extended-stay">Extended Stay</a> </li> <li class="parent "> <a href="/location">Location</a> <div class="plus"> <div class="horizontal"></div> <div class="vertical"></div> </div> <ul class="menu level-2 submenu "> <li> <a href="/location/explore-montreals-districts">Explore Montréal's Neighborhoods</a> </li> <li> <a href="/location/attractions">Attractions</a> </li> <li> <a href="/location/local-shops-markets">Local Shops & Markets</a> </li> </ul> </li> <li> <a href="/offers">Special Offers</a> </li> <li> <a href="/groups">Group Inquiry</a> </li> <li> <a href="/gallery">Gallery</a> </li> </ul> </nav> <ul id="language_selector"> <li class="active"> <a href="/rooms?updatelang=yes">en</a> </li> <li> <a href="/fr/rooms?updatelang=yes">fr</a> </li> </ul> </div> <div id="main-wrapper"> <div id="photos" class="liiii"> <div class="slideshow"> <div class="slideshow-wrapper"> <div class="slide" data-alt="A Woman Cooking In A Kitchen in a suite at Hotel Saint-Laurent Montréal" data-title=""> <picture class="object-fit"> <source type="image/webp" media="(max-width: 414px)" srcset="//dmrwge4hutn8n.cloudfront.net/www.hotelstlaurent.com-1462099066/cms/cache/v2/69432db4c2f44.jpg/414x736/fit;c:0,524,5000,3335/80/2e72a1d637d6eb2d3dab000ad0978dfb.webp 1x"> <source type="image/webp" media="(max-width: 979px)" srcset="//dmrwge4hutn8n.cloudfront.net/www.hotelstlaurent.com-1462099066/cms/cache/v2/69432db4c2f44.jpg/768x1024/fit;c:0,524,5000,3335/80/8e8184d686e50b3f5a989e96cc08c181.webp 1x"> <source type="image/webp" srcset="//dmrwge4hutn8n.cloudfront.net/www.hotelstlaurent.com-1462099066/cms/cache/v2/69432db4c2f44.jpg/2500x1250/fit;c:0,524,5000,3335/80/91486cad700ff2a64261a03a09c1ae74.webp 1x"> <source media="(max-width: 414px)" srcset="//dmrwge4hutn8n.cloudfront.net/www.hotelstlaurent.com-1462099066/cms/cache/v2/69432db4c2f44.jpg/414x736/fit;c:0,524,5000,3335/80/c221144d30036e6e99cc72746ec51527.jpg 1x"> <source media="(max-width: 979px)" srcset="//dmrwge4hutn8n.cloudfront.net/www.hotelstlaurent.com-1462099066/cms/cache/v2/69432db4c2f44.jpg/2500x1250/fit;c:0,524,5000,3335/80/b2fde2150f1da648ea9a96fee3b11559.jpg 1x"> <source srcset="//dmrwge4hutn8n.cloudfront.net/www.hotelstlaurent.com-1462099066/cms/cache/v2/69432db4c2f44.jpg/768x1024/fit;c:0,524,5000,3335/80/4da2c89ff2fdd875c587adf90f7105bf.jpg 1x"> <img class="object-fit" src="//dmrwge4hutn8n.cloudfront.net/www.hotelstlaurent.com-1462099066/cms/cache/v2/69432db4c2f44.jpg/1920x1080/fit;c:0,524,5000,3335;fp:42,20/80/0b9dceb077e9a5f1ff36224be8eabdf6.jpg" style="object-position: % %;" alt="A Woman Cooking In A Kitchen in a suite at Hotel Saint-Laurent Montréal"> </picture> </div> </div> </div> <div class="scroll-to-explore">Scroll to Explore </div> </div>
1 <main id="main"> <article id="horizontal-booking" class="booking-widget"> <form action="https://hotelstlaurent.book.pegsbe.com/rooms?" method="get" target="_blank" id="booking_widget"> <fieldset> <legend>Make a Reservation</legend> <div class="inputs"> <div class="column dates"> <label id="horizontal-booking-dates">Dates:</label> <input type="text" class="booking-dates" value="" aria-labelledby="horizontal-booking-dates"> <div class="input-overlay"></div> <div class="booking-datepicker"> <div class="arrival-departure-status"> <div class="arrival visible" data-text="Select Arrival Date"></div> <div class="departure" data-text="Select Departure Date"></div> </div> <button class="ui-datepicker-prev ui-state-disabled" data-target="ui-datepicker-prev">Previous month</button> <button class="ui-datepicker-next" data-target="ui-datepicker-next">Next month</button> </div> <input type="hidden" class="booking-checkin" name="CheckinDate" value=""> <input type="hidden" class="booking-checkout" name="CheckoutDate" value=""> <input type="hidden" class="booking-length" name="LOS" value="1"> </div> <div class="column rooms"> <label id="horizontal-booking-rooms">Rooms:</label> <select class="booking-rooms" name="Rooms" aria-labelledby="horizontal-booking-rooms"> <option value="1" selected>1 Room</option> <option value="2">2 Rooms</option> <option value="3">3 Rooms</option> <option value="4">4 Rooms</option> <option value="5">5 Rooms</option> <option value="6">6 Rooms</option> <option value="7">7 Rooms</option> <option value="8">8 Rooms</option> <option value="9">9 Rooms</option> <option value="10">10+ Rooms</option> </select> <div class="select-icon"></div> </div> <div class="column adults"> <label id="horizontal-booking-adults">Guests:</label> <select class="booking-adults" name="Adults_1" aria-labelledby="horizontal-booking-adults"> <option value="1" selected>1 Guest</option> <option value="2">2 Guests</option> <option value="3">3 Guests</option> <option value="4">4 Guests</option> <option value="5">5 Guests</option> <option value="6">6 Guests</option> <option value="7">7 Guests</option> <option value="8">8 Guests</option> <option value="9">9 Guests</option> <option value="10">10 Guests</option> <option value="11">11 Guests</option> <option value="12">12 Guests</option> <option value="13">13 Guests</option> <option value="14">14 Guests</option> <option value="15">15 Guests</option> <option value="16">16 Guests</option> <option value="17">17 Guests</option> <option value="18">18 Guests</option> <option value="19">19 Guests</option> <option value="20">20 Guests</option> </select> <div class="select-icon"></div> </div> <input type="hidden" name="locale" value="en"> <input type="submit" value="Check Availability" class="primary" onclick="gtag_report_conversion();" data-dtm-event="check-availability"> </div> </fieldset> </form> </article> <section id="content" class="fade-on-scroll" role="main"> <div id="main-content" class="center-column"> <div class="page-content"> <nav class="category-selector"> <button data-category-id="1" class="button">Studios</button> <button data-category-id="2" class="button">Suites</button> </nav> <h1>Studios & Suites</h1> <h2>Apartment-Style Hotel in Downtown Montréal</h2> <p>Whether you're staying in Montréal for a few days or several weeks, the studios and suites at Hôtel Saint-Laurent Montréal offer the space, comfort, and flexibility of an apartment-style stay with the convenience of a hotel. Designed for extended stays, our accommodations provide everything you need to settle in and feel comfortable, including a full kitchen, a spacious living area, and an environment created for both productivity and relaxation.</p> <p>Located in the heart of Downtown Montréal, our studios, one-bedroom suites, and two-bedroom suites offer the independence of apartment living while keeping you close to everything the city has to offer. Situated on floors 9 through 14, they also feature elevated views of the Montréal skyline, creating a bright and welcoming space to live, work, and unwind.</p> <p>Your space, with the freedom to make it your own. Experience the comfort of a serviced apartment combined with the benefits of a hotel, including weekly housekeeping for stays of 7 nights or more. Whether you're here for business, studies, a transition, or an extended visit, Hôtel Saint-Laurent Montréal gives you the flexibility to experience Montréal at your own pace.</p> </div> </div> <div class="rooms page-content additional-content"> <div class="rooms-category"> <div class="rooms-wrapper"> <section class="c-room-list room-item" id="room-list" ttweb-component="RoomList" data-category-id="1"> <section class="checkers-blocks-acm rooms-listing-wrap" data-tt
1-room-template="true" data-tt-only-rooms="K1QN"> <div class="content-blocks-item img left"> <div class="center-column"> <div class="wrapper"> <div class="image lazy-load" ttweb-room-component="RoomPrimaryImage"></div> <div class="content"> <p class="h2" ttweb-room-component="RoomName"></p> <div class="features-list-wrap"> </div> <p ttweb-room-component="RoomShortDescription"></p> <div class="buttons-wrap"> <div class="button primary" data-tt-disabled="false" data-tt-class-name="btn" ttweb-room-component="RoomBookingButton" target="_blank">Book Now</div> <a href="/rooms/one-queen-studio" data-dtm-event="read-more" class="button primary outline" data-dtm-room-name="One Queen Studio">Learn More</a> </div> </div> </div> </div> </div> </section> </section> <section class="c-room-list room-item" id="room-list" ttweb-component="RoomList" data-category-id="1"> <section class="checkers-blocks-acm rooms-listing-wrap" data-tt-room-template="true" data-tt-only-rooms="K1KN"> <div class="content-blocks-item img bg-white right"> <div class="center-column"> <div class="wrapper"> <div class="image lazy-load" ttweb-room-component="RoomPrimaryImage"></div> <div class="content"> <p class="h2" ttweb-room-component="RoomName"></p> <div class="features-list-wrap"> </div> <p ttweb-room-component="RoomShortDescription"></p> <div class="buttons-wrap"> <div class="button primary" data-tt-disabled="false" data-tt-class-name="btn" ttweb-room-component="RoomBookingButton" target="_blank">Book Now</div> <a href="/rooms/one-king-studio" data-dtm-event="read-more" class="button primary outline" data-dtm-room-name="One King Studio">Learn More</a> </div> </div> </div> </div> </div> </section> </section> <section class="c-room-list room-item" id="room-list" ttweb-component="RoomList" data-category-id="1"> <section class="checkers-blocks-acm rooms-listing-wrap" data-tt-room-template="true" data-tt-only-rooms="K2QN"> <div class="content-blocks-item img left"> <div class="center-column"> <div class="wrapper"> <div class="image lazy-load" ttweb-room-component="RoomPrimaryImage"></div> <div class="content"> <p class="h2" ttweb-room-component="RoomName"></p> <div class="features-list-wrap"> </div> <p ttweb-room-component="RoomShortDescription"></p> <div class="buttons-wrap"> <div class="button primary" data-tt-disabled="false" data-tt-class-name="btn" ttweb-room-component="RoomBookingButton" target="_blank">Book Now</div> <a href="/rooms/two-queen-studio" data-dtm-event="read-more" class="button primary outline" data-dtm-room-name="Two Queen Studio">Learn More</a> </div> </div> </div> </div> </div> </section> </section> <section class="c-room-list room-item" id="room-list" ttweb-component="RoomList" data-category-id="1"> <section class="checkers-blocks-acm rooms-listing-wrap" data-tt-room-template="true" data-tt-only-rooms="K2WN"> <div class="content-blocks-item img bg-white right"> <div class="center-column"> <div class="wrapper"> <div class="image lazy-load" ttweb-room-component="RoomPrimaryImage"></div> <div class="content"> <p class="h2" ttweb-room-component="RoomName"></p> <div class="features-list-wrap"> </div> <p ttweb-room-component="RoomShortDescription"></p> <div class="buttons-wrap"> <div class="button primary" data-tt-disabled="false" data-tt-class-name="btn" ttweb-room-component="RoomBookingButton" target="_blank">Book Now</div> <a href="/rooms/two-queen-studio-accessible" data-dtm-event="read-more" class="button primary outline" data-dtm-room-name="Two Queen Studio - Accessible">Learn More</a> </div> </div> </div> </div> </div> </section> </section> <section class="c-room-list room-item" id="room-list" ttweb-component="RoomList" data-category-id="2"> <section class="checkers-blocks-acm rooms-listing-wrap" data-tt-room-template="true" data-tt-only-rooms="O1QN"> <div class="content-blocks-item img left"> <div class="center-column"> <div class="wrapper"> <div class="image lazy-load" ttweb-room-component="RoomPrimaryImage"></div> <div class="content"> <p class="h2" ttweb-room-component="RoomName"></p> <div class="features-list-wrap"> </div>
1 <p ttweb-room-component="RoomShortDescription"></p> <div class="buttons-wrap"> <div class="button primary" data-tt-disabled="false" data-tt-class-name="btn" ttweb-room-component="RoomBookingButton" target="_blank">Book Now</div> <a href="/rooms/one-queen-suite" data-dtm-event="read-more" class="button primary outline" data-dtm-room-name="One Queen Suite">Learn More</a> </div> </div> </div> </div> </div> </section> </section> <section class="c-room-list room-item" id="room-list" ttweb-component="RoomList" data-category-id="2"> <section class="checkers-blocks-acm rooms-listing-wrap" data-tt-room-template="true" data-tt-only-rooms="O1WN"> <div class="content-blocks-item img bg-white right"> <div class="center-column"> <div class="wrapper"> <div class="image lazy-load" ttweb-room-component="RoomPrimaryImage"></div> <div class="content"> <p class="h2" ttweb-room-component="RoomName"></p> <div class="features-list-wrap"> </div> <p ttweb-room-component="RoomShortDescription"></p> <div class="buttons-wrap"> <div class="button primary" data-tt-disabled="false" data-tt-class-name="btn" ttweb-room-component="RoomBookingButton" target="_blank">Book Now</div> <a href="/rooms/one-queen-suite-accessibility-full-kitchens" data-dtm-event="read-more" class="button primary outline" data-dtm-room-name="One Queen Suite Accessible">Learn More</a> </div> </div> </div> </div> </div> </section> </section> <section class="c-room-list room-item" id="room-list" ttweb-component="RoomList" data-category-id="2"> <section class="checkers-blocks-acm rooms-listing-wrap" data-tt-room-template="true" data-tt-only-rooms="O1QB"> <div class="content-blocks-item img left"> <div class="center-column"> <div class="wrapper"> <div class="image lazy-load" ttweb-room-component="RoomPrimaryImage"></div> <div class="content"> <p class="h2" ttweb-room-component="RoomName"></p> <div class="features-list-wrap"> </div> <p ttweb-room-component="RoomShortDescription"></p> <div class="buttons-wrap"> <div class="button primary" data-tt-disabled="false" data-tt-class-name="btn" ttweb-room-component="RoomBookingButton" target="_blank">Book Now</div> <a href="/rooms/one-queen-suite-with-balcony" data-dtm-event="read-more" class="button primary outline" data-dtm-room-name="One Queen Suite with Balcony">Learn More</a> </div> </div> </div> </div> </div> </section> </section> <section class="c-room-list room-item" id="room-list" ttweb-component="RoomList" data-category-id="2"> <section class="checkers-blocks-acm rooms-listing-wrap" data-tt-room-template="true" data-tt-only-rooms="O1KN"> <div class="content-blocks-item img bg-white right"> <div class="center-column"> <div class="wrapper"> <div class="image lazy-load" ttweb-room-component="RoomPrimaryImage"></div> <div class="content"> <p class="h2" ttweb-room-component="RoomName"></p> <div class="features-list-wrap"> </div> <p ttweb-room-component="RoomShortDescription"></p> <div class="buttons-wrap"> <div class="button primary" data-tt-disabled="false" data-tt-class-name="btn" ttweb-room-component="RoomBookingButton" target="_blank">Book Now</div> <a href="/rooms/one-king-suite" data-dtm-event="read-more" class="button primary outline" data-dtm-room-name="One King Suite">Learn More</a> </div> </div> </div> </div> </div> </section> </section> <section class="c-room-list room-item" id="room-list" ttweb-component="RoomList" data-category-id="2"> <section class="checkers-blocks-acm rooms-listing-wrap" data-tt-room-template="true" data-tt-only-rooms="1JQS"> <div class="content-blocks-item img left"> <div class="center-column"> <div class="wrapper"> <div class="image lazy-load" ttweb-room-component="RoomPrimaryImage"></div> <div class="content"> <p class="h2" ttweb-room-component="RoomName"></p> <div class="features-list-wrap"> </div> <p ttweb-room-component="RoomShortDescription"></p> <div class="buttons-wrap"> <div class="button primary" data-tt-disabled="false" data-tt-class-name="btn" ttweb-room-component="RoomBookingButton" target="_blank">Book Now</div> <a href="/rooms/junior-corner-queen-suite" data-dtm-event="read-more" class="button primary outline" data-dtm-room-name="Junior Corner King Suite">Learn More</a> </div> </div> </div> </div> </div> </section> </section> <section class="c-room-list room-item" id="room-list" ttweb-component="RoomList" data-category-id="2"> <section class="checkers-blocks-acm rooms-listing-wrap" data-tt
1-room-template="true" data-tt-only-rooms="1EQS"> <div class="content-blocks-item img bg-white right"> <div class="center-column"> <div class="wrapper"> <div class="image lazy-load" ttweb-room-component="RoomPrimaryImage"></div> <div class="content"> <p class="h2" ttweb-room-component="RoomName"></p> <div class="features-list-wrap"> </div> <p ttweb-room-component="RoomShortDescription"></p> <div class="buttons-wrap"> <div class="button primary" data-tt-disabled="false" data-tt-class-name="btn" ttweb-room-component="RoomBookingButton" target="_blank">Book Now</div> <a href="/rooms/executive-corner-queen-suite" data-dtm-event="read-more" class="button primary outline" data-dtm-room-name="Executive Corner King Suite">Learn More</a> </div> </div> </div> </div> </div> </section> </section> <section class="c-room-list room-item" id="room-list" ttweb-component="RoomList" data-category-id="2"> <section class="checkers-blocks-acm rooms-listing-wrap" data-tt-room-template="true" data-tt-only-rooms="TWBS"> <div class="content-blocks-item img left"> <div class="center-column"> <div class="wrapper"> <div class="image lazy-load" ttweb-room-component="RoomPrimaryImage"></div> <div class="content"> <p class="h2" ttweb-room-component="RoomName"></p> <div class="features-list-wrap"> </div> <p ttweb-room-component="RoomShortDescription"></p> <div class="buttons-wrap"> <div class="button primary" data-tt-disabled="false" data-tt-class-name="btn" ttweb-room-component="RoomBookingButton" target="_blank">Book Now</div> <a href="/rooms/two-queen-bed-suite" data-dtm-event="read-more" class="button primary outline" data-dtm-room-name="Two Queen Bed Suite">Learn More</a> </div> </div> </div> </div> </div> </section> </section> <section class="c-room-list room-item" id="room-list" ttweb-component="RoomList" data-category-id="2"> <section class="checkers-blocks-acm rooms-listing-wrap" data-tt-room-template="true" data-tt-only-rooms="T11N"> <div class="content-blocks-item img bg-white right"> <div class="center-column"> <div class="wrapper"> <div class="image lazy-load" ttweb-room-component="RoomPrimaryImage"></div> <div class="content"> <p class="h2" ttweb-room-component="RoomName"></p> <div class="features-list-wrap"> </div> <p ttweb-room-component="RoomShortDescription"></p> <div class="buttons-wrap"> <div class="button primary" data-tt-disabled="false" data-tt-class-name="btn" ttweb-room-component="RoomBookingButton" target="_blank">Book Now</div> <a href="/rooms/two-bedroom-suite-queen-beds" data-dtm-event="read-more" class="button primary outline" data-dtm-room-name="Two Bedroom Suite - Queen Beds">Learn More</a> </div> </div> </div> </div> </div> </section> </section> </div> </div>
1<script type="text/javascript"> var roomsJSON = roomsJSON || {}; roomsJSON[833] = {}; roomsJSON[833]['images'] = []; roomsJSON[833]['images'][0] = {}; roomsJSON[833]['images'][0]['image'] = ""; roomsJSON[833]['images'][0]['description'] = ""; roomsJSON[833]['images'][0]['thumb'] = ""; roomsJSON[833]['images'][0]['retina'] = ""; roomsJSON[833]['images'][1] = {}; roomsJSON[833]['images'][1]['image'] = ""; roomsJSON[833]['images'][1]['description'] = ""; roomsJSON[833]['images'][1]['thumb'] = ""; roomsJSON[833]['images'][1]['retina'] = ""; roomsJSON[833]['images'][2] = {}; roomsJSON[833]['images'][2]['image'] = ""; roomsJSON[833]['images'][2]['description'] = ""; roomsJSON[833]['images'][2]['thumb'] = ""; roomsJSON[833]['images'][2]['retina'] = ""; roomsJSON[833]['images'][3] = {}; roomsJSON[833]['images'][3]['image'] = ""; roomsJSON[833]['images'][3]['description'] = ""; roomsJSON[833]['images'][3]['thumb'] = ""; roomsJSON[833]['images'][3]['retina'] = ""; roomsJSON[833]['images'][4] = {}; roomsJSON[833]['images'][4]['image'] = ""; roomsJSON[833]['images'][4]['description'] = ""; roomsJSON[833]['images'][4]['thumb'] = ""; roomsJSON[833]['images'][4]['retina'] = ""; roomsJSON[840] = {}; roomsJSON[840]['images'] = []; roomsJSON[840]['images'][0] = {}; roomsJSON[840]['images'][0]['image'] = ""; roomsJSON[840]['images'][0]['description'] = ""; roomsJSON[840]['images'][0]['thumb'] = ""; roomsJSON[840]['images'][0]['retina'] = ""; roomsJSON[836] = {}; roomsJSON[836]['images'] = []; roomsJSON[836]['images'][0] = {}; roomsJSON[836]['images'][0]['image'] = ""; roomsJSON[836]['images'][0]['description'] = ""; roomsJSON[836]['images'][0]['thumb'] = ""; roomsJSON[836]['images'][0]['retina'] = ""; roomsJSON[835] = {}; roomsJSON[835]['images'] = []; roomsJSON[835]['images'][0] = {}; roomsJSON[835]['images'][0]['image'] = ""; roomsJSON[835]['images'][0]['description'] = ""; roomsJSON[835]['images'][0]['thumb'] = ""; roomsJSON[835]['images'][0]['retina'] = ""; roomsJSON[839] = {}; roomsJSON[839]['images'] = []; roomsJSON[839]['images'][0] = {}; roomsJSON[839]['images'][0]['image'] = ""; roomsJSON[839]['images'][0]['description'] = ""; roomsJSON[839]['images'][0]['thumb'] = ""; roomsJSON[839]['images'][0]['retina'] = ""; roomsJSON[811] = {}; roomsJSON[811]['images'] = []; roomsJSON[811]['images'][0] = {}; roomsJSON[811]['images'][0]['image'] = ""; roomsJSON[811]['images'][0]['description'] = ""; roomsJSON[811]['images'][0]['thumb'] = ""; roomsJSON[811]['images'][0]['retina'] = ""; roomsJSON[813] = {}; roomsJSON[813]['images'] = []; roomsJSON[813]['images'][0] = {}; roomsJSON[813]['images'][0]['image'] = ""; roomsJSON[813]['images'][0]['description'] = ""; roomsJSON[813]['images'][0]['thumb'] = ""; roomsJSON[813]['images'][0]['retina'] = ""; roomsJSON[838] = {}; roomsJSON[838]['images'] = []; roomsJSON[838]['images'][0] = {}; roomsJSON[838]['images'][0]['image'] = ""; roomsJSON[838]['images'][0]['description'] = ""; roomsJSON[838]['images'][0]['thumb'] = ""; roomsJSON[838]['images'][0]['retina'] = ""; roomsJSON[809] = {}; roomsJSON[809]['images'] = []; roomsJSON[809]['images'][0] = {}; roomsJSON[809]['images'][0]['image'] = ""; roomsJSON[809]['images'][0]['description'] = ""; roomsJSON[809]['images'][0]['thumb'] = ""; roomsJSON[809]['images'][0]['retina'] = ""; roomsJSON[817] = {}; roomsJSON[817]['images'] = []; roomsJSON[817]['images'][0] = {}; roomsJSON[817]['images'][0]['image'] = ""; roomsJSON[817]['images'][0]['description'] = ""; roomsJSON[817]['images'][0]['thumb'] = ""; roomsJSON[817]['images'][0]['retina'] = ""; roomsJSON[819] = {}; roomsJSON[819]['images'] = []; roomsJSON[819]['images'][0] = {}; roomsJSON[819]['images'][0]['image'] = ""; roomsJSON[819]['images'][0]['description'] = ""; roomsJSON[819]['images'][0]['thumb'] = ""; roomsJSON[819]['images'][0]['retina'] = ""; roomsJSON[822] = {}; roomsJSON[822]['images'] = []; roomsJSON[822]['images'][0] = {}; roomsJSON[822]['images'][0]['image'] = ""; roomsJSON[822]['images'][0]['description'] = ""; roomsJSON[822]['images'][0]['thumb'] = ""; roomsJSON[822]['images'][0]['retina'] = ""; </script>
1 </div> </section> </main> </div> <div id="footer" role="contentinfo" aria-label="Footer"> <div class="center-column"> <nav id="footer-menu" aria-label="Footer Navigation"> <ul> <li> <a href="/faq">FAQ</a> </li> <li> <a href="/accessibility-statement">Accessibility Statement</a> </li> <li> <a href="/privacy">Privacy Policy</a> </li> <li> <a href="/terms">Terms of Use</a> </li> <li> <a href="/sitemap">Sitemap</a> </li> </ul> </nav> <div class="row1"> <ul id="footer-logos"> <li> <a class="logo" href="/" title="Hôtel Saint-Laurent Montréal"> <img src="/skins/skin-prodhotelstlaurentv2/assets/desktop/images/logo-white.png" alt="Hôtel Saint-Laurent Montréal Logo"> </a> </li> </ul> <article id="footer-contacts"> <p class="address"> 191 Boulevard René-Lévesque Est, Montréal, Québec, H2X 3Z9 </p> <div class="phone-block"> <p class="phone"> <span class="phone-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewbox="0 0 15 14" fill="none"> <path d="M13.7941 9.64444C12.8608 9.64444 11.9275 9.48889 11.0719 9.17778C10.7608 9.1 10.5275 9.17778 10.2941 9.33333L9.0497 10.8889C6.87192 9.87778 4.77192 7.85556 3.68303 5.6L5.23858 4.27778C5.47192 4.04444 5.5497 3.73333 5.39414 3.5C5.08303 2.64444 4.92747 1.71111 4.92747 0.777778C4.92747 0.388889 4.53859 0 4.1497 0H1.42747C1.03859 0 0.494141 0.155556 0.494141 0.777778C0.494141 8.01111 6.48303 14 13.7164 14C14.2608 14 14.4941 13.5333 14.4941 13.0667V10.3444C14.5719 9.95555 14.2608 9.64444 13.7941 9.64444Z" fill="white"></path> </svg> </span> <a href="tel:514-667-5002">514-667-5002</a> </p> <p class="phone"> <span class="phone-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewbox="0 0 15 14" fill="none"> <path d="M13.7941 9.64444C12.8608 9.64444 11.9275 9.48889 11.0719 9.17778C10.7608 9.1 10.5275 9.17778 10.2941 9.33333L9.0497 10.8889C6.87192 9.87778 4.77192 7.85556 3.68303 5.6L5.23858 4.27778C5.47192 4.04444 5.5497 3.73333 5.39414 3.5C5.08303 2.64444 4.92747 1.71111 4.92747 0.777778C4.92747 0.388889 4.53859 0 4.1497 0H1.42747C1.03859 0 0.494141 0.155556 0.494141 0.777778C0.494141 8.01111 6.48303 14 13.7164 14C14.2608 14 14.4941 13.5333 14.4941 13.0667V10.3444C14.5719 9.95555 14.2608 9.64444 13.7941 9.64444Z" fill="white"></path> </svg> </span> <a href="tel:1-866-835-7707">1-866-835-7707</a> </p> </div> <p class="mail"> <span class="mail-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="12" viewbox="0 0 17 12" fill="none"> <path d="M14.8584 12.0002C15.2063 12.0002 15.5079 11.8884 15.7642 11.6676L11.3782 7.39861C11.2729 7.47195 11.1709 7.54327 11.0746 7.61108C10.7463 7.84645 10.4799 8.03011 10.2754 8.16172C10.0708 8.29362 9.79871 8.42808 9.45901 8.56535C9.11908 8.70278 8.8024 8.77128 8.50863 8.77128H8.50003H8.49143C8.19762 8.77128 7.88094 8.70281 7.54105 8.56535C7.20115 8.42808 6.92902 8.29362 6.72468 8.16172C6.52014 8.03011 6.25389 7.84647 5.92549 7.61108C5.83397 7.54578 5.73248 7.47414 5.62275 7.39746L1.23584 11.6676C1.49215 11.8884 1.79388 12.0002 2.14184 12.0002H14.8584Z" fill="white"></path> <path d="M1.60185 4.68597C1.27577 4.47037 0.986607 4.22345 0.734863 3.94531V10.5207L4.5757 6.71154C3.80731 6.17953 2.81729 5.50512 1.60185 4.68597Z" fill="white"></path> <path d="M15.4065 4.68595C14.237 5.47068 13.2429 6.14624 12.4243 6.71299L16.2652 10.5207V3.94531C16.0189 4.21785 15.7327 4.4646 15.4065 4.68595Z" fill="white"></path> <path d="M14.8784 0H2.12143C1.67637 0 1.33421 0.146346 1.09451 0.438735C0.854614 0.731261 0.734863 1.0971 0.734863 1.53583C0.734863 1.89022 0.893779 2.2742 1.21147 2.6879C1.52916 3.10143 1.86721 3.42624 2.22544 3.66251C2.42183 3.79763 3.01407 4.19855 4.00216 4.86515C4.53556 5.22509 4.99942 5.53881 5.39803 5.80953C5.7378 6.04006 6.03082 6.2397 6.27274 6.40538C6.30052 6.42435 6.34419 6.45477 6.40217 6.49513C6.46462 6.53882 6.54366 6.59425 6.64116 6.66281C6.82892 6.79505 6.9849 6.90194 7.10914 6.98359C7.2332 7.06528 7.38352 7.15652 7.55986 7.25783C7.73606 7.35901 7.90225 7.43509 8.05823 7.4857C8.21424 7.53627 8.35867 7.56164 8.49153 7.56164H8.50016H8.50878C8.64162 7.56164 8.78607 7.53627 8.94211 7.4857C9.098
106 7.43509 9.26411 7.35918 9.44045 7.25783C9.61663 7.15652 9.76674 7.06508 9.8912 6.98359C10.0154 6.90194 10.1714 6.79507 10.3592 6.66281C10.4565 6.59425 10.5356 6.53879 10.598 6.49527C10.656 6.45474 10.6997 6.42451 10.7276 6.40538C10.9161 6.27767 11.2098 6.07886 11.6046 5.81187C12.3231 5.32574 13.3813 4.61024 14.7836 3.66251C15.2053 3.37567 15.5576 3.02952 15.8408 2.62455C16.1235 2.21959 16.2652 1.79481 16.2652 1.35033C16.2652 0.978978 16.1278 0.661218 15.8536 0.396561C15.5791 0.132233 15.254 0 14.8784 0Z" fill="white"></path> </svg> </span> <a href="/cdn-cgi/l/email-protection#cda4a3aba28da5a2b9a8a1beb9a1acb8bfa8a3b9e3aea2a0"><span class="__cf_email__" data-cfemail="046d6a626b446c6b706168777068657176616a702a676b69">[email protected]</span></a> </p> </article> <article id="newsletter"> </article> </div> <div class="row2"> <p class="copyright">Proudly Canadian Owned. © 2025 Hôtel Saint-Laurent Montréal. All rights reserved.</p> <ul class="socials"> <li class="hsl-numb">HSL 221272</li> <li> <a class="facebook" href="https://www.facebook.com/hotelstlaurent/" target="_blank">Facebook</a> </li> <li> <a class="instagram" href="https://www.instagram.com/hotelstlaurent/" target="_blank">Instagram</a> </li> </ul> </div> </div> </div> <article id="overlay-booking" class="booking-widget"> <div class="wrapper"> <form action="https://hotelstlaurent.book.pegsbe.com/rooms?" method="get" target="_blank" id="booking_widget"> <fieldset> <legend>Make a Reservation</legend> <div class="inputs"> <div class="column dates"> <label id="overlay-booking-dates">Stay Dates</label> <input type="text" class="booking-dates" value="" aria-labelledby="overlay-booking-dates"> <div class="input-overlay"></div> <div class="booking-datepicker"> <div class="arrival-departure-status"> <div class="arrival visible" data-text="select arrival date"></div> <div class="departure" data-text="Select Departure Date"></div> </div> <button class="ui-datepicker-prev ui-state-disabled" data-target="ui-datepicker-prev">Previous month</button> <button class="ui-datepicker-next" data-target="ui-datepicker-next">Next month</button> </div> <input type="hidden" class="booking-checkin" name="CheckinDate" value=""> <input type="hidden" class="booking-checkout" name="CheckoutDate" value=""> </div> <div class="column rooms"> <label id="overlay-booking-rooms">Rooms</label> <select class="booking-rooms" name="Rooms" aria-labelledby="overlay-booking-rooms"> <option value="1" selected>1 Room</option> <option value="2">2 Rooms</option> <option value="3">3 Rooms</option> <option value="4">4 Rooms</option> <option value="5">5 Rooms</option> <option value="6">6 Rooms</option> <option value="7">7 Rooms</option> <option value="8">8 Rooms</option> <option value="9">9 Rooms</option> <option value="10">10+ Rooms</option> </select> <div class="select-icon"></div> </div> <div class="column adults"> <label id="overlay-booking-adults">Guests</label> <select class="booking-adults" name="Adults_1" aria-labelledby="overlay-booking-adults"> <option value="1" selected>1 Guest</option> <option value="2">2 Guests</option> <option value="3">3 Guests</option> <option value="4">4 Guests</option> <option value="5">5 Guests</option> <option value="6">6 Guests</option> <option value="7">7 Guests</option> <option value="8">8 Guests</option> <option value="9">9 Guests</option> <option value="10">10 Guests</option> <option value="11">11 Guests</option> <option value="12">12 Guests</option> <option value="13">13 Guests</option> <option value="14">14 Guests</option> <option value="15">15 Guests</option> <option value="16">16 Guests</option> <option value="17">17 Guests</option> <option value="18">18 Guests</option> <option value="19">19 Guests</option> <option value="20">20 Guests</option> </select> <div class="select-icon"></div> </div> <div class="column rate"> <label id="overlay-booking-rate">Rate Preference</label> <select name="qRtP" aria-labelledby="overlay-booking-rate"> <option value="best" selected>Best Available **</option> <option value="">CLUB IC RATE *</option> </select> <div class="select-icon"></div> </div> </div> <div class="contact-info"> </div> <input type="hidden" name="locale" value="en_US"> <input type="submit" value="Check Availability" class="primary" onclick="gtag_report_conversion();" data-dtm-event="check-availability"> </fieldset> </form> </div> </article>
vendor: 109 bytes, line 1
1 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1<script type="text/javascript" id="__dd_src" src="/skins/master/assets/tracking/digitalData.min.js"></script>
1<script type="text/javascript" id="__tracking-digitalData">var s_account='',s_sites='';s.pageName=" \/ Rooms";s.prop4="Rooms";s.channel="Rooms";s.products=";";s.prop16="en";s.eVar42="desktop";var __pageCategory={"primaryCategory":"Rooms","subCategory1":null,"subCategory2":null,"pageType":"Brand Info","httpStatusCode":200};var __clientInfo={"suite":"","internalURL":""}; if('undefined' !== typeof _isTablet && _isTablet) s.eVar42 = 'tablet'; s.eVar44 = (document.cookie.indexOf('_htma=') === -1) ? 'anonymous' : 'logged in'; digitalData.mapOmniture(s, s_account); try { ('undefined' !== typeof __clientInfo) && digitalData.setClientInfo(__clientInfo); ('undefined' !== typeof __property) && digitalData.setProperty(__property); ('undefined' !== typeof __pageCategory) && digitalData.setPageCategory(__pageCategory); ('undefined' !== typeof __eventInfo) && digitalData.setEventInfo(__eventInfo); ('undefined' !== typeof __cartData) && digitalData.setCart(__cartData); ('undefined' !== typeof __transactionData) && digitalData.setTransactions(__transactionData); ('undefined' !== typeof __profileInfo) && digitalData.setProfile(__profileInfo); } catch(e) { } </script>
1 <link rel="stylesheet" href="/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/styles/styles.min.css" async defer>
1<script src="/skins/skin-prodhotelstlaurentv2/1791217149/assets/desktop/scripts/scripts.min.js"></script>
1
1<script type="text/javascript" id="init-personalization-engine"> window.hebsDataLayer = window.hebsDataLayer || []; function spe() { hebsDataLayer.push(arguments); } spe('js', new Date()); spe('account', 'icbarclay'); </script>
1
1<script async src="https://personalization-engine.hebsdigital.com/js/tracker.js"></script>
1<script> (function () { var wasTracked = false; var form = document.querySelectorAll('form[data-dtm-rfp-form-name]')[0]; if (form) { form.addEventListener('focusin', function () { if (!wasTracked && typeof(spe) === 'function') { wasTracked = true; spe('event', { category: 'lead', action: 'initiated', label: form.getAttribute('data-dtm-rfp-form-name'), interacted: true }); } }); } })(); </script>
vendor: 68 bytes, line 1
1 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1GTM-5VHVDLR
vendor: 83 bytes, line 1
1" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1<link rel="stylesheet" href="/admin/assets/styles/hebs/spe-frontend.css?v=1791217149" type="text/css">
1<script src="/admin/assets/js/hebs/spe-frontend.js?v=1791217149"></script>
1
1<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"03a00509ff414fe7a60aae81e1e7c040","spa":2}' crossorigin="anonymous"></script>
1 2</body> </html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.