CINXE.COM

<!DOCTYPE html> <html xml:lang="fr" lang="fr" > <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Hôtels et appartements à Bâle, tous les hébergements à Bâle</title> <meta name="keywords" content="Hôtels à Bâle, appartements à Bâle, hébergement à Bâle" /> <meta name="description" content="Réservation en ligne d'hôtels à Bâle, Suisse. Bonne disponibilité et tarifs avantageux. Pas cher et sécurisé, payez à l'hôtel, sans frais de réservation." /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui"> <link importance="high" rel="preload" href="/img/bg/450x450/116642.JPEG" as="image"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/righteous/v9/1cXxaUPXBpj2rGoU7C9WiHGFq8Kk1Q.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/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2"> <style>/*! */@font-face{font-family:Righteous;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/righteous/v9/1cXxaUPXBpj2rGoU7C9WiHGFq8Kk1Q.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:700;font-display:swap;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:500;font-display:swap;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:700;font-display:swap;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:swap;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:Copperplate Cyrillic;src:url(/new/designs/90/build/fonts/CopperplateCyrillic-Bold.woff2) format("woff2"),url(/new/designs/90/build/fonts/CopperplateCyrillic-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Raleway;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v22/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvoorCIPrcVIT9d0c8.woff) format("woff");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:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.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}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,sub,summary,sup,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}*{-webkit-tap-highlight-color:transparent}@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/destination/img/select-arrow.svg) #fff no-repeat!important;background-position:100%!important;background-size:30px 6px!important}select:focus{outline:none}select::-ms-expand{display:none}body{min-height:100%;font-family:Roboto,sans-serif;background:#fff;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.content__banner{margin-top:60px}@media only screen and (max-width:767px){.content__banner{margin-top:40px}}.clearfix:after,.clearfix:before{display:block;content:""}.clearfix:after{clear:both}div.container{width:1112px;margin:0 auto}.pull-left{float:left!important}.pull-right{float:right!important}.hidden{display:none!important}.phone-show,.tablet-show{display:none}@media only screen and (max-width:1024px){.hide-tablet{display:none!important}.show-tablet{display:block!important}.tablet-hide{display:none!important}.tablet-show{display:initial!important}}.show-mob{display:none!important}.hide-mob{display:block!important}@media only screen and (max-width:767px){.hide-mob{display:none!important}.show-mob{display:block!important}.phone-hide{display:none!important}.phone-show{display:initial!important}}.sunset__title{text-align:left}.sunset__title-text{color:#242c4a;font:700 26px/1.4 Roboto,sans-serif}.sunset__title-other-hotels{white-space:nowrap;cursor:pointer}.sunset__title-other-hotels .dates{position:relative;bottom:3px;color:#3c6780;font:500 16px/20px Roboto,sans-serif;text-decoration:underline}@media only screen and (max-width:1024px){.sunset__title-other-hotels{display:block;margin-top:20px}}.sunset__title-not-avail{display:inline-block;max-width:calc(100% - 180px);margin-right:10px}.sunset__title-calendar-icon{margin-left:3px}@media only screen and (max-width:767px){.sunset__title-calendar-icon{margin-left:0}}.sunset-hotel_list,.sunset-map{background-color:#f5f7fa}.sunset__hotel-list{display:flex;flex-wrap:wrap;padding-bottom:100px}.sunset__hotel-list--no-padding{padding-bottom:0}.sunset__hotel-list .sunset__content{width:100%}.sunset-error404 .sunset__content{background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/404-bg.jpg);background-position:50%;background-size:cover}.sunset__about,.sunset__add-hotel,.sunset__privacy{margin:30px 0;text-align:left}.message{display:flex;align-items:center;margin-bottom:20px;padding:20px;border-radius:2px;background-color:#fff;box-shadow:0 5px 10px 3px rgba(36,44,74,.1)}.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}.new-container{box-sizing:border-box;width:100%;max-width:1163px;margin:0 auto;padding-right:15px;padding-left:15px}.new-row{margin-right:-15px;margin-left:-15px}@media (max-width:767px){.new-container{padding-right:10px;padding-left:10px}.new-container.notavail-header{z-index:100}.new-row{margin-right:-10px;margin-left:-10px}}body.no-scroll{overflow:hidden}.banner,.check-avail-form-horizontal{z-index:100}.banner .date-picker-wrapper,.check-avail-form-horizontal .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}.banner .date-picker-wrapper.inline-wrapper,.check-avail-form-horizontal .date-picker-wrapper.inline-wrapper{position:absolute;top:100%;right:auto;left:0}.banner .date-picker-wrapper.single-date,.check-avail-form-horizontal .date-picker-wrapper.single-date{width:auto}.banner .date-picker-wrapper.no-topbar,.check-avail-form-horizontal .date-picker-wrapper.no-topbar{padding-top:12px}.banner .date-picker-wrapper .drp_top-bar,.banner .date-picker-wrapper.two-months.no-gap .month1 .next,.banner .date-picker-wrapper.two-months.no-gap .month2 .prev,.check-avail-form-horizontal .date-picker-wrapper .drp_top-bar,.check-avail-form-horizontal .date-picker-wrapper.two-months.no-gap .month1 .next,.check-avail-form-horizontal .date-picker-wrapper.two-months.no-gap .month2 .prev{display:none}.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{display:block;width:calc(100% + 2px);text-align:center;padding:15px;background:#3c6780;border-radius:2px 2px 0 0;text-transform:uppercase;margin-left:-1px;margin-top:-1px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{padding:10px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{width:100%;display:none}}.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{color:#fff;font:500 16px/21px Roboto,sans-serif;letter-spacing:1px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{font-size:14px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{font:500 14px/18px Roboto,sans-serif}}.banner .date-picker-wrapper .custom-footer,.check-avail-form-horizontal .date-picker-wrapper .custom-footer{font-size:0;display:flex;justify-content:center;align-items:center;padding:15px;border-radius:0 0 4px 4px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-footer,.check-avail-form-horizontal .date-picker-wrapper .custom-footer{width:100%}}.banner .date-picker-wrapper .custom-footer .calendar-hover-nights,.banner .date-picker-wrapper .custom-footer .calendar-hover-range,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-nights,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-range{display:inline-block;font:normal 14px/20px Roboto,sans-serif;padding:0 2px}.banner .date-picker-wrapper .custom-footer .calendar-hover-range,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-range{text-transform:capitalize}.banner .date-picker-wrapper .custom-footer .calendar-hover-nights,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-nights{font-weight:700}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month,.check-avail-form-horizontal .date-picker-wrapper .month{width:100%;border-bottom:1px solid #bad4e3}}.banner .date-picker-wrapper .month-wrapper,.check-avail-form-horizontal .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){.banner .date-picker-wrapper .month-wrapper,.check-avail-form-horizontal .date-picker-wrapper .month-wrapper{flex-wrap:wrap;justify-content:center;border-bottom:none}}.banner .date-picker-wrapper .month-head,.check-avail-form-horizontal .date-picker-wrapper .month-head{width:100%}.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .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){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 5px;height:40px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 40px;height:50px}}@media only screen and (max-width:414px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 35px}}@media only screen and (max-width:340px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 20px}}.banner .date-picker-wrapper .month-caption .next,.banner .date-picker-wrapper .month-caption .prev,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev{padding:0;cursor:pointer;display:block;opacity:1}.banner .date-picker-wrapper .month-caption .next.is-disabled,.banner .date-picker-wrapper .month-caption .prev.is-disabled,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next.is-disabled,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev.is-disabled{opacity:.5;cursor:default;pointer-events:none}.banner .date-picker-wrapper .month-caption .next,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next{text-align:right}.banner .date-picker-wrapper .month-caption .next .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next .calendar-arrow{transform:rotate(-90deg)}.banner .date-picker-wrapper .month-caption .prev,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev{text-align:left}.banner .date-picker-wrapper .month-caption .prev .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev .calendar-arrow{transform:rotate(90deg)}.banner .date-picker-wrapper .month-caption .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .calendar-arrow{width:10px;height:6px;fill:#242c4a}.banner .date-picker-wrapper .month-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-arrow{width:30px;height:30px;line-height:30px;font-size:0}.banner .date-picker-wrapper .month-name,.check-avail-form-horizontal .date-picker-wrapper .month-name{text-transform:capitalize;font-size:0;line-height:0}.banner .date-picker-wrapper .month-element,.check-avail-form-horizontal .date-picker-wrapper .month-element{display:inline-block;padding:0 2px;font:500 16px/20px Roboto,sans-serif}.banner .date-picker-wrapper .month-gap,.check-avail-form-horizontal .date-picker-wrapper .month-gap{width:1px;background:#bad4e3}.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .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){.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .date-picker-wrapper .month .week-name{padding:10px 5px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .date-picker-wrapper .month .week-name{max-width:290px;margin:0 auto}}.banner .date-picker-wrapper .month .week-name__item,.check-avail-form-horizontal .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:767px){.banner .date-picker-wrapper .month .week-name__item,.check-avail-form-horizontal .date-picker-wrapper .month .week-name__item{width:40px}}.banner .date-picker-wrapper .days-container,.check-avail-form-horizontal .date-picker-wrapper .days-container{padding:0 39px 30px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .days-container,.check-avail-form-horizontal .date-picker-wrapper .days-container{padding:0 5px}}.banner .date-picker-wrapper .days-row,.check-avail-form-horizontal .date-picker-wrapper .days-row{width:100%;display:flex;align-items:center}@media only screen and (max-width:767px){.banner .date-picker-wrapper .days-row,.check-avail-form-horizontal .date-picker-wrapper .days-row{max-width:280px;margin:0 auto}}.banner .date-picker-wrapper .days-row:not(:last-child),.check-avail-form-horizontal .date-picker-wrapper .days-row:not(:last-child){margin-bottom:3px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .days-row:not(:last-child),.check-avail-form-horizontal .date-picker-wrapper .days-row:not(:last-child){margin:0 auto 3px}}.banner .date-picker-wrapper .day,.check-avail-form-horizontal .date-picker-wrapper .day{cursor:default;width:14.28571%;flex-shrink:0}.banner .date-picker-wrapper .day.is-lastMonth,.banner .date-picker-wrapper .day.is-nextMonth,.check-avail-form-horizontal .date-picker-wrapper .day.is-lastMonth,.check-avail-form-horizontal .date-picker-wrapper .day.is-nextMonth{pointer-events:none;cursor:default}.banner .date-picker-wrapper .day.is-toMonth.is-hovering,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-hovering{background:rgba(60,103,128,.3)}.banner .date-picker-wrapper .day.is-toMonth.is-first-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-first-date-selected{background:linear-gradient(90deg,transparent 50%,rgba(60,103,128,.3) 0)}.banner .date-picker-wrapper .day.is-toMonth.is-last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-last-date-selected{background:linear-gradient(90deg,rgba(60,103,128,.3) 50%,transparent 0)}.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .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){.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .date-picker-wrapper .day .day-text{line-height:30px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .date-picker-wrapper .day .day-text{line-height:40px}}.banner .date-picker-wrapper .day .day-text.checked,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.checked{background-color:rgba(60,103,128,.3)}.banner .date-picker-wrapper .day .day-text.invalid,.banner .date-picker-wrapper .day .day-text.lastMonth,.banner .date-picker-wrapper .day .day-text.nextMonth,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.invalid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.lastMonth,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.nextMonth{pointer-events:none;cursor:default;color:#242c4a;background-color:transparent;opacity:.5}.banner .date-picker-wrapper .day .day-text.has-tooltip,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.has-tooltip{cursor:help!important}.banner .date-picker-wrapper .day .day-text.has-tooltip .tooltip,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.has-tooltip .tooltip{white-space:nowrap}.banner .date-picker-wrapper .day .day-text.toMonth.valid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.valid{cursor:pointer;color:#242c4a;opacity:1;height:32px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .day .day-text.toMonth.valid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.valid{height:auto}}.banner .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.banner .date-picker-wrapper .day .day-text.toMonth.last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.check-avail-form-horizontal .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:767px){.banner .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.banner .date-picker-wrapper .day .day-text.toMonth.last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.last-date-selected{width:100%;height:100%}}.banner .date-picker-wrapper .week-number,.check-avail-form-horizontal .date-picker-wrapper .week-number{display:none}.banner .date-picker-wrapper .select-wrapper,.check-avail-form-horizontal .date-picker-wrapper .select-wrapper{position:relative;overflow:hidden;display:inline-block;vertical-align:middle}.banner .date-picker-wrapper .select-wrapper:hover,.check-avail-form-horizontal .date-picker-wrapper .select-wrapper:hover{text-decoration:underline}.banner .date-picker-wrapper .select-wrapper select,.check-avail-form-horizontal .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}.banner .date-picker-wrapper .date-range-length-tip,.banner .date-picker-wrapper .hide,.banner .date-picker-wrapper .selected-days,.banner .date-picker-wrapper.single-month .time,.banner .date-picker-wrapper .time,.check-avail-form-horizontal .date-picker-wrapper .date-range-length-tip,.check-avail-form-horizontal .date-picker-wrapper .hide,.check-avail-form-horizontal .date-picker-wrapper .selected-days,.check-avail-form-horizontal .date-picker-wrapper.single-month .time,.check-avail-form-horizontal .date-picker-wrapper .time,.dropdown{display:none}.dropdown{padding:15px;min-width:255px;width:100%;max-width:calc(100vw - 20px);position:absolute;top:calc(100% - 10px);left:0;text-align:left;font-family:Roboto,sans-serif;box-sizing:border-box;border-radius:2px;border:1px solid #d1dde9;background-color:#fff;z-index:1000}.dropdown--scroll{max-height:230px;overflow-y:scroll}.dropdown--right{left:auto;right:0}.dropdown.is-show{display:block}.dropdown__list-item{font-size:14px;line-height:1;color:#242c4a;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{padding-right:5px;flex:1}.dropdown__select{padding:5px 17px 4px 5px;font-size:16px;font-weight:500;color:#242c4a;border-radius:2px;border-color:#bad4e3;cursor:pointer}.dropdown__select:not(:last-child){margin-right:15px}.dropdown__select:active,.dropdown__select:focus,.dropdown__select:hover{outline:none}.dropdown__select.is-error{border-color:red}.dropdown__title{margin-bottom:10px;font-size:18px;font-weight:500;color:#242c4a}.dropdown__title--full-width{width:100%}.dropdown__button{margin:0 5px;padding:10px 5px;flex:1;font-size:12px;font-weight:500;color:#fff;font-family:Roboto,sans-serif;text-transform:uppercase;letter-spacing:1px;border:1px solid #f68059;border-radius:2px;background-color:#f68059;cursor:pointer}.dropdown__button--cancel{color:#f68059;background-color:#fff}.dropdown__button:active,.dropdown__button:focus,.dropdown__button:hover{outline:none}.dropdown__error{margin-bottom:20px;display:none;font-size:16px;color:red}.show-mobile{display:none}@media (max-width:767px){.show-mobile{display:block}}.banner{position:relative;padding-bottom:72px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/cat.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat;font-family:Roboto,sans-serif}@media only screen and (max-width:767px){.banner{padding-bottom:16px}}.banner--min-height{height:500px}@media only screen and (max-width:767px){.banner--new{max-height:none}}.banner--new .banner__header{margin-bottom:30px}.banner--faq{height:500px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/faq.jpg)!important}.banner--quiz{height:auto;background:none}.banner__background{z-index:-1;position:absolute;top:0;right:0;left:0;height:300px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/cat.jpg)}.banner__background,.banner__bg{background-position:50%;background-size:cover}.banner__bg{width:100%;height:100%;background-repeat:no-repeat}@media (min-width:768px){.banner__bg--desktop{display:block!important}}.banner__main-photo{display:block;z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.banner__main-photo picture{display:none;height:100%}@media only screen and (max-width:767px){.banner__main-photo picture{display:block}}.banner__main-photo-item{display:block;width:100%;height:25px;object-fit:cover}.banner__main-photo-item--0{object-position:center 0}.banner__main-photo-item--1{object-position:center -25px}.banner__main-photo-item--2{object-position:center -50px}.banner__main-photo-item--3{object-position:center -75px}.banner__main-photo-item--4{object-position:center -100px}.banner__main-photo-item--5{object-position:center -125px}.banner__main-photo-item--6{object-position:center -150px}.banner__main-photo-item--7{object-position:center -175px}.banner__main-photo-item--8{object-position:center -200px}.banner__main-photo-item--9{object-position:center -225px}.banner__main-photo-item--10{object-position:center -250px}.banner__main-photo-item--11{object-position:center -275px}.banner__main-photo-item--12{object-position:center -300px}.banner__main-photo-item--13{object-position:center -325px}.banner__main-photo-item--14{object-position:center -350px}.banner__main-photo-item--15{object-position:center -375px}.banner__main-photo-item--16{object-position:center -400px}.banner__main-photo-item--17{object-position:center -425px}.banner__main-photo-item--18{object-position:center -450px}.banner__main-photo-overlay{z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;background:#202020;mix-blend-mode:normal;opacity:.65}.banner__content{z-index:8;position:relative;padding:10px 15px}.banner__infotitle{margin-bottom:5px;color:#fff;font:18px/30px Roboto,sans-serif;text-align:left}.banner__title{margin-bottom:8px;color:#fff;font:normal 500 50px Roboto,sans-serif;line-height:59px;text-align:center}.banner__text{max-width:750px;margin:0 auto 25px;color:#fff;font-weight:400;font-size:16px;line-height:1.5}.banner__form{padding:10px;border-radius:2px;background:rgba(236,243,251,.5);mix-blend-mode:normal}.main-form{position:relative;display:grid;grid-gap:10px;grid-template-columns:1.5fr 1fr 245px;grid-template-rows:70px;margin:0 auto}@media only screen and (max-width:1024px){.main-form{flex-wrap:wrap;justify-content:center;grid-template-columns:1.5fr 1fr 210px;grid-template-rows:70px}}@media only screen and (max-width:767px){.main-form{grid-template-rows:55px;grid-template-columns:1fr;grid-gap:5px;padding:5px}}.main-form__new-calendar{position:relative;display:grid;grid-template-columns:1fr 1fr}@media only screen and (max-width:767px){.main-form__new-calendar{width:100%;min-width:100%}}.main-form__new-calendar.is-with-city{min-width:calc(50% - 80px)}@media only screen and (max-width:767px){.main-form__new-calendar.is-with-city{min-width:100%}}.main-form__new-calendar .main-form__field .main-form-field__head{padding-right:45px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.496 1.5h-1.5v-1a.5.5 0 10-.999 0v1H4v-1a.5.5 0 10-1 0v1H1.5A1.5 1.5 0 000 3v9.496a1.5 1.5 0 001.5 1.5h10.996a1.5 1.5 0 001.5-1.5V3a1.5 1.5 0 00-1.5-1.5zm.5 10.996a.5.5 0 01-.5.5H1.5a.5.5 0 01-.5-.5V5.998h11.996v6.498zM1 5h11.996v-2a.5.5 0 00-.5-.5h-1.499v1a.5.5 0 01-1 0v-1H4v1a.5.5 0 11-1 0v-1H1.5A.5.5 0 001 3v2z' fill='%23959CAA'/%3E%3Cpath d='M3.999 6.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM7.498 6.998h-1a.5.5 0 100 1h1a.5.5 0 100-1zM10.997 6.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM3.999 8.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM7.498 8.998h-1a.5.5 0 100 1h1a.5.5 0 100-1zM10.997 8.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM3.999 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1zM7.498 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1zM10.997 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1z' fill='%23959CAA'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:14px 14px;background-position:calc(100% - 25px) 50%}.main-form__new-calendar .main-form__field .main-form-field__head:after{display:none}@media only screen and (max-width:1024px){.main-form__new-calendar .main-form__field .main-form-field__head{background-position:calc(100% - 15px) 50%}}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field .main-form-field__head{background-position:calc(100% - 10px) 50%}}.main-form__new-calendar .main-form__field:before{content:"";position:absolute;width:0;height:0;top:auto;bottom:-1px;left:50%;right:auto;transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #3c6780;background:none;display:none;z-index:2}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field:before{border-bottom:12px solid #bad4e3}}.main-form__new-calendar .main-form__field:after{content:""}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field:after{position:absolute;width:0;height:0;top:auto;bottom:-1px;left:50%;right:auto;transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #fff;background:none;display:none;z-index:2}}.main-form__new-calendar .main-form__field:first-child .main-form-field__head{border-right:none;border-bottom-right-radius:0;border-top-right-radius:0}.main-form__new-calendar .main-form__field:nth-child(2) .main-form-field__head{border-bottom-left-radius:0;border-top-left-radius:0}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-first .date-picker-wrapper.inline-wrapper{top:55px;bottom:auto}}.main-form__new-calendar.is-open-first .main-form__field:first-child:after,.main-form__new-calendar.is-open-first .main-form__field:first-child:before{display:block}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-first .main-form__field:first-child:after,.main-form__new-calendar.is-open-first .main-form__field:first-child:before{display:none}}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-next .date-picker-wrapper.inline-wrapper{bottom:auto}}.main-form__new-calendar.is-open-next .main-form__field:not(:first-child):after,.main-form__new-calendar.is-open-next .main-form__field:not(:first-child):before{display:block}.main-form__submit-container{display:flex}.main-form__submit{font-size:20px;line-height:23px;letter-spacing:1px;font-weight:700;text-align:center;color:#fff;padding:20px;display:flex;align-items:center;justify-content:center;flex:1;background:linear-gradient(1turn,#dc724f 4.77%,#f68059);box-shadow:0 0 10px 8px rgba(0,0,0,.05);border-radius:2px;border:none;cursor:pointer;text-transform:uppercase;transition:opacity .2s}.main-form__submit:focus,.main-form__submit:hover{opacity:.85}@media only screen and (max-width:1024px){.main-form__submit{padding:17px 10px}}@media only screen and (max-width:767px){.main-form__submit{font-size:18px;line-height:21px;letter-spacing:.9px}}.main-form .main-form-field{position:relative;min-width:210px;box-sizing:border-box;display:flex}.main-form .main-form-field>*{flex:1}@media only screen and (max-width:1024px){.main-form .main-form-field{min-width:140px}}@media only screen and (max-width:767px){.main-form .main-form-field{width:100%}.main-form .main-form-field .dropdown{top:calc(100% - 1px);width:100%;left:0;border-radius:0 0 4px 4px;border-top:1px solid #bad4e3}}.main-form .main-form-field__head{position:relative;display:grid;overflow:hidden;border-radius:2px;background:#fff;align-items:stretch;text-align:start;padding:15px 30px;cursor:pointer;border:1px solid #d1dde9}.main-form .main-form-field__head:after{content:"";width:8px;height:8px;display:block;border-bottom:2px solid #959caa;border-left:2px solid #959caa;transform:rotate(-45deg);transform-origin:50% 50%;position:absolute;right:25px;top:calc(50% - 4px);transition:transform .3s}@media only screen and (max-width:767px){.main-form .main-form-field__head:after{top:calc(50% - 4px);right:10px}}.main-form .main-form-field__head.is-show:after{transform:rotate(-225deg)}@media only screen and (max-width:1024px){.main-form .main-form-field__head{padding:15px 30px 15px 10px}}@media only screen and (max-width:767px){.main-form .main-form-field__head{padding:10px 30px 10px 10px}}.main-form .main-form-field__title{font-weight:500;font-size:8px;line-height:1;letter-spacing:.533333px;text-transform:uppercase;color:#959caa}@media only screen and (max-width:1024px){.main-form .main-form-field__title{width:80px}}@media only screen and (max-width:767px){.main-form .main-form-field__title{font-size:10px;width:85px}}.main-form .main-form-field__content{display:flex;align-items:center;position:relative;color:#242c4a;line-height:21px;font-size:20px;line-height:1;font-weight:400}@media only screen and (max-width:767px){.main-form .main-form-field__content{font-size:18px;line-height:21px}}.main-form .main-form-field__content--ja,.main-form .main-form-field__content--ko,.main-form .main-form-field__content--zh{margin-left:10px}.main-form .main-form-field__content--ja .field__number,.main-form .main-form-field__content--ko .field__number,.main-form .main-form-field__content--zh .field__number{font-size:18px;order:1;margin-right:5px}.main-form .main-form-field__content--ja .field__text,.main-form .main-form-field__content--ko .field__text,.main-form .main-form-field__content--zh .field__text{display:flex;align-items:center;padding-right:5px}.main-form .main-form-field__content--ja .field__text-item--month,.main-form .main-form-field__content--ko .field__text-item--month,.main-form .main-form-field__content--zh .field__text-item--month{order:1;margin-left:5px}.main-form .main-form-field__content--ja.field__content--guests .field__number,.main-form .main-form-field__content--ko.field__content--guests .field__number,.main-form .main-form-field__content--ko .field__number,.main-form .main-form-field__content--zh.field__content--guests .field__number{order:0}.main-form .main-form-field__content--ko .field__number:after{content:"\C77C"}.main-form .main-form-field__content--ko .field__text{display:block}.main-form .main-form-field__content--ja .field__number:after,.main-form .main-form-field__content--zh .field__number:after{content:"\65E5"}.main-form .main-form-field__content--guests .field__number:after{content:none}.main-form .main-form-field__number{margin-right:5px}.main-form .main-form-field__dot{margin:0 7px;width:3px;height:3px;border-radius:50%;background:#fff}@media only screen and (max-width:767px){.main-form .main-form-field__dot{background:#242c4a}}.main-form .main-form-field__text{display:flex;align-items:center}.main-form .main-form-field__text-item--month{margin-right:5px}.main-form .main-form-field__text-item--width{max-width:75px;text-align:start}.main-form .main-form-field__text-guests{display:none}.main-form .main-form-field__text-guests:first-letter{text-transform:uppercase}.main-form .main-form-field__text-guests.is-active{display:block}.main-form .main-form-field__corner{position:absolute;top:50%;right:15px;width:14px;height:6px;fill:#242c4a;transform:translateY(-50%);display:none}.main-form .main-form-field__calendar-icon{height:16px;width:16px;fill:#242c4a}.main-form .main-form-field__error{padding:10px;display:flex;width:200px;position:absolute;top:calc(100% - 4px);left:0;border-radius:2px;box-shadow:0 5px 10px 0 rgba(36,44,74,.1);background-color:#fff}.main-form .main-form-field__error.is-hide{display:none}.main-form .main-form-field__error--double-width{width:400px}.main-form .main-form-field__error-icon{width:22px;height:22px;fill:#ef4b5f}.main-form .main-form-field__error-text{padding-left:10px;width:calc(100% - 22px);font-size:16px;font-weight:700;color:#ef4b5f;text-align:start}@media only screen and (max-width:767px){.main-form .main-form-field__error{position:relative;width:100%}}@media (max-width:767px){.banner{background-image:none}.banner__content{padding:10px}.banner__title{margin-bottom:20px;font-weight:500;font-size:30px;line-height:35px}.banner__title span:after{content:"\A";white-space:pre}.banner__text{display:none}}.breadcrumbs{display:flex;align-items:center;position:absolute;bottom:-40px}@media only screen and (max-width:1024px){.breadcrumbs{bottom:-30px}}.breadcrumbs-item{display:flex;align-items:center;font:400 12px/18px Roboto,sans-serif;color:#7c8092}.breadcrumbs-item__link{color:#7c8092;text-decoration:underline}.breadcrumbs-item__arrow{margin:1px 6px 0}.header{box-sizing:border-box;z-index:10;position:relative;margin:0 auto 22px}@media only screen and (max-width:767px){.header{margin-bottom:20px}}.header--promotion{margin-bottom:0;background:#f7f7f7;color:#242c4a}.header--promotion .header__inner,.header--promotion .header__logo-sub-text,.header--promotion .header__logo-text{color:#242c4a}.header--promotion .header__nav-toggler{background-color:transparent}.header--promotion .header__nav-toggler-cross,.header--promotion .header__nav-toggler-line{background-color:#242c4a}.header--promotion .item__title-icon{fill:#242c4a}.header--promotion .item .dropdown__list-item:hover{background-color:#bad4e3}.header--promotion .item .dropdown__list-link{color:#242c4a}.header__inner{display:flex;align-items:center;width:100%;padding:25px 0;border-bottom:1px solid rgba(186,212,227,.5);color:#fff}@media only screen and (max-width:1024px){.header__inner{padding:20px 0}}@media only screen and (max-width:767px){.header__inner{padding:12px 5px}}.header__logo{color:#fff;text-align:left}.header__logo:hover{text-decoration:none}.header__logo--black{color:#242c4a}.header__logo-text{font:28px/20px Copperplate,Righteous,Trebuchet MS;letter-spacing:.830769px;text-transform:uppercase}.header__logo-sub-text{display:inline-block;width:100%;margin:4px auto 0;font:normal 500 8px/9px Raleway;letter-spacing:.266667px;text-align:center;text-transform:uppercase}.header__nav-toggler{position:relative;width:26px;height:26px;margin-left:auto;border:none;background-color:transparent;cursor:pointer}.header__nav-toggler:active,.header__nav-toggler:focus,.header__nav-toggler:hover{outline:none}.header__nav-toggler-line{display:block;width:25px;height:2px;background-color:#fff}.header__nav-toggler-line:not(:last-child){margin-bottom:5px}.header__nav-toggler-cross{display:block;position:absolute;top:calc(50% - 1px);left:0;width:26px;height:2px;transform:rotate(45deg);background-color:#242c4a}.header__nav-toggler-cross--right{transform:rotate(-45deg)}.header__nav{box-sizing:border-box;display:flex;margin-left:auto}.header__nav-header{display:none}.header__nav-item{font-weight:500;font-size:15px;cursor:pointer}.header__nav-item:not(:first-child){margin-left:15px}.header__nav-item:last-child{margin-right:-15px}@media only screen and (max-width:767px){.header__nav-item:last-child{margin-right:0}}.header .item{position:relative}.header .item__title{display:flex;position:relative;align-items:center;padding:10px 15px;font-weight:400;font-size:12px;line-height:14px;letter-spacing:.8px;text-transform:uppercase}.header .item__title.is-show .item__title-icon{transform:scaleY(-1)}.header .item__title-icon{width:10px;height:6px;margin-left:10px;fill:#fff;transform-origin:center center;vertical-align:middle;transition:transform .2s}.header .item .dropdown{top:calc(100% + 10px);padding:5px 0}.header .item .dropdown__list-item{margin-bottom: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{display:block;padding:10px 15px;color:#242c4a;text-decoration:none;cursor:pointer}@media (max-width:767px){.header-drop-is-show{overflow:hidden}.header-drop-is-show .header:after{display:block;z-index:-1;position:absolute;top:100%;right:0;left:0;height:100dvh;background-color:#000;content:"";opacity:.6}.header__logo-text{font-size:21px}.header__logo-sub-text{font-size:7px}.header__nav{display:none;z-index:9999;position:absolute;top:0;right:0;left:0;max-height:100dvh;padding:0 15px 15px;overflow:auto;background-color:#f5f7fa}.header__nav.is-show{display:block}.header__nav-header{display:flex;position:relative;align-items:center;margin-bottom:20px;padding:12px 0;border-bottom:1px solid #bad4e3}.header__nav-item{margin-left:0!important;background-color:#fff;box-shadow:0 5px 10px 0 rgba(36,44,74,.1);color:#242c4a;text-align:left}.header__nav-item:not(:last-child){margin-bottom:10px}.header .item__title{display:flex;align-items:center;padding:15px}.header .item__title-icon{fill:#242c4a;margin-left:auto}.header .item .dropdown{position:static;width:100%;border-top:1px solid #bad4e3;border-radius:0}}.recommendation{padding:45px 0 75px;background-color:#fff}@media only screen and (max-width:1024px){.recommendation{padding:30px 0 50px}}.recommendation .new-container{display:grid;grid-template-columns:1fr 353px;grid-column-gap:37px}.recommendation .new-container.one-column{grid-template-columns:1fr}.recommendation .new-container aside{grid-column:2/3;grid-row:1/4}.recommendation .new-container aside.horizontal{grid-column:1/3;grid-row:1}@media only screen and (max-width:1024px){.recommendation .new-container aside.horizontal{grid-column:1}}.recommendation .new-container aside.horizontal .aside__inner{grid-template-columns:1fr;grid-column-gap:20px;grid-column:1/4;display:flex}@media only screen and (max-width:767px){.recommendation .new-container aside.horizontal .aside__inner{display:block}}@media only screen and (max-width:1024px){.recommendation .new-container{grid-template-columns:1fr;grid-column-gap:20px}.recommendation .new-container aside{grid-column:1;grid-row:4}}@media only screen and (max-width:767px){.recommendation .new-container{display:block}}.recommendation .aside__inner{display:block}@media only screen and (max-width:1024px){.recommendation .aside__inner{display:flex}}@media only screen and (max-width:767px){.recommendation .aside__inner{display:block}}.recommendation .hotels-tonight-card__grade{display:none}.recommendation aside{background-color:#ecf3fb;padding:25px 20px 45px;border-radius:2px;text-align:start}@media only screen and (max-width:1024px){.recommendation aside{padding:30px 20px 20px}}@media only screen and (max-width:767px){.recommendation aside{padding:15px 10px 25px;display:block;margin-top:50px}.recommendation aside .tablet-divider{display:block}}.recommendation aside .tablet-divider{margin-right:auto;margin-left:auto;border-right:1px solid #d1dde9}.recommendation aside .aside__title,.recommendation aside h4{font-size:22px;line-height:30px;font-weight:400;color:#242c4a}@media only screen and (max-width:1024px){.recommendation aside .aside__title,.recommendation aside h4{grid-column:1/4;border-bottom:1px solid #d1dde9;padding-bottom:24px;margin-bottom:20px}}@media only screen and (max-width:767px){.recommendation aside .aside__title,.recommendation aside h4{border-bottom:none;padding-bottom:0;margin-bottom:0;font-size:20px;line-height:30px;font-weight:400}}.recommendation aside .btn-outline{width:100%;max-width:250px;display:block;margin:30px auto 0;position:relative}@media only screen and (max-width:1024px){.recommendation aside .btn-outline{grid-column:1/4}}@media only screen and (max-width:767px){.recommendation aside .btn-outline{margin-top:20px}}.recommendation__title{display:grid;grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr);padding-bottom:20px;padding-top:14px;align-items:baseline}@media only screen and (max-width:767px){.recommendation__title{grid-template-columns:1fr;padding-top:0}}.recommendation__title.is-secondary-block{margin-top:40px}.recommendation__title.is-secondary-block .recommendation__title-text{font-size:28px;line-height:39px;font-weight:400}@media only screen and (max-width:767px){.recommendation__title.is-secondary-block .recommendation__title-text{font-size:22px;line-height:32px;font-weight:400}}.recommendation__title-text{font-size:36px;line-height:45px;font-weight:400;color:#242c4a;grid-column:2/3}@media only screen and (max-width:767px){.recommendation__title-text{grid-column:1;font-size:28px;line-height:39px;font-weight:400}}.recommendation__date{font-size:14px;line-height:16px;font-weight:400;color:#656b80;margin-left:auto}@media only screen and (max-width:767px){.recommendation__date{grid-column:1;margin:0 auto}}.recommendation__description{border-top:1px solid #d1dde9;border-bottom:1px solid #d1dde9;padding:25px 0;grid-column:1}@media only screen and (max-width:767px){.recommendation__description{padding:20px 0}}.recommendation__description q{font-size:18px;line-height:24px;font-weight:400;font-family:Georgia,Roboto,sans-serif;font-style:italic;color:#242c4a}@media only screen and (max-width:767px){.recommendation__description q{font-size:16px;line-height:22px;font-weight:400}}.recommendation__author{display:flex;align-items:center;justify-content:center;margin-top:14px;font-size:12px;line-height:18px;font-weight:400;font-family:Roboto,sans-serif;text-transform:uppercase;color:#656b80}@media only screen and (max-width:767px){.recommendation__author{font-size:10px;line-height:18px;font-weight:400}}.recommendation__author img{width:22px;height:22px;border-radius:50%;margin-right:10px}.recommendation__list{padding-top:40px;display:grid;grid-template-columns:1fr 1fr;grid-gap:17px 37px;grid-column:1}.recommendation__list>.slick-dots{display:flex;justify-content:center;margin:0 auto}.recommendation__list>.slick-dots button{cursor:pointer;font-size:0;color:#fff;background:#d1dde9;border:none;outline:none;height:8px;width:8px;border-radius:50%;margin:0 5px;transition:transform .3s}.recommendation__list>.slick-dots .slick-active button{background-color:#3c6780}.recommendation__list .slick-slide{width:100%}@media only screen and (max-width:767px){.recommendation__list{padding-top:15px;grid-template-columns:1fr;display:block}}.recommendation__additional-destination{background-color:#ecf3fb;padding:20px 30px 40px;grid-column:span 2;border-bottom-right-radius:2px;border-top-left-radius:2px;border-bottom-left-radius:2px}@media only screen and (max-width:1024px){.recommendation__additional-destination{grid-column:1;grid-row:5;padding:30px 20px}}@media only screen and (max-width:767px){.recommendation__additional-destination{padding:15px 10px}}.recommendation__additional-destination--only{background-color:#fff;padding:20px 0 0}.recommendation__additional-destination ul{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px 30px}@media only screen and (max-width:1024px){.recommendation__additional-destination ul{grid-column:1;grid-row:5;grid-gap:15px 40px;grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:767px){.recommendation__additional-destination ul{grid-template-columns:1fr}}.recommendation__additional-destination:not(.open){display:none}.recommendation__additional-destination__item{color:#242c4a;display:block}.recommendation__additional-destination__item a,.recommendation__additional-destination__item span{display:block}.recommendation__btn-wrapper{margin-top:20px;display:flex;align-items:center;justify-content:center}.recommendation__btn-wrapper .btn{background:#fff}.ht-block{text-align:left;background:#f5f7fa;padding:60px}@media only screen and (max-width:767px){.ht-block{padding:20px 0 30px}}.ht-block-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:30px 0 20px}@media only screen and (max-width:767px){.ht-block-nav{padding:30px 0 10px}}.ht-block-nav__tabs{display:flex;border:1px solid #3c6780;border-radius:2px}@media only screen and (max-width:767px){.ht-block-nav__tabs{width:100%;margin-bottom:10px}}.ht-block-nav__tab{display:flex;align-items:center;justify-content:center;min-width:140px;font:500 14px Roboto,sans-serif;text-align:center;color:#3c6780;text-transform:uppercase;padding:8px 0;border-right:1px solid #3c6780;cursor:pointer}@media only screen and (max-width:767px){.ht-block-nav__tab{min-width:auto;width:100%;font-size:12px}}.ht-block-nav__tab:last-child{border-right:none}.ht-block-nav__tab.is-active{color:#fff;background:#3c6780}.ht-block-nav__map-btn{min-width:150px;display:flex;align-items:center;padding:10px 20px;border-radius:2px;background:#3c6780;cursor:pointer}@media only screen and (max-width:767px){.ht-block-nav__map-btn{min-width:auto;order:3;padding:11px 15px}}.ht-block-nav__map-btn .icon{width:20px;height:20px;fill:#fff;margin-right:5px}@media only screen and (max-width:767px){.ht-block-nav__map-btn .icon{width:14px;height:14px;margin-right:0}}.ht-block-nav__map-btn span{font:700 14px/1.7 Roboto,sans-serif;color:#fff}@media only screen and (max-width:767px){.ht-block-nav__map-btn span{display:none}}.ht-block-nav__date{display:none;font:14px/1.5 Roboto,sans-serif;color:#242c4a;margin:10px calc(100% - 300px) 0 0}@media only screen and (max-width:767px){.ht-block-nav__date{margin:0}}.ht-block-nav__date.is-active{display:block}.ht-block-container{height:100px}.hotels-tonight-card{display:none}.presetting-section{background-color:#ecf3fb;padding:55px 0 88px}@media only screen and (max-width:767px){.presetting-section{padding:50px 0 70px;padding:30px 0 45px}}.presetting-section__select{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:37px;margin-top:35px}.presetting-section__select .hotels-search-presetting__card:nth-child(4){grid-column:2/3}@media only screen and (max-width:1024px){.presetting-section__select{grid-gap:15px;margin-top:20px}}@media only screen and (max-width:767px){.presetting-section__select{display:block;margin-left:-10px;width:calc(100% + 20px)}}.presetting-section .btn-show-more{display:block;max-width:250px;width:100%;margin:30px auto 0}.presetting-section.unique-homes-section{padding-bottom:50px}.presetting-section.unique-homes-section .list-of-outline-links{padding-top:40px}.presetting-section.unique-homes-section .list-of-outline-links:not(.open){display:none}.presetting-section .slick-track{display:flex}.presetting-section .slick-track .slick-slide{height:auto}.presetting-section .slick-dots li:not(.slick-active) button{background-color:#fff}.hotels-search-presetting__card{position:relative;display:block;cursor:pointer;background-color:#fff;border-radius:2px;padding:30px 40px 45px;display:flex;flex-direction:column;justify-content:flex-start;color:#656b80;font-size:14px;line-height:21px;font-weight:400}@media only screen and (max-width:1024px){.hotels-search-presetting__card{padding:30px 20px 40px}}@media only screen and (max-width:767px){.hotels-search-presetting__card{padding:25px 25px 38px;width:240px;margin:0 5px}}.hotels-search-presetting__card svg{width:26px;height:26px;color:#242c4a;display:block;margin:0 auto 10px}.hotels-search-presetting__card span{font-size:18px;line-height:21px;font-weight:400;color:#242c4a;display:block;margin-bottom:6px;cursor:pointer}.hotels-search-presetting__card p{margin-top:3px}@media only screen and (max-width:1024px){.hotels-search-presetting__card br{display:none}}.hotels-search-presetting__card__currency-symbol{font-family:Georgia,Roboto,sans-serif}.hotels-search-presetting__card:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:#fff;background:#000;opacity:0;z-index:1;transition:opacity .3s ease-in}.hotels-search-presetting__card .btn-show-hotels{display:block;max-width:calc(100% - 20px);width:250px;background-color:#fff;border-radius:2px;cursor:pointer;font-size:12px;line-height:24px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:#242c4a;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + 10px));opacity:0;visibility:hidden;z-index:2;transition-delay:.15s;transition:opacity .2s ease-out,transform .3s ease-out}.hotels-search-presetting__card .btn-show-hotels:after{content:"";display:inline-block;margin-left:5px;width:13.69px;height:9.63px;vertical-align:middle;background-size:contain;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.22.145a.483.483 0 00-.69 0 .487.487 0 000 .683l3.498 3.499H.483A.48.48 0 000 4.81c0 .27.214.49.483.49h11.545L8.53 8.792a.495.495 0 000 .69.483.483 0 00.69 0l4.326-4.327a.475.475 0 000-.683L9.22.145z' fill='%23242C4A'/%3E%3C/svg%3E")}.hotels-search-presetting__card:focus:after,.hotels-search-presetting__card:hover:after{opacity:.6}.hotels-search-presetting__card:focus .btn-show-hotels,.hotels-search-presetting__card:hover .btn-show-hotels{transform:translate(-50%,-50%);opacity:1;visibility:visible}.near-sights{padding:75px 0;background:#fff}@media only screen and (max-width:1024px){.near-sights{padding:50px 0}}.near-sights .slick-slider{margin-bottom:30px}.near-sights__content__wrapper{margin-top:35px;display:grid;grid-gap:37px;grid-template-columns:2fr 1fr}@media only screen and (max-width:1024px){.near-sights__content__wrapper{grid-template-columns:1fr;grid-row-gap:40px}}@media only screen and (max-width:767px){.near-sights__content__wrapper{display:block}}.near-sights__map{height:353px;width:100%;margin-bottom:30px;border-radius:2px;overflow:hidden}@media only screen and (max-width:1024px){.near-sights__map{height:300px}}.near-sights__map .mini-marker{width:18px;height:10px}.near-sights__map .mini-marker svg{display:block;max-width:100%}.near-sights__map-block{padding:20px 20px 40px;font-size:18px;line-height:24px;font-weight:400;text-align:center;color:#242c4a;background:#ecf3fb;border-radius:2px;overflow:hidden}.near-sights__map-block:first-child{grid-column:span 2}@media only screen and (max-width:1024px){.near-sights__map-block{display:grid;grid-template-columns:1fr 1fr}.near-sights__map-block>:first-child{grid-column:span 2}}@media only screen and (max-width:767px){.near-sights__map-block{grid-template-columns:1fr;padding:10px 10px 25px}.near-sights__map-block>:first-child{grid-column:1}}.near-sights__map-block p{max-width:264px;margin:0 auto}@media only screen and (max-width:1024px){.near-sights__map-block p{max-width:none;text-align:start}}@media only screen and (max-width:767px){.near-sights__map-block p{text-align:center}}.near-sights__map-block .btn{background-color:#fff;width:250px;max-width:90%;margin:20px auto 0;line-height:22px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width:1024px){.near-sights__map-block .btn{margin:0 0 0 auto}}@media only screen and (max-width:767px){.near-sights__map-block .btn{margin:20px auto 0}}.near-sights__map-block .btn svg{vertical-align:middle;transition:transform .3s;margin-left:10px}.near-sights__map-block .btn:focus,.near-sights__map-block .btn:hover{background-color:#242c4a}.near-sights__map-block .btn:focus svg,.near-sights__map-block .btn:hover svg{transform:translateX(5px)}.near-sights__other-places{padding-top:60px}@media only screen and (max-width:1024px){.near-sights__other-places{padding-top:40px}}.other-places__header{font-size:22px;line-height:30px;display:flex;justify-content:space-between;align-items:baseline;margin-bottom:25px;color:#242c4a}@media only screen and (max-width:767px){.other-places__header{text-align:left}}.other-places__footer{display:flex;justify-content:center;align-items:baseline;margin-top:25px}.other-places__additional{margin-top:15px}.other-places__additional:not(.open){display:none}.other-places__btn-show-more{cursor:pointer;display:inline-block;font-size:12px;line-height:24px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:#3c6780;white-space:nowrap}.other-places__btn-show-more:focus span,.other-places__btn-show-more:hover span{text-decoration:underline}@media only screen and (max-width:767px){.other-places__btn-show-more{margin-top:auto}}.sights-list{display:grid;grid-gap:37px;grid-template-columns:repeat(2,1fr)}@media only screen and (max-width:767px){.sights-list{display:block;margin-left:-10px;width:calc(100% + 20px)}}.sights-list__item{border-radius:2px;overflow:hidden;display:block}@media only screen and (max-width:767px){.sights-list__item{max-width:calc(100vw - 20px);min-width:300px;margin:0 10px 20px}}.sights-list__item__photo{height:200px;width:100%;max-width:100%;overflow:hidden}.sights-list__item__photo img{width:100%;height:100%;object-fit:cover;display:block}.sights-list__item__title{background-color:#ecf3fb;padding:18px 15px;text-align:start;display:flex;align-items:center;font-size:18px;line-height:24px;font-weight:400;color:#242c4a}@media only screen and (max-width:767px){.sights-list__item__title{padding:15px 10px}}.sights-list__item__title svg{width:14px;height:10px;margin-left:auto;transition:transform .3s ease-out}.sights-list__item:hover .sights-list__item__title{text-decoration:underline}.sights-list__item:hover .sights-list__item__title svg{transform:translateX(5px)}.sights-list__item--all-landmarks{padding:60px 34px 50px;background-color:#ecf3fb;display:flex;text-align:start;color:#242c4a;font-size:18px;line-height:26px;font-weight:400}.sights-list__item--all-landmarks svg{display:block}.sights-list__item--all-landmarks .btn{color:#3c6780;text-align:start;padding-left:0;padding-bottom:0;font-size:12px;line-height:24px;font-weight:500}.sights-list__item--all-landmarks .btn svg{display:inline-block;transition:transform .3s ease-out}.sights-list__item--all-landmarks p{margin-top:20px;max-width:237px}.sights-list__item--all-landmarks:focus .btn,.sights-list__item--all-landmarks:hover .btn{text-decoration:underline}.sights-list__item--all-landmarks:focus .btn svg,.sights-list__item--all-landmarks:hover .btn svg{transform:translateX(5px)}.sights-list__item__content{flex:1}/*! */</style> <link rel="preload" as="style" onload="this.onload=null; this.rel='stylesheet'" href="/new/designs/90/build/destination/style.44a5ecf231204c2fec68d7848316008b.css" crossorigin> <noscript><link rel="stylesheet" href="/new/designs/90/build/destination/style.44a5ecf231204c2fec68d7848316008b.css" crossorigin></noscript> <link rel="alternate" hreflang="cs" type="text/html" href="https://www.basel-hotels.net/cs/" title="Czech"> <link rel="alternate" hreflang="da" type="text/html" href="https://www.basel-hotels.net/da/" title="Danish"> <link rel="alternate" hreflang="de" type="text/html" href="https://www.basel-hotels.net/de/" title="Deutch"> <link rel="alternate" hreflang="en" type="text/html" href="https://www.basel-hotels.net/en/" title="English"> <link rel="alternate" hreflang="es" type="text/html" href="https://www.basel-hotels.net/es/" title="Spanish"> <link rel="alternate" hreflang="fr" type="text/html" href="https://www.basel-hotels.net/fr/" title="French"> <link rel="alternate" hreflang="el" type="text/html" href="https://www.basel-hotels.net/el/" title="Greek"> <link rel="alternate" hreflang="he" type="text/html" href="https://www.basel-hotels.net/he/" title="Hebrew"> <link rel="alternate" hreflang="it" type="text/html" href="https://www.basel-hotels.net/it/" title="Italiano"> <link rel="alternate" hreflang="ja" type="text/html" href="https://www.basel-hotels.net/ja/" title="Japanese"> <link rel="alternate" hreflang="hu" type="text/html" href="https://www.basel-hotels.net/hu/" title="Hungarian"> <link rel="alternate" hreflang="nl" type="text/html" href="https://www.basel-hotels.net/nl/" title="Dutch"> <link rel="alternate" hreflang="no" type="text/html" href="https://www.basel-hotels.net/no/" title="Norwegian"> <link rel="alternate" hreflang="pt" type="text/html" href="https://www.basel-hotels.net/pt/" title="Portuguese"> <link rel="alternate" hreflang="ru" type="text/html" href="https://www.basel-hotels.net/ru/" title="Russian"> <link rel="alternate" hreflang="sv" type="text/html" href="https://www.basel-hotels.net/sv/" title="Swedish"> <link rel="alternate" hreflang="tr" type="text/html" href="https://www.basel-hotels.net/tr/" title="Turkish"> <link rel="alternate" hreflang="uk" type="text/html" href="https://www.basel-hotels.net/uk/" title="Ukrainian"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <link rel="canonical" href="https://www.basel-hotels.net/fr/"> </head> <body class="sunset-main"> <div class="banner js-head-banner " style="background-image: linear-gradient(to bottom, #202020, rgba(255, 255, 255, 0))" > <div class="banner__main-photo"> <div class="banner__main-photo-overlay"></div> <div class="banner__bg banner__bg--desktop" style="display: none; background-image: url(/img/bg/116642.JPEG)"> </div> <picture> <source srcset="/img/bg/450x450/116642.JPEG" media="(max-width: 768px)"> <img class="banner__main-photo-item banner__main-photo-item--0" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--1" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--2" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--3" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--4" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--5" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--6" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--7" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--8" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--9" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--10" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--11" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--12" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--13" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--14" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--15" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--16" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--17" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--18" srcset="" alt=""> </picture> </div> <header class="header "> <div class="new-container"> <div class="header__inner"> <a href="/fr/" class="header__logo"> <div class="header__logo-text"> Bâle </div> <div class="header__logo-sub-text">• hotels & resorts •</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-header"> <div class="header__logo header__logo--black"> <div class="header__logo-text"> Bâle </div> <div class="header__logo-sub-text">• hotels & resorts •</div> </div> <button class="header__nav-toggler js-toggle-navigation"> <span class="header__nav-toggler-cross"></span> <span class="header__nav-toggler-cross header__nav-toggler-cross--right"></span> </button> </div> <div class="header__nav-item item js-header-dropdown-wrapper"> <div class="item__title js-header-toggler"> Monnaie <svg class="item__title-icon" width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.84.508l-.327-.33a.543.543 0 00-.387-.16.543.543 0 00-.387.16L5.002 3.915 1.262.174a.543.543 0 00-.387-.16.543.543 0 00-.387.16L.16.502a.548.548 0 000 .773l4.454 4.47a.56.56 0 00.388.176h.002a.559.559 0 00.386-.176l4.45-4.458a.552.552 0 000-.78z" fill="currentColor" /> </svg> </div> <div class="dropdown dropdown--right js-header-dropdown"> <ul class="dropdown__list js-lang-currency-list"> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0x"> <span class="dropdown__list-item-code"> USD </span> Dollar américain </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0z"> <span class="dropdown__list-item-code"> EUR </span> Euro </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT03"> <span class="dropdown__list-item-code"> GBP </span> Livre sterling </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMQ=="> <span class="dropdown__list-item-code"> AUD </span> Dollar australien </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0yMQ=="> <span class="dropdown__list-item-code"> CAD </span> Dollar canadien </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT00OA=="> <span class="dropdown__list-item-code"> BRL </span> Réal brésilien </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT00OQ=="> <span class="dropdown__list-item-code"> BGN </span> Lev bulgare </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT01Nw=="> <span class="dropdown__list-item-code"> CNY </span> Yuan chinois </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT02Ng=="> <span class="dropdown__list-item-code"> CZK </span> Couronne tchèque </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT00"> <span class="dropdown__list-item-code"> DKK </span> Couronne danoise </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMw=="> <span class="dropdown__list-item-code"> HKD </span> Dollar de Hong Kong </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT03Nw=="> <span class="dropdown__list-item-code"> ILS </span> Nouveau sheqel israélien </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0yMw=="> <span class="dropdown__list-item-code"> JPY </span> Yen japonais </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMA=="> <span class="dropdown__list-item-code"> MYR </span> Ringgit malaisien </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMg=="> <span class="dropdown__list-item-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" data-internal="Lz9jdXJyZW5jeT0yMg=="> <span class="dropdown__list-item-code"> NOK </span> Couronne norvégienne </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMzU="> <span class="dropdown__list-item-code"> PLN </span> Zloty polonais </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMzY="> <span class="dropdown__list-item-code"> RON </span> Nouveau leu roumain </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMzc="> <span class="dropdown__list-item-code"> RUB </span> Rouble russe </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xNDI="> <span class="dropdown__list-item-code"> SAR </span> Riyal saoudien </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0yNA=="> <span class="dropdown__list-item-code"> SGD </span> Dollar de Singapour </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xNQ=="> <span class="dropdown__list-item-code"> ZAR </span> Rand sud-africain </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xNTE="> <span class="dropdown__list-item-code"> KRW </span> Won sud-coréen </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT05"> <span class="dropdown__list-item-code"> SEK </span> Couronne suédoise </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT04"> <span class="dropdown__list-item-code"> CHF </span> Franc suisse </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xNjI="> <span class="dropdown__list-item-code"> TRY </span> Livre turque </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xNjY="> <span class="dropdown__list-item-code"> UAH </span> Hryvnia ukrainienne </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0y"> <span class="dropdown__list-item-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" width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.84.508l-.327-.33a.543.543 0 00-.387-.16.543.543 0 00-.387.16L5.002 3.915 1.262.174a.543.543 0 00-.387-.16.543.543 0 00-.387.16L.16.502a.548.548 0 000 .773l4.454 4.47a.56.56 0 00.388.176h.002a.559.559 0 00.386-.176l4.45-4.458a.552.552 0 000-.78z" fill="currentColor" /> </svg> </div> <div class="dropdown dropdown--right js-header-dropdown"> <ul class="dropdown__list js-lang-currency-list"> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L2FyLw=="> العربية </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3poLw=="> 简体中文 </span> </li> <li class="dropdown__list-item"> <a href="/cs/" class="dropdown__list-link js-link"> Čeština </a> </li> <li class="dropdown__list-item"> <a href="/da/" class="dropdown__list-link js-link"> Dansk </a> </li> <li class="dropdown__list-item"> <a href="/de/" class="dropdown__list-link js-link"> Deutsch </a> </li> <li class="dropdown__list-item"> <a href="/en/" class="dropdown__list-link js-link"> English </a> </li> <li class="dropdown__list-item"> <a href="/es/" class="dropdown__list-link js-link"> Español </a> </li> <li class="dropdown__list-item"> <a href="/fr/" class="dropdown__list-link js-link"> Français </a> </li> <li class="dropdown__list-item"> <a href="/el/" class="dropdown__list-link js-link"> Ελληνικά </a> </li> <li class="dropdown__list-item"> <a href="/he/" class="dropdown__list-link js-link"> עברית </a> </li> <li class="dropdown__list-item"> <a href="/it/" class="dropdown__list-link js-link"> Italiano </a> </li> <li class="dropdown__list-item"> <a href="/ja/" class="dropdown__list-link js-link"> 日本語 </a> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L2tvLw=="> 한국어 </span> </li> <li class="dropdown__list-item"> <a href="/hu/" class="dropdown__list-link js-link"> Magyar </a> </li> <li class="dropdown__list-item"> <a href="/nl/" class="dropdown__list-link js-link"> Nederlands </a> </li> <li class="dropdown__list-item"> <a href="/no/" class="dropdown__list-link js-link"> Norsk </a> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3BsLw=="> Polski </span> </li> <li class="dropdown__list-item"> <a href="/pt/" class="dropdown__list-link js-link"> Português </a> </li> <li class="dropdown__list-item"> <a href="/ru/" class="dropdown__list-link js-link"> Русский </a> </li> <li class="dropdown__list-item"> <a href="/sv/" class="dropdown__list-link js-link"> Svenska </a> </li> <li class="dropdown__list-item"> <a href="/tr/" class="dropdown__list-link js-link"> Türkçe </a> </li> <li class="dropdown__list-item"> <a href="/uk/" class="dropdown__list-link js-link"> Українська </a> </li> </ul> </div> </div> </div> </div> </div> </header> <div class="banner__content new-container"> <h1 class="banner__title"> Bienvenue dans les hôtels de Bâle! </h1> <p class="banner__text"> Le premier réseau de voyage local offrant les meilleurs tarifs et la disponibilité d'hébergements sélectionnés</p> <form action="/fr/search/" method="post" class="banner__form main-form js-avail-form"> <div class="main-form__new-calendar js-new-calendar-wrapper"> <div class="main-form-field main-form__field main-form__field--border js-new-calendar-from"> <div class="main-form-field__head"> <div class="main-form-field__title">Check-in</div> <div class="main-form-field__content main-form-field__content--fr"> <div class="main-form-field__number js-date-day">27</div> <div class="main-form-field__text"> <div class="main-form-field__text-item main-form-field__text-item--month main-form-field__text-item--bold js-date-month">déc.</div> <div class="main-form-field__text-item hide-tablet js-date-year">2024</div> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z"/> </svg> </div> <input class="js-new-calendar-from-input" type="hidden" name="from" value="2024-12-27"> </div> <div class="main-form-field main-form__field main-form__field--border js-new-calendar-to"> <div class="main-form-field__head"> <div class="main-form-field__title">Check-out</div> <div class="main-form-field__content main-form-field__content--fr"> <div class="main-form-field__number js-date-day">28</div> <div class="main-form-field__text"> <div class="main-form-field__text-item main-form-field__text-item--month main-form-field__text-item--bold js-date-month">déc.</div> <div class="main-form-field__text-item hide-tablet js-date-year">2024</div> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z"/> </svg> </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="2024-12-28"> </div> </div> <div class="main-form-field main-form__field"> <div class="main-form-field__head js-guests-toggler"> <div class="main-form-field__title">Clients</div> <div class="main-form-field__content"> <div class="main-form-field__number js-guests-count">2</div> <div class="main-form-field__text"> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="1"> invité</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text is-active" data-guests-count="2"> invités</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="3"> invités</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="4"> invités</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="5"> invités</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="6"> invités</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="7"> invités</p> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z"/> </svg> </div> <div class="dropdown main-form-field__dropdown js-guests-dropdown"> <div class="dropdown__block"> <div class="dropdown__item"> <div class="dropdown__title"> Adultes: </div> <select class="dropdown__select js-adults-select" name="adults"> <option value="1">1</option> <option value="2" selected="selected">2</option> <option value="3">3</option> <option value="4">4</option> </select> </div> <div class="dropdown__item"> <div class="dropdown__title"> Enfants : </div> <select class="dropdown__select js-children-select" name="children"> <option value="0" selected="selected">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </div> </div> <div class="dropdown__block js-children-wrapper"></div> <div class="dropdown__error js-error js-error-child">Veuillez indiquer l'âge de l'enfant</div> <div class="dropdown__error js-error js-error-children">Veuillez indiquer l'âge des enfants</div> <div class="dropdown__block dropdown__block--margin"> <button class="dropdown__button dropdown__button--cancel js-cancel-button" type="button">Annuler</button> <button class="dropdown__button dropdown__button js-ok-button" type="button">OK</button> </div> </div> </div> <div class="main-form__submit-container"> <button class="main-form__submit" type="submit">Rechercher</button> </div> </form> </div> </div> <div class="sunset sunset-main"> <div class="content js-content clearfix"> <div class="js-hotels-available"> <div class="sunset__content"> <div class="recommendation js-hotels-recommendation"> <div class="new-container one-column "> <div class="recommendation__title"> <span class="recommendation__title-text">Choix de L'éditeur</span> <span class="recommendation__date">pour 26.12</span> </div> <div class="recommendation__description"> <q> 4 meilleurs hôtels disponibles entre 76US$ et 284US$ sélectionnés par nos rédacteurs pour ses excellentes critiques, ses emplacements pratiques et ses bons rapports qualité-prix. </q> <p class="recommendation__author"> <img width="22" height="" src="/new/designs/90/destination/img/recommendation/authors/recommendation-author-1.png" /> par notre rédacteur en chef Billy Schultz </p> </div> <div class="recommendation__list js-mobile-slider js-ht-hotels-block-recommendation"> <div class="hotels-tonight-card--with-badge small-photo no-border hotels-tonight-card js-ht-card is-first-slide" data-id="23012673" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>113</b> <b>US$</b> ce soir </div> <a class="hotellist-gallery-arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </a> <div class="hotels-tonight-card__carousel-photos"> <div class="hotels-tonight-card__carousel-photos-gallery js-ht-card-gallery"> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/16196/1619673/1619673854.JPEG" srcset="/data/Photos/450x450w/16196/1619673/1619673854.JPEG 1x, /data/Photos/700x500w/16196/1619673/1619673854.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/16196/1619673/1619673558.JPEG" srcset="/data/Photos/450x450w/16196/1619673/1619673558.JPEG 1x, /data/Photos/700x500w/16196/1619673/1619673558.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/16196/1619673/1619673597.JPEG" srcset="/data/Photos/450x450w/16196/1619673/1619673597.JPEG 1x, /data/Photos/700x500w/16196/1619673/1619673597.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/16196/1619673/1619673583.JPEG" srcset="/data/Photos/450x450w/16196/1619673/1619673583.JPEG 1x, /data/Photos/700x500w/16196/1619673/1619673583.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/16196/1619673/1619673785.JPEG" srcset="/data/Photos/450x450w/16196/1619673/1619673785.JPEG 1x, /data/Photos/700x500w/16196/1619673/1619673785.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/16196/1619673/1619673796.JPEG" srcset="/data/Photos/450x450w/16196/1619673/1619673796.JPEG 1x, /data/Photos/700x500w/16196/1619673/1619673796.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <a class="hotellist-gallery-arrow hotellist-gallery-arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </a> </div> <div class="hotels-tonight-card__content"> <p class="hotels-tonight-card__title" title="Limehome Basel Muenzgasse"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly9saW1laG9tZS1tdWVuemdhc3NlLmJhc2VsLWhvdGVscy5uZXQvZnIvP2Zyb209MjAyNC0xMi0yNiZ0bz0yMDI0LTEyLTI3JmFkdWx0cz0yJmNoaWxkcmVuPTAmY3VycmVuY3k9MSNyb29tcw=="> Limehome Basel Muenzgasse </span> <span class="hotels-tonight-card__title-arrow"></span> </p> <div class="hotels-tonight-card__distance"> <div class="hotels-tonight-card__distance-text"> 500 m jusqu'au centre ville </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-tonight-card__review"> <div class="hotels-tonight-card__review-number">8.6</div> <div class="hotels-tonight-card__review-text">Excellent</div> <div class="hotels-tonight-card__review-count">(326 commentaires)</div> </div> </div> </div> <div class="hotels-tonight-card--with-badge small-photo no-border hotels-tonight-card js-ht-card" data-id="209068" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>284</b> <b>US$</b> ce soir </div> <a class="hotellist-gallery-arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </a> <div class="hotels-tonight-card__carousel-photos"> <div class="hotels-tonight-card__carousel-photos-gallery js-ht-card-gallery"> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15308/1530819/1530819451.JPEG" srcset="/data/Photos/450x450w/15308/1530819/1530819451.JPEG 1x, /data/Photos/700x500w/15308/1530819/1530819451.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15308/1530819/1530819490.JPEG" srcset="/data/Photos/450x450w/15308/1530819/1530819490.JPEG 1x, /data/Photos/700x500w/15308/1530819/1530819490.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15308/1530822/1530822544.JPEG" srcset="/data/Photos/450x450w/15308/1530822/1530822544.JPEG 1x, /data/Photos/700x500w/15308/1530822/1530822544.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/10674/1067449/1067449987.JPEG" srcset="/data/Photos/450x450w/10674/1067449/1067449987.JPEG 1x, /data/Photos/700x500w/10674/1067449/1067449987.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/10374/1037462/1037462173.JPEG" srcset="/data/Photos/450x450w/10374/1037462/1037462173.JPEG 1x, /data/Photos/700x500w/10374/1037462/1037462173.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/10374/1037464/1037464372.JPEG" srcset="/data/Photos/450x450w/10374/1037464/1037464372.JPEG 1x, /data/Photos/700x500w/10374/1037464/1037464372.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <a class="hotellist-gallery-arrow hotellist-gallery-arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </a> </div> <div class="hotels-tonight-card__content"> <p class="hotels-tonight-card__title" title="Hotel Alexander"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly9hbGV4YW5kZXItYmFzZWwuYmFzZWwtaG90ZWxzLm5ldC9mci8/ZnJvbT0yMDI0LTEyLTI2JnRvPTIwMjQtMTItMjcmYWR1bHRzPTImY2hpbGRyZW49MCZjdXJyZW5jeT0xI3Jvb21z"> Hotel Alexander </span> <span class="hotels-tonight-card__title-arrow"></span> </p> <div class="hotels-tonight-card__stars"> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-tonight-card__distance"> <div class="hotels-tonight-card__distance-text"> 1 km jusqu'au centre ville </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-tonight-card__grade"> <span class="hotels-tonight-card__grade-text"> Emplacement excellent </span> <div class="hotels-tonight-card__grade-details">Cette propriété dispose de un emplacement excellent. Il a une note de 9 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-tonight-card__review"> <div class="hotels-tonight-card__review-number">8</div> <div class="hotels-tonight-card__review-text">Bien</div> <div class="hotels-tonight-card__review-count">(1237 commentaires)</div> </div> </div> </div> <div class="hotels-tonight-card--with-badge small-photo no-border hotels-tonight-card js-ht-card" data-id="11320516" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>121</b> <b>US$</b> ce soir </div> <a class="hotellist-gallery-arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </a> <div class="hotels-tonight-card__carousel-photos"> <div class="hotels-tonight-card__carousel-photos-gallery js-ht-card-gallery"> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/10914/1091467/1091467554.JPEG" srcset="/data/Photos/450x450w/10914/1091467/1091467554.JPEG 1x, /data/Photos/700x500w/10914/1091467/1091467554.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12479/1247919/1247919478.JPEG" srcset="/data/Photos/450x450w/12479/1247919/1247919478.JPEG 1x, /data/Photos/700x500w/12479/1247919/1247919478.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12479/1247933/1247933167.JPEG" srcset="/data/Photos/450x450w/12479/1247933/1247933167.JPEG 1x, /data/Photos/700x500w/12479/1247933/1247933167.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12479/1247938/1247938882.JPEG" srcset="/data/Photos/450x450w/12479/1247938/1247938882.JPEG 1x, /data/Photos/700x500w/12479/1247938/1247938882.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12479/1247940/1247940493.JPEG" srcset="/data/Photos/450x450w/12479/1247940/1247940493.JPEG 1x, /data/Photos/700x500w/12479/1247940/1247940493.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12479/1247961/1247961058.JPEG" srcset="/data/Photos/450x450w/12479/1247961/1247961058.JPEG 1x, /data/Photos/700x500w/12479/1247961/1247961058.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <a class="hotellist-gallery-arrow hotellist-gallery-arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </a> </div> <div class="hotels-tonight-card__content"> <p class="hotels-tonight-card__title" title="B&B Hotel Basel"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly9iYi1ob3RlbC1iYXNlbC5iYXNlbC1ob3RlbHMubmV0L2ZyLz9mcm9tPTIwMjQtMTItMjYmdG89MjAyNC0xMi0yNyZhZHVsdHM9MiZjaGlsZHJlbj0wJmN1cnJlbmN5PTEjcm9vbXM="> B&B Hotel Basel </span> <span class="hotels-tonight-card__title-arrow"></span> </p> <div class="hotels-tonight-card__stars"> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-tonight-card__distance"> <div class="hotels-tonight-card__distance-text"> 1.9 km jusqu'au centre ville </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-tonight-card__grade"> <span class="hotels-tonight-card__grade-text"> Très bon emplacement </span> <div class="hotels-tonight-card__grade-details">Cette propriété dispose de un très bon emplacement. Il a une note de 7.7 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-tonight-card__review"> <div class="hotels-tonight-card__review-number">7.6</div> <div class="hotels-tonight-card__review-text">Bien</div> <div class="hotels-tonight-card__review-count">(8309 commentaires)</div> </div> </div> </div> <div class="hotels-tonight-card--with-badge small-photo no-border hotels-tonight-card js-ht-card" data-id="332159" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>76</b> <b>US$</b> ce soir </div> <a class="hotellist-gallery-arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </a> <div class="hotels-tonight-card__carousel-photos"> <div class="hotels-tonight-card__carousel-photos-gallery js-ht-card-gallery"> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12801/1280187/1280187259.JPEG" srcset="/data/Photos/450x450w/12801/1280187/1280187259.JPEG 1x, /data/Photos/700x500w/12801/1280187/1280187259.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12801/1280185/1280185864.JPEG" srcset="/data/Photos/450x450w/12801/1280185/1280185864.JPEG 1x, /data/Photos/700x500w/12801/1280185/1280185864.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12801/1280186/1280186038.JPEG" srcset="/data/Photos/450x450w/12801/1280186/1280186038.JPEG 1x, /data/Photos/700x500w/12801/1280186/1280186038.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12801/1280185/1280185603.JPEG" srcset="/data/Photos/450x450w/12801/1280185/1280185603.JPEG 1x, /data/Photos/700x500w/12801/1280185/1280185603.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12801/1280185/1280185426.JPEG" srcset="/data/Photos/450x450w/12801/1280185/1280185426.JPEG 1x, /data/Photos/700x500w/12801/1280185/1280185426.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12801/1280186/1280186602.JPEG" srcset="/data/Photos/450x450w/12801/1280186/1280186602.JPEG 1x, /data/Photos/700x500w/12801/1280186/1280186602.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <a class="hotellist-gallery-arrow hotellist-gallery-arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </a> </div> <div class="hotels-tonight-card__content"> <p class="hotels-tonight-card__title" title="Hotel Rheinfelderhof"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly9yaGVpbmZlbGRlcmhvZi1ob3RlbC1yZXN0YXVyYW50LmJhc2VsLWhvdGVscy5uZXQvZnIvP2Zyb209MjAyNC0xMi0yNiZ0bz0yMDI0LTEyLTI3JmFkdWx0cz0yJmNoaWxkcmVuPTAmY3VycmVuY3k9MSNyb29tcw=="> Hotel Rheinfelderhof </span> <span class="hotels-tonight-card__title-arrow"></span> </p> <div class="hotels-tonight-card__stars"> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-tonight-card__distance"> <div class="hotels-tonight-card__distance-text"> 700 m jusqu'au centre ville </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-tonight-card__grade"> <span class="hotels-tonight-card__grade-text"> Emplacement magnifique </span> <div class="hotels-tonight-card__grade-details">Cette propriété dispose de un emplacement magnifique. Il a une note de 8.8 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-tonight-card__review"> <div class="hotels-tonight-card__review-number">7.4</div> <div class="hotels-tonight-card__review-text">Bien</div> <div class="hotels-tonight-card__review-count">(2667 commentaires)</div> </div> </div> </div> </div> </div> <div class="new-container one-column"> <div class="recommendation__title is-secondary-block"><span class="recommendation__title-text">Destinations populaires à Bâle</span></div> <div class="recommendation__additional-destination recommendation__additional-destination--only open"> <ul class="list articles__other-links-list"> <li class="list__item"> <a href="/fr/near-city-centre-dr132793/" class="link-outline recommendation__additional-destination__item list__link">1. Vieille ville de Zurich - Centre ville</a> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItYXVzc2Vyc2lobC1kcjEzMjc5NQ==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">4e arrondissement</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItd2llZGlrb24tZHIxMzM1MjU=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Wiedikon</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItenVyaWNoLW5vcmQtZHIxMzI4MDE=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Zurich-Nord</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItbmllZGVyZG9yZi1kcjg5OTY1Mg==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Niederdorf</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItdW50ZXJzdHJhc3MtZHIxMzI3OTg=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Unterstrass</span> </li> </ul> </div> <div class="recommendation__additional-destination recommendation__additional-destination--only is-additional-districts open"> <ul class="list articles__other-links-list"> <li class="list__item"> <span data-internal="L2ZyL25lYXItYmFzZWwtY2l0eS1jZW50cmUtZHI5MDQ3OTQ=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Basel City Centre</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItbWF0dGVuaG9mLXdlaXNzZW5idWhsLWRyMTcwMzk1OQ==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Mattenhof-Weissenbühl</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItb2xkLWNpdHktb2YtYmVybi1kcjkwNTA3Ng==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Old City of Bern</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItZXNjaGVyLXd5c3MtZHIxMzI3OTY=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Gewerbeschule</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItYnJlaXRlbnJhaW4tbG9ycmFpbmUtZHIxNzAzOTUz" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Breitenrain-Lorraine</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItdm9yc3RhZHRlLWRyODIzNTY5" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Vorstädte</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItenVyaWNoYmVyZy1kcjEzMjc5Nw==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Zürichberg</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItb2xkLXRvd24tZ3Jvc3NiYXNlbC1kcjkwMTgwNg==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Old Town Grossbasel</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItc3Qtam9oYW5uLWRyODIzNTc4" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">St. Johann</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItYWx0c3RldHRlbi1kcjEzMjgwMA==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Altstetten</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItc2VlZmVsZC1kcjEzMjc5OQ==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Seefeld</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItb2xkLXRvd24ta2xlaW5iYXNlbC1kcjkwMTgwOQ==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Vielle ville du Petit-Bâle</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItY2xhcmEtZHI4MjM1NzI=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Clara</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItc2Nod2FtZW5kaW5nZW4tZHIyODYxMDc=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Arrondissement 12 : Saatlen-Schwamendingen Mitte-Hirzenbach</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXIta2lyY2hlbmZlbGQtc2Nob3NzaGFsZGUtZHIxNzAzOTU2" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Kirchenfeld-Schosshalde</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItcm90ZXMtcXVhcnRpZXItZHIyMDQ5ODU0" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Rotes Quartier</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItaG9uZ2ctZHI4MDUxNTU=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Höngg</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItd2lwa2luZ2VuLWRyODA1MDky" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Wipkingen</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItb2JlcnN0cmFzcy1kcjgwNTE0MA==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Oberstrass</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItZW5nZS1kcjgwNTEzNA==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Enge</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItYWxsc2Nod2lsLWRyODM5MTQ4" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Allschwil</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItYmlubmluZ2VuLWRyODM5MTQ1" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Binningen</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItbGFuZ2dhc3NlLWZlbHNlbmF1LWRyMTcwMzk1MA==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Langgasse-Felsenau</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItcmllaGVuLWRyODIzNTQy" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Riehen</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItbGFuZ3N0cmFzc2UtZHI5MDE3OTE=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Langstrasse</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItbXVyaS1kcjE3MDM5NjI=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Muri</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItZHViZW5kb3JmLWRyMTg5NzcwOA==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Dübendorf</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItYmlyc2ZlbGRlbi1kcjgyMzU3NQ==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Birsfelden</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItYWxiaXNyaWVkZW4tZHI4MDUxNTI=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Albisrieden</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItb2VybGlrb24tZHI4MDUxMzc=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Oerlikon</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItbXVyaWZlbGQtZHIxNzA0NDEy" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Murifeld</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItYnJ1ZGVyaG9sei1kcjkwNzU4NA==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Bruderholz</span> </li> <li class="list__item"> <span data-internal="L2ZyL25lYXItYm90dG1pbmdlbi1kcjE4OTc3MTQ=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Bottmingen</span> </li> </ul> </div> <div class="recommendation__btn-wrapper"> <button class="btn btn-outline btn-toggle btn-show-more js-popular-destination-toggle is-open" data-target='.is-additional-districts'> <span>Montrer tout</span> <span>Cacher</span> </button> </div> </div> </div> <div class="ht-map js-ht-map"> <div class="ht-map__close-bg js-map-close"></div> <svg width="20px" height="20px" class="ht-map__close-btn js-map-close" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"> <path class="st0" d="M23.6,21.4C23.6,21.4,23.6,21.4,23.6,21.4L14.1,12v0l9.4-9.4c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0 L12,9.9L2.6,0.4C2-0.1,1-0.1,0.4,0.4C-0.1,1-0.1,2,0.4,2.6L9.9,12l-9.4,9.4c-0.6,0.6-0.6,1.5,0,2.1c0.6,0.6,1.5,0.6,2.1,0l9.4-9.4 l9.4,9.4c0.6,0.6,1.5,0.6,2.1,0c0,0,0,0,0,0C24.1,23,24.1,22,23.6,21.4z"/> </svg> <div class="ht-map__inner" id="ht-map"></div> </div> <div class="presetting-section"> <div class="new-container"> <div class="section__title">Modélisez votre séjour</div> <p class="section__subtitle"> Choisissez un hôtel luxueux au cœur de la ville ou une jolie pension de famille dans les banlieues tranquilles de la ville: choisissez une option en fonction de votre budget et de vos préférences. </p> <div class="presetting-section__select js-tailor-mobile-slider"> <a href="theme/cheap-and-budget-hotels-9/" class="hotels-search-presetting__card"> <span class='hotels-search-presetting__card__currency-symbol'>$</span> <span class="hotels-search-presetting__card__title">Hôtels économiques</span> <p class="hotels-search-presetting__card__description">Découvrez les hébergements les plus abordables à Bâle.</p> <span class="btn btn-show-hotels">Voir les hôtels</span> </a> <span data-internal="dGhlbWUvYm91dGlxdWUtaG90ZWxzLTQ=" class="hotels-search-presetting__card js-link js-link-new"> <span class='hotels-search-presetting__card__currency-symbol'>$$</span> <span class="hotels-search-presetting__card__title">Boutique hotels</span> <p class="hotels-search-presetting__card__description">Explorez des hôtels confortables et à prix raisonnables.</p> <span class="btn btn-show-hotels">Voir les hôtels</span> </span> <span data-internal="dGhlbWUvbHV4dXJ5LWhvdGVscy0xNA==" class="hotels-search-presetting__card js-link js-link-new"> <span class='hotels-search-presetting__card__currency-symbol'>$$$</span> <span class="hotels-search-presetting__card__title">Hotels de luxe</span> <p class="hotels-search-presetting__card__description">Jetez un coup d'œil aux meilleurs endroits de luxe</p> <span class="btn btn-show-hotels">Voir les hôtels</span> </span> </div> </div> </div> <div class="near-sights"> <div class="new-container"> <div class="section__title near-sights__title">Près des meilleurs sites d'intérêt</div> <div class="near-sights__other-places other-places"> <div class="other-places__list"> <ul class="list list-of-outline-links"> <li class="list__item"> <a href="/fr/near-city-center-173874/" class="list__link link-outline">Centre ville</a> </li> </ul> </div> </div> </div> </div> <div class="presetting-section unique-homes-section"> <div class="new-container"> <div class="section__title">Réserver des maisons uniques</div> <p class="section__subtitle"> Séjournez dans un hôtel de luxe dans une banlieue huppée ou dans un appartement moderne dans un quartier festif animé - planifiez un séjour exceptionnel. </p> <div class="presetting-section__select js-unique-homes-mobile-slider"> <div class="hotels-search-presetting__card js-link js-link-new" data-internal="L2ZyL3R5cGUvYXBhcnRtZW50cy0zLw=="> <svg width="26" height="26"> <use href="/new/designs/90/destination/img/unique-homes-icon.svg#living-home"></use> </svg> <span class="hotels-search-presetting__card__title">Appartements</span> <p class="hotels-search-presetting__card__description">Confidentialité, indépendance, expériences locales</p> <span class="btn btn-show-hotels">Voir les hôtels</span> </div> <a href="/fr/type/hotels-12/" class="hotels-search-presetting__card"> <svg width="26" height="26"> <use href="/new/designs/90/destination/img/unique-homes-icon.svg#hotel"></use> </svg> <span class="hotels-search-presetting__card__title">Hôtels</span> <p class="hotels-search-presetting__card__description">Personnel 24/7, sans obligations, des vacances de rêve</p> <span class="btn btn-show-hotels">Voir les hôtels</span> </a> <div class="hotels-search-presetting__card js-link js-link-new" data-internal="L2ZyL3R5cGUvYmVkLWFuZC1icmVha2Zhc3RzLTQv"> <svg width="26" height="26"> <use href="/new/designs/90/destination/img/unique-homes-icon.svg#bb-hotel"></use> </svg> <span class="hotels-search-presetting__card__title">Couette-cafés</span> <p class="hotels-search-presetting__card__description">Chambres confortables, designs uniques, voyages relaxants</p> <span class="btn btn-show-hotels">Voir les hôtels</span> </div> </div> <div class="unique-homes-section__additional-links"> <ul class="list list-of-outline-links open"> <li class="other-link__list-item"> <span data-internal="L2ZyL3RoZW1lL2FpcnBvcnQtaG90ZWxzLTEv" class="link-outline js-link js-link-new">Hôtels d'aéroport</span> </li> <li class="other-link__list-item"> <span data-internal="L2ZyL3RoZW1lL2FwYXJ0bWVudHMtYW5kLWItYnMtMy8=" class="link-outline js-link js-link-new">Appartements et couette-cafés</span> </li> <li class="other-link__list-item"> <a href="/fr/theme/central-hotels-8/" class="link-outline">Hôtels au centre-ville</a> </li> <li class="other-link__list-item"> <span data-internal="L2ZyL3RoZW1lL2x1eHVyeS1hY2NvbW1vZGF0aW9ucy0zNS8=" class="link-outline js-link js-link-new">Hébergement de luxe</span> </li> <li class="other-link__list-item"> <a href="/fr/theme/cheap-and-budget-hotels-9/" class="link-outline">Hôtels économiques</a> </li> <li class="other-link__list-item"> <span data-internal="L2ZyL3RoZW1lL3BldHMtYWxsb3dlZC0yOC8=" class="link-outline js-link js-link-new">Hôtels acceptant les animaux domestiques</span> </li> <li class="other-link__list-item"> <span data-internal="L2ZyL3RoZW1lL3Jlc29ydHMtMTgv" class="link-outline js-link js-link-new">Stations touristiques</span> </li> <li class="other-link__list-item"> <span data-internal="L2ZyL3RoZW1lL2Rlc2lnbi1hbmQtbW9kZXJuLWhvdGVscy0xMC8=" class="link-outline js-link js-link-new">Hôtels design</span> </li> <li class="other-link__list-item"> <span data-internal="L2ZyL3RoZW1lL2x1eHVyeS1ob3RlbHMtMTQv" class="link-outline js-link js-link-new">Hotels de luxe</span> </li> <li class="other-link__list-item"> <span data-internal="L2ZyL3RoZW1lL2J1c2luZXNzLWhvdGVscy02Lw==" class="link-outline js-link js-link-new">Hôtels d'affaires</span> </li> <li class="other-link__list-item"> <a href="/fr/theme/family-hotels-11/" class="link-outline">Hôtels familiaux</a> </li> <li class="other-link__list-item"> <span data-internal="L2ZyL3RoZW1lL2JvdXRpcXVlLWhvdGVscy00Lw==" class="link-outline js-link js-link-new">Boutique hotels</span> </li> </ul> </div> <div> <button class="btn btn-outline btn-toggle btn-show-more is-open" data-target='.unique-homes-section .list-of-outline-links'> <span>Montrer tout</span> <span>Cacher</span> </button> </div> </div> </div> <div class="main-content js-main-content-wrapper"> <div class="new-container"> <h2 class="section__title">Hôtels par étoiles</h2> <div class="new-row"> <div class="main-content__content js-stars-category-container"> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/fr/5-stars/" class="main-hotels__title-link"> Hôtels 5 étoiles à Bâle </a> </h3> <p class="main-hotels__text section__subtitle"> Hébergement de première classe pour des vacances inoubliables </p> <div class="show-all-wrapper"> <span data-internal="L2ZyLzUtc3RhcnMv" class="show-all js-link js-link-new"> Montrer tout <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="5"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="69703" data-hbs-latitude="47.3769403981407" data-hbs-longitude="8.53959243684005" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE2MzcvMTE2Mzc2Ny8xMTYzNzY3OTgzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11637/1163767/1163767983.JPEG" srcset="/data/Photos/450x450w/11637/1163767/1163767983.JPEG 1x, /data/Photos/700x500w/11637/1163767/1163767983.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16053/1605368/1605368066.JPEG" srcset="/data/Photos/450x450w/16053/1605368/1605368066.JPEG 1x, /data/Photos/700x500w/16053/1605368/1605368066.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16053/1605368/1605368091.JPEG" srcset="/data/Photos/450x450w/16053/1605368/1605368091.JPEG 1x, /data/Photos/700x500w/16053/1605368/1605368091.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16053/1605368/1605368065.JPEG" srcset="/data/Photos/450x450w/16053/1605368/1605368065.JPEG 1x, /data/Photos/700x500w/16053/1605368/1605368065.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16053/1605368/1605368071.JPEG" srcset="/data/Photos/450x450w/16053/1605368/1605368071.JPEG 1x, /data/Photos/700x500w/16053/1605368/1605368071.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16053/1605368/1605368088.JPEG" srcset="/data/Photos/450x450w/16053/1605368/1605368088.JPEG 1x, /data/Photos/700x500w/16053/1605368/1605368088.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Schweizerhof Zuerich" data-hbs-name="Hotel Schweizerhof Zuerich"> <a class="hotels-by-stars__title-link" href="https://schweizerhof.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9zY2h3ZWl6ZXJob2YuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Hotel Schweizerhof Zuerich </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 100 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement exceptionnel </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement exceptionnel. Il a une note de 9.7 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="89">8.9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excellent">Excellent</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1540">(1540 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="69734" data-hbs-latitude="47.364583" data-hbs-longitude="8.534317" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYyNzIvMTYyNzIwMy8xNjI3MjAzMTY4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16272/1627203/1627203168.JPEG" srcset="/data/Photos/450x450w/16272/1627203/1627203168.JPEG 1x, /data/Photos/700x500w/16272/1627203/1627203168.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16272/1627203/1627203140.JPEG" srcset="/data/Photos/450x450w/16272/1627203/1627203140.JPEG 1x, /data/Photos/700x500w/16272/1627203/1627203140.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16272/1627203/1627203163.JPEG" srcset="/data/Photos/450x450w/16272/1627203/1627203163.JPEG 1x, /data/Photos/700x500w/16272/1627203/1627203163.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16272/1627203/1627203164.JPEG" srcset="/data/Photos/450x450w/16272/1627203/1627203164.JPEG 1x, /data/Photos/700x500w/16272/1627203/1627203164.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16272/1627203/1627203172.JPEG" srcset="/data/Photos/450x450w/16272/1627203/1627203172.JPEG 1x, /data/Photos/700x500w/16272/1627203/1627203172.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16272/1627203/1627203174.JPEG" srcset="/data/Photos/450x450w/16272/1627203/1627203174.JPEG 1x, /data/Photos/700x500w/16272/1627203/1627203174.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Alden Spluegenschloss Zuerich - Leonardo Limited Edition" data-hbs-name="Hotel Alden Spluegenschloss Zuerich - Leonardo Limited Edition"> <a class="hotels-by-stars__title-link" href="https://alden-luxury-suite-hotel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9hbGRlbi1sdXh1cnktc3VpdGUtaG90ZWwuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Hotel Alden Spluegenschloss Zuerich - Leonardo Limited Edition </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.3 km jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement excellent </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement excellent. Il a une note de 9 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excellent">Excellent</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="700">(700 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="69738" data-hbs-latitude="47.37252" data-hbs-longitude="8.53989" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzgxMC83ODEwNTkvNzgxMDU5NDM1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7810/781059/781059435.JPEG" srcset="/data/Photos/450x450w/7810/781059/781059435.JPEG 1x, /data/Photos/700x500w/7810/781059/781059435.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14482/1448236/1448236033.JPEG" srcset="/data/Photos/450x450w/14482/1448236/1448236033.JPEG 1x, /data/Photos/700x500w/14482/1448236/1448236033.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12821/1282103/1282103563.JPEG" srcset="/data/Photos/450x450w/12821/1282103/1282103563.JPEG 1x, /data/Photos/700x500w/12821/1282103/1282103563.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12821/1282101/1282101505.JPEG" srcset="/data/Photos/450x450w/12821/1282101/1282101505.JPEG 1x, /data/Photos/700x500w/12821/1282101/1282101505.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16072/1607216/1607216433.JPEG" srcset="/data/Photos/450x450w/16072/1607216/1607216433.JPEG 1x, /data/Photos/700x500w/16072/1607216/1607216433.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16072/1607217/1607217277.JPEG" srcset="/data/Photos/450x450w/16072/1607217/1607217277.JPEG 1x, /data/Photos/700x500w/16072/1607217/1607217277.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Widder Hotel - Zurichs Luxury Hideaway" data-hbs-name="Widder Hotel - Zurichs Luxury Hideaway"> <a class="hotels-by-stars__title-link" href="https://widder-hotel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly93aWRkZXItaG90ZWwuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Widder Hotel - Zurichs Luxury Hideaway </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 500 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement exceptionnel </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement exceptionnel. Il a une note de 9.9 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="93">9.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Exceptionnel">Exceptionnel</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="318">(318 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="69748" data-hbs-latitude="47.365536" data-hbs-longitude="8.53601" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE2OTUvMTE2OTU0My8xMTY5NTQzODMwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11695/1169543/1169543830.JPEG" srcset="/data/Photos/450x450w/11695/1169543/1169543830.JPEG 1x, /data/Photos/700x500w/11695/1169543/1169543830.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13813/1381334/1381334486.JPEG" srcset="/data/Photos/450x450w/13813/1381334/1381334486.JPEG 1x, /data/Photos/700x500w/13813/1381334/1381334486.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13604/1360459/1360459913.JPEG" srcset="/data/Photos/450x450w/13604/1360459/1360459913.JPEG 1x, /data/Photos/700x500w/13604/1360459/1360459913.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13604/1360460/1360460123.JPEG" srcset="/data/Photos/450x450w/13604/1360460/1360460123.JPEG 1x, /data/Photos/700x500w/13604/1360460/1360460123.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13604/1360460/1360460885.JPEG" srcset="/data/Photos/450x450w/13604/1360460/1360460885.JPEG 1x, /data/Photos/700x500w/13604/1360460/1360460885.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13604/1360461/1360461392.JPEG" srcset="/data/Photos/450x450w/13604/1360461/1360461392.JPEG 1x, /data/Photos/700x500w/13604/1360461/1360461392.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Neues Schloss Privat Hotel Zurich, Autograph Collection" data-hbs-name="Neues Schloss Privat Hotel Zurich, Autograph Collection"> <a class="hotels-by-stars__title-link" href="https://sheraton-neues-schloss.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9zaGVyYXRvbi1uZXVlcy1zY2hsb3NzLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Neues Schloss Privat Hotel Zurich, Autograph Collection </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.1 km jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement magnifique </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement magnifique. Il a une note de 8.9 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="82">8.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Très bien">Très bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="196">(196 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="113368" data-hbs-latitude="47.371357" data-hbs-longitude="8.541749" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYwODIvMTYwODI5Mi8xNjA4MjkyMjkxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16082/1608292/1608292291.JPEG" srcset="/data/Photos/450x450w/16082/1608292/1608292291.JPEG 1x, /data/Photos/700x500w/16082/1608292/1608292291.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12752/1275257/1275257800.JPEG" srcset="/data/Photos/450x450w/12752/1275257/1275257800.JPEG 1x, /data/Photos/700x500w/12752/1275257/1275257800.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12752/1275257/1275257335.JPEG" srcset="/data/Photos/450x450w/12752/1275257/1275257335.JPEG 1x, /data/Photos/700x500w/12752/1275257/1275257335.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12752/1275257/1275257539.JPEG" srcset="/data/Photos/450x450w/12752/1275257/1275257539.JPEG 1x, /data/Photos/700x500w/12752/1275257/1275257539.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12752/1275257/1275257710.JPEG" srcset="/data/Photos/450x450w/12752/1275257/1275257710.JPEG 1x, /data/Photos/700x500w/12752/1275257/1275257710.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12752/1275257/1275257863.JPEG" srcset="/data/Photos/450x450w/12752/1275257/1275257863.JPEG 1x, /data/Photos/700x500w/12752/1275257/1275257863.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Storchen Zürich - Lifestyle boutique Hotel" data-hbs-name="Storchen Zürich - Lifestyle boutique Hotel"> <a class="hotels-by-stars__title-link" href="https://storchen.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9zdG9yY2hlbi5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Storchen Zürich - Lifestyle boutique Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 700 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement exceptionnel </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement exceptionnel. Il a une note de 9.8 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="91">9.1</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Exceptionnel">Exceptionnel</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="854">(854 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="126888" data-hbs-latitude="47.5603828430176" data-hbs-longitude="7.58761692047119" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQyNTUvMTQyNTU2Ni8xNDI1NTY2MDU2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14255/1425566/1425566056.JPEG" srcset="/data/Photos/450x450w/14255/1425566/1425566056.JPEG 1x, /data/Photos/700x500w/14255/1425566/1425566056.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14255/1425563/1425563605.JPEG" srcset="/data/Photos/450x450w/14255/1425563/1425563605.JPEG 1x, /data/Photos/700x500w/14255/1425563/1425563605.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9183/918380/918380620.JPEG" srcset="/data/Photos/450x450w/9183/918380/918380620.JPEG 1x, /data/Photos/700x500w/9183/918380/918380620.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9183/918382/918382516.JPEG" srcset="/data/Photos/450x450w/9183/918382/918382516.JPEG 1x, /data/Photos/700x500w/9183/918382/918382516.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9183/918382/918382555.JPEG" srcset="/data/Photos/450x450w/9183/918382/918382555.JPEG 1x, /data/Photos/700x500w/9183/918382/918382555.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14986/1498618/1498618825.JPEG" srcset="/data/Photos/450x450w/14986/1498618/1498618825.JPEG 1x, /data/Photos/700x500w/14986/1498618/1498618825.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Grand Hotel LES TROIS ROIS Bâle" data-hbs-name="Grand Hotel LES TROIS ROIS Bâle"> <a class="hotels-by-stars__title-link" href="https://grand-les-trois-rois.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ncmFuZC1sZXMtdHJvaXMtcm9pcy5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Grand Hotel LES TROIS ROIS Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 500 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement exceptionnel </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement exceptionnel. Il a une note de 9.8 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="94">9.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Exceptionnel">Exceptionnel</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="363">(363 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="146113" data-hbs-latitude="47.3665024334816" data-hbs-longitude="8.53628302943036" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYxMTAvMTYxMTA2MC8xNjExMDYwMTYyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611060/1611060162.JPEG" srcset="/data/Photos/450x450w/16110/1611060/1611060162.JPEG 1x, /data/Photos/700x500w/16110/1611060/1611060162.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611060/1611060182.JPEG" srcset="/data/Photos/450x450w/16110/1611060/1611060182.JPEG 1x, /data/Photos/700x500w/16110/1611060/1611060182.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611060/1611060171.JPEG" srcset="/data/Photos/450x450w/16110/1611060/1611060171.JPEG 1x, /data/Photos/700x500w/16110/1611060/1611060171.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611060/1611060186.JPEG" srcset="/data/Photos/450x450w/16110/1611060/1611060186.JPEG 1x, /data/Photos/700x500w/16110/1611060/1611060186.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611060/1611060216.JPEG" srcset="/data/Photos/450x450w/16110/1611060/1611060216.JPEG 1x, /data/Photos/700x500w/16110/1611060/1611060216.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611060/1611060168.JPEG" srcset="/data/Photos/450x450w/16110/1611060/1611060168.JPEG 1x, /data/Photos/700x500w/16110/1611060/1611060168.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Park Hyatt Zurich - City Center Luxury" data-hbs-name="Hotel Park Hyatt Zurich - City Center Luxury"> <a class="hotels-by-stars__title-link" href="https://park-hyatt.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9wYXJrLWh5YXR0LmJhc2VsLWhvdGVscy5uZXQvZnIv"> Hotel Park Hyatt Zurich - City Center Luxury </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.1 km jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement excellent </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement excellent. Il a une note de 9.4 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="90">9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Exceptionnel">Exceptionnel</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="536">(536 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="146116" data-hbs-latitude="47.3698" data-hbs-longitude="8.5397" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAxMjQvMTAxMjQ0MS8xMDEyNDQxODY0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10124/1012441/1012441864.JPEG" srcset="/data/Photos/450x450w/10124/1012441/1012441864.JPEG 1x, /data/Photos/700x500w/10124/1012441/1012441864.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10295/1029510/1029510505.JPEG" srcset="/data/Photos/450x450w/10295/1029510/1029510505.JPEG 1x, /data/Photos/700x500w/10295/1029510/1029510505.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10171/1017133/1017133306.JPEG" srcset="/data/Photos/450x450w/10171/1017133/1017133306.JPEG 1x, /data/Photos/700x500w/10171/1017133/1017133306.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10151/1015148/1015148281.JPEG" srcset="/data/Photos/450x450w/10151/1015148/1015148281.JPEG 1x, /data/Photos/700x500w/10151/1015148/1015148281.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/3974/397468/397468767.JPEG" srcset="/data/Photos/450x450w/3974/397468/397468767.JPEG 1x, /data/Photos/700x500w/3974/397468/397468767.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/3974/397469/397469436.JPEG" srcset="/data/Photos/450x450w/3974/397469/397469436.JPEG 1x, /data/Photos/700x500w/3974/397469/397469436.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Savoy Baur En Ville Zurich" data-hbs-name="Savoy Baur En Ville Zurich"> <a class="hotels-by-stars__title-link" href="https://savoy-baur-en-ville.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9zYXZveS1iYXVyLWVuLXZpbGxlLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Savoy Baur En Ville Zurich </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 900 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement exceptionnel </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement exceptionnel. Il a une note de 9.7 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="146128" data-hbs-latitude="47.36709" data-hbs-longitude="8.53968" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzY5OC83Njk4NDIvNzY5ODQyMDU1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7698/769842/769842055.JPEG" srcset="/data/Photos/450x450w/7698/769842/769842055.JPEG 1x, /data/Photos/700x500w/7698/769842/769842055.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14482/1448291/1448291584.JPEG" srcset="/data/Photos/450x450w/14482/1448291/1448291584.JPEG 1x, /data/Photos/700x500w/14482/1448291/1448291584.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14482/1448290/1448290831.JPEG" srcset="/data/Photos/450x450w/14482/1448290/1448290831.JPEG 1x, /data/Photos/700x500w/14482/1448290/1448290831.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12815/1281563/1281563056.JPEG" srcset="/data/Photos/450x450w/12815/1281563/1281563056.JPEG 1x, /data/Photos/700x500w/12815/1281563/1281563056.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14482/1448291/1448291122.JPEG" srcset="/data/Photos/450x450w/14482/1448291/1448291122.JPEG 1x, /data/Photos/700x500w/14482/1448291/1448291122.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12815/1281564/1281564727.JPEG" srcset="/data/Photos/450x450w/12815/1281564/1281564727.JPEG 1x, /data/Photos/700x500w/12815/1281564/1281564727.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Baur au Lac à Zurich" data-hbs-name="Hotel Baur au Lac à Zurich"> <a class="hotels-by-stars__title-link" href="https://baur-au-lac.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9iYXVyLWF1LWxhYy5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Hotel Baur au Lac à Zurich </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 800 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement exceptionnel </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement exceptionnel. Il a une note de 9.6 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="91">9.1</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Exceptionnel">Exceptionnel</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="623">(623 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="146136" data-hbs-latitude="47.38248" data-hbs-longitude="8.54036" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE0NjMvMTE0NjMwOC8xMTQ2MzA4MTU4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11463/1146308/1146308158.JPEG" srcset="/data/Photos/450x450w/11463/1146308/1146308158.JPEG 1x, /data/Photos/700x500w/11463/1146308/1146308158.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15968/1596865/1596865553.JPEG" srcset="/data/Photos/450x450w/15968/1596865/1596865553.JPEG 1x, /data/Photos/700x500w/15968/1596865/1596865553.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15968/1596865/1596865559.JPEG" srcset="/data/Photos/450x450w/15968/1596865/1596865559.JPEG 1x, /data/Photos/700x500w/15968/1596865/1596865559.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15968/1596865/1596865563.JPEG" srcset="/data/Photos/450x450w/15968/1596865/1596865563.JPEG 1x, /data/Photos/700x500w/15968/1596865/1596865563.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15968/1596865/1596865575.JPEG" srcset="/data/Photos/450x450w/15968/1596865/1596865575.JPEG 1x, /data/Photos/700x500w/15968/1596865/1596865575.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15437/1543780/1543780699.JPEG" srcset="/data/Photos/450x450w/15437/1543780/1543780699.JPEG 1x, /data/Photos/700x500w/15437/1543780/1543780699.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Zurich Marriott Hotel" data-hbs-name="Zurich Marriott Hotel"> <a class="hotels-by-stars__title-link" href="https://marriott.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9tYXJyaW90dC5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Zurich Marriott Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 700 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement magnifique </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement magnifique. Il a une note de 8.4 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="80">8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Très bien">Très bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1469">(1469 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="177381" data-hbs-latitude="47.372664" data-hbs-longitude="8.57318099999998" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA4MTgvMTA4MTg1MS8xMDgxODUxMzY3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10818/1081851/1081851367.JPEG" srcset="/data/Photos/450x450w/10818/1081851/1081851367.JPEG 1x, /data/Photos/700x500w/10818/1081851/1081851367.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12752/1275248/1275248737.JPEG" srcset="/data/Photos/450x450w/12752/1275248/1275248737.JPEG 1x, /data/Photos/700x500w/12752/1275248/1275248737.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16156/1615654/1615654609.JPEG" srcset="/data/Photos/450x450w/16156/1615654/1615654609.JPEG 1x, /data/Photos/700x500w/16156/1615654/1615654609.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15474/1547412/1547412922.JPEG" srcset="/data/Photos/450x450w/15474/1547412/1547412922.JPEG 1x, /data/Photos/700x500w/15474/1547412/1547412922.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16156/1615654/1615654610.JPEG" srcset="/data/Photos/450x450w/16156/1615654/1615654610.JPEG 1x, /data/Photos/700x500w/16156/1615654/1615654610.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16156/1615654/1615654622.JPEG" srcset="/data/Photos/450x450w/16156/1615654/1615654622.JPEG 1x, /data/Photos/700x500w/16156/1615654/1615654622.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="The Dolder Grand - City And Spa Resort Zurich" data-hbs-name="The Dolder Grand - City And Spa Resort Zurich"> <a class="hotels-by-stars__title-link" href="https://dolder-grand.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9kb2xkZXItZ3JhbmQuYmFzZWwtaG90ZWxzLm5ldC9mci8="> The Dolder Grand - City And Spa Resort Zurich </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="181209" data-hbs-latitude="47.54895358173282" data-hbs-longitude="7.592020779848099" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MjUxMy8yNTEzODYvMjUxMzg2NTQ5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2513/251386/251386549.JPEG" srcset="/data/Photos/450x450w/2513/251386/251386549.JPEG 1x, /data/Photos/700x500w/2513/251386/251386549.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2513/251386/251386517.JPEG" srcset="/data/Photos/450x450w/2513/251386/251386517.JPEG 1x, /data/Photos/700x500w/2513/251386/251386517.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2593/259387/259387629.JPEG" srcset="/data/Photos/450x450w/2593/259387/259387629.JPEG 1x, /data/Photos/700x500w/2593/259387/259387629.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1768/176855/176855853.JPEG" srcset="/data/Photos/450x450w/1768/176855/176855853.JPEG 1x, /data/Photos/700x500w/1768/176855/176855853.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1365/136559/136559862.JPEG" srcset="/data/Photos/450x450w/1365/136559/136559862.JPEG 1x, /data/Photos/700x500w/1365/136559/136559862.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1522/152286/152286868.JPEG" srcset="/data/Photos/450x450w/1522/152286/152286868.JPEG 1x, /data/Photos/700x500w/1522/152286/152286868.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Hilton Bâle" data-hbs-name="Hotel Hilton Bâle"> <a class="hotels-by-stars__title-link" href="https://hilton-basel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9oaWx0b24tYmFzZWwuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Hotel Hilton Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="190745" data-hbs-latitude="46.94672" data-hbs-longitude="7.44664" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA4MDQvMTA4MDQ3Ni8xMDgwNDc2NTUxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10804/1080476/1080476551.JPEG" srcset="/data/Photos/450x450w/10804/1080476/1080476551.JPEG 1x, /data/Photos/700x500w/10804/1080476/1080476551.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12755/1275597/1275597052.JPEG" srcset="/data/Photos/450x450w/12755/1275597/1275597052.JPEG 1x, /data/Photos/700x500w/12755/1275597/1275597052.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12755/1275596/1275596728.JPEG" srcset="/data/Photos/450x450w/12755/1275596/1275596728.JPEG 1x, /data/Photos/700x500w/12755/1275596/1275596728.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12755/1275594/1275594280.JPEG" srcset="/data/Photos/450x450w/12755/1275594/1275594280.JPEG 1x, /data/Photos/700x500w/12755/1275594/1275594280.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12755/1275594/1275594580.JPEG" srcset="/data/Photos/450x450w/12755/1275594/1275594580.JPEG 1x, /data/Photos/700x500w/12755/1275594/1275594580.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12755/1275594/1275594667.JPEG" srcset="/data/Photos/450x450w/12755/1275594/1275594667.JPEG 1x, /data/Photos/700x500w/12755/1275594/1275594667.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Bellevue Palace Berne" data-hbs-name="Hotel Bellevue Palace Berne"> <a class="hotels-by-stars__title-link" href="https://bellevue-palace.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9iZWxsZXZ1ZS1wYWxhY2UuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Hotel Bellevue Palace Berne </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="373065" data-hbs-latitude="47.38802" data-hbs-longitude="8.51461" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU3MTAvMTU3MTA5MS8xNTcxMDkxNzE5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15710/1571091/1571091719.JPEG" srcset="/data/Photos/450x450w/15710/1571091/1571091719.JPEG 1x, /data/Photos/700x500w/15710/1571091/1571091719.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16322/1632238/1632238356.JPEG" srcset="/data/Photos/450x450w/16322/1632238/1632238356.JPEG 1x, /data/Photos/700x500w/16322/1632238/1632238356.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16322/1632238/1632238390.JPEG" srcset="/data/Photos/450x450w/16322/1632238/1632238390.JPEG 1x, /data/Photos/700x500w/16322/1632238/1632238390.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16322/1632238/1632238392.JPEG" srcset="/data/Photos/450x450w/16322/1632238/1632238392.JPEG 1x, /data/Photos/700x500w/16322/1632238/1632238392.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16322/1632238/1632238401.JPEG" srcset="/data/Photos/450x450w/16322/1632238/1632238401.JPEG 1x, /data/Photos/700x500w/16322/1632238/1632238401.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16322/1632238/1632238402.JPEG" srcset="/data/Photos/450x450w/16322/1632238/1632238402.JPEG 1x, /data/Photos/700x500w/16322/1632238/1632238402.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Renaissance Zurich Tower Hotel" data-hbs-name="Renaissance Zurich Tower Hotel"> <a class="hotels-by-stars__title-link" href="https://renaissance-zurich-tower-hotel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9yZW5haXNzYW5jZS16dXJpY2gtdG93ZXItaG90ZWwuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Renaissance Zurich Tower Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="391324" data-hbs-latitude="46.94872146" data-hbs-longitude="7.44086958" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYyODYvMTYyODY1NC8xNjI4NjU0NjcwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16286/1628654/1628654670.JPEG" srcset="/data/Photos/450x450w/16286/1628654/1628654670.JPEG 1x, /data/Photos/700x500w/16286/1628654/1628654670.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2807/280702/280702989.JPEG" srcset="/data/Photos/450x450w/2807/280702/280702989.JPEG 1x, /data/Photos/700x500w/2807/280702/280702989.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580504/1580504501.JPEG" srcset="/data/Photos/450x450w/15805/1580504/1580504501.JPEG 1x, /data/Photos/700x500w/15805/1580504/1580504501.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6959/695993/695993838.JPEG" srcset="/data/Photos/450x450w/6959/695993/695993838.JPEG 1x, /data/Photos/700x500w/6959/695993/695993838.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7236/723648/723648367.JPEG" srcset="/data/Photos/450x450w/7236/723648/723648367.JPEG 1x, /data/Photos/700x500w/7236/723648/723648367.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7236/723648/723648487.JPEG" srcset="/data/Photos/450x450w/7236/723648/723648487.JPEG 1x, /data/Photos/700x500w/7236/723648/723648487.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Schweizerhof Bern & Spa" data-hbs-name="Hotel Schweizerhof Bern & Spa"> <a class="hotels-by-stars__title-link" href="https://schweizerhof-berne.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9zY2h3ZWl6ZXJob2YtYmVybmUuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Hotel Schweizerhof Bern & Spa </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3033483" data-hbs-latitude="47.56472" data-hbs-longitude="7.58404" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NTQzMy81NDMzNTUvNTQzMzU1MzQ3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5433/543355/543355347.JPEG" srcset="/data/Photos/450x450w/5433/543355/543355347.JPEG 1x, /data/Photos/700x500w/5433/543355/543355347.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5433/543353/543353481.JPEG" srcset="/data/Photos/450x450w/5433/543353/543353481.JPEG 1x, /data/Photos/700x500w/5433/543353/543353481.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5433/543353/543353880.JPEG" srcset="/data/Photos/450x450w/5433/543353/543353880.JPEG 1x, /data/Photos/700x500w/5433/543353/543353880.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5433/543354/543354201.JPEG" srcset="/data/Photos/450x450w/5433/543354/543354201.JPEG 1x, /data/Photos/700x500w/5433/543354/543354201.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5433/543355/543355776.JPEG" srcset="/data/Photos/450x450w/5433/543355/543355776.JPEG 1x, /data/Photos/700x500w/5433/543355/543355776.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5433/543354/543354579.JPEG" srcset="/data/Photos/450x450w/5433/543354/543354579.JPEG 1x, /data/Photos/700x500w/5433/543354/543354579.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotelschiff Ms Jane Austen Bâle" data-hbs-name="Hotelschiff Ms Jane Austen Bâle"> <a class="hotels-by-stars__title-link" href="https://hotelschiff-ms-jane-austen.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ob3RlbHNjaGlmZi1tcy1qYW5lLWF1c3Rlbi5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Hotelschiff Ms Jane Austen Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="9216475" data-hbs-latitude="47.376931" data-hbs-longitude="8.539398" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAwOTMvMTAwOTM0Mi8xMDA5MzQyNjQyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10093/1009342/1009342642.JPEG" srcset="/data/Photos/450x450w/10093/1009342/1009342642.JPEG 1x, /data/Photos/700x500w/10093/1009342/1009342642.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10121/1012168/1012168774.JPEG" srcset="/data/Photos/450x450w/10121/1012168/1012168774.JPEG 1x, /data/Photos/700x500w/10121/1012168/1012168774.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10093/1009358/1009358842.JPEG" srcset="/data/Photos/450x450w/10093/1009358/1009358842.JPEG 1x, /data/Photos/700x500w/10093/1009358/1009358842.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13495/1349576/1349576194.JPEG" srcset="/data/Photos/450x450w/13495/1349576/1349576194.JPEG 1x, /data/Photos/700x500w/13495/1349576/1349576194.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13553/1355387/1355387900.JPEG" srcset="/data/Photos/450x450w/13553/1355387/1355387900.JPEG 1x, /data/Photos/700x500w/13553/1355387/1355387900.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13553/1355388/1355388305.JPEG" srcset="/data/Photos/450x450w/13553/1355388/1355388305.JPEG 1x, /data/Photos/700x500w/13553/1355388/1355388305.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="The Dufour By Hotel Schweizerhof Zuerich" data-hbs-name="The Dufour By Hotel Schweizerhof Zuerich"> <a class="hotels-by-stars__title-link" href="https://the-dufour-suites-rooms-by-hotel-schweizerhof.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly90aGUtZHVmb3VyLXN1aXRlcy1yb29tcy1ieS1ob3RlbC1zY2h3ZWl6ZXJob2YuYmFzZWwtaG90ZWxzLm5ldC9mci8="> The Dufour By Hotel Schweizerhof Zuerich </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/fr/4-stars/" class="main-hotels__title-link"> Hôtels de 4 étoiles à Bâle </a> </h3> <p class="main-hotels__text section__subtitle"> Les meilleurs hôtels pour satisfaire tous vos souhaits </p> <div class="show-all-wrapper"> <span data-internal="L2ZyLzQtc3RhcnMv" class="show-all js-link js-link-new"> Montrer tout <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="4"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="70107" data-hbs-latitude="47.43963" data-hbs-longitude="8.56857" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Njk5Ny82OTk3MjYvNjk5NzI2MzQ2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6997/699726/699726346.JPEG" srcset="/data/Photos/450x450w/6997/699726/699726346.JPEG 1x, /data/Photos/700x500w/6997/699726/699726346.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275417/1275417835.JPEG" srcset="/data/Photos/450x450w/12754/1275417/1275417835.JPEG 1x, /data/Photos/700x500w/12754/1275417/1275417835.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275416/1275416914.JPEG" srcset="/data/Photos/450x450w/12754/1275416/1275416914.JPEG 1x, /data/Photos/700x500w/12754/1275416/1275416914.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275416/1275416383.JPEG" srcset="/data/Photos/450x450w/12754/1275416/1275416383.JPEG 1x, /data/Photos/700x500w/12754/1275416/1275416383.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275416/1275416416.JPEG" srcset="/data/Photos/450x450w/12754/1275416/1275416416.JPEG 1x, /data/Photos/700x500w/12754/1275416/1275416416.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275416/1275416614.JPEG" srcset="/data/Photos/450x450w/12754/1275416/1275416614.JPEG 1x, /data/Photos/700x500w/12754/1275416/1275416614.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Moevenpick Hotel Zurich Airport Opfikon-Glattbrugg" data-hbs-name="Moevenpick Hotel Zurich Airport Opfikon-Glattbrugg"> <a class="hotels-by-stars__title-link" href="https://moevenpick-hotel-zurich-airport.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9tb2V2ZW5waWNrLWhvdGVsLXp1cmljaC1haXJwb3J0LmJhc2VsLWhvdGVscy5uZXQvZnIv"> Moevenpick Hotel Zurich Airport Opfikon-Glattbrugg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 600 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement magnifique </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement magnifique. Il a une note de 8.3 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="73">7.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Bien">Bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2954">(2954 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="70242" data-hbs-latitude="46.934204" data-hbs-longitude="7.440019" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE0ODcvMTE0ODc1NC8xMTQ4NzU0ODcxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11487/1148754/1148754871.JPEG" srcset="/data/Photos/450x450w/11487/1148754/1148754871.JPEG 1x, /data/Photos/700x500w/11487/1148754/1148754871.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11487/1148756/1148756035.JPEG" srcset="/data/Photos/450x450w/11487/1148756/1148756035.JPEG 1x, /data/Photos/700x500w/11487/1148756/1148756035.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11487/1148757/1148757556.JPEG" srcset="/data/Photos/450x450w/11487/1148757/1148757556.JPEG 1x, /data/Photos/700x500w/11487/1148757/1148757556.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11487/1148754/1148754919.JPEG" srcset="/data/Photos/450x450w/11487/1148754/1148754919.JPEG 1x, /data/Photos/700x500w/11487/1148754/1148754919.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9807/980719/980719834.JPEG" srcset="/data/Photos/450x450w/9807/980719/980719834.JPEG 1x, /data/Photos/700x500w/9807/980719/980719834.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9807/980728/980728774.JPEG" srcset="/data/Photos/450x450w/9807/980728/980728774.JPEG 1x, /data/Photos/700x500w/9807/980728/980728774.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Ambassador Berne" data-hbs-name="Hotel Ambassador Berne"> <a class="hotels-by-stars__title-link" href="https://ambassador.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9hbWJhc3NhZG9yLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Hotel Ambassador Berne </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.6 km jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement magnifique </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement magnifique. Il a une note de 8.4 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="80">8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Très bien">Très bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1836">(1836 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="70269" data-hbs-latitude="47.56065" data-hbs-longitude="7.59133" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYxMzQvMTYxMzQxMC8xNjEzNDEwOTg5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16134/1613410/1613410989.JPEG" srcset="/data/Photos/450x450w/16134/1613410/1613410989.JPEG 1x, /data/Photos/700x500w/16134/1613410/1613410989.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16182/1618264/1618264141.JPEG" srcset="/data/Photos/450x450w/16182/1618264/1618264141.JPEG 1x, /data/Photos/700x500w/16182/1618264/1618264141.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15163/1516370/1516370515.JPEG" srcset="/data/Photos/450x450w/15163/1516370/1516370515.JPEG 1x, /data/Photos/700x500w/15163/1516370/1516370515.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15163/1516383/1516383412.JPEG" srcset="/data/Photos/450x450w/15163/1516383/1516383412.JPEG 1x, /data/Photos/700x500w/15163/1516383/1516383412.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15163/1516383/1516383517.JPEG" srcset="/data/Photos/450x450w/15163/1516383/1516383517.JPEG 1x, /data/Photos/700x500w/15163/1516383/1516383517.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15163/1516383/1516383523.JPEG" srcset="/data/Photos/450x450w/15163/1516383/1516383523.JPEG 1x, /data/Photos/700x500w/15163/1516383/1516383523.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Merian Basel - Self Check-In" data-hbs-name="Hotel Merian Basel - Self Check-In"> <a class="hotels-by-stars__title-link" href="https://hotel-merian-am-rhein.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1tZXJpYW4tYW0tcmhlaW4uYmFzZWwtaG90ZWxzLm5ldC9mci8="> Hotel Merian Basel - Self Check-In </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 400 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement exceptionnel </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement exceptionnel. Il a une note de 9.6 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="78">7.8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Bien">Bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3611">(3611 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="70276" data-hbs-latitude="47.56761" data-hbs-longitude="7.59931" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3NTUvMTI3NTU4MS8xMjc1NTgxMDk1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12755/1275581/1275581095.JPEG" srcset="/data/Photos/450x450w/12755/1275581/1275581095.JPEG 1x, /data/Photos/700x500w/12755/1275581/1275581095.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12755/1275580/1275580999.JPEG" srcset="/data/Photos/450x450w/12755/1275580/1275580999.JPEG 1x, /data/Photos/700x500w/12755/1275580/1275580999.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12755/1275580/1275580924.JPEG" srcset="/data/Photos/450x450w/12755/1275580/1275580924.JPEG 1x, /data/Photos/700x500w/12755/1275580/1275580924.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12755/1275579/1275579283.JPEG" srcset="/data/Photos/450x450w/12755/1275579/1275579283.JPEG 1x, /data/Photos/700x500w/12755/1275579/1275579283.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12755/1275581/1275581212.JPEG" srcset="/data/Photos/450x450w/12755/1275581/1275581212.JPEG 1x, /data/Photos/700x500w/12755/1275581/1275581212.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15163/1516372/1516372975.JPEG" srcset="/data/Photos/450x450w/15163/1516372/1516372975.JPEG 1x, /data/Photos/700x500w/15163/1516372/1516372975.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Essential By Dorint Basel City" data-hbs-name="Hotel Essential By Dorint Basel City"> <a class="hotels-by-stars__title-link" href="https://dorint-an-der-messe-basel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9kb3JpbnQtYW4tZGVyLW1lc3NlLWJhc2VsLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Hotel Essential By Dorint Basel City </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.3 km jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement magnifique </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement magnifique. Il a une note de 8.5 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excellent">Excellent</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4199">(4199 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="95955" data-hbs-latitude="46.94872" data-hbs-longitude="7.44629" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA5OTgvMTA5OTgzMi8xMDk5ODMyODc3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10998/1099832/1099832877.JPEG" srcset="/data/Photos/450x450w/10998/1099832/1099832877.JPEG 1x, /data/Photos/700x500w/10998/1099832/1099832877.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275435/1275435844.JPEG" srcset="/data/Photos/450x450w/12754/1275435/1275435844.JPEG 1x, /data/Photos/700x500w/12754/1275435/1275435844.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275435/1275435799.JPEG" srcset="/data/Photos/450x450w/12754/1275435/1275435799.JPEG 1x, /data/Photos/700x500w/12754/1275435/1275435799.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8341/834135/834135437.JPEG" srcset="/data/Photos/450x450w/8341/834135/834135437.JPEG 1x, /data/Photos/700x500w/8341/834135/834135437.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10998/1099824/1099824621.JPEG" srcset="/data/Photos/450x450w/10998/1099824/1099824621.JPEG 1x, /data/Photos/700x500w/10998/1099824/1099824621.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10998/1099833/1099833708.JPEG" srcset="/data/Photos/450x450w/10998/1099833/1099833708.JPEG 1x, /data/Photos/700x500w/10998/1099833/1099833708.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Best Western Plus Hotel Berne" data-hbs-name="Best Western Plus Hotel Berne"> <a class="hotels-by-stars__title-link" href="https://best-western-hotel-bern.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9iZXN0LXdlc3Rlcm4taG90ZWwtYmVybi5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Best Western Plus Hotel Berne </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 200 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement exceptionnel </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement exceptionnel. Il a une note de 9.6 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excellent">Excellent</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4067">(4067 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="99330" data-hbs-latitude="47.380221" data-hbs-longitude="8.506306" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQzNDIvMTQzNDI2OC8xNDM0MjY4NzA1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14342/1434268/1434268705.JPEG" srcset="/data/Photos/450x450w/14342/1434268/1434268705.JPEG 1x, /data/Photos/700x500w/14342/1434268/1434268705.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14342/1434264/1434264940.JPEG" srcset="/data/Photos/450x450w/14342/1434264/1434264940.JPEG 1x, /data/Photos/700x500w/14342/1434264/1434264940.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14342/1434265/1434265459.JPEG" srcset="/data/Photos/450x450w/14342/1434265/1434265459.JPEG 1x, /data/Photos/700x500w/14342/1434265/1434265459.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14342/1434266/1434266377.JPEG" srcset="/data/Photos/450x450w/14342/1434266/1434266377.JPEG 1x, /data/Photos/700x500w/14342/1434266/1434266377.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14342/1434266/1434266881.JPEG" srcset="/data/Photos/450x450w/14342/1434266/1434266881.JPEG 1x, /data/Photos/700x500w/14342/1434266/1434266881.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14342/1434269/1434269071.JPEG" srcset="/data/Photos/450x450w/14342/1434269/1434269071.JPEG 1x, /data/Photos/700x500w/14342/1434269/1434269071.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Crowne Plaza Zuerich, An Ihg Hotel" data-hbs-name="Crowne Plaza Zuerich, An Ihg Hotel"> <a class="hotels-by-stars__title-link" href="https://crowne-plaza-zurich.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9jcm93bmUtcGxhemEtenVyaWNoLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Crowne Plaza Zuerich, An Ihg Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2.6 km jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Très bon emplacement </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un très bon emplacement. Il a une note de 7.8 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="76">7.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Bien">Bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="5415">(5415 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="126882" data-hbs-latitude="47.5475957762365" data-hbs-longitude="7.59064078330994" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAwNTcvMTAwNTc3My8xMDA1NzczMjE1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10057/1005773/1005773215.JPEG" srcset="/data/Photos/450x450w/10057/1005773/1005773215.JPEG 1x, /data/Photos/700x500w/10057/1005773/1005773215.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10109/1010936/1010936353.JPEG" srcset="/data/Photos/450x450w/10109/1010936/1010936353.JPEG 1x, /data/Photos/700x500w/10109/1010936/1010936353.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10099/1009963/1009963813.JPEG" srcset="/data/Photos/450x450w/10099/1009963/1009963813.JPEG 1x, /data/Photos/700x500w/10099/1009963/1009963813.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10099/1009963/1009963834.JPEG" srcset="/data/Photos/450x450w/10099/1009963/1009963834.JPEG 1x, /data/Photos/700x500w/10099/1009963/1009963834.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10057/1005773/1005773197.JPEG" srcset="/data/Photos/450x450w/10057/1005773/1005773197.JPEG 1x, /data/Photos/700x500w/10057/1005773/1005773197.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10057/1005773/1005773533.JPEG" srcset="/data/Photos/450x450w/10057/1005773/1005773533.JPEG 1x, /data/Photos/700x500w/10057/1005773/1005773533.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Victoria Bâle" data-hbs-name="Hotel Victoria Bâle"> <a class="hotels-by-stars__title-link" href="https://victoria-basel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly92aWN0b3JpYS1iYXNlbC5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Hotel Victoria Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.2 km jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement exceptionnel </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement exceptionnel. Il a une note de 9.5 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="87">8.7</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excellent">Excellent</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1965">(1965 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="126892" data-hbs-latitude="47.55147" data-hbs-longitude="7.58871" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3NTQvMTI3NTQ2OS8xMjc1NDY5MzYwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275469/1275469360.JPEG" srcset="/data/Photos/450x450w/12754/1275469/1275469360.JPEG 1x, /data/Photos/700x500w/12754/1275469/1275469360.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275468/1275468316.JPEG" srcset="/data/Photos/450x450w/12754/1275468/1275468316.JPEG 1x, /data/Photos/700x500w/12754/1275468/1275468316.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275468/1275468817.JPEG" srcset="/data/Photos/450x450w/12754/1275468/1275468817.JPEG 1x, /data/Photos/700x500w/12754/1275468/1275468817.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275470/1275470713.JPEG" srcset="/data/Photos/450x450w/12754/1275470/1275470713.JPEG 1x, /data/Photos/700x500w/12754/1275470/1275470713.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275470/1275470863.JPEG" srcset="/data/Photos/450x450w/12754/1275470/1275470863.JPEG 1x, /data/Photos/700x500w/12754/1275470/1275470863.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275471/1275471355.JPEG" srcset="/data/Photos/450x450w/12754/1275471/1275471355.JPEG 1x, /data/Photos/700x500w/12754/1275471/1275471355.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Radisson Blu, Bâle" data-hbs-name="Hotel Radisson Blu, Bâle"> <a class="hotels-by-stars__title-link" href="https://radisson-blu.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9yYWRpc3Nvbi1ibHUuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Hotel Radisson Blu, Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 800 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement excellent </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement excellent. Il a une note de 9.1 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="82">8.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Très bien">Très bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2690">(2690 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="129530" data-hbs-latitude="46.94745" data-hbs-longitude="7.44244" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYwMTYvMTYwMTY4NC8xNjAxNjg0NzYxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16016/1601684/1601684761.JPEG" srcset="/data/Photos/450x450w/16016/1601684/1601684761.JPEG 1x, /data/Photos/700x500w/16016/1601684/1601684761.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12753/1275355/1275355669.JPEG" srcset="/data/Photos/450x450w/12753/1275355/1275355669.JPEG 1x, /data/Photos/700x500w/12753/1275355/1275355669.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12753/1275355/1275355471.JPEG" srcset="/data/Photos/450x450w/12753/1275355/1275355471.JPEG 1x, /data/Photos/700x500w/12753/1275355/1275355471.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12753/1275355/1275355426.JPEG" srcset="/data/Photos/450x450w/12753/1275355/1275355426.JPEG 1x, /data/Photos/700x500w/12753/1275355/1275355426.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12753/1275355/1275355921.JPEG" srcset="/data/Photos/450x450w/12753/1275355/1275355921.JPEG 1x, /data/Photos/700x500w/12753/1275355/1275355921.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16016/1601684/1601684749.JPEG" srcset="/data/Photos/450x450w/16016/1601684/1601684749.JPEG 1x, /data/Photos/700x500w/16016/1601684/1601684749.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Nh Bern The Bristol" data-hbs-name="Hotel Nh Bern The Bristol"> <a class="hotels-by-stars__title-link" href="https://best-western-hotel-bristol.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9iZXN0LXdlc3Rlcm4taG90ZWwtYnJpc3RvbC5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Hotel Nh Bern The Bristol </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 200 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement exceptionnel </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement exceptionnel. Il a une note de 9.7 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="85">8.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excellent">Excellent</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3235">(3235 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="243227" data-hbs-latitude="47.45283" data-hbs-longitude="8.56418" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYyMjAvMTYyMjAxMi8xNjIyMDEyMjcyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16220/1622012/1622012272.JPEG" srcset="/data/Photos/450x450w/16220/1622012/1622012272.JPEG 1x, /data/Photos/700x500w/16220/1622012/1622012272.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275462/1275462919.JPEG" srcset="/data/Photos/450x450w/12754/1275462/1275462919.JPEG 1x, /data/Photos/700x500w/12754/1275462/1275462919.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15455/1545585/1545585631.JPEG" srcset="/data/Photos/450x450w/15455/1545585/1545585631.JPEG 1x, /data/Photos/700x500w/15455/1545585/1545585631.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15455/1545585/1545585763.JPEG" srcset="/data/Photos/450x450w/15455/1545585/1545585763.JPEG 1x, /data/Photos/700x500w/15455/1545585/1545585763.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15455/1545585/1545585904.JPEG" srcset="/data/Photos/450x450w/15455/1545585/1545585904.JPEG 1x, /data/Photos/700x500w/15455/1545585/1545585904.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15455/1545585/1545585997.JPEG" srcset="/data/Photos/450x450w/15455/1545585/1545585997.JPEG 1x, /data/Photos/700x500w/15455/1545585/1545585997.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Radisson Blu Hotel Zurich Airport Kloten" data-hbs-name="Radisson Blu Hotel Zurich Airport Kloten"> <a class="hotels-by-stars__title-link" href="https://radisson-blu-zurich-airport-hotel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9yYWRpc3Nvbi1ibHUtenVyaWNoLWFpcnBvcnQtaG90ZWwuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Radisson Blu Hotel Zurich Airport Kloten </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.6 km jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement exceptionnel </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement exceptionnel. Il a une note de 9.6 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="84">8.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Très bien">Très bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="281">(281 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="355222" data-hbs-latitude="47.3824277925987" data-hbs-longitude="8.50067138671875" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM0NjEvMTM0NjE5OS8xMzQ2MTk5MTY0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13461/1346199/1346199164.JPEG" srcset="/data/Photos/450x450w/13461/1346199/1346199164.JPEG 1x, /data/Photos/700x500w/13461/1346199/1346199164.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13462/1346253/1346253545.JPEG" srcset="/data/Photos/450x450w/13462/1346253/1346253545.JPEG 1x, /data/Photos/700x500w/13462/1346253/1346253545.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13461/1346199/1346199176.JPEG" srcset="/data/Photos/450x450w/13461/1346199/1346199176.JPEG 1x, /data/Photos/700x500w/13461/1346199/1346199176.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13461/1346199/1346199203.JPEG" srcset="/data/Photos/450x450w/13461/1346199/1346199203.JPEG 1x, /data/Photos/700x500w/13461/1346199/1346199203.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13462/1346210/1346210996.JPEG" srcset="/data/Photos/450x450w/13462/1346210/1346210996.JPEG 1x, /data/Photos/700x500w/13462/1346210/1346210996.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13462/1346211/1346211053.JPEG" srcset="/data/Photos/450x450w/13462/1346211/1346211053.JPEG 1x, /data/Photos/700x500w/13462/1346211/1346211053.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="H+ Hotel Zuerich" data-hbs-name="H+ Hotel Zuerich"> <a class="hotels-by-stars__title-link" href="https://ramada-zurich-city.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9yYW1hZGEtenVyaWNoLWNpdHkuYmFzZWwtaG90ZWxzLm5ldC9mci8="> H+ Hotel Zuerich </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="497152" data-hbs-latitude="47.56436" data-hbs-longitude="7.60196" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzI0MC83MjQwNDQvNzI0MDQ0ODIzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7240/724044/724044823.JPEG" srcset="/data/Photos/450x450w/7240/724044/724044823.JPEG 1x, /data/Photos/700x500w/7240/724044/724044823.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15163/1516370/1516370554.JPEG" srcset="/data/Photos/450x450w/15163/1516370/1516370554.JPEG 1x, /data/Photos/700x500w/15163/1516370/1516370554.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15712/1571277/1571277722.JPEG" srcset="/data/Photos/450x450w/15712/1571277/1571277722.JPEG 1x, /data/Photos/700x500w/15712/1571277/1571277722.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15712/1571277/1571277806.JPEG" srcset="/data/Photos/450x450w/15712/1571277/1571277806.JPEG 1x, /data/Photos/700x500w/15712/1571277/1571277806.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15712/1571277/1571277824.JPEG" srcset="/data/Photos/450x450w/15712/1571277/1571277824.JPEG 1x, /data/Photos/700x500w/15712/1571277/1571277824.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15712/1571277/1571277827.JPEG" srcset="/data/Photos/450x450w/15712/1571277/1571277827.JPEG 1x, /data/Photos/700x500w/15712/1571277/1571277827.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hyperion Hotel Bâle" data-hbs-name="Hyperion Hotel Bâle"> <a class="hotels-by-stars__title-link" href="https://ramada-plaza.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9yYW1hZGEtcGxhemEuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Hyperion Hotel Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="655703" data-hbs-latitude="47.553719" data-hbs-longitude="7.586159" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NDUxNy80NTE3MjEvNDUxNzIxMDc2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4517/451721/451721076.JPEG" srcset="/data/Photos/450x450w/4517/451721/451721076.JPEG 1x, /data/Photos/700x500w/4517/451721/451721076.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16005/1600586/1600586466.JPEG" srcset="/data/Photos/450x450w/16005/1600586/1600586466.JPEG 1x, /data/Photos/700x500w/16005/1600586/1600586466.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16153/1615394/1615394115.JPEG" srcset="/data/Photos/450x450w/16153/1615394/1615394115.JPEG 1x, /data/Photos/700x500w/16153/1615394/1615394115.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15784/1578400/1578400886.JPEG" srcset="/data/Photos/450x450w/15784/1578400/1578400886.JPEG 1x, /data/Photos/700x500w/15784/1578400/1578400886.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15784/1578400/1578400967.JPEG" srcset="/data/Photos/450x450w/15784/1578400/1578400967.JPEG 1x, /data/Photos/700x500w/15784/1578400/1578400967.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15784/1578400/1578400970.JPEG" srcset="/data/Photos/450x450w/15784/1578400/1578400970.JPEG 1x, /data/Photos/700x500w/15784/1578400/1578400970.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel The Passage - Urban Retreat à Bâle" data-hbs-name="Hotel The Passage - Urban Retreat à Bâle"> <a class="hotels-by-stars__title-link" href="https://the-passage.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly90aGUtcGFzc2FnZS5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Hotel The Passage - Urban Retreat à Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="698153" data-hbs-latitude="47.54505" data-hbs-longitude="7.59961" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA4MTcvMTA4MTc4Mi8xMDgxNzgyNDYzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10817/1081782/1081782463.JPEG" srcset="/data/Photos/450x450w/10817/1081782/1081782463.JPEG 1x, /data/Photos/700x500w/10817/1081782/1081782463.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15002/1500281/1500281929.JPEG" srcset="/data/Photos/450x450w/15002/1500281/1500281929.JPEG 1x, /data/Photos/700x500w/15002/1500281/1500281929.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13013/1301357/1301357815.JPEG" srcset="/data/Photos/450x450w/13013/1301357/1301357815.JPEG 1x, /data/Photos/700x500w/13013/1301357/1301357815.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13013/1301338/1301338951.JPEG" srcset="/data/Photos/450x450w/13013/1301338/1301338951.JPEG 1x, /data/Photos/700x500w/13013/1301338/1301338951.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13034/1303409/1303409920.JPEG" srcset="/data/Photos/450x450w/13034/1303409/1303409920.JPEG 1x, /data/Photos/700x500w/13034/1303409/1303409920.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13062/1306256/1306256911.JPEG" srcset="/data/Photos/450x450w/13062/1306256/1306256911.JPEG 1x, /data/Photos/700x500w/13062/1306256/1306256911.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Novotel Basel City" data-hbs-name="Novotel Basel City"> <a class="hotels-by-stars__title-link" href="https://novotel-basel-city.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ub3ZvdGVsLWJhc2VsLWNpdHkuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Novotel Basel City </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1651034" data-hbs-latitude="47.383666" data-hbs-longitude="8.492518" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQ0ODAvMTQ0ODA3Ny8xNDQ4MDc3MzEyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14480/1448077/1448077312.JPEG" srcset="/data/Photos/450x450w/14480/1448077/1448077312.JPEG 1x, /data/Photos/700x500w/14480/1448077/1448077312.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14480/1448081/1448081776.JPEG" srcset="/data/Photos/450x450w/14480/1448081/1448081776.JPEG 1x, /data/Photos/700x500w/14480/1448081/1448081776.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14480/1448081/1448081206.JPEG" srcset="/data/Photos/450x450w/14480/1448081/1448081206.JPEG 1x, /data/Photos/700x500w/14480/1448081/1448081206.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14480/1448082/1448082469.JPEG" srcset="/data/Photos/450x450w/14480/1448082/1448082469.JPEG 1x, /data/Photos/700x500w/14480/1448082/1448082469.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12801/1280175/1280175820.JPEG" srcset="/data/Photos/450x450w/12801/1280175/1280175820.JPEG 1x, /data/Photos/700x500w/12801/1280175/1280175820.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14480/1448092/1448092417.JPEG" srcset="/data/Photos/450x450w/14480/1448092/1448092417.JPEG 1x, /data/Photos/700x500w/14480/1448092/1448092417.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Placid Hotel Design & Lifestyle Zurich" data-hbs-name="Placid Hotel Design & Lifestyle Zurich"> <a class="hotels-by-stars__title-link" href="https://placid-hotel-zurich.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9wbGFjaWQtaG90ZWwtenVyaWNoLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Placid Hotel Design & Lifestyle Zurich </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="4506412" data-hbs-latitude="47.39337" data-hbs-longitude="8.4846" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU0MDMvMTU0MDM4MS8xNTQwMzgxMDA5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15403/1540381/1540381009.JPEG" srcset="/data/Photos/450x450w/15403/1540381/1540381009.JPEG 1x, /data/Photos/700x500w/15403/1540381/1540381009.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12803/1280330/1280330575.JPEG" srcset="/data/Photos/450x450w/12803/1280330/1280330575.JPEG 1x, /data/Photos/700x500w/12803/1280330/1280330575.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12803/1280329/1280329900.JPEG" srcset="/data/Photos/450x450w/12803/1280329/1280329900.JPEG 1x, /data/Photos/700x500w/12803/1280329/1280329900.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12803/1280330/1280330158.JPEG" srcset="/data/Photos/450x450w/12803/1280330/1280330158.JPEG 1x, /data/Photos/700x500w/12803/1280330/1280330158.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12803/1280328/1280328502.JPEG" srcset="/data/Photos/450x450w/12803/1280328/1280328502.JPEG 1x, /data/Photos/700x500w/12803/1280328/1280328502.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15713/1571399/1571399327.JPEG" srcset="/data/Photos/450x450w/15713/1571399/1571399327.JPEG 1x, /data/Photos/700x500w/15713/1571399/1571399327.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Mercure Zuerich City" data-hbs-name="Hotel Mercure Zuerich City"> <a class="hotels-by-stars__title-link" href="https://a-ja-zuerich-das-city-resort.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9hLWphLXp1ZXJpY2gtZGFzLWNpdHktcmVzb3J0LmJhc2VsLWhvdGVscy5uZXQvZnIv"> Hotel Mercure Zuerich City </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="6318054" data-hbs-latitude="47.5524" data-hbs-longitude="7.58805" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAwNzkvMTAwNzk5Ni8xMDA3OTk2ODIxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10079/1007996/1007996821.JPEG" srcset="/data/Photos/450x450w/10079/1007996/1007996821.JPEG 1x, /data/Photos/700x500w/10079/1007996/1007996821.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15847/1584757/1584757480.JPEG" srcset="/data/Photos/450x450w/15847/1584757/1584757480.JPEG 1x, /data/Photos/700x500w/15847/1584757/1584757480.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15490/1549030/1549030225.JPEG" srcset="/data/Photos/450x450w/15490/1549030/1549030225.JPEG 1x, /data/Photos/700x500w/15490/1549030/1549030225.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15490/1549030/1549030231.JPEG" srcset="/data/Photos/450x450w/15490/1549030/1549030231.JPEG 1x, /data/Photos/700x500w/15490/1549030/1549030231.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15490/1549030/1549030270.JPEG" srcset="/data/Photos/450x450w/15490/1549030/1549030270.JPEG 1x, /data/Photos/700x500w/15490/1549030/1549030270.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15490/1549030/1549030279.JPEG" srcset="/data/Photos/450x450w/15490/1549030/1549030279.JPEG 1x, /data/Photos/700x500w/15490/1549030/1549030279.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Art House Basel - Member Of Design Hotels" data-hbs-name="Art House Basel - Member Of Design Hotels"> <a class="hotels-by-stars__title-link" href="https://art-house-basel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9hcnQtaG91c2UtYmFzZWwuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Art House Basel - Member Of Design Hotels </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="7420639" data-hbs-latitude="47.453287" data-hbs-longitude="8.578428" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTIyNDEvMTIyNDE5OS8xMjI0MTk5MDA2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12241/1224199/1224199006.JPEG" srcset="/data/Photos/450x450w/12241/1224199/1224199006.JPEG 1x, /data/Photos/700x500w/12241/1224199/1224199006.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15373/1537307/1537307347.JPEG" srcset="/data/Photos/450x450w/15373/1537307/1537307347.JPEG 1x, /data/Photos/700x500w/15373/1537307/1537307347.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12453/1245337/1245337093.JPEG" srcset="/data/Photos/450x450w/12453/1245337/1245337093.JPEG 1x, /data/Photos/700x500w/12453/1245337/1245337093.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12453/1245337/1245337099.JPEG" srcset="/data/Photos/450x450w/12453/1245337/1245337099.JPEG 1x, /data/Photos/700x500w/12453/1245337/1245337099.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12453/1245337/1245337105.JPEG" srcset="/data/Photos/450x450w/12453/1245337/1245337105.JPEG 1x, /data/Photos/700x500w/12453/1245337/1245337105.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12453/1245337/1245337126.JPEG" srcset="/data/Photos/450x450w/12453/1245337/1245337126.JPEG 1x, /data/Photos/700x500w/12453/1245337/1245337126.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Leonardo Hotel Zurich Airport Kloten" data-hbs-name="Leonardo Hotel Zurich Airport Kloten"> <a class="hotels-by-stars__title-link" href="https://leonardo-zurich-airport.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9sZW9uYXJkby16dXJpY2gtYWlycG9ydC5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Leonardo Hotel Zurich Airport Kloten </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="7738240" data-hbs-latitude="47.54928" data-hbs-longitude="7.5925" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE1MTMvMTE1MTMwMi8xMTUxMzAyMjE1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11513/1151302/1151302215.JPEG" srcset="/data/Photos/450x450w/11513/1151302/1151302215.JPEG 1x, /data/Photos/700x500w/11513/1151302/1151302215.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11537/1153780/1153780830.JPEG" srcset="/data/Photos/450x450w/11537/1153780/1153780830.JPEG 1x, /data/Photos/700x500w/11537/1153780/1153780830.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11513/1151302/1151302185.JPEG" srcset="/data/Photos/450x450w/11513/1151302/1151302185.JPEG 1x, /data/Photos/700x500w/11513/1151302/1151302185.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11537/1153769/1153769100.JPEG" srcset="/data/Photos/450x450w/11537/1153769/1153769100.JPEG 1x, /data/Photos/700x500w/11537/1153769/1153769100.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11537/1153769/1153769322.JPEG" srcset="/data/Photos/450x450w/11537/1153769/1153769322.JPEG 1x, /data/Photos/700x500w/11537/1153769/1153769322.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11537/1153769/1153769364.JPEG" srcset="/data/Photos/450x450w/11537/1153769/1153769364.JPEG 1x, /data/Photos/700x500w/11537/1153769/1153769364.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Moevenpick Hotel Bâle" data-hbs-name="Moevenpick Hotel Bâle"> <a class="hotels-by-stars__title-link" href="https://movenpick-hotel-basel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9tb3ZlbnBpY2staG90ZWwtYmFzZWwuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Moevenpick Hotel Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="8991438" data-hbs-latitude="47.561043" data-hbs-longitude="7.593536" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA3ODMvMTA3ODMwMC8xMDc4MzAwODI4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10783/1078300/1078300828.JPEG" srcset="/data/Photos/450x450w/10783/1078300/1078300828.JPEG 1x, /data/Photos/700x500w/10783/1078300/1078300828.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10732/1073231/1073231002.JPEG" srcset="/data/Photos/450x450w/10732/1073231/1073231002.JPEG 1x, /data/Photos/700x500w/10732/1073231/1073231002.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10732/1073231/1073231410.JPEG" srcset="/data/Photos/450x450w/10732/1073231/1073231410.JPEG 1x, /data/Photos/700x500w/10732/1073231/1073231410.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10783/1078300/1078300492.JPEG" srcset="/data/Photos/450x450w/10783/1078300/1078300492.JPEG 1x, /data/Photos/700x500w/10783/1078300/1078300492.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10783/1078301/1078301074.JPEG" srcset="/data/Photos/450x450w/10783/1078301/1078301074.JPEG 1x, /data/Photos/700x500w/10783/1078301/1078301074.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10715/1071582/1071582691.JPEG" srcset="/data/Photos/450x450w/10715/1071582/1071582691.JPEG 1x, /data/Photos/700x500w/10715/1071582/1071582691.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Boutique & Design Hotel Volkshaus Bâle" data-hbs-name="Boutique & Design Hotel Volkshaus Bâle"> <a class="hotels-by-stars__title-link" href="https://volkshaus-basel-hotel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly92b2xrc2hhdXMtYmFzZWwtaG90ZWwuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Boutique & Design Hotel Volkshaus Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/fr/3-stars/" class="main-hotels__title-link"> Hôtels de 3 étoiles à Bâle </a> </h3> <p class="main-hotels__text section__subtitle"> Hébergement privilégié pour mieux profiter de votre voyage </p> <div class="show-all-wrapper"> <span data-internal="L2ZyLzMtc3RhcnMv" class="show-all js-link js-link-new"> Montrer tout <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="3"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="69705" data-hbs-latitude="47.379647" data-hbs-longitude="8.54344" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTk0MS85OTQxMzMvOTk0MTMzMjc1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9941/994133/994133275.JPEG" srcset="/data/Photos/450x450w/9941/994133/994133275.JPEG 1x, /data/Photos/700x500w/9941/994133/994133275.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12753/1275344/1275344989.JPEG" srcset="/data/Photos/450x450w/12753/1275344/1275344989.JPEG 1x, /data/Photos/700x500w/12753/1275344/1275344989.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12753/1275344/1275344926.JPEG" srcset="/data/Photos/450x450w/12753/1275344/1275344926.JPEG 1x, /data/Photos/700x500w/12753/1275344/1275344926.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12753/1275345/1275345142.JPEG" srcset="/data/Photos/450x450w/12753/1275345/1275345142.JPEG 1x, /data/Photos/700x500w/12753/1275345/1275345142.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12753/1275345/1275345187.JPEG" srcset="/data/Photos/450x450w/12753/1275345/1275345187.JPEG 1x, /data/Photos/700x500w/12753/1275345/1275345187.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12753/1275345/1275345274.JPEG" srcset="/data/Photos/450x450w/12753/1275345/1275345274.JPEG 1x, /data/Photos/700x500w/12753/1275345/1275345274.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Bristol Zurich" data-hbs-name="Hotel Bristol Zurich"> <a class="hotels-by-stars__title-link" href="https://bristol-zurich.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9icmlzdG9sLXp1cmljaC5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Hotel Bristol Zurich </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 400 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement excellent </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement excellent. Il a une note de 9.2 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="81">8.1</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Très bien">Très bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="5545">(5545 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="70240" data-hbs-latitude="46.94898" data-hbs-longitude="7.4447" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3NTQvMTI3NTQzNS8xMjc1NDM1NDg3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275435/1275435487.JPEG" srcset="/data/Photos/450x450w/12754/1275435/1275435487.JPEG 1x, /data/Photos/700x500w/12754/1275435/1275435487.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275434/1275434590.JPEG" srcset="/data/Photos/450x450w/12754/1275434/1275434590.JPEG 1x, /data/Photos/700x500w/12754/1275434/1275434590.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275434/1275434782.JPEG" srcset="/data/Photos/450x450w/12754/1275434/1275434782.JPEG 1x, /data/Photos/700x500w/12754/1275434/1275434782.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275434/1275434881.JPEG" srcset="/data/Photos/450x450w/12754/1275434/1275434881.JPEG 1x, /data/Photos/700x500w/12754/1275434/1275434881.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275435/1275435166.JPEG" srcset="/data/Photos/450x450w/12754/1275435/1275435166.JPEG 1x, /data/Photos/700x500w/12754/1275435/1275435166.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275435/1275435226.JPEG" srcset="/data/Photos/450x450w/12754/1275435/1275435226.JPEG 1x, /data/Photos/700x500w/12754/1275435/1275435226.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Kreuz Bern Modern City Hotel" data-hbs-name="Kreuz Bern Modern City Hotel"> <a class="hotels-by-stars__title-link" href="https://kreuz-berne.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9rcmV1ei1iZXJuZS5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Kreuz Bern Modern City Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 200 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement exceptionnel </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement exceptionnel. Il a une note de 9.6 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="84">8.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Très bien">Très bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3001">(3001 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="70244" data-hbs-latitude="46.94918102486" data-hbs-longitude="7.4447502629526525" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM0MTgvMTM0MTgxNi8xMzQxODE2ODk2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13418/1341816/1341816896.JPEG" srcset="/data/Photos/450x450w/13418/1341816/1341816896.JPEG 1x, /data/Photos/700x500w/13418/1341816/1341816896.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15163/1516393/1516393381.JPEG" srcset="/data/Photos/450x450w/15163/1516393/1516393381.JPEG 1x, /data/Photos/700x500w/15163/1516393/1516393381.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15164/1516425/1516425715.JPEG" srcset="/data/Photos/450x450w/15164/1516425/1516425715.JPEG 1x, /data/Photos/700x500w/15164/1516425/1516425715.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15164/1516425/1516425733.JPEG" srcset="/data/Photos/450x450w/15164/1516425/1516425733.JPEG 1x, /data/Photos/700x500w/15164/1516425/1516425733.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15164/1516425/1516425811.JPEG" srcset="/data/Photos/450x450w/15164/1516425/1516425811.JPEG 1x, /data/Photos/700x500w/15164/1516425/1516425811.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15164/1516425/1516425838.JPEG" srcset="/data/Photos/450x450w/15164/1516425/1516425838.JPEG 1x, /data/Photos/700x500w/15164/1516425/1516425838.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Stay Kooook Bern City - Online Check In" data-hbs-name="Stay Kooook Bern City - Online Check In"> <a class="hotels-by-stars__title-link" href="https://metropole.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9tZXRyb3BvbGUuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Stay Kooook Bern City - Online Check In </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 200 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement exceptionnel </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement exceptionnel. Il a une note de 9.8 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="89">8.9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excellent">Excellent</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3624">(3624 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="70249" data-hbs-latitude="46.94867" data-hbs-longitude="7.45536" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODM0OC84MzQ4MTIvODM0ODEyNTQzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8348/834812/834812543.JPEG" srcset="/data/Photos/450x450w/8348/834812/834812543.JPEG 1x, /data/Photos/700x500w/8348/834812/834812543.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15164/1516438/1516438288.JPEG" srcset="/data/Photos/450x450w/15164/1516438/1516438288.JPEG 1x, /data/Photos/700x500w/15164/1516438/1516438288.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12871/1287180/1287180382.JPEG" srcset="/data/Photos/450x450w/12871/1287180/1287180382.JPEG 1x, /data/Photos/700x500w/12871/1287180/1287180382.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15164/1516438/1516438297.JPEG" srcset="/data/Photos/450x450w/15164/1516438/1516438297.JPEG 1x, /data/Photos/700x500w/15164/1516438/1516438297.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15164/1516438/1516438177.JPEG" srcset="/data/Photos/450x450w/15164/1516438/1516438177.JPEG 1x, /data/Photos/700x500w/15164/1516438/1516438177.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15164/1516438/1516438051.JPEG" srcset="/data/Photos/450x450w/15164/1516438/1516438051.JPEG 1x, /data/Photos/700x500w/15164/1516438/1516438051.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Boutique Hotel Belle Epoque Berne" data-hbs-name="Boutique Hotel Belle Epoque Berne"> <a class="hotels-by-stars__title-link" href="https://belle-epoque.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9iZWxsZS1lcG9xdWUuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Boutique Hotel Belle Epoque Berne </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 900 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement exceptionnel </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement exceptionnel. Il a une note de 9.6 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="84">8.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Très bien">Très bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1900">(1900 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="70270" data-hbs-latitude="47.5487" data-hbs-longitude="7.58997" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI4MDIvMTI4MDIxMS8xMjgwMjExODgzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12802/1280211/1280211883.JPEG" srcset="/data/Photos/450x450w/12802/1280211/1280211883.JPEG 1x, /data/Photos/700x500w/12802/1280211/1280211883.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12802/1280212/1280212117.JPEG" srcset="/data/Photos/450x450w/12802/1280212/1280212117.JPEG 1x, /data/Photos/700x500w/12802/1280212/1280212117.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12802/1280212/1280212345.JPEG" srcset="/data/Photos/450x450w/12802/1280212/1280212345.JPEG 1x, /data/Photos/700x500w/12802/1280212/1280212345.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12802/1280212/1280212810.JPEG" srcset="/data/Photos/450x450w/12802/1280212/1280212810.JPEG 1x, /data/Photos/700x500w/12802/1280212/1280212810.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12802/1280211/1280211790.JPEG" srcset="/data/Photos/450x450w/12802/1280211/1280211790.JPEG 1x, /data/Photos/700x500w/12802/1280211/1280211790.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12802/1280211/1280211247.JPEG" srcset="/data/Photos/450x450w/12802/1280211/1280211247.JPEG 1x, /data/Photos/700x500w/12802/1280211/1280211247.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel City Inn Bâle" data-hbs-name="Hotel City Inn Bâle"> <a class="hotels-by-stars__title-link" href="https://hotel-city-inn.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1jaXR5LWlubi5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Hotel City Inn Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1 km jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement excellent </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement excellent. Il a une note de 9.1 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="73">7.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Bien">Bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1915">(1915 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="113479" data-hbs-latitude="47.37524" data-hbs-longitude="8.54445" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTE3My85MTczNTAvOTE3MzUwNTU4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9173/917350/917350558.JPEG" srcset="/data/Photos/450x450w/9173/917350/917350558.JPEG 1x, /data/Photos/700x500w/9173/917350/917350558.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12101/1210160/1210160398.JPEG" srcset="/data/Photos/450x450w/12101/1210160/1210160398.JPEG 1x, /data/Photos/700x500w/12101/1210160/1210160398.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12753/1275360/1275360211.JPEG" srcset="/data/Photos/450x450w/12753/1275360/1275360211.JPEG 1x, /data/Photos/700x500w/12753/1275360/1275360211.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10117/1011788/1011788155.JPEG" srcset="/data/Photos/450x450w/10117/1011788/1011788155.JPEG 1x, /data/Photos/700x500w/10117/1011788/1011788155.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10117/1011788/1011788107.JPEG" srcset="/data/Photos/450x450w/10117/1011788/1011788107.JPEG 1x, /data/Photos/700x500w/10117/1011788/1011788107.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10117/1011787/1011787894.JPEG" srcset="/data/Photos/450x450w/10117/1011787/1011787894.JPEG 1x, /data/Photos/700x500w/10117/1011787/1011787894.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Felix Zurich" data-hbs-name="Hotel Felix Zurich"> <a class="hotels-by-stars__title-link" href="https://basilea.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9iYXNpbGVhLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Hotel Felix Zurich </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 400 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement excellent </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement excellent. Il a une note de 9.4 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excellent">Excellent</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4213">(4213 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="121041" data-hbs-latitude="47.41573" data-hbs-longitude="8.55879" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYwODcvMTYwODc4My8xNjA4NzgzMDU1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16087/1608783/1608783055.JPEG" srcset="/data/Photos/450x450w/16087/1608783/1608783055.JPEG 1x, /data/Photos/700x500w/16087/1608783/1608783055.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16087/1608783/1608783051.JPEG" srcset="/data/Photos/450x450w/16087/1608783/1608783051.JPEG 1x, /data/Photos/700x500w/16087/1608783/1608783051.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12820/1282096/1282096021.JPEG" srcset="/data/Photos/450x450w/12820/1282096/1282096021.JPEG 1x, /data/Photos/700x500w/12820/1282096/1282096021.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12820/1282095/1282095946.JPEG" srcset="/data/Photos/450x450w/12820/1282095/1282095946.JPEG 1x, /data/Photos/700x500w/12820/1282095/1282095946.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13416/1341600/1341600533.JPEG" srcset="/data/Photos/450x450w/13416/1341600/1341600533.JPEG 1x, /data/Photos/700x500w/13416/1341600/1341600533.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12820/1282095/1282095649.JPEG" srcset="/data/Photos/450x450w/12820/1282095/1282095649.JPEG 1x, /data/Photos/700x500w/12820/1282095/1282095649.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Ibis Zuerich Messe Airport" data-hbs-name="Hotel Ibis Zuerich Messe Airport"> <a class="hotels-by-stars__title-link" href="https://ibis-zurich-messe-airport.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9pYmlzLXp1cmljaC1tZXNzZS1haXJwb3J0LmJhc2VsLWhvdGVscy5uZXQvZnIv"> Hotel Ibis Zuerich Messe Airport </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 4.6 km jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Très bon emplacement </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un très bon emplacement. Il a une note de 7.7 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="73">7.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Bien">Bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="5068">(5068 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="126881" data-hbs-latitude="47.55958" data-hbs-longitude="7.58455" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU5ODMvMTU5ODM5NS8xNTk4Mzk1MTIyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15983/1598395/1598395122.JPEG" srcset="/data/Photos/450x450w/15983/1598395/1598395122.JPEG 1x, /data/Photos/700x500w/15983/1598395/1598395122.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15801/1580146/1580146988.JPEG" srcset="/data/Photos/450x450w/15801/1580146/1580146988.JPEG 1x, /data/Photos/700x500w/15801/1580146/1580146988.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15983/1598395/1598395094.JPEG" srcset="/data/Photos/450x450w/15983/1598395/1598395094.JPEG 1x, /data/Photos/700x500w/15983/1598395/1598395094.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14987/1498719/1498719904.JPEG" srcset="/data/Photos/450x450w/14987/1498719/1498719904.JPEG 1x, /data/Photos/700x500w/14987/1498719/1498719904.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14987/1498720/1498720201.JPEG" srcset="/data/Photos/450x450w/14987/1498720/1498720201.JPEG 1x, /data/Photos/700x500w/14987/1498720/1498720201.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14987/1498720/1498720216.JPEG" srcset="/data/Photos/450x450w/14987/1498720/1498720216.JPEG 1x, /data/Photos/700x500w/14987/1498720/1498720216.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Central City Hotel Rochat Bâle" data-hbs-name="Central City Hotel Rochat Bâle"> <a class="hotels-by-stars__title-link" href="https://hotel-rochat.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1yb2NoYXQuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Central City Hotel Rochat Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 700 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement excellent </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement excellent. Il a une note de 9.4 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="87">8.7</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excellent">Excellent</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3377">(3377 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="146112" data-hbs-latitude="47.38121" data-hbs-longitude="8.54244" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE3MjgvMTE3Mjg0MC8xMTcyODQwNDA2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11728/1172840/1172840406.JPEG" srcset="/data/Photos/450x450w/11728/1172840/1172840406.JPEG 1x, /data/Photos/700x500w/11728/1172840/1172840406.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13038/1303808/1303808062.JPEG" srcset="/data/Photos/450x450w/13038/1303808/1303808062.JPEG 1x, /data/Photos/700x500w/13038/1303808/1303808062.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12481/1248138/1248138781.JPEG" srcset="/data/Photos/450x450w/12481/1248138/1248138781.JPEG 1x, /data/Photos/700x500w/12481/1248138/1248138781.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12481/1248138/1248138796.JPEG" srcset="/data/Photos/450x450w/12481/1248138/1248138796.JPEG 1x, /data/Photos/700x500w/12481/1248138/1248138796.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12481/1248138/1248138802.JPEG" srcset="/data/Photos/450x450w/12481/1248138/1248138802.JPEG 1x, /data/Photos/700x500w/12481/1248138/1248138802.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12481/1248151/1248151606.JPEG" srcset="/data/Photos/450x450w/12481/1248151/1248151606.JPEG 1x, /data/Photos/700x500w/12481/1248151/1248151606.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Ibis Styles Zurich City Center" data-hbs-name="Hotel Ibis Styles Zurich City Center"> <a class="hotels-by-stars__title-link" href="https://continental-zurich.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9jb250aW5lbnRhbC16dXJpY2guYmFzZWwtaG90ZWxzLm5ldC9mci8="> Hotel Ibis Styles Zurich City Center </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 600 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement magnifique </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement magnifique. Il a une note de 8.9 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="79">7.9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Bien">Bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="7816">(7816 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="291681" data-hbs-latitude="47.5557708740234" data-hbs-longitude="7.58639001846313" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4MzAvMTU4MzA3MS8xNTgzMDcxNDgzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15830/1583071/1583071483.JPEG" srcset="/data/Photos/450x450w/15830/1583071/1583071483.JPEG 1x, /data/Photos/700x500w/15830/1583071/1583071483.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15830/1583071/1583071488.JPEG" srcset="/data/Photos/450x450w/15830/1583071/1583071488.JPEG 1x, /data/Photos/700x500w/15830/1583071/1583071488.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15830/1583071/1583071491.JPEG" srcset="/data/Photos/450x450w/15830/1583071/1583071491.JPEG 1x, /data/Photos/700x500w/15830/1583071/1583071491.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15314/1531430/1531430749.JPEG" srcset="/data/Photos/450x450w/15314/1531430/1531430749.JPEG 1x, /data/Photos/700x500w/15314/1531430/1531430749.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15830/1583071/1583071481.JPEG" srcset="/data/Photos/450x450w/15830/1583071/1583071481.JPEG 1x, /data/Photos/700x500w/15830/1583071/1583071481.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8941/894167/894167128.JPEG" srcset="/data/Photos/450x450w/8941/894167/894167128.JPEG 1x, /data/Photos/700x500w/8941/894167/894167128.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Gast - Und Kulturhaus Der Teufelhof Bâle" data-hbs-name="Hotel Gast - Und Kulturhaus Der Teufelhof Bâle"> <a class="hotels-by-stars__title-link" href="https://der-teufelhof-basel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9kZXItdGV1ZmVsaG9mLWJhc2VsLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Hotel Gast - Und Kulturhaus Der Teufelhof Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 500 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement exceptionnel </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement exceptionnel. Il a une note de 9.6 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="89">8.9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excellent">Excellent</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1785">(1785 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="340991" data-hbs-latitude="47.4521065549809" data-hbs-longitude="8.53707185152052" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3ODUvMTI3ODU3MC8xMjc4NTcwOTQ2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12785/1278570/1278570946.JPEG" srcset="/data/Photos/450x450w/12785/1278570/1278570946.JPEG 1x, /data/Photos/700x500w/12785/1278570/1278570946.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12785/1278568/1278568417.JPEG" srcset="/data/Photos/450x450w/12785/1278568/1278568417.JPEG 1x, /data/Photos/700x500w/12785/1278568/1278568417.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12785/1278569/1278569092.JPEG" srcset="/data/Photos/450x450w/12785/1278569/1278569092.JPEG 1x, /data/Photos/700x500w/12785/1278569/1278569092.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12785/1278569/1278569503.JPEG" srcset="/data/Photos/450x450w/12785/1278569/1278569503.JPEG 1x, /data/Photos/700x500w/12785/1278569/1278569503.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12785/1278569/1278569800.JPEG" srcset="/data/Photos/450x450w/12785/1278569/1278569800.JPEG 1x, /data/Photos/700x500w/12785/1278569/1278569800.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12785/1278570/1278570886.JPEG" srcset="/data/Photos/450x450w/12785/1278570/1278570886.JPEG 1x, /data/Photos/700x500w/12785/1278570/1278570886.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Holiday Inn Express Zuerich Airport, An Ihg Hotel Rümlang" data-hbs-name="Holiday Inn Express Zuerich Airport, An Ihg Hotel Rümlang"> <a class="hotels-by-stars__title-link" href="https://holiday-inn-express-zurich-airport.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ob2xpZGF5LWlubi1leHByZXNzLXp1cmljaC1haXJwb3J0LmJhc2VsLWhvdGVscy5uZXQvZnIv"> Holiday Inn Express Zuerich Airport, An Ihg Hotel Rümlang </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="344885" data-hbs-latitude="47.558922" data-hbs-longitude="7.59961" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM4MjkvMTM4Mjk2OC8xMzgyOTY4NzE4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13829/1382968/1382968718.JPEG" srcset="/data/Photos/450x450w/13829/1382968/1382968718.JPEG 1x, /data/Photos/700x500w/13829/1382968/1382968718.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13829/1382963/1382963999.JPEG" srcset="/data/Photos/450x450w/13829/1382963/1382963999.JPEG 1x, /data/Photos/700x500w/13829/1382963/1382963999.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13829/1382968/1382968937.JPEG" srcset="/data/Photos/450x450w/13829/1382968/1382968937.JPEG 1x, /data/Photos/700x500w/13829/1382968/1382968937.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13869/1386947/1386947933.JPEG" srcset="/data/Photos/450x450w/13869/1386947/1386947933.JPEG 1x, /data/Photos/700x500w/13869/1386947/1386947933.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13869/1386951/1386951650.JPEG" srcset="/data/Photos/450x450w/13869/1386951/1386951650.JPEG 1x, /data/Photos/700x500w/13869/1386951/1386951650.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13869/1386954/1386954560.JPEG" srcset="/data/Photos/450x450w/13869/1386954/1386954560.JPEG 1x, /data/Photos/700x500w/13869/1386954/1386954560.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Wettstein Bâle" data-hbs-name="Hotel Wettstein Bâle"> <a class="hotels-by-stars__title-link" href="https://wettstein.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly93ZXR0c3RlaW4uYmFzZWwtaG90ZWxzLm5ldC9mci8="> Hotel Wettstein Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1021892" data-hbs-latitude="47.56036" data-hbs-longitude="7.59162" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NTM3OC81Mzc4NzUvNTM3ODc1MDE2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5378/537875/537875016.JPEG" srcset="/data/Photos/450x450w/5378/537875/537875016.JPEG 1x, /data/Photos/700x500w/5378/537875/537875016.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4188/418881/418881450.JPEG" srcset="/data/Photos/450x450w/4188/418881/418881450.JPEG 1x, /data/Photos/700x500w/4188/418881/418881450.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4627/462715/462715416.JPEG" srcset="/data/Photos/450x450w/4627/462715/462715416.JPEG 1x, /data/Photos/700x500w/4627/462715/462715416.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4626/462693/462693471.JPEG" srcset="/data/Photos/450x450w/4626/462693/462693471.JPEG 1x, /data/Photos/700x500w/4626/462693/462693471.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4627/462725/462725406.JPEG" srcset="/data/Photos/450x450w/4627/462725/462725406.JPEG 1x, /data/Photos/700x500w/4627/462725/462725406.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4627/462730/462730275.JPEG" srcset="/data/Photos/450x450w/4627/462730/462730275.JPEG 1x, /data/Photos/700x500w/4627/462730/462730275.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="East West Hotel Bâle" data-hbs-name="East West Hotel Bâle"> <a class="hotels-by-stars__title-link" href="https://east-west-riverside-hotel-basel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9lYXN0LXdlc3Qtcml2ZXJzaWRlLWhvdGVsLWJhc2VsLmJhc2VsLWhvdGVscy5uZXQvZnIv"> East West Hotel Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1818838" data-hbs-latitude="47.5451312794139" data-hbs-longitude="7.60166535211488" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzExOS83MTE5MTgvNzExOTE4MzQ2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7119/711918/711918346.JPEG" srcset="/data/Photos/450x450w/7119/711918/711918346.JPEG 1x, /data/Photos/700x500w/7119/711918/711918346.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15092/1509251/1509251959.JPEG" srcset="/data/Photos/450x450w/15092/1509251/1509251959.JPEG 1x, /data/Photos/700x500w/15092/1509251/1509251959.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15808/1580886/1580886121.JPEG" srcset="/data/Photos/450x450w/15808/1580886/1580886121.JPEG 1x, /data/Photos/700x500w/15808/1580886/1580886121.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15808/1580886/1580886139.JPEG" srcset="/data/Photos/450x450w/15808/1580886/1580886139.JPEG 1x, /data/Photos/700x500w/15808/1580886/1580886139.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10948/1094864/1094864139.JPEG" srcset="/data/Photos/450x450w/10948/1094864/1094864139.JPEG 1x, /data/Photos/700x500w/10948/1094864/1094864139.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10810/1081012/1081012966.JPEG" srcset="/data/Photos/450x450w/10810/1081012/1081012966.JPEG 1x, /data/Photos/700x500w/10810/1081012/1081012966.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Ibis Styles Basel City" data-hbs-name="Hotel Ibis Styles Basel City"> <a class="hotels-by-stars__title-link" href="https://ibis-styles-basel-city.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9pYmlzLXN0eWxlcy1iYXNlbC1jaXR5LmJhc2VsLWhvdGVscy5uZXQvZnIv"> Hotel Ibis Styles Basel City </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2478981" data-hbs-latitude="47.55493" data-hbs-longitude="7.59016" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU1MzUvMTU1MzUwMi8xNTUzNTAyOTMxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15535/1553502/1553502931.JPEG" srcset="/data/Photos/450x450w/15535/1553502/1553502931.JPEG 1x, /data/Photos/700x500w/15535/1553502/1553502931.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15748/1574805/1574805095.JPEG" srcset="/data/Photos/450x450w/15748/1574805/1574805095.JPEG 1x, /data/Photos/700x500w/15748/1574805/1574805095.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15748/1574805/1574805101.JPEG" srcset="/data/Photos/450x450w/15748/1574805/1574805101.JPEG 1x, /data/Photos/700x500w/15748/1574805/1574805101.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15748/1574805/1574805053.JPEG" srcset="/data/Photos/450x450w/15748/1574805/1574805053.JPEG 1x, /data/Photos/700x500w/15748/1574805/1574805053.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15535/1553502/1553502817.JPEG" srcset="/data/Photos/450x450w/15535/1553502/1553502817.JPEG 1x, /data/Photos/700x500w/15535/1553502/1553502817.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15535/1553502/1553502919.JPEG" srcset="/data/Photos/450x450w/15535/1553502/1553502919.JPEG 1x, /data/Photos/700x500w/15535/1553502/1553502919.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Motel One Bâle" data-hbs-name="Motel One Bâle"> <a class="hotels-by-stars__title-link" href="https://motel-one-basel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9tb3RlbC1vbmUtYmFzZWwuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Motel One Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3344898" data-hbs-latitude="47.3693" data-hbs-longitude="8.53322" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU1MzUvMTU1MzUwMy8xNTUzNTAzNjg0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15535/1553503/1553503684.JPEG" srcset="/data/Photos/450x450w/15535/1553503/1553503684.JPEG 1x, /data/Photos/700x500w/15535/1553503/1553503684.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15535/1553503/1553503504.JPEG" srcset="/data/Photos/450x450w/15535/1553503/1553503504.JPEG 1x, /data/Photos/700x500w/15535/1553503/1553503504.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15535/1553503/1553503513.JPEG" srcset="/data/Photos/450x450w/15535/1553503/1553503513.JPEG 1x, /data/Photos/700x500w/15535/1553503/1553503513.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15535/1553503/1553503573.JPEG" srcset="/data/Photos/450x450w/15535/1553503/1553503573.JPEG 1x, /data/Photos/700x500w/15535/1553503/1553503573.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15535/1553503/1553503672.JPEG" srcset="/data/Photos/450x450w/15535/1553503/1553503672.JPEG 1x, /data/Photos/700x500w/15535/1553503/1553503672.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15533/1553317/1553317543.JPEG" srcset="/data/Photos/450x450w/15533/1553317/1553317543.JPEG 1x, /data/Photos/700x500w/15533/1553317/1553317543.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Motel One Zuerich" data-hbs-name="Motel One Zuerich"> <a class="hotels-by-stars__title-link" href="https://motel-one-zurich.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9tb3RlbC1vbmUtenVyaWNoLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Motel One Zuerich </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="7570408" data-hbs-latitude="46.9532" data-hbs-longitude="7.45859" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQxNzAvMTQxNzA1NC8xNDE3MDU0NzM0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14170/1417054/1417054734.JPEG" srcset="/data/Photos/450x450w/14170/1417054/1417054734.JPEG 1x, /data/Photos/700x500w/14170/1417054/1417054734.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16202/1620235/1620235622.JPEG" srcset="/data/Photos/450x450w/16202/1620235/1620235622.JPEG 1x, /data/Photos/700x500w/16202/1620235/1620235622.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14101/1410166/1410166292.JPEG" srcset="/data/Photos/450x450w/14101/1410166/1410166292.JPEG 1x, /data/Photos/700x500w/14101/1410166/1410166292.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14101/1410166/1410166325.JPEG" srcset="/data/Photos/450x450w/14101/1410166/1410166325.JPEG 1x, /data/Photos/700x500w/14101/1410166/1410166325.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14101/1410176/1410176363.JPEG" srcset="/data/Photos/450x450w/14101/1410176/1410176363.JPEG 1x, /data/Photos/700x500w/14101/1410176/1410176363.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14101/1410176/1410176393.JPEG" srcset="/data/Photos/450x450w/14101/1410176/1410176393.JPEG 1x, /data/Photos/700x500w/14101/1410176/1410176393.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Prize By Radisson, Bern City" data-hbs-name="Hotel Prize By Radisson, Bern City"> <a class="hotels-by-stars__title-link" href="https://prizeotel-bern-city.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9wcml6ZW90ZWwtYmVybi1jaXR5LmJhc2VsLWhvdGVscy5uZXQvZnIv"> Hotel Prize By Radisson, Bern City </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="9132100" data-hbs-latitude="46.968178" data-hbs-longitude="7.4645582" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM4NzkvMTM4Nzk4NS8xMzg3OTg1NjY2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13879/1387985/1387985666.JPEG" srcset="/data/Photos/450x450w/13879/1387985/1387985666.JPEG 1x, /data/Photos/700x500w/13879/1387985/1387985666.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13879/1387983/1387983782.JPEG" srcset="/data/Photos/450x450w/13879/1387983/1387983782.JPEG 1x, /data/Photos/700x500w/13879/1387983/1387983782.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13879/1387983/1387983797.JPEG" srcset="/data/Photos/450x450w/13879/1387983/1387983797.JPEG 1x, /data/Photos/700x500w/13879/1387983/1387983797.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13879/1387983/1387983884.JPEG" srcset="/data/Photos/450x450w/13879/1387983/1387983884.JPEG 1x, /data/Photos/700x500w/13879/1387983/1387983884.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13879/1387983/1387983911.JPEG" srcset="/data/Photos/450x450w/13879/1387983/1387983911.JPEG 1x, /data/Photos/700x500w/13879/1387983/1387983911.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13879/1387985/1387985681.JPEG" srcset="/data/Photos/450x450w/13879/1387985/1387985681.JPEG 1x, /data/Photos/700x500w/13879/1387985/1387985681.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Moxy Bern Expo" data-hbs-name="Hotel Moxy Bern Expo"> <a class="hotels-by-stars__title-link" href="https://moxy-bern-expo.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9tb3h5LWJlcm4tZXhwby5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Hotel Moxy Bern Expo </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="11320516" data-hbs-latitude="47.5453" data-hbs-longitude="7.609492" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA5MTQvMTA5MTQ2Ny8xMDkxNDY3NTU0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10914/1091467/1091467554.JPEG" srcset="/data/Photos/450x450w/10914/1091467/1091467554.JPEG 1x, /data/Photos/700x500w/10914/1091467/1091467554.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12479/1247919/1247919478.JPEG" srcset="/data/Photos/450x450w/12479/1247919/1247919478.JPEG 1x, /data/Photos/700x500w/12479/1247919/1247919478.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12479/1247933/1247933167.JPEG" srcset="/data/Photos/450x450w/12479/1247933/1247933167.JPEG 1x, /data/Photos/700x500w/12479/1247933/1247933167.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12479/1247938/1247938882.JPEG" srcset="/data/Photos/450x450w/12479/1247938/1247938882.JPEG 1x, /data/Photos/700x500w/12479/1247938/1247938882.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12479/1247940/1247940493.JPEG" srcset="/data/Photos/450x450w/12479/1247940/1247940493.JPEG 1x, /data/Photos/700x500w/12479/1247940/1247940493.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12479/1247961/1247961058.JPEG" srcset="/data/Photos/450x450w/12479/1247961/1247961058.JPEG 1x, /data/Photos/700x500w/12479/1247961/1247961058.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="B&B Hotel Bâle" data-hbs-name="B&B Hotel Bâle"> <a class="hotels-by-stars__title-link" href="https://bb-hotel-basel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9iYi1ob3RlbC1iYXNlbC5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> B&B Hotel Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="11693226" data-hbs-latitude="47.37624" data-hbs-longitude="8.54116" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI0ODIvMTI0ODI2NC8xMjQ4MjY0NDgxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12482/1248264/1248264481.JPEG" srcset="/data/Photos/450x450w/12482/1248264/1248264481.JPEG 1x, /data/Photos/700x500w/12482/1248264/1248264481.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12482/1248271/1248271129.JPEG" srcset="/data/Photos/450x450w/12482/1248271/1248271129.JPEG 1x, /data/Photos/700x500w/12482/1248271/1248271129.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11876/1187655/1187655433.JPEG" srcset="/data/Photos/450x450w/11876/1187655/1187655433.JPEG 1x, /data/Photos/700x500w/11876/1187655/1187655433.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11818/1181858/1181858491.JPEG" srcset="/data/Photos/450x450w/11818/1181858/1181858491.JPEG 1x, /data/Photos/700x500w/11818/1181858/1181858491.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11634/1163455/1163455740.JPEG" srcset="/data/Photos/450x450w/11634/1163455/1163455740.JPEG 1x, /data/Photos/700x500w/11634/1163455/1163455740.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11634/1163455/1163455863.JPEG" srcset="/data/Photos/450x450w/11634/1163455/1163455863.JPEG 1x, /data/Photos/700x500w/11634/1163455/1163455863.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Ruby Mimi Hotel Zurich" data-hbs-name="Ruby Mimi Hotel Zurich"> <a class="hotels-by-stars__title-link" href="https://ruby-mimi-hotel-zurich.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ydWJ5LW1pbWktaG90ZWwtenVyaWNoLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Ruby Mimi Hotel Zurich </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/fr/2-stars/" class="main-hotels__title-link"> Hôtels de 2 étoiles à Bâle </a> </h3> <p class="main-hotels__text section__subtitle"> Hébergement de haute qualité pour un prix raisonnable </p> <div class="show-all-wrapper"> <span data-internal="L2ZyLzItc3RhcnMv" class="show-all js-link js-link-new"> Montrer tout <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="2"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="70252" data-hbs-latitude="46.94856" data-hbs-longitude="7.45564" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYyNDMvMTYyNDMxMi8xNjI0MzEyNTQ0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624312/1624312544.JPEG" srcset="/data/Photos/450x450w/16243/1624312/1624312544.JPEG 1x, /data/Photos/700x500w/16243/1624312/1624312544.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16134/1613413/1613413812.JPEG" srcset="/data/Photos/450x450w/16134/1613413/1613413812.JPEG 1x, /data/Photos/700x500w/16134/1613413/1613413812.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16134/1613413/1613413818.JPEG" srcset="/data/Photos/450x450w/16134/1613413/1613413818.JPEG 1x, /data/Photos/700x500w/16134/1613413/1613413818.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16134/1613413/1613413803.JPEG" srcset="/data/Photos/450x450w/16134/1613413/1613413803.JPEG 1x, /data/Photos/700x500w/16134/1613413/1613413803.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16134/1613413/1613413821.JPEG" srcset="/data/Photos/450x450w/16134/1613413/1613413821.JPEG 1x, /data/Photos/700x500w/16134/1613413/1613413821.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15914/1591481/1591481832.JPEG" srcset="/data/Photos/450x450w/15914/1591481/1591481832.JPEG 1x, /data/Photos/700x500w/15914/1591481/1591481832.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Nydeck à Berne" data-hbs-name="Hotel Nydeck à Berne"> <a class="hotels-by-stars__title-link" href="https://nydeck.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ueWRlY2suYmFzZWwtaG90ZWxzLm5ldC9mci8="> Hotel Nydeck à Berne </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 900 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement excellent </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement excellent. Il a une note de 9.4 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="74">7.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Bien">Bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2064">(2064 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="104755" data-hbs-latitude="47.37645" data-hbs-longitude="8.54412" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU5NTMvMTU5NTM5OS8xNTk1Mzk5Mzg0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15953/1595399/1595399384.JPEG" srcset="/data/Photos/450x450w/15953/1595399/1595399384.JPEG 1x, /data/Photos/700x500w/15953/1595399/1595399384.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15953/1595399/1595399397.JPEG" srcset="/data/Photos/450x450w/15953/1595399/1595399397.JPEG 1x, /data/Photos/700x500w/15953/1595399/1595399397.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15953/1595399/1595399373.JPEG" srcset="/data/Photos/450x450w/15953/1595399/1595399373.JPEG 1x, /data/Photos/700x500w/15953/1595399/1595399373.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15953/1595399/1595399393.JPEG" srcset="/data/Photos/450x450w/15953/1595399/1595399393.JPEG 1x, /data/Photos/700x500w/15953/1595399/1595399393.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15953/1595399/1595399395.JPEG" srcset="/data/Photos/450x450w/15953/1595399/1595399395.JPEG 1x, /data/Photos/700x500w/15953/1595399/1595399395.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15953/1595399/1595399377.JPEG" srcset="/data/Photos/450x450w/15953/1595399/1595399377.JPEG 1x, /data/Photos/700x500w/15953/1595399/1595399377.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Limmathof Zurich" data-hbs-name="Hotel Limmathof Zurich"> <a class="hotels-by-stars__title-link" href="https://hotel-limmathof.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1saW1tYXRob2YuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Hotel Limmathof Zurich </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 400 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement exceptionnel </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement exceptionnel. Il a une note de 9.5 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="81">8.1</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Très bien">Très bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1147">(1147 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="129531" data-hbs-latitude="46.958572" data-hbs-longitude="7.4642777" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3NTMvMTI3NTM3OS8xMjc1Mzc5ODUyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12753/1275379/1275379852.JPEG" srcset="/data/Photos/450x450w/12753/1275379/1275379852.JPEG 1x, /data/Photos/700x500w/12753/1275379/1275379852.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15747/1574701/1574701619.JPEG" srcset="/data/Photos/450x450w/15747/1574701/1574701619.JPEG 1x, /data/Photos/700x500w/15747/1574701/1574701619.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15747/1574701/1574701655.JPEG" srcset="/data/Photos/450x450w/15747/1574701/1574701655.JPEG 1x, /data/Photos/700x500w/15747/1574701/1574701655.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9729/972943/972943351.JPEG" srcset="/data/Photos/450x450w/9729/972943/972943351.JPEG 1x, /data/Photos/700x500w/9729/972943/972943351.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9742/974206/974206744.JPEG" srcset="/data/Photos/450x450w/9742/974206/974206744.JPEG 1x, /data/Photos/700x500w/9742/974206/974206744.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9742/974206/974206930.JPEG" srcset="/data/Photos/450x450w/9742/974206/974206930.JPEG 1x, /data/Photos/700x500w/9742/974206/974206930.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Ibis Bern Expo" data-hbs-name="Hotel Ibis Bern Expo"> <a class="hotels-by-stars__title-link" href="https://ibis-bern-expo.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9pYmlzLWJlcm4tZXhwby5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Hotel Ibis Bern Expo </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2 km jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement magnifique </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement magnifique. Il a une note de 8.5 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="78">7.8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Bien">Bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1338">(1338 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="146141" data-hbs-latitude="47.37883" data-hbs-longitude="8.54369" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Njk5Ny82OTk3NjIvNjk5NzYyNDc1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6997/699762/699762475.JPEG" srcset="/data/Photos/450x450w/6997/699762/699762475.JPEG 1x, /data/Photos/700x500w/6997/699762/699762475.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13409/1340954/1340954501.JPEG" srcset="/data/Photos/450x450w/13409/1340954/1340954501.JPEG 1x, /data/Photos/700x500w/13409/1340954/1340954501.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13446/1344687/1344687482.JPEG" srcset="/data/Photos/450x450w/13446/1344687/1344687482.JPEG 1x, /data/Photos/700x500w/13446/1344687/1344687482.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13446/1344694/1344694340.JPEG" srcset="/data/Photos/450x450w/13446/1344694/1344694340.JPEG 1x, /data/Photos/700x500w/13446/1344694/1344694340.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13446/1344694/1344694346.JPEG" srcset="/data/Photos/450x450w/13446/1344694/1344694346.JPEG 1x, /data/Photos/700x500w/13446/1344694/1344694346.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13461/1346183/1346183435.JPEG" srcset="/data/Photos/450x450w/13461/1346183/1346183435.JPEG 1x, /data/Photos/700x500w/13461/1346183/1346183435.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Arlette Beim Hauptbahnhof Zurich" data-hbs-name="Hotel Arlette Beim Hauptbahnhof Zurich"> <a class="hotels-by-stars__title-link" href="https://hotel-arlette-beim-hauptbahnhof.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1hcmxldHRlLWJlaW0taGF1cHRiYWhuaG9mLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Hotel Arlette Beim Hauptbahnhof Zurich </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 400 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement exceptionnel </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement exceptionnel. Il a une note de 9.6 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="84">8.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Très bien">Très bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2854">(2854 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="188035" data-hbs-latitude="47.37599" data-hbs-longitude="8.54466" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYxMTAvMTYxMTA3NS8xNjExMDc1NjUyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611075/1611075652.JPEG" srcset="/data/Photos/450x450w/16110/1611075/1611075652.JPEG 1x, /data/Photos/700x500w/16110/1611075/1611075652.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16136/1613667/1613667573.JPEG" srcset="/data/Photos/450x450w/16136/1613667/1613667573.JPEG 1x, /data/Photos/700x500w/16136/1613667/1613667573.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16136/1613667/1613667582.JPEG" srcset="/data/Photos/450x450w/16136/1613667/1613667582.JPEG 1x, /data/Photos/700x500w/16136/1613667/1613667582.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16136/1613667/1613667587.JPEG" srcset="/data/Photos/450x450w/16136/1613667/1613667587.JPEG 1x, /data/Photos/700x500w/16136/1613667/1613667587.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14990/1499056/1499056408.JPEG" srcset="/data/Photos/450x450w/14990/1499056/1499056408.JPEG 1x, /data/Photos/700x500w/14990/1499056/1499056408.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14990/1499056/1499056417.JPEG" srcset="/data/Photos/450x450w/14990/1499056/1499056417.JPEG 1x, /data/Photos/700x500w/14990/1499056/1499056417.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Marta Zurich" data-hbs-name="Hotel Marta Zurich"> <a class="hotels-by-stars__title-link" href="https://hotel-marta.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1tYXJ0YS5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Hotel Marta Zurich </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 400 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement excellent </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement excellent. Il a une note de 9.4 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Très bien">Très bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4099">(4099 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="279189" data-hbs-latitude="47.54172" data-hbs-longitude="7.59315" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MjY3Ny8yNjc3MzYvMjY3NzM2ODk3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2677/267736/267736897.JPEG" srcset="/data/Photos/450x450w/2677/267736/267736897.JPEG 1x, /data/Photos/700x500w/2677/267736/267736897.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7619/761927/761927347.JPEG" srcset="/data/Photos/450x450w/7619/761927/761927347.JPEG 1x, /data/Photos/700x500w/7619/761927/761927347.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7619/761925/761925958.JPEG" srcset="/data/Photos/450x450w/7619/761925/761925958.JPEG 1x, /data/Photos/700x500w/7619/761925/761925958.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7619/761926/761926150.JPEG" srcset="/data/Photos/450x450w/7619/761926/761926150.JPEG 1x, /data/Photos/700x500w/7619/761926/761926150.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7619/761926/761926531.JPEG" srcset="/data/Photos/450x450w/7619/761926/761926531.JPEG 1x, /data/Photos/700x500w/7619/761926/761926531.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6331/633115/633115146.JPEG" srcset="/data/Photos/450x450w/6331/633115/633115146.JPEG 1x, /data/Photos/700x500w/6331/633115/633115146.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Auberge de jeunesse Basel Backpack" data-hbs-name="Auberge de jeunesse Basel Backpack"> <a class="hotels-by-stars__title-link" href="https://basel-backpack.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9iYXNlbC1iYWNrcGFjay5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Auberge de jeunesse Basel Backpack </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.8 km jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement magnifique </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement magnifique. Il a une note de 8.7 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Très bien">Très bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2731">(2731 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="314157" data-hbs-latitude="46.95522" data-hbs-longitude="7.44807" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTk3MS85OTcxMTEvOTk3MTExNTgxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9971/997111/997111581.JPEG" srcset="/data/Photos/450x450w/9971/997111/997111581.JPEG 1x, /data/Photos/700x500w/9971/997111/997111581.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15451/1545127/1545127138.JPEG" srcset="/data/Photos/450x450w/15451/1545127/1545127138.JPEG 1x, /data/Photos/700x500w/15451/1545127/1545127138.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13941/1394109/1394109671.JPEG" srcset="/data/Photos/450x450w/13941/1394109/1394109671.JPEG 1x, /data/Photos/700x500w/13941/1394109/1394109671.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13941/1394111/1394111357.JPEG" srcset="/data/Photos/450x450w/13941/1394111/1394111357.JPEG 1x, /data/Photos/700x500w/13941/1394111/1394111357.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12751/1275162/1275162352.JPEG" srcset="/data/Photos/450x450w/12751/1275162/1275162352.JPEG 1x, /data/Photos/700x500w/12751/1275162/1275162352.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15451/1545127/1545127663.JPEG" srcset="/data/Photos/450x450w/15451/1545127/1545127663.JPEG 1x, /data/Photos/700x500w/15451/1545127/1545127663.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Marthahaus Berne" data-hbs-name="Hotel Marthahaus Berne"> <a class="hotels-by-stars__title-link" href="https://hotel-pension-marthahaus.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1wZW5zaW9uLW1hcnRoYWhhdXMuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Hotel Marthahaus Berne </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 900 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement excellent </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement excellent. Il a une note de 9.1 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="87">8.7</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excellent">Excellent</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1637">(1637 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="326128" data-hbs-latitude="47.5469" data-hbs-longitude="7.58469" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYxMDgvMTYxMDgzMS8xNjEwODMxMTcwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16108/1610831/1610831170.JPEG" srcset="/data/Photos/450x450w/16108/1610831/1610831170.JPEG 1x, /data/Photos/700x500w/16108/1610831/1610831170.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16108/1610831/1610831101.JPEG" srcset="/data/Photos/450x450w/16108/1610831/1610831101.JPEG 1x, /data/Photos/700x500w/16108/1610831/1610831101.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16108/1610831/1610831102.JPEG" srcset="/data/Photos/450x450w/16108/1610831/1610831102.JPEG 1x, /data/Photos/700x500w/16108/1610831/1610831102.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16108/1610831/1610831103.JPEG" srcset="/data/Photos/450x450w/16108/1610831/1610831103.JPEG 1x, /data/Photos/700x500w/16108/1610831/1610831103.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16108/1610831/1610831104.JPEG" srcset="/data/Photos/450x450w/16108/1610831/1610831104.JPEG 1x, /data/Photos/700x500w/16108/1610831/1610831104.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16108/1610831/1610831105.JPEG" srcset="/data/Photos/450x450w/16108/1610831/1610831105.JPEG 1x, /data/Photos/700x500w/16108/1610831/1610831105.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Ibis Basel Bahnhof" data-hbs-name="Hotel Ibis Basel Bahnhof"> <a class="hotels-by-stars__title-link" href="https://ibis-basel-bahnhof.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9pYmlzLWJhc2VsLWJhaG5ob2YuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Hotel Ibis Basel Bahnhof </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.4 km jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement excellent </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement excellent. Il a une note de 9.1 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="81">8.1</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Très bien">Très bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4095">(4095 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="332159" data-hbs-latitude="47.562279" data-hbs-longitude="7.5969" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI4MDEvMTI4MDE4Ny8xMjgwMTg3MjU5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12801/1280187/1280187259.JPEG" srcset="/data/Photos/450x450w/12801/1280187/1280187259.JPEG 1x, /data/Photos/700x500w/12801/1280187/1280187259.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12801/1280185/1280185864.JPEG" srcset="/data/Photos/450x450w/12801/1280185/1280185864.JPEG 1x, /data/Photos/700x500w/12801/1280185/1280185864.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12801/1280186/1280186038.JPEG" srcset="/data/Photos/450x450w/12801/1280186/1280186038.JPEG 1x, /data/Photos/700x500w/12801/1280186/1280186038.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12801/1280185/1280185603.JPEG" srcset="/data/Photos/450x450w/12801/1280185/1280185603.JPEG 1x, /data/Photos/700x500w/12801/1280185/1280185603.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12801/1280185/1280185426.JPEG" srcset="/data/Photos/450x450w/12801/1280185/1280185426.JPEG 1x, /data/Photos/700x500w/12801/1280185/1280185426.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12801/1280186/1280186602.JPEG" srcset="/data/Photos/450x450w/12801/1280186/1280186602.JPEG 1x, /data/Photos/700x500w/12801/1280186/1280186602.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Rheinfelderhof Bâle" data-hbs-name="Hotel Rheinfelderhof Bâle"> <a class="hotels-by-stars__title-link" href="https://rheinfelderhof-hotel-restaurant.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9yaGVpbmZlbGRlcmhvZi1ob3RlbC1yZXN0YXVyYW50LmJhc2VsLWhvdGVscy5uZXQvZnIv"> Hotel Rheinfelderhof Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 700 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement magnifique </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement magnifique. Il a une note de 8.8 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="74">7.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Bien">Bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2667">(2667 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="367638" data-hbs-latitude="46.946098" data-hbs-longitude="7.43722" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MzkzOC8zOTM4MDgvMzkzODA4OTc0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/3938/393808/393808974.JPEG" srcset="/data/Photos/450x450w/3938/393808/393808974.JPEG 1x, /data/Photos/700x500w/3938/393808/393808974.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580484/1580484551.JPEG" srcset="/data/Photos/450x450w/15804/1580484/1580484551.JPEG 1x, /data/Photos/700x500w/15804/1580484/1580484551.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580484/1580484655.JPEG" srcset="/data/Photos/450x450w/15804/1580484/1580484655.JPEG 1x, /data/Photos/700x500w/15804/1580484/1580484655.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15895/1589528/1589528332.JPEG" srcset="/data/Photos/450x450w/15895/1589528/1589528332.JPEG 1x, /data/Photos/700x500w/15895/1589528/1589528332.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/3938/393808/393808923.JPEG" srcset="/data/Photos/450x450w/3938/393808/393808923.JPEG 1x, /data/Photos/700x500w/3938/393808/393808923.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2161/216169/216169703.JPEG" srcset="/data/Photos/450x450w/2161/216169/216169703.JPEG 1x, /data/Photos/700x500w/2161/216169/216169703.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel National Berne" data-hbs-name="Hotel National Berne"> <a class="hotels-by-stars__title-link" href="https://hotel-national.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1uYXRpb25hbC5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Hotel National Berne </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 600 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement excellent </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement excellent. Il a une note de 9.4 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="79">7.9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Bien">Bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2671">(2671 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="411094" data-hbs-latitude="47.5541556700011" data-hbs-longitude="7.60181754827499" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU3MTIvMTU3MTI5NS8xNTcxMjk1NzQwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15712/1571295/1571295740.JPEG" srcset="/data/Photos/450x450w/15712/1571295/1571295740.JPEG 1x, /data/Photos/700x500w/15712/1571295/1571295740.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15415/1541528/1541528974.JPEG" srcset="/data/Photos/450x450w/15415/1541528/1541528974.JPEG 1x, /data/Photos/700x500w/15415/1541528/1541528974.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15415/1541529/1541529535.JPEG" srcset="/data/Photos/450x450w/15415/1541529/1541529535.JPEG 1x, /data/Photos/700x500w/15415/1541529/1541529535.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15415/1541529/1541529583.JPEG" srcset="/data/Photos/450x450w/15415/1541529/1541529583.JPEG 1x, /data/Photos/700x500w/15415/1541529/1541529583.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15415/1541529/1541529736.JPEG" srcset="/data/Photos/450x450w/15415/1541529/1541529736.JPEG 1x, /data/Photos/700x500w/15415/1541529/1541529736.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15415/1541529/1541529739.JPEG" srcset="/data/Photos/450x450w/15415/1541529/1541529739.JPEG 1x, /data/Photos/700x500w/15415/1541529/1541529739.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Basel Youth Hostel" data-hbs-name="Basel Youth Hostel"> <a class="hotels-by-stars__title-link" href="https://youth-hostel-basel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly95b3V0aC1ob3N0ZWwtYmFzZWwuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Basel Youth Hostel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="417638" data-hbs-latitude="47.543232" data-hbs-longitude="7.585875" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA4MTgvMTA4MTg2NC8xMDgxODY0NjA2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10818/1081864/1081864606.JPEG" srcset="/data/Photos/450x450w/10818/1081864/1081864606.JPEG 1x, /data/Photos/700x500w/10818/1081864/1081864606.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15419/1541960/1541960938.JPEG" srcset="/data/Photos/450x450w/15419/1541960/1541960938.JPEG 1x, /data/Photos/700x500w/15419/1541960/1541960938.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15419/1541961/1541961103.JPEG" srcset="/data/Photos/450x450w/15419/1541961/1541961103.JPEG 1x, /data/Photos/700x500w/15419/1541961/1541961103.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15419/1541961/1541961364.JPEG" srcset="/data/Photos/450x450w/15419/1541961/1541961364.JPEG 1x, /data/Photos/700x500w/15419/1541961/1541961364.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15881/1588108/1588108164.JPEG" srcset="/data/Photos/450x450w/15881/1588108/1588108164.JPEG 1x, /data/Photos/700x500w/15881/1588108/1588108164.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15419/1541961/1541961832.JPEG" srcset="/data/Photos/450x450w/15419/1541961/1541961832.JPEG 1x, /data/Photos/700x500w/15419/1541961/1541961832.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostel By Hyve Bâle" data-hbs-name="Hostel By Hyve Bâle"> <a class="hotels-by-stars__title-link" href="https://ymca-hostel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly95bWNhLWhvc3RlbC5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Hostel By Hyve Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="417833" data-hbs-latitude="46.87898" data-hbs-longitude="7.56084" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4MzAvMTU4MzA5MS8xNTgzMDkxNTA3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15830/1583091/1583091507.JPEG" srcset="/data/Photos/450x450w/15830/1583091/1583091507.JPEG 1x, /data/Photos/700x500w/15830/1583091/1583091507.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13202/1320203/1320203755.JPEG" srcset="/data/Photos/450x450w/13202/1320203/1320203755.JPEG 1x, /data/Photos/700x500w/13202/1320203/1320203755.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12596/1259625/1259625877.JPEG" srcset="/data/Photos/450x450w/12596/1259625/1259625877.JPEG 1x, /data/Photos/700x500w/12596/1259625/1259625877.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11617/1161772/1161772023.JPEG" srcset="/data/Photos/450x450w/11617/1161772/1161772023.JPEG 1x, /data/Photos/700x500w/11617/1161772/1161772023.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11617/1161773/1161773862.JPEG" srcset="/data/Photos/450x450w/11617/1161773/1161773862.JPEG 1x, /data/Photos/700x500w/11617/1161773/1161773862.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11617/1161774/1161774330.JPEG" srcset="/data/Photos/450x450w/11617/1161774/1161774330.JPEG 1x, /data/Photos/700x500w/11617/1161774/1161774330.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Koncept Hotel Loeie Münsingen" data-hbs-name="Koncept Hotel Loeie Münsingen"> <a class="hotels-by-stars__title-link" href="https://gasthof-lowen-munsingen.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9nYXN0aG9mLWxvd2VuLW11bnNpbmdlbi5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Koncept Hotel Loeie Münsingen </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="421318" data-hbs-latitude="46.945728" data-hbs-longitude="7.44506" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjMzMS82MzMxMTcvNjMzMTE3OTk5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6331/633117/633117999.JPEG" srcset="/data/Photos/450x450w/6331/633117/633117999.JPEG 1x, /data/Photos/700x500w/6331/633117/633117999.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12726/1272684/1272684895.JPEG" srcset="/data/Photos/450x450w/12726/1272684/1272684895.JPEG 1x, /data/Photos/700x500w/12726/1272684/1272684895.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11634/1163470/1163470863.JPEG" srcset="/data/Photos/450x450w/11634/1163470/1163470863.JPEG 1x, /data/Photos/700x500w/11634/1163470/1163470863.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11634/1163473/1163473443.JPEG" srcset="/data/Photos/450x450w/11634/1163473/1163473443.JPEG 1x, /data/Photos/700x500w/11634/1163473/1163473443.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11634/1163471/1163471778.JPEG" srcset="/data/Photos/450x450w/11634/1163471/1163471778.JPEG 1x, /data/Photos/700x500w/11634/1163471/1163471778.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6331/633108/633108285.JPEG" srcset="/data/Photos/450x450w/6331/633108/633108285.JPEG 1x, /data/Photos/700x500w/6331/633108/633108285.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Bern Youth Hostel" data-hbs-name="Bern Youth Hostel"> <a class="hotels-by-stars__title-link" href="https://youth-hostel-bern.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly95b3V0aC1ob3N0ZWwtYmVybi5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Bern Youth Hostel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="630222" data-hbs-latitude="47.3874109" data-hbs-longitude="8.49347233" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3ODUvMTI3ODU3NC8xMjc4NTc0NjYwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12785/1278574/1278574660.JPEG" srcset="/data/Photos/450x450w/12785/1278574/1278574660.JPEG 1x, /data/Photos/700x500w/12785/1278574/1278574660.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12785/1278574/1278574615.JPEG" srcset="/data/Photos/450x450w/12785/1278574/1278574615.JPEG 1x, /data/Photos/700x500w/12785/1278574/1278574615.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12785/1278576/1278576427.JPEG" srcset="/data/Photos/450x450w/12785/1278576/1278576427.JPEG 1x, /data/Photos/700x500w/12785/1278576/1278576427.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13462/1346207/1346207582.JPEG" srcset="/data/Photos/450x450w/13462/1346207/1346207582.JPEG 1x, /data/Photos/700x500w/13462/1346207/1346207582.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13462/1346211/1346211128.JPEG" srcset="/data/Photos/450x450w/13462/1346211/1346211128.JPEG 1x, /data/Photos/700x500w/13462/1346211/1346211128.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13462/1346240/1346240912.JPEG" srcset="/data/Photos/450x450w/13462/1346240/1346240912.JPEG 1x, /data/Photos/700x500w/13462/1346240/1346240912.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel The Flag Zuerich" data-hbs-name="Hotel The Flag Zuerich"> <a class="hotels-by-stars__title-link" href="https://the-flag-zurich.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly90aGUtZmxhZy16dXJpY2guYmFzZWwtaG90ZWxzLm5ldC9mci8="> Hotel The Flag Zuerich </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="915902" data-hbs-latitude="47.43852" data-hbs-longitude="8.56337" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYzMDgvMTYzMDg4My8xNjMwODgzMjQzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16308/1630883/1630883243.JPEG" srcset="/data/Photos/450x450w/16308/1630883/1630883243.JPEG 1x, /data/Photos/700x500w/16308/1630883/1630883243.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16308/1630883/1630883240.JPEG" srcset="/data/Photos/450x450w/16308/1630883/1630883240.JPEG 1x, /data/Photos/700x500w/16308/1630883/1630883240.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16308/1630883/1630883241.JPEG" srcset="/data/Photos/450x450w/16308/1630883/1630883241.JPEG 1x, /data/Photos/700x500w/16308/1630883/1630883241.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16308/1630883/1630883242.JPEG" srcset="/data/Photos/450x450w/16308/1630883/1630883242.JPEG 1x, /data/Photos/700x500w/16308/1630883/1630883242.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16308/1630883/1630883248.JPEG" srcset="/data/Photos/450x450w/16308/1630883/1630883248.JPEG 1x, /data/Photos/700x500w/16308/1630883/1630883248.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16148/1614800/1614800407.JPEG" srcset="/data/Photos/450x450w/16148/1614800/1614800407.JPEG 1x, /data/Photos/700x500w/16148/1614800/1614800407.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Ibis Budget Zurich Airport à Opfikon-Glattbrugg" data-hbs-name="Hotel Ibis Budget Zurich Airport à Opfikon-Glattbrugg"> <a class="hotels-by-stars__title-link" href="https://ibis-budget-zurich-airport.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9pYmlzLWJ1ZGdldC16dXJpY2gtYWlycG9ydC5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Hotel Ibis Budget Zurich Airport à Opfikon-Glattbrugg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1081850" data-hbs-latitude="47.54345001" data-hbs-longitude="7.585993" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA5NjYvMTA5NjY3Mi8xMDk2NjcyMDc0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10966/1096672/1096672074.JPEG" srcset="/data/Photos/450x450w/10966/1096672/1096672074.JPEG 1x, /data/Photos/700x500w/10966/1096672/1096672074.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13878/1387808/1387808588.JPEG" srcset="/data/Photos/450x450w/13878/1387808/1387808588.JPEG 1x, /data/Photos/700x500w/13878/1387808/1387808588.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13878/1387808/1387808669.JPEG" srcset="/data/Photos/450x450w/13878/1387808/1387808669.JPEG 1x, /data/Photos/700x500w/13878/1387808/1387808669.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13878/1387824/1387824032.JPEG" srcset="/data/Photos/450x450w/13878/1387824/1387824032.JPEG 1x, /data/Photos/700x500w/13878/1387824/1387824032.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13878/1387833/1387833560.JPEG" srcset="/data/Photos/450x450w/13878/1387833/1387833560.JPEG 1x, /data/Photos/700x500w/13878/1387833/1387833560.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13878/1387837/1387837322.JPEG" srcset="/data/Photos/450x450w/13878/1387837/1387837322.JPEG 1x, /data/Photos/700x500w/13878/1387837/1387837322.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel By Hyve Bâle" data-hbs-name="Hotel By Hyve Bâle"> <a class="hotels-by-stars__title-link" href="https://staybasel-sbb.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9zdGF5YmFzZWwtc2JiLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Hotel By Hyve Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1405563" data-hbs-latitude="47.3801" data-hbs-longitude="8.53672" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTUzNzAvMTUzNzA4Mi8xNTM3MDgyOTc0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15370/1537082/1537082974.JPEG" srcset="/data/Photos/450x450w/15370/1537082/1537082974.JPEG 1x, /data/Photos/700x500w/15370/1537082/1537082974.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16102/1610231/1610231193.JPEG" srcset="/data/Photos/450x450w/16102/1610231/1610231193.JPEG 1x, /data/Photos/700x500w/16102/1610231/1610231193.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14994/1499456/1499456248.JPEG" srcset="/data/Photos/450x450w/14994/1499456/1499456248.JPEG 1x, /data/Photos/700x500w/14994/1499456/1499456248.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14994/1499456/1499456350.JPEG" srcset="/data/Photos/450x450w/14994/1499456/1499456350.JPEG 1x, /data/Photos/700x500w/14994/1499456/1499456350.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14994/1499456/1499456377.JPEG" srcset="/data/Photos/450x450w/14994/1499456/1499456377.JPEG 1x, /data/Photos/700x500w/14994/1499456/1499456377.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14994/1499456/1499456449.JPEG" srcset="/data/Photos/450x450w/14994/1499456/1499456449.JPEG 1x, /data/Photos/700x500w/14994/1499456/1499456449.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Walhalla Guest House Zurich" data-hbs-name="Walhalla Guest House Zurich"> <a class="hotels-by-stars__title-link" href="https://walhalla-guest-house.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly93YWxoYWxsYS1ndWVzdC1ob3VzZS5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Walhalla Guest House Zurich </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="8539450" data-hbs-latitude="47.57111" data-hbs-longitude="7.60297" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTUwMDAvMTUwMDA1Ni8xNTAwMDU2NzkxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15000/1500056/1500056791.JPEG" srcset="/data/Photos/450x450w/15000/1500056/1500056791.JPEG 1x, /data/Photos/700x500w/15000/1500056/1500056791.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15543/1554328/1554328915.JPEG" srcset="/data/Photos/450x450w/15543/1554328/1554328915.JPEG 1x, /data/Photos/700x500w/15543/1554328/1554328915.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15000/1500056/1500056767.JPEG" srcset="/data/Photos/450x450w/15000/1500056/1500056767.JPEG 1x, /data/Photos/700x500w/15000/1500056/1500056767.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15543/1554328/1554328912.JPEG" srcset="/data/Photos/450x450w/15543/1554328/1554328912.JPEG 1x, /data/Photos/700x500w/15543/1554328/1554328912.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15055/1505589/1505589160.JPEG" srcset="/data/Photos/450x450w/15055/1505589/1505589160.JPEG 1x, /data/Photos/700x500w/15055/1505589/1505589160.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15000/1500056/1500056611.JPEG" srcset="/data/Photos/450x450w/15000/1500056/1500056611.JPEG 1x, /data/Photos/700x500w/15000/1500056/1500056611.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Silo Design & Boutique Hostel Bâle" data-hbs-name="Silo Design & Boutique Hostel Bâle"> <a class="hotels-by-stars__title-link" href="https://silo-soulfood-hostel-meetings.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9zaWxvLXNvdWxmb29kLWhvc3RlbC1tZWV0aW5ncy5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Silo Design & Boutique Hostel Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="8636863" data-hbs-latitude="47.36907" data-hbs-longitude="8.54432" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAwMjIvMTAwMjI0Ni8xMDAyMjQ2NjYwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10022/1002246/1002246660.JPEG" srcset="/data/Photos/450x450w/10022/1002246/1002246660.JPEG 1x, /data/Photos/700x500w/10022/1002246/1002246660.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9997/999754/999754710.JPEG" srcset="/data/Photos/450x450w/9997/999754/999754710.JPEG 1x, /data/Photos/700x500w/9997/999754/999754710.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9997/999754/999754680.JPEG" srcset="/data/Photos/450x450w/9997/999754/999754680.JPEG 1x, /data/Photos/700x500w/9997/999754/999754680.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9997/999756/999756540.JPEG" srcset="/data/Photos/450x450w/9997/999756/999756540.JPEG 1x, /data/Photos/700x500w/9997/999756/999756540.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9997/999756/999756819.JPEG" srcset="/data/Photos/450x450w/9997/999756/999756819.JPEG 1x, /data/Photos/700x500w/9997/999756/999756819.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10022/1002246/1002246381.JPEG" srcset="/data/Photos/450x450w/10022/1002246/1002246381.JPEG 1x, /data/Photos/700x500w/10022/1002246/1002246381.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Green Marmot Capsule Hotel Zuerich" data-hbs-name="Green Marmot Capsule Hotel Zuerich"> <a class="hotels-by-stars__title-link" href="https://green-marmot-capsule-hotel-zurich.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ncmVlbi1tYXJtb3QtY2Fwc3VsZS1ob3RlbC16dXJpY2guYmFzZWwtaG90ZWxzLm5ldC9mci8="> Green Marmot Capsule Hotel Zuerich </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> Lieux les plus populaires pour séjourner à Bâle </h3> <p class="main-hotels__text section__subtitle"> Choisissez un hébergement éprouvé dans notre liste des propriétés les plus réservées </p> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="0"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="69709" data-hbs-latitude="47.389357210336925" data-hbs-longitude="8.522015792006416" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NTEyNC81MTI0MTQvNTEyNDE0MjE0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5124/512414/512414214.JPEG" srcset="/data/Photos/450x450w/5124/512414/512414214.JPEG 1x, /data/Photos/700x500w/5124/512414/512414214.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10893/1089301/1089301999.JPEG" srcset="/data/Photos/450x450w/10893/1089301/1089301999.JPEG 1x, /data/Photos/700x500w/10893/1089301/1089301999.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/3964/396429/396429075.JPEG" srcset="/data/Photos/450x450w/3964/396429/396429075.JPEG 1x, /data/Photos/700x500w/3964/396429/396429075.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/3976/397689/397689723.JPEG" srcset="/data/Photos/450x450w/3976/397689/397689723.JPEG 1x, /data/Photos/700x500w/3976/397689/397689723.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14342/1434262/1434262846.JPEG" srcset="/data/Photos/450x450w/14342/1434262/1434262846.JPEG 1x, /data/Photos/700x500w/14342/1434262/1434262846.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14342/1434262/1434262111.JPEG" srcset="/data/Photos/450x450w/14342/1434262/1434262111.JPEG 1x, /data/Photos/700x500w/14342/1434262/1434262111.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Zueri By Fassbind à Zurich" data-hbs-name="Hotel Zueri By Fassbind à Zurich"> <a class="hotels-by-stars__title-link" href="https://zuri-by-fassbind.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly96dXJpLWJ5LWZhc3NiaW5kLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Hotel Zueri By Fassbind à Zurich </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2 km jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement magnifique </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement magnifique. Il a une note de 8.4 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="81">8.1</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Très bien">Très bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3728">(3728 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="69718" data-hbs-latitude="47.36429" data-hbs-longitude="8.54752" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTY1OC85NjU4NjQvOTY1ODY0NTgxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9658/965864/965864581.JPEG" srcset="/data/Photos/450x450w/9658/965864/965864581.JPEG 1x, /data/Photos/700x500w/9658/965864/965864581.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275416/1275416236.JPEG" srcset="/data/Photos/450x450w/12754/1275416/1275416236.JPEG 1x, /data/Photos/700x500w/12754/1275416/1275416236.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275416/1275416179.JPEG" srcset="/data/Photos/450x450w/12754/1275416/1275416179.JPEG 1x, /data/Photos/700x500w/12754/1275416/1275416179.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275415/1275415366.JPEG" srcset="/data/Photos/450x450w/12754/1275415/1275415366.JPEG 1x, /data/Photos/700x500w/12754/1275415/1275415366.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16322/1632205/1632205115.JPEG" srcset="/data/Photos/450x450w/16322/1632205/1632205115.JPEG 1x, /data/Photos/700x500w/16322/1632205/1632205115.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16322/1632205/1632205101.JPEG" srcset="/data/Photos/450x450w/16322/1632205/1632205101.JPEG 1x, /data/Photos/700x500w/16322/1632205/1632205101.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Opera Hotel Zuerich" data-hbs-name="Opera Hotel Zuerich"> <a class="hotels-by-stars__title-link" href="https://opera-hotel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9vcGVyYS1ob3RlbC5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Opera Hotel Zuerich </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 400 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement excellent </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement excellent. Il a une note de 9.3 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="80">8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Très bien">Très bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2424">(2424 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="69725" data-hbs-latitude="47.37441" data-hbs-longitude="8.54485" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTkwOC85OTA4MDgvOTkwODA4NjAwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9908/990808/990808600.JPEG" srcset="/data/Photos/450x450w/9908/990808/990808600.JPEG 1x, /data/Photos/700x500w/9908/990808/990808600.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9908/990807/990807688.JPEG" srcset="/data/Photos/450x450w/9908/990807/990807688.JPEG 1x, /data/Photos/700x500w/9908/990807/990807688.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9914/991469/991469278.JPEG" srcset="/data/Photos/450x450w/9914/991469/991469278.JPEG 1x, /data/Photos/700x500w/9914/991469/991469278.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9908/990807/990807781.JPEG" srcset="/data/Photos/450x450w/9908/990807/990807781.JPEG 1x, /data/Photos/700x500w/9908/990807/990807781.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6620/662036/662036391.JPEG" srcset="/data/Photos/450x450w/6620/662036/662036391.JPEG 1x, /data/Photos/700x500w/6620/662036/662036391.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6438/643824/643824399.JPEG" srcset="/data/Photos/450x450w/6438/643824/643824399.JPEG 1x, /data/Photos/700x500w/6438/643824/643824399.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Scheuble Zurich" data-hbs-name="Hotel Scheuble Zurich"> <a class="hotels-by-stars__title-link" href="https://scheuble.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9zY2hldWJsZS5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Hotel Scheuble Zurich </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 500 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement excellent </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement excellent. Il a une note de 9.4 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="85">8.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excellent">Excellent</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2898">(2898 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="69743" data-hbs-latitude="47.37774" data-hbs-longitude="8.51191" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NTM3OC81Mzc4NDAvNTM3ODQwMTgwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5378/537840/537840180.JPEG" srcset="/data/Photos/450x450w/5378/537840/537840180.JPEG 1x, /data/Photos/700x500w/5378/537840/537840180.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15163/1516365/1516365910.JPEG" srcset="/data/Photos/450x450w/15163/1516365/1516365910.JPEG 1x, /data/Photos/700x500w/15163/1516365/1516365910.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15163/1516365/1516365913.JPEG" srcset="/data/Photos/450x450w/15163/1516365/1516365913.JPEG 1x, /data/Photos/700x500w/15163/1516365/1516365913.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15163/1516365/1516365937.JPEG" srcset="/data/Photos/450x450w/15163/1516365/1516365937.JPEG 1x, /data/Photos/700x500w/15163/1516365/1516365937.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15163/1516365/1516365991.JPEG" srcset="/data/Photos/450x450w/15163/1516365/1516365991.JPEG 1x, /data/Photos/700x500w/15163/1516365/1516365991.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15163/1516365/1516365997.JPEG" srcset="/data/Photos/450x450w/15163/1516365/1516365997.JPEG 1x, /data/Photos/700x500w/15163/1516365/1516365997.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Olympia Hotel Zurich" data-hbs-name="Olympia Hotel Zurich"> <a class="hotels-by-stars__title-link" href="https://olympia-zurich.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9vbHltcGlhLXp1cmljaC5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Olympia Hotel Zurich </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2.2 km jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Très bon emplacement </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un très bon emplacement. Il a une note de 7.9 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="70">7</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Bien">Bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3711">(3711 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="69746" data-hbs-latitude="47.3731865221425" data-hbs-longitude="8.54364573955536" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3NTMvMTI3NTM1OS8xMjc1MzU5NDU4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12753/1275359/1275359458.JPEG" srcset="/data/Photos/450x450w/12753/1275359/1275359458.JPEG 1x, /data/Photos/700x500w/12753/1275359/1275359458.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12753/1275359/1275359548.JPEG" srcset="/data/Photos/450x450w/12753/1275359/1275359548.JPEG 1x, /data/Photos/700x500w/12753/1275359/1275359548.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12753/1275359/1275359794.JPEG" srcset="/data/Photos/450x450w/12753/1275359/1275359794.JPEG 1x, /data/Photos/700x500w/12753/1275359/1275359794.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12753/1275359/1275359734.JPEG" srcset="/data/Photos/450x450w/12753/1275359/1275359734.JPEG 1x, /data/Photos/700x500w/12753/1275359/1275359734.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12753/1275359/1275359668.JPEG" srcset="/data/Photos/450x450w/12753/1275359/1275359668.JPEG 1x, /data/Photos/700x500w/12753/1275359/1275359668.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12753/1275359/1275359341.JPEG" srcset="/data/Photos/450x450w/12753/1275359/1275359341.JPEG 1x, /data/Photos/700x500w/12753/1275359/1275359341.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Adler Zuerich" data-hbs-name="Hotel Adler Zuerich"> <a class="hotels-by-stars__title-link" href="https://adler-zurich.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9hZGxlci16dXJpY2guYmFzZWwtaG90ZWxzLm5ldC9mci8="> Hotel Adler Zuerich </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 600 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement exceptionnel </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement exceptionnel. Il a une note de 9.6 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="87">8.7</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excellent">Excellent</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2122">(2122 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="70243" data-hbs-latitude="46.953043" data-hbs-longitude="7.448818" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAzMTUvMTAzMTUwMC8xMDMxNTAwOTYwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10315/1031500/1031500960.JPEG" srcset="/data/Photos/450x450w/10315/1031500/1031500960.JPEG 1x, /data/Photos/700x500w/10315/1031500/1031500960.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15163/1516370/1516370272.JPEG" srcset="/data/Photos/450x450w/15163/1516370/1516370272.JPEG 1x, /data/Photos/700x500w/15163/1516370/1516370272.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15163/1516370/1516370536.JPEG" srcset="/data/Photos/450x450w/15163/1516370/1516370536.JPEG 1x, /data/Photos/700x500w/15163/1516370/1516370536.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15163/1516393/1516393390.JPEG" srcset="/data/Photos/450x450w/15163/1516393/1516393390.JPEG 1x, /data/Photos/700x500w/15163/1516393/1516393390.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15163/1516393/1516393399.JPEG" srcset="/data/Photos/450x450w/15163/1516393/1516393399.JPEG 1x, /data/Photos/700x500w/15163/1516393/1516393399.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15163/1516393/1516393546.JPEG" srcset="/data/Photos/450x450w/15163/1516393/1516393546.JPEG 1x, /data/Photos/700x500w/15163/1516393/1516393546.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Swissôtel Kursaal Berne" data-hbs-name="Swissôtel Kursaal Berne"> <a class="hotels-by-stars__title-link" href="https://allegro.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9hbGxlZ3JvLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Swissôtel Kursaal Berne </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 700 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement excellent </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement excellent. Il a une note de 9.3 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excellent">Excellent</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3359">(3359 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="70253" data-hbs-latitude="46.949131" data-hbs-longitude="7.442055" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Mzk2NS8zOTY1NDcvMzk2NTQ3Mjc1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/3965/396547/396547275.JPEG" srcset="/data/Photos/450x450w/3965/396547/396547275.JPEG 1x, /data/Photos/700x500w/3965/396547/396547275.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12753/1275379/1275379411.JPEG" srcset="/data/Photos/450x450w/12753/1275379/1275379411.JPEG 1x, /data/Photos/700x500w/12753/1275379/1275379411.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12753/1275379/1275379519.JPEG" srcset="/data/Photos/450x450w/12753/1275379/1275379519.JPEG 1x, /data/Photos/700x500w/12753/1275379/1275379519.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12753/1275379/1275379582.JPEG" srcset="/data/Photos/450x450w/12753/1275379/1275379582.JPEG 1x, /data/Photos/700x500w/12753/1275379/1275379582.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12753/1275379/1275379627.JPEG" srcset="/data/Photos/450x450w/12753/1275379/1275379627.JPEG 1x, /data/Photos/700x500w/12753/1275379/1275379627.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12753/1275379/1275379693.JPEG" srcset="/data/Photos/450x450w/12753/1275379/1275379693.JPEG 1x, /data/Photos/700x500w/12753/1275379/1275379693.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Savoy Berne" data-hbs-name="Hotel Savoy Berne"> <a class="hotels-by-stars__title-link" href="https://savoy.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9zYXZveS5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Hotel Savoy Berne </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 300 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement exceptionnel </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement exceptionnel. Il a une note de 9.6 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="89">8.9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excellent">Excellent</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1251">(1251 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="70266" data-hbs-latitude="47.55851" data-hbs-longitude="7.58071" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE2NDcvMTE2NDcwOS8xMTY0NzA5MzI2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11647/1164709/1164709326.JPEG" srcset="/data/Photos/450x450w/11647/1164709/1164709326.JPEG 1x, /data/Photos/700x500w/11647/1164709/1164709326.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11647/1164711/1164711196.JPEG" srcset="/data/Photos/450x450w/11647/1164711/1164711196.JPEG 1x, /data/Photos/700x500w/11647/1164711/1164711196.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11647/1164711/1164711226.JPEG" srcset="/data/Photos/450x450w/11647/1164711/1164711226.JPEG 1x, /data/Photos/700x500w/11647/1164711/1164711226.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11655/1165573/1165573494.JPEG" srcset="/data/Photos/450x450w/11655/1165573/1165573494.JPEG 1x, /data/Photos/700x500w/11655/1165573/1165573494.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11655/1165573/1165573764.JPEG" srcset="/data/Photos/450x450w/11655/1165573/1165573764.JPEG 1x, /data/Photos/700x500w/11655/1165573/1165573764.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11655/1165576/1165576770.JPEG" srcset="/data/Photos/450x450w/11655/1165576/1165576770.JPEG 1x, /data/Photos/700x500w/11655/1165576/1165576770.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Spalentor - Ihr Sympathisches Stadthotel Bâle" data-hbs-name="Hotel Spalentor - Ihr Sympathisches Stadthotel Bâle"> <a class="hotels-by-stars__title-link" href="https://hotel-spalentor.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1zcGFsZW50b3IuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Hotel Spalentor - Ihr Sympathisches Stadthotel Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 900 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement excellent </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement excellent. Il a une note de 9.3 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="90">9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Exceptionnel">Exceptionnel</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3796">(3796 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="70268" data-hbs-latitude="47.55918" data-hbs-longitude="7.57833" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4MDEvMTU4MDE0NC8xNTgwMTQ0NzU3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15801/1580144/1580144757.JPEG" srcset="/data/Photos/450x450w/15801/1580144/1580144757.JPEG 1x, /data/Photos/700x500w/15801/1580144/1580144757.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9430/943081/943081564.JPEG" srcset="/data/Photos/450x450w/9430/943081/943081564.JPEG 1x, /data/Photos/700x500w/9430/943081/943081564.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15801/1580144/1580144704.JPEG" srcset="/data/Photos/450x450w/15801/1580144/1580144704.JPEG 1x, /data/Photos/700x500w/15801/1580144/1580144704.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15801/1580144/1580144738.JPEG" srcset="/data/Photos/450x450w/15801/1580144/1580144738.JPEG 1x, /data/Photos/700x500w/15801/1580144/1580144738.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15801/1580144/1580144727.JPEG" srcset="/data/Photos/450x450w/15801/1580144/1580144727.JPEG 1x, /data/Photos/700x500w/15801/1580144/1580144727.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15801/1580144/1580144759.JPEG" srcset="/data/Photos/450x450w/15801/1580144/1580144759.JPEG 1x, /data/Photos/700x500w/15801/1580144/1580144759.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Odelya Hotel & Naturgarten Basel City" data-hbs-name="Odelya Hotel & Naturgarten Basel City"> <a class="hotels-by-stars__title-link" href="https://hotel-bildungszentrum-21.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1iaWxkdW5nc3plbnRydW0tMjEuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Odelya Hotel & Naturgarten Basel City </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.1 km jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement excellent </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement excellent. Il a une note de 9.3 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excellent">Excellent</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1102">(1102 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="70273" data-hbs-latitude="47.55727" data-hbs-longitude="7.58268" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM2Mi8xMzYyODUvMTM2Mjg1NzI4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1362/136285/136285728.JPEG" srcset="/data/Photos/450x450w/1362/136285/136285728.JPEG 1x, /data/Photos/700x500w/1362/136285/136285728.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15830/1583061/1583061343.JPEG" srcset="/data/Photos/450x450w/15830/1583061/1583061343.JPEG 1x, /data/Photos/700x500w/15830/1583061/1583061343.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15830/1583061/1583061346.JPEG" srcset="/data/Photos/450x450w/15830/1583061/1583061346.JPEG 1x, /data/Photos/700x500w/15830/1583061/1583061346.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15830/1583065/1583065484.JPEG" srcset="/data/Photos/450x450w/15830/1583065/1583065484.JPEG 1x, /data/Photos/700x500w/15830/1583065/1583065484.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15830/1583065/1583065552.JPEG" srcset="/data/Photos/450x450w/15830/1583065/1583065552.JPEG 1x, /data/Photos/700x500w/15830/1583065/1583065552.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/636/63606/63606679.JPEG" srcset="/data/Photos/450x450w/636/63606/63606679.JPEG 1x, /data/Photos/700x500w/636/63606/63606679.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Spalenbrunnen Hotel & Restaurant Basel City Center" data-hbs-name="Spalenbrunnen Hotel & Restaurant Basel City Center"> <a class="hotels-by-stars__title-link" href="https://zum-spalenbrunnen.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly96dW0tc3BhbGVuYnJ1bm5lbi5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Spalenbrunnen Hotel & Restaurant Basel City Center </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 800 m jusqu'au centre ville </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Emplacement excellent </span> <div class="hotels-by-stars__grade-details">Cette propriété dispose de un emplacement excellent. Il a une note de 9.1 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit être un endroit commode pour y rester !</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="71">7.1</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Bien">Bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1204">(1204 commentaires)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="70275" data-hbs-latitude="47.547527" data-hbs-longitude="7.590874" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE5ODYvMTE5ODYxMi8xMTk4NjEyNTA3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11986/1198612/1198612507.JPEG" srcset="/data/Photos/450x450w/11986/1198612/1198612507.JPEG 1x, /data/Photos/700x500w/11986/1198612/1198612507.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12816/1281694/1281694321.JPEG" srcset="/data/Photos/450x450w/12816/1281694/1281694321.JPEG 1x, /data/Photos/700x500w/12816/1281694/1281694321.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12816/1281698/1281698032.JPEG" srcset="/data/Photos/450x450w/12816/1281698/1281698032.JPEG 1x, /data/Photos/700x500w/12816/1281698/1281698032.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12816/1281697/1281697891.JPEG" srcset="/data/Photos/450x450w/12816/1281697/1281697891.JPEG 1x, /data/Photos/700x500w/12816/1281697/1281697891.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12816/1281697/1281697207.JPEG" srcset="/data/Photos/450x450w/12816/1281697/1281697207.JPEG 1x, /data/Photos/700x500w/12816/1281697/1281697207.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12816/1281697/1281697525.JPEG" srcset="/data/Photos/450x450w/12816/1281697/1281697525.JPEG 1x, /data/Photos/700x500w/12816/1281697/1281697525.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Gaia Hotel Basel - The Sustainable 4 Star Hotel" data-hbs-name="Gaia Hotel Basel - The Sustainable 4 Star Hotel"> <a class="hotels-by-stars__title-link" href="https://gaia-hotel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9nYWlhLWhvdGVsLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Gaia Hotel Basel - The Sustainable 4 Star Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="95957" data-hbs-latitude="47.573897" data-hbs-longitude="7.563911" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI4MDIvMTI4MDI0Mi8xMjgwMjQyNzc3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12802/1280242/1280242777.JPEG" srcset="/data/Photos/450x450w/12802/1280242/1280242777.JPEG 1x, /data/Photos/700x500w/12802/1280242/1280242777.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12802/1280242/1280242864.JPEG" srcset="/data/Photos/450x450w/12802/1280242/1280242864.JPEG 1x, /data/Photos/700x500w/12802/1280242/1280242864.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12802/1280241/1280241235.JPEG" srcset="/data/Photos/450x450w/12802/1280241/1280241235.JPEG 1x, /data/Photos/700x500w/12802/1280241/1280241235.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12802/1280241/1280241571.JPEG" srcset="/data/Photos/450x450w/12802/1280241/1280241571.JPEG 1x, /data/Photos/700x500w/12802/1280241/1280241571.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12802/1280241/1280241670.JPEG" srcset="/data/Photos/450x450w/12802/1280241/1280241670.JPEG 1x, /data/Photos/700x500w/12802/1280241/1280241670.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12802/1280241/1280241754.JPEG" srcset="/data/Photos/450x450w/12802/1280241/1280241754.JPEG 1x, /data/Photos/700x500w/12802/1280241/1280241754.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Airport Hotel Basel - Convenient & Friendly" data-hbs-name="Airport Hotel Basel - Convenient & Friendly"> <a class="hotels-by-stars__title-link" href="https://airport-hotel-basel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9haXJwb3J0LWhvdGVsLWJhc2VsLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Airport Hotel Basel - Convenient & Friendly </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="98249" data-hbs-latitude="47.425583" data-hbs-longitude="8.560036" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3NTIvMTI3NTI3Ny8xMjc1Mjc3MjYxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12752/1275277/1275277261.JPEG" srcset="/data/Photos/450x450w/12752/1275277/1275277261.JPEG 1x, /data/Photos/700x500w/12752/1275277/1275277261.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16220/1622010/1622010273.JPEG" srcset="/data/Photos/450x450w/16220/1622010/1622010273.JPEG 1x, /data/Photos/700x500w/16220/1622010/1622010273.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16220/1622010/1622010294.JPEG" srcset="/data/Photos/450x450w/16220/1622010/1622010294.JPEG 1x, /data/Photos/700x500w/16220/1622010/1622010294.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16220/1622010/1622010309.JPEG" srcset="/data/Photos/450x450w/16220/1622010/1622010309.JPEG 1x, /data/Photos/700x500w/16220/1622010/1622010309.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16220/1622010/1622010316.JPEG" srcset="/data/Photos/450x450w/16220/1622010/1622010316.JPEG 1x, /data/Photos/700x500w/16220/1622010/1622010316.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16220/1622010/1622010318.JPEG" srcset="/data/Photos/450x450w/16220/1622010/1622010318.JPEG 1x, /data/Photos/700x500w/16220/1622010/1622010318.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Novotel Zuerich Airport Messe Opfikon-Glattbrugg" data-hbs-name="Novotel Zuerich Airport Messe Opfikon-Glattbrugg"> <a class="hotels-by-stars__title-link" href="https://novotel-zurich-airport-messe.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ub3ZvdGVsLXp1cmljaC1haXJwb3J0LW1lc3NlLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Novotel Zuerich Airport Messe Opfikon-Glattbrugg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="121005" data-hbs-latitude="47.45093" data-hbs-longitude="8.54032" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTEzNy85MTM3OTAvOTEzNzkwODg0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9137/913790/913790884.JPEG" srcset="/data/Photos/450x450w/9137/913790/913790884.JPEG 1x, /data/Photos/700x500w/9137/913790/913790884.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11621/1162133/1162133067.JPEG" srcset="/data/Photos/450x450w/11621/1162133/1162133067.JPEG 1x, /data/Photos/700x500w/11621/1162133/1162133067.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11595/1159519/1159519677.JPEG" srcset="/data/Photos/450x450w/11595/1159519/1159519677.JPEG 1x, /data/Photos/700x500w/11595/1159519/1159519677.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11621/1162128/1162128696.JPEG" srcset="/data/Photos/450x450w/11621/1162128/1162128696.JPEG 1x, /data/Photos/700x500w/11621/1162128/1162128696.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11621/1162132/1162132290.JPEG" srcset="/data/Photos/450x450w/11621/1162132/1162132290.JPEG 1x, /data/Photos/700x500w/11621/1162132/1162132290.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11621/1162132/1162132482.JPEG" srcset="/data/Photos/450x450w/11621/1162132/1162132482.JPEG 1x, /data/Photos/700x500w/11621/1162132/1162132482.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Radisson Hotel Zurich Airport Rümlang" data-hbs-name="Radisson Hotel Zurich Airport Rümlang"> <a class="hotels-by-stars__title-link" href="https://park-inn-by-radisson-zurich-airport.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9wYXJrLWlubi1ieS1yYWRpc3Nvbi16dXJpY2gtYWlycG9ydC5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Radisson Hotel Zurich Airport Rümlang </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="126879" data-hbs-latitude="47.5631" data-hbs-longitude="7.59773" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzM2My83MzYzMDgvNzM2MzA4MTQ1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7363/736308/736308145.JPEG" srcset="/data/Photos/450x450w/7363/736308/736308145.JPEG 1x, /data/Photos/700x500w/7363/736308/736308145.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12752/1275278/1275278815.JPEG" srcset="/data/Photos/450x450w/12752/1275278/1275278815.JPEG 1x, /data/Photos/700x500w/12752/1275278/1275278815.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12752/1275278/1275278887.JPEG" srcset="/data/Photos/450x450w/12752/1275278/1275278887.JPEG 1x, /data/Photos/700x500w/12752/1275278/1275278887.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12752/1275280/1275280051.JPEG" srcset="/data/Photos/450x450w/12752/1275280/1275280051.JPEG 1x, /data/Photos/700x500w/12752/1275280/1275280051.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12752/1275280/1275280087.JPEG" srcset="/data/Photos/450x450w/12752/1275280/1275280087.JPEG 1x, /data/Photos/700x500w/12752/1275280/1275280087.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12752/1275280/1275280174.JPEG" srcset="/data/Photos/450x450w/12752/1275280/1275280174.JPEG 1x, /data/Photos/700x500w/12752/1275280/1275280174.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Pullman Basel Europe" data-hbs-name="Hotel Pullman Basel Europe"> <a class="hotels-by-stars__title-link" href="https://pullman-basel-europe.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9wdWxsbWFuLWJhc2VsLWV1cm9wZS5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Hotel Pullman Basel Europe </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="129527" data-hbs-latitude="46.931117206149786" data-hbs-longitude="7.48637632275392" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQwMTQvMTQwMTQ5Ny8xNDAxNDk3OTU3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14014/1401497/1401497957.JPEG" srcset="/data/Photos/450x450w/14014/1401497/1401497957.JPEG 1x, /data/Photos/700x500w/14014/1401497/1401497957.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12571/1257141/1257141727.JPEG" srcset="/data/Photos/450x450w/12571/1257141/1257141727.JPEG 1x, /data/Photos/700x500w/12571/1257141/1257141727.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12571/1257141/1257141808.JPEG" srcset="/data/Photos/450x450w/12571/1257141/1257141808.JPEG 1x, /data/Photos/700x500w/12571/1257141/1257141808.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12547/1254752/1254752215.JPEG" srcset="/data/Photos/450x450w/12547/1254752/1254752215.JPEG 1x, /data/Photos/700x500w/12547/1254752/1254752215.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10216/1021622/1021622002.JPEG" srcset="/data/Photos/450x450w/10216/1021622/1021622002.JPEG 1x, /data/Photos/700x500w/10216/1021622/1021622002.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10216/1021622/1021622011.JPEG" srcset="/data/Photos/450x450w/10216/1021622/1021622011.JPEG 1x, /data/Photos/700x500w/10216/1021622/1021622011.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel & Restaurant Sternen Muri Bei Berne" data-hbs-name="Hotel & Restaurant Sternen Muri Bei Berne"> <a class="hotels-by-stars__title-link" href="https://hotel-sternen-muri.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1zdGVybmVuLW11cmkuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Hotel & Restaurant Sternen Muri Bei Berne </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="129529" data-hbs-latitude="46.947449" data-hbs-longitude="7.44306" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4NDQvMTU4NDQ2MC8xNTg0NDYwMTU5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15844/1584460/1584460159.JPEG" srcset="/data/Photos/450x450w/15844/1584460/1584460159.JPEG 1x, /data/Photos/700x500w/15844/1584460/1584460159.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580515/1580515445.JPEG" srcset="/data/Photos/450x450w/15805/1580515/1580515445.JPEG 1x, /data/Photos/700x500w/15805/1580515/1580515445.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580512/1580512369.JPEG" srcset="/data/Photos/450x450w/15805/1580512/1580512369.JPEG 1x, /data/Photos/700x500w/15805/1580512/1580512369.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15988/1598898/1598898516.JPEG" srcset="/data/Photos/450x450w/15988/1598898/1598898516.JPEG 1x, /data/Photos/700x500w/15988/1598898/1598898516.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15988/1598898/1598898517.JPEG" srcset="/data/Photos/450x450w/15988/1598898/1598898517.JPEG 1x, /data/Photos/700x500w/15988/1598898/1598898517.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15988/1598898/1598898513.JPEG" srcset="/data/Photos/450x450w/15988/1598898/1598898513.JPEG 1x, /data/Photos/700x500w/15988/1598898/1598898513.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Baeren Am Bundesplatz Berne" data-hbs-name="Hotel Baeren Am Bundesplatz Berne"> <a class="hotels-by-stars__title-link" href="https://hotel-baren-am-bundesplatz.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1iYXJlbi1hbS1idW5kZXNwbGF0ei5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Hotel Baeren Am Bundesplatz Berne </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="129532" data-hbs-latitude="46.95874" data-hbs-longitude="7.46383" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM4NzMvMTM4NzM3My8xMzg3MzczMjA0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13873/1387373/1387373204.JPEG" srcset="/data/Photos/450x450w/13873/1387373/1387373204.JPEG 1x, /data/Photos/700x500w/13873/1387373/1387373204.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15746/1574692/1574692409.JPEG" srcset="/data/Photos/450x450w/15746/1574692/1574692409.JPEG 1x, /data/Photos/700x500w/15746/1574692/1574692409.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15572/1557277/1557277192.JPEG" srcset="/data/Photos/450x450w/15572/1557277/1557277192.JPEG 1x, /data/Photos/700x500w/15572/1557277/1557277192.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15572/1557277/1557277471.JPEG" srcset="/data/Photos/450x450w/15572/1557277/1557277471.JPEG 1x, /data/Photos/700x500w/15572/1557277/1557277471.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15451/1545172/1545172387.JPEG" srcset="/data/Photos/450x450w/15451/1545172/1545172387.JPEG 1x, /data/Photos/700x500w/15451/1545172/1545172387.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15746/1574692/1574692385.JPEG" srcset="/data/Photos/450x450w/15746/1574692/1574692385.JPEG 1x, /data/Photos/700x500w/15746/1574692/1574692385.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Novotel Bern Expo" data-hbs-name="Novotel Bern Expo"> <a class="hotels-by-stars__title-link" href="https://novotel-bern-expo.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ub3ZvdGVsLWJlcm4tZXhwby5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Novotel Bern Expo </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="129537" data-hbs-latitude="46.94313" data-hbs-longitude="7.43237" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Njg5MC82ODkwOTgvNjg5MDk4Njc3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6890/689098/689098677.JPEG" srcset="/data/Photos/450x450w/6890/689098/689098677.JPEG 1x, /data/Photos/700x500w/6890/689098/689098677.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4193/419339/419339154.JPEG" srcset="/data/Photos/450x450w/4193/419339/419339154.JPEG 1x, /data/Photos/700x500w/4193/419339/419339154.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1847/184717/184717347.JPEG" srcset="/data/Photos/450x450w/1847/184717/184717347.JPEG 1x, /data/Photos/700x500w/1847/184717/184717347.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13172/1317258/1317258799.JPEG" srcset="/data/Photos/450x450w/13172/1317258/1317258799.JPEG 1x, /data/Photos/700x500w/13172/1317258/1317258799.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588083/1588083759.JPEG" srcset="/data/Photos/450x450w/15880/1588083/1588083759.JPEG 1x, /data/Photos/700x500w/15880/1588083/1588083759.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11833/1183304/1183304992.JPEG" srcset="/data/Photos/450x450w/11833/1183304/1183304992.JPEG 1x, /data/Photos/700x500w/11833/1183304/1183304992.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel La Pergola Berne" data-hbs-name="Hotel La Pergola Berne"> <a class="hotels-by-stars__title-link" href="https://la-pergola.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9sYS1wZXJnb2xhLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Hotel La Pergola Berne </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="146129" data-hbs-latitude="47.389095" data-hbs-longitude="8.516758" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQzODIvMTQzODI1MS8xNDM4MjUxMzMxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14382/1438251/1438251331.JPEG" srcset="/data/Photos/450x450w/14382/1438251/1438251331.JPEG 1x, /data/Photos/700x500w/14382/1438251/1438251331.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16182/1618267/1618267992.JPEG" srcset="/data/Photos/450x450w/16182/1618267/1618267992.JPEG 1x, /data/Photos/700x500w/16182/1618267/1618267992.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16182/1618267/1618267997.JPEG" srcset="/data/Photos/450x450w/16182/1618267/1618267997.JPEG 1x, /data/Photos/700x500w/16182/1618267/1618267997.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588052/1588052853.JPEG" srcset="/data/Photos/450x450w/15880/1588052/1588052853.JPEG 1x, /data/Photos/700x500w/15880/1588052/1588052853.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588052/1588052940.JPEG" srcset="/data/Photos/450x450w/15880/1588052/1588052940.JPEG 1x, /data/Photos/700x500w/15880/1588052/1588052940.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15801/1580150/1580150679.JPEG" srcset="/data/Photos/450x450w/15801/1580150/1580150679.JPEG 1x, /data/Photos/700x500w/15801/1580150/1580150679.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Novotel Zurich City West" data-hbs-name="Novotel Zurich City West"> <a class="hotels-by-stars__title-link" href="https://novotel-zurich-city-west.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ub3ZvdGVsLXp1cmljaC1jaXR5LXdlc3QuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Novotel Zurich City West </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="146131" data-hbs-latitude="47.37454" data-hbs-longitude="8.54389" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTIxMDIvMTIxMDI5MC8xMjEwMjkwMzgyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12102/1210290/1210290382.JPEG" srcset="/data/Photos/450x450w/12102/1210290/1210290382.JPEG 1x, /data/Photos/700x500w/12102/1210290/1210290382.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275420/1275420421.JPEG" srcset="/data/Photos/450x450w/12754/1275420/1275420421.JPEG 1x, /data/Photos/700x500w/12754/1275420/1275420421.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275420/1275420523.JPEG" srcset="/data/Photos/450x450w/12754/1275420/1275420523.JPEG 1x, /data/Photos/700x500w/12754/1275420/1275420523.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580407/1580407687.JPEG" srcset="/data/Photos/450x450w/15804/1580407/1580407687.JPEG 1x, /data/Photos/700x500w/15804/1580407/1580407687.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275420/1275420937.JPEG" srcset="/data/Photos/450x450w/12754/1275420/1275420937.JPEG 1x, /data/Photos/700x500w/12754/1275420/1275420937.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15402/1540211/1540211527.JPEG" srcset="/data/Photos/450x450w/15402/1540211/1540211527.JPEG 1x, /data/Photos/700x500w/15402/1540211/1540211527.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Alexander Zurich Old Town" data-hbs-name="Hotel Alexander Zurich Old Town"> <a class="hotels-by-stars__title-link" href="https://alexander-zurich.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9hbGV4YW5kZXItenVyaWNoLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Hotel Alexander Zurich Old Town </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="209068" data-hbs-latitude="47.564642" data-hbs-longitude="7.59826099999998" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTUzMDgvMTUzMDgxOS8xNTMwODE5NDUxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15308/1530819/1530819451.JPEG" srcset="/data/Photos/450x450w/15308/1530819/1530819451.JPEG 1x, /data/Photos/700x500w/15308/1530819/1530819451.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15308/1530819/1530819490.JPEG" srcset="/data/Photos/450x450w/15308/1530819/1530819490.JPEG 1x, /data/Photos/700x500w/15308/1530819/1530819490.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15308/1530822/1530822544.JPEG" srcset="/data/Photos/450x450w/15308/1530822/1530822544.JPEG 1x, /data/Photos/700x500w/15308/1530822/1530822544.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10674/1067449/1067449987.JPEG" srcset="/data/Photos/450x450w/10674/1067449/1067449987.JPEG 1x, /data/Photos/700x500w/10674/1067449/1067449987.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10374/1037462/1037462173.JPEG" srcset="/data/Photos/450x450w/10374/1037462/1037462173.JPEG 1x, /data/Photos/700x500w/10374/1037462/1037462173.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10374/1037464/1037464372.JPEG" srcset="/data/Photos/450x450w/10374/1037464/1037464372.JPEG 1x, /data/Photos/700x500w/10374/1037464/1037464372.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Alexander Bâle" data-hbs-name="Hotel Alexander Bâle"> <a class="hotels-by-stars__title-link" href="https://alexander-basel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9hbGV4YW5kZXItYmFzZWwuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Hotel Alexander Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="242270" data-hbs-latitude="47.56172" data-hbs-longitude="7.59742" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI4MDIvMTI4MDIzOS8xMjgwMjM5MDc4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12802/1280239/1280239078.JPEG" srcset="/data/Photos/450x450w/12802/1280239/1280239078.JPEG 1x, /data/Photos/700x500w/12802/1280239/1280239078.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12802/1280239/1280239675.JPEG" srcset="/data/Photos/450x450w/12802/1280239/1280239675.JPEG 1x, /data/Photos/700x500w/12802/1280239/1280239675.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12802/1280237/1280237089.JPEG" srcset="/data/Photos/450x450w/12802/1280237/1280237089.JPEG 1x, /data/Photos/700x500w/12802/1280237/1280237089.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12802/1280237/1280237626.JPEG" srcset="/data/Photos/450x450w/12802/1280237/1280237626.JPEG 1x, /data/Photos/700x500w/12802/1280237/1280237626.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12802/1280238/1280238589.JPEG" srcset="/data/Photos/450x450w/12802/1280238/1280238589.JPEG 1x, /data/Photos/700x500w/12802/1280238/1280238589.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12802/1280239/1280239015.JPEG" srcset="/data/Photos/450x450w/12802/1280239/1280239015.JPEG 1x, /data/Photos/700x500w/12802/1280239/1280239015.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Aparthotel Adagio Basel City" data-hbs-name="Aparthotel Adagio Basel City"> <a class="hotels-by-stars__title-link" href="https://adagio-basel-city.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9hZGFnaW8tYmFzZWwtY2l0eS5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Aparthotel Adagio Basel City </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="290217" data-hbs-latitude="47.45163" data-hbs-longitude="8.57883" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTIwMS85MjAxOTUvOTIwMTk1OTk1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9201/920195/920195995.JPEG" srcset="/data/Photos/450x450w/9201/920195/920195995.JPEG 1x, /data/Photos/700x500w/9201/920195/920195995.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15252/1525222/1525222087.JPEG" srcset="/data/Photos/450x450w/15252/1525222/1525222087.JPEG 1x, /data/Photos/700x500w/15252/1525222/1525222087.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9201/920196/920196151.JPEG" srcset="/data/Photos/450x450w/9201/920196/920196151.JPEG 1x, /data/Photos/700x500w/9201/920196/920196151.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9202/920203/920203165.JPEG" srcset="/data/Photos/450x450w/9202/920203/920203165.JPEG 1x, /data/Photos/700x500w/9202/920203/920203165.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9202/920211/920211451.JPEG" srcset="/data/Photos/450x450w/9202/920211/920211451.JPEG 1x, /data/Photos/700x500w/9202/920211/920211451.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9201/920199/920199763.JPEG" srcset="/data/Photos/450x450w/9201/920199/920199763.JPEG 1x, /data/Photos/700x500w/9201/920199/920199763.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Appartement Swiss Star Zurich Airport - Self Check-In à Kloten" data-hbs-name="Appartement Swiss Star Zurich Airport - Self Check-In à Kloten"> <a class="hotels-by-stars__title-link" href="https://apartements-swiss-star.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9hcGFydGVtZW50cy1zd2lzcy1zdGFyLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Appartement Swiss Star Zurich Airport - Self Check-In à Kloten </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="290672" data-hbs-latitude="47.4106260850442" data-hbs-longitude="8.55295799999999" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3NTQvMTI3NTQ1NS8xMjc1NDU1Mzg5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275455/1275455389.JPEG" srcset="/data/Photos/450x450w/12754/1275455/1275455389.JPEG 1x, /data/Photos/700x500w/12754/1275455/1275455389.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275454/1275454483.JPEG" srcset="/data/Photos/450x450w/12754/1275454/1275454483.JPEG 1x, /data/Photos/700x500w/12754/1275454/1275454483.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275454/1275454822.JPEG" srcset="/data/Photos/450x450w/12754/1275454/1275454822.JPEG 1x, /data/Photos/700x500w/12754/1275454/1275454822.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275455/1275455338.JPEG" srcset="/data/Photos/450x450w/12754/1275455/1275455338.JPEG 1x, /data/Photos/700x500w/12754/1275455/1275455338.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275454/1275454894.JPEG" srcset="/data/Photos/450x450w/12754/1275454/1275454894.JPEG 1x, /data/Photos/700x500w/12754/1275454/1275454894.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12754/1275453/1275453451.JPEG" srcset="/data/Photos/450x450w/12754/1275453/1275453451.JPEG 1x, /data/Photos/700x500w/12754/1275453/1275453451.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Holiday Inn Zuerich Messe, An Ihg Hotel" data-hbs-name="Holiday Inn Zuerich Messe, An Ihg Hotel"> <a class="hotels-by-stars__title-link" href="https://holiday-inn-zurich-messe.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ob2xpZGF5LWlubi16dXJpY2gtbWVzc2UuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Holiday Inn Zuerich Messe, An Ihg Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="356092" data-hbs-latitude="47.561045" data-hbs-longitude="7.58668" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Mjc5OS8yNzk5NTgvMjc5OTU4NDU3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2799/279958/279958457.JPEG" srcset="/data/Photos/450x450w/2799/279958/279958457.JPEG 1x, /data/Photos/700x500w/2799/279958/279958457.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580466/1580466987.JPEG" srcset="/data/Photos/450x450w/15804/1580466/1580466987.JPEG 1x, /data/Photos/700x500w/15804/1580466/1580466987.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580466/1580466999.JPEG" srcset="/data/Photos/450x450w/15804/1580466/1580466999.JPEG 1x, /data/Photos/700x500w/15804/1580466/1580466999.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580467/1580467031.JPEG" srcset="/data/Photos/450x450w/15804/1580467/1580467031.JPEG 1x, /data/Photos/700x500w/15804/1580467/1580467031.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580467/1580467175.JPEG" srcset="/data/Photos/450x450w/15804/1580467/1580467175.JPEG 1x, /data/Photos/700x500w/15804/1580467/1580467175.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580467/1580467093.JPEG" srcset="/data/Photos/450x450w/15804/1580467/1580467093.JPEG 1x, /data/Photos/700x500w/15804/1580467/1580467093.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel D - Design Hotel Bâle" data-hbs-name="Hotel D - Design Hotel Bâle"> <a class="hotels-by-stars__title-link" href="https://hotel-d.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1kLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Hotel D - Design Hotel Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="628561" data-hbs-latitude="46.95861726" data-hbs-longitude="7.46392402" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzA3OC83MDc4NjcvNzA3ODY3NDEwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7078/707867/707867410.JPEG" srcset="/data/Photos/450x450w/7078/707867/707867410.JPEG 1x, /data/Photos/700x500w/7078/707867/707867410.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14998/1499892/1499892124.JPEG" srcset="/data/Photos/450x450w/14998/1499892/1499892124.JPEG 1x, /data/Photos/700x500w/14998/1499892/1499892124.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14998/1499892/1499892163.JPEG" srcset="/data/Photos/450x450w/14998/1499892/1499892163.JPEG 1x, /data/Photos/700x500w/14998/1499892/1499892163.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10263/1026370/1026370120.JPEG" srcset="/data/Photos/450x450w/10263/1026370/1026370120.JPEG 1x, /data/Photos/700x500w/10263/1026370/1026370120.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9729/972949/972949720.JPEG" srcset="/data/Photos/450x450w/9729/972949/972949720.JPEG 1x, /data/Photos/700x500w/9729/972949/972949720.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9729/972949/972949927.JPEG" srcset="/data/Photos/450x450w/9729/972949/972949927.JPEG 1x, /data/Photos/700x500w/9729/972949/972949927.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Ibis Budget Bern Expo" data-hbs-name="Hotel Ibis Budget Bern Expo"> <a class="hotels-by-stars__title-link" href="https://ibis-budget-bern-expo.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9pYmlzLWJ1ZGdldC1iZXJuLWV4cG8uYmFzZWwtaG90ZWxzLm5ldC9mci8="> Hotel Ibis Budget Bern Expo </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="740598" data-hbs-latitude="47.422703" data-hbs-longitude="8.559302" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYzMTUvMTYzMTU3My8xNjMxNTczMDU4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16315/1631573/1631573058.JPEG" srcset="/data/Photos/450x450w/16315/1631573/1631573058.JPEG 1x, /data/Photos/700x500w/16315/1631573/1631573058.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16315/1631573/1631573033.JPEG" srcset="/data/Photos/450x450w/16315/1631573/1631573033.JPEG 1x, /data/Photos/700x500w/16315/1631573/1631573033.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16315/1631573/1631573034.JPEG" srcset="/data/Photos/450x450w/16315/1631573/1631573034.JPEG 1x, /data/Photos/700x500w/16315/1631573/1631573034.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16315/1631573/1631573035.JPEG" srcset="/data/Photos/450x450w/16315/1631573/1631573035.JPEG 1x, /data/Photos/700x500w/16315/1631573/1631573035.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16315/1631573/1631573036.JPEG" srcset="/data/Photos/450x450w/16315/1631573/1631573036.JPEG 1x, /data/Photos/700x500w/16315/1631573/1631573036.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16315/1631573/1631573037.JPEG" srcset="/data/Photos/450x450w/16315/1631573/1631573037.JPEG 1x, /data/Photos/700x500w/16315/1631573/1631573037.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Kameha Grand Zurich, Autograph Collection à Opfikon-Glattbrugg" data-hbs-name="Hotel Kameha Grand Zurich, Autograph Collection à Opfikon-Glattbrugg"> <a class="hotels-by-stars__title-link" href="https://kameha-grand-zurich.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9rYW1laGEtZ3JhbmQtenVyaWNoLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Hotel Kameha Grand Zurich, Autograph Collection à Opfikon-Glattbrugg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="797620" data-hbs-latitude="47.552654" data-hbs-longitude="7.5943317" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYxODIvMTYxODI5NC8xNjE4Mjk0ODQzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16182/1618294/1618294843.JPEG" srcset="/data/Photos/450x450w/16182/1618294/1618294843.JPEG 1x, /data/Photos/700x500w/16182/1618294/1618294843.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15208/1520824/1520824480.JPEG" srcset="/data/Photos/450x450w/15208/1520824/1520824480.JPEG 1x, /data/Photos/700x500w/15208/1520824/1520824480.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16182/1618294/1618294851.JPEG" srcset="/data/Photos/450x450w/16182/1618294/1618294851.JPEG 1x, /data/Photos/700x500w/16182/1618294/1618294851.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13460/1346016/1346016524.JPEG" srcset="/data/Photos/450x450w/13460/1346016/1346016524.JPEG 1x, /data/Photos/700x500w/13460/1346016/1346016524.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13460/1346016/1346016638.JPEG" srcset="/data/Photos/450x450w/13460/1346016/1346016638.JPEG 1x, /data/Photos/700x500w/13460/1346016/1346016638.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13519/1351922/1351922905.JPEG" srcset="/data/Photos/450x450w/13519/1351922/1351922905.JPEG 1x, /data/Photos/700x500w/13519/1351922/1351922905.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Nomad Design & Lifestyle Hotel Bâle" data-hbs-name="Nomad Design & Lifestyle Hotel Bâle"> <a class="hotels-by-stars__title-link" href="https://nomad-design-lifestyle-hotel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ub21hZC1kZXNpZ24tbGlmZXN0eWxlLWhvdGVsLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Nomad Design & Lifestyle Hotel Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="808105" data-hbs-latitude="47.388973" data-hbs-longitude="8.516186" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYyNzkvMTYyNzk0MC8xNjI3OTQwNTk3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16279/1627940/1627940597.JPEG" srcset="/data/Photos/450x450w/16279/1627940/1627940597.JPEG 1x, /data/Photos/700x500w/16279/1627940/1627940597.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16279/1627940/1627940601.JPEG" srcset="/data/Photos/450x450w/16279/1627940/1627940601.JPEG 1x, /data/Photos/700x500w/16279/1627940/1627940601.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15881/1588160/1588160366.JPEG" srcset="/data/Photos/450x450w/15881/1588160/1588160366.JPEG 1x, /data/Photos/700x500w/15881/1588160/1588160366.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15881/1588160/1588160435.JPEG" srcset="/data/Photos/450x450w/15881/1588160/1588160435.JPEG 1x, /data/Photos/700x500w/15881/1588160/1588160435.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15747/1574750/1574750543.JPEG" srcset="/data/Photos/450x450w/15747/1574750/1574750543.JPEG 1x, /data/Photos/700x500w/15747/1574750/1574750543.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15881/1588160/1588160340.JPEG" srcset="/data/Photos/450x450w/15881/1588160/1588160340.JPEG 1x, /data/Photos/700x500w/15881/1588160/1588160340.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Ibis Budget Zurich City West" data-hbs-name="Hotel Ibis Budget Zurich City West"> <a class="hotels-by-stars__title-link" href="https://ibis-budget-zurich-city-west.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9pYmlzLWJ1ZGdldC16dXJpY2gtY2l0eS13ZXN0LmJhc2VsLWhvdGVscy5uZXQvZnIv"> Hotel Ibis Budget Zurich City West </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="915863" data-hbs-latitude="47.54504" data-hbs-longitude="7.59961" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAzMTUvMTAzMTU0Ny8xMDMxNTQ3ODg2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10315/1031547/1031547886.JPEG" srcset="/data/Photos/450x450w/10315/1031547/1031547886.JPEG 1x, /data/Photos/700x500w/10315/1031547/1031547886.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15767/1576766/1576766858.JPEG" srcset="/data/Photos/450x450w/15767/1576766/1576766858.JPEG 1x, /data/Photos/700x500w/15767/1576766/1576766858.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15767/1576766/1576766870.JPEG" srcset="/data/Photos/450x450w/15767/1576766/1576766870.JPEG 1x, /data/Photos/700x500w/15767/1576766/1576766870.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15002/1500281/1500281926.JPEG" srcset="/data/Photos/450x450w/15002/1500281/1500281926.JPEG 1x, /data/Photos/700x500w/15002/1500281/1500281926.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10810/1081012/1081012099.JPEG" srcset="/data/Photos/450x450w/10810/1081012/1081012099.JPEG 1x, /data/Photos/700x500w/10810/1081012/1081012099.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10849/1084977/1084977592.JPEG" srcset="/data/Photos/450x450w/10849/1084977/1084977592.JPEG 1x, /data/Photos/700x500w/10849/1084977/1084977592.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Ibis Budget Basel City" data-hbs-name="Hotel Ibis Budget Basel City"> <a class="hotels-by-stars__title-link" href="https://ibis-budget-basel-city.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9pYmlzLWJ1ZGdldC1iYXNlbC1jaXR5LmJhc2VsLWhvdGVscy5uZXQvZnIv"> Hotel Ibis Budget Basel City </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1778411" data-hbs-latitude="47.5485127514045" data-hbs-longitude="7.59006232721731" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3ODUvMTI3ODU3OC8xMjc4NTc4ODYzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12785/1278578/1278578863.JPEG" srcset="/data/Photos/450x450w/12785/1278578/1278578863.JPEG 1x, /data/Photos/700x500w/12785/1278578/1278578863.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12785/1278578/1278578260.JPEG" srcset="/data/Photos/450x450w/12785/1278578/1278578260.JPEG 1x, /data/Photos/700x500w/12785/1278578/1278578260.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12785/1278579/1278579574.JPEG" srcset="/data/Photos/450x450w/12785/1278579/1278579574.JPEG 1x, /data/Photos/700x500w/12785/1278579/1278579574.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12785/1278579/1278579754.JPEG" srcset="/data/Photos/450x450w/12785/1278579/1278579754.JPEG 1x, /data/Photos/700x500w/12785/1278579/1278579754.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12785/1278580/1278580396.JPEG" srcset="/data/Photos/450x450w/12785/1278580/1278580396.JPEG 1x, /data/Photos/700x500w/12785/1278580/1278580396.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12785/1278580/1278580453.JPEG" srcset="/data/Photos/450x450w/12785/1278580/1278580453.JPEG 1x, /data/Photos/700x500w/12785/1278580/1278580453.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Euler Bâle" data-hbs-name="Hotel Euler Bâle"> <a class="hotels-by-stars__title-link" href="https://euler.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ldWxlci5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Hotel Euler Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3311031" data-hbs-latitude="46.93148" data-hbs-longitude="7.43343" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAyMDMvMTAyMDMyNS8xMDIwMzI1NTQ5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10203/1020325/1020325549.JPEG" srcset="/data/Photos/450x450w/10203/1020325/1020325549.JPEG 1x, /data/Photos/700x500w/10203/1020325/1020325549.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10211/1021113/1021113094.JPEG" srcset="/data/Photos/450x450w/10211/1021113/1021113094.JPEG 1x, /data/Photos/700x500w/10211/1021113/1021113094.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9433/943366/943366735.JPEG" srcset="/data/Photos/450x450w/9433/943366/943366735.JPEG 1x, /data/Photos/700x500w/9433/943366/943366735.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9719/971998/971998672.JPEG" srcset="/data/Photos/450x450w/9719/971998/971998672.JPEG 1x, /data/Photos/700x500w/9719/971998/971998672.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9433/943366/943366618.JPEG" srcset="/data/Photos/450x450w/9433/943366/943366618.JPEG 1x, /data/Photos/700x500w/9433/943366/943366618.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9433/943366/943366513.JPEG" srcset="/data/Photos/450x450w/9433/943366/943366513.JPEG 1x, /data/Photos/700x500w/9433/943366/943366513.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostel 77 Berne" data-hbs-name="Hostel 77 Berne"> <a class="hotels-by-stars__title-link" href="https://hostel-77-bern.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ob3N0ZWwtNzctYmVybi5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Hostel 77 Berne </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="5727589" data-hbs-latitude="47.5602256297773" data-hbs-longitude="7.59173914790154" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYxODIvMTYxODI3MC8xNjE4MjcwOTI3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16182/1618270/1618270927.JPEG" srcset="/data/Photos/450x450w/16182/1618270/1618270927.JPEG 1x, /data/Photos/700x500w/16182/1618270/1618270927.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15383/1538344/1538344117.JPEG" srcset="/data/Photos/450x450w/15383/1538344/1538344117.JPEG 1x, /data/Photos/700x500w/15383/1538344/1538344117.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15383/1538344/1538344126.JPEG" srcset="/data/Photos/450x450w/15383/1538344/1538344126.JPEG 1x, /data/Photos/700x500w/15383/1538344/1538344126.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580417/1580417125.JPEG" srcset="/data/Photos/450x450w/15804/1580417/1580417125.JPEG 1x, /data/Photos/700x500w/15804/1580417/1580417125.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588068/1588068183.JPEG" srcset="/data/Photos/450x450w/15880/1588068/1588068183.JPEG 1x, /data/Photos/700x500w/15880/1588068/1588068183.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588068/1588068716.JPEG" srcset="/data/Photos/450x450w/15880/1588068/1588068716.JPEG 1x, /data/Photos/700x500w/15880/1588068/1588068716.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Krafft Bâle" data-hbs-name="Hotel Krafft Bâle"> <a class="hotels-by-stars__title-link" href="https://krafft-basel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9rcmFmZnQtYmFzZWwuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Hotel Krafft Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="5884653" data-hbs-latitude="47.37205" data-hbs-longitude="8.53534" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTkxNC85OTE0MjkvOTkxNDI5NTEzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9914/991429/991429513.JPEG" srcset="/data/Photos/450x450w/9914/991429/991429513.JPEG 1x, /data/Photos/700x500w/9914/991429/991429513.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15692/1569226/1569226709.JPEG" srcset="/data/Photos/450x450w/15692/1569226/1569226709.JPEG 1x, /data/Photos/700x500w/15692/1569226/1569226709.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11571/1157112/1157112912.JPEG" srcset="/data/Photos/450x450w/11571/1157112/1157112912.JPEG 1x, /data/Photos/700x500w/11571/1157112/1157112912.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11571/1157113/1157113716.JPEG" srcset="/data/Photos/450x450w/11571/1157113/1157113716.JPEG 1x, /data/Photos/700x500w/11571/1157113/1157113716.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11571/1157113/1157113092.JPEG" srcset="/data/Photos/450x450w/11571/1157113/1157113092.JPEG 1x, /data/Photos/700x500w/11571/1157113/1157113092.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11421/1142199/1142199145.JPEG" srcset="/data/Photos/450x450w/11421/1142199/1142199145.JPEG 1x, /data/Photos/700x500w/11421/1142199/1142199145.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Citizenm Zuerich" data-hbs-name="Hotel Citizenm Zuerich"> <a class="hotels-by-stars__title-link" href="https://citizenm-zurich.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9jaXRpemVubS16dXJpY2guYmFzZWwtaG90ZWxzLm5ldC9mci8="> Hotel Citizenm Zuerich </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="7729513" data-hbs-latitude="47.55886" data-hbs-longitude="7.58715" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE4NDgvMTE4NDg4Ni8xMTg0ODg2MzkxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11848/1184886/1184886391.JPEG" srcset="/data/Photos/450x450w/11848/1184886/1184886391.JPEG 1x, /data/Photos/700x500w/11848/1184886/1184886391.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11539/1153971/1153971744.JPEG" srcset="/data/Photos/450x450w/11539/1153971/1153971744.JPEG 1x, /data/Photos/700x500w/11539/1153971/1153971744.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11539/1153971/1153971789.JPEG" srcset="/data/Photos/450x450w/11539/1153971/1153971789.JPEG 1x, /data/Photos/700x500w/11539/1153971/1153971789.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11539/1153971/1153971900.JPEG" srcset="/data/Photos/450x450w/11539/1153971/1153971900.JPEG 1x, /data/Photos/700x500w/11539/1153971/1153971900.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11539/1153973/1153973931.JPEG" srcset="/data/Photos/450x450w/11539/1153973/1153973931.JPEG 1x, /data/Photos/700x500w/11539/1153973/1153973931.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11539/1153973/1153973985.JPEG" srcset="/data/Photos/450x450w/11539/1153973/1153973985.JPEG 1x, /data/Photos/700x500w/11539/1153973/1153973985.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Maerthof Bâle" data-hbs-name="Hotel Maerthof Bâle"> <a class="hotels-by-stars__title-link" href="https://hotel-d-basel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1kLWJhc2VsLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Hotel Maerthof Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="10547129" data-hbs-latitude="47.422646" data-hbs-longitude="8.558285" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQwNzIvMTQwNzI2MS8xNDA3MjYxMjAzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14072/1407261/1407261203.JPEG" srcset="/data/Photos/450x450w/14072/1407261/1407261203.JPEG 1x, /data/Photos/700x500w/14072/1407261/1407261203.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15361/1536156/1536156541.JPEG" srcset="/data/Photos/450x450w/15361/1536156/1536156541.JPEG 1x, /data/Photos/700x500w/15361/1536156/1536156541.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15361/1536156/1536156481.JPEG" srcset="/data/Photos/450x450w/15361/1536156/1536156481.JPEG 1x, /data/Photos/700x500w/15361/1536156/1536156481.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15361/1536156/1536156526.JPEG" srcset="/data/Photos/450x450w/15361/1536156/1536156526.JPEG 1x, /data/Photos/700x500w/15361/1536156/1536156526.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14159/1415970/1415970078.JPEG" srcset="/data/Photos/450x450w/14159/1415970/1415970078.JPEG 1x, /data/Photos/700x500w/14159/1415970/1415970078.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14072/1407257/1407257984.JPEG" srcset="/data/Photos/450x450w/14072/1407257/1407257984.JPEG 1x, /data/Photos/700x500w/14072/1407257/1407257984.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Radisson Hotel & Suites Zurich Opfikon-Glattbrugg" data-hbs-name="Radisson Hotel & Suites Zurich Opfikon-Glattbrugg"> <a class="hotels-by-stars__title-link" href="https://joyn-zurich.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9qb3luLXp1cmljaC5iYXNlbC1ob3RlbHMubmV0L2ZyLw=="> Radisson Hotel & Suites Zurich Opfikon-Glattbrugg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="11992257" data-hbs-latitude="47.45213" data-hbs-longitude="8.56303" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE4NDUvMTE4NDUyNS8xMTg0NTI1MjIzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11845/1184525/1184525223.JPEG" srcset="/data/Photos/450x450w/11845/1184525/1184525223.JPEG 1x, /data/Photos/700x500w/11845/1184525/1184525223.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11881/1188157/1188157873.JPEG" srcset="/data/Photos/450x450w/11881/1188157/1188157873.JPEG 1x, /data/Photos/700x500w/11881/1188157/1188157873.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11845/1184523/1184523401.JPEG" srcset="/data/Photos/450x450w/11845/1184523/1184523401.JPEG 1x, /data/Photos/700x500w/11845/1184523/1184523401.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11845/1184523/1184523415.JPEG" srcset="/data/Photos/450x450w/11845/1184523/1184523415.JPEG 1x, /data/Photos/700x500w/11845/1184523/1184523415.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11845/1184524/1184524779.JPEG" srcset="/data/Photos/450x450w/11845/1184524/1184524779.JPEG 1x, /data/Photos/700x500w/11845/1184524/1184524779.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11876/1187612/1187612395.JPEG" srcset="/data/Photos/450x450w/11876/1187612/1187612395.JPEG 1x, /data/Photos/700x500w/11876/1187612/1187612395.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Capsule Hotel - Alpine Garden Zurich Airport Kloten" data-hbs-name="Capsule Hotel - Alpine Garden Zurich Airport Kloten"> <a class="hotels-by-stars__title-link" href="https://alpine-garden-capsule-hotel.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9hbHBpbmUtZ2FyZGVuLWNhcHN1bGUtaG90ZWwuYmFzZWwtaG90ZWxzLm5ldC9mci8="> Capsule Hotel - Alpine Garden Zurich Airport Kloten </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="12722745" data-hbs-latitude="47.45145" data-hbs-longitude="8.566" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM1ODgvMTM1ODgyOS8xMzU4ODI5MzQxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13588/1358829/1358829341.JPEG" srcset="/data/Photos/450x450w/13588/1358829/1358829341.JPEG 1x, /data/Photos/700x500w/13588/1358829/1358829341.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13628/1362868/1362868802.JPEG" srcset="/data/Photos/450x450w/13628/1362868/1362868802.JPEG 1x, /data/Photos/700x500w/13628/1362868/1362868802.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13588/1358828/1358828177.JPEG" srcset="/data/Photos/450x450w/13588/1358828/1358828177.JPEG 1x, /data/Photos/700x500w/13588/1358828/1358828177.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13588/1358828/1358828852.JPEG" srcset="/data/Photos/450x450w/13588/1358828/1358828852.JPEG 1x, /data/Photos/700x500w/13588/1358828/1358828852.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13588/1358829/1358829359.JPEG" srcset="/data/Photos/450x450w/13588/1358829/1358829359.JPEG 1x, /data/Photos/700x500w/13588/1358829/1358829359.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13588/1358830/1358830358.JPEG" srcset="/data/Photos/450x450w/13588/1358830/1358830358.JPEG 1x, /data/Photos/700x500w/13588/1358830/1358830358.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Hyatt Place Zurich Airport The Circle à Kloten" data-hbs-name="Hotel Hyatt Place Zurich Airport The Circle à Kloten"> <a class="hotels-by-stars__title-link" href="https://hyatt-place-zurich-airport-the-circle.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9oeWF0dC1wbGFjZS16dXJpY2gtYWlycG9ydC10aGUtY2lyY2xlLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Hotel Hyatt Place Zurich Airport The Circle à Kloten </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="18238547" data-hbs-latitude="47.54697" data-hbs-longitude="7.59424" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYyMTQvMTYyMTQ5OC8xNjIxNDk4OTMzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16214/1621498/1621498933.JPEG" srcset="/data/Photos/450x450w/16214/1621498/1621498933.JPEG 1x, /data/Photos/700x500w/16214/1621498/1621498933.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16214/1621498/1621498924.JPEG" srcset="/data/Photos/450x450w/16214/1621498/1621498924.JPEG 1x, /data/Photos/700x500w/16214/1621498/1621498924.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16214/1621498/1621498930.JPEG" srcset="/data/Photos/450x450w/16214/1621498/1621498930.JPEG 1x, /data/Photos/700x500w/16214/1621498/1621498930.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16214/1621498/1621498935.JPEG" srcset="/data/Photos/450x450w/16214/1621498/1621498935.JPEG 1x, /data/Photos/700x500w/16214/1621498/1621498935.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16214/1621498/1621498937.JPEG" srcset="/data/Photos/450x450w/16214/1621498/1621498937.JPEG 1x, /data/Photos/700x500w/16214/1621498/1621498937.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16214/1621498/1621498942.JPEG" srcset="/data/Photos/450x450w/16214/1621498/1621498942.JPEG 1x, /data/Photos/700x500w/16214/1621498/1621498942.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Mue Cubes à Bâle" data-hbs-name="Hotel Mue Cubes à Bâle"> <a class="hotels-by-stars__title-link" href="https://mue-rooms-sbb.basel-hotels.net/fr/" data-hbs-url="aHR0cHM6Ly9tdWUtcm9vbXMtc2JiLmJhc2VsLWhvdGVscy5uZXQvZnIv"> Hotel Mue Cubes à Bâle </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Montrer sur la carte</div> </div> </div> </div> </div> </div> </div> <div class="ht-map js-htbs-map"> <div class="ht-map__close-bg js-map-close"></div> <svg width="20px" height="20px" class="ht-map__close-btn js-map-close" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"> <path class="st0" d="M23.6,21.4C23.6,21.4,23.6,21.4,23.6,21.4L14.1,12v0l9.4-9.4c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0 L12,9.9L2.6,0.4C2-0.1,1-0.1,0.4,0.4C-0.1,1-0.1,2,0.4,2.6L9.9,12l-9.4,9.4c-0.6,0.6-0.6,1.5,0,2.1c0.6,0.6,1.5,0.6,2.1,0l9.4-9.4 l9.4,9.4c0.6,0.6,1.5,0.6,2.1,0c0,0,0,0,0,0C24.1,23,24.1,22,23.6,21.4z"/> </svg> <div class="ht-map__inner" id="htbs-map"></div> </div> </div> </div> </div> </div> <div class="hot-deal-block"> <div class="new-container"> <div class="hot-deal"> <div class="hot-deal__top"> <a href="/hotels-tonight/"> <svg class="icon icon-bell" xmlns="http://www.w3.org/2000/svg" width="26" height="24"> <path d="M20.583 11.392V9.767c0-3.428-2.288-6.329-5.416-7.264v-.32C15.167.99 14.194.018 13 .018s-2.167.972-2.167 2.167v.319c-3.128.935-5.416 3.836-5.416 7.264v1.625c0 3.606-.849 4.873-1.469 5.798-.358.536-.698 1.042-.698 1.785 0 1.766 3.681 2.386 6.666 2.6.419 1.34 1.647 2.275 3.084 2.275s2.665-.936 3.084-2.276c2.985-.213 6.666-.833 6.666-2.599 0-.743-.34-1.25-.698-1.785-.62-.925-1.469-2.192-1.469-5.798zm-6.5-9.122c-.354-.051-.714-.086-1.083-.086s-.729.035-1.083.086v-.086a1.084 1.084 0 012.166 0v.086zm11.272 5.726a.543.543 0 00-1.029.343c.392 1.172.59 2.382.59 3.595s-.198 2.422-.59 3.595a.543.543 0 001.029.343c.428-1.284.645-2.609.645-3.938 0-1.33-.217-2.655-.645-3.938zm-2.739.342a.542.542 0 00-.343.685c.316.95.477 1.93.477 2.91a9.2 9.2 0 01-.477 2.912.543.543 0 00.514.712.542.542 0 00.514-.37c.354-1.062.532-2.156.532-3.253s-.178-2.192-.532-3.253a.543.543 0 00-.685-.343zM1.083 11.934c0-1.212.198-2.422.59-3.595a.544.544 0 00-.343-.686.548.548 0 00-.686.343A12.466 12.466 0 000 11.934c0 1.33.217 2.654.645 3.937a.544.544 0 00.686.343.543.543 0 00.343-.685 11.322 11.322 0 01-.59-3.595zm2.644 2.911a9.222 9.222 0 01-.477-2.911c0-.981.16-1.96.477-2.911a.543.543 0 00-1.028-.342c-.354 1.061-.532 2.156-.532 3.253s.178 2.191.532 3.252a.541.541 0 101.028-.341z" fill="#E12D2D" fill-rule="nonzero"/> </svg> <p>Offres d'hôtels de dernière minute</p> </a> <a class="btn btn-outline" href="/hotels-tonight/"> Voir toutes les offres <svg width="14" height="10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.22.145a.483.483 0 00-.69 0 .487.487 0 000 .683l3.498 3.499H.483A.48.48 0 000 4.81c0 .27.214.49.483.49h11.545L8.53 8.792a.495.495 0 000 .69.483.483 0 00.69 0l4.326-4.327a.475.475 0 000-.683L9.22.145z" fill="currentColor"/> </svg> </a> </div> <div class="hot-deal__text"> <p class="hot-deal__text__item js-ht-block-subtitle is-active" data-number="1">6 meilleurs hôtels disponibles entre 76US$ et 284US$ sélectionnés par nos rédacteurs pour ses excellentes critiques, ses emplacements pratiques et ses bons rapports qualité-prix.</p> <p class="hot-deal__text__item js-ht-block-subtitle" data-number="2">6 meilleurs hôtels disponibles entre 32US$ et 284US$ sélectionnés par nos rédacteurs pour ses excellentes critiques, ses emplacements pratiques et ses bons rapports qualité-prix.</p> <p class="hot-deal__text__item js-ht-block-subtitle" data-number="3">6 meilleurs hôtels disponibles entre 32US$ et 284US$ sélectionnés par nos rédacteurs pour ses excellentes critiques, ses emplacements pratiques et ses bons rapports qualité-prix.</p> </div> <div class="hot-deal__editors"> <div class="hot-deal__editors__images"> <img width="36px" height="36px" src="/new/designs/90/destination/img/hotels-tonight/ht-editor-1.jpg" alt="" loading="lazy"> <img width="36px" height="36px" src="/new/designs/90/destination/img/hotels-tonight/ht-editor-2.jpg" alt="" loading="lazy"> <img width="36px" height="36px" src="/new/designs/90/destination/img/hotels-tonight/ht-editor-3.jpg" alt="" loading="lazy"> <img width="36px" height="36px" src="/new/designs/90/destination/img/hotels-tonight/ht-editor-4.jpg" alt="" loading="lazy"> </div> <p class="hot-deal__editors__text js-ht-block-editors is-active" data-number="1">Choix des éditeurs pour le 26.12</p> <p class="hot-deal__editors__text js-ht-block-editors " data-number="2">Choix des éditeurs pour le 27.12</p> <p class="hot-deal__editors__text js-ht-block-editors " data-number="3">Choix des éditeurs pour le 27.12</p> </div> </div> </div> </div> </div> </div> </div> </div> <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> <div class="feedback js-feedback-modal"> <div class="feedback__wrapper"> <div class="feedback__content js-feedback-inner"> <div class="feedback__close js-feedback-close"> <svg class="icon icon-popup-close" version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve"> <polygon class="st0" points="18,2.1 15.9,0 9,6.9 2.1,0 0,2.1 6.9,9 0,15.9 2.1,18 9,11.1 15.9,18 18,15.9 11.1,9 "/> </svg> </div> <div class="feedback__widget widget"> <img class="widget__photo" src="/new/designs/90/destination/img/footer-avatar.4808eea1701fe7971162a0c4b132d3ea.png" alt="Manager Avatar" /> <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"> <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-modal"> <div class="thanks-modal__wrapper"> <div class="thanks-modal__content"> <div class="thanks-modal__close js-thanks-modal-close"> <svg class="icon icon-popup-close" version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve"> <polygon class="st0" points="18,2.1 15.9,0 9,6.9 2.1,0 0,2.1 6.9,9 0,15.9 2.1,18 9,11.1 15.9,18 18,15.9 11.1,9 "/> </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="97" height="100" 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-thanks-modal-close">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.basel-hotels.net/fr/type/hotels-12/">Hôtels à Bâle</a> <a class="footer-extra-offers-list__link" href="https://www.basel-hotels.net/fr/type/apartments-3/">Appartements à Bâle</a> <a class="footer-extra-offers-list__link" href="https://www.basel-hotels.net/fr/type/hostels-11/">Auberges de jeunesse à Bâle</a> <a class="footer-extra-offers-list__link" href="https://www.basel-hotels.net/fr/type/aparthotels-2/">Appart hôtels à Bâle</a> <a class="footer-extra-offers-list__link" href="https://www.basel-hotels.net/fr/type/guest-houses-10/">Maisons d'hôtes à Bâle</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.basel-hotels.net/fr/5-stars/">Hôtels de 5 étoiles à Bâle</a> <a class="footer-extra-offers-list__link" href="https://www.basel-hotels.net/fr/4-stars/">Hôtels de 4 étoiles à Bâle</a> <a class="footer-extra-offers-list__link" href="https://www.basel-hotels.net/fr/3-stars/">Hôtels de 3 étoiles à Bâle</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://ramada-plaza.basel-hotels.net/fr/">Hyperion Hotel Basel</a> <a class="footer-extra-offers-list__link" href="https://bellevue-palace.basel-hotels.net/fr/">Hotel Bellevue Palace Bern</a> <a class="footer-extra-offers-list__link" href="https://dorint-an-der-messe-basel.basel-hotels.net/fr/">Essential By Dorint Basel City</a> <a class="footer-extra-offers-list__link" href="https://schweizerhof.basel-hotels.net/fr/">Hotel Schweizerhof Zuerich</a> <a class="footer-extra-offers-list__link" href="https://park-hyatt.basel-hotels.net/fr/">Park Hyatt Zurich - City Center Luxury</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-link js-link-new" data-internal="L2ZyL2Fib3V0LXVzLw==">À propos de nous</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2ZyL291ci12YWx1ZXMv">Nos valeurs</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2ZyL3doeS1ib29rLXdpdGgtdXMv">Pourquoi Réserver Avec Nous ?</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2ZyL3BhcnRuZXJzaGlwLw==">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-link js-link-new" data-internal="L2ZyL3VzZWZ1bC10aXBzLw==">Astuces utiles</span> </li> <li class="footer__list-item"> <span class="footer__list-link">Réservation pour groupes</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2ZyL3N1cHBvcnQv">Centre d'aide</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2ZyL2ZhcS8=">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 class="widget__photo" src="/new/designs/90/destination/img/footer-avatar.4808eea1701fe7971162a0c4b132d3ea.png" alt="Manager Avatar" /> <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-link js-link-new" data-internal="L2ZyL3ByaXZhY3kv">Politique de confidentialité</span> <span class="footer__service-link js-link js-link-new" data-internal="L2ZyL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Conditions générales</span> <span class="footer__service-link js-link js-link-new" data-internal="L2ZyL2NvcHlyaWdodC8=">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">2024 © basel-hotels.net. 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> <script type="text/javascript"> window.travel = window.travel || {}; travel.opts = { siteDomain: 'basel-hotels.net', page: 'main', type: 'destination', lang_id: '3', lang: 'fr', day: '26', month: '12', year: '2024', id: '2685355693', track: 've1N3bjxM4KNDPmR', currency: {"ID":"1","CurrencyID":"1","LangID":"3","Name":"Dollar am\u00e9ricain","ExchangeRate":"1","Code":"USD","Symbol":"US$","FilterSymbol":"US$","ShowInFilter":"1","Prices":"0-100|100-200|200-300|300-","Priority":"360","SyncDate":"2018-08-21 10:00:00","URL":"\/?currency=1"}, tob: false , sdom: 'https://www.basel-hotels.net', sid: '116642', nid: '28', curr: 'US$', curr_rate: '1', obj_id: '18820', c_id: 18820, theme: '9001', map_params: { provider: '2', key: '' , lat: '47.557493', long: '7.591101' }, av_params: { multiBookRoomsInfo: '[{"adults":2,"children":[]}]', use: '0', from: '2024-12-27', to: '2024-12-28', adults: '2', children: '0', childrenTitle: 'Âges des enfants :' }, 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: 'Veuillez entrer le texte', f_review_cons: 'Veuillez entrer le texte', f_month: 'Choisissez le mois', f_year: 'Choisissez l\'année', f_rating: 'Évaluez cette propriété', f_calendar:'Entrez vos dates et consultez nos offres spéciales', // TODO: Uncomment when vocab will be translated } , k: 'j438s1e4v58', v: 'f5eef15242599c6fb13cbdcf31e07c91' }; travel.data = { hotels_tonight: {"1":{"date":{"From":"2024-12-26","To":"2024-12-27","FromDM":"26.12","ToDM":"27.12","TextDM":"Options pour le 26.12-27.12","DayVocab":"Ce soir"},"data":{"1":[{"ID":"8539450","HotelID":"8539450","Name":"SILO design&boutique hostel Basel","Address":"Signalstrasse 37 - 39, B\u00e2le, Suisse","Stars":"2","Latitude":"47.57111","Longitude":"7.60297","AvgMark":"44","ReviewCount":"1065","AvgMarkName":"Excellent","Photos":["15000\/1500056\/1500056791.JPEG","15543\/1554328\/1554328915.JPEG","15000\/1500056\/1500056767.JPEG","15543\/1554328\/1554328912.JPEG","15055\/1505589\/1505589160.JPEG","15000\/1500056\/1500056611.JPEG"],"HotelURL":"https:\/\/silo-soulfood-hostel-meetings.basel-hotels.net\/fr\/","MinRate":"63","BookingReviews":{"ReviewsCount":"1065","ReviewScore":89,"OriginalScore":89,"AvgMarkName":"Excellent","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=silo-souldfood-hostel-meetings;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i8539450-s116642-n28-silo_design_boutique_hostel_basel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Excellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"Exceptionnel","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9,"ScoreMessage":"Excellent","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.1,"ScoreMessage":"Emplacement magnifique","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement magnifique. Il a une note de 8.1 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"Exceptionnel","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.7,"ScoreMessage":"Prix magnifique","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un prix magnifique. Il a une note de 8.7 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"1.8 km","Type":"City Center"},{"TypeID":"1","Distance":"88.5 km","Type":"Airport"}],"CurrencyPrice":"63","AvailID":"1892322474"},{"ID":"23012673","HotelID":"23012673","Name":"Limehome Basel Muenzgasse","Address":"Muenzgasse 12, B\u00e2le, Suisse","Stars":"0","Latitude":"47.55732","Longitude":"7.58676","AvgMark":"43","ReviewCount":"326","AvgMarkName":"Excellent","Photos":["16196\/1619673\/1619673854.JPEG","16196\/1619673\/1619673558.JPEG","16196\/1619673\/1619673597.JPEG","16196\/1619673\/1619673583.JPEG","16196\/1619673\/1619673785.JPEG","16196\/1619673\/1619673796.JPEG"],"HotelURL":"https:\/\/limehome-muenzgasse.basel-hotels.net\/fr\/","MinRate":"113","BookingReviews":{"ReviewsCount":"333","ReviewScore":86,"OriginalScore":86,"AvgMarkName":"Excellent","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=limehome-basel-munzgasse;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i23012673-s116642-n28-limehome_basel_m_nzgasse"},"Distances":[{"TypeID":"0","Distance":"500 m","Type":"City Center"},{"TypeID":"1","Distance":"89.5 km","Type":"Airport"}],"CurrencyPrice":"113","AvailID":"1892322478"},{"ID":"411094","HotelID":"411094","Name":"Basel Youth Hostel","Address":"Maja Sacher-Platz 10, B\u00e2le, Suisse","Stars":"2","Latitude":"47.5541556700011","Longitude":"7.60181754827499","AvgMark":"42","ReviewCount":"1903","AvgMarkName":"Excellent","Photos":["15712\/1571295\/1571295740.JPEG","15415\/1541528\/1541528974.JPEG","15415\/1541529\/1541529535.JPEG","15415\/1541529\/1541529583.JPEG","15415\/1541529\/1541529736.JPEG","15415\/1541529\/1541529739.JPEG"],"HotelURL":"https:\/\/youth-hostel-basel.basel-hotels.net\/fr\/","MinRate":"52","BookingReviews":{"ReviewsCount":"1903","ReviewScore":85,"OriginalScore":85,"AvgMarkName":"Excellent","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=youh-hostel-st-alban;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i411094-s116642-n28-basel_youth_hostel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.8,"ScoreMessage":"Exceptionnel","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.6,"ScoreMessage":"Exceptionnel","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.6,"ScoreMessage":"Exceptionnel","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.6,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.1,"ScoreMessage":"Emplacement excellent","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement excellent. Il a une note de 9.1 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":8.5,"ScoreMessage":"Exceptionnel","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.2,"ScoreMessage":"Prix magnifique","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un prix magnifique. Il a une note de 8.2 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"800 m","Type":"City Center"},{"TypeID":"1","Distance":"87.7 km","Type":"Airport"}],"CurrencyPrice":"52","AvailID":"1892322483"},{"ID":"126887","HotelID":"126887","Name":"Becozy Boutique Self Check-in&Pop-up Hotel Basel","Address":"Klingentalstrasse 1, B\u00e2le, Suisse","Stars":"3","Latitude":"47.56323918","Longitude":"7.5923118","AvgMark":"32","ReviewCount":"1779","AvgMarkName":"Bien","Photos":["12914\/1291489\/1291489465.JPEG","12954\/1295421\/1295421814.JPEG","12954\/1295427\/1295427781.JPEG","12954\/1295439\/1295439091.JPEG","11758\/1175877\/1175877262.JPEG","11781\/1178128\/1178128039.JPEG"],"HotelURL":"https:\/\/basilisk.basel-hotels.net\/fr\/","MinRate":"109","BookingReviews":{"ReviewsCount":"1779","ReviewScore":64,"OriginalScore":64,"AvgMarkName":"Agr\u00e9able","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=basilisk;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i126887-s116642-n28-becozy_self_check_in_pop_up_hotel_basel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":7.1,"ScoreMessage":"Tr\u00e8s bien","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":7,"ScoreMessage":"Tr\u00e8s bien","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":6.7,"ScoreMessage":"Agr\u00e9able","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":7.9,"ScoreMessage":"Tr\u00e8s bien","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.5,"ScoreMessage":"Emplacement magnifique","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement magnifique. Il a une note de 8.5 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":6.6,"ScoreMessage":"Agr\u00e9able","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":7,"ScoreMessage":"Tr\u00e8s bon prix","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un tr\u00e8s bon prix. Il a une note de 7 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"700 m","Type":"City Center"},{"TypeID":"1","Distance":"90.3 km","Type":"Airport"}],"CurrencyPrice":"109","AvailID":"1892322486"},{"ID":"6318054","HotelID":"6318054","Name":"Art House Basel - Member Of Design Hotels","Address":"Steinenvorstadt 42, B\u00e2le, Suisse","Stars":"4","Latitude":"47.5524","Longitude":"7.58805","AvgMark":"44","ReviewCount":"1535","AvgMarkName":"Excellent","Photos":["10079\/1007996\/1007996821.JPEG","15847\/1584757\/1584757480.JPEG","15490\/1549030\/1549030225.JPEG","15490\/1549030\/1549030231.JPEG","15490\/1549030\/1549030270.JPEG","15490\/1549030\/1549030279.JPEG"],"HotelURL":"https:\/\/art-house-basel.basel-hotels.net\/fr\/","MinRate":"169","BookingReviews":{"ReviewsCount":"1535","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Excellent","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=art-house-basel;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i6318054-s116642-n28-art_house_basel_member_of_design_hotels"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.5,"ScoreMessage":"Superbe","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.4,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.3,"ScoreMessage":"Excellent","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.5,"ScoreMessage":"Superbe","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9,"ScoreMessage":"Emplacement excellent","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement excellent. Il a une note de 9 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":8.8,"ScoreMessage":"Exceptionnel","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.5,"ScoreMessage":"Prix magnifique","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un prix magnifique. Il a une note de 8.5 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"700 m","Type":"City Center"},{"TypeID":"1","Distance":"88.7 km","Type":"Airport"}],"CurrencyPrice":"169","AvailID":"1892322492"},{"ID":"126881","HotelID":"126881","Name":"Central City Hotel Rochat","Address":"Petersgraben 23, B\u00e2le, Suisse","Stars":"3","Latitude":"47.55958","Longitude":"7.58455","AvgMark":"43","ReviewCount":"3377","AvgMarkName":"Excellent","Photos":["15983\/1598395\/1598395122.JPEG","15801\/1580146\/1580146988.JPEG","15983\/1598395\/1598395094.JPEG","14987\/1498719\/1498719904.JPEG","14987\/1498720\/1498720201.JPEG","14987\/1498720\/1498720216.JPEG"],"HotelURL":"https:\/\/hotel-rochat.basel-hotels.net\/fr\/","MinRate":"191","BookingReviews":{"ReviewsCount":"3377","ReviewScore":87,"OriginalScore":87,"AvgMarkName":"Excellent","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=rochat;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i126881-s116642-n28-central_city_hotel_rochat"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Excellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.7,"ScoreMessage":"Exceptionnel","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.9,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.4,"ScoreMessage":"Emplacement excellent","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement excellent. Il a une note de 9.4 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":8.7,"ScoreMessage":"Exceptionnel","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.7,"ScoreMessage":"Prix magnifique","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un prix magnifique. Il a une note de 8.7 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"700 m","Type":"City Center"},{"TypeID":"1","Distance":"89.9 km","Type":"Airport"}],"CurrencyPrice":"191","AvailID":"1892322500"}],"2":[{"ID":"23012673","HotelID":"23012673","Name":"Limehome Basel Muenzgasse","Address":"Muenzgasse 12, B\u00e2le, Suisse","Stars":"0","Latitude":"47.55732","Longitude":"7.58676","AvgMark":"43","ReviewCount":"326","AvgMarkName":"Excellent","Photos":["16196\/1619673\/1619673854.JPEG","16196\/1619673\/1619673558.JPEG","16196\/1619673\/1619673597.JPEG","16196\/1619673\/1619673583.JPEG","16196\/1619673\/1619673785.JPEG","16196\/1619673\/1619673796.JPEG"],"HotelURL":"https:\/\/limehome-muenzgasse.basel-hotels.net\/fr\/","MinRate":"113","BookingReviews":{"ReviewsCount":"333","ReviewScore":86,"OriginalScore":86,"AvgMarkName":"Excellent","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=limehome-basel-munzgasse;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i23012673-s116642-n28-limehome_basel_m_nzgasse"},"Distances":[{"TypeID":"0","Distance":"500 m","Type":"City Center"},{"TypeID":"1","Distance":"89.5 km","Type":"Airport"}],"CurrencyPrice":"113","AvailID":"1892346209"},{"ID":"209068","HotelID":"209068","Name":"Hotel Alexander","Address":"Riehenring 83\/85, B\u00e2le, Suisse","Stars":"3","Latitude":"47.564642","Longitude":"7.59826099999998","AvgMark":"40","ReviewCount":"1237","AvgMarkName":"Bien","Photos":["15308\/1530819\/1530819451.JPEG","15308\/1530819\/1530819490.JPEG","15308\/1530822\/1530822544.JPEG","10674\/1067449\/1067449987.JPEG","10374\/1037462\/1037462173.JPEG","10374\/1037464\/1037464372.JPEG"],"HotelURL":"https:\/\/alexander-basel.basel-hotels.net\/fr\/","MinRate":"284","BookingReviews":{"ReviewsCount":"1237","ReviewScore":81,"OriginalScore":81,"AvgMarkName":"Tr\u00e8s bien","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=alexander-basel;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i209068-s116642-n28-hotel_alexander"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.8,"ScoreMessage":"Exceptionnel","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.7,"ScoreMessage":"Exceptionnel","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.3,"ScoreMessage":"Exceptionnel","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.4,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9,"ScoreMessage":"Emplacement excellent","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement excellent. Il a une note de 9 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":8.4,"ScoreMessage":"Exceptionnel","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.3,"ScoreMessage":"Prix magnifique","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un prix magnifique. Il a une note de 8.3 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"1 km","Type":"City Center"},{"TypeID":"1","Distance":"89.8 km","Type":"Airport"}],"CurrencyPrice":"284","AvailID":"1892346213"},{"ID":"11320516","HotelID":"11320516","Name":"B&B Hotel Basel","Address":"St Jacobs Strasse 195, B\u00e2le, Suisse","Stars":"3","Latitude":"47.5453","Longitude":"7.609492","AvgMark":"38","ReviewCount":"8309","AvgMarkName":"Bien","Photos":["10914\/1091467\/1091467554.JPEG","12479\/1247919\/1247919478.JPEG","12479\/1247933\/1247933167.JPEG","12479\/1247938\/1247938882.JPEG","12479\/1247940\/1247940493.JPEG","12479\/1247961\/1247961058.JPEG"],"HotelURL":"https:\/\/bb-hotel-basel.basel-hotels.net\/fr\/","MinRate":"121","BookingReviews":{"ReviewsCount":"8309","ReviewScore":77,"OriginalScore":77,"AvgMarkName":"Bien","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=b-amp-b-basel;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i11320516-s116642-n28-b_b_hotel_basel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.3,"ScoreMessage":"Exceptionnel","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.1,"ScoreMessage":"Exceptionnel","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":7.9,"ScoreMessage":"Tr\u00e8s bien","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.3,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":7.7,"ScoreMessage":"Tr\u00e8s bon emplacement","Message":"Cette propri\u00e9t\u00e9 dispose de un tr\u00e8s bon emplacement. Il a une note de 7.7 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":7.8,"ScoreMessage":"Tr\u00e8s bien","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":7.8,"ScoreMessage":"Tr\u00e8s bon prix","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un tr\u00e8s bon prix. Il a une note de 7.8 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"1.9 km","Type":"City Center"},{"TypeID":"1","Distance":"86.5 km","Type":"Airport"}],"CurrencyPrice":"121","AvailID":"1892346216"},{"ID":"332159","HotelID":"332159","Name":"Hotel Rheinfelderhof","Address":"Hammerstrasse 61, B\u00e2le, Suisse","Stars":"2","Latitude":"47.562279","Longitude":"7.5969","AvgMark":"37","ReviewCount":"2667","AvgMarkName":"Bien","Photos":["12801\/1280187\/1280187259.JPEG","12801\/1280185\/1280185864.JPEG","12801\/1280186\/1280186038.JPEG","12801\/1280185\/1280185603.JPEG","12801\/1280185\/1280185426.JPEG","12801\/1280186\/1280186602.JPEG"],"HotelURL":"https:\/\/rheinfelderhof-hotel-restaurant.basel-hotels.net\/fr\/","MinRate":"76","BookingReviews":{"ReviewsCount":"2667","ReviewScore":74,"OriginalScore":74,"AvgMarkName":"Bien","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=rheinfelderhof;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i332159-s116642-n28-hotel_rheinfelderhof"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":7.8,"ScoreMessage":"Tr\u00e8s bien","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":7.5,"ScoreMessage":"Tr\u00e8s bien","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":7.2,"ScoreMessage":"Tr\u00e8s bien","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.4,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.8,"ScoreMessage":"Emplacement magnifique","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement magnifique. Il a une note de 8.8 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":7.4,"ScoreMessage":"Tr\u00e8s bien","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":7.5,"ScoreMessage":"Tr\u00e8s bon prix","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un tr\u00e8s bon prix. Il a une note de 7.5 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"700 m","Type":"City Center"},{"TypeID":"1","Distance":"89.1 km","Type":"Airport"}],"CurrencyPrice":"76","AvailID":"1892346223"},{"ID":"364137","HotelID":"364137","Name":"B-Smart Motel Basel","Address":"Kuechengasse 13, B\u00e2le, Suisse","Stars":"3","Latitude":"47.54842","Longitude":"7.58919","AvgMark":"37","ReviewCount":"2017","AvgMarkName":"Bien","Photos":["14987\/1498766\/1498766782.JPEG","16182\/1618273\/1618273521.JPEG","7586\/758698\/758698162.JPEG","7586\/758699\/758699593.JPEG","7587\/758700\/758700880.JPEG","7627\/762797\/762797335.JPEG"],"HotelURL":"https:\/\/hotel-helvetia-basel.basel-hotels.net\/fr\/","MinRate":"138","BookingReviews":{"ReviewsCount":"2017","ReviewScore":74,"OriginalScore":74,"AvgMarkName":"Bien","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=helvetia-basel;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i364137-s116642-n28-b_smart_motel_basel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8,"ScoreMessage":"Exceptionnel","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":7.9,"ScoreMessage":"Tr\u00e8s bien","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":7.5,"ScoreMessage":"Tr\u00e8s bien","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.6,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.1,"ScoreMessage":"Emplacement excellent","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement excellent. Il a une note de 9.1 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":7.4,"ScoreMessage":"Tr\u00e8s bien","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":7.6,"ScoreMessage":"Tr\u00e8s bon prix","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un tr\u00e8s bon prix. Il a une note de 7.6 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"1.1 km","Type":"City Center"},{"TypeID":"1","Distance":"87.9 km","Type":"Airport"}],"CurrencyPrice":"138","AvailID":"1892346225"},{"ID":"915863","HotelID":"915863","Name":"Ibis Budget Basel City","Address":"Grosspeterstrasse 12, B\u00e2le, Suisse","Stars":"0","Latitude":"47.54504","Longitude":"7.59961","AvgMark":"37","ReviewCount":"9388","AvgMarkName":"Bien","Photos":["10315\/1031547\/1031547886.JPEG","15767\/1576766\/1576766858.JPEG","15767\/1576766\/1576766870.JPEG","15002\/1500281\/1500281926.JPEG","10810\/1081012\/1081012099.JPEG","10849\/1084977\/1084977592.JPEG"],"HotelURL":"https:\/\/ibis-budget-basel-city.basel-hotels.net\/fr\/","MinRate":"99","BookingReviews":{"ReviewsCount":"9388","ReviewScore":74,"OriginalScore":74,"AvgMarkName":"Bien","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=ibis-budget-basel-city;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i915863-s116642-n28-ibis_budget_basel_city"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.1,"ScoreMessage":"Exceptionnel","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":7.5,"ScoreMessage":"Tr\u00e8s bien","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":7.3,"ScoreMessage":"Tr\u00e8s bien","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.7,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.2,"ScoreMessage":"Emplacement magnifique","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement magnifique. Il a une note de 8.2 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":7.5,"ScoreMessage":"Tr\u00e8s bien","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":7.6,"ScoreMessage":"Tr\u00e8s bon prix","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un tr\u00e8s bon prix. Il a une note de 7.6 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"1.5 km","Type":"City Center"},{"TypeID":"1","Distance":"86.7 km","Type":"Airport"}],"CurrencyPrice":"99","AvailID":"1892346229"}]},"vocabs":{"1":{"from_to_price":"6 meilleurs h\u00f4tels disponibles entre 52US$ et 191US$ s\u00e9lectionn\u00e9s par nos r\u00e9dacteurs pour ses excellentes critiques, ses emplacements pratiques et ses bons rapports qualit\u00e9-prix.","from_to_price_main_page":"4 meilleurs h\u00f4tels disponibles entre 52US$ et 191US$ s\u00e9lectionn\u00e9s par nos r\u00e9dacteurs pour ses excellentes critiques, ses emplacements pratiques et ses bons rapports qualit\u00e9-prix."},"2":{"from_to_price":"6 meilleurs h\u00f4tels disponibles entre 76US$ et 284US$ s\u00e9lectionn\u00e9s par nos r\u00e9dacteurs pour ses excellentes critiques, ses emplacements pratiques et ses bons rapports qualit\u00e9-prix.","from_to_price_main_page":"4 meilleurs h\u00f4tels disponibles entre 76US$ et 284US$ s\u00e9lectionn\u00e9s par nos r\u00e9dacteurs pour ses excellentes critiques, ses emplacements pratiques et ses bons rapports qualit\u00e9-prix."}}},"2":{"date":{"From":"2024-12-27","To":"2024-12-28","FromDM":"27.12","ToDM":"28.12","TextDM":"Options pour le 27.12-28.12","DayVocab":"Demain"},"data":{"1":[{"ID":"826933","HotelID":"826933","Name":"Guesthouse Casa Esperanza Basel","Address":"Kembserweg 16, B\u00e2le, Suisse","Stars":"0","Latitude":"47.56127","Longitude":"7.57173","AvgMark":"45","ReviewCount":"594","AvgMarkName":"Excellent","Photos":["10358\/1035890\/1035890209.JPEG","2583\/258323\/258323985.JPEG","10358\/1035892\/1035892018.JPEG","4176\/417653\/417653154.JPEG","10358\/1035893\/1035893011.JPEG","2583\/258323\/258323925.JPEG"],"HotelURL":"https:\/\/casa-esperanza.basel-hotels.net\/fr\/","MinRate":"73","BookingReviews":{"ReviewsCount":"594","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"Exceptionnel","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=casa-esperanza;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i826933-s116642-n28-guesthouse_casa_esperanza_basel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.4,"ScoreMessage":"Excellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Excellent","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.7,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.2,"ScoreMessage":"Emplacement excellent","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement excellent. Il a une note de 9.2 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.2,"ScoreMessage":"Prix excellent","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un prix excellent. Il a une note de 9.2 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"1.7 km","Type":"City Center"},{"TypeID":"1","Distance":"89.8 km","Type":"Airport"}],"CurrencyPrice":"73","AvailID":"1892322789"},{"ID":"8539450","HotelID":"8539450","Name":"SILO design&boutique hostel Basel","Address":"Signalstrasse 37 - 39, B\u00e2le, Suisse","Stars":"2","Latitude":"47.57111","Longitude":"7.60297","AvgMark":"44","ReviewCount":"1065","AvgMarkName":"Excellent","Photos":["15000\/1500056\/1500056791.JPEG","15543\/1554328\/1554328915.JPEG","15000\/1500056\/1500056767.JPEG","15543\/1554328\/1554328912.JPEG","15055\/1505589\/1505589160.JPEG","15000\/1500056\/1500056611.JPEG"],"HotelURL":"https:\/\/silo-soulfood-hostel-meetings.basel-hotels.net\/fr\/","MinRate":"63","BookingReviews":{"ReviewsCount":"1065","ReviewScore":89,"OriginalScore":89,"AvgMarkName":"Excellent","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=silo-souldfood-hostel-meetings;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i8539450-s116642-n28-silo_design_boutique_hostel_basel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Excellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"Exceptionnel","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9,"ScoreMessage":"Excellent","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.1,"ScoreMessage":"Emplacement magnifique","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement magnifique. Il a une note de 8.1 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"Exceptionnel","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.7,"ScoreMessage":"Prix magnifique","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un prix magnifique. Il a une note de 8.7 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"1.8 km","Type":"City Center"},{"TypeID":"1","Distance":"88.5 km","Type":"Airport"}],"CurrencyPrice":"63","AvailID":"1892322793"},{"ID":"411094","HotelID":"411094","Name":"Basel Youth Hostel","Address":"Maja Sacher-Platz 10, B\u00e2le, Suisse","Stars":"2","Latitude":"47.5541556700011","Longitude":"7.60181754827499","AvgMark":"42","ReviewCount":"1903","AvgMarkName":"Excellent","Photos":["15712\/1571295\/1571295740.JPEG","15415\/1541528\/1541528974.JPEG","15415\/1541529\/1541529535.JPEG","15415\/1541529\/1541529583.JPEG","15415\/1541529\/1541529736.JPEG","15415\/1541529\/1541529739.JPEG"],"HotelURL":"https:\/\/youth-hostel-basel.basel-hotels.net\/fr\/","MinRate":"52","BookingReviews":{"ReviewsCount":"1903","ReviewScore":85,"OriginalScore":85,"AvgMarkName":"Excellent","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=youh-hostel-st-alban;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i411094-s116642-n28-basel_youth_hostel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.8,"ScoreMessage":"Exceptionnel","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.6,"ScoreMessage":"Exceptionnel","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.6,"ScoreMessage":"Exceptionnel","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.6,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.1,"ScoreMessage":"Emplacement excellent","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement excellent. Il a une note de 9.1 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":8.5,"ScoreMessage":"Exceptionnel","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.2,"ScoreMessage":"Prix magnifique","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un prix magnifique. Il a une note de 8.2 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"800 m","Type":"City Center"},{"TypeID":"1","Distance":"87.7 km","Type":"Airport"}],"CurrencyPrice":"52","AvailID":"1892322796"},{"ID":"279189","HotelID":"279189","Name":"Basel Backpack","Address":"Dornacherstrasse 192, B\u00e2le, Suisse","Stars":"2","Latitude":"47.54172","Longitude":"7.59315","AvgMark":"41","ReviewCount":"2731","AvgMarkName":"Excellent","Photos":["2677\/267736\/267736897.JPEG","7619\/761927\/761927347.JPEG","7619\/761925\/761925958.JPEG","7619\/761926\/761926150.JPEG","7619\/761926\/761926531.JPEG","6331\/633115\/633115146.JPEG"],"HotelURL":"https:\/\/basel-backpack.basel-hotels.net\/fr\/","MinRate":"32","BookingReviews":{"ReviewsCount":"2731","ReviewScore":83,"OriginalScore":83,"AvgMarkName":"Tr\u00e8s bien","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=baselbackpack;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i279189-s116642-n28-basel_backpack"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.5,"ScoreMessage":"Exceptionnel","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.3,"ScoreMessage":"Exceptionnel","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.2,"ScoreMessage":"Exceptionnel","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.8,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.7,"ScoreMessage":"Emplacement magnifique","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement magnifique. Il a une note de 8.7 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":8.2,"ScoreMessage":"Exceptionnel","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.4,"ScoreMessage":"Prix magnifique","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un prix magnifique. Il a une note de 8.4 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"1.8 km","Type":"City Center"},{"TypeID":"1","Distance":"87.5 km","Type":"Airport"}],"CurrencyPrice":"32","AvailID":"1892322800"},{"ID":"126887","HotelID":"126887","Name":"Becozy Boutique Self Check-in&Pop-up Hotel Basel","Address":"Klingentalstrasse 1, B\u00e2le, Suisse","Stars":"3","Latitude":"47.56323918","Longitude":"7.5923118","AvgMark":"32","ReviewCount":"1779","AvgMarkName":"Bien","Photos":["12914\/1291489\/1291489465.JPEG","12954\/1295421\/1295421814.JPEG","12954\/1295427\/1295427781.JPEG","12954\/1295439\/1295439091.JPEG","11758\/1175877\/1175877262.JPEG","11781\/1178128\/1178128039.JPEG"],"HotelURL":"https:\/\/basilisk.basel-hotels.net\/fr\/","MinRate":"109","BookingReviews":{"ReviewsCount":"1779","ReviewScore":64,"OriginalScore":64,"AvgMarkName":"Agr\u00e9able","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=basilisk;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i126887-s116642-n28-becozy_self_check_in_pop_up_hotel_basel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":7.1,"ScoreMessage":"Tr\u00e8s bien","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":7,"ScoreMessage":"Tr\u00e8s bien","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":6.7,"ScoreMessage":"Agr\u00e9able","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":7.9,"ScoreMessage":"Tr\u00e8s bien","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.5,"ScoreMessage":"Emplacement magnifique","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement magnifique. Il a une note de 8.5 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":6.6,"ScoreMessage":"Agr\u00e9able","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":7,"ScoreMessage":"Tr\u00e8s bon prix","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un tr\u00e8s bon prix. Il a une note de 7 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"700 m","Type":"City Center"},{"TypeID":"1","Distance":"90.3 km","Type":"Airport"}],"CurrencyPrice":"109","AvailID":"1892322804"},{"ID":"23012673","HotelID":"23012673","Name":"Limehome Basel Muenzgasse","Address":"Muenzgasse 12, B\u00e2le, Suisse","Stars":"0","Latitude":"47.55732","Longitude":"7.58676","AvgMark":"43","ReviewCount":"326","AvgMarkName":"Excellent","Photos":["16196\/1619673\/1619673854.JPEG","16196\/1619673\/1619673558.JPEG","16196\/1619673\/1619673597.JPEG","16196\/1619673\/1619673583.JPEG","16196\/1619673\/1619673785.JPEG","16196\/1619673\/1619673796.JPEG"],"HotelURL":"https:\/\/limehome-muenzgasse.basel-hotels.net\/fr\/","MinRate":"113","BookingReviews":{"ReviewsCount":"333","ReviewScore":86,"OriginalScore":86,"AvgMarkName":"Excellent","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=limehome-basel-munzgasse;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i23012673-s116642-n28-limehome_basel_m_nzgasse"},"Distances":[{"TypeID":"0","Distance":"500 m","Type":"City Center"},{"TypeID":"1","Distance":"89.5 km","Type":"Airport"}],"CurrencyPrice":"113","AvailID":"1892322808"}],"2":[{"ID":"826933","HotelID":"826933","Name":"Guesthouse Casa Esperanza Basel","Address":"Kembserweg 16, B\u00e2le, Suisse","Stars":"0","Latitude":"47.56127","Longitude":"7.57173","AvgMark":"45","ReviewCount":"594","AvgMarkName":"Excellent","Photos":["10358\/1035890\/1035890209.JPEG","2583\/258323\/258323985.JPEG","10358\/1035892\/1035892018.JPEG","4176\/417653\/417653154.JPEG","10358\/1035893\/1035893011.JPEG","2583\/258323\/258323925.JPEG"],"HotelURL":"https:\/\/casa-esperanza.basel-hotels.net\/fr\/","MinRate":"73","BookingReviews":{"ReviewsCount":"594","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"Exceptionnel","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=casa-esperanza;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i826933-s116642-n28-guesthouse_casa_esperanza_basel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.4,"ScoreMessage":"Excellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Excellent","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.7,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.2,"ScoreMessage":"Emplacement excellent","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement excellent. Il a une note de 9.2 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.2,"ScoreMessage":"Prix excellent","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un prix excellent. Il a une note de 9.2 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"1.7 km","Type":"City Center"},{"TypeID":"1","Distance":"89.8 km","Type":"Airport"}],"CurrencyPrice":"73","AvailID":"1892346364"},{"ID":"23012673","HotelID":"23012673","Name":"Limehome Basel Muenzgasse","Address":"Muenzgasse 12, B\u00e2le, Suisse","Stars":"0","Latitude":"47.55732","Longitude":"7.58676","AvgMark":"43","ReviewCount":"326","AvgMarkName":"Excellent","Photos":["16196\/1619673\/1619673854.JPEG","16196\/1619673\/1619673558.JPEG","16196\/1619673\/1619673597.JPEG","16196\/1619673\/1619673583.JPEG","16196\/1619673\/1619673785.JPEG","16196\/1619673\/1619673796.JPEG"],"HotelURL":"https:\/\/limehome-muenzgasse.basel-hotels.net\/fr\/","MinRate":"113","BookingReviews":{"ReviewsCount":"333","ReviewScore":86,"OriginalScore":86,"AvgMarkName":"Excellent","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=limehome-basel-munzgasse;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i23012673-s116642-n28-limehome_basel_m_nzgasse"},"Distances":[{"TypeID":"0","Distance":"500 m","Type":"City Center"},{"TypeID":"1","Distance":"89.5 km","Type":"Airport"}],"CurrencyPrice":"113","AvailID":"1892346366"},{"ID":"279189","HotelID":"279189","Name":"Basel Backpack","Address":"Dornacherstrasse 192, B\u00e2le, Suisse","Stars":"2","Latitude":"47.54172","Longitude":"7.59315","AvgMark":"41","ReviewCount":"2731","AvgMarkName":"Excellent","Photos":["2677\/267736\/267736897.JPEG","7619\/761927\/761927347.JPEG","7619\/761925\/761925958.JPEG","7619\/761926\/761926150.JPEG","7619\/761926\/761926531.JPEG","6331\/633115\/633115146.JPEG"],"HotelURL":"https:\/\/basel-backpack.basel-hotels.net\/fr\/","MinRate":"32","BookingReviews":{"ReviewsCount":"2731","ReviewScore":83,"OriginalScore":83,"AvgMarkName":"Tr\u00e8s bien","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=baselbackpack;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i279189-s116642-n28-basel_backpack"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.5,"ScoreMessage":"Exceptionnel","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.3,"ScoreMessage":"Exceptionnel","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.2,"ScoreMessage":"Exceptionnel","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.8,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.7,"ScoreMessage":"Emplacement magnifique","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement magnifique. Il a une note de 8.7 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":8.2,"ScoreMessage":"Exceptionnel","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.4,"ScoreMessage":"Prix magnifique","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un prix magnifique. Il a une note de 8.4 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"1.8 km","Type":"City Center"},{"TypeID":"1","Distance":"87.5 km","Type":"Airport"}],"CurrencyPrice":"32","AvailID":"1892346370"},{"ID":"209068","HotelID":"209068","Name":"Hotel Alexander","Address":"Riehenring 83\/85, B\u00e2le, Suisse","Stars":"3","Latitude":"47.564642","Longitude":"7.59826099999998","AvgMark":"40","ReviewCount":"1237","AvgMarkName":"Bien","Photos":["15308\/1530819\/1530819451.JPEG","15308\/1530819\/1530819490.JPEG","15308\/1530822\/1530822544.JPEG","10674\/1067449\/1067449987.JPEG","10374\/1037462\/1037462173.JPEG","10374\/1037464\/1037464372.JPEG"],"HotelURL":"https:\/\/alexander-basel.basel-hotels.net\/fr\/","MinRate":"284","BookingReviews":{"ReviewsCount":"1237","ReviewScore":81,"OriginalScore":81,"AvgMarkName":"Tr\u00e8s bien","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=alexander-basel;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i209068-s116642-n28-hotel_alexander"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.8,"ScoreMessage":"Exceptionnel","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.7,"ScoreMessage":"Exceptionnel","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.3,"ScoreMessage":"Exceptionnel","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.4,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9,"ScoreMessage":"Emplacement excellent","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement excellent. Il a une note de 9 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":8.4,"ScoreMessage":"Exceptionnel","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.3,"ScoreMessage":"Prix magnifique","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un prix magnifique. Il a une note de 8.3 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"1 km","Type":"City Center"},{"TypeID":"1","Distance":"89.8 km","Type":"Airport"}],"CurrencyPrice":"284","AvailID":"1892346376"},{"ID":"11320516","HotelID":"11320516","Name":"B&B Hotel Basel","Address":"St Jacobs Strasse 195, B\u00e2le, Suisse","Stars":"3","Latitude":"47.5453","Longitude":"7.609492","AvgMark":"38","ReviewCount":"8309","AvgMarkName":"Bien","Photos":["10914\/1091467\/1091467554.JPEG","12479\/1247919\/1247919478.JPEG","12479\/1247933\/1247933167.JPEG","12479\/1247938\/1247938882.JPEG","12479\/1247940\/1247940493.JPEG","12479\/1247961\/1247961058.JPEG"],"HotelURL":"https:\/\/bb-hotel-basel.basel-hotels.net\/fr\/","MinRate":"121","BookingReviews":{"ReviewsCount":"8309","ReviewScore":77,"OriginalScore":77,"AvgMarkName":"Bien","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=b-amp-b-basel;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i11320516-s116642-n28-b_b_hotel_basel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.3,"ScoreMessage":"Exceptionnel","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.1,"ScoreMessage":"Exceptionnel","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":7.9,"ScoreMessage":"Tr\u00e8s bien","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.3,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":7.7,"ScoreMessage":"Tr\u00e8s bon emplacement","Message":"Cette propri\u00e9t\u00e9 dispose de un tr\u00e8s bon emplacement. Il a une note de 7.7 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":7.8,"ScoreMessage":"Tr\u00e8s bien","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":7.8,"ScoreMessage":"Tr\u00e8s bon prix","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un tr\u00e8s bon prix. Il a une note de 7.8 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"1.9 km","Type":"City Center"},{"TypeID":"1","Distance":"86.5 km","Type":"Airport"}],"CurrencyPrice":"121","AvailID":"1892346379"},{"ID":"364137","HotelID":"364137","Name":"B-Smart Motel Basel","Address":"Kuechengasse 13, B\u00e2le, Suisse","Stars":"3","Latitude":"47.54842","Longitude":"7.58919","AvgMark":"37","ReviewCount":"2017","AvgMarkName":"Bien","Photos":["14987\/1498766\/1498766782.JPEG","16182\/1618273\/1618273521.JPEG","7586\/758698\/758698162.JPEG","7586\/758699\/758699593.JPEG","7587\/758700\/758700880.JPEG","7627\/762797\/762797335.JPEG"],"HotelURL":"https:\/\/hotel-helvetia-basel.basel-hotels.net\/fr\/","MinRate":"138","BookingReviews":{"ReviewsCount":"2017","ReviewScore":74,"OriginalScore":74,"AvgMarkName":"Bien","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=helvetia-basel;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i364137-s116642-n28-b_smart_motel_basel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8,"ScoreMessage":"Exceptionnel","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":7.9,"ScoreMessage":"Tr\u00e8s bien","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":7.5,"ScoreMessage":"Tr\u00e8s bien","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.6,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.1,"ScoreMessage":"Emplacement excellent","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement excellent. Il a une note de 9.1 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":7.4,"ScoreMessage":"Tr\u00e8s bien","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":7.6,"ScoreMessage":"Tr\u00e8s bon prix","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un tr\u00e8s bon prix. Il a une note de 7.6 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"1.1 km","Type":"City Center"},{"TypeID":"1","Distance":"87.9 km","Type":"Airport"}],"CurrencyPrice":"138","AvailID":"1892346381"}]},"vocabs":{"1":{"from_to_price":"6 meilleurs h\u00f4tels disponibles entre 32US$ et 113US$ s\u00e9lectionn\u00e9s par nos r\u00e9dacteurs pour ses excellentes critiques, ses emplacements pratiques et ses bons rapports qualit\u00e9-prix.","from_to_price_main_page":"4 meilleurs h\u00f4tels disponibles entre 32US$ et 113US$ s\u00e9lectionn\u00e9s par nos r\u00e9dacteurs pour ses excellentes critiques, ses emplacements pratiques et ses bons rapports qualit\u00e9-prix."},"2":{"from_to_price":"6 meilleurs h\u00f4tels disponibles entre 32US$ et 284US$ s\u00e9lectionn\u00e9s par nos r\u00e9dacteurs pour ses excellentes critiques, ses emplacements pratiques et ses bons rapports qualit\u00e9-prix.","from_to_price_main_page":"4 meilleurs h\u00f4tels disponibles entre 32US$ et 284US$ s\u00e9lectionn\u00e9s par nos r\u00e9dacteurs pour ses excellentes critiques, ses emplacements pratiques et ses bons rapports qualit\u00e9-prix."}}},"3":{"date":{"From":"2024-12-27","To":"2024-12-29","FromDM":"27.12","ToDM":"29.12","TextDM":"Options pour le 27.12-29.12","DayVocab":"Ce week-end"},"data":{"1":[{"ID":"8539450","HotelID":"8539450","Name":"SILO design&boutique hostel Basel","Address":"Signalstrasse 37 - 39, B\u00e2le, Suisse","Stars":"2","Latitude":"47.57111","Longitude":"7.60297","AvgMark":"44","ReviewCount":"1065","AvgMarkName":"Excellent","Photos":["15000\/1500056\/1500056791.JPEG","15543\/1554328\/1554328915.JPEG","15000\/1500056\/1500056767.JPEG","15543\/1554328\/1554328912.JPEG","15055\/1505589\/1505589160.JPEG","15000\/1500056\/1500056611.JPEG"],"HotelURL":"https:\/\/silo-soulfood-hostel-meetings.basel-hotels.net\/fr\/","MinRate":"63","BookingReviews":{"ReviewsCount":"1065","ReviewScore":89,"OriginalScore":89,"AvgMarkName":"Excellent","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=silo-souldfood-hostel-meetings;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i8539450-s116642-n28-silo_design_boutique_hostel_basel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Excellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"Exceptionnel","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9,"ScoreMessage":"Excellent","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.1,"ScoreMessage":"Emplacement magnifique","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement magnifique. Il a une note de 8.1 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"Exceptionnel","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.7,"ScoreMessage":"Prix magnifique","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un prix magnifique. Il a une note de 8.7 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"1.8 km","Type":"City Center"},{"TypeID":"1","Distance":"88.5 km","Type":"Airport"}],"CurrencyPrice":"63","AvailID":"1892323023"},{"ID":"411094","HotelID":"411094","Name":"Basel Youth Hostel","Address":"Maja Sacher-Platz 10, B\u00e2le, Suisse","Stars":"2","Latitude":"47.5541556700011","Longitude":"7.60181754827499","AvgMark":"42","ReviewCount":"1903","AvgMarkName":"Excellent","Photos":["15712\/1571295\/1571295740.JPEG","15415\/1541528\/1541528974.JPEG","15415\/1541529\/1541529535.JPEG","15415\/1541529\/1541529583.JPEG","15415\/1541529\/1541529736.JPEG","15415\/1541529\/1541529739.JPEG"],"HotelURL":"https:\/\/youth-hostel-basel.basel-hotels.net\/fr\/","MinRate":"52","BookingReviews":{"ReviewsCount":"1903","ReviewScore":85,"OriginalScore":85,"AvgMarkName":"Excellent","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=youh-hostel-st-alban;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i411094-s116642-n28-basel_youth_hostel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.8,"ScoreMessage":"Exceptionnel","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.6,"ScoreMessage":"Exceptionnel","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.6,"ScoreMessage":"Exceptionnel","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.6,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.1,"ScoreMessage":"Emplacement excellent","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement excellent. Il a une note de 9.1 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":8.5,"ScoreMessage":"Exceptionnel","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.2,"ScoreMessage":"Prix magnifique","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un prix magnifique. Il a une note de 8.2 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"800 m","Type":"City Center"},{"TypeID":"1","Distance":"87.7 km","Type":"Airport"}],"CurrencyPrice":"52","AvailID":"1892323028"},{"ID":"279189","HotelID":"279189","Name":"Basel Backpack","Address":"Dornacherstrasse 192, B\u00e2le, Suisse","Stars":"2","Latitude":"47.54172","Longitude":"7.59315","AvgMark":"41","ReviewCount":"2731","AvgMarkName":"Excellent","Photos":["2677\/267736\/267736897.JPEG","7619\/761927\/761927347.JPEG","7619\/761925\/761925958.JPEG","7619\/761926\/761926150.JPEG","7619\/761926\/761926531.JPEG","6331\/633115\/633115146.JPEG"],"HotelURL":"https:\/\/basel-backpack.basel-hotels.net\/fr\/","MinRate":"32","BookingReviews":{"ReviewsCount":"2731","ReviewScore":83,"OriginalScore":83,"AvgMarkName":"Tr\u00e8s bien","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=baselbackpack;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i279189-s116642-n28-basel_backpack"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.5,"ScoreMessage":"Exceptionnel","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.3,"ScoreMessage":"Exceptionnel","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.2,"ScoreMessage":"Exceptionnel","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.8,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.7,"ScoreMessage":"Emplacement magnifique","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement magnifique. Il a une note de 8.7 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":8.2,"ScoreMessage":"Exceptionnel","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.4,"ScoreMessage":"Prix magnifique","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un prix magnifique. Il a une note de 8.4 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"1.8 km","Type":"City Center"},{"TypeID":"1","Distance":"87.5 km","Type":"Airport"}],"CurrencyPrice":"32","AvailID":"1892323034"},{"ID":"126887","HotelID":"126887","Name":"Becozy Boutique Self Check-in&Pop-up Hotel Basel","Address":"Klingentalstrasse 1, B\u00e2le, Suisse","Stars":"3","Latitude":"47.56323918","Longitude":"7.5923118","AvgMark":"32","ReviewCount":"1779","AvgMarkName":"Bien","Photos":["12914\/1291489\/1291489465.JPEG","12954\/1295421\/1295421814.JPEG","12954\/1295427\/1295427781.JPEG","12954\/1295439\/1295439091.JPEG","11758\/1175877\/1175877262.JPEG","11781\/1178128\/1178128039.JPEG"],"HotelURL":"https:\/\/basilisk.basel-hotels.net\/fr\/","MinRate":"109","BookingReviews":{"ReviewsCount":"1779","ReviewScore":64,"OriginalScore":64,"AvgMarkName":"Agr\u00e9able","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=basilisk;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i126887-s116642-n28-becozy_self_check_in_pop_up_hotel_basel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":7.1,"ScoreMessage":"Tr\u00e8s bien","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":7,"ScoreMessage":"Tr\u00e8s bien","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":6.7,"ScoreMessage":"Agr\u00e9able","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":7.9,"ScoreMessage":"Tr\u00e8s bien","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.5,"ScoreMessage":"Emplacement magnifique","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement magnifique. Il a une note de 8.5 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":6.6,"ScoreMessage":"Agr\u00e9able","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":7,"ScoreMessage":"Tr\u00e8s bon prix","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un tr\u00e8s bon prix. Il a une note de 7 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"700 m","Type":"City Center"},{"TypeID":"1","Distance":"90.3 km","Type":"Airport"}],"CurrencyPrice":"109","AvailID":"1892323037"},{"ID":"826933","HotelID":"826933","Name":"Guesthouse Casa Esperanza Basel","Address":"Kembserweg 16, B\u00e2le, Suisse","Stars":"0","Latitude":"47.56127","Longitude":"7.57173","AvgMark":"45","ReviewCount":"594","AvgMarkName":"Excellent","Photos":["10358\/1035890\/1035890209.JPEG","2583\/258323\/258323985.JPEG","10358\/1035892\/1035892018.JPEG","4176\/417653\/417653154.JPEG","10358\/1035893\/1035893011.JPEG","2583\/258323\/258323925.JPEG"],"HotelURL":"https:\/\/casa-esperanza.basel-hotels.net\/fr\/","MinRate":"73","BookingReviews":{"ReviewsCount":"594","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"Exceptionnel","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=casa-esperanza;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i826933-s116642-n28-guesthouse_casa_esperanza_basel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.4,"ScoreMessage":"Excellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Excellent","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.7,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.2,"ScoreMessage":"Emplacement excellent","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement excellent. Il a une note de 9.2 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.2,"ScoreMessage":"Prix excellent","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un prix excellent. Il a une note de 9.2 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"1.7 km","Type":"City Center"},{"TypeID":"1","Distance":"89.8 km","Type":"Airport"}],"CurrencyPrice":"73","AvailID":"1892323042"},{"ID":"126881","HotelID":"126881","Name":"Central City Hotel Rochat","Address":"Petersgraben 23, B\u00e2le, Suisse","Stars":"3","Latitude":"47.55958","Longitude":"7.58455","AvgMark":"43","ReviewCount":"3377","AvgMarkName":"Excellent","Photos":["15983\/1598395\/1598395122.JPEG","15801\/1580146\/1580146988.JPEG","15983\/1598395\/1598395094.JPEG","14987\/1498719\/1498719904.JPEG","14987\/1498720\/1498720201.JPEG","14987\/1498720\/1498720216.JPEG"],"HotelURL":"https:\/\/hotel-rochat.basel-hotels.net\/fr\/","MinRate":"191","BookingReviews":{"ReviewsCount":"3377","ReviewScore":87,"OriginalScore":87,"AvgMarkName":"Excellent","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=rochat;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i126881-s116642-n28-central_city_hotel_rochat"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Excellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.7,"ScoreMessage":"Exceptionnel","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.9,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.4,"ScoreMessage":"Emplacement excellent","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement excellent. Il a une note de 9.4 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":8.7,"ScoreMessage":"Exceptionnel","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.7,"ScoreMessage":"Prix magnifique","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un prix magnifique. Il a une note de 8.7 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"700 m","Type":"City Center"},{"TypeID":"1","Distance":"89.9 km","Type":"Airport"}],"CurrencyPrice":"191","AvailID":"1892323046"}],"2":[{"ID":"826933","HotelID":"826933","Name":"Guesthouse Casa Esperanza Basel","Address":"Kembserweg 16, B\u00e2le, Suisse","Stars":"0","Latitude":"47.56127","Longitude":"7.57173","AvgMark":"45","ReviewCount":"594","AvgMarkName":"Excellent","Photos":["10358\/1035890\/1035890209.JPEG","2583\/258323\/258323985.JPEG","10358\/1035892\/1035892018.JPEG","4176\/417653\/417653154.JPEG","10358\/1035893\/1035893011.JPEG","2583\/258323\/258323925.JPEG"],"HotelURL":"https:\/\/casa-esperanza.basel-hotels.net\/fr\/","MinRate":"73","BookingReviews":{"ReviewsCount":"594","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"Exceptionnel","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=casa-esperanza;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i826933-s116642-n28-guesthouse_casa_esperanza_basel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.4,"ScoreMessage":"Excellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Excellent","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.7,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.2,"ScoreMessage":"Emplacement excellent","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement excellent. Il a une note de 9.2 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.2,"ScoreMessage":"Prix excellent","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un prix excellent. Il a une note de 9.2 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"1.7 km","Type":"City Center"},{"TypeID":"1","Distance":"89.8 km","Type":"Airport"}],"CurrencyPrice":"73","AvailID":"1892346952"},{"ID":"23012673","HotelID":"23012673","Name":"Limehome Basel Muenzgasse","Address":"Muenzgasse 12, B\u00e2le, Suisse","Stars":"0","Latitude":"47.55732","Longitude":"7.58676","AvgMark":"43","ReviewCount":"326","AvgMarkName":"Excellent","Photos":["16196\/1619673\/1619673854.JPEG","16196\/1619673\/1619673558.JPEG","16196\/1619673\/1619673597.JPEG","16196\/1619673\/1619673583.JPEG","16196\/1619673\/1619673785.JPEG","16196\/1619673\/1619673796.JPEG"],"HotelURL":"https:\/\/limehome-muenzgasse.basel-hotels.net\/fr\/","MinRate":"113","BookingReviews":{"ReviewsCount":"333","ReviewScore":86,"OriginalScore":86,"AvgMarkName":"Excellent","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=limehome-basel-munzgasse;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i23012673-s116642-n28-limehome_basel_m_nzgasse"},"Distances":[{"TypeID":"0","Distance":"500 m","Type":"City Center"},{"TypeID":"1","Distance":"89.5 km","Type":"Airport"}],"CurrencyPrice":"113","AvailID":"1892346956"},{"ID":"279189","HotelID":"279189","Name":"Basel Backpack","Address":"Dornacherstrasse 192, B\u00e2le, Suisse","Stars":"2","Latitude":"47.54172","Longitude":"7.59315","AvgMark":"41","ReviewCount":"2731","AvgMarkName":"Excellent","Photos":["2677\/267736\/267736897.JPEG","7619\/761927\/761927347.JPEG","7619\/761925\/761925958.JPEG","7619\/761926\/761926150.JPEG","7619\/761926\/761926531.JPEG","6331\/633115\/633115146.JPEG"],"HotelURL":"https:\/\/basel-backpack.basel-hotels.net\/fr\/","MinRate":"32","BookingReviews":{"ReviewsCount":"2731","ReviewScore":83,"OriginalScore":83,"AvgMarkName":"Tr\u00e8s bien","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=baselbackpack;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i279189-s116642-n28-basel_backpack"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.5,"ScoreMessage":"Exceptionnel","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.3,"ScoreMessage":"Exceptionnel","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.2,"ScoreMessage":"Exceptionnel","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.8,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.7,"ScoreMessage":"Emplacement magnifique","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement magnifique. Il a une note de 8.7 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":8.2,"ScoreMessage":"Exceptionnel","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.4,"ScoreMessage":"Prix magnifique","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un prix magnifique. Il a une note de 8.4 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"1.8 km","Type":"City Center"},{"TypeID":"1","Distance":"87.5 km","Type":"Airport"}],"CurrencyPrice":"32","AvailID":"1892346960"},{"ID":"209068","HotelID":"209068","Name":"Hotel Alexander","Address":"Riehenring 83\/85, B\u00e2le, Suisse","Stars":"3","Latitude":"47.564642","Longitude":"7.59826099999998","AvgMark":"40","ReviewCount":"1237","AvgMarkName":"Bien","Photos":["15308\/1530819\/1530819451.JPEG","15308\/1530819\/1530819490.JPEG","15308\/1530822\/1530822544.JPEG","10674\/1067449\/1067449987.JPEG","10374\/1037462\/1037462173.JPEG","10374\/1037464\/1037464372.JPEG"],"HotelURL":"https:\/\/alexander-basel.basel-hotels.net\/fr\/","MinRate":"284","BookingReviews":{"ReviewsCount":"1237","ReviewScore":81,"OriginalScore":81,"AvgMarkName":"Tr\u00e8s bien","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=alexander-basel;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i209068-s116642-n28-hotel_alexander"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.8,"ScoreMessage":"Exceptionnel","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.7,"ScoreMessage":"Exceptionnel","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.3,"ScoreMessage":"Exceptionnel","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.4,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9,"ScoreMessage":"Emplacement excellent","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement excellent. Il a une note de 9 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":8.4,"ScoreMessage":"Exceptionnel","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.3,"ScoreMessage":"Prix magnifique","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un prix magnifique. Il a une note de 8.3 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"1 km","Type":"City Center"},{"TypeID":"1","Distance":"89.8 km","Type":"Airport"}],"CurrencyPrice":"284","AvailID":"1892346965"},{"ID":"11693169","HotelID":"11693169","Name":"Visionapartments Basel Nauenstrasse - Contactless Check-In","Address":"55 Nauenstrasse, B\u00e2le, Suisse","Stars":"0","Latitude":"47.54739","Longitude":"7.59383","AvgMark":"40","ReviewCount":"5251","AvgMarkName":"Bien","Photos":["13109\/1310976\/1310976076.JPEG","15869\/1586933\/1586933617.JPEG","15367\/1536740\/1536740947.JPEG","15388\/1538802\/1538802946.JPEG","15561\/1556130\/1556130721.JPEG","13109\/1310976\/1310976064.JPEG"],"HotelURL":"https:\/\/visionapartments-basel-nauenstrasse.basel-hotels.net\/fr\/","MinRate":"126","BookingReviews":{"ReviewsCount":"5254","ReviewScore":80,"OriginalScore":80,"AvgMarkName":"Tr\u00e8s bien","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=visionapartments-basel-nauenstrasse;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i11693169-s116642-n28-visionapartments_basel_nauenstrasse_contactless_check_in"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.6,"ScoreMessage":"Exceptionnel","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.6,"ScoreMessage":"Exceptionnel","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.5,"ScoreMessage":"Exceptionnel","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.9,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9,"ScoreMessage":"Emplacement excellent","Message":"Cette propri\u00e9t\u00e9 dispose de un emplacement excellent. Il a une note de 9 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":8.2,"ScoreMessage":"Exceptionnel","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.4,"ScoreMessage":"Prix magnifique","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un prix magnifique. Il a une note de 8.4 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"1.2 km","Type":"City Center"},{"TypeID":"1","Distance":"87.2 km","Type":"Airport"}],"CurrencyPrice":"126","AvailID":"1892346969"},{"ID":"11320516","HotelID":"11320516","Name":"B&B Hotel Basel","Address":"St Jacobs Strasse 195, B\u00e2le, Suisse","Stars":"3","Latitude":"47.5453","Longitude":"7.609492","AvgMark":"38","ReviewCount":"8309","AvgMarkName":"Bien","Photos":["10914\/1091467\/1091467554.JPEG","12479\/1247919\/1247919478.JPEG","12479\/1247933\/1247933167.JPEG","12479\/1247938\/1247938882.JPEG","12479\/1247940\/1247940493.JPEG","12479\/1247961\/1247961058.JPEG"],"HotelURL":"https:\/\/bb-hotel-basel.basel-hotels.net\/fr\/","MinRate":"121","BookingReviews":{"ReviewsCount":"8309","ReviewScore":77,"OriginalScore":77,"AvgMarkName":"Bien","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=b-amp-b-basel;cc1=ch;lang=fr;label=click_rev-bn-20241227_032916-i11320516-s116642-n28-b_b_hotel_basel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.3,"ScoreMessage":"Exceptionnel","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.1,"ScoreMessage":"Exceptionnel","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":7.9,"ScoreMessage":"Tr\u00e8s bien","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.3,"ScoreMessage":"Exceptionnel","Message":null},"5":{"TypeID":"5","Type":"Location","Score":7.7,"ScoreMessage":"Tr\u00e8s bon emplacement","Message":"Cette propri\u00e9t\u00e9 dispose de un tr\u00e8s bon emplacement. Il a une note de 7.7 sur 10 pour l'emplacement selon les commentaires des visiteurs. Ce doit \u00eatre un endroit commode pour y rester !"},"6":{"TypeID":"6","Type":"Total","Score":7.8,"ScoreMessage":"Tr\u00e8s bien","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":7.8,"ScoreMessage":"Tr\u00e8s bon prix","Message":"Selon les commentaires des visiteurs, ce lieu jouit de un tr\u00e8s bon prix. Il a une note de 7.8 sur 10 pour le rapport qualit\u00e9-prix. \u00c7a doit \u00eatre une bonne affaire !"}},"Distances":[{"TypeID":"0","Distance":"1.9 km","Type":"City Center"},{"TypeID":"1","Distance":"86.5 km","Type":"Airport"}],"CurrencyPrice":"121","AvailID":"1892346974"}]},"vocabs":{"1":{"from_to_price":"6 meilleurs h\u00f4tels disponibles entre 32US$ et 191US$ s\u00e9lectionn\u00e9s par nos r\u00e9dacteurs pour ses excellentes critiques, ses emplacements pratiques et ses bons rapports qualit\u00e9-prix.","from_to_price_main_page":"4 meilleurs h\u00f4tels disponibles entre 32US$ et 191US$ s\u00e9lectionn\u00e9s par nos r\u00e9dacteurs pour ses excellentes critiques, ses emplacements pratiques et ses bons rapports qualit\u00e9-prix."},"2":{"from_to_price":"6 meilleurs h\u00f4tels disponibles entre 32US$ et 284US$ s\u00e9lectionn\u00e9s par nos r\u00e9dacteurs pour ses excellentes critiques, ses emplacements pratiques et ses bons rapports qualit\u00e9-prix.","from_to_price_main_page":"4 meilleurs h\u00f4tels disponibles entre 32US$ et 284US$ s\u00e9lectionn\u00e9s par nos r\u00e9dacteurs pour ses excellentes critiques, ses emplacements pratiques et ses bons rapports qualit\u00e9-prix."}}}}, hotels_tonight_subtitles: { 1: "La 1 meilleure offre a été soigneusement sélectionnée par nos rédacteurs en fonction de l'évaluation des clients et des avis des experts locaux.", 2: "Les 2 meilleures offres ont été soigneusement sélectionnées par nos rédacteurs en fonction de l'évaluation des clients et des avis des experts locaux.", 3: "Les 3 meilleures offres ont été soigneusement sélectionnées par nos rédacteurs en fonction de l'évaluation des clients et des avis des experts locaux.", 4: "Les 4 meilleures offres ont été soigneusement sélectionnées par nos rédacteurs en fonction de l'évaluation des clients et des avis des experts locaux.", 5: "Les 5 meilleures offres ont été soigneusement sélectionnées par nos rédacteurs en fonction de l'évaluation des clients et des avis des experts locaux.", 6: "Les 6 meilleures offres ont été soigneusement sélectionnées par nos rédacteurs en fonction de l'évaluation des clients et des avis des experts locaux.", 7: "Les 7 meilleures offres ont été soigneusement sélectionnées par nos rédacteurs en fonction de l'évaluation des clients et des avis des experts locaux.", 8: "Les 8 meilleures offres ont été soigneusement sélectionnées par nos rédacteurs en fonction de l'évaluation des clients et des avis des experts locaux.", 9: "Les 9 meilleures offres ont été soigneusement sélectionnées par nos rédacteurs en fonction de l'évaluation des clients et des avis des experts locaux.", 10: "Les 10 meilleures offres ont été soigneusement sélectionnées par nos rédacteurs en fonction de l'évaluation des clients et des avis des experts locaux.", 11: "Les 11 meilleures offres ont été soigneusement sélectionnées par nos rédacteurs en fonction de l'évaluation des clients et des avis des experts locaux.", 12: "Les 12 meilleures offres ont été soigneusement sélectionnées par nos rédacteurs en fonction de l'évaluation des clients et des avis des experts locaux.", 13: "Les 13 meilleures offres ont été soigneusement sélectionnées par nos rédacteurs en fonction de l'évaluation des clients et des avis des experts locaux.", 14: "Les 14 meilleures offres ont été soigneusement sélectionnées par nos rédacteurs en fonction de l'évaluation des clients et des avis des experts locaux.", 15: "Les 15 meilleures offres ont été soigneusement sélectionnées par nos rédacteurs en fonction de l'évaluation des clients et des avis des experts locaux.", 16: "Les 16 meilleures offres ont été soigneusement sélectionnées par nos rédacteurs en fonction de l'évaluation des clients et des avis des experts locaux.", 17: "Les 17 meilleures offres ont été soigneusement sélectionnées par nos rédacteurs en fonction de l'évaluation des clients et des avis des experts locaux.", 18: "Les 18 meilleures offres ont été soigneusement sélectionnées par nos rédacteurs en fonction de l'évaluation des clients et des avis des experts locaux.", } } travel.opts.device = 3 </script> <script type="text/javascript"> window.travel = window.travel || {}; travel.options = { page:'main', frontPage:'main', typeObject:'destination', currencyId:'1', languageId:'3', language:'fr', isRtl: false , currentDay:'26', currentMonth:'12', currentYear:'2024', logId: '2685355693', track: 've1N3bjxM4KNDPmR', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.basel-hotels.net', siteId:'116642', nid:'28', siteDomain: 'basel-hotels.net', isCountriesLanguages: false , tob: false , currency:'US$', currencyRate:'1', objectId:'18820', hotelTheme:'9001', clickTrip: { destinationType: "city", cityId: "-2551183", subAccount: "dest-clicktrip-n28-271224-s116642-wve1N3bjxM4KNDPmR-d9001-dc3" }, cityID: 18820, cityLocalName: "Basel", mapParameters: { mapProvider:'2', mapKey:'' ,hotelLatitude:'47.557493' ,hotelLongitude:'7.591101' ,cityCenterLatitude: '47557421' ,cityCenterLongitude: '7592573' }, availableParams: { use:'0', dataFrom:'2024-12-27', dataTo:'2024-12-28', 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:'j438s1e4v58', stopSpamValue:'f5eef15242599c6fb13cbdcf31e07c91', }; </script> <script type="text/javascript"> var _paq = _paq || []; _paq.push(["setCookieDomain", "*.basel-hotels.net"]); _paq.push(["setDomains", ["*.basel-hotels.net"]]); _paq.push(['enableLinkTracking']); _paq.push(['setTrackerUrl', '/piwik.php']); _paq.push(['setSiteId', 116642]); _paq.push(['setCustomVariable', 1, 'btest', '0', 'visit']); _paq.push(['setCustomVariable', 1, 'language', 'fr', 'page']); _paq.push(['trackPageView']); </script> <script async src="/piwik.js"></script> <noscript><p><img src="/piwik.php?idsite=116642" style="border:0;" alt="" /></p></noscript> <script defer type="module" src="/new/designs/90/build/destination-vendors/script.59831ce87fd39b935a30eaaf1a999d05.js"></script> <script defer type="module" src="/new/designs/90/build/destination/script.59831ce87fd39b935a30eaaf1a999d05.js"></script> <script nomodule src="/new/designs/90/build/destination-vendors/script-es5.85103111cef8184eeac58b18b61c23f5.js"></script> <script nomodule src="/new/designs/90/build/destination/script-es5.85103111cef8184eeac58b18b61c23f5.js"></script> </body> </html>