CINXE.COM
Hotel Hotel Colonial Barcelone - nouveaux prix de 2025, avis, réserver immédiatement
<!DOCTYPE html> <html xml:lang="fr" lang="fr" > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Hotel Hotel Colonial Barcelone - nouveaux prix de 2025, avis, réserver immédiatement</title> <meta name="keywords" content="Barcelona Hotel Colonial Barcelone, Barcelona Hotel Colonial Barcelone réservation, Barcelona Hotel Colonial Barcelone bon marché" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui"/> <meta name="description" content="Doté d'un distributeur automatique, Barcelona Hotel Colonial de 4 étoiles est situé à moins de 10 minutes en voiture de la Sagrada Família. Vous pourrez …" /> <meta name="robots" content="max-image-preview:large"> <link importance="high" rel="preload" href="/data/Imgs/700x500w/15804/1580422/1580422831/hotel-colonial-barcelona-img-1.JPEG" as="image"> <link rel="alternate" hreflang="da" type="text/html" href="https://colonial.hotelbcn-barcelona.com/da/" title="Danish" /> <link rel="alternate" hreflang="de" type="text/html" href="https://colonial.hotelbcn-barcelona.com/de/" title="Deutch" /> <link rel="alternate" hreflang="en" type="text/html" href="https://colonial.hotelbcn-barcelona.com/en/" title="English" /> <link rel="alternate" hreflang="es" type="text/html" href="https://colonial.hotelbcn-barcelona.com/es/" title="Spanish" /> <link rel="alternate" hreflang="fr" type="text/html" href="https://colonial.hotelbcn-barcelona.com/fr/" title="French" /> <link rel="alternate" hreflang="he" type="text/html" href="https://colonial.hotelbcn-barcelona.com/he/" title="Hebrew" /> <link rel="alternate" hreflang="it" type="text/html" href="https://colonial.hotelbcn-barcelona.com/it/" title="Italiano" /> <link rel="alternate" hreflang="nl" type="text/html" href="https://colonial.hotelbcn-barcelona.com/nl/" title="Dutch" /> <link rel="alternate" hreflang="no" type="text/html" href="https://colonial.hotelbcn-barcelona.com/no/" title="Norwegian" /> <link rel="alternate" hreflang="pl" type="text/html" href="https://colonial.hotelbcn-barcelona.com/pl/" title="Polish" /> <link rel="alternate" hreflang="pt" type="text/html" href="https://colonial.hotelbcn-barcelona.com/pt/" title="Portuguese" /> <link rel="alternate" hreflang="ru" type="text/html" href="https://colonial.hotelbcn-barcelona.com/ru/" title="Russian" /> <link rel="alternate" hreflang="sv" type="text/html" href="https://colonial.hotelbcn-barcelona.com/sv/" title="Swedish" /> <link rel="alternate" hreflang="tr" type="text/html" href="https://colonial.hotelbcn-barcelona.com/tr/" title="Turkish" /> <link rel="canonical" href="https://colonial.hotelbcn-barcelona.com/fr/" /> <meta http-equiv="x-ua-compatible" content="ie=edge"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="/new/designs/90/hotel/fonts/Butler.woff2"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2"> <style>/*! */@font-face{font-family:Butler;font-style:normal;font-weight:400;font-display:optional;src:url(/new/designs/90/hotel/fonts/Butler.woff2) format("woff2")}@font-face{font-family:Raleway;font-style:normal;font-weight:400;src:local("Raleway"),url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2212,U+2215}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:optional;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format("woff2");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:optional;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:optional;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:optional;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format("woff2");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:optional;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format("woff2");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:optional;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,summary,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a img,fieldset,img{border:none}input[type=email],input[type=tel],input[type=text],textarea{-webkit-appearance:none}button,input[type=submit]{cursor:pointer;-moz-appearance:none;-webkit-appearance:none;appearance:none}button::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto}button,input{margin:0;padding:0;border:0}a,a:focus,button,div,h1,h2,h3,h4,h5,h6,input,select,span,textarea{outline:none}ol,ul{list-style-type:none}table{border-spacing:0;border-collapse:collapse;width:100%}html{box-sizing:border-box}body,html{height:100%}*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*{transition:none!important}}a{color:inherit;text-decoration:none;cursor:pointer}a:not([class]){transition:color .25s}select{-moz-appearance:none;-webkit-appearance:none;appearance:none;padding-right:30px!important;background:url(/new/designs/90/hotel/images/select-arrow-h.svg) #fff no-repeat;background-position:100%;background-size:30px 6px}select:focus{outline:none}select::-ms-expand{display:none}h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif}.sunset{font:normal 12px Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sunset.body-no-scroll{overflow:hidden}.sunset__wrapper{background-color:#fff}.sunset__main{display:flex;padding:50px 0 70px}@media only screen and (max-width:767px){.sunset__main{padding:50px 0 40px}}.sunset__content{width:100%;padding-right:20px;padding-left:20px}@media only screen and (max-width:1024px){.sunset__content{padding:0 15px}}@media only screen and (max-width:767px){.sunset__content{padding:0 10px}}.sunset__banner{margin-top:50px}@media only screen and (max-width:767px){.sunset__banner{margin-top:30px}}.sunset__button{display:block;width:100%;max-width:255px;padding:10px;border:1px solid #f68059;border-radius:4px;background-color:transparent;color:#f68059;font-weight:700;font-size:16px;line-height:1.5;font-family:Roboto,sans-serif;cursor:pointer;transition:all .3s ease}.sunset__button:hover{background-color:#f68059;color:#fff}.sunset__button:active,.sunset__button:focus,.sunset__button:hover{outline:none}.sunset__button--revert{background-color:#f68059;color:#fff}.sunset__button--revert:hover{background-color:transparent;color:#f68059}.sunset__404-page .sunset__wrapper{background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/hotel/images/404-bg.jpg);background-position:50%;background-size:cover}.sunset__book-page .banner,.sunset__group_book-page .banner{height:auto}.sunset__book-page .header,.sunset__group_book-page .header{margin-bottom:20px}.sunset__book-page .header__logo,.sunset__group_book-page .header__logo{cursor:default;pointer-events:none;user-select:none}.sunset__book-page .header__nav,.sunset__group_book-page .header__nav{display:none}.sunset__book-page .header__nav-toggler,.sunset__group_book-page .header__nav-toggler{display:none!important}.sunset__book-page .footer__list-link,.sunset__group_book-page .footer__list-link{cursor:default;pointer-events:none;user-select:none}.sunset__book-page .footer__list-link:hover,.sunset__group_book-page .footer__list-link:hover{text-decoration:none}.sunset__book-page .footer__subscribe-form,.sunset__group_book-page .footer__subscribe-form{display:none}.sunset__book-page .new-container,.sunset__group_book-page .new-container{max-width:100%}.sunset__group_book-page .footer,.sunset__group_book-page .header{display:none}.sunset .booking-frame-wrap iframe{width:100%;border:none}.page__title{padding-bottom:15px;color:#242c4a;font:400 32px/1.4 Roboto,sans-serif}@media only screen and (max-width:767px){.page__title{padding-bottom:10px;font-size:22px;line-height:30px}}.new-container{box-sizing:border-box;width:100%;max-width:1170px;margin:0 auto;padding-right:15px;padding-left:15px}.new-row{margin-right:-15px;margin-left:-15px}.message{display:flex;align-items:center;margin-bottom:20px;padding:20px;border-radius:4px;background-color:#fff;box-shadow:0 5px 10px 3px rgba(36,44,74,.1)}@media only screen and (max-width:520px){.message{align-items:flex-start}}.message__text{margin-left:15px;font:700 16px/1.5 Roboto,sans-serif}.message__icon{width:30px;height:30px}.message--error .message__text{color:#ef4b5f}.message--error .message__icon{fill:#ef4b5f}.message--success .message__text{color:#42a23b}.message--success .message__icon{fill:#42a23b}.message--come-from-not-avail{flex-wrap:wrap}.message--come-from-not-avail .message__text{margin-left:0;color:#ef4b5f;font:700 18px/1.5 Roboto,sans-serif}.message--come-from-not-avail .message__text-instruction{margin-top:8px;color:#242c4a;font:normal 16px/1.5 Roboto,sans-serif}.message--come-from-not-avail .message__not-avail{display:flex;align-items:center;justify-content:space-between;width:100%}@media only screen and (max-width:767px){.message--come-from-not-avail .message__not-avail{flex-wrap:wrap}.message--come-from-not-avail .message__not-avail .message__btn{margin:15px auto 0}}.message--come-from-not-avail .message__other-hotels{width:100%;margin-top:18px;padding:13px 15px;border-radius:4px;background-color:#f2f7fa;color:#242c4a;font:normal 14px/1.5 Roboto,sans-serif}.message--come-from-not-avail .message__other-hotels-url{color:#3c6780;text-decoration:underline}.message--come-from-not-avail .message__btn-other-hotels{display:inline-block;padding:11px;border-radius:4px;background:#f68059;color:#fff;font:700 16px Roboto,sans-serif;text-align:center;cursor:pointer}img{content-visibility:auto}.clearfix:after{display:block;visibility:hidden;height:0;clear:both;content:" ";font-size:0}.dropdown{box-sizing:border-box;display:none;z-index:1000;position:absolute;top:calc(100% - 10px);left:0;width:255px;padding:15px;border-radius:4px;background-color:#fff;box-shadow:0 5px 10px 0 rgba(36,44,74,.1);font-family:Roboto,sans-serif;text-align:left}.dropdown--scroll{max-height:230px;overflow-y:scroll}.dropdown--right{right:0;left:auto}.dropdown.is-show{display:block}.dropdown__list-item{color:#242c4a;font-size:14px;line-height:1;cursor:pointer}.dropdown__list-item:not(:last-child){margin-bottom:10px}.dropdown__list-item-code{font-weight:500}.dropdown__block{display:flex;flex-wrap:wrap}.dropdown__block--margin{margin:0 -5px}.dropdown__block:not(:last-child){margin-bottom:20px}.dropdown__block.is-hide{display:none}.dropdown__item{flex:1;padding-right:5px}.dropdown__select{padding:5px 17px 4px 5px;border-radius:4px;border-color:#bad4e3;color:#242c4a;font-weight:500;font-size:16px;cursor:pointer}.dropdown__select.is-error{border-color:#ef4b5f}.dropdown__select:not(:last-child){margin-right:15px}.dropdown__select:active,.dropdown__select:focus,.dropdown__select:hover{outline:none}.dropdown__select--flex{width:calc(33.33% - 7px)}.dropdown__select--flex:not(:last-child){margin-right:0}.dropdown__selects-age{display:flex;flex-wrap:wrap;gap:10px}.dropdown__title{margin-bottom:10px;color:#242c4a;font-weight:500;font-size:18px}.dropdown__title--full-width{width:100%}.dropdown__button{flex:1;margin:0 5px;padding:10px 5px;border:1px solid #f68059;border-radius:4px;background-color:#f68059;color:#fff;font-weight:700;font-size:16px;cursor:pointer}.dropdown__button--cancel{background-color:#fff;color:#f68059}.dropdown__button:active,.dropdown__button:focus,.dropdown__button:hover{outline:none}.dropdown__error{display:none;margin-bottom:20px;color:#ef4b5f;font-size:16px}.hidden,.show-mobile{display:none}@media only screen and (max-width:767px){.show-mobile{display:block}}.show-tablet{display:none}@media only screen and (max-width:1024px){.show-tablet{display:block}}@media only screen and (max-width:767px){.hide-mobile{display:none}}@media only screen and (max-width:1024px){.hide-tablet{display:none}}html[dir=rtl] .slick-arrow{transform:rotate(180deg)}.slick-list{width:100%}.date-picker-wrapper{position:absolute;z-index:1;background-color:#fff;color:#242c4a;font:normal 14px/16px Roboto,sans-serif;font-family:Arial,sans-serif;border-radius:2px;border:1px solid #d1dde9}@media only screen and (max-width:767px){.date-picker-wrapper{width:100%}}.date-picker-wrapper.inline-wrapper{position:absolute}.date-picker-wrapper.single-date{width:auto}.date-picker-wrapper.no-topbar{padding-top:12px}.date-picker-wrapper .drp_top-bar,.date-picker-wrapper.two-months.no-gap .month1 .next,.date-picker-wrapper.two-months.no-gap .month2 .prev{display:none}.date-picker-wrapper .custom-header{display:block;width:100%;text-align:center;padding:15px;background:#242c4a;border-radius:2px 2px 0 0}@media only screen and (max-width:1024px){.date-picker-wrapper .custom-header{padding:10px}}@media only screen and (max-width:767px){.date-picker-wrapper .custom-header{width:100%}}.date-picker-wrapper .custom-header__text{color:#fff;font:500 16px/21px Roboto,sans-serif;letter-spacing:1px;text-transform:uppercase}@media only screen and (max-width:1024px){.date-picker-wrapper .custom-header__text{font-size:14px;letter-spacing:0}}.date-picker-wrapper .custom-footer{font-size:0;display:flex;justify-content:center;align-items:center;padding:15px;border-radius:0 0 2px 2px}@media only screen and (max-width:767px){.date-picker-wrapper .custom-footer{width:100%}}.date-picker-wrapper .custom-footer .calendar-hover-nights,.date-picker-wrapper .custom-footer .calendar-hover-range{display:inline-block;font:normal 14px/20px Roboto,sans-serif;padding:0 2px}.date-picker-wrapper .custom-footer .calendar-hover-range{text-transform:capitalize}.date-picker-wrapper .custom-footer .calendar-hover-nights{font-weight:700}@media only screen and (max-width:767px){.date-picker-wrapper .month{width:100%;border-bottom:1px solid #bad4e3}}.date-picker-wrapper .month-wrapper{width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #bad4e3;cursor:default;position:relative;overflow:hidden}@media only screen and (max-width:767px){.date-picker-wrapper .month-wrapper{flex-wrap:wrap;justify-content:center;border-bottom:none}}.date-picker-wrapper .month-head{width:100%}.date-picker-wrapper .month-caption{padding:0 50px;height:50px;border-bottom:1px solid #bad4e3;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:1024px){.date-picker-wrapper .month-caption{padding:0 5px;height:40px}}@media only screen and (max-width:767px){.date-picker-wrapper .month-caption{padding:0 40px;height:50px}}@media only screen and (max-width:520px){.date-picker-wrapper .month-caption{padding:0 35px}}@media only screen and (max-width:340px){.date-picker-wrapper .month-caption{padding:0 20px}}.date-picker-wrapper .month-caption .next,.date-picker-wrapper .month-caption .prev{padding:0;cursor:pointer;display:flex;height:100%;align-items:center;opacity:1}.date-picker-wrapper .month-caption .next.is-disabled,.date-picker-wrapper .month-caption .prev.is-disabled{opacity:.5;cursor:default;pointer-events:none}.date-picker-wrapper .month-caption .next{justify-content:flex-end}.date-picker-wrapper .month-caption .next .calendar-arrow{transform:rotate(-90deg)}.date-picker-wrapper .month-caption .prev{justify-content:flex-start}.date-picker-wrapper .month-caption .prev .calendar-arrow{transform:rotate(90deg)}.date-picker-wrapper .month-caption .calendar-arrow{width:10px;height:10px;fill:#242c4a}.date-picker-wrapper .month-arrow{width:30px;height:30px;line-height:30px;font-size:0}.date-picker-wrapper .month-name{text-transform:capitalize;font-size:0;line-height:0}.date-picker-wrapper .month-element{display:inline-block;padding:0 2px;font:500 16px/20px Roboto,sans-serif}.date-picker-wrapper .month-gap{width:1px;background:#bad4e3}.date-picker-wrapper .month .week-name{padding:30px 39px 10px;width:100%;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:1024px){.date-picker-wrapper .month .week-name{padding:10px 5px}}@media only screen and (max-width:767px){.date-picker-wrapper .month .week-name{max-width:290px;margin:0 auto}}.date-picker-wrapper .month .week-name__item{width:38px;height:20px;flex-shrink:0;text-transform:uppercase;text-align:center;font:500 14px/20px Roboto,sans-serif}@media only screen and (max-width:1024px){.date-picker-wrapper .month .week-name__item{width:30px}}@media only screen and (max-width:767px){.date-picker-wrapper .month .week-name__item{width:40px}}.date-picker-wrapper .days-container{padding:0 39px 30px}@media only screen and (max-width:1024px){.date-picker-wrapper .days-container{padding:0 5px}}.date-picker-wrapper .days-row{width:100%;display:flex;align-items:center}@media only screen and (max-width:767px){.date-picker-wrapper .days-row{max-width:280px;margin:0 auto}}.date-picker-wrapper .days-row:not(:last-child){margin-bottom:3px}@media only screen and (max-width:767px){.date-picker-wrapper .days-row:not(:last-child){margin:0 auto 3px}}.date-picker-wrapper .day{cursor:default;width:14.28571%;flex-shrink:0}.date-picker-wrapper .day.is-lastMonth,.date-picker-wrapper .day.is-nextMonth{pointer-events:none;cursor:default}.date-picker-wrapper .day.is-toMonth.is-hovering{background:rgba(60,103,128,.3)}.date-picker-wrapper .day.is-toMonth.is-first-date-selected{background:linear-gradient(90deg,transparent 50%,rgba(60,103,128,.3) 0)}.date-picker-wrapper .day.is-toMonth.is-last-date-selected{background:linear-gradient(90deg,rgba(60,103,128,.3) 50%,transparent 0)}.date-picker-wrapper .day .day-text{width:100%;font:normal 14px/33px Roboto,sans-serif;text-align:center}@media only screen and (max-width:1024px){.date-picker-wrapper .day .day-text{line-height:30px}}@media only screen and (max-width:767px){.date-picker-wrapper .day .day-text{line-height:40px}}.date-picker-wrapper .day .day-text.checked{background-color:rgba(60,103,128,.3)}.date-picker-wrapper .day .day-text.invalid,.date-picker-wrapper .day .day-text.lastMonth,.date-picker-wrapper .day .day-text.nextMonth{pointer-events:none;cursor:default;color:#242c4a;background-color:transparent;opacity:.5}.date-picker-wrapper .day .day-text.has-tooltip{cursor:help!important}.date-picker-wrapper .day .day-text.has-tooltip .tooltip{white-space:nowrap}.date-picker-wrapper .day .day-text.toMonth.valid{cursor:pointer;color:#242c4a;opacity:1;height:32px}@media only screen and (max-width:1024px){.date-picker-wrapper .day .day-text.toMonth.valid{height:auto}}.date-picker-wrapper .day .day-text.toMonth.first-date-selected,.date-picker-wrapper .day .day-text.toMonth.last-date-selected{background-color:#3c6780;color:#fff;font-weight:700;border-radius:50%;overflow:hidden;opacity:1;width:32px;height:32px}@media only screen and (max-width:1024px){.date-picker-wrapper .day .day-text.toMonth.first-date-selected,.date-picker-wrapper .day .day-text.toMonth.last-date-selected{width:auto;height:auto}}.date-picker-wrapper .week-number{display:none}.date-picker-wrapper .select-wrapper{position:relative;overflow:hidden;display:inline-block;vertical-align:middle}.date-picker-wrapper .select-wrapper:hover{text-decoration:underline}.date-picker-wrapper .select-wrapper select{position:absolute;margin:0;padding:0;left:0;top:-1px;font-size:inherit;font-style:inherit;font-weight:inherit;text-transform:inherit;color:inherit;cursor:pointer;appearance:none;background:transparent;border:0;outline:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);opacity:.01}.date-picker-wrapper .date-range-length-tip,.date-picker-wrapper .hide,.date-picker-wrapper .selected-days,.date-picker-wrapper.single-month .time,.date-picker-wrapper .time{display:none}.header{width:100%;color:#242c4a;border-bottom:1px solid #d1dde9}.header__inner{position:relative;display:flex;align-items:center;padding:20px 15px}@media only screen and (max-width:1024px){.header__inner{flex-wrap:wrap;padding:0 15px}}@media only screen and (max-width:767px){.header__inner{padding:0 10px}}.header__booking-phone{margin-left:21px}.header__booking-phone:before{content:"";width:1px;height:10px;margin-right:21px;background:#9195a4}@media only screen and (max-width:1024px){.header__booking-phone:before{display:none}}.header__booking-phone:hover{text-decoration:underline}@media only screen and (max-width:1024px){.header__booking-phone{justify-content:center;margin-left:0;order:-1;background-color:#ecf3fb;padding:6px 0}.header__booking-phone:hover{text-decoration:none}}.header .booking-phone{display:inline-flex;align-items:center}@media only screen and (max-width:1024px){.header .booking-phone{margin:0 -15px;width:calc(100% + 30px)}}@media only screen and (max-width:767px){.header .booking-phone{margin:0 -10px;width:calc(100% + 20px)}}.header .booking-phone__icon{width:12px;height:12px;fill:#9195a4;margin-right:10px}.header .booking-phone__info{font:400 12px/21px Roboto,sans-serif;color:#242c4a;letter-spacing:.8px;text-transform:uppercase}@media only screen and (max-width:767px){.header .booking-phone__info{font:400 10px/18px Roboto,sans-serif}}.header__nav-toggler{position:relative;display:none;flex-direction:column;align-items:center;justify-content:space-between;height:12px;padding:0 2px;margin-left:auto;background-color:transparent;border:none;overflow:hidden;cursor:pointer}.header__nav-toggler:active,.header__nav-toggler:focus,.header__nav-toggler:hover{outline:none}@media only screen and (max-width:767px){.header__nav-toggler{display:flex}}.header__nav-toggler.is-show{height:13px}.header__nav-toggler.is-show .header__nav-toggler-line{margin-bottom:0}.header__nav-toggler.is-show .header__nav-toggler-line:first-child{transform:rotate(45deg)}.header__nav-toggler.is-show .header__nav-toggler-line:nth-child(2){transform:translateX(-22px)}.header__nav-toggler.is-show .header__nav-toggler-line:nth-child(3){transform:rotate(-45deg)}.header__nav-toggler-line{display:block;height:2px;width:16px;transition:all .3s;border-radius:2px;background-color:#242c4a}.header__nav-toggler-line:first-child{transform-origin:top left}.header__nav-toggler-line:nth-child(3){transform-origin:bottom left}.header__nav-toggler-cross{display:block;height:2px;width:26px;position:absolute;top:calc(50% - 1px);left:0;background-color:#242c4a;transform:rotate(45deg)}.header__nav-toggler-cross--right{transform:rotate(-45deg)}.header__nav{display:flex;margin-left:auto;box-sizing:border-box}@media only screen and (max-width:767px){.header__nav{position:absolute;top:calc(100% + 1px);left:0;display:none;width:100%;background-color:#f5f7fa;z-index:9999}.header__nav.is-show{display:block}}.header__nav-header{display:none}@media only screen and (max-width:767px){.header__nav-header{margin-bottom:20px;padding:12px 0;position:relative;display:flex;align-items:center;border-bottom:1px solid #bad4e3}}.header__nav-item{font-size:15px;font-weight:500;cursor:pointer}.header__nav-item:not(:first-child){margin-left:45px}@media only screen and (max-width:767px){.header__nav-item{margin-left:0!important;text-align:left;color:#242c4a;background-color:#fff;box-shadow:0 5px 10px 0 rgba(36,44,74,.1)}.header__nav-item:not(:last-child){margin-bottom:10px}}.header .item{position:relative;display:flex;align-items:center}@media only screen and (max-width:767px){.header .item{display:block}}.header .item.is-show .item__title-icon{transform:rotate(180deg)}.header .item__title{position:relative;font:400 12px/14px Roboto,sans-serif;letter-spacing:.8px;text-transform:uppercase}@media only screen and (max-width:767px){.header .item__title{display:flex;width:100%;align-items:center;padding:15px}}.header .item__title-icon{margin-left:6px;width:10px;height:6px;fill:#242c4a;margin-bottom:1px;transition:all .3s}@media only screen and (max-width:767px){.header .item__title-icon{fill:#242c4a;margin-left:auto}}.header .item__icon{width:25px;height:25px;margin-left:10px}.header .item .dropdown{padding:5px 0;top:calc(100% + 10px)}@media only screen and (max-width:767px){.header .item .dropdown{position:static;width:100%;border-top:1px solid #bad4e3;border-radius:0}}.header .item .dropdown__list-item{margin-bottom:0;padding:0;font-weight:400;transition:all .3s ease}.header .item .dropdown__list-item:not(:last-child){border-bottom:1px solid rgba(186,212,227,.5)}.header .item .dropdown__list-item:hover{background-color:#bad4e3}.header .item .dropdown__list-link{padding:10px 15px;display:block;text-decoration:none;cursor:pointer;color:#242c4a}.header-logo{display:flex;align-items:center}@media only screen and (max-width:1024px){.header-logo{padding:20px 0}}@media only screen and (max-width:767px){.header-logo{padding:10px 0}}.header-logo__text{text-align:center}.header-logo__suptext{position:relative;font:normal 400 24px/28px Copperplate,sans-serif;text-align:center;letter-spacing:.83px;text-transform:uppercase}@media only screen and (max-width:767px){.header-logo__suptext{font-size:20px;line-height:15px}}.header-logo__subtext{display:inline-block;position:relative;font:normal 500 8px/9px Raleway,sans-serif;text-align:center;text-transform:uppercase;margin-top:4px;letter-spacing:.25px}@media only screen and (max-width:767px){.header-logo__subtext{font-size:6px;line-height:7px}}.header-logo__subtext:after,.header-logo__subtext:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:1px;height:1px;border-radius:50%;background:#242c4a}.header-logo__subtext:before{left:-5px}.header-logo__subtext:after{right:-5px}.cart{position:relative;flex-shrink:0;display:none;font-family:Roboto,sans-serif;width:255px;color:#242c4a;z-index:1}@media only screen and (max-width:767px){.cart{position:fixed;bottom:0;left:0;width:100%;border-radius:15px 15px 0 0;box-shadow:-2px 0 4px 2px rgba(0,0,0,.1);overflow:hidden;z-index:1000}}.cart.is-active{display:block}@media only screen and (max-width:767px){.cart.is-open .cart__rooms{max-height:250px!important}}.cart.is-open .cart__head .icon{transform:rotate(180deg)}.cart__head{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;height:60px;padding:9px 10px;background:#dfebf9;cursor:pointer}@media only screen and (max-width:767px){.cart__head{flex-direction:row;align-items:center;justify-content:flex-start;height:auto;padding:25px 10px 10px;background:#fff}.cart__head:after{content:"";position:absolute;top:10px;left:calc(50% - 20px);width:40px;height:4px;border-radius:2px;background:#d1dde9}}.cart__head:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#d1dde9;z-index:1}.cart__head .icon{position:absolute;top:50%;transform:translateY(-50%);right:10px;width:10px;height:6px;fill:#242c4a;transform-origin:center center;transition:all .3s}@media only screen and (max-width:767px){.cart__head .icon{display:none}}.cart__title{display:inline-block;position:relative;font:700 16px/1 Roboto,sans-serif}@media only screen and (max-width:767px){.cart__title{font-size:14px}}.cart__title:after{content:"";position:absolute;top:-1px;left:calc(100% + 1px);width:6px;height:6px;border-radius:50%;background:#e12d2d}.cart__count{font:14px/1.5 Roboto,sans-serif;margin-top:2px}@media only screen and (max-width:767px){.cart__count{margin-left:7px}}.cart__progress{position:absolute;bottom:0;left:0;width:0;height:2px;background:#3c6780;transition:all .3s;z-index:2}.cart__body{position:absolute;top:100%;left:0;width:100%;z-index:1;border-radius:0 0 2px 2px;overflow:hidden;border-left:1px solid #dfebf9;border-right:1px solid #dfebf9}@media only screen and (max-width:767px){.cart__body{position:static;border-radius:0}}.cart__rooms{display:none;height:100%;max-height:440px;background:#fff;overflow-y:auto}@media only screen and (max-width:767px){.cart__rooms{display:block;max-height:0;transition:all .3s}}.cart__rooms-inner{padding:10px;height:100%}.cart__footer{padding:15px 10px;background:#dfebf9}@media only screen and (max-width:767px){.cart__footer{padding:10px}}.cart__price-info{position:relative}.cart__total-text{font-size:14px}.cart__nights{font-size:12px;margin-top:5px}@media only screen and (max-width:767px){.cart__nights{font-size:14px}}.cart__total-price{position:absolute;top:50%;transform:translateY(-50%);right:5px;font:700 16px/1 Roboto,sans-serif}.cart__btn{display:flex;justify-content:center;font:500 14px/16px Roboto,sans-serif;color:#fff;letter-spacing:.8px;text-transform:uppercase;width:100%;padding:12px;margin-top:10px;border-radius:2px;background:#bfbebe;pointer-events:none;cursor:none}@media only screen and (max-width:767px){.cart__btn{display:none;width:100%;padding:12px 9px}}.cart__btn.is-active{background:#242c4a;pointer-events:auto;cursor:pointer}@media only screen and (max-width:767px){.cart__btn.is-active{display:flex}}.room-in-cart{color:#242c4a;border-radius:2px;border:1px solid #d1dde9;margin-bottom:10px}.room-in-cart.is-selected .room-in-cart__check-icon{display:block}.room-in-cart.is-open{border-color:#3c6780}.room-in-cart.is-open .room-in-cart__active-info{display:block}.room-in-cart__active-info{display:none;font:700 12px Roboto,sans-serif;color:#fff;text-align:center;padding:2px 10px;background:#242c4a}@media only screen and (max-width:767px){.room-in-cart__active-info{font-size:10px}}.room-in-cart__head{position:relative;padding:10px}.room-in-cart__number{font:500 16px/1 Roboto,sans-serif}.room-in-cart__guests{font:12px/1.58 Roboto,sans-serif;color:#656b80;margin-top:2px}.room-in-cart__check-icon{position:absolute;top:50%;transform:translateY(-50%);right:10px;display:none;width:15px;height:15px}.room-in-cart__info{position:relative;display:none;flex-direction:column;padding:10px;border-top:1px solid #d1dde9}.room-in-cart__info.is-active{display:flex}.room-in-cart__remove-icon{position:absolute;top:10px;right:10px;width:10px;height:10px;fill:#9195a4;cursor:pointer}.room-in-cart__name{font:700 14px/1 Roboto,sans-serif;width:100%;padding-right:20px;margin-bottom:10px}.room-in-cart__cancellation{position:relative;width:100%;margin-bottom:10px}.room-in-cart__cancellation .rate-cancellation--free .rate-cancellation__icon{fill:#2baf40}.room-in-cart__cancellation .rate-cancellation--free .rate-cancellation__text{color:#2baf40}.room-in-cart__cancellation .rate-cancellation__info{position:relative}.room-in-cart__cancellation .rate-cancellation__info:hover .rate-cancellation__text{text-decoration:underline}.room-in-cart__cancellation .rate-cancellation__info:hover .rate-cancellation__tooltip{display:block}.room-in-cart__cancellation .rate-cancellation__text{font:700 14px/1.5 Roboto,sans-serif;color:#242c4a}.room-in-cart__cancellation .rate-cancellation__icon{margin-left:2px;width:3px;height:10px;vertical-align:top;display:inline;fill:#3c6780}.room-in-cart__cancellation .rate-cancellation__tooltip{position:absolute;left:-11px;top:100%;font:400 12px/1.5 Roboto,sans-serif;color:#242c4a;width:calc(100% + 22px);padding:5px 10px;background:#fff;box-shadow:0 5px 16px 5px rgba(36,44,74,.1);border:1px solid #b7d1e0;border-radius:2px;z-index:100;display:none}.room-in-cart__cancellation .rate-cancellation__date{display:inline-block;width:100%;font:400 12px/1.5 Roboto,sans-serif;color:#242c4a}.room-in-cart__price{align-self:flex-end;font:700 14px/1 Roboto,sans-serif}body.is-non-overflow{overflow:hidden}.cart-book-blur{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:#000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:rgba(36,44,74,.3);z-index:1}.cart-book-blur.is-active{display:block}.banner{position:relative;font-family:Roboto,sans-serif}.banner.is-open-onboard{z-index:1000}.banner__body{position:relative;width:100%;max-width:1920px;margin:0 auto;padding:0}.banner__form{z-index:20;position:relative;flex-shrink:0}@media only screen and (max-width:767px){.banner__form-calendars{display:flex;position:relative;align-items:center;width:calc(60% - 15px);margin-right:16px;padding:15px;border:1px solid #dfebf9}}@media only screen and (max-width:520px){.banner__form-calendars{width:100%;margin:0;padding:12px 0;border:0}}.banner__form--mobile{display:none}@media only screen and (max-width:767px){.banner__form--mobile{display:block}}.banner__panorama-btn{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:1}.banner__gallery{z-index:10;position:relative;order:2;width:625px;margin:0 10px 0 25px;overflow:hidden;border-radius:4px;box-shadow:0 5px 10px 3px rgba(36,44,74,.1)}@media only screen and (max-width:1024px){.banner__gallery{width:60%}}.banner__gallery--mobile{display:none;position:relative;width:100%;height:56vw;margin:0;border-radius:0;box-shadow:none}@media only screen and (max-width:520px){.banner__gallery--mobile{height:230px}}.banner__gallery--mobile .slick-list,.banner__gallery--mobile .slick-slide,.banner__gallery--mobile .slick-slider,.banner__gallery--mobile .slick-track{height:100%}.banner__gallery--mobile .slick-slide div{width:100%;height:100%}.banner__gallery--mobile .slick-slide img{width:100%;height:100%;object-fit:cover}.banner__gallery-wrapper{height:100%}.banner__gallery-rating{display:block;position:absolute;top:5px;right:5px}.banner__gallery-container{width:100%;height:100%}.banner__gallery-container .caroufredsel_wrapper{height:100%!important}.banner__gallery-btn-prev{/*! rtl:begin:ignore */float:left!important/*! rtl:end:ignore */}.banner__gallery-btn-next{/*! rtl:begin:ignore */float:right!important/*! rtl:end:ignore */}.banner__gallery-photo{/*! rtl:begin:ignore */float:left/*! rtl:end:ignore */}.banner__gallery-button{position:absolute;top:8px;right:5px;padding:7px;border-radius:2px;background-color:hsla(0,0%,100%,.3);font-size:0;cursor:pointer}.banner__gallery-button-icon{width:16px;height:16px;fill:#fff}.banner__photos{display:flex;flex-shrink:0;flex-flow:column;align-items:center;justify-content:space-between;order:3}@media only screen and (max-width:1024px){.banner__photos{display:none}}.banner__photos-item{display:block;width:88px;height:55px;overflow:hidden;border-radius:4px;box-shadow:0 5px 10px 3px rgba(36,44,74,.1);cursor:pointer}.banner__photos-image{width:100%;height:100%;object-fit:cover}.banner__main-photo-item{display:block;width:100%;height:21px;object-fit:cover}.banner__main-photo-item--1{object-position:0 0}.banner__main-photo-item--2{object-position:0 -21px}.banner__main-photo-item--3{object-position:0 -42px}.banner__main-photo-item--4{object-position:0 -63px}.banner__main-photo-item--5{object-position:0 -84px}.banner__main-photo-item--6{object-position:0 -105px}.banner__main-photo-item--7{object-position:0 -126px}.banner__main-photo-item--8{object-position:0 -147px}.banner__main-photo-item--9{object-position:0 -168px}.banner__main-photo-item--10{object-position:0 -189px}.banner__main-photo-item--11{object-position:0 -210px}.banner__main-photo-item--12{object-position:0 -231px}.banner__main-photo-item--13{object-position:0 -252px}.banner__main-photo-item--14{object-position:0 -273px}.banner__main-photo-item--15{object-position:0 -294px}.banner__main-photo-item--16{object-position:0 -315px}.banner__main-photo-item--17{object-position:0 -336px}.banner__main-photo-item--18{object-position:0 -357px}.banner__main-photo-item--19{object-position:0 -378px}.banner__main-photo-item--20{object-position:0 -399px}.banner .mosaic{display:flex;width:100%;height:420px;padding:15px 0}@media only screen and (max-width:1170px){.banner .mosaic{height:400px;padding:10px 0}}@media only screen and (max-width:767px){.banner .mosaic{display:none}}.banner .mosaic__panorama{position:absolute;top:0;left:0;width:100%;height:100%}.banner .mosaic__form{flex-shrink:0;width:360px;margin:-15px 0}@media only screen and (max-width:1170px){.banner .mosaic__form{width:300px;margin:-10px 0}}.banner .mosaic__photo{width:100%;height:100%;overflow:hidden;cursor:zoom-in}.banner .mosaic__photo--no{cursor:default}.banner .mosaic__photo img{width:100%;height:100%;object-fit:cover}.banner .mosaic__map{display:block;position:relative;width:100%;height:100%;overflow:hidden;cursor:pointer}.banner .mosaic__map-btn{z-index:2;position:absolute;top:50%;left:50%;max-width:100%;padding:6px 15px;transform:translate(-50%,-50%);background:hsla(0,0%,100%,.8);color:#242c4a;font:500 14px/1.71 Roboto,sans-serif;text-align:center;text-overflow:ellipsis;white-space:nowrap}.banner .mosaic__map-stub{width:100%;height:100%;object-fit:cover}.banner .mosaic__left-photo{width:calc(50% - 570px);height:100%;border-top:2px solid #fff;border-bottom:2px solid #fff;background:#fff}@media only screen and (max-width:1170px){.banner .mosaic__left-photo{width:15px}}.banner .mosaic__right-wrapper{display:flex;width:calc(50% + 210px);height:100%;border-top:2px solid #fff;border-bottom:2px solid #fff;background:#fff}@media only screen and (max-width:1170px){.banner .mosaic__right-wrapper{width:calc(100% - 315px)}}.banner .mosaic__left{display:flex;width:66%;height:100%;border-bottom:2px solid #fff}.banner .mosaic__bottom{display:flex;height:108px}@media only screen and (max-width:1170px){.banner .mosaic__bottom{height:118px}}.banner .mosaic__main-photo{width:100%;height:100%;border-right:2px solid #fff}.banner .mosaic__right{display:flex;flex-direction:column;width:34%;height:100%}.banner .mosaic__secondary-photo{position:relative;width:100%;height:70%;border-bottom:2px solid #fff}.banner .mosaic__small-item{width:100%;height:30%;border-bottom:2px solid #fff}.banner .mosaic__small-item:not(:last-child){border-right:2px solid #fff}.banner .mosaic__small-item--position{position:relative}@media only screen and (max-width:1170px){.banner .avail-form{width:300px}}@media only screen and (max-width:767px){.banner .avail-form{width:100%;max-width:100%}}@media only screen and (max-width:1170px){.banner .avail-form__title{padding:30px 15px}.lang-code-ru .banner .avail-form__title{font-size:16px}}@media only screen and (max-width:767px){.banner .avail-form__title{min-height:40px;padding:20px 20px 15px;border:0;font-size:18px}}@media only screen and (max-width:520px){.banner .avail-form__title{padding:15px;border-bottom:1px solid #dfebf9;font:500 14px/20px Roboto,sans-serif}}@media only screen and (max-width:1024px){.banner .avail-form__content{padding:0 15px}}@media only screen and (max-width:767px){.banner .avail-form__content{flex-wrap:nowrap;width:100%;padding:0 15px 15px;border-radius:0 0 2px 2px}}@media only screen and (max-width:520px){.banner .avail-form__content{flex-wrap:wrap;padding:0 20px 10px}}@media only screen and (max-width:520px){.banner .avail-form__corner,.banner .avail-form__corner-img{width:26px;height:26px}}@media only screen and (max-width:520px){.banner .avail-form__corner-img svg{width:12px;height:12px}}@media only screen and (max-width:520px){.banner .avail-form__corner:before{height:42px}}@media only screen and (max-width:767px){.banner .avail-form__error{position:static}.banner .avail-form__error:after,.banner .avail-form__error:before{display:none}}@media only screen and (max-width:767px){.banner .avail-form__bottom{width:40%}}@media only screen and (max-width:520px){.banner .avail-form__bottom{width:100%}}@media only screen and (max-width:1170px){.banner .avail-form__submit{margin:30px auto 38px;font-size:18px}}@media only screen and (max-width:767px){.banner .avail-form__submit{display:flex;align-items:center;justify-content:center;height:100%;margin:0;padding:10px;font-size:18px;text-transform:uppercase}}@media only screen and (max-width:520px){.banner .avail-form__submit{height:auto;padding:17px 10px;font-size:15px;line-height:16px;letter-spacing:.8px}}@media only screen and (max-width:767px){.banner .avail-form .field{width:50%;height:auto;padding:0}.banner .avail-form .field:first-child{padding-right:16px}.banner .avail-form .field:last-child{padding-left:30px}}@media only screen and (max-width:767px){.banner .avail-form .field__content{width:100%}}@media only screen and (max-width:767px){.banner .avail-form .field__number{margin-right:5px;font-size:22px;line-height:21px}}@media only screen and (max-width:520px){.banner .avail-form .field__number{font-size:20px;line-height:.95}}@media only screen and (max-width:767px){.banner .avail-form .field__dot{background:#242c4a}}@media only screen and (max-width:767px){.banner .avail-form .field__text{padding-right:0}}@media only screen and (max-width:767px){.banner .avail-form .field__text-item{font-weight:400;font-size:18px}}@media only screen and (max-width:520px){.banner .avail-form .field__text-item{font-size:16px;line-height:16px}}@media only screen and (max-width:767px){.banner .avail-form .field__text-item--bold{font-weight:400}}@media only screen and (max-width:1024px){.banner .avail-form.is-with-new-calendar .date-picker-wrapper.inline-wrapper,.banner .form-rooms-dropdown{left:calc(100% + 29px)}}@media only screen and (max-width:767px){.banner .form-rooms-dropdown{position:static;width:100%;margin-top:10px;transform:translateY(0);border:1px solid #bad4e3;border-radius:4px;background-color:#fafcfd}}@media only screen and (max-width:767px){.banner .form-rooms-dropdown:before{display:none}}@media only screen and (max-width:767px){.banner .form-room{width:100%}}.banner-head{display:flex;position:relative;flex-wrap:wrap;justify-content:center;padding:45px 0 30px}@media only screen and (max-width:1200px){.banner-head{padding:40px 15px 15px}}@media only screen and (max-width:767px){.banner-head{justify-content:center;padding:35px 10px 10px}}.banner-head__ex-title{position:absolute;top:0;right:15px;width:100%;margin:10px 0;color:#242c4a;font:400 12px/14px Roboto,sans-serif;text-align:right;opacity:.7}@media only screen and (max-width:767px){.banner-head__ex-title{margin:10px 0}}@media only screen and (max-width:767px){.banner-head__hotel-info{display:flex;flex-direction:column}}.banner-head__stars{display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:0}@media only screen and (max-width:767px){.banner-head__stars{margin-bottom:5px}}.banner-head__stars-icon{width:12px;height:12px;margin-right:5px;fill:#f68059}@media only screen and (max-width:767px){.banner-head__stars-icon{width:10px;height:10px;margin-right:2px}}.banner-head__title{width:100%;max-width:1050px;margin-bottom:8px;padding:0 180px;color:#242c4a;font:400 44px/53px Butler;letter-spacing:.44px;text-align:center}@media only screen and (max-width:1024px){.banner-head__title{padding:0}}@media only screen and (max-width:767px){.banner-head__title{margin-bottom:7px;font:500 26px/36px Butler;letter-spacing:.26px}}.banner-head__address{display:block;color:#242c4a;font:400 12px/21px Roboto,sans-serif;letter-spacing:1px;text-align:center;text-transform:uppercase;opacity:.5}@media only screen and (max-width:767px){.banner-head__address{font-size:8px;line-height:13px;letter-spacing:.6px}}.rating{display:flex;position:absolute;top:calc(50% + 7.5px);right:0;align-items:center;transform:translateY(-50%);cursor:pointer}.rating:hover .rating__reviews-count{text-decoration:underline}@media only screen and (max-width:1200px){.rating{position:static;width:100%;margin-top:15px;transform:translateY(0)}}.rating__wrap{display:flex;flex-direction:column;align-items:center;margin-right:10px}@media only screen and (max-width:1200px){.rating__wrap{flex-direction:row;margin-right:0}}.rating__logo{height:14px}@media only screen and (max-width:767px){.rating__logo{width:60px;height:10px;margin-top:3px}}.rating__reviews-count{margin-bottom:9px;color:#242c4a;font:400 18px/21px Roboto,sans-serif;text-align:right}@media only screen and (max-width:1200px){.rating__reviews-count{margin-right:5px;margin-bottom:0;font-size:14px;line-height:16px;text-align:left}}.rating__number{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #2baf40;border-radius:50% 50% 50% 0;color:#2baf40;font:700 20px/23px Roboto,sans-serif;text-align:center}@media only screen and (max-width:1200px){.rating__number{order:-1;width:32px;height:32px;margin-right:6px;border-radius:50% 50% 0 50%;font-size:14px;line-height:16px}}.breadcrumbs{display:flex;position:relative;flex-wrap:wrap;width:100%;margin-bottom:10px}@media only screen and (max-width:767px){.breadcrumbs{flex-wrap:nowrap;overflow-x:auto}.breadcrumbs:after{z-index:1;position:sticky;top:0;right:-5px;flex-shrink:0;width:34px;background:linear-gradient(90deg,hsla(0,0%,100%,.0001) 2%,#fff 98%);content:""}}.breadcrumbs-item{display:flex;align-items:center;color:#bad4e3;font:400 12px/18px Roboto,sans-serif;padding-bottom:5px}@media only screen and (max-width:767px){.breadcrumbs-item{white-space:nowrap}}.breadcrumbs-item__link{color:#bad4e3;text-decoration:underline}.breadcrumbs-item__arrow{margin:1px 6px 0}@keyframes scaleBtn{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.avail-form{max-width:740px;position:relative;z-index:100;width:360px;margin:0;padding:15px;background-color:#dfebf9}.avail-form__new-calendar{position:relative;display:flex;width:100%;border-bottom:1px solid #dfebf9;padding:10px 0}.avail-form__title{display:flex;justify-content:center;align-items:center;text-align:center;border-radius:2px 2px 0 0;height:auto;background-color:#fff;color:#242c4a;font:500 18px/30px Roboto,sans-serif;padding:35px 15px 30px;border-bottom:1px solid #dfebf9;text-transform:uppercase;letter-spacing:1px}.avail-form__title--for-popup{display:none}.avail-form__content{display:flex;border-radius:0 0 4px 4px;padding:0 25px;background-color:#fff;flex-wrap:wrap}.avail-form__field{position:relative;display:flex}.avail-form__field--border{border-bottom:1px solid #dfebf9}.avail-form__field--border:after{content:"";position:absolute;width:1px;top:20px;bottom:20px;left:auto;right:0;background-color:#bad4e3}.avail-form__corner,.avail-form__corner-img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32px;height:32px}.avail-form__corner-img{border:1px solid #dfebf9;border-radius:50%;background-color:#fff}.avail-form__corner-img svg{width:15px;height:15px;fill:#959caa}.avail-form__corner-img svg,.avail-form__corner:before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.avail-form__corner:before{content:"";height:58px;width:1px;background-color:#dfebf9}.avail-form__error{padding:10px;display:flex;align-items:start;width:100%;max-width:400px;position:absolute;top:28%;left:calc(100% + 20px);border-radius:4px;box-shadow:0 5px 10px 0 rgba(36,44,74,.1);background-color:#fff;box-sizing:border-box}.avail-form__error:after,.avail-form__error:before{content:"";display:block;position:absolute;left:-8px;top:21px;width:20px;height:20px;background-color:#fff;transform:rotate(45deg)}.avail-form__error:before{z-index:1}.avail-form__error:after{box-shadow:0 5px 10px 0 rgba(36,44,74,.1);z-index:-1}.avail-form__error.is-hide{display:none}.avail-form__error-icon{margin-right:10px;width:22px;height:22px;fill:#ef4b5f}.avail-form__error-text{width:calc(100% - 32px);font-size:16px;font-weight:700;line-height:1.31;color:#ef4b5f}.avail-form__bottom{width:100%;position:relative}.avail-form__submit{color:#fff;background-color:#242c4a;border:none;cursor:pointer;margin:30px auto 46px;padding:20px;width:100%;text-transform:uppercase;font:700 18px/21px Roboto,sans-serif;letter-spacing:1px;border-radius:2px;text-align:center}.avail-form__submit.is-animated{animation-duration:1s;animation-name:scaleBtn;animation-timing-function:ease;animation-iteration-count:infinite}.avail-form__submit:disabled{background-color:#9b9b9b;cursor:default}.avail-form__submit:hover{background-color:#1e253e}.avail-form .field{position:relative;padding:0 13px 0 0;height:58px;width:50%;display:flex;flex-direction:column;justify-content:center}.avail-form .field--to{padding-left:35px;padding-right:0}.avail-form .field--guests{min-height:58px;height:auto;min-height:73px;justify-content:flex-start;width:100%;padding:20px 0 15px;border-bottom:1px solid #dfebf9}.avail-form .field--guests .field__title{margin-bottom:12px}.avail-form .field--guests .field__content{width:100%;align-items:flex-start}.avail-form .field--guests .field__number,.avail-form .field--guests .field__text,.avail-form .field--guests .field__text-item{font-size:16px;line-height:1;padding-right:0;font-weight:400;text-transform:capitalize}.avail-form .field--guests .field__corner{top:-11px!important;transform:rotate(-90deg)}.avail-form .field--guests .field__corner-icon{fill:#959caa;width:12px;height:7px}.avail-form .field:after{content:""}.avail-form .field__title{text-align:left;text-transform:uppercase;width:100%;margin-bottom:8px;color:#959caa;font:500 8px/9px Roboto,sans-serif;letter-spacing:.5px}.lang-code-hu .avail-form .field__title,.lang-code-sv .avail-form .field__title{padding-right:5px}.avail-form .field__content{display:flex;position:relative;cursor:pointer;align-items:flex-end;width:70%;color:#242c4a}.lang-code-hu .avail-form .field__content,.lang-code-sv .avail-form .field__content{width:60%}.avail-form .field__content--ja,.avail-form .field__content--ko,.avail-form .field__content--zh{margin-left:10px}.avail-form .field__content--ja .field__number,.avail-form .field__content--ko .field__number,.avail-form .field__content--zh .field__number{font-size:18px;order:1;margin-right:5px}.avail-form .field__content--ja .field__text,.avail-form .field__content--ko .field__text,.avail-form .field__content--zh .field__text{display:flex;align-items:center;padding-right:5px}.avail-form .field__content--ja .field__text-item--month,.avail-form .field__content--ko .field__text-item--month,.avail-form .field__content--zh .field__text-item--month{order:1;margin-left:5px}.avail-form .field__content--ja.field__content--guests .field__number,.avail-form .field__content--ko.field__content--guests .field__number,.avail-form .field__content--ko .field__number,.avail-form .field__content--zh.field__content--guests .field__number{order:0}.avail-form .field__content--ko .field__number:after{content:"\C77C"}.avail-form .field__content--ko .field__text{display:block}.avail-form .field__content--ja .field__number:after,.avail-form .field__content--zh .field__number:after{content:"\65E5"}.avail-form .field__content--guests .field__number:after{content:none}.avail-form .field__content.is-active{z-index:1001}.avail-form .field__content.is-active .calendar-header{display:flex;z-index:20}.avail-form .field__number{margin-right:7px;font-size:28px;font-weight:700;line-height:22px}.avail-form .field__dot{margin:0 7px;width:3px;height:3px;border-radius:50%;background:#242c4a}.avail-form .field__text{display:flex;align-items:center;padding-right:20px}.avail-form .field__text-item{display:inline-block;font-size:16px}.avail-form .field__text-item:not(:last-child){margin-bottom:0}.avail-form .field__text-item--bold{font-weight:600}.avail-form .field__text-item--month{margin-right:5px}.avail-form .field__text-item--width{max-width:75px;text-align:left}.avail-form .field__corner{position:absolute;right:0}.avail-form .field__corner-icon{width:14px;height:6px;fill:#fff}.avail-form .field__calendar-icon{height:16px;width:16px;fill:#fff}.avail-form .field__dropdown{top:100%;left:auto;right:0;border:1px solid #bad4e3;border-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-shadow:0 10px 15px 0 rgba(36,44,74,.4)}.avail-form .field:after{display:none}.avail-form.is-with-new-calendar .date-picker-wrapper:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);display:block;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #fff;z-index:1}.avail-form.is-with-new-calendar .date-picker-wrapper.inline-wrapper{left:calc(100% + 39px);right:auto;top:50%;transform:translateY(-50%)}.avail-form.is-with-new-calendar .field__corner{top:calc(50% - 8px)}.avail-form.is-with-new-calendar .avail-form__new-calendar.is-disable-close .avail-form__field{pointer-events:none}.avail-form.is-with-new-calendar .avail-form__new-calendar .field__corner{transform:none}.avail-form.is-with-new-calendar .field__dropdown{width:auto;max-width:285px;top:50%;transform:translateY(-50%);left:calc(100% + 15px);right:auto}.avail-form.is-with-new-calendar .field__dropdown:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);display:block;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #fff;z-index:1}.form-rooms-dropdown{display:none;position:absolute;top:50%;transform:translateY(-50%);left:calc(100% + 39px);border-radius:2px;background:#fff;border:1px solid #d1dde9}@media only screen and (max-width:767px){.form-rooms-dropdown{position:static;transform:translateY(0)}}.form-rooms-dropdown.is-show{display:block;opacity:1;visibility:visible;transition:all .3s;z-index:1}@media only screen and (max-width:767px){.form-rooms-dropdown.is-show{margin-top:15px}}.form-rooms-dropdown:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);display:block;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #fff;z-index:1}.form-rooms__bottom{padding:15px}.form-rooms__add-room{display:inline-block;font:500 12px/1.25 Roboto,sans-serif;letter-spacing:1px;color:#3c6780;padding:10px 20px;border-radius:2px;border:1px solid #3c6780;user-select:none;cursor:pointer;text-transform:uppercase}.form-rooms__add-room:hover{color:#fff;background:#3c6780}.form-rooms__add-room.is-disabled{opacity:.5;pointer-events:none;cursor:none}.form-room{position:relative;width:285px;padding:15px;border-bottom:1px solid #d1dde9}.form-room.is-not-removable .form-room__remove{display:none}.form-room__title{font:500 16px/1 Roboto,sans-serif;color:#242c4a;margin-bottom:10px}.form-room__inner{display:flex;align-items:flex-start}.form-room__select--children{display:none}.form-room__select--children.is-active{display:block}.form-room__select--children .form-room-select__title{padding-top:15px}.form-room__error{display:none;color:#ef4b5f;margin-top:5px;width:100%}.form-room__remove{position:absolute;top:15px;right:15px;height:12px;width:12px;fill:#3c6780;cursor:pointer}.form-room .form-room-select{width:50%}.form-room .form-room-select__title{font:14px/1.5 Roboto,sans-serif;color:#242c4a;margin-bottom:5px}.form-room .form-room-select__inner{display:flex;align-items:center}.form-room .form-room-select__btn{position:relative;display:flex;align-items:center;justify-content:center;font:14px/1 Roboto,sans-serif;color:#3c6780;width:34px;height:34px;border-radius:50%;border:1px solid #3c6780;user-select:none;cursor:pointer}.form-room .form-room-select__btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%);width:14px;height:1px;background:#3c6780}.form-room .form-room-select__btn--increase:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1px;height:14px;background:#3c6780}.form-room .form-room-select__btn.is-disable{border-color:#c4d1d8;cursor:default}.form-room .form-room-select__btn.is-disable:after,.form-room .form-room-select__btn.is-disable:before{background:#c4d1d8}.form-room .form-room-select__number{font:500 16px/1 Roboto,sans-serif;color:#3c6780;margin:0 15px;user-select:none}.avail-info{position:absolute;top:0;left:calc(100% + 50px);width:310px;background:#fff;border-radius:4px;box-shadow:0 5px 10px 3px rgba(36,44,74,.1);z-index:1;visibility:hidden;opacity:0;transition:all .3s}.avail-info:after{top:50%;transform:translate(-50%,-50%) rotate(45deg);width:20px;height:20px;z-index:-2;box-shadow:0 5px 10px 3px rgba(36,44,74,.1)}.avail-info:after,.avail-info:before{content:"";position:absolute;left:0;background:#fff}.avail-info:before{top:0;width:100%;height:100%;z-index:-1;border-radius:4px}.avail-info.is-open{visibility:visible;opacity:1}.avail-info--dates{transform:translateY(-50%)}.avail-info--guests,.avail-info--submit{top:50%;transform:translateY(-50%)}.avail-info-bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;z-index:-1;visibility:hidden;transition:all .3s}.avail-info-bg.is-open{visibility:visible;opacity:.8}.avail-info__title{font:700 18px/1.3 Roboto,sans-serif;color:#242c4a;padding:15px 15px 10px}.avail-info__title--lg{padding:28px 15px}.avail-info__text{font:400 14px/1.5 Roboto,sans-serif;color:#242c4a;padding:0 15px 15px}.avail-info__nav{display:flex;border-top:1px solid #bad4e3}.avail-info__btn{width:50%;padding:15px 5px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:none}.avail-info__btn--skip{font:400 14px Roboto,sans-serif;color:#3c6780;border-right:1px solid #bad4e3}.avail-info__btn--next{font:700 16px Roboto,sans-serif;color:#f68059}.avail-info__btn .icon{width:12px;margin-left:5px;fill:#f68059}@media only screen and (max-width:767px){.avail-form.is-with-old-calendar{padding:0 10px;flex-direction:column}.avail-form.is-with-old-calendar .avail-form__field--border{border-bottom:1px solid #bad4e3}.avail-form.is-with-old-calendar .avail-form__field--border:after{display:none}.avail-form.is-with-old-calendar .avail-form__submit{padding:20px 10px;margin:10px auto;width:calc(100% + 30px);border-radius:0 0 4px 4px;font-size:18px}.avail-form.is-with-old-calendar .field{padding:15px 0;display:flex;align-items:center;justify-content:center}.avail-form.is-with-old-calendar .field__title{margin-bottom:0;flex:1;text-align:left}.avail-form.is-with-old-calendar .field__content{flex:2;position:static}.avail-form.is-with-old-calendar .field__text{display:flex;align-items:center}.avail-form.is-with-old-calendar .field__text-item:not(:last-child){margin:0 5px 0 0}.avail-form.is-with-old-calendar .field__corner{margin-left:auto}.avail-info{display:none}}.menu{margin:5px 0;border-bottom:1px solid #d1dde9;min-height:60px}@media only screen and (max-width:767px){.menu{min-height:50px;border-bottom:1px solid #d1dde9}}.menu.is-fixed .menu__wrapper{position:fixed;z-index:1001;width:100%;top:0;left:0;right:0;background:#fff;box-shadow:0 5px 10px 3px rgba(36,44,74,.1)}@media only screen and (max-width:767px){.menu.is-fixed .menu__wrapper{border-radius:0 0 4px 4px}.menu.is-fixed .menu__wrapper.is-open:before{content:"";position:fixed;z-index:10;width:100%;height:100%;top:0;left:0;right:0;background:rgba(36,44,74,.8)}.menu.is-fixed .menu__wrapper.is-open .menu__list,.menu.is-fixed .menu__wrapper.is-open .menu__list-mob{position:relative;z-index:20;background:#fff}}.menu__inner{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;margin:0 auto;padding:0 15px;max-width:1170px}@media only screen and (max-width:767px){.menu__inner{padding:0}}.menu__list{width:100%;display:flex}@media only screen and (max-width:767px){.menu__list.active{display:flex;flex-direction:column}}@media only screen and (max-width:767px){.menu__list{display:none;padding:0;position:relative;z-index:20}}.menu__list-mob{display:none;position:relative;padding:12px 15px;align-items:center;justify-content:space-between;font:700 16px/19px Roboto,sans-serif;color:#242c4a}@media only screen and (max-width:767px){.menu__list-mob{padding:12px 10px;font:normal 14px/21px Roboto,sans-serif}}.menu__list-mob .menu__list-item-icon{display:none}.menu__list-mob>.icon{width:10px;height:6px;fill:#242c4a;transition:all .3s ease}.menu__list-mob.active>.icon{transform:rotate(180deg)}@media only screen and (max-width:767px){.menu__list-mob{display:flex}.menu__list-mob.active{border-bottom:1px solid #bad4e3}}.menu__list-item{display:flex;align-items:center;height:60px;font:400 16px/19px Roboto,sans-serif;color:#242c4a;text-decoration:none;cursor:pointer}@media only screen and (max-width:767px){.menu__list-item{width:100%;height:44px;padding:0 10px;font-size:14px}}.menu__list-item:not(:last-child){margin-right:70px}@media only screen and (max-width:767px){.menu__list-item:not(:last-child){position:relative;margin-right:0;border-bottom:none;margin-bottom:-1px}.menu__list-item:not(:last-child):after{content:"";position:absolute;bottom:0;left:15px;width:calc(100% - 30px);height:1px;background:#dfebf9}}.menu__list-item.is-active{font-weight:500;border-bottom:1px solid #242c4a}@media only screen and (max-width:767px){.menu__list-item.is-active{font-weight:400;background:#dfebf9;border-bottom:none}}.menu__list-item-panorama{margin-left:8px}.overview{font-family:Roboto,sans-serif}.overview__header{display:flex;align-items:flex-start;padding-bottom:25px;margin-bottom:40px;border-bottom:1px solid #d1dde9}@media only screen and (max-width:1200px){.overview__header{border-bottom:0;padding-bottom:0;flex-wrap:wrap;margin-bottom:30px}}@media only screen and (max-width:767px){.overview__header{margin-bottom:20px}}.overview__left{width:100%;flex-shrink:1}.overview__right{min-height:537px;width:402px;padding-left:40px;flex-shrink:0}@media only screen and (max-width:1200px){.overview__right{min-height:auto;width:100%;padding:0}}@media only screen and (max-width:1200px){.overview__description{padding-bottom:25px;margin-bottom:30px;border-bottom:1px solid #d1dde9}}@media only screen and (max-width:767px){.overview__description{padding:0;border:0;margin-bottom:15px}}.overview__description.is-hide .overview__description-content{display:block;height:345px;overflow:hidden}@media only screen and (max-width:767px){.overview__description.is-hide .overview__description-content{height:240px}}.overview__description.is-hide .overview__toggle-text--less{display:none}.overview__description.is-hide .overview__toggle-text--more{display:inline}.overview__description p{font-size:16px;line-height:26px;color:#242c4a}@media only screen and (max-width:767px){.overview__description p{font-size:14px;line-height:24px}}.overview__description p:not(:last-child){margin-bottom:21px}.overview__description-content{margin-bottom:15px;font:normal 14px/1.5 Roboto,sans-serif;color:#242c4a}@media only screen and (max-width:767px){.overview__description-content{margin-bottom:0}}.overview__description-links-item{position:relative;padding-left:30px;width:700px;font:normal 14px/1.71 Roboto,sans-serif;color:#242c4a;margin-bottom:10px}@media only screen and (max-width:767px){.overview__description-links-item{width:100%}}.overview__description-links-item:before{content:"";width:4px;height:4px;position:absolute;top:8px;left:8px;border-radius:50%;background-color:#7c8092}.overview__description-link:hover,.overview__toggle{text-decoration:underline}.overview__toggle{border:none;background-color:transparent;cursor:pointer;font:500 12px/19px Roboto,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#3c6780}@media only screen and (max-width:767px){.overview__toggle{font-size:10px;line-height:15px}}.overview__toggle:active,.overview__toggle:focus,.overview__toggle:hover{outline:none}.overview__toggle-text--less{display:inline}.overview__toggle-text--more{display:none}.overview-map{width:100%;display:flex;padding-bottom:65px;border-bottom:1px solid #d1dde9;margin-bottom:50px}@media only screen and (max-width:1200px){.overview-map{flex-wrap:wrap;border:0;padding:0;margin-bottom:40px}}@media only screen and (max-width:767px){.overview-map{margin-bottom:20px}}.overview-map__panorama-btn{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);z-index:2}@media only screen and (max-width:767px){.overview-map__panorama-btn{bottom:20px}}.overview-map__map{width:100%;flex-shrink:1}@media only screen and (max-width:1200px){.overview-map__map{margin-bottom:30px}}@media only screen and (max-width:767px){.overview-map__map{margin-bottom:20px}}.overview-map__wrapper{width:100%;height:362px;margin-bottom:25px;position:relative}@media only screen and (max-width:767px){.overview-map__wrapper{height:300px;margin-bottom:15px}}.overview-map__button{background:rgba(0,0,0,.15);border-radius:4px;padding:10px;position:absolute;top:10px;right:10px;font-size:0;z-index:10}.overview-map__button:after{content:"";width:32px;height:32px;position:absolute;background-color:#fff;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:4px}.overview-map__button svg{width:16px;height:16px;fill:#000;position:relative;z-index:1}.overview-map__locations{display:none}.overview-map__locations-list{display:flex;flex-wrap:wrap;position:relative}.overview-map__locations-list:after{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:1px;height:100%;background-color:#d1dde9}@media only screen and (max-width:767px){.overview-map__locations-list:after{display:none}}.overview-map__locations-title{font:700 18px/21px Roboto,sans-serif;color:#242c4a;margin-bottom:15px}.overview-map__locations-item{width:50%;position:relative;padding-left:25px;margin-top:5px;display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width:767px){.overview-map__locations-item{width:100%;margin-top:0}}.overview-map__locations-item:nth-child(odd){padding-right:20px}@media only screen and (max-width:767px){.overview-map__locations-item:nth-child(odd){padding-right:0}}.overview-map__locations-item:nth-child(2n){width:calc(50% - 20px);margin-left:20px}@media only screen and (max-width:767px){.overview-map__locations-item:nth-child(2n){width:100%;margin-left:0}}.overview-map__locations-item:not(:last-child){margin-bottom:15px}.overview-map__locations-icon{position:absolute;top:2px;left:0;right:auto;width:15px;height:17px;fill:#3c6780}.overview-map__locations-info{position:relative;padding-left:3px;margin-left:3px}.overview-map__locations-info-icon{position:absolute;top:-3px;right:0;width:3px;height:10px;fill:#3c6780}.overview-map__locations-key{cursor:pointer;position:relative;font:normal 14px/1.5 Roboto,sans-serif;color:#242c4a;transition:all .3s ease}.overview-map__locations-key.is-no-tooltip{cursor:default}.overview-map__locations-key:after{display:none;content:"";position:absolute;bottom:calc(100% + 6px);left:calc(100% - 11px);width:0;height:0;border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid #fff;z-index:2}.overview-map__locations-key:before{display:none;content:"";position:absolute;bottom:calc(100% + 5px);left:calc(100% - 12px);width:0;height:0;border-right:11px solid transparent;border-left:11px solid transparent;border-top:11px solid #d1dde9;z-index:1}.overview-map__locations-key:not(.is-no-tooltip):hover{color:#3c6780;text-decoration:underline}.overview-map__locations-key:not(.is-no-tooltip):hover .hl-tooltip,.overview-map__locations-key:not(.is-no-tooltip):hover:after,.overview-map__locations-key:not(.is-no-tooltip):hover:before{display:block}.overview-map__locations-value{font:normal 14px/1.5 Roboto,sans-serif;color:#7c8092;white-space:nowrap}.overview-map .nearby{width:402px;padding-left:40px;flex-shrink:0}@media only screen and (max-width:1200px){.overview-map .nearby{width:100%;padding:0}}.overview-map .nearby__wrapper{position:relative;border-radius:2px;height:auto;padding:25px 30px;background-color:#ecf3fb}@media only screen and (max-width:767px){.overview-map .nearby__wrapper{padding:15px 15px 20px}}.overview-map .nearby__wrapper.expander-disabled{height:362px}@media only screen and (max-width:1200px){.overview-map .nearby__wrapper.expander-disabled{height:auto}}.overview-map .nearby__wrapper.expander-disabled .nearby__toggle{display:none}@media only screen and (max-width:1200px){.overview-map .nearby__wrapper.expander-disabled .nearby__item:nth-child(2) .nearby__item-info{border:0}}@media only screen and (max-width:767px){.overview-map .nearby__wrapper.expander-disabled .nearby__item:nth-child(2) .nearby__item-info{padding-bottom:0;margin-bottom:0}}.overview-map .nearby__wrapper.expander-enabled{height:362px}@media only screen and (max-width:1200px){.overview-map .nearby__wrapper.expander-enabled{height:auto}}@media only screen and (max-width:1200px){.overview-map .nearby__wrapper.expander-enabled .nearby__item:nth-child(2) .nearby__item-info{border:0}}@media only screen and (max-width:767px){.overview-map .nearby__wrapper.expander-enabled .nearby__item:nth-child(2) .nearby__item-info{padding-bottom:0;margin-bottom:0}}.overview-map .nearby__wrapper.expander-enabled .nearby__content{display:block;height:199px;overflow:hidden}@media only screen and (max-width:767px){.overview-map .nearby__wrapper.expander-enabled .nearby__content{height:144px}}.overview-map .nearby__wrapper.expander-enabled .nearby__toggle-text--less{display:none}.overview-map .nearby__wrapper.expander-enabled .nearby__toggle-text--more{display:inline}.overview-map .nearby__title{font:400 22px/30px Roboto,sans-serif;color:#242c4a;padding-bottom:15px;border-bottom:1px solid #d1dde9;margin-bottom:15px}@media only screen and (max-width:767px){.overview-map .nearby__title{font-size:18px;line-height:24px;padding-bottom:15px}}.overview-map .nearby__item-title{font:400 12px/21px Roboto,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#7c8092;margin-bottom:10px}@media only screen and (max-width:767px){.overview-map .nearby__item-title{font-size:10px;line-height:15px}}.overview-map .nearby__item-info{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:15px;padding-bottom:24px;border-bottom:1px solid #d1dde9}@media only screen and (max-width:767px){.overview-map .nearby__item-info{padding-bottom:15px}}.overview-map .nearby__item-key{max-width:60%;font:400 16px/24px Roboto,sans-serif;color:#242c4a}@media only screen and (max-width:767px){.overview-map .nearby__item-key{font-size:14px;line-height:21px}}.overview-map .nearby__item-value{font:600 12px/20px Roboto,sans-serif;color:#7c8092}.overview-map .nearby__toggle{position:absolute;left:30px;bottom:25px;border:none;background-color:transparent;cursor:pointer;font:500 12px/19px Roboto,sans-serif;letter-spacing:1px;text-decoration:underline;text-transform:uppercase;color:#3c6780}@media only screen and (max-width:767px){.overview-map .nearby__toggle{left:15px;bottom:15px}}.overview-map .nearby__toggle:active,.overview-map .nearby__toggle:focus,.overview-map .nearby__toggle:hover{outline:none}.overview-map .nearby__toggle-text--less{display:inline}.hl-tooltip,.overview-map .nearby__toggle-text--more{display:none}.hl-tooltip{border-radius:2px;padding:5px;background:#fff;position:absolute;bottom:calc(100% + 15px);left:0;border:1px solid #d1dde9;z-index:2}.hl-tooltip__img{width:250px;height:200px;border-radius:2px;overflow:hidden;background-repeat:no-repeat;background-position:50%;background-size:cover}.hl-tooltip__text{margin:5px 0;font:normal 12px/1.58 Roboto,sans-serif;color:#242c4a;max-height:76px;overflow:hidden}.highlights{width:100%;height:100%;background-color:#ecf3fb;padding:25px 30px 30px}@media only screen and (max-width:767px){.highlights{padding:15px 15px 20px}}.highlights-review{width:100%}.highlights-review__head{width:100%;padding-bottom:15px;margin-bottom:25px;border-bottom:1px solid #d1dde9}@media only screen and (max-width:767px){.highlights-review__head{margin-bottom:15px}}.highlights-review__title{font:400 22px/30px Roboto,sans-serif;color:#242c4a}@media only screen and (max-width:767px){.highlights-review__title{font-size:18px;line-height:24px}}.highlights-review__item-mark{font:400 12px/14px Roboto,sans-serif;color:#242c4a;margin-bottom:10px}@media only screen and (max-width:767px){.highlights-review__item-mark{font-size:10px}}.highlights-review__item-mark .big{font:700 16px/19px Roboto,sans-serif}@media only screen and (max-width:767px){.highlights-review__item-mark .big{font-size:14px}}.highlights-review__item-text{font:italic normal 16px/24px Georgia;color:#242c4a;margin-bottom:20px}@media only screen and (max-width:767px){.highlights-review__item-text{font-size:14px;margin-bottom:17px}}.highlights-review__item-author{display:flex;justify-content:space-between;width:100%;padding-bottom:20px;margin-bottom:25px;border-bottom:1px solid #d1dde9}@media only screen and (max-width:767px){.highlights-review__item-author{padding-bottom:16px;margin-bottom:15px}}.highlights-review__item-author:last-child{padding-bottom:0;margin-bottom:35px;border-bottom:none}@media only screen and (max-width:767px){.highlights-review__item-author:last-child{margin-bottom:16px}}.highlights-review__item-author-name,.highlights-review__item-author-time{font:400 12px/21px Roboto,sans-serif;color:#959caa}@media only screen and (max-width:767px){.highlights-review__item-author-name,.highlights-review__item-author-time{font-size:10px;line-height:15px}}.highlights-review__item-author-name{text-transform:uppercase}.highlights-review__button{display:block;border:1px solid #242c4a;border-radius:2px;padding:10px 43px;background:transparent;font:500 12px/24px Roboto,sans-serif;letter-spacing:.8px;text-transform:uppercase;color:#242c4a;margin:0 auto;transition:.2s}@media only screen and (max-width:767px){.highlights-review__button{min-width:230px;padding:10px}}.highlights-review__button:hover{background-color:#242c4a;color:#fff}.highlights-review__button:hover svg{fill:#fff}.highlights-review__button svg{transition:.2s;fill:#242c4a;width:13px;height:9px;margin-left:5px}.feature{display:flex;align-items:center;justify-content:flex-start;padding-bottom:18px;margin-bottom:25px;border-bottom:1px solid #d1dde9}@media only screen and (max-width:767px){.feature{margin-bottom:15px;padding-bottom:15px}}.feature__list{padding:0;margin-top:0;font-size:0;display:flex;flex-wrap:wrap;overflow:hidden}@media only screen and (max-width:767px){.feature__list{max-height:none;overflow:visible}}.feature__link{cursor:pointer;white-space:nowrap;text-decoration:underline;font:500 12px/19px Roboto,sans-serif;color:#3c6780;text-transform:uppercase;letter-spacing:1px}@media only screen and (max-width:767px){.feature__link{font-size:10px;line-height:15px;width:100%;margin-top:10px}}.feature__item{position:relative;display:flex;align-items:center;width:auto;padding:8px 16px;margin-right:10px;margin-bottom:10px;border-radius:2px;background-color:#ecf3fb;line-height:0;font-size:0}@media only screen and (max-width:767px){.feature__item{padding:10px 15px;margin-right:5px;margin-bottom:5px}}.feature__item.hide{display:none}.feature__item--title{padding:0;background:none}.feature__item-text{font:400 12px/20px Roboto,sans-serif;color:#242c4a;white-space:nowrap;display:block;text-transform:uppercase}@media only screen and (max-width:767px){.feature__item-text{font-size:10px;line-height:15px}}.feature__item-icon{margin-right:5px;width:14px;height:14px;fill:#242c4a;transition:all .1s ease}.facilities{margin-bottom:30px}@media only screen and (max-width:1024px){.facilities{margin-bottom:0}}@media only screen and (max-width:767px){.facilities{margin-bottom:10px}}.facilities__title{font:400 32px/1.4 Roboto,sans-serif;color:#242c4a;margin-bottom:30px}@media only screen and (max-width:767px){.facilities__title{font-size:22px;line-height:30px;margin-bottom:20px}}.facilities__wrapper-columns{column-count:3}@media only screen and (max-width:767px){.facilities__wrapper-columns{column-count:2}}.facilities .item{position:relative;display:inline-block;width:100%;margin-bottom:40px}@media only screen and (max-width:767px){.facilities .item{margin-bottom:30px}}.facilities .item:last-of-type{margin-bottom:0}.facilities .item__title{margin-bottom:15px;font-size:18px;font-weight:700;color:#242c4a;padding-left:30px;position:relative}@media only screen and (max-width:767px){.facilities .item__title{margin-bottom:10px;font-size:16px;display:flex;align-items:flex-start;justify-content:space-between;padding-left:25px}.facilities .item__title-text{width:calc(100% - 15px)}}.facilities .item__title-text{font:500 14px/16px Roboto,sans-serif;color:#242c4a;letter-spacing:.8px;text-transform:uppercase}@media only screen and (max-width:767px){.facilities .item__title-text{font-size:12px;line-height:14px;letter-spacing:.7}}.facilities .item__title-icon{width:20px;height:20px;fill:#7c8092;position:absolute;left:0}@media only screen and (max-width:767px){.facilities .item__title-icon{width:15px;height:15px}}.facilities .item__list-item{padding-left:30px;padding-right:30px;width:100%;position:relative;font:normal 16px/24px Roboto,sans-serif;margin-bottom:10px;color:#242c4a;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;box-sizing:border-box}@media only screen and (max-width:767px){.facilities .item__list-item{font-size:12px;line-height:20px;color:#656b80;margin-bottom:5px;padding-left:25px;padding-right:0}}.facilities .item__list-item:before{content:"";width:4px;height:4px;position:absolute;top:8px;left:8px;border-radius:50%;background-color:#7c8092}@media only screen and (max-width:767px){.facilities .item__list-item:before{left:6px}}.facilities .item__list-item--text{position:relative}.facilities .item__list-item--free{color:#2baf40}.facilities .item__list-item--forbidden{width:12px;height:12px;background-color:#e12d2d;color:#fff;font:700 10px Roboto,sans-serif;border-radius:50%;display:inline-block;text-align:center;position:absolute;bottom:10px;left:calc(100% + 3px)}.facilities .item__list-item--noparcking{text-decoration:line-through;color:rgba(36,44,74,.5411764705882353)}@media only screen and (max-width:1024px){.sunset__main{display:flex;flex-direction:column;padding:40px 0 70px}.sunset__aside,.sunset__content{width:100%;box-sizing:border-box}.menu__list-item:not(:last-child){margin-right:30px}.aside{padding:20px 15px}.small-map__address{margin:0}.banner__title{margin-bottom:5px}.banner__gallery{margin-top:0}}@media only screen and (max-width:767px){.banner__gallery{display:none}.banner__gallery--mobile{display:block}.sunset__main{margin-top:20px;margin-bottom:30px;padding:0}.sunset__menu__list-mob{display:flex;font-size:18px;box-shadow:0 5px 10px 3px rgba(36,44,74,.1);border-radius:4px;margin-bottom:30px}}@media only screen and (max-width:520px){.all-photo .photo__item{width:100%}.small-map__info{display:block}.small-map__address{margin-bottom:15px}.small-map__button{max-width:100%;width:100%}}.nav-controls{width:100%;position:absolute;top:50%;transform:translateY(-50%);box-sizing:border-box;z-index:10;display:flex;justify-content:space-between;align-items:center}.nav-controls .js-next,.nav-controls .js-prev{font-size:0;cursor:pointer}@media (min-width:768px){.nav-controls{height:40px;padding:0 15px}.nav-controls .js-next,.nav-controls .js-prev{width:25px;height:40px}.nav-controls .js-prev{background:url(/new/designs/90/hotel/images/arrow-to-left-css.svg)}.nav-controls .js-next{background:url(/new/designs/90/hotel/images/arrow-to-right-css.svg)}}@media only screen and (max-width:767px){.nav-controls{height:30px;padding:0 10px}.nav-controls .js-next,.nav-controls .js-prev{width:20px;height:30px}.nav-controls .js-prev{background:url(/new/designs/90/hotel/images/arrow-to-left-css.svg) no-repeat}.nav-controls .js-next{background:url(/new/designs/90/hotel/images/arrow-to-right-css.svg) no-repeat}}/*! */</style> <link rel="preload" as="style" onload="this.onload=null; this.rel='stylesheet'" href="/new/designs/90/build/hotel-static-css/style.2bff0e0f72274ce27c844331fc63d3b6.css"> <link rel="preload" as="style" onload="this.onload=null; this.rel='stylesheet'" href="/new/designs/90/build/hotel/style.2bff0e0f72274ce27c844331fc63d3b6.css"> <script type="text/javascript"> history.scrollRestoration = "manual"; window.travel = window.travel || {}; travel.opts = { id: '4067275287', sdom: 'https://www.hotelbcn-barcelona.com', type: 'hotel', page: 'main', lang_id: '3', lang: 'fr', currency_id: '1', day: '25', month: '03', year: '2025' }; </script> <script type="application/ld+json"> { "@type": "Hotel", "image": "/data/Imgs/OriginalPhoto/15804/1580422/1580422831/hotel-colonial-barcelona-img-1.JPEG", "priceRange" : "À partir de 221 US$", "description": "Doté d'un distributeur automatique, Barcelona Hotel Colonial de 4 étoiles est situé à moins de 10 minutes en voiture de la Sagrada Família. Vous pourrez profiter d'un parking privé disponible pour 25 EUR par jour à proximité.", "@context": "https://schema.org", "address": { "addressCountry": "Espagne", "addressRegion": "Barcelone", "addressLocality": "Via Layetana, 3", "streetAddress": "Via Layetana, 3", "postalCode": "08003", "@type": "PostalAddress" }, "name": "Barcelona Hotel Colonial", "checkinTime": "15:00-23:59", "checkoutTime": "12:00", "hasMap": "https://www.google.com/maps/place/41.38238,2.180746/@41.38238,2.180746,17z", "telephone": "34932689070", "email": "reserve@gargallohotels.es", "alternateName": ["hotel colonial barcelona" , "hotel colonial barcelona barcelona" , "hotel colonial barcelona spain" , "hotel colonial barcelone" , "colonial barcelona" , "barcelona hotel colonial" , "hotel barcelona colonial" ], "starRating": { "@type": "Rating", "ratingValue": "4" }, "review": [ { "@type": "Review", "author": { "@type": "Person", "name": "Vincent" }, "datePublished": "2023-10-09", "reviewBody": "Une chambre extrêmement agréable avec vue sur la mer. L'emplacement est calme et parfait, à 1 km du Quartier gothique. ", "reviewRating": { "@type": "Rating", "bestRating": "10", "ratingValue": "7", "worstRating": "1" } }, { "@type": "Review", "author": { "@type": "Person", "name": "Guillaume" }, "datePublished": "2023-09-29", "reviewBody": "Service de bonne qualité, chambre extrêmement agréable et très bien entretenue si comme celle avec un balcon, de l'eau en bouteille. Le personnel très sympathique, je suis satisfaite pour mon séjour très bon. J'ai hâte d'y retourner pour une escapade en ville. ", "reviewRating": { "@type": "Rating", "bestRating": "10", "ratingValue": "9", "worstRating": "1" } }, { "@type": "Review", "author": { "@type": "Person", "name": "Vanessa" }, "datePublished": "2023-09-23", "reviewBody": "L'hôtel était parfait, la chambre était énorme et moderne, tout pour un séjour vraiment cool. Le personnel a été très serviable avec nos demandes. Ambiance calme au centre-ville. J'ai visité &quot;Sagardi Bcn Gotic&quot;, situé près de l'hôtel. Situé à quelques pas de la station de métro, à 300 mètres. ", "reviewRating": { "@type": "Rating", "bestRating": "10", "ratingValue": "9", "worstRating": "1" } }, { "@type": "Review", "author": { "@type": "Person", "name": "Arthur" }, "datePublished": "2023-09-22", "reviewBody": "La chambre était rénovée et sans tache avec 2 lits jumeaux, le personnel était incroyablement gentil. L'hôtel est situé au centre-ville et près du Quartier de la Ribera. Il y avait des restaurants et des cafés près de l'hôtel. ", "reviewRating": { "@type": "Rating", "bestRating": "10", "ratingValue": "8", "worstRating": "1" } }, { "@type": "Review", "author": { "@type": "Person", "name": "Philippe" }, "datePublished": "2023-08-04", "reviewBody": "La chambre avec un balcon. ", "reviewRating": { "@type": "Rating", "bestRating": "10", "ratingValue": "7", "worstRating": "1" } }, { "@type": "Review", "author": { "@type": "Person", "name": "Karl" }, "datePublished": "2023-08-01", "reviewBody": "Un mini-réfrigérateur, un lit d'appoint et un balcon sont disponibles dans chambre double. C'est dans une position au centre. Zone particulièrement agréable, et une vue sensationnelle. ", "reviewRating": { "@type": "Rating", "bestRating": "10", "ratingValue": "8", "worstRating": "1" } }, { "@type": "Review", "author": { "@type": "Person", "name": "Michael" }, "datePublished": "2023-07-13", "reviewBody": "L'hôtel est parfait et son emplacement est calme et parfait. Les chambres sont neuves, avec des vues fantastiques! Un bon choix de produits au petit déjeuner gratuit et très bon. ", "reviewRating": { "@type": "Rating", "bestRating": "10", "ratingValue": "9", "worstRating": "1" } }, { "@type": "Review", "author": { "@type": "Person", "name": "Pierre" }, "datePublished": "2023-06-24", "reviewBody": "Dans ma chambre très bien entretenue il y avait une climatisation, un coffre privé et une TV multi-canal. ", "reviewRating": { "@type": "Rating", "bestRating": "10", "ratingValue": "8", "worstRating": "1" } }, { "@type": "Review", "author": { "@type": "Person", "name": "Christine" }, "datePublished": "2023-05-28", "reviewBody": "J'ai adoré la vue magnifique sur les bâtiments historiques depuis ma chambre, qui ressemblait exactement à la photo. De plus, l'hôtel était très bien situé, à proximité de nombreuses attractions, du port et même de la plage. Cela rendait les déplacements très faciles et pratiques. De plus, le petit déjeuner était délicieux, avec un large choix comprenant bacon, saucisses, œufs, fruits. Enfin, le personnel de l'hôtel était incroyable, toujours souriant, serviable et faisant tout son possible pour rendre mon séjour agréable.Rien.", "reviewRating": { "@type": "Rating", "bestRating": "10", "ratingValue": "10", "worstRating": "1" } }, { "@type": "Review", "author": { "@type": "Person", "name": "Ange" }, "datePublished": "2023-05-01", "reviewBody": "La situation entre mer et centre ville. La propreté et la volonté de service du personnel. La qualité de la literie et des matériaux de décoration. L'amabilité et disponibilité du personnel. Le décor colonial de la réception. Un hôtel très calme et confortable. Personnel chaleureux. L'hôtel est très bien situé.Rien ne m'a déplu pour être honnête.", "reviewRating": { "@type": "Rating", "bestRating": "10", "ratingValue": "9", "worstRating": "1" } }, { "@type": "Review", "author": { "@type": "Person", "name": "Jean-Paul" }, "datePublished": "2023-03-17", "reviewBody": "L'emplacement de l'hôtel est idéal, proche du centre-ville et à proximité de la plage, des commerces, des bars et des restaurants animés. De plus, l'hôtel offre une vue imprenable sur la cathédrale. La chambre était propre et bien entretenue, avec un lit confortable. Le personnel était aimable, serviable et attentif à nos besoins. Le petit-déjeuner était varié et délicieux, avec de nombreux choix. De plus, la terrasse était agréable pour se détendre après une journée de découverte de la ville.Il y avait un peu de bruit provenant de l'extérieur de l'hôtel, ce qui pourrait déranger les personnes sensibles au bruit.", "reviewRating": { "@type": "Rating", "bestRating": "10", "ratingValue": "9", "worstRating": "1" } } ], "aggregateRating": { "@type": "AggregateRating", "reviewCount" : "2097", "ratingValue" : "8.4", "bestRating": "10" }, "url": "https://colonial.hotelbcn-barcelona.com/fr/" } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position":"1", "item": { "name": "Barcelone" , "@id":"https://www.hotelbcn-barcelona.com/fr/" } }, { "@type": "ListItem", "position":"2", "item": { "name": "4 étoiles" , "@id":"https://www.hotelbcn-barcelona.com/fr/4-stars/" } }, { "@type": "ListItem", "position":"3", "item": { "name": "Hôtels" , "@id":"https://www.hotelbcn-barcelona.com/fr/type/hotels-12/" } }, { "@type": "ListItem", "position":"4", "item": { "name": "Barcelona Hotel Colonial" } } ] } </script> <script type="application/ld+json"> [ { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422599/hotel-colonial-barcelona-img-54.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273096/1273096300/hotel-colonial-barcelona-img-35.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/6046/604698/604698744/hotel-colonial-barcelona-img-78.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/16298/1629893/1629893391/hotel-colonial-barcelona-img-57.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/3072/307263/307263120/hotel-colonial-barcelona-img-90.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422609/hotel-colonial-barcelona-img-21.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/6833/683335/683335239/hotel-colonial-barcelona-img-89.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/6046/604698/604698783/hotel-colonial-barcelona-img-66.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273097/1273097281/hotel-colonial-barcelona-img-42.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422701/hotel-colonial-barcelona-img-58.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422437/hotel-colonial-barcelona-img-91.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/6833/683335/683335152/hotel-colonial-barcelona-img-88.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422551/hotel-colonial-barcelona-img-97.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422831/hotel-colonial-barcelona-img-1.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/16298/1629893/1629893379/hotel-colonial-barcelona-img-6.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/6833/683335/683335626/hotel-colonial-barcelona-img-93.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/8323/832352/832352264/hotel-colonial-barcelona-img-73.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422655/hotel-colonial-barcelona-img-52.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422601/hotel-colonial-barcelona-img-94.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/6833/683334/683334582/hotel-colonial-barcelona-img-69.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422521/hotel-colonial-barcelona-img-18.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273099/1273099027/hotel-colonial-barcelona-img-71.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422617/hotel-colonial-barcelona-img-22.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273099/1273099186/hotel-colonial-barcelona-img-3.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422647/hotel-colonial-barcelona-img-24.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/8323/832352/832352888/hotel-colonial-barcelona-img-74.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15854/1585454/1585454407/hotel-colonial-barcelona-img-72.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/6833/683333/683333901/hotel-colonial-barcelona-img-81.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/16197/1619759/1619759959/hotel-colonial-barcelona-img-17.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422541/hotel-colonial-barcelona-img-19.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273099/1273099564/hotel-colonial-barcelona-img-4.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/16298/1629893/1629893390/hotel-colonial-barcelona-img-12.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422615/hotel-colonial-barcelona-img-56.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422527/hotel-colonial-barcelona-img-47.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273098/1273098310/hotel-colonial-barcelona-img-51.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422573/hotel-colonial-barcelona-img-36.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273096/1273096711/hotel-colonial-barcelona-img-33.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/8323/832351/832351994/hotel-colonial-barcelona-img-68.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/6833/683333/683333967/hotel-colonial-barcelona-img-85.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15854/1585454/1585454836/hotel-colonial-barcelona-img-76.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/16197/1619759/1619759949/hotel-colonial-barcelona-img-14.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422649/hotel-colonial-barcelona-img-25.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422503/hotel-colonial-barcelona-img-46.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/16197/1619759/1619759958/hotel-colonial-barcelona-img-13.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/6833/683333/683333244/hotel-colonial-barcelona-img-82.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273096/1273096027/hotel-colonial-barcelona-img-48.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422733/hotel-colonial-barcelona-img-26.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273099/1273099120/hotel-colonial-barcelona-img-40.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/6833/683335/683335344/hotel-colonial-barcelona-img-83.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/16298/1629893/1629893382/hotel-colonial-barcelona-img-28.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/16197/1619759/1619759951/hotel-colonial-barcelona-img-32.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/9981/998127/998127363/hotel-colonial-barcelona-img-67.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422769/hotel-colonial-barcelona-img-53.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/16298/1629893/1629893387/hotel-colonial-barcelona-img-10.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/16322/1632201/1632201957/hotel-colonial-barcelona-img-64.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15854/1585454/1585454604/hotel-colonial-barcelona-img-61.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/8323/832352/832352003/hotel-colonial-barcelona-img-70.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273098/1273098718/hotel-colonial-barcelona-img-87.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15854/1585454/1585454774/hotel-colonial-barcelona-img-75.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273097/1273097323/hotel-colonial-barcelona-img-44.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273099/1273099333/hotel-colonial-barcelona-img-41.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/16298/1629893/1629893380/hotel-colonial-barcelona-img-31.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/16298/1629893/1629893384/hotel-colonial-barcelona-img-39.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422637/hotel-colonial-barcelona-img-38.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/3072/307263/307263128/hotel-colonial-barcelona-img-80.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15854/1585454/1585454821/hotel-colonial-barcelona-img-63.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273098/1273098496/hotel-colonial-barcelona-img-34.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/3072/307263/307263104/hotel-colonial-barcelona-img-65.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422589/hotel-colonial-barcelona-img-50.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/16298/1629893/1629893388/hotel-colonial-barcelona-img-11.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422547/hotel-colonial-barcelona-img-20.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15854/1585454/1585454448/hotel-colonial-barcelona-img-59.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/6833/683335/683335281/hotel-colonial-barcelona-img-95.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/16298/1629893/1629893381/hotel-colonial-barcelona-img-7.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/16298/1629893/1629893392/hotel-colonial-barcelona-img-29.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/16298/1629893/1629893383/hotel-colonial-barcelona-img-37.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/16298/1629893/1629893386/hotel-colonial-barcelona-img-9.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422563/hotel-colonial-barcelona-img-49.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/6833/683335/683335467/hotel-colonial-barcelona-img-92.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273098/1273098565/hotel-colonial-barcelona-img-2.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/16298/1629893/1629893378/hotel-colonial-barcelona-img-5.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/12730/1273097/1273097407/hotel-colonial-barcelona-img-79.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422691/hotel-colonial-barcelona-img-55.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/6833/683335/683335656/hotel-colonial-barcelona-img-96.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/16197/1619759/1619759954/hotel-colonial-barcelona-img-15.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/16197/1619759/1619759956/hotel-colonial-barcelona-img-16.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422507/hotel-colonial-barcelona-img-30.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/6833/683335/683335179/hotel-colonial-barcelona-img-98.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/16298/1629893/1629893385/hotel-colonial-barcelona-img-8.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/16322/1632201/1632201986/hotel-colonial-barcelona-img-62.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/291/29131/29131070/hotel-colonial-barcelona-img-100.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15854/1585454/1585454786/hotel-colonial-barcelona-img-99.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422611/hotel-colonial-barcelona-img-84.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15854/1585454/1585454560/hotel-colonial-barcelona-img-60.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/6046/604698/604698759/hotel-colonial-barcelona-img-77.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/6833/683335/683335308/hotel-colonial-barcelona-img-86.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422515/hotel-colonial-barcelona-img-45.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422645/hotel-colonial-barcelona-img-23.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/16298/1629893/1629893389/hotel-colonial-barcelona-img-27.JPEG", "creditText": "Barcelona Hotel Colonial" }, { "@context": "https://schema.org", "@type": "ImageObject", "contentUrl": "/data/Imgs/OriginalPhoto/15804/1580422/1580422555/hotel-colonial-barcelona-img-43.JPEG", "creditText": "Barcelona Hotel Colonial" } ] </script> </head> <body class="sunset sunset__main-page js-sunset-hotel-page lang-code-fr"> <header class="header banner__header"> <div class="new-container header__inner"> <a href="https://www.hotelbcn-barcelona.com/fr/all-hotels/" class="header-logo js-sunset-trackevent-logo"> <div class="header-logo__text"> <div class="header-logo__suptext"> Barcelona </div> <div class="header-logo__subtext">hotels & resorts</div> </div> </a> <button class="header__nav-toggler js-toggle-navigation show-mobile"> <span class="header__nav-toggler-line"></span> <span class="header__nav-toggler-line"></span> <span class="header__nav-toggler-line"></span> </button> <div class="header__nav js-navigation-dropdown"> <div class="header__nav-item hide-mobile"> <div class="item js-trackevent-groupbooking-link js-new-window" data-new-window="aHR0cHM6Ly9ncm91cC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tP3BhZ2U9Z3JvdXBfYm9va2luZyZsYW5nSUQ9MyZTaG93Q3VycmVuY3k9VVNEJmF0PTEmaG90ZWxfaWQ9MzIzODc5JmFpZD05MjgmaHVybD1odHRwcyUzQSUyRiUyRmNvbG9uaWFsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20lMkZmciUyRiZhZmZpbGlhdGVkb21haW49YWZmOTAwMS5haG90ZWxwYXJ0bmVycy5jb20mcmVmZG9tYWluPWFmZjkwMDEuYWhvdGVscGFydG5lcnMuY29tJl93c2w9V2YxdUVuWHNrVWN3MHp6SSZuaWQ9Mjg="> <span class="item__title">Pour les groupes</span> </div> </div> <div class="header__nav-item item js-header-dropdown-wrapper"> <div class="item__title js-header-toggler"> Rechercher l'hôtel <svg class="item__title-icon"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow-bottom"></use> </svg> </div> <div class="dropdown dropdown--right js-header-dropdown"> <ul class="dropdown__list"> <li class="dropdown__list-item"> <a class="dropdown__list-link" href="https://www.hotelbcn-barcelona.com/fr/5-stars/" class="js-delete-cookie" data-cookie="use_dates">Hôtels 5 étoiles (61) </a> </li> <li class="dropdown__list-item"> <a class="dropdown__list-link" href="https://www.hotelbcn-barcelona.com/fr/4-stars/" class="js-delete-cookie" data-cookie="use_dates">Hôtels 4 étoiles (300) </a> </li> <li class="dropdown__list-item"> <a class="dropdown__list-link" href="https://www.hotelbcn-barcelona.com/fr/3-stars/" class="js-delete-cookie" data-cookie="use_dates">Hôtels 3 étoiles (311) </a> </li> <li class="dropdown__list-item"> <a class="dropdown__list-link" href="https://www.hotelbcn-barcelona.com/fr/2-stars/" class="js-delete-cookie" data-cookie="use_dates">Hôtels 2 étoiles (356) </a> </li> <li class="dropdown__list-item"> <a class="dropdown__list-link" href="https://www.hotelbcn-barcelona.com/fr/type/villas-24/" class="js-delete-cookie" data-cookie="use_dates">Villas à Barcelone (56) </a> </li> <li class="dropdown__list-item"> <a class="dropdown__list-link" href="https://www.hotelbcn-barcelona.com/fr/type/apartments-3/" class="js-delete-cookie" data-cookie="use_dates">Appartements à Barcelone (4858) </a> </li> <li class="dropdown__list-item"> <a class="dropdown__list-link" href="https://www.hotelbcn-barcelona.com/fr/type/hostels-11/" class="js-delete-cookie" data-cookie="use_dates">Auberges à Barcelone (295) </a> </li> <li class="dropdown__list-item"> <a class="dropdown__list-link" href="https://www.hotelbcn-barcelona.com/fr/type/bed-and-breakfasts-4/" class="js-delete-cookie" data-cookie="use_dates">Couette-cafés à Barcelone (167) </a> </li> <li class="dropdown__list-item"> <a class="dropdown__list-link" href="https://www.hotelbcn-barcelona.com/fr/type/holiday-homes-33/" class="js-delete-cookie" data-cookie="use_dates">Locations de vacances à Barcelone (113) </a> </li> </ul> </div> </div> <div class="header__nav-item item js-header-dropdown-wrapper"> <div class="item__title js-header-toggler"> Monnaie <svg class="item__title-icon"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow-bottom"></use> </svg> </div> <div class="dropdown dropdown--right js-header-dropdown"> <ul class="dropdown__list"> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT0x"> <span class="dropdown__list-item-code js-trackevent-currency-code">USD</span> Dollar américain </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT0z"> <span class="dropdown__list-item-code js-trackevent-currency-code">EUR</span> Euro </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT03"> <span class="dropdown__list-item-code js-trackevent-currency-code">GBP</span> Livre sterling </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT0xMQ=="> <span class="dropdown__list-item-code js-trackevent-currency-code">AUD</span> Dollar australien </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT0yMQ=="> <span class="dropdown__list-item-code js-trackevent-currency-code">CAD</span> Dollar canadien </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT00OA=="> <span class="dropdown__list-item-code js-trackevent-currency-code">BRL</span> Réal brésilien </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT00OQ=="> <span class="dropdown__list-item-code js-trackevent-currency-code">BGN</span> Lev bulgare </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT01Nw=="> <span class="dropdown__list-item-code js-trackevent-currency-code">CNY</span> Yuan chinois </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT02Ng=="> <span class="dropdown__list-item-code js-trackevent-currency-code">CZK</span> Couronne tchèque </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT00"> <span class="dropdown__list-item-code js-trackevent-currency-code">DKK</span> Couronne danoise </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT0xMw=="> <span class="dropdown__list-item-code js-trackevent-currency-code">HKD</span> Dollar de Hong Kong </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT03Nw=="> <span class="dropdown__list-item-code js-trackevent-currency-code">ILS</span> Nouveau sheqel israélien </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT0yMw=="> <span class="dropdown__list-item-code js-trackevent-currency-code">JPY</span> Yen japonais </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT0xMA=="> <span class="dropdown__list-item-code js-trackevent-currency-code">MYR</span> Ringgit malaisien </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT0xMg=="> <span class="dropdown__list-item-code js-trackevent-currency-code">NZD</span> Dollar néo-zélandais </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT0yMg=="> <span class="dropdown__list-item-code js-trackevent-currency-code">NOK</span> Couronne norvégienne </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT0xMzU="> <span class="dropdown__list-item-code js-trackevent-currency-code">PLN</span> Zloty polonais </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT0xMzY="> <span class="dropdown__list-item-code js-trackevent-currency-code">RON</span> Nouveau leu roumain </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT0xMzc="> <span class="dropdown__list-item-code js-trackevent-currency-code">RUB</span> Rouble russe </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT0xNDI="> <span class="dropdown__list-item-code js-trackevent-currency-code">SAR</span> Riyal saoudien </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT0yNA=="> <span class="dropdown__list-item-code js-trackevent-currency-code">SGD</span> Dollar de Singapour </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT0xNQ=="> <span class="dropdown__list-item-code js-trackevent-currency-code">ZAR</span> Rand sud-africain </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT0xNTE="> <span class="dropdown__list-item-code js-trackevent-currency-code">KRW</span> Won sud-coréen </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT05"> <span class="dropdown__list-item-code js-trackevent-currency-code">SEK</span> Couronne suédoise </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT04"> <span class="dropdown__list-item-code js-trackevent-currency-code">CHF</span> Franc suisse </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT0xNjI="> <span class="dropdown__list-item-code js-trackevent-currency-code">TRY</span> Livre turque </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT0xNjY="> <span class="dropdown__list-item-code js-trackevent-currency-code">UAH</span> Hryvnia ukrainienne </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-currency-link" data-internal="Lz9jdXJyZW5jeT0y"> <span class="dropdown__list-item-code js-trackevent-currency-code">THB</span> Baht thaïlandais </span> </li> </ul> </div> </div> <div class="header__nav-item item js-header-dropdown-wrapper"> <div class="item__title js-header-toggler"> Français <svg class="item__title-icon"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow-bottom"></use> </svg> </div> <div class="dropdown dropdown--right js-header-dropdown"> <ul class="dropdown__list"> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-lang-link" data-internal="L2FyLw==">العربية</span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-lang-link" data-internal="L3poLw==">简体中文</span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-lang-link" data-internal="L2NzLw==">Čeština</span> </li> <li class="dropdown__list-item"> <a href="/da/" class="dropdown__list-link js-link js-trackevent-lang-link">Dansk</a> </li> <li class="dropdown__list-item"> <a href="/de/" class="dropdown__list-link js-link js-trackevent-lang-link">Deutsch</a> </li> <li class="dropdown__list-item"> <a href="/en/" class="dropdown__list-link js-link js-trackevent-lang-link">English</a> </li> <li class="dropdown__list-item"> <a href="/es/" class="dropdown__list-link js-link js-trackevent-lang-link">Español</a> </li> <li class="dropdown__list-item"> <a href="/fr/" class="dropdown__list-link js-link js-trackevent-lang-link">Français</a> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-lang-link" data-internal="L2VsLw==">Ελληνικά</span> </li> <li class="dropdown__list-item"> <a href="/he/" class="dropdown__list-link js-link js-trackevent-lang-link">עברית</a> </li> <li class="dropdown__list-item"> <a href="/it/" class="dropdown__list-link js-link js-trackevent-lang-link">Italiano</a> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-lang-link" data-internal="L2phLw==">日本語</span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-lang-link" data-internal="L2tvLw==">한국어</span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-lang-link" data-internal="L2h1Lw==">Magyar</span> </li> <li class="dropdown__list-item"> <a href="/nl/" class="dropdown__list-link js-link js-trackevent-lang-link">Nederlands</a> </li> <li class="dropdown__list-item"> <a href="/no/" class="dropdown__list-link js-link js-trackevent-lang-link">Norsk</a> </li> <li class="dropdown__list-item"> <a href="/pl/" class="dropdown__list-link js-link js-trackevent-lang-link">Polski</a> </li> <li class="dropdown__list-item"> <a href="/pt/" class="dropdown__list-link js-link js-trackevent-lang-link">Português</a> </li> <li class="dropdown__list-item"> <a href="/ru/" class="dropdown__list-link js-link js-trackevent-lang-link">Русский</a> </li> <li class="dropdown__list-item"> <a href="/sv/" class="dropdown__list-link js-link js-trackevent-lang-link">Svenska</a> </li> <li class="dropdown__list-item"> <a href="/tr/" class="dropdown__list-link js-link js-trackevent-lang-link">Türkçe</a> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new js-trackevent-lang-link" data-internal="L3VrLw==">Українська</span> </li> </ul> </div> </div> </div> </div> </header> <div class="banner js-banner"> <img width="99999" height="99999" style="pointer-events: none; position: absolute; top: 0; left: 0; width: 50vw; height: 99vh; max-width: 99vw; max-height: 99vh;" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI5OTk5OXB4IiBoZWlnaHQ9Ijk5OTk5cHgiIHZpZXdCb3g9IjAgMCA5OTk5OSA5OTk5OSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBzdHJva2U9Im5vbmUiIGZpbGw9Im5vbmUiIGZpbGwtb3BhY2l0eT0iMCI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9Ijk5OTk5IiBoZWlnaHQ9Ijk5OTk5Ij48L3JlY3Q+IDwvZz4gPC9zdmc+"> <div class="banner__content"> <div class="banner-head new-container"> <div class="banner__breadcrumbs breadcrumbs"> <div class="breadcrumbs__item breadcrumbs-item"> <a class="breadcrumbs-item__link" href="https://www.hotelbcn-barcelona.com/fr/" target="_blank">Barcelone</a> <span class="breadcrumbs-item__arrow">></span> </div> <div class="breadcrumbs__item breadcrumbs-item"> <a class="breadcrumbs-item__link" href="https://www.hotelbcn-barcelona.com/fr/4-stars/" target="_blank">4 étoiles</a> <span class="breadcrumbs-item__arrow">></span> </div> <div class="breadcrumbs__item breadcrumbs-item"> <a class="breadcrumbs-item__link" href="https://www.hotelbcn-barcelona.com/fr/type/hotels-12/" target="_blank">Hôtels</a> <span class="breadcrumbs-item__arrow">></span> </div> <div class="breadcrumbs__item breadcrumbs-item"> <span class="breadcrumbs-item__text">Barcelona Hotel Colonial</span> </div> </div> <div class="banner-head__hotel-info"> <div class="banner-head__stars"> <svg class="banner-head__stars-icon icon icon-new-star" viewBox="0 0 18 17"> <path d="m18 6.5-6.2-.9L9 0 6.2 5.6 0 6.5l4.5 4.3L3.4 17 9 14.1l5.6 2.9-1.1-6.2z"></path> </svg> <svg class="banner-head__stars-icon icon icon-new-star" viewBox="0 0 18 17"> <path d="m18 6.5-6.2-.9L9 0 6.2 5.6 0 6.5l4.5 4.3L3.4 17 9 14.1l5.6 2.9-1.1-6.2z"></path> </svg> <svg class="banner-head__stars-icon icon icon-new-star" viewBox="0 0 18 17"> <path d="m18 6.5-6.2-.9L9 0 6.2 5.6 0 6.5l4.5 4.3L3.4 17 9 14.1l5.6 2.9-1.1-6.2z"></path> </svg> <svg class="banner-head__stars-icon icon icon-new-star" viewBox="0 0 18 17"> <path d="m18 6.5-6.2-.9L9 0 6.2 5.6 0 6.5l4.5 4.3L3.4 17 9 14.1l5.6 2.9-1.1-6.2z"></path> </svg> </div> <h1 class="banner-head__title">Barcelona Hotel Colonial</h1> <a href="#map" class="banner-head__address js-menu-map js-open-map-restaurants js-open-map-landmarks">Via Layetana, 3, Barcelone, Espagne</a> </div> <div class="rating js-hotel-rating-button" data-bcom="aHR0cHM6Ly93d3cuYm9va2luZy5jb20vcmV2aWV3bGlzdC5odG1sP3RtcGw9cmV2aWV3bGlzdHBvcHVwO3BhZ2VuYW1lPWJhcmNlbG9uYS1jb2xvbmlhbDtjYzE9ZXM7bGFuZz1mcjtsYWJlbD1jbGlja19yZXYtYm4tMjAyNTAzMjVfMTg0MzQ2LWkzMjYzOTMtczExNjIwNi1uMjgtYmFyY2Vsb25hX2hvdGVsX2NvbG9uaWFs" data-reviewscount="2097"> <div class="rating__wrap"> <div class="rating__reviews-count"> 2097 commentaires </div> <img class="rating__logo" src="/new/designs/90/hotel/images/booking-logo-2.svg" width="96" height="16" alt="" /> </div> <div class="rating__number">8.4</div> </div> </div> <div class="banner__body"> <div class="banner__gallery banner__gallery--mobile js-trackevent-sunset-header-gallery" > <div class="banner__gallery-wrapper js-mobile-main-wrapper"> <div class="banner__panorama-btn"> <div class="panorama-btn panorama-btn--light js-virtual-modal-open" data-clickstat="open-slider-mobile" > <svg class="panorama-btn__icon" width="16" height="16" > <use xlink:href="/new/designs/90/build/icons-sprite.svg#360-person"></use> </svg> <span class="panorama-btn__text">360° panorama</span> </div> </div> <div class="js-mobile-main-gallery" > <div class="banner__main-photo"> <picture> <source srcset="/data/Imgs/700x500w/15804/1580422/1580422831/hotel-colonial-barcelona-img-1.JPEG" media="(max-width: 700px)"> <source srcset="/data/Imgs/OriginalPhoto/15804/1580422/1580422831/hotel-colonial-barcelona-img-1.JPEG" media="(min-width: 701px)"> <img class="banner__main-photo-item banner__main-photo-item--1" importance="high" src="" alt="" /> <img class="banner__main-photo-item banner__main-photo-item--2" importance="high" src="" alt="" /> <img class="banner__main-photo-item banner__main-photo-item--3" importance="high" src="" alt="" /> <img class="banner__main-photo-item banner__main-photo-item--4" importance="high" src="" alt="" /> <img class="banner__main-photo-item banner__main-photo-item--5" importance="high" src="" alt="" /> <img class="banner__main-photo-item banner__main-photo-item--6" importance="high" src="" alt="" /> <img class="banner__main-photo-item banner__main-photo-item--7" importance="high" src="" alt="" /> <img class="banner__main-photo-item banner__main-photo-item--8" importance="high" src="" alt="" /> <img class="banner__main-photo-item banner__main-photo-item--9" importance="high" src="" alt="" /> <img class="banner__main-photo-item banner__main-photo-item--10" importance="high" src="" alt="" /> <img class="banner__main-photo-item banner__main-photo-item--11" importance="high" src="" alt="" /> <img class="banner__main-photo-item banner__main-photo-item--12" importance="high" src="" alt="" /> <img class="banner__main-photo-item banner__main-photo-item--13" importance="high" src="" alt="" /> <img class="banner__main-photo-item banner__main-photo-item--14" importance="high" src="" alt="" /> <img class="banner__main-photo-item banner__main-photo-item--15" importance="high" src="" alt="" /> <img class="banner__main-photo-item banner__main-photo-item--16" importance="high" src="" alt="" /> <img class="banner__main-photo-item banner__main-photo-item--17" importance="high" src="" alt="" /> <img class="banner__main-photo-item banner__main-photo-item--18" importance="high" src="" alt="" /> <img class="banner__main-photo-item banner__main-photo-item--19" importance="high" src="" alt="" /> <img class="banner__main-photo-item banner__main-photo-item--20" importance="high" src="" alt="" /> </picture> </div> <img src="/data/Imgs/700x500w/12730/1273098/1273098565/hotel-colonial-barcelona-img-2.JPEG" /> <img src="/data/Imgs/700x500w/12730/1273099/1273099186/hotel-colonial-barcelona-img-3.JPEG" /> <img src="/data/Imgs/700x500w/12730/1273099/1273099564/hotel-colonial-barcelona-img-4.JPEG" /> <img src="/data/Imgs/700x500w/16298/1629893/1629893378/hotel-colonial-barcelona-img-5.JPEG" /> <img src="/data/Imgs/700x500w/16298/1629893/1629893379/hotel-colonial-barcelona-img-6.JPEG" /> <img src="/data/Imgs/700x500w/16298/1629893/1629893381/hotel-colonial-barcelona-img-7.JPEG" /> <img src="/data/Imgs/700x500w/16298/1629893/1629893385/hotel-colonial-barcelona-img-8.JPEG" /> <img src="/data/Imgs/700x500w/16298/1629893/1629893386/hotel-colonial-barcelona-img-9.JPEG" /> <img src="/data/Imgs/700x500w/16298/1629893/1629893387/hotel-colonial-barcelona-img-10.JPEG" /> <img src="/data/Imgs/700x500w/16298/1629893/1629893388/hotel-colonial-barcelona-img-11.JPEG" /> <img src="/data/Imgs/700x500w/16298/1629893/1629893390/hotel-colonial-barcelona-img-12.JPEG" /> <img src="/data/Imgs/700x500w/16197/1619759/1619759958/hotel-colonial-barcelona-img-13.JPEG" /> <img src="/data/Imgs/700x500w/16197/1619759/1619759949/hotel-colonial-barcelona-img-14.JPEG" /> <img src="/data/Imgs/700x500w/16197/1619759/1619759954/hotel-colonial-barcelona-img-15.JPEG" /> <img src="/data/Imgs/700x500w/16197/1619759/1619759956/hotel-colonial-barcelona-img-16.JPEG" /> <img src="/data/Imgs/700x500w/16197/1619759/1619759959/hotel-colonial-barcelona-img-17.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422521/hotel-colonial-barcelona-img-18.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422541/hotel-colonial-barcelona-img-19.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422547/hotel-colonial-barcelona-img-20.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422609/hotel-colonial-barcelona-img-21.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422617/hotel-colonial-barcelona-img-22.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422645/hotel-colonial-barcelona-img-23.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422647/hotel-colonial-barcelona-img-24.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422649/hotel-colonial-barcelona-img-25.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422733/hotel-colonial-barcelona-img-26.JPEG" /> <img src="/data/Imgs/700x500w/16298/1629893/1629893389/hotel-colonial-barcelona-img-27.JPEG" /> <img src="/data/Imgs/700x500w/16298/1629893/1629893382/hotel-colonial-barcelona-img-28.JPEG" /> <img src="/data/Imgs/700x500w/16298/1629893/1629893392/hotel-colonial-barcelona-img-29.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422507/hotel-colonial-barcelona-img-30.JPEG" /> <img src="/data/Imgs/700x500w/16298/1629893/1629893380/hotel-colonial-barcelona-img-31.JPEG" /> <img src="/data/Imgs/700x500w/16197/1619759/1619759951/hotel-colonial-barcelona-img-32.JPEG" /> <img src="/data/Imgs/700x500w/12730/1273096/1273096711/hotel-colonial-barcelona-img-33.JPEG" /> <img src="/data/Imgs/700x500w/12730/1273098/1273098496/hotel-colonial-barcelona-img-34.JPEG" /> <img src="/data/Imgs/700x500w/12730/1273096/1273096300/hotel-colonial-barcelona-img-35.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422573/hotel-colonial-barcelona-img-36.JPEG" /> <img src="/data/Imgs/700x500w/16298/1629893/1629893383/hotel-colonial-barcelona-img-37.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422637/hotel-colonial-barcelona-img-38.JPEG" /> <img src="/data/Imgs/700x500w/16298/1629893/1629893384/hotel-colonial-barcelona-img-39.JPEG" /> <img src="/data/Imgs/700x500w/12730/1273099/1273099120/hotel-colonial-barcelona-img-40.JPEG" /> <img src="/data/Imgs/700x500w/12730/1273099/1273099333/hotel-colonial-barcelona-img-41.JPEG" /> <img src="/data/Imgs/700x500w/12730/1273097/1273097281/hotel-colonial-barcelona-img-42.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422555/hotel-colonial-barcelona-img-43.JPEG" /> <img src="/data/Imgs/700x500w/12730/1273097/1273097323/hotel-colonial-barcelona-img-44.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422515/hotel-colonial-barcelona-img-45.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422503/hotel-colonial-barcelona-img-46.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422527/hotel-colonial-barcelona-img-47.JPEG" /> <img src="/data/Imgs/700x500w/12730/1273096/1273096027/hotel-colonial-barcelona-img-48.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422563/hotel-colonial-barcelona-img-49.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422589/hotel-colonial-barcelona-img-50.JPEG" /> <img src="/data/Imgs/700x500w/12730/1273098/1273098310/hotel-colonial-barcelona-img-51.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422655/hotel-colonial-barcelona-img-52.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422769/hotel-colonial-barcelona-img-53.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422599/hotel-colonial-barcelona-img-54.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422691/hotel-colonial-barcelona-img-55.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422615/hotel-colonial-barcelona-img-56.JPEG" /> <img src="/data/Imgs/700x500w/16298/1629893/1629893391/hotel-colonial-barcelona-img-57.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422701/hotel-colonial-barcelona-img-58.JPEG" /> <img src="/data/Imgs/700x500w/15854/1585454/1585454448/hotel-colonial-barcelona-img-59.JPEG" /> <img src="/data/Imgs/700x500w/15854/1585454/1585454560/hotel-colonial-barcelona-img-60.JPEG" /> <img src="/data/Imgs/700x500w/15854/1585454/1585454604/hotel-colonial-barcelona-img-61.JPEG" /> <img src="/data/Imgs/700x500w/16322/1632201/1632201986/hotel-colonial-barcelona-img-62.JPEG" /> <img src="/data/Imgs/700x500w/15854/1585454/1585454821/hotel-colonial-barcelona-img-63.JPEG" /> <img src="/data/Imgs/700x500w/16322/1632201/1632201957/hotel-colonial-barcelona-img-64.JPEG" /> <img src="/data/Imgs/700x500w/3072/307263/307263104/hotel-colonial-barcelona-img-65.JPEG" /> <img src="/data/Imgs/700x500w/6046/604698/604698783/hotel-colonial-barcelona-img-66.JPEG" /> <img src="/data/Imgs/700x500w/9981/998127/998127363/hotel-colonial-barcelona-img-67.JPEG" /> <img src="/data/Imgs/700x500w/8323/832351/832351994/hotel-colonial-barcelona-img-68.JPEG" /> <img src="/data/Imgs/700x500w/6833/683334/683334582/hotel-colonial-barcelona-img-69.JPEG" /> <img src="/data/Imgs/700x500w/8323/832352/832352003/hotel-colonial-barcelona-img-70.JPEG" /> <img src="/data/Imgs/700x500w/12730/1273099/1273099027/hotel-colonial-barcelona-img-71.JPEG" /> <img src="/data/Imgs/700x500w/15854/1585454/1585454407/hotel-colonial-barcelona-img-72.JPEG" /> <img src="/data/Imgs/700x500w/8323/832352/832352264/hotel-colonial-barcelona-img-73.JPEG" /> <img src="/data/Imgs/700x500w/8323/832352/832352888/hotel-colonial-barcelona-img-74.JPEG" /> <img src="/data/Imgs/700x500w/15854/1585454/1585454774/hotel-colonial-barcelona-img-75.JPEG" /> <img src="/data/Imgs/700x500w/15854/1585454/1585454836/hotel-colonial-barcelona-img-76.JPEG" /> <img src="/data/Imgs/700x500w/6046/604698/604698759/hotel-colonial-barcelona-img-77.JPEG" /> <img src="/data/Imgs/700x500w/6046/604698/604698744/hotel-colonial-barcelona-img-78.JPEG" /> <img src="/data/Imgs/700x500w/12730/1273097/1273097407/hotel-colonial-barcelona-img-79.JPEG" /> <img src="/data/Imgs/700x500w/3072/307263/307263128/hotel-colonial-barcelona-img-80.JPEG" /> <img src="/data/Imgs/700x500w/6833/683333/683333901/hotel-colonial-barcelona-img-81.JPEG" /> <img src="/data/Imgs/700x500w/6833/683333/683333244/hotel-colonial-barcelona-img-82.JPEG" /> <img src="/data/Imgs/700x500w/6833/683335/683335344/hotel-colonial-barcelona-img-83.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422611/hotel-colonial-barcelona-img-84.JPEG" /> <img src="/data/Imgs/700x500w/6833/683333/683333967/hotel-colonial-barcelona-img-85.JPEG" /> <img src="/data/Imgs/700x500w/6833/683335/683335308/hotel-colonial-barcelona-img-86.JPEG" /> <img src="/data/Imgs/700x500w/12730/1273098/1273098718/hotel-colonial-barcelona-img-87.JPEG" /> <img src="/data/Imgs/700x500w/6833/683335/683335152/hotel-colonial-barcelona-img-88.JPEG" /> <img src="/data/Imgs/700x500w/6833/683335/683335239/hotel-colonial-barcelona-img-89.JPEG" /> <img src="/data/Imgs/700x500w/3072/307263/307263120/hotel-colonial-barcelona-img-90.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422437/hotel-colonial-barcelona-img-91.JPEG" /> <img src="/data/Imgs/700x500w/6833/683335/683335467/hotel-colonial-barcelona-img-92.JPEG" /> <img src="/data/Imgs/700x500w/6833/683335/683335626/hotel-colonial-barcelona-img-93.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422601/hotel-colonial-barcelona-img-94.JPEG" /> <img src="/data/Imgs/700x500w/6833/683335/683335281/hotel-colonial-barcelona-img-95.JPEG" /> <img src="/data/Imgs/700x500w/6833/683335/683335656/hotel-colonial-barcelona-img-96.JPEG" /> <img src="/data/Imgs/700x500w/15804/1580422/1580422551/hotel-colonial-barcelona-img-97.JPEG" /> <img src="/data/Imgs/700x500w/6833/683335/683335179/hotel-colonial-barcelona-img-98.JPEG" /> <img src="/data/Imgs/700x500w/15854/1585454/1585454786/hotel-colonial-barcelona-img-99.JPEG" /> <img src="/data/Imgs/700x500w/291/29131/29131070/hotel-colonial-barcelona-img-100.JPEG" /> </div> <div class="nav-controls js-mobile-mail-gallery-controls"> <svg class="icon js-nav-mobile-main-gallery" data-class="js-prev" width="20px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#mob-slider-arrow-left"></use> </svg> <svg class="icon js-nav-mobile-main-gallery" data-class="js-next" width="20px" height="30px"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#mob-slider-arrow-right"></use> </svg> </div> </div> <div class="banner__gallery-button js-trackevent-header-gallery-show-all" data-fancybox-trigger="sunset-main-gallery"> <svg class="banner__gallery-button-icon icon icon-maximize" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18"> <path class="st0" d="M17.6 11.2h-.8c-.2 0-.4.2-.4.4v3.5l-4.9-4.9c-.2-.2-.5-.2-.6 0l-.6.6c-.2.2-.2.5 0 .6l4.9 4.9h-3.5c-.2 0-.4.2-.4.4v.8c0 .2.2.4.4.4h6c.2 0 .4-.2.4-.4v-6c-.1-.1-.3-.3-.5-.3zM2.9 1.7h3.5c.2 0 .4-.2.4-.4V.4c0-.2-.2-.4-.4-.4h-6C.2 0 0 .2 0 .4v6c0 .2.2.4.4.4h.8c.2 0 .4-.2.4-.4V2.9l4.9 4.9c.3.2.6.2.8.1l.6-.6c.1-.2.1-.5 0-.6l-5-5zM17.6 0h-6c-.2 0-.4.2-.4.4v.8c0 .2.2.4.4.4h3.5l-4.9 4.9c-.2.2-.2.5 0 .6l.6.6c.2.2.4.2.6 0l4.9-4.9v3.5c0 .2.2.4.4.4h.8c.2 0 .4-.2.4-.4v-6c.1-.1-.1-.3-.3-.3zM7.3 10.1c-.2-.2-.5-.2-.6 0L1.8 15v-3.5c0-.2-.2-.4-.4-.4h-1c-.2 0-.4.2-.4.4v6c0 .3.2.5.4.5h6c.2 0 .4-.2.4-.4v-.8c0-.2-.2-.4-.4-.4H2.9l4.9-4.9c.2-.2.2-.5 0-.6l-.5-.8z" /> </svg> </div> </div> <div class="banner__form--mobile"> <div class="avail-form"> <div class="avail-form__title"> Réservation en ligne </div> <div class="avail-form__content"> <div class="banner__form-calendars js-mobileform-avail-popup-btn"> <div class="field avail-form__field"> <div class="field__title"> Check-in </div> <div class="field__content js-date-from-field--mobile"> <input class="js-mobile-calendar-from-input" type="hidden" name="to" value="2025-03-26"> <div class="field__number js-date-day">26</div> <div class="field__text"> <div class="field__text-item js-date-month">Mar</div> <div class="field__text-item js-date-year">2025</div> </div> </div> </div> <div class="avail-form__corner"> <div class="avail-form__corner-img"> <svg class="avail-form__calendar-icon icon icon-calendar-sunset"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-form-calendar"></use> </svg> </div> </div> <div class="field avail-form__field"> <div class="field__title"> Check-out </div> <div class="field__content js-date-to-field--mobile"> <input class="js-mobile-calendar-to-input" type="hidden" name="to" value="2025-03-27"> <div class="field__number js-date-day">27</div> <div class="field__text"> <div class="field__text-item js-date-month">Mar</div> <div class="field__text-item js-date-year">2025</div> </div> </div> </div> </div> <div class="avail-form__bottom"> <div class="avail-form__submit js-mobileform-avail-popup-btn">Vérifier les prix</div> </div> </div> </div> </div> <div class="banner__mosaic mosaic"> <div class="mosaic__left-photo"> <div data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893378/hotel-colonial-barcelona-img-5.JPEG" class="mosaic__photo"> <picture> <source srcset="/data/Imgs/450x450w/16298/1629893/1629893378/hotel-colonial-barcelona-img-5.JPEG" media="(min-width: 768px)"> <img srcset alt="" loading="lazy"> </picture> </div> </div> <div class="mosaic__form js-mosaic-avail-form"> <form action="#rooms" method="get" class="banner__form avail-form js-avail-form is-with-new-calendar" formtarget="#rooms"> <div class="avail-info-bg avail-info-bg--new-calendar js-new-calendar-onboard js-trackevent-onboard-area"></div> <div class="avail-form__title"> Réservation en ligne </div> <div class="avail-form__title avail-form__title--for-popup"> Saisir les dates pour voir les prix </div> <div class="avail-form__content"> <div class="avail-form__new-calendar js-new-calendar-wrapper"> <div class="field avail-form__field field--from js-new-calendar-from"> <div class="field__title"> Check-in </div> <div class="field__content field__content--fr"> <div class="field__number js-date-day">26</div> <div class="field__text"> <div class="field__text-item field__text-item--month js-date-month">Mar</div> <div class="field__text-item js-date-year">2025</div> </div> </div> <input class="js-new-calendar-from-input" type="hidden" name="from" value="2025-03-26"> </div> <div class="avail-form__corner"> <div class="avail-form__corner-img"> <svg class="avail-form__calendar-icon icon icon-calendar-sunset"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-form-calendar"></use> </svg> </div> </div> <div class="field avail-form__field field--to js-new-calendar-to"> <div class="field__title"> Check-out </div> <div class="field__content field__content--fr"> <div class="field__number js-date-day">27</div> <div class="field__text"> <div class="field__text-item field__text-item--month js-date-month">Mar</div> <div class="field__text-item js-date-year">2025</div> </div> </div> <div class="hidden js-plural-night-1"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nuit)</div> </div> <div class="hidden js-plural-night-2"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nuits)</div> </div> <div class="hidden js-plural-night-5"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nuits)</div> </div> <input class="js-new-calendar-to-input" type="hidden" name="to" value="2025-03-27"> </div> </div> <div class="field avail-form__field field--guests js-avail-info" data-avail="guests"> <div class="field__title"> Clients </div> <div class="field__content field__content--guests field__content--fr js-guests-toggler"> <div class="field__number js-avail-guests-count"></div> <div class="field__text"> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="1" style="display: none"> invité</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="2" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="3" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="4" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="5" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="6" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="7" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="8" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="9" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="10" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="11" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="12" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="13" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="14" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="15" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="16" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="17" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="18" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="19" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="20" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="21" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="22" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="23" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="24" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="25" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="26" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="27" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="28" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="29" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="30" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="31" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="32" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="33" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="34" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="35" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="36" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="37" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="38" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="39" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="40" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="41" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="42" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="43" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="44" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="45" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="46" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="47" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="48" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="49" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="50" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="51" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="52" style="display: none"> invités</div> <div class="field__dot"></div> <div class="field__text-item field__text-item--bold show-mobile js-avail-rooms-text" data-avail-rooms="1" style="display: none">1 chambre</div> <div class="field__text-item field__text-item--bold show-mobile js-avail-rooms-text" data-avail-rooms="2" style="display: none">2 chambres</div> <div class="field__text-item field__text-item--bold show-mobile js-avail-rooms-text" data-avail-rooms="3" style="display: none">3 chambres</div> <div class="field__text-item field__text-item--bold show-mobile js-avail-rooms-text" data-avail-rooms="4" style="display: none">4 chambres</div> </div> <div class="field__corner"> <svg class="field__corner-icon"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#arrow-down"></use> </svg> </div> </div> <div class="form-rooms-dropdown js-guests-dropdown js-avail-info-inputs" data-avail="guests"> <div class="form-rooms js-form-rooms"> <div class="hidden"> <span class="js-rooms-titles-variants">Chambre 1</span> <span class="js-rooms-titles-variants">Chambre 2</span> <span class="js-rooms-titles-variants">Chambre 3</span> <span class="js-rooms-titles-variants">Chambre 4</span> </div> <div class="form-room js-room-in-form is-not-removable"> <p class="form-room__title"></p> <div class="form-room__inner"> <div class="form-room__select form-room-select"> <p class="form-room-select__title">Adultes:</p> <div class="form-room-select__inner"> <div class="form-room-select__btn form-room-select__btn--decrease js-form-room-guests-btn" data-type="adults" data-action="-"></div> <div class="form-room-select__number js-form-room-adults-count">2</div> <div class="form-room-select__btn form-room-select__btn--increase js-form-room-guests-btn" data-type="adults" data-action="+"></div> </div> <input class="js-adults-select hidden" value="2" name="rooms_info[0][adults]"> </div> <div class="form-room__select form-room-select"> <p class="form-room-select__title">Enfants :</p> <div class="form-room-select__inner"> <div class="form-room-select__btn form-room-select__btn--decrease is-disable js-form-room-guests-btn" data-type="children" data-action="-"></div> <div class="form-room-select__number js-form-room-children-count"></div> <div class="form-room-select__btn form-room-select__btn--increase js-form-room-guests-btn" data-type="children" data-action="+"></div> </div> </div> </div> <div class="form-room__select form-room__select--children js-children-wrapper"> <div class="form-room-select__title form-room-select__title--children-age">Âges des enfants :</div> <div class="dropdown__selects-age js-children-age-selects"> </div> </div> <div class="form-room__error js-error js-error-child">Veuillez indiquer l'âge de l'enfant</div> <div class="form-room__error js-error js-error-children">Veuillez indiquer l'âge des enfants</div> <svg class="form-room__remove icon icon-close js-room-in-form-remove"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#popup-close"></use> </svg> </div> </div> <div class="form-rooms__bottom"> <div class="form-rooms__add-room js-avail-add-room">+ Ajouter une chambre</div> </div> </div> <div class="avail-info avail-info--guests js-avail-info-block" data-avail="guests"> <p class="avail-info__title">2.Choisissez le nombre d'invités</p> <p class="avail-info__text">Il est nécessaire de sélectionner le nombre exact d'adultes et d'enfants afin de trouver une chambre convenable.</p> <div class="avail-info__nav"> <div class="avail-info__btn avail-info__btn--skip js-avail-info-skip js-cancel-button js-trackevent-onboard-skip">Sauter</div> <div class="avail-info__btn avail-info__btn--next js-avail-info-next js-ok-button js-trackevent-onboard-next" data-avail="guests" data-avail-next="submit"> Étape suivante <svg class="icon icon-arrow-point-to-right"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#arrow-point-to-right"></use> </svg> </div> </div> </div> </div> <div class="avail-form__bottom"> <button class="avail-form__submit js-submit-form-button" type="submit" data-avail="submit">Vérifier les prix</button> <div class="avail-info avail-info--submit js-avail-info-block" data-avail="submit"> <p class="avail-info__title avail-info__title--lg">3.Cliquez sur le bouton 'Rechercher'</p> <div class="avail-info__nav"> <div class="avail-info__btn avail-info__btn--skip js-avail-info-skip js-trackevent-onboard-skip">Sauter</div> <button type="submit" class="avail-info__btn avail-info__btn--next js-avail-info-skip js-trackevent-onboard-ok"> C'est bon, je l'ai </button> </div> </div> </div> </div> </form> <script type="text/javascript"> travel.opts.av_params = { multiBookRoomsInfo: [{"adults":2,"children":[]}], use: '0', from: '2025-03-26', to: '2025-03-27', adults: '2', childrenTitle: 'Âges des enfants :', children: '0' }; </script> <script type="x-template" class="js-form-room-template hidden"> <p class="form-room__title"></p> <div class="form-room__inner"> <div class="form-room__select form-room-select"> <p class="form-room-select__title">Adultes:</p> <div class="form-room-select__inner"> <div class="form-room-select__btn form-room-select__btn--decrease js-form-room-guests-btn" data-type="adults" data-action="-"></div> <div class="form-room-select__number js-form-room-adults-count"></div> <div class="form-room-select__btn form-room-select__btn--increase js-form-room-guests-btn" data-type="adults" data-action="+"></div> </div> <input class="js-adults-select hidden" value="2" name="rooms_info[0][adults]"> </div> <div class="form-room__select form-room-select"> <p class="form-room-select__title">Enfants :</p> <div class="form-room-select__inner"> <div class="form-room-select__btn form-room-select__btn--decrease is-disable js-form-room-guests-btn" data-type="children" data-action="-"></div> <div class="form-room-select__number js-form-room-children-count"></div> <div class="form-room-select__btn form-room-select__btn--increase js-form-room-guests-btn" data-type="children" data-action="+"></div> </div> </div> </div> <div class="form-room__select form-room__select--children js-children-wrapper"> <div class="form-room-select__title form-room-select__title--children-age">Âges des enfants :</div> <div class="dropdown__selects-age js-children-age-selects"></div> </div> <div class="form-room__error js-error js-error-child">Veuillez indiquer l'âge de l'enfant</div> <div class="form-room__error js-error js-error-children">Veuillez indiquer l'âge des enfants</div> <svg class="form-room__remove icon icon-close js-room-in-form-remove"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#popup-close"></use> </svg> </script> </div> <div class="mosaic__right-wrapper"> <div class="mosaic__left"> <div class="mosaic__main-photo"> <div data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422831/hotel-colonial-barcelona-img-1.JPEG" class="mosaic__photo"> <picture> <source srcset="/data/Imgs/700x500w/15804/1580422/1580422831/hotel-colonial-barcelona-img-1.JPEG" media="(min-width: 768px)"> <img srcset alt="Colonial" > </picture> </div> </div> </div> <div class="mosaic__right"> <div class="mosaic__secondary-photo"> <div data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/12730/1273098/1273098565/hotel-colonial-barcelona-img-2.JPEG" class="mosaic__photo"> <picture> <source srcset="/data/Imgs/450x450w/12730/1273098/1273098565/hotel-colonial-barcelona-img-2.JPEG" media="(min-width: 768px)"> <img srcset alt="" loading="lazy"> </picture> </div> <div class="mosaic__panorama"> <div class="panorama-entry js-virtual-modal-open" data-clickstat="open-gallery"> <img class="panorama-entry__bg" src="/new/designs/90/build/images/panorama-background-xl.jpg" alt=""> <svg class="panorama-entry__icon" width="14" height="18" class="icon"> <use xlink:href="/new/designs/90/build/icons-sprite.svg#360-person"></use> </svg> <div class="panorama-entry__btn">360° panorama</div> </div> </div> </div> <div class="mosaic__small-item mosaic__small-item--position"> <div data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/12730/1273099/1273099186/hotel-colonial-barcelona-img-3.JPEG" class="mosaic__photo"> <picture> <source srcset="/data/Imgs/450x450w/12730/1273099/1273099186/hotel-colonial-barcelona-img-3.JPEG" media="(min-width: 768px)"> <img srcset alt="" loading="lazy"> </picture> </div> </div> </div> </div> </div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893379/hotel-colonial-barcelona-img-6.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893381/hotel-colonial-barcelona-img-7.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893385/hotel-colonial-barcelona-img-8.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893386/hotel-colonial-barcelona-img-9.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893387/hotel-colonial-barcelona-img-10.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893388/hotel-colonial-barcelona-img-11.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893390/hotel-colonial-barcelona-img-12.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/16197/1619759/1619759958/hotel-colonial-barcelona-img-13.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/16197/1619759/1619759949/hotel-colonial-barcelona-img-14.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/16197/1619759/1619759954/hotel-colonial-barcelona-img-15.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/16197/1619759/1619759956/hotel-colonial-barcelona-img-16.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/16197/1619759/1619759959/hotel-colonial-barcelona-img-17.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422521/hotel-colonial-barcelona-img-18.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422541/hotel-colonial-barcelona-img-19.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422547/hotel-colonial-barcelona-img-20.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422609/hotel-colonial-barcelona-img-21.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422617/hotel-colonial-barcelona-img-22.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422645/hotel-colonial-barcelona-img-23.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422647/hotel-colonial-barcelona-img-24.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422649/hotel-colonial-barcelona-img-25.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422733/hotel-colonial-barcelona-img-26.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893389/hotel-colonial-barcelona-img-27.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893382/hotel-colonial-barcelona-img-28.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893392/hotel-colonial-barcelona-img-29.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422507/hotel-colonial-barcelona-img-30.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893380/hotel-colonial-barcelona-img-31.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/16197/1619759/1619759951/hotel-colonial-barcelona-img-32.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/12730/1273096/1273096711/hotel-colonial-barcelona-img-33.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/12730/1273098/1273098496/hotel-colonial-barcelona-img-34.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/12730/1273096/1273096300/hotel-colonial-barcelona-img-35.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422573/hotel-colonial-barcelona-img-36.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893383/hotel-colonial-barcelona-img-37.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422637/hotel-colonial-barcelona-img-38.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893384/hotel-colonial-barcelona-img-39.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/12730/1273099/1273099120/hotel-colonial-barcelona-img-40.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/12730/1273099/1273099333/hotel-colonial-barcelona-img-41.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/12730/1273097/1273097281/hotel-colonial-barcelona-img-42.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422555/hotel-colonial-barcelona-img-43.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/12730/1273097/1273097323/hotel-colonial-barcelona-img-44.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422515/hotel-colonial-barcelona-img-45.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422503/hotel-colonial-barcelona-img-46.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422527/hotel-colonial-barcelona-img-47.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/12730/1273096/1273096027/hotel-colonial-barcelona-img-48.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422563/hotel-colonial-barcelona-img-49.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422589/hotel-colonial-barcelona-img-50.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/12730/1273098/1273098310/hotel-colonial-barcelona-img-51.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422655/hotel-colonial-barcelona-img-52.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422769/hotel-colonial-barcelona-img-53.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422599/hotel-colonial-barcelona-img-54.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422691/hotel-colonial-barcelona-img-55.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422615/hotel-colonial-barcelona-img-56.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893391/hotel-colonial-barcelona-img-57.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422701/hotel-colonial-barcelona-img-58.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15854/1585454/1585454448/hotel-colonial-barcelona-img-59.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15854/1585454/1585454560/hotel-colonial-barcelona-img-60.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15854/1585454/1585454604/hotel-colonial-barcelona-img-61.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/16322/1632201/1632201986/hotel-colonial-barcelona-img-62.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15854/1585454/1585454821/hotel-colonial-barcelona-img-63.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/16322/1632201/1632201957/hotel-colonial-barcelona-img-64.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/3072/307263/307263104/hotel-colonial-barcelona-img-65.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/6046/604698/604698783/hotel-colonial-barcelona-img-66.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/9981/998127/998127363/hotel-colonial-barcelona-img-67.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/8323/832351/832351994/hotel-colonial-barcelona-img-68.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/6833/683334/683334582/hotel-colonial-barcelona-img-69.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/8323/832352/832352003/hotel-colonial-barcelona-img-70.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/12730/1273099/1273099027/hotel-colonial-barcelona-img-71.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15854/1585454/1585454407/hotel-colonial-barcelona-img-72.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/8323/832352/832352264/hotel-colonial-barcelona-img-73.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/8323/832352/832352888/hotel-colonial-barcelona-img-74.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15854/1585454/1585454774/hotel-colonial-barcelona-img-75.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15854/1585454/1585454836/hotel-colonial-barcelona-img-76.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/6046/604698/604698759/hotel-colonial-barcelona-img-77.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/6046/604698/604698744/hotel-colonial-barcelona-img-78.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/12730/1273097/1273097407/hotel-colonial-barcelona-img-79.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/3072/307263/307263128/hotel-colonial-barcelona-img-80.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/6833/683333/683333901/hotel-colonial-barcelona-img-81.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/6833/683333/683333244/hotel-colonial-barcelona-img-82.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/6833/683335/683335344/hotel-colonial-barcelona-img-83.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422611/hotel-colonial-barcelona-img-84.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/6833/683333/683333967/hotel-colonial-barcelona-img-85.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/6833/683335/683335308/hotel-colonial-barcelona-img-86.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/12730/1273098/1273098718/hotel-colonial-barcelona-img-87.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/6833/683335/683335152/hotel-colonial-barcelona-img-88.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/6833/683335/683335239/hotel-colonial-barcelona-img-89.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/3072/307263/307263120/hotel-colonial-barcelona-img-90.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422437/hotel-colonial-barcelona-img-91.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/6833/683335/683335467/hotel-colonial-barcelona-img-92.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/6833/683335/683335626/hotel-colonial-barcelona-img-93.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422601/hotel-colonial-barcelona-img-94.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/6833/683335/683335281/hotel-colonial-barcelona-img-95.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/6833/683335/683335656/hotel-colonial-barcelona-img-96.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422551/hotel-colonial-barcelona-img-97.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/6833/683335/683335179/hotel-colonial-barcelona-img-98.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/15854/1585454/1585454786/hotel-colonial-barcelona-img-99.JPEG"></div> <div class="hidden" data-fancybox="sunset-main-gallery" data-src="/data/Imgs/OriginalPhoto/291/29131/29131070/hotel-colonial-barcelona-img-100.JPEG"></div> </div> </div> </div> <div class="sunset__menu menu js-fixed-menu-sunset"> <div class="menu__wrapper js-hotel-menu-wrapper"> <div class="menu__list-mob js-hotel-menu-mob"> <p class="js-text-menu"></p> <svg class="icon icon-new-arrow"><use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-arrow-bottom"></use></svg> </div> <div class="menu__inner"> <ul class="menu__list js-hotel-menu"> <li data-page="main" class="menu__list-item js-menu-item js-sunset-trackevent-menu-main">Vue générale</li> <li data-page="rooms" class="menu__list-item js-menu-item js-sunset-trackevent-menu-rooms">Chambres</li> <li data-page="map" class="menu__list-item js-menu-item js-menu-map js-sunset-trackevent-menu-map">Localisation</li> <li data-page="photo" class="menu__list-item js-menu-item js-sunset-trackevent-menu-gallery"> Galerie <div class="menu__list-item-panorama"> <div class="panorama-info"> <svg class="panorama-info__icon" width="16" height="16" > <use xlink:href="/new/designs/90/build/icons-sprite.svg#360-person"></use> </svg> <span class="panorama-info__text">360 °</span> </div> </div> </li> <li data-page="add_review" class="menu__list-item js-menu-item js-sunset-trackevent-menu-write-review">Commentaires</li> <li data-page="contact" class="menu__list-item js-menu-item show-tablet">Centre d'aide</li> </ul> </div> </div> </div> <div class="sunset__wrapper"> <div class="new-container"> <div class="new-row"> <div class="sunset__main clearfix"> <div class="sunset__content"> <script type="text/javascript"> travel.opts.sid = '116206'; travel.opts.hotelName = 'Barcelona Hotel Colonial'; travel.opts.siteDomain = 'hotelbcn-barcelona.com'; travel.opts.nid = '28'; travel.opts.dest_id = '45'; travel.opts.obj_id = '326393'; travel.opts.ext_id = '323879'; travel.opts.track = 'Wf1uEnXskUcw0zzI'; travel.opts.theme = '9001'; travel.opts.city = "Barcelona"; travel.opts.country = "Espagne"; travel.opts.stars = '4'; travel.opts.is_apartment = '0'; travel.opts.htype_id = '12'; travel.opts.popprice = '1'; travel.opts.endpointHotelAttractions = {"data":{"2922998":{"id":"2922998","distance":"230 m","minutes":"\u00c0 3 min \u00e0 pied de la propri\u00e9t\u00e9"},"10829":{"id":"10829","distance":"420 m","minutes":"\u00c0 6 min \u00e0 pied de la propri\u00e9t\u00e9"},"18055":{"id":"18055","distance":"750 m","minutes":"\u00c0 10 min \u00e0 pied de la propri\u00e9t\u00e9"},"684563":{"id":"684563","distance":"410 m","minutes":"\u00c0 5 min \u00e0 pied de la propri\u00e9t\u00e9"},"3236976":{"id":"3236976","distance":"870 m","minutes":"\u00c0 11 min \u00e0 pied de la propri\u00e9t\u00e9"},"677139":{"id":"677139","distance":"540 m","minutes":"\u00c0 7 min \u00e0 pied de la propri\u00e9t\u00e9"},"747858":{"id":"747858","distance":"1.2 km","minutes":"\u00c0 15 min \u00e0 pied de la propri\u00e9t\u00e9"},"2922856":{"id":"2922856","distance":"1.4 km","minutes":"\u00c0 18 min \u00e0 pied de la propri\u00e9t\u00e9"}},"ids":["2922998","10829","18055","684563","3236976","677139","747858","2922856"]}; travel.opts.endpointHotelRestaurants = {"data":{"515960":{"id":"515960","distance":"160 m","minutes":"\u00c0 2 min \u00e0 pied de la propri\u00e9t\u00e9"},"516581":{"id":"516581","distance":"210 m","minutes":"\u00c0 3 min \u00e0 pied de la propri\u00e9t\u00e9"},"1755451":{"id":"1755451","distance":"180 m","minutes":"\u00c0 3 min \u00e0 pied de la propri\u00e9t\u00e9"},"517215":{"id":"517215","distance":"150 m","minutes":"\u00c0 2 min \u00e0 pied de la propri\u00e9t\u00e9"},"1147933":{"id":"1147933","distance":"120 m","minutes":"\u00c0 2 min \u00e0 pied de la propri\u00e9t\u00e9"},"538674":{"id":"538674","distance":"140 m","minutes":"\u00c0 2 min \u00e0 pied de la propri\u00e9t\u00e9"},"509113":{"id":"509113","distance":"170 m","minutes":"\u00c0 3 min \u00e0 pied de la propri\u00e9t\u00e9"},"1457940":{"id":"1457940","distance":"20 m","minutes":"\u00c0 1 min \u00e0 pied de la propri\u00e9t\u00e9"},"1664043":{"id":"1664043","distance":"30 m","minutes":"\u00c0 1 min \u00e0 pied de la propri\u00e9t\u00e9"},"510736":{"id":"510736","distance":"160 m","minutes":"\u00c0 2 min \u00e0 pied de la propri\u00e9t\u00e9"}},"ids":["515960","516581","1755451","517215","1147933","538674","509113","1457940","1664043","510736"]}; travel.opts.tob = false ; travel.opts.groupbook_url= 'https://group.hotelbcn-barcelona.com?page=group_booking&langID=3&ShowCurrency=USD&at=1&hotel_id=323879&aid=928&hurl=https%3A%2F%2Fcolonial.hotelbcn-barcelona.com%2Ffr%2F&affiliatedomain=aff9001.ahotelpartners.com&refdomain=aff9001.ahotelpartners.com&_wsl=Wf1uEnXskUcw0zzI&nid=28'; travel.opts.clicktrip = { cutype: "tab", dom: "hotelbcn-barcelona.com", city_id: "-372490", dest_type: "city", hotel_id: 188827, htype_id: 234, subacc: "clicktrip-bn-n28-250325-barcelona_hotel_colonial-i326393-s116206-wWf1uEnXskUcw0zzI-cu_tab-d9001-dc3" }; travel.opts.btest = false ; travel.opts.streetView = { latitude:'41.38232409265654', longitude:'2.180873951421576', povheading:'246.58000354919585', povpitch:'12.666109728082219', zoom:'0.16992500144231237', id:'QLhCkR8ogmdRV2RqFn7BVQ', } travel.opts.device = 3 travel.opts.messages = { f_name: 'Saisissez votre nom', f_email: 'Saisissez une adresse électronique valide', f_subject: 'S\'il vous plaît choisissez un sujet', f_message: 'Saisissez le texte', f_review: 'Saisissez le texte', f_review_cons: 'Saisissez le texte', f_month: 'Choisissez le mois', f_year: 'Choisissez l\'année', f_calendar:'Entrez vos dates et consultez nos offres spéciales', f_rating: 'Évaluez cette propriété', f_country_ui: 'Choose a country' }; travel.opts.k = 'rok33ejqm'; travel.opts.v = '90be8669656a7ce83cbf2e78df4c3f4e'; </script> <div class="overview page js-page" data-page="main"> <div class="overview__header"> <div class="overview__left"> <div class="overview__head"> <h2 class="page__title"> Barcelona Hotel Colonial 4* </h2> <div class="feature overview__feature js-features"> <ul class="feature__list js-features-list"> <li class="feature__item js-feature-item"> <svg class="feature__item-icon icon-wi-fi"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#highlights-wi-fi"></use> </svg> <span class="feature__item-text">Wi-Fi</span> </li> <li class="feature__item js-feature-item"> <svg class="feature__item-icon icon-24-hour-check-in"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#highlights-24-hour-check-in"></use> </svg> <span class="feature__item-text">Réception ouverte 24h sur 24</span> </li> <li class="feature__item js-feature-item"> <svg class="feature__item-icon icon-restaurant-bar"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#highlights-restaurant-bar"></use> </svg> <span class="feature__item-text">Bar/ Coin salon</span> </li> <li class="feature__item js-feature-item"> <svg class="feature__item-icon icon-business-facilities"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#highlights-business-facilities"></use> </svg> <span class="feature__item-text">Équipements pour réunion/ banquet</span> </li> <li class="feature__item js-feature-item"> <svg class="feature__item-icon icon-child-friendly"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#highlights-child-friendly"></use> </svg> <span class="feature__item-text">Lits d'enfants</span> </li> <li class="feature__link show-mobile js-sunset-feature-scroll-btn">Voir tout +</li> </ul> <div class="feature__link hide-mobile js-sunset-feature-scroll-btn">Voir tout +</div> </div> </div> <div class="overview__description js-sunset-overview-wrapper"> <div class="overview__description-content js-sunset-overview-content"> <p>Doté d'un distributeur automatique, Barcelona Hotel Colonial de 4 étoiles est situé à moins de 10 minutes en voiture de la Sagrada Família. Vous pourrez profiter d'un parking privé disponible pour 25 EUR par jour à proximité.</p> <p>Les chambres sont équipées d'un bureau, ainsi que des fenêtres insonorisées pour le confort des clients. Les divertissements dans la chambre comprennent une TV à écran plat avec des chaînes satellite, tandis que des équipements tels que de la climatisation sont également fournis. Dotées d'une douche à l'italienne et d'une toilette séparée, les salles de bains sont également équipées d'un sèche-cheveux et d'un bonnet de douche.</p> <p>Vous pourrez déguster une cuisine européenne dans un restaurant Milk Bar & Bistro situé à courte distance de l'hôtel.</p> <p>L'hôtel dans la localité de "Vieille ville" se trouve à 2 km de Poble espanyol et relativement près des boutiques telles que la place de Catalogne. Hotel Colonial de Barcelone se trouve à 450 mètres de la Jaume I. Les édifices religieux notables à proximité incluent la Cathédrale Sainte-Croix de Barcelone, à une distance raisonnable de l'hôtel. Barcelona Hotel Colonial se trouve à proximité du Palais de la musique catalane, à une distance de 300 mètres de l'arrêt de bus Via Laietana - Correus.</p> <ul class="overview__description-links-list"> <li class="overview__description-links-item"> Les hôtels 4 étoilés les plus populaires de New York: <a class="overview__description-link" href="https://empire-hotel.hotelinewyork.com/fr/">Empire Hotel,</a> <a class="overview__description-link" href="https://sofitel-new-york.hotelinewyork.com/fr/">Sofitel Hotel;</a> </li> <li class="overview__description-links-item"> Meilleur Hôtels au centre-ville à Agadir: <a class="overview__description-link" href="https://argana.hotels-agadir.com/fr/">Argana Hotel,</a> <a class="overview__description-link" href="https://iberostar-founty-beach.hotels-agadir.com/fr/">Iberostar Waves Founty Beach All Inclusive Hotel;</a> </li> <li class="overview__description-links-item"> Meilleur Stations touristiques à New York: <a class="overview__description-link" href="https://hampton-inn-times-square-central.hotelinewyork.com/fr/">Hampton Times Square Central Hotel,</a> <a class="overview__description-link" href="https://plaza.hotelinewyork.com/fr/">The Plaza Hotel;</a> </li> <li class="overview__description-links-item"> Hôtels avec le meilleur rapport qualité-prix à Marseille: <a class="overview__description-link" href="https://pullman-marseille-palm-beach.hotelmarseille.org/fr/">Nhow Hotel,</a> <a class="overview__description-link" href="https://hotel-les-bords-de-merhotel-le.hotelmarseille.org/fr/">Les Bords De Mer Hotel,</a> <a class="overview__description-link" href="https://mama-shelter-marseille.hotelmarseille.org/fr/">Mama Shelter Hotel;</a> </li> <li class="overview__description-links-item"> Meilleur Hôtels familiaux à Avignon: <a class="overview__description-link" href="https://pullman-marseille-palm-beach.hotelmarseille.org/fr/">Nhow Hotel,</a> <a class="overview__description-link" href="https://mama-shelter-marseille.hotelmarseille.org/fr/">Mama Shelter Hotel,</a> <a class="overview__description-link" href="https://le-magnan.hotelmarseille.org/fr/">Le Magnan Hotel;</a> </li> </ul> </div> <button class="overview__toggle js-sunset-overview-toggle"> <span class="overview__toggle-text overview__toggle-text--more">Plus d'informations+</span> <span class="overview__toggle-text overview__toggle-text--less">Moins-</span> </button> </div> </div> <div class="overview__right"> <div class="highlights"> <div class="highlights-review js-highlights-reviews"> <div class="highlights-review__head"> <div class="highlights-review__title">Les invités aiment</div> </div> <div class="highlights-review__slider"> <div class="highlights-review__item"> <div class="highlights-review__item-mark"><span class="big">7.0</span>/10</div> <p class="highlights-review__item-text">Une chambre extrêmement agréable avec vue sur la mer. L'emplacement est calme et parfait, à 1 km du Quartier gothique. </p> <div class="highlights-review__item-author"> <span class="highlights-review__item-author-name">Vincent</span> <span class="highlights-review__item-author-time">October 2023</span> </div> <div class="highlights-review__item-mark"><span class="big">9.2</span>/10</div> <p class="highlights-review__item-text">Service de bonne qualité, chambre extrêmement agréable et très bien entretenue si comme celle avec un balcon, de l'eau en bouteille. Le personnel très sympathique, je suis satisfaite pour mon séjour très bon. J'ai hâte d'y retourner pour une escapade en ville. </p> <div class="highlights-review__item-author"> <span class="highlights-review__item-author-name">Guillaume</span> <span class="highlights-review__item-author-time">September 2023</span> </div> </div> <button type="button" data-page="add_review" class="highlights-review__button js-tab-button js-sunset-trackevent-menu-write-review"> Tous les commentaires <svg class="icon icon-close"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#right-arrow-new"></use> </svg> </button> </div> </div> </div> </div> </div> <div class="overview-map js-overview-map"> <div class="overview-map__map js-highlights-container"> <div class="overview-map__wrapper" id="overview-map"> <div class="overview-map__panorama-btn"> <div class="panorama-btn js-virtual-modal-open" data-clickstat="open-map" > <svg class="panorama-btn__icon" width="16" height="16" > <use xlink:href="/new/designs/90/build/icons-sprite.svg#360-person"></use> </svg> <span class="panorama-btn__text">360° panorama</span> </div> </div> <button type="button" class="overview-map__button js-sunset-trackevent-small-map js-open-map-popup"> <svg> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#open-map-btn"></use> </svg> </button> </div> <div class="overview-map__locations js-highlights-attractions"> <ul class="overview-map__locations-list js-hl-attractions-list"></ul> </div> </div> <div class="overview-map__nearby nearby"> <div class="nearby__wrapper js-nearby-wrapper"> <div class="nearby__title">Comment se rendre à l'hôtel</div> <div class="nearby__content js-nearby-content"> <div class="nearby__item"> <p class="nearby__item-title">Aéroports</p> <div class="nearby__item-info"> <div class="nearby__item-key">Aéroport Josep Tarradellas Barcelone-El Prat</div> <div class="nearby__item-value">17 km</div> </div> </div> <div class="nearby__item"> <p class="nearby__item-title">Gares</p> <div class="nearby__item-info"> <div class="nearby__item-key">Estación de Francia - Rail Station</div> <div class="nearby__item-value">500 m</div> </div> </div> </div> <button class="nearby__toggle js-nearby-toggle"> <span class="nearby__toggle-text nearby__toggle-text--more">Plus d'informations+</span> <span class="nearby__toggle-text nearby__toggle-text--less">Moins-</span> </button> </div> </div> </div> <div class="facilities js-sunset-feature-scroll-point"> <div class="facilities__wrapper js-mobile-accordion"> <h2 class="facilities__title">Équipements</h2> <div class="facilities__wrapper-columns"> <div class="item facilities__item"> <h3 class="item__title"> <svg height="20" width="20" class="item__title-icon icon icon-facilities-17"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#facilities-17"></use> </svg> <span class="item__title-text"> Internet </span> </h3> <div class="item__list-wrap"> <ul class="item__list"> <li class="item__list-item"> <span class="item__list-item--text "> Wi-Fi </span> </li> </ul> </div> </div> <div class="item facilities__item"> <h3 class="item__title"> <svg height="20" width="20" class="item__title-icon icon icon-facilities-16"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#facilities-16"></use> </svg> <span class="item__title-text"> Options de stationnement </span> </h3> <div class="item__list-wrap"> <ul class="item__list"> <li class="item__list-item"> <span class="item__list-item--text item__list-item--noparcking"> Stationnement </span> </li> </ul> </div> </div> <div class="item facilities__item"> <h3 class="item__title"> <svg height="20" width="20" class="item__title-icon icon icon-facilities-1"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#facilities-1"></use> </svg> <span class="item__title-text"> Services de la propriété </span> </h3> <div class="item__list-wrap"> <ul class="item__list"> <li class="item__list-item"> <span class="item__list-item--text "> Coffre-fort </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Réception ouverte 24h sur 24 </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Sécurité 24h sur 24 </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Consigne à bagages </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Service en chambre </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Femme de ménage </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Location de voitures </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Blanchisserie </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Nettoyage à sec </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Services d'assistance de voyage/ de vente de billets </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Verre de bienvenue </span> </li> </ul> </div> </div> <div class="item facilities__item"> <h3 class="item__title"> <svg height="20" width="20" class="item__title-icon icon icon-facilities-4"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#facilities-4"></use> </svg> <span class="item__title-text"> Options de restauration </span> </h3> <div class="item__list-wrap"> <ul class="item__list"> <li class="item__list-item"> <span class="item__list-item--text "> Bar/ Coin salon </span> </li> </ul> </div> </div> <div class="item facilities__item"> <h3 class="item__title"> <svg height="20" width="20" class="item__title-icon icon icon-facilities-12"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#facilities-12"></use> </svg> <span class="item__title-text"> Dans la cuisine </span> </h3> <div class="item__list-wrap"> <ul class="item__list"> <li class="item__list-item"> <span class="item__list-item--text "> Bouilloire </span> </li> </ul> </div> </div> <div class="item facilities__item"> <h3 class="item__title"> <svg height="20" width="20" class="item__title-icon icon icon-facilities-5"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#facilities-5"></use> </svg> <span class="item__title-text"> Installations d'affaires </span> </h3> <div class="item__list-wrap"> <ul class="item__list"> <li class="item__list-item"> <span class="item__list-item--text "> Équipements pour réunion/ banquet </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Fax/photocopieur </span> </li> </ul> </div> </div> <div class="item facilities__item"> <h3 class="item__title"> <svg height="20" width="20" class="item__title-icon icon icon-facilities-7"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#facilities-7"></use> </svg> <span class="item__title-text"> Pour les enfants </span> </h3> <div class="item__list-wrap"> <ul class="item__list"> <li class="item__list-item"> <span class="item__list-item--text "> Lits d'enfants </span> </li> </ul> </div> </div> <div class="item facilities__item"> <h3 class="item__title"> <svg height="20" width="20" class="item__title-icon icon icon-facilities-9"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#facilities-9"></use> </svg> <span class="item__title-text"> Récréation </span> </h3> <div class="item__list-wrap"> <ul class="item__list"> <li class="item__list-item"> <span class="item__list-item--text "> Salle de loisirs/ TV </span> </li> </ul> </div> </div> <div class="item facilities__item"> <h3 class="item__title"> <svg height="20" width="20" class="item__title-icon icon icon-facilities-8"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#facilities-8"></use> </svg> <span class="item__title-text"> Pour les personnes handicapées </span> </h3> <div class="item__list-wrap"> <ul class="item__list"> <li class="item__list-item"> <span class="item__list-item--text "> Chambres/ Équipements pour handicapés </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Accès pour fauteuils roulants </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Toilettes pour handicapés </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Salle de bain pour handicapés </span> </li> </ul> </div> </div> <div class="item facilities__item"> <h3 class="item__title"> <svg height="20" width="20" class="item__title-icon icon icon-facilities-3"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#facilities-3"></use> </svg> <span class="item__title-text"> Dans les chambres </span> </h3> <div class="item__list-wrap"> <ul class="item__list"> <li class="item__list-item"> <span class="item__list-item--text "> Climatisation </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Chauffage </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Mini-bar </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Chambres insonorisées </span> </li> </ul> </div> </div> <div class="item facilities__item"> <h3 class="item__title"> <svg height="20" width="20" class="item__title-icon icon icon-facilities-11"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#facilities-11"></use> </svg> <span class="item__title-text"> Dans la salle de bain </span> </h3> <div class="item__list-wrap"> <ul class="item__list"> <li class="item__list-item"> <span class="item__list-item--text "> Articles de toilette gratuits </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Lavabo </span> </li> </ul> </div> </div> <div class="item facilities__item"> <h3 class="item__title"> <svg height="20" width="20" class="item__title-icon icon icon-facilities-14"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#facilities-14"></use> </svg> <span class="item__title-text"> Appareils </span> </h3> <div class="item__list-wrap"> <ul class="item__list"> <li class="item__list-item"> <span class="item__list-item--text "> TV LCD </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Réveil AM/FM </span> </li> </ul> </div> </div> <div class="item facilities__item"> <h3 class="item__title"> <svg height="20" width="20" class="item__title-icon icon icon-facilities-15"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#facilities-15"></use> </svg> <span class="item__title-text"> Design </span> </h3> <div class="item__list-wrap"> <ul class="item__list"> <li class="item__list-item"> <span class="item__list-item--text "> Parquet au sol </span> </li> </ul> </div> </div> <div class="item facilities__item"> <h3 class="item__title"> <svg height="20" width="20" class="item__title-icon icon icon-facilities-0"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#facilities-0"></use> </svg> <span class="item__title-text"> Installations générales </span> </h3> <div class="item__list-wrap"> <ul class="item__list"> <li class="item__list-item"> <span class="item__list-item--text "> Locaux non-fumeurs </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Ascenseur </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Café-restaurant </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Distributeurs automatiques </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Détecteurs de fumée </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Extincteurs d'incendie </span> </li> <li class="item__list-item"> <span class="item__list-item--text "> Accès par carte-clé </span> </li> </ul> </div> </div> <div class="item facilities__item"> <h3 class="item__title"> <svg height="20" width="20" class="item__title-icon icon icon-facilities-19"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#facilities-19"></use> </svg> <span class="item__title-text"> Animaux de compagnie </span> </h3> <div class="item__list-wrap"> <ul class="item__list"> <li class="item__list-item"> <span class="item__list-item--text "> Animaux non admis <span class="item__list-item--forbidden">!</span> </span> </li> </ul> </div> </div> </div> </div> </div> <div class="hotel-policy"> <h2 class="hotel-policy__title">Information importante</h2> <div class="hotel-policy__content"> <div data="checktime"> <div> <b>Enregistrement :</b> <span>de 15:00 jusqu'à 23:59 heures</span> </div> <div> <b>Départ :</b> <span>jusqu'à 12:00</span> </div> </div> <div data="beds"><ul><li><b>Infos lits supplémentaires</b></li><li>Il n'y a pas de place pour des lits supplémentaires dans une chambre.</li></ul></div> </div> <div class="js-important-information-container hotel-policy__border"></div> </div> </div> <script type="text/javascript"> travel.opts.map_params = { provider: '2', key: '' , lat: '41.38238', long: '2.180746' }; </script> <div class="map page js-page js-locations" data-page="map"> <div class="map__head"> <h2 class="map__title page__title">Localisation</h2> <div class="map__panorama-btn"> <div class="panorama-btn panorama-btn--dark-transparent js-virtual-modal-open" data-clickstat="open-location-page" > <svg class="panorama-btn__icon" width="16" height="16" > <use xlink:href="/new/designs/90/build/icons-sprite.svg#360-person"></use> </svg> <span class="panorama-btn__text">360° panorama</span> </div> </div> </div> <div class="map"> <div class="map__stub"> <button type="button" class="map__button js-open-map-popup js-sunset-trackevent-small-map">Voir sur la carte</button> <img class="map__background" loading="lazy" src="/new/designs/90/hotel/images/map-stub-location.51e08dfc3f997ce6a74c5f6104710004.jpg" alt="Map"> </div> </div> <div class="attraction map__attraction"> <div class="attraction-title">À proximité</div> <div class="attraction-content"> <div class="attraction-content__transport"> <div class="attraction-item attraction__item attraction__item--train"> <p class="attraction-item__title">Aéroports</p> <div class="attraction-item__info"> <div class="attraction-item__key">Aéroport Josep Tarradellas Barcelone-El Prat</div> <div class="attraction-item__value">17 km</div> </div> </div> <div class="attraction-item attraction__item attraction__item--train"> <p class="attraction-item__title">Gares</p> <div class="attraction-item__info"> <div class="attraction-item__key">Estación de Francia - Rail Station</div> <div class="attraction-item__value">500 m</div> </div> </div> </div> <div class="attraction-landmarks"> <p class="attraction-landmarks__title">Points de repère</p> <div class="attraction-landmarks__inner"> <a class="attraction-landmarks__item" href="https://www.hotelbcn-barcelona.com/fr/near-port-of-barcelona-76377/" target="_blank">Port of Barcelona</a> <a class="attraction-landmarks__item" href="https://www.hotelbcn-barcelona.com/fr/near-port-olimpic-122141/" target="_blank">Port Olimpic</a> <a class="attraction-landmarks__item" href="https://www.hotelbcn-barcelona.com/fr/near-barcelona-sants-rail-station-155953/" target="_blank">Barcelona Sants Railway Station</a> <a class="attraction-landmarks__item" href="https://www.hotelbcn-barcelona.com/fr/near-placa-catalunya-rail-station-156226/" target="_blank">Place de Catalogne</a> <a class="attraction-landmarks__item" href="https://www.hotelbcn-barcelona.com/fr/near-camp-nou-233617/" target="_blank">Spotify Camp Nou</a> <a class="attraction-landmarks__item" href="https://www.hotelbcn-barcelona.com/fr/near-estacio-de-franca-railway-station-357601/" target="_blank">Gare de Barcelone-França</a> </div> </div> </div> </div> <div class="attraction-nearby js-attractions"> <div class="attraction-nearby__loader js-attractions-loader"></div> <h2 class="attraction-nearby__title js-title" data-href="attraction">Attractions à proximité</h2> <div class="attraction-nearby__slider-wrapper js-attraction-slider-wrapper" data-more="Montrer encore" data-less="Cacher"> <div class="attraction-nearby__slider js-attractions-slider js-carousel"></div> <div class="attraction-nearby__slider-nav"> <div class="attraction-nearby__toggle attraction-nearby__toggle--prev js-prev" title="Précédent"> <svg height="20" width="20" class="icon"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#carousel-arrow"></use> </svg> </div> <div class="attraction-nearby__toggle attraction-nearby__toggle--next js-next" title="Suivant"> <svg height="20" width="20" class="icon"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#carousel-arrow-r"></use> </svg> </div> </div> </div> </div> <div class="restaurants restaurants-nearby js-restaurants"> <div class="restaurants-nearby__loader js-restaurants-loader"></div> <h2 class="restaurants-nearby__title">Restaurants à proximité</h2> <div class="restaurants-nearby__slider-wrapper"> <div class="restaurants-nearby__slider js-restaurants-slider"></div> <div class="restaurants-nearby__slider-nav"> <div class="restaurants-nearby__toggle restaurants-nearby__toggle--prev js-prev" title="Précédent"> <svg height="20" width="20" class="icon"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#carousel-arrow"></use> </svg> </div> <div class="restaurants-nearby__toggle restaurants-nearby__toggle--next js-next" title="Suivant"> <svg height="20" width="20" class="icon"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#carousel-arrow-r"></use> </svg> </div> </div> </div> </div> </div> <div class="rooms js-page js-hotel-description js-trackevent-sunset-room-gallery" data-page="rooms"> <h2 class="rooms__title page__title">Chambres et disponibilités</h2> <div class="rooms__description"> Les chambres sont équipées d'un bureau, ainsi que des fenêtres insonorisées pour le confort des clients. Les divertissements dans la chambre comprennent une TV à écran plat avec des chaînes satellite, tandis que des équipements tels que de la climatisation sont également fournis. Dotées d'une douche à l'italienne et d'une toilette séparée, les salles de bains sont également équipées d'un sèche-cheveux et d'un bonnet de douche. </div> <form method="post" id="form_result" name="form_result" action="/fr/rooms/"> <input id="page" type="hidden" name="page" value="search_list_multibook"/> <input id="jid" type="hidden" name="" value=""/> <input id="lang" type="hidden" name="lang" value="3"/> <input id="curr" type="hidden" name="currency" value="1"/> <input id="h" type="hidden" name="h" value="326393"/> <input id="u" type="hidden" name="u" value="0"/> </form> <div class="rooms__result js-rooms-cont"> <p class="message message--error"> <svg class="message__icon icon icon-sunset-alert-icon"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#sunset-alert-icon"></use> </svg> <span class="message__text">Choisissez vos dates du séjour pour vérifier la disponibilité.</span> </p> </div> <div id="splash" style="display: none"> <div class="progressbar"> <div class="js-rooms"> <div class="progressbar__title">Vérification des chambres disponibles</div> <p class="progressbar__text">Recherchez une chambre…</p> </div> <div class="js-hotels" style="display: none"> <div class="progressbar__title">Vérifier les hôtels disponibles</div> <p class="progressbar__text">Recherche des hôtels…</p> </div> <div class="progressbar__animation"> <div id="ballsWaveG"> <div id="ballsWaveG_1" class="ballsWaveG"></div> <div id="ballsWaveG_2" class="ballsWaveG"></div> <div id="ballsWaveG_3" class="ballsWaveG"></div> <div id="ballsWaveG_4" class="ballsWaveG"></div> <div id="ballsWaveG_5" class="ballsWaveG"></div> <div id="ballsWaveG_6" class="ballsWaveG"></div> <div id="ballsWaveG_7" class="ballsWaveG"></div> <div id="ballsWaveG_8" class="ballsWaveG"></div> </div> </div> </div> </div> </div> <div class="all-photo js-page" data-page="photo"> <h2 class="all-photo__title page__title">Galerie</h2> <div class="all-photo__content"> <div class="all-photo__photos photo js-main-gallery"> <div class="all-photo__column js-main-gallery-column all-photo__column--0 with-panorama"> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422831/hotel-colonial-barcelona-img-1.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422831/hotel-colonial-barcelona-img-1.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/12730/1273098/1273098565/hotel-colonial-barcelona-img-2.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/12730/1273098/1273098565/hotel-colonial-barcelona-img-2.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/12730/1273099/1273099186/hotel-colonial-barcelona-img-3.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/12730/1273099/1273099186/hotel-colonial-barcelona-img-3.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/12730/1273099/1273099564/hotel-colonial-barcelona-img-4.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/12730/1273099/1273099564/hotel-colonial-barcelona-img-4.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893378/hotel-colonial-barcelona-img-5.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/16298/1629893/1629893378/hotel-colonial-barcelona-img-5.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893379/hotel-colonial-barcelona-img-6.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/16298/1629893/1629893379/hotel-colonial-barcelona-img-6.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893381/hotel-colonial-barcelona-img-7.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/16298/1629893/1629893381/hotel-colonial-barcelona-img-7.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893385/hotel-colonial-barcelona-img-8.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/16298/1629893/1629893385/hotel-colonial-barcelona-img-8.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893386/hotel-colonial-barcelona-img-9.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/16298/1629893/1629893386/hotel-colonial-barcelona-img-9.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893387/hotel-colonial-barcelona-img-10.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/16298/1629893/1629893387/hotel-colonial-barcelona-img-10.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893388/hotel-colonial-barcelona-img-11.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/16298/1629893/1629893388/hotel-colonial-barcelona-img-11.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893390/hotel-colonial-barcelona-img-12.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/16298/1629893/1629893390/hotel-colonial-barcelona-img-12.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/16197/1619759/1619759958/hotel-colonial-barcelona-img-13.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/16197/1619759/1619759958/hotel-colonial-barcelona-img-13.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/16197/1619759/1619759949/hotel-colonial-barcelona-img-14.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/16197/1619759/1619759949/hotel-colonial-barcelona-img-14.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/16197/1619759/1619759954/hotel-colonial-barcelona-img-15.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/16197/1619759/1619759954/hotel-colonial-barcelona-img-15.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/16197/1619759/1619759956/hotel-colonial-barcelona-img-16.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/16197/1619759/1619759956/hotel-colonial-barcelona-img-16.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/16197/1619759/1619759959/hotel-colonial-barcelona-img-17.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/16197/1619759/1619759959/hotel-colonial-barcelona-img-17.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422521/hotel-colonial-barcelona-img-18.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422521/hotel-colonial-barcelona-img-18.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422541/hotel-colonial-barcelona-img-19.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422541/hotel-colonial-barcelona-img-19.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422547/hotel-colonial-barcelona-img-20.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422547/hotel-colonial-barcelona-img-20.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422609/hotel-colonial-barcelona-img-21.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422609/hotel-colonial-barcelona-img-21.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422617/hotel-colonial-barcelona-img-22.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422617/hotel-colonial-barcelona-img-22.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422645/hotel-colonial-barcelona-img-23.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422645/hotel-colonial-barcelona-img-23.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422647/hotel-colonial-barcelona-img-24.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422647/hotel-colonial-barcelona-img-24.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422649/hotel-colonial-barcelona-img-25.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422649/hotel-colonial-barcelona-img-25.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422733/hotel-colonial-barcelona-img-26.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422733/hotel-colonial-barcelona-img-26.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893389/hotel-colonial-barcelona-img-27.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/16298/1629893/1629893389/hotel-colonial-barcelona-img-27.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893382/hotel-colonial-barcelona-img-28.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/16298/1629893/1629893382/hotel-colonial-barcelona-img-28.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893392/hotel-colonial-barcelona-img-29.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/16298/1629893/1629893392/hotel-colonial-barcelona-img-29.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422507/hotel-colonial-barcelona-img-30.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422507/hotel-colonial-barcelona-img-30.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893380/hotel-colonial-barcelona-img-31.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/16298/1629893/1629893380/hotel-colonial-barcelona-img-31.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/16197/1619759/1619759951/hotel-colonial-barcelona-img-32.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/16197/1619759/1619759951/hotel-colonial-barcelona-img-32.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/12730/1273096/1273096711/hotel-colonial-barcelona-img-33.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/12730/1273096/1273096711/hotel-colonial-barcelona-img-33.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/12730/1273098/1273098496/hotel-colonial-barcelona-img-34.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/12730/1273098/1273098496/hotel-colonial-barcelona-img-34.JPEG" class="photo__image"> </div> </div> <div class="all-photo__column js-main-gallery-column all-photo__column--1 with-panorama"> <div class="photo__item"> <div class="photo__overlay"> <div class="panorama-entry js-virtual-modal-open" data-clickstat="open-gallery-page"> <img class="panorama-entry__bg" src="/new/designs/90/build/images/panorama-background-xl.jpg" alt=""> <svg class="panorama-entry__icon" width="14" height="18" class="icon"> <use xlink:href="/new/designs/90/build/icons-sprite.svg#360-person"></use> </svg> <div class="panorama-entry__btn">360° panorama</div> </div> </div> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/12730/1273096/1273096300/hotel-colonial-barcelona-img-35.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/12730/1273096/1273096300/hotel-colonial-barcelona-img-35.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422573/hotel-colonial-barcelona-img-36.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422573/hotel-colonial-barcelona-img-36.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893383/hotel-colonial-barcelona-img-37.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/16298/1629893/1629893383/hotel-colonial-barcelona-img-37.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422637/hotel-colonial-barcelona-img-38.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422637/hotel-colonial-barcelona-img-38.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893384/hotel-colonial-barcelona-img-39.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/16298/1629893/1629893384/hotel-colonial-barcelona-img-39.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/12730/1273099/1273099120/hotel-colonial-barcelona-img-40.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/12730/1273099/1273099120/hotel-colonial-barcelona-img-40.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/12730/1273099/1273099333/hotel-colonial-barcelona-img-41.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/12730/1273099/1273099333/hotel-colonial-barcelona-img-41.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/12730/1273097/1273097281/hotel-colonial-barcelona-img-42.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/12730/1273097/1273097281/hotel-colonial-barcelona-img-42.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422555/hotel-colonial-barcelona-img-43.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422555/hotel-colonial-barcelona-img-43.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/12730/1273097/1273097323/hotel-colonial-barcelona-img-44.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/12730/1273097/1273097323/hotel-colonial-barcelona-img-44.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422515/hotel-colonial-barcelona-img-45.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422515/hotel-colonial-barcelona-img-45.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422503/hotel-colonial-barcelona-img-46.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422503/hotel-colonial-barcelona-img-46.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422527/hotel-colonial-barcelona-img-47.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422527/hotel-colonial-barcelona-img-47.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/12730/1273096/1273096027/hotel-colonial-barcelona-img-48.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/12730/1273096/1273096027/hotel-colonial-barcelona-img-48.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422563/hotel-colonial-barcelona-img-49.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422563/hotel-colonial-barcelona-img-49.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422589/hotel-colonial-barcelona-img-50.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422589/hotel-colonial-barcelona-img-50.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/12730/1273098/1273098310/hotel-colonial-barcelona-img-51.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/12730/1273098/1273098310/hotel-colonial-barcelona-img-51.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422655/hotel-colonial-barcelona-img-52.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422655/hotel-colonial-barcelona-img-52.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422769/hotel-colonial-barcelona-img-53.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422769/hotel-colonial-barcelona-img-53.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422599/hotel-colonial-barcelona-img-54.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422599/hotel-colonial-barcelona-img-54.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422691/hotel-colonial-barcelona-img-55.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422691/hotel-colonial-barcelona-img-55.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422615/hotel-colonial-barcelona-img-56.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422615/hotel-colonial-barcelona-img-56.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/16298/1629893/1629893391/hotel-colonial-barcelona-img-57.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/16298/1629893/1629893391/hotel-colonial-barcelona-img-57.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422701/hotel-colonial-barcelona-img-58.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422701/hotel-colonial-barcelona-img-58.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15854/1585454/1585454448/hotel-colonial-barcelona-img-59.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15854/1585454/1585454448/hotel-colonial-barcelona-img-59.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15854/1585454/1585454560/hotel-colonial-barcelona-img-60.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15854/1585454/1585454560/hotel-colonial-barcelona-img-60.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15854/1585454/1585454604/hotel-colonial-barcelona-img-61.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15854/1585454/1585454604/hotel-colonial-barcelona-img-61.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/16322/1632201/1632201986/hotel-colonial-barcelona-img-62.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/16322/1632201/1632201986/hotel-colonial-barcelona-img-62.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15854/1585454/1585454821/hotel-colonial-barcelona-img-63.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15854/1585454/1585454821/hotel-colonial-barcelona-img-63.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/16322/1632201/1632201957/hotel-colonial-barcelona-img-64.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/16322/1632201/1632201957/hotel-colonial-barcelona-img-64.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/3072/307263/307263104/hotel-colonial-barcelona-img-65.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/3072/307263/307263104/hotel-colonial-barcelona-img-65.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/6046/604698/604698783/hotel-colonial-barcelona-img-66.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/6046/604698/604698783/hotel-colonial-barcelona-img-66.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/9981/998127/998127363/hotel-colonial-barcelona-img-67.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/9981/998127/998127363/hotel-colonial-barcelona-img-67.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/8323/832351/832351994/hotel-colonial-barcelona-img-68.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/8323/832351/832351994/hotel-colonial-barcelona-img-68.JPEG" class="photo__image"> </div> </div> <div class="all-photo__column js-main-gallery-column all-photo__column--2 with-panorama"> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/6833/683334/683334582/hotel-colonial-barcelona-img-69.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/6833/683334/683334582/hotel-colonial-barcelona-img-69.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/8323/832352/832352003/hotel-colonial-barcelona-img-70.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/8323/832352/832352003/hotel-colonial-barcelona-img-70.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/12730/1273099/1273099027/hotel-colonial-barcelona-img-71.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/12730/1273099/1273099027/hotel-colonial-barcelona-img-71.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15854/1585454/1585454407/hotel-colonial-barcelona-img-72.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15854/1585454/1585454407/hotel-colonial-barcelona-img-72.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/8323/832352/832352264/hotel-colonial-barcelona-img-73.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/8323/832352/832352264/hotel-colonial-barcelona-img-73.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/8323/832352/832352888/hotel-colonial-barcelona-img-74.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/8323/832352/832352888/hotel-colonial-barcelona-img-74.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15854/1585454/1585454774/hotel-colonial-barcelona-img-75.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15854/1585454/1585454774/hotel-colonial-barcelona-img-75.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15854/1585454/1585454836/hotel-colonial-barcelona-img-76.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15854/1585454/1585454836/hotel-colonial-barcelona-img-76.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/6046/604698/604698759/hotel-colonial-barcelona-img-77.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/6046/604698/604698759/hotel-colonial-barcelona-img-77.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/6046/604698/604698744/hotel-colonial-barcelona-img-78.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/6046/604698/604698744/hotel-colonial-barcelona-img-78.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/12730/1273097/1273097407/hotel-colonial-barcelona-img-79.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/12730/1273097/1273097407/hotel-colonial-barcelona-img-79.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/3072/307263/307263128/hotel-colonial-barcelona-img-80.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/3072/307263/307263128/hotel-colonial-barcelona-img-80.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/6833/683333/683333901/hotel-colonial-barcelona-img-81.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/6833/683333/683333901/hotel-colonial-barcelona-img-81.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/6833/683333/683333244/hotel-colonial-barcelona-img-82.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/6833/683333/683333244/hotel-colonial-barcelona-img-82.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/6833/683335/683335344/hotel-colonial-barcelona-img-83.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/6833/683335/683335344/hotel-colonial-barcelona-img-83.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422611/hotel-colonial-barcelona-img-84.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422611/hotel-colonial-barcelona-img-84.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/6833/683333/683333967/hotel-colonial-barcelona-img-85.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/6833/683333/683333967/hotel-colonial-barcelona-img-85.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/6833/683335/683335308/hotel-colonial-barcelona-img-86.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/6833/683335/683335308/hotel-colonial-barcelona-img-86.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/12730/1273098/1273098718/hotel-colonial-barcelona-img-87.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/12730/1273098/1273098718/hotel-colonial-barcelona-img-87.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/6833/683335/683335152/hotel-colonial-barcelona-img-88.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/6833/683335/683335152/hotel-colonial-barcelona-img-88.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/6833/683335/683335239/hotel-colonial-barcelona-img-89.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/6833/683335/683335239/hotel-colonial-barcelona-img-89.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/3072/307263/307263120/hotel-colonial-barcelona-img-90.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/3072/307263/307263120/hotel-colonial-barcelona-img-90.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422437/hotel-colonial-barcelona-img-91.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422437/hotel-colonial-barcelona-img-91.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/6833/683335/683335467/hotel-colonial-barcelona-img-92.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/6833/683335/683335467/hotel-colonial-barcelona-img-92.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/6833/683335/683335626/hotel-colonial-barcelona-img-93.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/6833/683335/683335626/hotel-colonial-barcelona-img-93.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422601/hotel-colonial-barcelona-img-94.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422601/hotel-colonial-barcelona-img-94.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/6833/683335/683335281/hotel-colonial-barcelona-img-95.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/6833/683335/683335281/hotel-colonial-barcelona-img-95.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/6833/683335/683335656/hotel-colonial-barcelona-img-96.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/6833/683335/683335656/hotel-colonial-barcelona-img-96.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15804/1580422/1580422551/hotel-colonial-barcelona-img-97.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15804/1580422/1580422551/hotel-colonial-barcelona-img-97.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/6833/683335/683335179/hotel-colonial-barcelona-img-98.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/6833/683335/683335179/hotel-colonial-barcelona-img-98.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/15854/1585454/1585454786/hotel-colonial-barcelona-img-99.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/15854/1585454/1585454786/hotel-colonial-barcelona-img-99.JPEG" class="photo__image"> </div> <div class="photo__item js-main-gallery-item" data-src="/data/Imgs/OriginalPhoto/291/29131/29131070/hotel-colonial-barcelona-img-100.JPEG" data-fancybox="sunset-gallery-all-photo"> <img loading="lazy" src="/data/Imgs/700x500w/291/29131/29131070/hotel-colonial-barcelona-img-100.JPEG" class="photo__image"> </div> </div> </div> <div class="all-photo__more js-main-gallery-more">Montrer encore</div> </div> </div> <div class="js-page" data-page="add_review"> <div class="reviews js-our-reviews"> <div class="reviews__head"> <div class="reviews__head-line reviews__head-line--top"> <h2 class="reviews__title">Commentaires</h2> <p class="reviews__subtitle">Vous trouverez ici les avis vérifiés de nos utilisateurs publiés sur ce site</p> <div class="reviews__add-btn js-add-review-open"> <svg width="20" height="20" class="icon icon-h3-add-review"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#h3-add-review"></use> </svg> <span>Laisser un commentaire</span> </div> </div> <div class="reviews__head-line"> </div> </div> <div class="reviews__inner"> <div class="reviews__item review js-our-reviews-pagination-item"> <div class="review__left"> <div class="review__logo"> <span class="review__initials"> V </span> <div class="review__logo-bg"> <img src="/new/designs/90/hotel/images/flags/fr.svg" alt="fr" width="50px" height="50px" > </div> <img class="review__flag" src="/new/designs/90/hotel/images/flags/fr.svg" alt="fr" width="50px" height="50px"> </div> <div class="review__info"> <p class="review__name">Vanessa</p> <p class="review__date">2023-09-23 </p> </div> </div> <div class="review__rating"> <b>9</b>/10 </div> <div class="review__content"> <p class="review__text review__text--positive">L'hôtel était parfait, la chambre était énorme et moderne, tout pour un séjour vraiment cool. Le personnel a été très serviable avec nos demandes. Ambiance calme au centre-ville. J'ai visité "Sagardi Bcn Gotic", situé près de l'hôtel. Situé à quelques pas de la station de métro, à 300 mètres. </p> </div> </div> <div class="reviews__item review js-our-reviews-pagination-item"> <div class="review__left"> <div class="review__logo"> <span class="review__initials"> A </span> <div class="review__logo-bg"> <img src="/new/designs/90/hotel/images/flags/fr.svg" alt="fr" width="50px" height="50px" > </div> <img class="review__flag" src="/new/designs/90/hotel/images/flags/fr.svg" alt="fr" width="50px" height="50px"> </div> <div class="review__info"> <p class="review__name">Arthur</p> <p class="review__date">2023-09-22 </p> </div> </div> <div class="review__rating"> <b>8</b>/10 </div> <div class="review__content"> <p class="review__text review__text--positive">La chambre était rénovée et sans tache avec 2 lits jumeaux, le personnel était incroyablement gentil. L'hôtel est situé au centre-ville et près du Quartier de la Ribera. Il y avait des restaurants et des cafés près de l'hôtel. </p> </div> </div> <div class="reviews__item review js-our-reviews-pagination-item"> <div class="review__left"> <div class="review__logo"> <span class="review__initials"> P </span> <div class="review__logo-bg"> <img src="/new/designs/90/hotel/images/flags/fr.svg" alt="fr" width="50px" height="50px" > </div> <img class="review__flag" src="/new/designs/90/hotel/images/flags/fr.svg" alt="fr" width="50px" height="50px"> </div> <div class="review__info"> <p class="review__name">Philippe</p> <p class="review__date">2023-08-04 </p> </div> </div> <div class="review__rating"> <b>7</b>/10 </div> <div class="review__content"> <p class="review__text review__text--positive">La chambre avec un balcon. </p> </div> </div> <div class="reviews__item review js-our-reviews-pagination-item"> <div class="review__left"> <div class="review__logo"> <span class="review__initials"> K </span> <div class="review__logo-bg"> <img src="/new/designs/90/hotel/images/flags/fr.svg" alt="fr" width="50px" height="50px" > </div> <img class="review__flag" src="/new/designs/90/hotel/images/flags/fr.svg" alt="fr" width="50px" height="50px"> </div> <div class="review__info"> <p class="review__name">Karl</p> <p class="review__date">2023-08-01 </p> </div> </div> <div class="review__rating"> <b>8</b>/10 </div> <div class="review__content"> <p class="review__text review__text--positive">Un mini-réfrigérateur, un lit d'appoint et un balcon sont disponibles dans chambre double. C'est dans une position au centre. Zone particulièrement agréable, et une vue sensationnelle. </p> </div> </div> <div class="reviews__item review js-our-reviews-pagination-item"> <div class="review__left"> <div class="review__logo"> <span class="review__initials"> M </span> <div class="review__logo-bg"> <img src="/new/designs/90/hotel/images/flags/fr.svg" alt="fr" width="50px" height="50px" > </div> <img class="review__flag" src="/new/designs/90/hotel/images/flags/fr.svg" alt="fr" width="50px" height="50px"> </div> <div class="review__info"> <p class="review__name">Michael</p> <p class="review__date">2023-07-13 </p> </div> </div> <div class="review__rating"> <b>9</b>/10 </div> <div class="review__content"> <p class="review__text review__text--positive">L'hôtel est parfait et son emplacement est calme et parfait. Les chambres sont neuves, avec des vues fantastiques! Un bon choix de produits au petit déjeuner gratuit et très bon. </p> </div> </div> <div class="reviews__item review js-our-reviews-pagination-item"> <div class="review__left"> <div class="review__logo"> <span class="review__initials"> P </span> <div class="review__logo-bg"> <img src="/new/designs/90/hotel/images/flags/fr.svg" alt="fr" width="50px" height="50px" > </div> <img class="review__flag" src="/new/designs/90/hotel/images/flags/fr.svg" alt="fr" width="50px" height="50px"> </div> <div class="review__info"> <p class="review__name">Pierre</p> <p class="review__date">2023-06-24 </p> </div> </div> <div class="review__rating"> <b>8</b>/10 </div> <div class="review__content"> <p class="review__text review__text--positive">Dans ma chambre très bien entretenue il y avait une climatisation, un coffre privé et une TV multi-canal. </p> </div> </div> <div class="reviews__item review js-our-reviews-pagination-item"> <div class="review__left"> <div class="review__logo"> <span class="review__initials"> C </span> <div class="review__logo-bg"> <img src="/new/designs/90/hotel/images/flags/fr.svg" alt="fr" width="50px" height="50px" > </div> <img class="review__flag" src="/new/designs/90/hotel/images/flags/fr.svg" alt="fr" width="50px" height="50px"> </div> <div class="review__info"> <p class="review__name">Christine</p> <p class="review__date">2023-05-28 </p> </div> </div> <div class="review__rating"> <b>10</b>/10 </div> <div class="review__content"> <p class="review__text review__text--positive">J'ai adoré la vue magnifique sur les bâtiments historiques depuis ma chambre, qui ressemblait exactement à la photo. De plus, l'hôtel était très bien situé, à proximité de nombreuses attractions, du port et même de la plage. Cela rendait les déplacements très faciles et pratiques. De plus, le petit déjeuner était délicieux, avec un large choix comprenant bacon, saucisses, œufs, fruits. Enfin, le personnel de l'hôtel était incroyable, toujours souriant, serviable et faisant tout son possible pour rendre mon séjour agréable.</p> <p class="review__text review__text--negative">Rien.</p> </div> </div> <div class="reviews__item review js-our-reviews-pagination-item"> <div class="review__left"> <div class="review__logo"> <span class="review__initials"> A </span> <div class="review__logo-bg"> <img src="/new/designs/90/hotel/images/flags/fr.svg" alt="fr" width="50px" height="50px" > </div> <img class="review__flag" src="/new/designs/90/hotel/images/flags/fr.svg" alt="fr" width="50px" height="50px"> </div> <div class="review__info"> <p class="review__name">Ange</p> <p class="review__date">2023-05-01 </p> </div> </div> <div class="review__rating"> <b>9</b>/10 </div> <div class="review__content"> <p class="review__text review__text--positive">La situation entre mer et centre ville. La propreté et la volonté de service du personnel. La qualité de la literie et des matériaux de décoration. L'amabilité et disponibilité du personnel. Le décor colonial de la réception. Un hôtel très calme et confortable. Personnel chaleureux. L'hôtel est très bien situé.</p> <p class="review__text review__text--negative">Rien ne m'a déplu pour être honnête.</p> </div> </div> <div class="reviews__item review js-our-reviews-pagination-item"> <div class="review__left"> <div class="review__logo"> <span class="review__initials"> J </span> <div class="review__logo-bg"> <img src="/new/designs/90/hotel/images/flags/fr.svg" alt="fr" width="50px" height="50px" > </div> <img class="review__flag" src="/new/designs/90/hotel/images/flags/fr.svg" alt="fr" width="50px" height="50px"> </div> <div class="review__info"> <p class="review__name">Jean-Paul</p> <p class="review__date">2023-03-17 </p> </div> </div> <div class="review__rating"> <b>9</b>/10 </div> <div class="review__content"> <p class="review__text review__text--positive">L'emplacement de l'hôtel est idéal, proche du centre-ville et à proximité de la plage, des commerces, des bars et des restaurants animés. De plus, l'hôtel offre une vue imprenable sur la cathédrale. La chambre était propre et bien entretenue, avec un lit confortable. Le personnel était aimable, serviable et attentif à nos besoins. Le petit-déjeuner était varié et délicieux, avec de nombreux choix. De plus, la terrasse était agréable pour se détendre après une journée de découverte de la ville.</p> <p class="review__text review__text--negative">Il y avait un peu de bruit provenant de l'extérieur de l'hôtel, ce qui pourrait déranger les personnes sensibles au bruit.</p> </div> </div> </div> <div class="reviews__pagination js-our-reviews-pagination"></div> </div> <div class="reviews__popup reviews-popup js-add-review-popup"> <div class="reviews-popup__inner"> <form class="reviews-popup__add-review add-review js-add-review-form js-popup-content js-trackevent-add-review-form" id="form-review" action="/"> <input type="hidden" name="page" value="add_review" /> <input type="hidden" name="bid" value="0" /> <input type="hidden" name="rok33ejqm" value="90be8669656a7ce83cbf2e78df4c3f4e" /> <input type="hidden" name="r_type" value="ajax" /> <div class="add-review__head"> <p class="add-review__title">Laisser un commentaire</p> <svg height="20" width="20" class="add-review__close icon icon-close js-popup-close-btn"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#close"></use> </svg> </div> <div class="add-review__feedback add-review-feedback"> <p class="add-review-feedback__title">Quelle est votre impression sur cette propriété ?</p> <div class="add-review-feedback__item"> <div class="add-review-feedback__name"> <svg height="20" width="20" class="add-review-feedback__icon add-review-feedback__icon--pros icon icon-h3-review-pros"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#h3-review-pros"></use> </svg> <p class="add-review-feedback__text">Pour</p> </div> <textarea class="add-review-feedback__textarea add-review__input js-area-field" id="f_review" name="f_review" placeholder="Écrivez votre avis ici..." rows="4"></textarea> <input type="text" name="f_message2" value=""> </div> <div class="add-review-feedback__open add-review__input js-add-review-cons-open"> <span>+</span> Ajoutez des conseils sur ce qui doit être amélioré </div> <div class="add-review-feedback__item add-review-feedback__item--cons js-add-review-cons"> <div class="add-review-feedback__name"> <svg height="20" width="20" class="add-review-feedback__icon add-review-feedback__icon--cons icon icon-h3-review-cons"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#h3-review-cons"></use> </svg> <p class="add-review-feedback__text">Contre</p> </div> <textarea class="add-review-feedback__textarea add-review__input js-area-field" id="f_review_cons" name="f_review_cons" placeholder="Écrivez votre avis ici..." rows="4"></textarea> </div> </div> <div class="add-review__date add-review-date"> <p class="add-review-date__title">Quand y avez-vous séjourné ?</p> <div class="add-review-date__inner"> <div class="add-review-date__item add-review-date__item--month"> <select class="add-review-date__input add-review__input add-review__input--select js-add-review-select error" id="f_month" name="f_month"> <option class="add-review__option" value="">Mois</option> <option class="add-review__option" value="1">Janvier</option> <option class="add-review__option" value="2">Février</option> <option class="add-review__option" value="3">Mars</option> <option class="add-review__option" value="4">Avril</option> <option class="add-review__option" value="5">Mai</option> <option class="add-review__option" value="6">Juin</option> <option class="add-review__option" value="7">Juillet</option> <option class="add-review__option" value="8">Août</option> <option class="add-review__option" value="9">Septembre</option> <option class="add-review__option" value="10">Octobre</option> <option class="add-review__option" value="11">Novembre</option> <option class="add-review__option" value="12">Décembre</option> </select> </div> <div class="add-review-date__item"> <select class="add-review-date__input add-review__input add-review__input--select js-add-review-select error" id="f_year" name="f_year"> <option value="" class="add-review__option">Année</option> <option class="add-review__option" value="2025">2025</option> <option class="add-review__option" value="2024">2024</option> </select> </div> </div> </div> <div class="add-review__rating add-review-rating"> <p class="add-review-rating__title">Votre point de note</p> <div class="add-review-rating__inner js-add-review-marks"> <input class="add-review-rating__input js-add-review-input" id="add-review-rating-radio1" type="radio" name="f_rating" value="1"> <div class="add-review-rating__mark js-add-review-mark" data-rating-input="add-review-rating-radio1" data-rating="1">1</div> <input class="add-review-rating__input js-add-review-input" id="add-review-rating-radio2" type="radio" name="f_rating" value="2"> <div class="add-review-rating__mark js-add-review-mark" data-rating-input="add-review-rating-radio2" data-rating="2">2</div> <input class="add-review-rating__input js-add-review-input" id="add-review-rating-radio3" type="radio" name="f_rating" value="3"> <div class="add-review-rating__mark js-add-review-mark" data-rating-input="add-review-rating-radio3" data-rating="3">3</div> <input class="add-review-rating__input js-add-review-input" id="add-review-rating-radio4" type="radio" name="f_rating" value="4"> <div class="add-review-rating__mark js-add-review-mark" data-rating-input="add-review-rating-radio4" data-rating="4">4</div> <input class="add-review-rating__input js-add-review-input" id="add-review-rating-radio5" type="radio" name="f_rating" value="5"> <div class="add-review-rating__mark js-add-review-mark" data-rating-input="add-review-rating-radio5" data-rating="5">5</div> <input class="add-review-rating__input js-add-review-input" id="add-review-rating-radio6" type="radio" name="f_rating" value="6"> <div class="add-review-rating__mark js-add-review-mark" data-rating-input="add-review-rating-radio6" data-rating="6">6</div> <input class="add-review-rating__input js-add-review-input" id="add-review-rating-radio7" type="radio" name="f_rating" value="7"> <div class="add-review-rating__mark js-add-review-mark" data-rating-input="add-review-rating-radio7" data-rating="7">7</div> <input class="add-review-rating__input js-add-review-input" id="add-review-rating-radio8" type="radio" name="f_rating" value="8"> <div class="add-review-rating__mark js-add-review-mark" data-rating-input="add-review-rating-radio8" data-rating="8">8</div> <input class="add-review-rating__input js-add-review-input" id="add-review-rating-radio9" type="radio" name="f_rating" value="9"> <div class="add-review-rating__mark js-add-review-mark" data-rating-input="add-review-rating-radio9" data-rating="9">9</div> <input class="add-review-rating__input js-add-review-input" id="add-review-rating-radio10" type="radio" name="f_rating" value="10"> <div class="add-review-rating__mark js-add-review-mark" data-rating-input="add-review-rating-radio10" data-rating="10">10</div> </div> <div class="add-review-rating__status"> <span class="add-review-rating__status-text">Très mauvais</span> <div class="add-review-rating__status-emoji js-add-review-mark-emoji"></div> <span class="add-review-rating__status-text add-review-rating__status-text--max">Excellent</span> </div> </div> <div class="add-review__info add-review-info"> <p class="add-review-info__title">Vos détails</p> <div class="add-review-info__inner"> <div class="add-review-info__item add-review-info__item--name" > <input class="add-review__input" id="f_name" name="f_name" placeholder="Nom"> </div> <div class="add-review-info__item"> <input class="add-review__input" id="f_email" name="f_email" placeholder="E-mail"> </div> </div> </div> <div class="add-review__country add-review-country"> <span class="add-review-country__title">D'où êtes-vous ?</span> <div class="add-review-country__enter js-add-review-country-enter" tabindex="0"> <input class="add-review__input add-review-country__input js-add-review-country-ui-input" value="" autocomplete="off" name="f_country_ui" placeholder="Pays"> <input class="js-add-review-country-input" name="f_country_id" type="hidden"> <div class="add-review-country__hints js-add-review-country-hints"></div> </div> </div> <div class="add-review__bottom"> <input class="add-review__btn" type="submit" value="Envoyez un avis" /> </div> <div class="add-review__loading add-review-loading js-add-review-loading"> <svg height="20" width="20" class="add-review-loading__img icon icon-add-review-loading"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#add-review-loading"></use> </svg> </div> </form> </div> </div> <div class="reviews__popup-success add-review-success js-add-review-success-popup"> <div class="add-review-success__inner js-popup-content"> <svg height="20" width="20" class="add-review-success__close icon icon-close js-popup-close-btn"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#close"></use> </svg> <img height="20" width="20" class="add-review-success__img" src="/new/designs/90/hotel/images/add-review-send.svg" alt=""> <span class="add-review-success__title">Merci !</span> <span class="add-review-success__text">Merci d'avoir pris le temps de partager votre expérience. Votre avis sera publié prochainement.</span> <div class="add-review-success__btn js-popup-close-btn">Aller aux commentaires</div> </div> </div> <div class="reviews__popup-error add-review-error js-add-review-error-popup"> <div class="add-review-error__inner js-popup-content"> <svg height="20" width="20" class="add-review-error__close icon icon-close js-popup-close-btn"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#close"></use> </svg> <svg height="20" width="20" class="add-review-error__img icon icon-add-review-error"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#add-review-error"></use> </svg> <span class="add-review-error__title">L'avis n'a pas été envoyé.</span> </div> </div> </div> <div class="contact js-page" data-page="contact"> <h2 class="contact__title page__title">Contactez-nous</h2> <div class="group contact__group"> <div class="group__wrap"> <div class="group__text">Si vous avez besoin de plus de 4 chambres, veuillez <a class="js-link-groupbooking" href="#">demander une réservation de groupe.</a></div> </div> </div> <div class="contact__content"> <form class="contact-form js-trackevent-contact-form js-have-redirect-to-gb js-contact-us-form" id="form-feedback" method="post" action="#contact"> <div class="contact-form__left"> <div class="contact-form-block contact-form__block"> <div class="contact-form-block__title">Vos détails</div> <div class="contact-form-block__content"> <div class="contact-form-block__item"> <input type="text" id="f_name" name="f_name" class="contact-form-block__field" placeholder="Nom:"> </div> <div class="contact-form-block__item"> <input type="text" id="f_email" name="f_email" class="contact-form-block__field" placeholder="Email:"> </div> </div> </div> <div class="contact-form-block contact-form__block contact-form__block--subject"> <div class="contact-form-block__title">Objet</div> <div class="contact-form-block__content"> <div class="contact-form-block__item"> <select id="f_subject" name="f_subject" class="contact-form-block__field contact-form-block__select"> <option value="" selected="selected">Choisissez le sujet…</option> <option value="15">Êtes-vous un propriétaire qui a besoin d'aide ?</option> <option value="1">Modifier la réservation</option> <option value="2">Annuler la réservation</option> <option value="7">Je n'ai pas séjourné à l'hôtel</option> <option value="4">Informations de l'hôtel</option> <option value="3">Partenariat</option> <option value="6">Autre</option> <option value="9">Vérifier les prix et la disponibilité</option> <option value="10">Réservation de groupe (pour les clients d'affaires)</option> <option value="11">Réservation de groupe (pour les agences de voyages)</option> <option value="12">Demander mes données personnelles</option> <option value="13">Supprimer mes données personnelles</option> <option value="14">Questions juridiques et connexes</option> </select> </div> </div> </div> </div> <div class="contact-form__right"> <div class="contact-form-block contact-form__block contact-form__block--message js-message"> <div class="contact-form-block__title">Message</div> <div class="contact-form-block__item"> <textarea name="f_message" id="f_message" class="contact-form-block__field contact-form-block__area" placeholder="Tapez votre message ici"></textarea> </div> </div> </div> <input class="contact-form__submit" type="submit" value="Envoyer" /> <div class="js-redirect-to-gb redirect-to-gb"> <button class="redirect-to-gb-btn">Obtenir Tarif de Groupe <span class="redirect-icon"></span></button> </div> <input type="text" name="f_message2" value=""> <input type="hidden" name="page" value="contact"> <input type="hidden" name="rok33ejqm" value="90be8669656a7ce83cbf2e78df4c3f4e"> </form> </div> </div> </div> </div> <div class="sunset__extra-hotels"> <div class="extra-hotels js-trackevent-seolinks"> <div class="links js-links-container clearfix"> <p class="extra-hotels__title">Hôtels populaires à Barcelone</p> <div class="extra-hotels__carousel-wrapper"> <div class="extra-hotels__carousel js-extra-hotels-carousel"> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9zaWxrZW4tcmFtYmxhcy5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2ZyLw=="> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/12730/1273089/1273089601/barcelona-silken-ramblas-hotel-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://silken-ramblas.hotelbcn-barcelona.com/fr/" target="_blank">Hotel Silken Ramblas À Barcelone</a> <div class="extra-hotel__stars"> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <p class="extra-hotel__address">Pintor Fortuny, 13, Barcelone, Espagne</p> </div> <div class="extra-hotel__review"> <div class="extra-hotel__review-number"> 8.1 </div> <div class="extra-hotel__review-text"> <span class="extra-hotel__review-name">Très bien </span> <span class="extra-hotel__review-count">(2986 commentaires)</span> </div> </div> </div> </div> </div> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9leHBvLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2ZyLw=="> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/16164/1616418/1616418349/barcelona-expo-hotel-08014-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://expo-barcelona.hotelbcn-barcelona.com/fr/" target="_blank">Hotel Moxy Barcelone</a> <div class="extra-hotel__stars"> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <p class="extra-hotel__address">C/ Mallorca 1-23, Barcelone, Espagne</p> </div> <div class="extra-hotel__review"> <div class="extra-hotel__review-number"> 8.2 </div> <div class="extra-hotel__review-text"> <span class="extra-hotel__review-name">Très bien </span> <span class="extra-hotel__review-count">(1775 commentaires)</span> </div> </div> </div> </div> </div> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9wZXRpdC1wYWxhY2UtbXVzZXVtLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZnIv"> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/12731/1273105/1273105456/barcelona-petit-palace-museum-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://petit-palace-museum.hotelbcn-barcelona.com/fr/" target="_blank">Hotel Petit Palace Museum À Barcelone</a> <div class="extra-hotel__stars"> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <p class="extra-hotel__address">Diputacion, 250, Barcelone, Espagne</p> </div> <div class="extra-hotel__review"> <div class="extra-hotel__review-number"> 8.4 </div> <div class="extra-hotel__review-text"> <span class="extra-hotel__review-name">Très bien </span> <span class="extra-hotel__review-count">(2693 commentaires)</span> </div> </div> </div> </div> </div> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9oMTAtbWFyaW5hLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2ZyLw=="> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/5088/508874/508874826/barcelona-h10-marina-hotel-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://h10-marina-barcelona.hotelbcn-barcelona.com/fr/" target="_blank">Hotel H10 Marina Barcelone</a> <div class="extra-hotel__stars"> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <p class="extra-hotel__address">Avenida Bogatell, 64-68, Barcelone, Espagne</p> </div> <div class="extra-hotel__review"> <div class="extra-hotel__review-number"> 8.4 </div> <div class="extra-hotel__review-text"> <span class="extra-hotel__review-name">Très bien </span> <span class="extra-hotel__review-count">(2361 commentaires)</span> </div> </div> </div> </div> </div> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9hYy1ob3RlbC1iYXJjZWxvbmEtZm9ydW0uaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9mci8="> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/16431/1643135/1643135979/barcelona-ac-hotel-forum-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://ac-hotel-barcelona-forum.hotelbcn-barcelona.com/fr/" target="_blank">Ac Hotel Barcelona Forum By Marriott</a> <div class="extra-hotel__stars"> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <p class="extra-hotel__address">Paseo Taulat 278, Barcelone, Espagne</p> </div> <div class="extra-hotel__review"> <div class="extra-hotel__review-number"> 8.1 </div> <div class="extra-hotel__review-text"> <span class="extra-hotel__review-name">Très bien </span> <span class="extra-hotel__review-count">(1415 commentaires)</span> </div> </div> </div> </div> </div> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9kZWwtbWFyLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2ZyLw=="> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/12731/1273127/1273127491/barcelona-hotel-del-mar-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://del-mar-barcelona.hotelbcn-barcelona.com/fr/" target="_blank">Hotel Del Mar Barcelone</a> <div class="extra-hotel__stars"> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <p class="extra-hotel__address">Pla De Palau, 19, Barcelone, Espagne</p> </div> <div class="extra-hotel__review"> <div class="extra-hotel__review-number"> 8.4 </div> <div class="extra-hotel__review-text"> <span class="extra-hotel__review-name">Très bien </span> <span class="extra-hotel__review-count">(2917 commentaires)</span> </div> </div> </div> </div> </div> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9zaWxrZW4tY29uY29yZGlhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZnIv"> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/12731/1273110/1273110082/barcelona-silken-concordia-hotel-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://silken-concordia.hotelbcn-barcelona.com/fr/" target="_blank">Hotel Concordia Barcelone</a> <div class="extra-hotel__stars"> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <p class="extra-hotel__address">Paral-Lel, 115, Barcelone, Espagne</p> </div> <div class="extra-hotel__review"> <div class="extra-hotel__review-number"> 8.4 </div> <div class="extra-hotel__review-text"> <span class="extra-hotel__review-name">Très bien </span> <span class="extra-hotel__review-count">(2352 commentaires)</span> </div> </div> </div> </div> </div> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9zZXJjb3RlbC1iYXJjZWxvbmEtZ2F0ZS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2ZyLw=="> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/12731/1273115/1273115248/sant-joan-despi-sercotel-barcelona-gate-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://sercotel-barcelona-gate.hotelbcn-barcelona.com/fr/" target="_blank">Hotel Exe Barcelona Gate Sant Joan Despí</a> <div class="extra-hotel__stars"> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <p class="extra-hotel__address">Maria Tarrida, 6-7, Sant Joan Despí, Espagne</p> </div> <div class="extra-hotel__review"> <div class="extra-hotel__review-number"> 8.4 </div> <div class="extra-hotel__review-text"> <span class="extra-hotel__review-name">Très bien </span> <span class="extra-hotel__review-count">(2393 commentaires)</span> </div> </div> </div> </div> </div> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9pYmlzLWJ1ZGdldC1iYXJjZWxvbmEtdmlsYWRlY2Fucy5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2ZyLw=="> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/13972/1397206/1397206994/viladecans-ibis-budget-barcelona-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://ibis-budget-barcelona-viladecans.hotelbcn-barcelona.com/fr/" target="_blank">Hotel Ibis Budget Barcelona Viladecáns</a> <p class="extra-hotel__address">Ctra. De Barcelona, 82 Parcela E-1, Viladecáns, Espagne</p> </div> <div class="extra-hotel__review"> <div class="extra-hotel__review-number"> 7.8 </div> <div class="extra-hotel__review-text"> <span class="extra-hotel__review-name">Bien </span> <span class="extra-hotel__review-count">(4503 commentaires)</span> </div> </div> </div> </div> </div> </div> <div class="extra-hotels__carousel-control js-extra-hotels-navigation"></div> </div> <p class="extra-hotels__title">Les hôtels dans les villes à travers le monde</p> <div class="extra-hotels__carousel-wrapper"> <div class="extra-hotels__carousel js-extra-hotels-outer-carousel"> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9oYW1wdG9uLWlubi1tYW5oYXR0YW4tZ3JhbmQtY2VudHJhbC5ob3RlbGluZXd5b3JrLmNvbS9mci8="> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/12758/1275850/1275850063/new-york-hampton-inn-manhattan-grand-central-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://hampton-inn-manhattan-grand-central.hotelinewyork.com/fr/" target="_blank">Hampton Inn Manhattan Grand Central</a> <div class="extra-hotel__stars"> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <p class="extra-hotel__address">231 East 43Rd Street, New York, États-Unis</p> </div> <div class="extra-hotel__review"> <div class="extra-hotel__review-number"> 8.1 </div> <div class="extra-hotel__review-text"> <span class="extra-hotel__review-name">Très bien </span> <span class="extra-hotel__review-count">(1047 commentaires)</span> </div> </div> </div> </div> </div> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9yb29zZXZlbHQuaG90ZWxpbmV3eW9yay5jb20vZnIv"> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/1873/187317/187317366/new-york-roosevelt-hotel-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://roosevelt.hotelinewyork.com/fr/" target="_blank">The Roosevelt Hotel, New York – ici</a> <div class="extra-hotel__stars"> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <p class="extra-hotel__address">45 E 45Th St, New York, États-Unis</p> </div> </div> </div> </div> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9pbXBlcmlhbC1jb3VydC5ob3RlbGluZXd5b3JrLmNvbS9mci8="> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/1740/174090/174090564/new-york-imperial-court-hotel-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://imperial-court.hotelinewyork.com/fr/" target="_blank">Imperial Court Hotel, New York – ici</a> <div class="extra-hotel__stars"> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <p class="extra-hotel__address">307 West 79Th Street, New York, États-Unis</p> </div> </div> </div> </div> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9zb2ZpdGVsLWFnYWRpci1yb3lhbC1iYXktcmVzb3J0LmhvdGVscy1hZ2FkaXIuY29tL2ZyLw=="> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/15991/1599150/1599150900/agadir-sofitel-royal-bay-resort-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://sofitel-agadir-royal-bay-resort.hotels-agadir.com/fr/" target="_blank">Sofitel Royal Bay Hotel, Agadir – ici</a> <div class="extra-hotel__stars"> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <p class="extra-hotel__address">Bp 226 Cite Founty P4 Baie Des Palmiers Commune De Bensergao, Agadir, Maroc</p> </div> <div class="extra-hotel__review"> <div class="extra-hotel__review-number"> 8.3 </div> <div class="extra-hotel__review-text"> <span class="extra-hotel__review-name">Très bien </span> <span class="extra-hotel__review-count">(361 commentaires)</span> </div> </div> </div> </div> </div> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9sYWJyYW5kYS1sZXMtZHVuZXMtZG9yLmhvdGVscy1hZ2FkaXIuY29tL2ZyLw=="> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/5376/537608/537608658/agadir-labranda-les-dunes-dor-hotel-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://labranda-les-dunes-dor.hotels-agadir.com/fr/" target="_blank">Les Dunes D'or Hotel, Agadir – ici</a> <div class="extra-hotel__stars"> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <p class="extra-hotel__address">Secteur Balnéaire, Agadir, Maroc</p> </div> <div class="extra-hotel__review"> <div class="extra-hotel__review-number"> 7.5 </div> <div class="extra-hotel__review-text"> <span class="extra-hotel__review-name">Bien </span> <span class="extra-hotel__review-count">(3958 commentaires)</span> </div> </div> </div> </div> </div> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9ob3RlbC1iZWFjb24uaG90ZWxpbmV3eW9yay5jb20vZnIv"> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/14921/1492137/1492137250/new-york-hotel-beacon-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://hotel-beacon.hotelinewyork.com/fr/" target="_blank">Beacon Hotel, New York – ici</a> <div class="extra-hotel__stars"> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <p class="extra-hotel__address">2130 Broadway, New York, États-Unis</p> </div> <div class="extra-hotel__review"> <div class="extra-hotel__review-number"> 8.7 </div> <div class="extra-hotel__review-text"> <span class="extra-hotel__review-name">Excellent </span> <span class="extra-hotel__review-count">(2899 commentaires)</span> </div> </div> </div> </div> </div> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly90ZW1waS1ob3RlbC5ob3RlbHNhdGhlbnMub3JnL2ZyLw=="> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/6794/679439/679439043/athens-tempi-hotel-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://tempi-hotel.hotelsathens.org/fr/" target="_blank">Tempi Hotel, Athènes – ici</a> <p class="extra-hotel__address">Aiolou 29, Athènes, Grèce</p> </div> <div class="extra-hotel__review"> <div class="extra-hotel__review-number"> 8.0 </div> <div class="extra-hotel__review-text"> <span class="extra-hotel__review-name">Très bien </span> <span class="extra-hotel__review-count">(3233 commentaires)</span> </div> </div> </div> </div> </div> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9lbXBpcmUtaG90ZWwuaG90ZWxpbmV3eW9yay5jb20vZnIv"> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/13420/1342099/1342099883/new-york-the-empire-hotel-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://empire-hotel.hotelinewyork.com/fr/" target="_blank">Empire Hotel, New York – ici</a> <div class="extra-hotel__stars"> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <p class="extra-hotel__address">44 West 63Rd Street, New York, États-Unis</p> </div> <div class="extra-hotel__review"> <div class="extra-hotel__review-number"> 6.8 </div> <div class="extra-hotel__review-text"> <span class="extra-hotel__review-name">Agréable </span> <span class="extra-hotel__review-count">(5346 commentaires)</span> </div> </div> </div> </div> </div> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9ob3RlbC12aWN0b3J5LmhvdGVsbWFyc2VpbGxlLm9yZy9mci8="> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/7386/738682/738682198/marseille-hotel-victory-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://hotel-victory.hotelmarseille.org/fr/" target="_blank">Victory Hotel, Marseille – ici</a> <div class="extra-hotel__stars"> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <p class="extra-hotel__address">23 Boulevard Dugommier, Marseille, France</p> </div> </div> </div> </div> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9jbHViLXZhY2FuY2VzLWJsZXVlcy1sZS1wbGVpbi1zdWQuaG90ZWxtYXJzZWlsbGUub3JnL2ZyLw=="> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/15804/1580410/1580410385/hyeres-club-vacances-bleues-le-plein-sud-hotel-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://club-vacances-bleues-le-plein-sud.hotelmarseille.org/fr/" target="_blank">Club Le Plein Sud Vacances Bleues Hotel, Hyères – ici</a> <div class="extra-hotel__stars"> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <p class="extra-hotel__address">2049 Boulevard De La Marine, Hyères, France</p> </div> <div class="extra-hotel__review"> <div class="extra-hotel__review-number"> 7.9 </div> <div class="extra-hotel__review-text"> <span class="extra-hotel__review-name">Bien </span> <span class="extra-hotel__review-count">(1804 commentaires)</span> </div> </div> </div> </div> </div> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9jaXRpemVubS1hbXN0ZXJkYW0tY2l0eS5ob3RlbGVhbXN0ZXJkYW0ubmV0L2ZyLw=="> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/16102/1610221/1610221807/amsterdam-citizenm-hotel-city-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://citizenm-amsterdam-city.hoteleamsterdam.net/fr/" target="_blank">Citizenm South Hotel, Amsterdam – ici</a> <div class="extra-hotel__stars"> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <p class="extra-hotel__address">Prinses Irenestraat 30, Amsterdam, Pays-Bas</p> </div> <div class="extra-hotel__review"> <div class="extra-hotel__review-number"> 8.7 </div> <div class="extra-hotel__review-text"> <span class="extra-hotel__review-name">Excellent </span> <span class="extra-hotel__review-count">(5721 commentaires)</span> </div> </div> </div> </div> </div> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9pdm9saXRhLXZpbG5pdXMtaG90ZWwuaG90ZWxzLWluLXZpbG5pdXMuY29tL2ZyLw=="> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/4350/435022/435022803/vilnius-ivolita-hotel-01137-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://ivolita-vilnius-hotel.hotels-in-vilnius.com/fr/" target="_blank">Ivolita Hotel, Vilnius – ici</a> <div class="extra-hotel__stars"> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <p class="extra-hotel__address">Geliu G. 5, Vilnius, Lituanie</p> </div> <div class="extra-hotel__review"> <div class="extra-hotel__review-number"> 8.3 </div> <div class="extra-hotel__review-text"> <span class="extra-hotel__review-name">Très bien </span> <span class="extra-hotel__review-count">(5689 commentaires)</span> </div> </div> </div> </div> </div> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9zb2ZpdGVsLXZpZXV4LXBvcnQuaG90ZWxtYXJzZWlsbGUub3JnL2ZyLw=="> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/15504/1550499/1550499745/marseille-sofitel-vieux-port-hotel-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://sofitel-vieux-port.hotelmarseille.org/fr/" target="_blank">Sofitel Vieux-port Hotel, Marseille – ici</a> <div class="extra-hotel__stars"> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <p class="extra-hotel__address">36 Boulevard Charles Livon, Marseille, France</p> </div> <div class="extra-hotel__review"> <div class="extra-hotel__review-number"> 8.3 </div> <div class="extra-hotel__review-text"> <span class="extra-hotel__review-name">Très bien </span> <span class="extra-hotel__review-count">(1108 commentaires)</span> </div> </div> </div> </div> </div> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9ob3RlbC1yZXN0YXVyYW50LWxhLXJlaW5lLWphbmUuaG90ZWxtYXJzZWlsbGUub3JnL2ZyLw=="> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/11522/1152280/1152280941/hyeres-hotel-restaurant-la-reine-jane-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://hotel-restaurant-la-reine-jane.hotelmarseille.org/fr/" target="_blank">La Reine Jane Hotel, Hyères – ici</a> <div class="extra-hotel__stars"> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <p class="extra-hotel__address">1 Quai Des Cormorans, Hyères, France</p> </div> <div class="extra-hotel__review"> <div class="extra-hotel__review-number"> 8.4 </div> <div class="extra-hotel__review-text"> <span class="extra-hotel__review-name">Très bien </span> <span class="extra-hotel__review-count">(626 commentaires)</span> </div> </div> </div> </div> </div> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9yZXNpZGVuY2Utc3VpdGVhc3ktbGUtbWFqb3IuaG90ZWxtYXJzZWlsbGUub3JnL2ZyLw=="> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/2592/259269/259269261/marseille-residence-suitetudes-le-major-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://residence-suiteasy-le-major.hotelmarseille.org/fr/" target="_blank">Le Major Appart hôtel, Marseille – ici</a> <div class="extra-hotel__stars"> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <p class="extra-hotel__address">100 Avenue Du Merlan 13013 Marseille, Marseille, France</p> </div> </div> </div> </div> <div class="extra-hotels__carousel-item"> <div class="extra-hotel js-new-window js-seolinks-block" data-new-window="aHR0cHM6Ly9yYWRpc3Nvbi1ibHUtaG90ZWwtYW1zdGVyZGFtLmhvdGVsZWFtc3RlcmRhbS5uZXQvZnIv"> <div class="extra-hotel__img"> <img src="/data/Pictures/450x450w/6883/688373/688373424/amsterdam-radisson-blu-hotel-picture-1.JPEG" alt="" loading="lazy"> </div> <div class="extra-hotel__inner"> <div class="extra-hotel__main"> <a class="extra-hotel__name" href="https://radisson-blu-hotel-amsterdam.hoteleamsterdam.net/fr/" target="_blank">Radisson Blu Hotel, City Center Hotel, Amsterdam – ici</a> <div class="extra-hotel__stars"> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> <svg height="20" width="20" class="extra-hotel__star icon icon-new-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-star"></use> </svg> </div> <p class="extra-hotel__address">Rusland 17, Amsterdam, Pays-Bas</p> </div> <div class="extra-hotel__review"> <div class="extra-hotel__review-number"> 8.5 </div> <div class="extra-hotel__review-text"> <span class="extra-hotel__review-name">Excellent </span> <span class="extra-hotel__review-count">(7605 commentaires)</span> </div> </div> </div> </div> </div> </div> <div class="extra-hotels__carousel-control js-extra-hotels-outer-carousel-navigation"></div> </div> </div> </div> </div> </div> </div> </div> <div class="price-popup js-price-popup price-popup--new-calendar"> <div class="price-popup-wrapper"> <div class="price-popup-content js-popup-content"> <div class="price-popup-close-btn js-popup-close-btn"> <svg height="20" width="20" class="icon icon-close"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#close"></use> </svg> </div> <form action="#rooms" method="get" class="banner__form avail-form js-avail-form is-with-new-calendar" formtarget="#rooms"> <div class="avail-info-bg avail-info-bg--new-calendar js-new-calendar-onboard js-trackevent-onboard-area"></div> <div class="avail-form__title"> Réservation en ligne </div> <div class="avail-form__title avail-form__title--for-popup"> Saisir les dates pour voir les prix </div> <div class="avail-form__content"> <div class="avail-form__new-calendar js-new-calendar-wrapper"> <div class="field avail-form__field field--from js-new-calendar-from"> <div class="field__title"> Check-in </div> <div class="field__content field__content--fr"> <div class="field__number js-date-day">26</div> <div class="field__text"> <div class="field__text-item field__text-item--month js-date-month">Mar</div> <div class="field__text-item js-date-year">2025</div> </div> </div> <input class="js-new-calendar-from-input" type="hidden" name="from" value="2025-03-26"> </div> <div class="avail-form__corner"> <div class="avail-form__corner-img"> <svg class="avail-form__calendar-icon icon icon-calendar-sunset"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#new-form-calendar"></use> </svg> </div> </div> <div class="field avail-form__field field--to js-new-calendar-to"> <div class="field__title"> Check-out </div> <div class="field__content field__content--fr"> <div class="field__number js-date-day">27</div> <div class="field__text"> <div class="field__text-item field__text-item--month js-date-month">Mar</div> <div class="field__text-item js-date-year">2025</div> </div> </div> <div class="hidden js-plural-night-1"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nuit)</div> </div> <div class="hidden js-plural-night-2"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nuits)</div> </div> <div class="hidden js-plural-night-5"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nuits)</div> </div> <input class="js-new-calendar-to-input" type="hidden" name="to" value="2025-03-27"> </div> </div> <div class="field avail-form__field field--guests js-avail-info" data-avail="guests"> <div class="field__title"> Clients </div> <div class="field__content field__content--guests field__content--fr js-guests-toggler"> <div class="field__number js-avail-guests-count"></div> <div class="field__text"> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="1" style="display: none"> invité</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="2" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="3" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="4" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="5" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="6" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="7" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="8" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="9" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="10" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="11" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="12" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="13" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="14" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="15" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="16" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="17" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="18" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="19" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="20" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="21" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="22" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="23" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="24" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="25" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="26" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="27" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="28" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="29" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="30" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="31" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="32" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="33" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="34" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="35" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="36" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="37" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="38" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="39" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="40" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="41" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="42" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="43" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="44" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="45" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="46" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="47" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="48" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="49" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="50" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="51" style="display: none"> invités</div> <div class="field__text-item field__text-item--guests field__text-item--bold show-mobile js-avail-guests-text" data-avail-guests="52" style="display: none"> invités</div> <div class="field__dot"></div> <div class="field__text-item field__text-item--bold show-mobile js-avail-rooms-text" data-avail-rooms="1" style="display: none">1 chambre</div> <div class="field__text-item field__text-item--bold show-mobile js-avail-rooms-text" data-avail-rooms="2" style="display: none">2 chambres</div> <div class="field__text-item field__text-item--bold show-mobile js-avail-rooms-text" data-avail-rooms="3" style="display: none">3 chambres</div> <div class="field__text-item field__text-item--bold show-mobile js-avail-rooms-text" data-avail-rooms="4" style="display: none">4 chambres</div> </div> <div class="field__corner"> <svg class="field__corner-icon"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#arrow-down"></use> </svg> </div> </div> <div class="form-rooms-dropdown js-guests-dropdown js-avail-info-inputs" data-avail="guests"> <div class="form-rooms js-form-rooms"> <div class="hidden"> <span class="js-rooms-titles-variants">Chambre 1</span> <span class="js-rooms-titles-variants">Chambre 2</span> <span class="js-rooms-titles-variants">Chambre 3</span> <span class="js-rooms-titles-variants">Chambre 4</span> </div> <div class="form-room js-room-in-form is-not-removable"> <p class="form-room__title"></p> <div class="form-room__inner"> <div class="form-room__select form-room-select"> <p class="form-room-select__title">Adultes:</p> <div class="form-room-select__inner"> <div class="form-room-select__btn form-room-select__btn--decrease js-form-room-guests-btn" data-type="adults" data-action="-"></div> <div class="form-room-select__number js-form-room-adults-count">2</div> <div class="form-room-select__btn form-room-select__btn--increase js-form-room-guests-btn" data-type="adults" data-action="+"></div> </div> <input class="js-adults-select hidden" value="2" name="rooms_info[0][adults]"> </div> <div class="form-room__select form-room-select"> <p class="form-room-select__title">Enfants :</p> <div class="form-room-select__inner"> <div class="form-room-select__btn form-room-select__btn--decrease is-disable js-form-room-guests-btn" data-type="children" data-action="-"></div> <div class="form-room-select__number js-form-room-children-count"></div> <div class="form-room-select__btn form-room-select__btn--increase js-form-room-guests-btn" data-type="children" data-action="+"></div> </div> </div> </div> <div class="form-room__select form-room__select--children js-children-wrapper"> <div class="form-room-select__title form-room-select__title--children-age">Âges des enfants :</div> <div class="dropdown__selects-age js-children-age-selects"> </div> </div> <div class="form-room__error js-error js-error-child">Veuillez indiquer l'âge de l'enfant</div> <div class="form-room__error js-error js-error-children">Veuillez indiquer l'âge des enfants</div> <svg class="form-room__remove icon icon-close js-room-in-form-remove"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#popup-close"></use> </svg> </div> </div> <div class="form-rooms__bottom"> <div class="form-rooms__add-room js-avail-add-room">+ Ajouter une chambre</div> </div> </div> <div class="avail-info avail-info--guests js-avail-info-block" data-avail="guests"> <p class="avail-info__title">2.Choisissez le nombre d'invités</p> <p class="avail-info__text">Il est nécessaire de sélectionner le nombre exact d'adultes et d'enfants afin de trouver une chambre convenable.</p> <div class="avail-info__nav"> <div class="avail-info__btn avail-info__btn--skip js-avail-info-skip js-cancel-button js-trackevent-onboard-skip">Sauter</div> <div class="avail-info__btn avail-info__btn--next js-avail-info-next js-ok-button js-trackevent-onboard-next" data-avail="guests" data-avail-next="submit"> Étape suivante <svg class="icon icon-arrow-point-to-right"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#arrow-point-to-right"></use> </svg> </div> </div> </div> </div> <div class="avail-form__bottom"> <button class="avail-form__submit js-submit-form-button" type="submit" data-avail="submit">Vérifier les prix</button> <div class="avail-info avail-info--submit js-avail-info-block" data-avail="submit"> <p class="avail-info__title avail-info__title--lg">3.Cliquez sur le bouton 'Rechercher'</p> <div class="avail-info__nav"> <div class="avail-info__btn avail-info__btn--skip js-avail-info-skip js-trackevent-onboard-skip">Sauter</div> <button type="submit" class="avail-info__btn avail-info__btn--next js-avail-info-skip js-trackevent-onboard-ok"> C'est bon, je l'ai </button> </div> </div> </div> </div> </form> <script type="text/javascript"> travel.opts.av_params = { multiBookRoomsInfo: [{"adults":2,"children":[]}], use: '0', from: '2025-03-26', to: '2025-03-27', adults: '2', childrenTitle: 'Âges des enfants :', children: '0' }; </script> <script type="x-template" class="js-form-room-template hidden"> <p class="form-room__title"></p> <div class="form-room__inner"> <div class="form-room__select form-room-select"> <p class="form-room-select__title">Adultes:</p> <div class="form-room-select__inner"> <div class="form-room-select__btn form-room-select__btn--decrease js-form-room-guests-btn" data-type="adults" data-action="-"></div> <div class="form-room-select__number js-form-room-adults-count"></div> <div class="form-room-select__btn form-room-select__btn--increase js-form-room-guests-btn" data-type="adults" data-action="+"></div> </div> <input class="js-adults-select hidden" value="2" name="rooms_info[0][adults]"> </div> <div class="form-room__select form-room-select"> <p class="form-room-select__title">Enfants :</p> <div class="form-room-select__inner"> <div class="form-room-select__btn form-room-select__btn--decrease is-disable js-form-room-guests-btn" data-type="children" data-action="-"></div> <div class="form-room-select__number js-form-room-children-count"></div> <div class="form-room-select__btn form-room-select__btn--increase js-form-room-guests-btn" data-type="children" data-action="+"></div> </div> </div> </div> <div class="form-room__select form-room__select--children js-children-wrapper"> <div class="form-room-select__title form-room-select__title--children-age">Âges des enfants :</div> <div class="dropdown__selects-age js-children-age-selects"></div> </div> <div class="form-room__error js-error js-error-child">Veuillez indiquer l'âge de l'enfant</div> <div class="form-room__error js-error js-error-children">Veuillez indiquer l'âge des enfants</div> <svg class="form-room__remove icon icon-close js-room-in-form-remove"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#popup-close"></use> </svg> </script> <div class="price-popup-title"> <div class="price-popup-hotel-stars"> <svg height="20" width="20" class="icon icon-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#star"></use> </svg> <svg height="20" width="20" class="icon icon-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#star"></use> </svg> <svg height="20" width="20" class="icon icon-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#star"></use> </svg> <svg height="20" width="20" class="icon icon-star"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#star"></use> </svg> </div> <div class="price-popup-hotel-name">Barcelona Hotel Colonial</div> </div> </div> </div> </div> <div class="top-exit-popup js-exit-popup" data-click="outside_content"> <div class="top-exit-popup__content js-exit-popup-content"> <div class="top-exit-popup__description"> <h3 class="top-exit-popup__title">Vous allez à Barcelone ?</h3> <p class="top-exit-popup__subtitle">Trouvez l'hébergement parfait !</p> <p class="top-exit-popup__text">Des emplacements parfaits et des offres pour tous.</p> <div class="top-exit-popup__btns"> <button class="top-exit-popup__btn top-exit-popup__btn--accent js-exit-popup-accept-btn" type="button" data-click="accept_btn"> Voir les offres </button> <button class="top-exit-popup__btn top-exit-popup__btn--empty js-exit-popup-close-btn" type="button" data-click="no_btn"> Non merci </button> </div> <div class="top-exit-popup__toggle"> <div class="top-exit-popup__toggle-checkbox js-exit-popup-toggle-btn is-checked"> <svg height="20" width="20" class="icon svg-icon svg-icon-checked"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#checked"> </use> </svg> </div> <p class="top-exit-popup__toggle-text">Rechercher sur <span class="js-exit-popup-toggle-text"></span></p> </div> </div> <img width="200" class="top-exit-popup__img" src="/new/designs/90/hotel/images/exit-popup.svg" alt="main-img"> <div class="top-exit-popup__close js-exit-popup-close-btn" data-click="close_btn"> <svg height="20" width="20" class="top-exit-popup__close-icon svg-icon svg-icon-popup-close"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#exit-popup-close"> </use> </svg> <p class="top-exit-popup__close-text">Fermer et voir plus d'options</p> </div> </div> </div> <div class="bcom-reviews-popup js-bcom-reviews-popup"> <div class="bcom-reviews-popup__content js-popup-content"> <div class="bcom-reviews-popup__header"> <div class="bcom-reviews-popup__close-btn js-popup-close-btn"> <svg height="20" width="20" class="icon icon-close"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#close"></use> </svg> </div> <div class="bcom-reviews-popup__title">Commentaires 100% Vérifiés</div> </div> <div class="bcom-reviews-popup__main js-popup-reviews-iframe"></div> <div class="bcom-reviews-popup__footer"> <div class="bcom-reviews-popup__footer-wrap is-center"> <div class="bcom-reviews-popup__pagination js-popup-reviews-pagination"></div> </div> </div> </div> </div> <div class="map-modal js-sunset-modal-map js-map-popup"> <div class="map-modal__container js-map js-popup-content" data-distance="<distance> km de l'hôtel"> <div class="map-modal__wrapper js-mapbox" id="mapbox"></div> <div class="map-modal__filter map-filter js-map-filters" data-opening-hours="Heures d'ouverture:" data-cuisine="Cuisine:"> <button type="button" class="map-filter__swipe js-map-filter-swipe"></button> <button type="button" class="map-filter__close js-map-filter-close"></button> <h2 class="map-filter__title">Montrer sur la carte:</h2> <div class="map-filter__option is-checked is-open js-map-filter" data-filter-type="landmark"> <div class="map-filter__control"> <div class="map-filter__checkbox js-map-filter-checkbox"> <svg height="20" width="20" class="map-filter__icon"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#h3-filter-landmarks"></use> </svg> Sites d'intérêt </div> <div class="map-filter__button js-map-filter-button"></div> </div> <div class="map-filter__dropdown js-map-filter-dropdown"></div> </div> <div class="map-filter__option is-checked js-map-filter" data-filter-type="restaurant"> <div class="map-filter__control"> <div class="map-filter__checkbox js-map-filter-checkbox"> <svg height="20" width="20" class="map-filter__icon"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#h3-filter-restaurants"></use> </svg> Restaurants conseillés </div> <div class="map-filter__button js-map-filter-button"></div> </div> <div class="map-filter__dropdown js-map-filter-dropdown"></div> </div> <div class="map-filter__option js-map-filter" data-filter-type="transport"> <div class="map-filter__control"> <div class="map-filter__checkbox js-map-filter-checkbox"> <svg height="20" width="20" class="map-filter__icon"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#h3-filter-transportation"></use> </svg> Transports publics </div> </div> </div> </div> <div class="map-modal__card map-card js-map-modal-card"> <button class="map-card__back js-map-card-back" type="button">Ouvrir la liste</button> <div class="map-card__content js-map-card"></div> <button type="button" class="map-card__zoom-in js-map-card-scroll-to">Agrandir la carte</button> </div> <button type="button" class="map-modal__close js-popup-close-btn"></button> </div> </div> <div class="virtual__popup virtual-popup js-virtual-modal"> <div class="virtual-popup__inner"> <div class="virtual-popup__close"> <svg height="20" width="20" class="icon icon-close js-popup-close"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#close"></use> </svg> </div> <div id="map" class="virtual-popup__map js-popup-content"></div> </div> </div> <div class="feedback js-feedback-popup"> <div class="feedback__wrapper"> <div class="feedback__content js-popup-content"> <div class="feedback__close js-popup-close-btn"> <svg height="20" width="20" class="icon icon-popup-close"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#popup-close"></use> </svg> </div> <div class="feedback__widget widget"> <div class="widget__photo"> <img width="40" height="40" class="widget__photo-img" src="/new/designs/90/hotel/images/footer-avatar.4808eea1701fe7971162a0c4b132d3ea.png" alt="" /> </div> <div class="widget__text"> <div class="widget__title">Il vous manque des informations ?</div> <p class="widget__subtitle">Dites-nous quoi ajouter</p> </div> </div> <form class="feedback__form js-feedback-form js-trackevent-missing-some-information-form"> <textarea name="message" class="feedback__textarea js-feedback-textarea" placeholder="Veuillez écrire ici..." required></textarea> <input type="text" name="f_message2" value=""> <button class="feedback__btn" type="submit">Envoyer</button> </form> </div> </div> </div> <div class="thanks-modal js-thanks-popup"> <div class="thanks-modal__wrapper"> <div class="thanks-modal__content js-popup-content"> <div class="thanks-modal__close js-popup-close-btn"> <svg height="20" width="20" class="icon icon-popup-close"> <use xlink:href="/new/designs/90/build/icons-sprite.ae46fcbe75c37987ce4d800e6b0d6b42.svg#popup-close"></use> </svg> </div> <div class="thanks-modal__title js-thanks-modal-title" data-title="feedback">Merci de vos commentaires</div> <div class="thanks-modal__title js-thanks-modal-title" data-title="subscribe">Merci de vous être inscrit</div> <div class="thanks-modal__img"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 97 100"> <g fill="none" fill-rule="nonzero"> <path fill="#BAD4E3" d="M19.327 57.75l28.846 17.627L77.019 57.75l19.23-11.752v43.27c.002 5.899-4.782 10.683-10.681 10.684h-74.79c-5.9 0-10.682-4.785-10.682-10.685V45.998l19.23 11.752z"/> <path fill="#3C6780" d="M96.25 42.497v3.501L77.019 57.75V28.134l1.221.568 15.71 9.695a4.805 4.805 0 0 1 2.3 4.1z"/> <path fill="#F5F7FA" d="M77.019 28.134V57.75L48.173 75.377 19.327 57.75V7.625A7.624 7.624 0 0 1 26.949 0h29.08l.387.038v12.943a7.622 7.622 0 0 0 7.622 7.624h10.863l2.118 2.361v5.168zm-12.036 9.822c0-9.293-7.534-16.827-16.827-16.827-9.293 0-16.827 7.534-16.827 16.827 0 9.294 7.534 16.827 16.827 16.827 9.293 0 16.827-7.533 16.827-16.827z"/> <path fill="#BAD4E3" d="M56.457.043L74.9 20.605H64.038a7.622 7.622 0 0 1-7.622-7.624V.038l.04.005z"/> <path fill="#00D88E" d="M64.983 37.956c0 9.294-7.534 16.827-16.827 16.827-9.293 0-16.827-7.533-16.827-16.827 0-9.293 7.534-16.827 16.827-16.827 9.293 0 16.827 7.534 16.827 16.827z"/> <path fill="#3C6780" d="M19.327 28.134V57.75L.096 45.998v-3.5a4.81 4.81 0 0 1 2.3-4.101l16.93-10.263z"/> <path fill="#FFF" d="M45.673 43.183a1.68 1.68 0 0 1-1.28-.59l-3.74-4.38a1.682 1.682 0 1 1 2.558-2.185l2.674 3.13 7.435-6.049a1.681 1.681 0 0 1 2.732 1.035 1.683 1.683 0 0 1-.608 1.576l-8.709 7.086c-.3.244-.675.378-1.062.377z"/> </g> </svg> </div> <div class="thanks-modal__btn js-popup-close-btn">Fermer</div> </div> </div> </div> <footer class="footer"> <div class="footer__content footer__content--top"> <div class="footer-extra-offers"> <div class="footer-extra-offers__lists"> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> types de propriété <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/fr/type/hotels-12/">Hôtels à Barcelone</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/fr/type/guest-houses-10/">Maisons d'hôtes à Barcelone</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/fr/type/apartments-3/">Appartements à Barcelone</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/fr/type/hostels-11/">Auberges de jeunesse à Barcelone</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/fr/type/aparthotels-2/">Appart hôtels à Barcelone</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> points de repère <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/fr/near-camp-nou-233617/">Spotify Camp Nou</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/fr/near-placa-catalunya-rail-station-156226/">Place de Catalogne</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/fr/near-estacio-de-franca-railway-station-357601/">Gare de Barcelone-França</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/fr/near-port-of-barcelona-76377/">Port of Barcelona</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> classement <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/fr/5-stars/">Hôtels de 5 étoiles à Barcelone</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/fr/4-stars/">Hôtels de 4 étoiles à Barcelone</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/fr/3-stars/">Hôtels de 3 étoiles à Barcelone</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> thèmes de l'hôtel <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/fr/theme/cheap-and-budget-hotels-9/">Hôtels économiques</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/fr/theme/central-hotels-8/">Hôtels au centre-ville</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/fr/theme/beach-hotels-2/">Hôtels de plage</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/fr/theme/luxury-hotels-14/">Hotels de luxe</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/fr/theme/spa-hotels-17/">Hôtels spa</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> top hôtels <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://st-christophers-inn.hotelbcn-barcelona.com/fr/">St Christopher'S Inn Barcelona</a> <a class="footer-extra-offers-list__link" href="https://w-barcelona.hotelbcn-barcelona.com/fr/">W Barcelona</a> <a class="footer-extra-offers-list__link" href="https://novotel-barcelona-city.hotelbcn-barcelona.com/fr/">Novotel Barcelona City</a> <a class="footer-extra-offers-list__link" href="https://barcelona-princess.hotelbcn-barcelona.com/fr/">Barcelona Princess</a> <a class="footer-extra-offers-list__link" href="https://axel-hotel-barcelona.hotelbcn-barcelona.com/fr/">Axel Hotel Barcelona - Adults Only</a> </div> </div> </div> </div> </div> <div class="footer__content"> <div class="footer__lists"> <div class="footer__list-wrap js-accordion" data-accordion="footer"> <div class="footer__title" data-accordion-btn> Compagnie <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <ul class="footer__list" data-accordion-content> <li class="footer__list-item"> <span class="footer__list-link js-new-window js-trackevent-about-us" data-new-window="aHR0cHM6Ly93d3cuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9mci9hYm91dC11cy8=">À propos de nous</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-new-window js-trackevent-our-values" data-new-window="aHR0cHM6Ly93d3cuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9mci9vdXItdmFsdWVzLw==">Nos valeurs</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-new-window js-trackevent-why-book" data-new-window="aHR0cHM6Ly93d3cuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9mci93aHktYm9vay13aXRoLXVzLw==">Pourquoi Réserver Avec Nous ?</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-new-window js-trackevent-partnership" data-new-window="aHR0cHM6Ly93d3cuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9mci9wYXJ0bmVyc2hpcC8=">Collaboration</span> </li> </ul> </div> <div class="footer__list-wrap js-accordion" data-accordion="footer"> <div class="footer__title" data-accordion-btn> Pour les voyageurs <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <ul class="footer__list" data-accordion-content> <li class="footer__list-item"> <span class="footer__list-link js-new-window js-trackevent-useful-tips" data-new-window="aHR0cHM6Ly93d3cuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9mci91c2VmdWwtdGlwcy8=">Astuces utiles</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-trackevent-groupbooking-link js-new-window js-trackevent-groups-link" data-new-window="aHR0cHM6Ly9ncm91cC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tP3BhZ2U9Z3JvdXBfYm9va2luZyZsYW5nSUQ9MyZTaG93Q3VycmVuY3k9VVNEJmF0PTEmaG90ZWxfaWQ9MzIzODc5JmFpZD05MjgmaHVybD1odHRwcyUzQSUyRiUyRmNvbG9uaWFsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20lMkZmciUyRiZhZmZpbGlhdGVkb21haW49YWZmOTAwMS5haG90ZWxwYXJ0bmVycy5jb20mcmVmZG9tYWluPWFmZjkwMDEuYWhvdGVscGFydG5lcnMuY29tJl93c2w9V2YxdUVuWHNrVWN3MHp6SSZuaWQ9Mjg=">Réservation pour groupes</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-outer-menu-item js-trackevent-help-center" data-page="contact">Centre d'aide</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-new-window js-trackevent-faq" data-new-window="aHR0cHM6Ly93d3cuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9mci9mYXEv">FAQ</span> </li> </ul> </div> </div> <div class="footer__subscribe"> <form action="#main" class="form footer__subscribe-form js-footer-subscribe"> <p class="footer__title">S'abonner à notre bulletin d'information</p> <label class="form__label" for="email"> <input class="form__input" id="email" name="email" type="email" value="" placeholder="Votre adresse e-mail" required > <button class="form__submit" type="submit">S'abonner</button> </label> </form> <div class="footer__widget widget js-show-feedback-modal"> <img height="40" width="40" class="widget__photo" src="/new/designs/90/hotel/images/footer-avatar.4808eea1701fe7971162a0c4b132d3ea.png" alt="" /> <div class="widget__text"> <div class="widget__title">Il vous manque des informations ?</div> <p class="widget__subtitle"> <span class="widget__subtitle-text">Dites-nous quoi ajouter</span> </p> </div> </div> </div> </div> <div class="footer__content footer__content--under"> <div class="footer__promo"> <svg width="22" height="22" class="footer__promo-icon icon icon-nice-check"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#nice-check"></use> </svg> <p class="footer__promo-text">Le plus grand choix d'endroits uniques</p> </div> <div class="footer__service-list"> <span class="footer__service-link js-new-window js-trackevent-privacy" data-new-window="aHR0cHM6Ly93d3cuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9mci9wcml2YWN5Lw==">Politique de confidentialité</span> <span class="footer__service-link js-new-window js-trackevent-terms" data-new-window="aHR0cHM6Ly93d3cuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9mci90ZXJtcy1hbmQtY29uZGl0aW9ucy8=">Conditions générales</span> <span class="footer__service-link js-new-window js-trackevent-copyrights" data-new-window="aHR0cHM6Ly93d3cuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9mci9jb3B5cmlnaHQv">Notification des droits d'auteur</span> </div> <div class="footer__social"> <ul class="footer__social-list"> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-facebook-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#facebook"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-twitter-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#twitter"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-instagram-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#instagram"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-google-plus-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#google-plus"></use> </svg> </li> </ul> </div> </div> <div class="footer__bottom"> <div class="footer__bottom-wrap"> <div class="footer__copyright">2025 © hotelbcn-barcelona.com. All rights reserved</div> <div class="footer__payments"> <img src="/new/designs/90/destination/img/paypal-img.svg" height="20" alt="paypal" loading="lazy"> <img src="/new/designs/90/destination/img/mastercard-img.svg" height="20" alt="mastercard" loading="lazy"> <img src="/new/designs/90/destination/img/visa-pay-img.svg" height="20" alt="visa" loading="lazy"> </div> </div> </div> </footer> <div class='cookie-policy js-cookie-policy'> <div class='cookie-policy__wrapper'> <div class='cookie-policy__inner'> <div class='cookie-policy__inner-text'>Nous utilisons des cookies pour nous assurer que nous vous offrons la meilleure expérience sur notre site web. Si vous continuez à utiliser ce site, nous supposerons que vous en êtes satisfait.</div> <div class='cookie-policy__inner-btns'> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--ok js-cookie-close-btn'>D'ACCORD</div> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--no js-cookie-close-btn'>NON</div> </div> </div> </div> </div> <script type="text/javascript"> window.travel = window.travel || {}; travel.options = { page:'main', frontPage:'main', typeObject:'hotel', currencyId:'1', languageId:'3', language:'fr', isRtl: false , currentDay:'25', currentMonth:'03', currentYear:'2025', logId: '4067275287', track: 'Wf1uEnXskUcw0zzI', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.hotelbcn-barcelona.com', siteId:'116206', nid:'28', siteDomain: 'hotelbcn-barcelona.com', isCountriesLanguages: false , guestsInfo: { minAdultsCount: 1, maxAdultsCount: 20, minChildrenCount: 0, maxChildrenCount: 10, minChildAge: 0, maxChildAge: 16 }, groupBookingUrl: 'https://group.hotelbcn-barcelona.com?page=group_booking&langID=3&ShowCurrency=USD&at=1&hotel_id=323879&aid=928&hurl=https%3A%2F%2Fcolonial.hotelbcn-barcelona.com%2Ffr%2F&affiliatedomain=aff9001.ahotelpartners.com&refdomain=aff9001.ahotelpartners.com&_wsl=Wf1uEnXskUcw0zzI&nid=28', tob: false , hotelName: 'Barcelona Hotel Colonial', siteNetworkId:'28', hotelDestinationId:'45', objectId:'326393', hotelExtId:'323879', hotelTheme:'9001', hotelDestinationName:"Barcelona", hotelCountry:"Espagne", city: "Barcelona", hotelStars:'4', hotelIsApartment:'0', hotelTypeId:'12', popprice:'1', endpointHotelAttractions: {"data":{"2922998":{"id":"2922998","distance":"230 m","minutes":"\u00c0 3 min \u00e0 pied de la propri\u00e9t\u00e9"},"10829":{"id":"10829","distance":"420 m","minutes":"\u00c0 6 min \u00e0 pied de la propri\u00e9t\u00e9"},"18055":{"id":"18055","distance":"750 m","minutes":"\u00c0 10 min \u00e0 pied de la propri\u00e9t\u00e9"},"684563":{"id":"684563","distance":"410 m","minutes":"\u00c0 5 min \u00e0 pied de la propri\u00e9t\u00e9"},"3236976":{"id":"3236976","distance":"870 m","minutes":"\u00c0 11 min \u00e0 pied de la propri\u00e9t\u00e9"},"677139":{"id":"677139","distance":"540 m","minutes":"\u00c0 7 min \u00e0 pied de la propri\u00e9t\u00e9"},"747858":{"id":"747858","distance":"1.2 km","minutes":"\u00c0 15 min \u00e0 pied de la propri\u00e9t\u00e9"},"2922856":{"id":"2922856","distance":"1.4 km","minutes":"\u00c0 18 min \u00e0 pied de la propri\u00e9t\u00e9"}},"ids":["2922998","10829","18055","684563","3236976","677139","747858","2922856"]}, endpointHotelRestaurants: {"data":{"515960":{"id":"515960","distance":"160 m","minutes":"\u00c0 2 min \u00e0 pied de la propri\u00e9t\u00e9"},"516581":{"id":"516581","distance":"210 m","minutes":"\u00c0 3 min \u00e0 pied de la propri\u00e9t\u00e9"},"1755451":{"id":"1755451","distance":"180 m","minutes":"\u00c0 3 min \u00e0 pied de la propri\u00e9t\u00e9"},"517215":{"id":"517215","distance":"150 m","minutes":"\u00c0 2 min \u00e0 pied de la propri\u00e9t\u00e9"},"1147933":{"id":"1147933","distance":"120 m","minutes":"\u00c0 2 min \u00e0 pied de la propri\u00e9t\u00e9"},"538674":{"id":"538674","distance":"140 m","minutes":"\u00c0 2 min \u00e0 pied de la propri\u00e9t\u00e9"},"509113":{"id":"509113","distance":"170 m","minutes":"\u00c0 3 min \u00e0 pied de la propri\u00e9t\u00e9"},"1457940":{"id":"1457940","distance":"20 m","minutes":"\u00c0 1 min \u00e0 pied de la propri\u00e9t\u00e9"},"1664043":{"id":"1664043","distance":"30 m","minutes":"\u00c0 1 min \u00e0 pied de la propri\u00e9t\u00e9"},"510736":{"id":"510736","distance":"160 m","minutes":"\u00c0 2 min \u00e0 pied de la propri\u00e9t\u00e9"}},"ids":["515960","516581","1755451","517215","1147933","538674","509113","1457940","1664043","510736"]}, attractionInfoInDescription: {"landmarks":[{"id":"1120007","name":"Via Laietana - Correus"},{"id":"173791","name":"Jaume I"},{"id":"510742","name":"Milk Bar & Bistro"}]}, clickTrip: { currentType:"tab", hotelDestinationDomainName:"hotelbcn-barcelona.com", hotelBookingDestinationType: "city", hotelBookingCityId:"-372490", hotelBookingTypeId:234, hotelBookingId:188827, subAccount:"clicktrip-bn-n28-250325-barcelona_hotel_colonial-i326393-s116206-wWf1uEnXskUcw0zzI-cu_tab-d9001-dc3" }, cityID: 45, cityLocalName: null, mapParameters: { mapProvider:'2', mapKey:'' ,hotelLatitude:'41.38238' ,hotelLongitude:'2.180746' ,cityCenterLatitude: '41386993' ,cityCenterLongitude: '2170052' }, streetView: { latitude:'41.38232409265654', longitude:'2.180873951421576', povheading:'246.58000354919585', povpitch:'12.666109728082219', zoom:'0.16992500144231237', id:'QLhCkR8ogmdRV2RqFn7BVQ', }, availableParams: { use:'0', dataFrom:'2025-03-26', dataTo:'2025-03-27', guestsAdults:'2', guestsChildren:'0' }, alertMessages: { messageName:'S\'il vous plaît entrez votre nom', messageEmail:'S\'il vous plaît entrez une adresse émail valide', messageSubject:'S\'il vous plaît choisissez un sujet', messageMessage:'S\'il vous plaît entrez le message', messageReview:'Veuillez entrer le texte', messageReviewCons:'Veuillez entrer le texte', messageMonth:'Veuillez choisir le mois', messageYear:'Veuillez choisir l\'année', messageRating:'Veuillez noter la propriété', messageCountry:'Choisissez un pays', next:'Suivant', prev:'Précédent', messageCalendar:'Entrez vos dates et consultez nos offres spéciales' }, stopSpamKey:'rok33ejqm', stopSpamValue:'90be8669656a7ce83cbf2e78df4c3f4e', }; </script> <script defer type="module" src="/new/designs/90/build/hotel-vendors/script.f5f146cfad695cb6801af4961ae65b7a.js"></script> <script defer type="module" src="/new/designs/90/build/hotel/script.f5f146cfad695cb6801af4961ae65b7a.js"></script> <script nomodule src="/new/designs/90/build/hotel-vendors/script-es5.42433dc8346c30a7d6e689010a00ec0b.js"></script> <script nomodule src="/new/designs/90/build/hotel/script-es5.42433dc8346c30a7d6e689010a00ec0b.js"></script> </body> </html>