{"id":2921,"date":"2025-06-08T19:50:36","date_gmt":"2025-06-08T19:50:36","guid":{"rendered":"https:\/\/hotahotels.com\/?page_id=2921"},"modified":"2025-08-18T20:10:49","modified_gmt":"2025-08-18T20:10:49","slug":"porrentruy","status":"publish","type":"page","link":"https:\/\/hotahotels.com\/en\/hota-loisirs\/porrentruy\/","title":{"rendered":"Hota Loisirs &amp; Culture &#8211; Porrentruy"},"content":{"rendered":"\n<section class=\"relative overflow-hidden hero-section z-40\">\n\n                <img src='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/Porrentruy-Chateau-\u00a9Reto-Duriet-small.jpg' srcset='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/Porrentruy-Chateau-\u00a9Reto-Duriet-small-300x200.jpg 300w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/Porrentruy-Chateau-\u00a9Reto-Duriet-small-768x512.jpg 768w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/Porrentruy-Chateau-\u00a9Reto-Duriet-small-15x10.jpg 15w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/Porrentruy-Chateau-\u00a9Reto-Duriet-small-200x133.jpg 200w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/Porrentruy-Chateau-\u00a9Reto-Duriet-small.jpg 800w' alt='' class='absolute object-cover min-h-full min-w-full z-[-2] top-0 bottom-0 m-auto'  >        <div class=\"absolute hero-degrade w-full h-full z-[-1] \"><\/div>\n\n         \n    <div class=\"absolute z-[10] w-full pt-10\">\n        <div class=\"sizing-medium pt-header-height-mobile sm:pt-header-height-desktop mx-auto\">\n            <div class=\"select-menu\">\n                <div class=\"select border border-solid border-white px-16 py-5 text-white\">\n                    <span>Porrentruy<\/span>                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\">\n                    <path d=\"M12 16.8459L4.5 9.3459L5.55 8.2959L12 14.7459L18.45 8.2959L19.5 9.3459L12 16.8459Z\" fill=\"white\"\/>\n                    <\/svg>\n                <\/div>\n                <div class=\"options-list\">\n                                                      <div class=\"option text-white text-16\">\n                                    <a href=\"https:\/\/hotahotels.com\/en\/hota-loisirs\/\" class=\"px-16 py-5 block\">\n                                      Hota Hotels                                    <\/a>\n                                  <\/div>\n                                                                                                            <div class=\"option text-white text-16\">\n                                    <a href=\"https:\/\/hotahotels.com\/en\/hota-loisirs\/saint-imier\/\" class=\"px-16 py-5 block\">\n                                      Saint-Imier                                    <\/a>\n                                  <\/div>\n                                                                      <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n        \n\n        <div class=\"sizing-medium flex flex-col justify-center lg:min-h-screen  text-white pt-header-height-mobile sm:pt-header-height-desktop\">\n        <div class=\"max-w-[50rem] max-sm:pt-100 py-60\">\n\n                        \n                                        <h1 class=\"mb-20 title-effect font-regular\" data-aos=\"fade-up\" data-aos-duration=\"700\"><p><strong>Hota<\/strong><br \/>\n<strong>Leisure &amp; Culture<\/strong><br \/>\nPorrentruy<\/p>\n<\/h1>\n            \n                        \n                                        <div class=\"subtitle-effect\">\n                    <div class=\"mb-40\" data-aos=\"fade-up\" data-aos-duration=\"700\" data-aos-delay=\"500\">Our concept was born of a deep-seated desire to promote the regions, their heritage and their history. We act as a showcase, highlighting their assets and letting them shine.<\/div>\n                <\/div>\n            \n                        <div class=\"flex flex-wrap items-center\" data-aos=\"fade-up\" data-aos-duration=\"700\" data-aos-delay=\"500\">\n                                    \n        <button type=\"button\" class=\"mb-20 mr-40 scroll-down inline-flex items-center justify-between transition-colors duration-fast\n                    border-b py-6\n                    bg-transparent text-white border-transparent\n                    hover:bg-transparent hover:text-white hover:border-accent\n                    active:bg-transparent active:text-accent active:border-accent\n                    disabled:bg-transparent disabled:text-grey-dark disabled:border-grey\" id=\"\" >\n        \n        <span>Discover<\/span>\n\n                            <span class=\"ml-14\">\n                \n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-12\" viewBox=\"3 2 10 12\">\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\" class=\"arrow-1\"><\/path>\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\" class=\"arrow-2\"><\/path>\n<\/svg>\n\n<!-- <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-12\">\n<path d=\"M9 3L8.285 3.6965L12.075 7.5H2V8.5H12.075L8.285 12.2865L9 13L14 8L9 3Z\" fill=\"currentColor\"\/>\n<\/svg> -->\n            <\/span>\n        \n            <\/button>\n                \n                <div class=\"mb-20 mr-40\">\n                                    <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n                <div class=\"top-0 w-full flex z-hero-colored-bar bars-section fixed\">\n            <div class=\"w-full h-10 bg-porrentruy\"><\/div>\n        <\/div>\n    \n        \n\n<header id=\"header\" class=\"top-10 header-transparent  absolute  z-hero-colored-bar left-0 right-0 w-full bg-transparent text-white border-b border-white\">\n    <div class=\"sizing-large 2xl:sizing-medium h-header-height-mobile sm:h-header-height-desktop flex items-center justify-end\">\n\n                <div class=\"mr-auto\">\n            <a href=\"https:\/\/hotahotels.com\/en\/\">\n                                    <img decoding=\"async\" class=\"w-80 sm:w-120\" src=\"https:\/\/hotahotels.com\/wp-content\/uploads\/2023\/03\/Logo-white.svg\" alt=\"Logo de Hota Hotels\" \/>\n                            <\/a>\n        <\/div>\n\n                <nav id=\"nav-desktop\" class=\"max-xl:hidden flex items-center h-full\">\n\n                                        <ul id=\"menu-menu-principal-en\" class=\"links-wrapper h-full menu\"><li id=\"menu-item-2317\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2317 table-caption h-full\"><a class=\"menu-item border-b py-6\nbg-transparent text-white border-transparent\nhover:bg-transparent hover:text-white hover:border-accent\nactive:bg-transparent \ndisabled:bg-transparent disabled:text-grey-dark disabled:border-grey transition-colors duration-fast flex flex-col justify-center items-center h-full\">Destinations<\/a><ul class=\"sub-menu\"><li id=\"menu-item-3227\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3227 table-caption h-full\"><a href=\"https:\/\/hotahotels.com\/en\/hotel\/porrentruy\/\" class=\"menu-item border-b py-6\nbg-transparent text-white border-transparent\nhover:bg-transparent hover:text-white hover:border-accent\nactive:bg-transparent \ndisabled:bg-transparent disabled:text-grey-dark disabled:border-grey transition-colors duration-fast flex flex-col justify-center items-center h-full\">Porrentruy<\/a><\/li><li id=\"menu-item-2318\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2318 table-caption h-full\"><a href=\"https:\/\/hotahotels.com\/en\/hotel\/saint-imier\/\" class=\"menu-item border-b py-6\nbg-transparent text-white border-transparent\nhover:bg-transparent hover:text-white hover:border-accent\nactive:bg-transparent \ndisabled:bg-transparent disabled:text-grey-dark disabled:border-grey transition-colors duration-fast flex flex-col justify-center items-center h-full\">Saint-Imier<\/a><\/li><\/ul><\/li><li id=\"menu-item-2319\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2319 table-caption h-full\"><a class=\"menu-item border-b py-6\nbg-transparent text-white border-transparent\nhover:bg-transparent hover:text-white hover:border-accent\nactive:bg-transparent \ndisabled:bg-transparent disabled:text-grey-dark disabled:border-grey transition-colors duration-fast flex flex-col justify-center items-center h-full\">Experiences<\/a><ul class=\"sub-menu\"><li id=\"menu-item-4126\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4126 table-caption h-full\"><a href=\"https:\/\/hotahotels.com\/en\/package-hota-bike\/\" class=\"menu-item border-b py-6\nbg-transparent text-white border-transparent\nhover:bg-transparent hover:text-white hover:border-accent\nactive:bg-transparent \ndisabled:bg-transparent disabled:text-grey-dark disabled:border-grey transition-colors duration-fast flex flex-col justify-center items-center h-full\">Package Hota Bike<\/a><\/li><li id=\"menu-item-2320\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2320 table-caption h-full\"><a href=\"https:\/\/hotahotels.com\/en\/hota-bike\/\" class=\"menu-item border-b py-6\nbg-transparent text-white border-transparent\nhover:bg-transparent hover:text-white hover:border-accent\nactive:bg-transparent \ndisabled:bg-transparent disabled:text-grey-dark disabled:border-grey transition-colors duration-fast flex flex-col justify-center items-center h-full\">Hota Bike<\/a><\/li><li id=\"menu-item-2321\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2321 table-caption h-full\"><a href=\"https:\/\/hotahotels.com\/en\/hota-sports\/\" class=\"menu-item border-b py-6\nbg-transparent text-white border-transparent\nhover:bg-transparent hover:text-white hover:border-accent\nactive:bg-transparent \ndisabled:bg-transparent disabled:text-grey-dark disabled:border-grey transition-colors duration-fast flex flex-col justify-center items-center h-full\">Hota Sports<\/a><\/li><li id=\"menu-item-2516\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2516 table-caption h-full\"><a href=\"https:\/\/hotahotels.com\/en\/hota-loisirs\/\" class=\"menu-item border-b py-6\nbg-transparent text-white border-transparent\nhover:bg-transparent hover:text-white hover:border-accent\nactive:bg-transparent \ndisabled:bg-transparent disabled:text-grey-dark disabled:border-grey transition-colors duration-fast flex flex-col justify-center items-center h-full\">Hota Leisure &#038; Culture<\/a><\/li><li id=\"menu-item-2517\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2517 table-caption h-full\"><a href=\"https:\/\/hotahotels.com\/en\/hota-epicurien\/\" class=\"menu-item border-b py-6\nbg-transparent text-white border-transparent\nhover:bg-transparent hover:text-white hover:border-accent\nactive:bg-transparent \ndisabled:bg-transparent disabled:text-grey-dark disabled:border-grey transition-colors duration-fast flex flex-col justify-center items-center h-full\">Hota Epicurean<\/a><\/li><\/ul><\/li><li id=\"menu-item-2322\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2322 table-caption h-full\"><a href=\"https:\/\/hotahotels.com\/en\/hota-chambres\/\" class=\"menu-item border-b py-6\nbg-transparent text-white border-transparent\nhover:bg-transparent hover:text-white hover:border-accent\nactive:bg-transparent \ndisabled:bg-transparent disabled:text-grey-dark disabled:border-grey transition-colors duration-fast flex flex-col justify-center items-center h-full\">Rooms<\/a><\/li><li id=\"menu-item-2518\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2518 table-caption h-full\"><a href=\"https:\/\/hotahotels.com\/en\/hotahotels-x-groupes\/\" class=\"menu-item border-b py-6\nbg-transparent text-white border-transparent\nhover:bg-transparent hover:text-white hover:border-accent\nactive:bg-transparent \ndisabled:bg-transparent disabled:text-grey-dark disabled:border-grey transition-colors duration-fast flex flex-col justify-center items-center h-full\">Groups<\/a><\/li><li id=\"menu-item-3778\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3778 table-caption h-full\"><a href=\"https:\/\/hotahotels.com\/en\/hota-events\/\" class=\"menu-item border-b py-6\nbg-transparent text-white border-transparent\nhover:bg-transparent hover:text-white hover:border-accent\nactive:bg-transparent \ndisabled:bg-transparent disabled:text-grey-dark disabled:border-grey transition-colors duration-fast flex flex-col justify-center items-center h-full\">Events<\/a><\/li><\/ul>            \n                        \n\n        <button type=\"button\" class=\"ml-40 inline-flex items-center justify-between transition-colors duration-fast\n                    border rounded-5 px-24 py-12\n                    bg-transparent text-white border-white\n                    hover:bg-transparent hover:text-accent hover:border-accent\n                    active:bg-accent-light active:text-accent active:border-accent\n                    disabled:bg-grey disabled:text-grey-dark disabled:border-grey\" id=\"\" onclick='window.clockPmsWbeShow({\"submit\":true})'>\n        \n        <span>Book<\/span>\n\n                    <span class=\"ml-24\">\n                \n<!-- <svg viewBox=\"0 0 18 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n    <path d=\"M-2.18557e-07 6L16 6M16 6L10.5299 1M16 6L10.5299 11\" stroke=\"currentColor\" stroke-width=\"2\" \/>\n<\/svg> -->\n\n<!-- <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n<path d=\"M9 3L8.285 3.6965L12.075 7.5H2V8.5H12.075L8.285 12.2865L9 13L14 8L9 3Z\" fill=\"currentColor\"\/>\n<\/svg> -->\n\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18 -rotate-90 h-14\" viewBox=\"3 2 10 12\">\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\"><\/path>\n<\/svg>            <\/span>\n                \n            <\/button>\n\n                        <div class=\"lang-selector-wrapper desktop\">\n                \n<div\n\t role=\"navigation\" aria-label=\"Language Switcher\" class=\"wpml-ls-statics-shortcode_actions wpml-ls wpml-ls-legacy-dropdown js-wpml-ls-legacy-dropdown\">\n\t<ul>\n\t\t<li class=\"wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-en wpml-ls-current-language wpml-ls-item-legacy-dropdown\">\n\t\t\t\t\t\t\t\t\t<a href=\"#\" hreflang=\"en\" lang=\"en\" class=\"js-wpml-ls-item-toggle wpml-ls-item-toggle\" aria-current=\"page\" aria-expanded=\"false\" aria-controls=\"wpml-ls-submenu-default\" aria-label=\"EN \u2013 Language switcher, press tab to navigate to other languages\" title=\"Switch to EN\">\n\t\t\t\t<span class=\"wpml-ls-native\">EN<\/span><\/a>\n\n\t\t\t<ul id=\"wpml-ls-submenu-default\" class=\"wpml-ls-sub-menu\">\n\t\t\t\t\n\t\t\t\t\t<li class=\"wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-fr wpml-ls-first-item\">\n\t\t\t\t\t\t<a href=\"https:\/\/hotahotels.com\/\" hreflang=\"fr\" lang=\"fr\" class=\"wpml-ls-link\" aria-label=\"Switch to FR\" title=\"Switch to FR\">\n\t\t\t\t\t\t\t<span class=\"wpml-ls-native\">FR<\/span><\/a>\n\t\t\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t\t\t<li class=\"wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-de\">\n\t\t\t\t\t\t<a href=\"https:\/\/hotahotels.com\/de\/\" hreflang=\"de\" lang=\"de\" class=\"wpml-ls-link\" aria-label=\"Switch to DE\" title=\"Switch to DE\">\n\t\t\t\t\t\t\t<span class=\"wpml-ls-native\">DE<\/span><\/a>\n\t\t\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t\t\t<li class=\"wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-it wpml-ls-last-item\">\n\t\t\t\t\t\t<a href=\"https:\/\/hotahotels.com\/it\/\" hreflang=\"it\" lang=\"it\" class=\"wpml-ls-link\" aria-label=\"Switch to IT\" title=\"Switch to IT\">\n\t\t\t\t\t\t\t<span class=\"wpml-ls-native\">IT<\/span><\/a>\n\t\t\t\t\t<\/li>\n\n\t\t\t\t\t\t\t<\/ul>\n\n\t\t<\/li>\n\n\t<\/ul>\n<\/div>\n            <\/div>\n        <\/nav>\n\n        \n                <button type=\"button\" class=\"xl:hidden flex items-center open-menu\">\n            <span class=\"font-medium mr-8\">Menu<\/span>\n            <span class=\"inline-block w-24 h-12 border-y-[3px] border-white\"><\/span>\n        <\/button>\n    <\/div>\n<\/header>\n<\/section>\n\n<section class=\"py-section-height-mobile sm:py-section-height-desktop bg-porrentruy-2 block-text\" >\n  <div class=\"sizing-medium\">\n    <div class=\"grid md:grid-cols-10 xl:gap-20\">\n      <div class=\"xl:col-span-6 md:col-span-9\">\n                          <div class=\"subtitle-effect\">\n            <h2 class=\"text-primary font-regular text-38\" data-aos=\"fade-up\" data-aos-duration=\"700\">Gastronomy and culinary experiences around Hota Hotels<\/h2>\n          <\/div>\n        \n                        <div class=\"pt-24 text-primary-opacity-60 text-16\" data-aos=\"fade-up\" data-aos-duration=\"700\"><p>Gastronomy and culinary experiences around Hota Hotels<\/p>\n<p>Hota Hotels actively works with regional tourist offices to share the best local experiences.<\/p>\n<p>Our teams are happy to share their knowledge and advise you on your visits to our hotels&#8217; regions.<\/p>\n<p>Are you already looking for leisure &amp; culture in the Hota Hotels regions ?<\/p>\n<\/div>\n              <\/div>\n          <\/div>\n    <hr class=\"border-t border-solid border-secondary-opacity-20 mt-40\" data-aos=\"fade-up\" data-aos-duration=\"700\"\/>\n\n    \n  <\/div>\n<\/section>\n\n\n<section class=\"py-section-height-mobile sm:py-section-height-desktop bg-white overflow-hidden\">\n\t<div class=\"sizing-medium\">\n\n\t\t\t\t\t\t\t<h2 class=\"text-primary mb-16\" data-aos=\"fade-up\" data-aos-duration=\"700\">Leisure<\/h2>\n\t\t\n    \t\t\t\t\t<div class=\"text-primary-opacity-60 sm:text-38 text-24 leading-12\" data-aos=\"fade-up\" data-aos-duration=\"700\">Our favourites in Porrentruy<\/div>\n\t\t\n    <div class=\"flex flex-row flex-wrap gap-24\">\n                    <div class=\"pt-16 text-primary-opacity-60 max-w-[46rem] flex flex-col justify-center description_experience\" data-aos=\"fade-up\" data-aos-duration=\"700\"><p>For all your leisure activities, visit : <a href=\"https:\/\/www.j3l.ch\/fr\/Z10589\/sport-loisirs?regionFilters[]=3\" target=\"_blank\" rel=\"noopener\">J3L<\/a><\/p>\n<\/div>\n      \n                    <div class=\"pt-16\" data-aos=\"fade-up\" data-aos-duration=\"700\">\n            <img decoding=\"async\" src=\"https:\/\/hotahotels.com\/wp-content\/uploads\/2024\/04\/Frame.svg\" class=\"w-auto h-full object-cover object-center max-h-[60px]\" alt=\"\" \/>        <\/div>\n          <\/div>\n\n\t\t\n\n\t\t\t\t<div class=\"pt-68\">\n\t\t\t<div class=\"swiper-rooms !overflow-visible !z-0\">\n\t\t\t\t<div class=\"swiper-wrapper overflow-visible swiper-cursor\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide rounded-b-[2px] overflow-hidden bg-porrentruy-2\" data-aos=\"fade-up\" data-aos-duration=\"700\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"item w-full h-full flex justify-end flex-col\">\n\t\t\t\t\t\t\t\t<div class=\"w-full h-full flex flex-col rounded-[2px] bg-slider group\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-full h-10 bg-porrentruy\"><\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex mt-20 px-20 gap-10 flex-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n    <div class=\"w-fit min-w-110 text-center rounded-full py-8 px-10 text-porrentruy bg-porrentruy-3  \">\n        Porrentruy    <\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"text-porrentruy\">\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"px-20 mt-20 text-28 leading-12\">Circuit secret &#8211; Porrentruy<\/h3>\n                    \t\t\t\t\t\t\t\t\t\t<p class=\"px-20 mt-20\">Armed with a digital key, visitors can access several unusual spots in the castle and the old town, some of which are brought to life with sound and light shows.\r\n\r\nThe activity can also be booked with a guide.<\/p>\n                    \t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t                  \t\t\t\t\t\t\t\t\t<div class=\"w-full mt-auto aspect-video pt-60\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"relative w-full h-full overflow-hidden\">\n\t\t\t\t\t\t\t\t\t\t\t<img src='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000.jpg' srcset='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-300x200.jpg 300w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-1024x684.jpg 1024w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-768x513.jpg 768w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-1536x1026.jpg 1536w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-15x10.jpg 15w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-200x134.jpg 200w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000.jpg 2000w' alt='' class='absolute inset-0 m-auto object-cover object-center min-h-full min-w-full'  >                      <div class=\"h-full justify-end flex flex-col rounded-b-[2px]\" >\n                        <div class=\"w-full h-full opacity-0 transition-opacity duration-fast  group-hover:opacity-50 bg-black\"><\/div>\n                        <div class=\"p-20 text-white pb-20 absolute translate-y-52 group-hover:translate-y-0 transition-transform duration-fast\">\n                            <div class=\"translate-y-20 group-hover:translate-y-0 transition-transform duration-fast\">\n                              \n\n    <a href=\"https:\/\/www.j3l.ch\/fr\/P33659\/a-faire\/culture-musees\/patrimoine-culturel\/circuit-secret-porrentruy\" target=\"\" class=\" inline-flex items-center justify-between transition-colors duration-fast\n                    border rounded-5 px-24 py-12\n                    bg-transparent text-white border-white\n                    hover:bg-transparent hover:text-accent hover:border-accent\n                    active:bg-accent-light active:text-accent active:border-accent\n                    disabled:bg-grey disabled:text-grey-dark disabled:border-grey\" id=\"\">\n    \n        <span>&#8230;<\/span>\n\n                    <span class=\"ml-24\">\n                \n<!-- <svg viewBox=\"0 0 18 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n    <path d=\"M-2.18557e-07 6L16 6M16 6L10.5299 1M16 6L10.5299 11\" stroke=\"currentColor\" stroke-width=\"2\" \/>\n<\/svg> -->\n\n<!-- <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n<path d=\"M9 3L8.285 3.6965L12.075 7.5H2V8.5H12.075L8.285 12.2865L9 13L14 8L9 3Z\" fill=\"currentColor\"\/>\n<\/svg> -->\n\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18 -rotate-90 h-14\" viewBox=\"3 2 10 12\">\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\"><\/path>\n<\/svg>            <\/span>\n                \n            <\/a>\n                            <\/div>\n                        <\/div>\n                      <\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n                  \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide rounded-b-[2px] overflow-hidden bg-porrentruy-2\" data-aos=\"fade-up\" data-aos-duration=\"700\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"item w-full h-full flex justify-end flex-col\">\n\t\t\t\t\t\t\t\t<div class=\"w-full h-full flex flex-col rounded-[2px] bg-slider group\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-full h-10 bg-porrentruy\"><\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex mt-20 px-20 gap-10 flex-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n    <div class=\"w-fit min-w-110 text-center rounded-full py-8 px-10 text-porrentruy bg-porrentruy-3  \">\n        Porrentruy    <\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"text-porrentruy\">\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"px-20 mt-20 text-28 leading-12\">\u00d4 Vergers d&#8217;Ajoie<\/h3>\n                    \t\t\t\t\t\t\t\t\t\t<p class=\"px-20 mt-20\">\u00d4 Vergers d\u2019Ajoie offers a range of interactive and multi-sensory activities for families, groups, and professionals. \r\n\r\nIt retraces the journey of a fruit brandy, a syrup, or a jam from the blossoming of the orchards all the way to the consumer\u2019s palate.<\/p>\n                    \t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t                  \t\t\t\t\t\t\t\t\t<div class=\"w-full mt-auto aspect-video pt-60\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"relative w-full h-full overflow-hidden\">\n\t\t\t\t\t\t\t\t\t\t\t<img src='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/o-verger-d-ajoie_2000.jpg' srcset='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/o-verger-d-ajoie_2000-300x200.jpg 300w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/o-verger-d-ajoie_2000-1024x684.jpg 1024w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/o-verger-d-ajoie_2000-768x513.jpg 768w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/o-verger-d-ajoie_2000-1536x1025.jpg 1536w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/o-verger-d-ajoie_2000-15x10.jpg 15w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/o-verger-d-ajoie_2000-200x134.jpg 200w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/o-verger-d-ajoie_2000.jpg 2000w' alt='' class='absolute inset-0 m-auto object-cover object-center min-h-full min-w-full'  >                      <div class=\"h-full justify-end flex flex-col rounded-b-[2px]\" >\n                        <div class=\"w-full h-full opacity-0 transition-opacity duration-fast  group-hover:opacity-50 bg-black\"><\/div>\n                        <div class=\"p-20 text-white pb-20 absolute translate-y-52 group-hover:translate-y-0 transition-transform duration-fast\">\n                            <div class=\"translate-y-20 group-hover:translate-y-0 transition-transform duration-fast\">\n                              \n\n    <a href=\"https:\/\/www.j3l.ch\/fr\/P35817\/a-faire\/culture-musees\/musees\/o-vergers-d-ajoie\" target=\"\" class=\" inline-flex items-center justify-between transition-colors duration-fast\n                    border rounded-5 px-24 py-12\n                    bg-transparent text-white border-white\n                    hover:bg-transparent hover:text-accent hover:border-accent\n                    active:bg-accent-light active:text-accent active:border-accent\n                    disabled:bg-grey disabled:text-grey-dark disabled:border-grey\" id=\"\">\n    \n        <span>&#8230;<\/span>\n\n                    <span class=\"ml-24\">\n                \n<!-- <svg viewBox=\"0 0 18 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n    <path d=\"M-2.18557e-07 6L16 6M16 6L10.5299 1M16 6L10.5299 11\" stroke=\"currentColor\" stroke-width=\"2\" \/>\n<\/svg> -->\n\n<!-- <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n<path d=\"M9 3L8.285 3.6965L12.075 7.5H2V8.5H12.075L8.285 12.2865L9 13L14 8L9 3Z\" fill=\"currentColor\"\/>\n<\/svg> -->\n\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18 -rotate-90 h-14\" viewBox=\"3 2 10 12\">\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\"><\/path>\n<\/svg>            <\/span>\n                \n            <\/a>\n                            <\/div>\n                        <\/div>\n                      <\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n                  \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide rounded-b-[2px] overflow-hidden bg-porrentruy-2\" data-aos=\"fade-up\" data-aos-duration=\"700\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"item w-full h-full flex justify-end flex-col\">\n\t\t\t\t\t\t\t\t<div class=\"w-full h-full flex flex-col rounded-[2px] bg-slider group\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-full h-10 bg-porrentruy\"><\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex mt-20 px-20 gap-10 flex-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n    <div class=\"w-fit min-w-110 text-center rounded-full py-8 px-10 text-porrentruy bg-porrentruy-3  \">\n        Porrentruy    <\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"text-porrentruy\">\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"px-20 mt-20 text-28 leading-12\">Caves of R\u00e9cl\u00e8re<\/h3>\n                    \t\t\t\t\t\t\t\t\t\t<p class=\"px-20 mt-20\">Located west of Porrentruy, on the edge of Ajoie, the caves of R\u00e9cl\u00e8re rank among the most remarkable natural wonders in Switzerland.<\/p>\n                    \t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t                  \t\t\t\t\t\t\t\t\t<div class=\"w-full mt-auto aspect-video pt-60\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"relative w-full h-full overflow-hidden\">\n\t\t\t\t\t\t\t\t\t\t\t<img src='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/the-caves-of-reclere_2000.jpg' srcset='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/the-caves-of-reclere_2000-300x215.jpg 300w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/the-caves-of-reclere_2000-1024x735.jpg 1024w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/the-caves-of-reclere_2000-768x551.jpg 768w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/the-caves-of-reclere_2000-1536x1103.jpg 1536w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/the-caves-of-reclere_2000-15x11.jpg 15w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/the-caves-of-reclere_2000-200x144.jpg 200w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/the-caves-of-reclere_2000.jpg 2000w' alt='' class='absolute inset-0 m-auto object-cover object-center min-h-full min-w-full'  >                      <div class=\"h-full justify-end flex flex-col rounded-b-[2px]\" >\n                        <div class=\"w-full h-full opacity-0 transition-opacity duration-fast  group-hover:opacity-50 bg-black\"><\/div>\n                        <div class=\"p-20 text-white pb-20 absolute translate-y-52 group-hover:translate-y-0 transition-transform duration-fast\">\n                            <div class=\"translate-y-20 group-hover:translate-y-0 transition-transform duration-fast\">\n                              \n\n    <a href=\"https:\/\/www.j3l.ch\/fr\/P33247\/lieux\/sites-naturels\/grottes-de-reclere\" target=\"\" class=\" inline-flex items-center justify-between transition-colors duration-fast\n                    border rounded-5 px-24 py-12\n                    bg-transparent text-white border-white\n                    hover:bg-transparent hover:text-accent hover:border-accent\n                    active:bg-accent-light active:text-accent active:border-accent\n                    disabled:bg-grey disabled:text-grey-dark disabled:border-grey\" id=\"\">\n    \n        <span>&#8230;<\/span>\n\n                    <span class=\"ml-24\">\n                \n<!-- <svg viewBox=\"0 0 18 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n    <path d=\"M-2.18557e-07 6L16 6M16 6L10.5299 1M16 6L10.5299 11\" stroke=\"currentColor\" stroke-width=\"2\" \/>\n<\/svg> -->\n\n<!-- <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n<path d=\"M9 3L8.285 3.6965L12.075 7.5H2V8.5H12.075L8.285 12.2865L9 13L14 8L9 3Z\" fill=\"currentColor\"\/>\n<\/svg> -->\n\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18 -rotate-90 h-14\" viewBox=\"3 2 10 12\">\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\"><\/path>\n<\/svg>            <\/span>\n                \n            <\/a>\n                            <\/div>\n                        <\/div>\n                      <\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n                  \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide rounded-b-[2px] overflow-hidden bg-porrentruy-2\" data-aos=\"fade-up\" data-aos-duration=\"700\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"item w-full h-full flex justify-end flex-col\">\n\t\t\t\t\t\t\t\t<div class=\"w-full h-full flex flex-col rounded-[2px] bg-slider group\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-full h-10 bg-porrentruy\"><\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex mt-20 px-20 gap-10 flex-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n    <div class=\"w-fit min-w-110 text-center rounded-full py-8 px-10 text-porrentruy bg-porrentruy-3  \">\n        Porrentruy    <\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"text-porrentruy\">\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"px-20 mt-20 text-28 leading-12\">Pr\u00e9histo-Parc of R\u00e9cl\u00e8re<\/h3>\n                    \t\t\t\t\t\t\t\t\t\t<p class=\"px-20 mt-20\">The Pr\u00e9histo-Parc of R\u00e9cl\u00e8re offers you a fascinating journey through time!<\/p>\n                    \t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t                  \t\t\t\t\t\t\t\t\t<div class=\"w-full mt-auto aspect-video pt-60\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"relative w-full h-full overflow-hidden\">\n\t\t\t\t\t\t\t\t\t\t\t<img src='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/prehisto-parc-reclere_2000.jpg' srcset='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/prehisto-parc-reclere_2000-300x200.jpg 300w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/prehisto-parc-reclere_2000-1024x682.jpg 1024w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/prehisto-parc-reclere_2000-768x512.jpg 768w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/prehisto-parc-reclere_2000-1536x1024.jpg 1536w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/prehisto-parc-reclere_2000-15x10.jpg 15w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/prehisto-parc-reclere_2000-200x133.jpg 200w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/prehisto-parc-reclere_2000.jpg 2000w' alt='' class='absolute inset-0 m-auto object-cover object-center min-h-full min-w-full'  >                      <div class=\"h-full justify-end flex flex-col rounded-b-[2px]\" >\n                        <div class=\"w-full h-full opacity-0 transition-opacity duration-fast  group-hover:opacity-50 bg-black\"><\/div>\n                        <div class=\"p-20 text-white pb-20 absolute translate-y-52 group-hover:translate-y-0 transition-transform duration-fast\">\n                            <div class=\"translate-y-20 group-hover:translate-y-0 transition-transform duration-fast\">\n                              \n\n    <a href=\"https:\/\/www.j3l.ch\/fr\/P33668\/a-faire\/sport-loisirs\/fun-aventure\/prehisto-parc\" target=\"\" class=\" inline-flex items-center justify-between transition-colors duration-fast\n                    border rounded-5 px-24 py-12\n                    bg-transparent text-white border-white\n                    hover:bg-transparent hover:text-accent hover:border-accent\n                    active:bg-accent-light active:text-accent active:border-accent\n                    disabled:bg-grey disabled:text-grey-dark disabled:border-grey\" id=\"\">\n    \n        <span>&#8230;<\/span>\n\n                    <span class=\"ml-24\">\n                \n<!-- <svg viewBox=\"0 0 18 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n    <path d=\"M-2.18557e-07 6L16 6M16 6L10.5299 1M16 6L10.5299 11\" stroke=\"currentColor\" stroke-width=\"2\" \/>\n<\/svg> -->\n\n<!-- <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n<path d=\"M9 3L8.285 3.6965L12.075 7.5H2V8.5H12.075L8.285 12.2865L9 13L14 8L9 3Z\" fill=\"currentColor\"\/>\n<\/svg> -->\n\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18 -rotate-90 h-14\" viewBox=\"3 2 10 12\">\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\"><\/path>\n<\/svg>            <\/span>\n                \n            <\/a>\n                            <\/div>\n                        <\/div>\n                      <\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n                  \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide rounded-b-[2px] overflow-hidden bg-porrentruy-2\" data-aos=\"fade-up\" data-aos-duration=\"700\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"item w-full h-full flex justify-end flex-col\">\n\t\t\t\t\t\t\t\t<div class=\"w-full h-full flex flex-col rounded-[2px] bg-slider group\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-full h-10 bg-porrentruy\"><\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex mt-20 px-20 gap-10 flex-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n    <div class=\"w-fit min-w-110 text-center rounded-full py-8 px-10 text-porrentruy bg-porrentruy-3  \">\n        Porrentruy    <\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"text-porrentruy\">\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"px-20 mt-20 text-28 leading-12\">Jurassica \u2013 Le Bann\u00e9 excavations<\/h3>\n                    \t\t\t\t\t\t\t\t\t\t<p class=\"px-20 mt-20\">Discover fossils dating back 152 million years?<\/p>\n                    \t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t                  \t\t\t\t\t\t\t\t\t<div class=\"w-full mt-auto aspect-video pt-60\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"relative w-full h-full overflow-hidden\">\n\t\t\t\t\t\t\t\t\t\t\t<img src='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/jurassica-excavations-at-the-banne_2000.jpg' srcset='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/jurassica-excavations-at-the-banne_2000-300x200.jpg 300w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/jurassica-excavations-at-the-banne_2000-1024x682.jpg 1024w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/jurassica-excavations-at-the-banne_2000-768x512.jpg 768w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/jurassica-excavations-at-the-banne_2000-1536x1024.jpg 1536w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/jurassica-excavations-at-the-banne_2000-15x10.jpg 15w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/jurassica-excavations-at-the-banne_2000-200x133.jpg 200w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/jurassica-excavations-at-the-banne_2000.jpg 2000w' alt='' class='absolute inset-0 m-auto object-cover object-center min-h-full min-w-full'  >                      <div class=\"h-full justify-end flex flex-col rounded-b-[2px]\" >\n                        <div class=\"w-full h-full opacity-0 transition-opacity duration-fast  group-hover:opacity-50 bg-black\"><\/div>\n                        <div class=\"p-20 text-white pb-20 absolute translate-y-52 group-hover:translate-y-0 transition-transform duration-fast\">\n                            <div class=\"translate-y-20 group-hover:translate-y-0 transition-transform duration-fast\">\n                              \n\n    <a href=\"https:\/\/www.j3l.ch\/fr\/P33385\/a-faire\/culture-musees\/patrimoine-culturel\/jurassica-fouilles-du-banne\" target=\"\" class=\" inline-flex items-center justify-between transition-colors duration-fast\n                    border rounded-5 px-24 py-12\n                    bg-transparent text-white border-white\n                    hover:bg-transparent hover:text-accent hover:border-accent\n                    active:bg-accent-light active:text-accent active:border-accent\n                    disabled:bg-grey disabled:text-grey-dark disabled:border-grey\" id=\"\">\n    \n        <span>&#8230;<\/span>\n\n                    <span class=\"ml-24\">\n                \n<!-- <svg viewBox=\"0 0 18 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n    <path d=\"M-2.18557e-07 6L16 6M16 6L10.5299 1M16 6L10.5299 11\" stroke=\"currentColor\" stroke-width=\"2\" \/>\n<\/svg> -->\n\n<!-- <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n<path d=\"M9 3L8.285 3.6965L12.075 7.5H2V8.5H12.075L8.285 12.2865L9 13L14 8L9 3Z\" fill=\"currentColor\"\/>\n<\/svg> -->\n\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18 -rotate-90 h-14\" viewBox=\"3 2 10 12\">\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\"><\/path>\n<\/svg>            <\/span>\n                \n            <\/a>\n                            <\/div>\n                        <\/div>\n                      <\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n                  \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide rounded-b-[2px] overflow-hidden bg-porrentruy-2\" data-aos=\"fade-up\" data-aos-duration=\"700\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"item w-full h-full flex justify-end flex-col\">\n\t\t\t\t\t\t\t\t<div class=\"w-full h-full flex flex-col rounded-[2px] bg-slider group\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-full h-10 bg-porrentruy\"><\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex mt-20 px-20 gap-10 flex-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n    <div class=\"w-fit min-w-110 text-center rounded-full py-8 px-10 text-porrentruy bg-porrentruy-3  \">\n        Porrentruy    <\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"text-porrentruy\">\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"px-20 mt-20 text-28 leading-12\">Secret tour \u2013 Porrentruy<\/h3>\n                    \t\t\t\t\t\t\t\t\t\t<p class=\"px-20 mt-20\">Equipped with a digital key, visitors can access several unusual spots in the castle and the old town, some of which are brought to life with sound and light shows. \r\n\r\nThe activity can also be booked with a guide.<\/p>\n                    \t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t                  \t\t\t\t\t\t\t\t\t<div class=\"w-full mt-auto aspect-video pt-60\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"relative w-full h-full overflow-hidden\">\n\t\t\t\t\t\t\t\t\t\t\t<img src='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000.jpg' srcset='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-300x200.jpg 300w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-1024x684.jpg 1024w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-768x513.jpg 768w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-1536x1026.jpg 1536w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-15x10.jpg 15w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-200x134.jpg 200w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000.jpg 2000w' alt='' class='absolute inset-0 m-auto object-cover object-center min-h-full min-w-full'  >                      <div class=\"h-full justify-end flex flex-col rounded-b-[2px]\" >\n                        <div class=\"w-full h-full opacity-0 transition-opacity duration-fast  group-hover:opacity-50 bg-black\"><\/div>\n                        <div class=\"p-20 text-white pb-20 absolute translate-y-52 group-hover:translate-y-0 transition-transform duration-fast\">\n                            <div class=\"translate-y-20 group-hover:translate-y-0 transition-transform duration-fast\">\n                              \n\n    <a href=\"https:\/\/www.j3l.ch\/fr\/P33659\/a-faire\/culture-musees\/patrimoine-culturel\/circuit-secret-porrentruy\" target=\"\" class=\" inline-flex items-center justify-between transition-colors duration-fast\n                    border rounded-5 px-24 py-12\n                    bg-transparent text-white border-white\n                    hover:bg-transparent hover:text-accent hover:border-accent\n                    active:bg-accent-light active:text-accent active:border-accent\n                    disabled:bg-grey disabled:text-grey-dark disabled:border-grey\" id=\"\">\n    \n        <span>&#8230;<\/span>\n\n                    <span class=\"ml-24\">\n                \n<!-- <svg viewBox=\"0 0 18 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n    <path d=\"M-2.18557e-07 6L16 6M16 6L10.5299 1M16 6L10.5299 11\" stroke=\"currentColor\" stroke-width=\"2\" \/>\n<\/svg> -->\n\n<!-- <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n<path d=\"M9 3L8.285 3.6965L12.075 7.5H2V8.5H12.075L8.285 12.2865L9 13L14 8L9 3Z\" fill=\"currentColor\"\/>\n<\/svg> -->\n\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18 -rotate-90 h-14\" viewBox=\"3 2 10 12\">\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\"><\/path>\n<\/svg>            <\/span>\n                \n            <\/a>\n                            <\/div>\n                        <\/div>\n                      <\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n                  \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide rounded-b-[2px] overflow-hidden bg-porrentruy-2\" data-aos=\"fade-up\" data-aos-duration=\"700\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"item w-full h-full flex justify-end flex-col\">\n\t\t\t\t\t\t\t\t<div class=\"w-full h-full flex flex-col rounded-[2px] bg-slider group\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-full h-10 bg-porrentruy\"><\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex mt-20 px-20 gap-10 flex-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n    <div class=\"w-fit min-w-110 text-center rounded-full py-8 px-10 text-porrentruy bg-porrentruy-3  \">\n        Porrentruy    <\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"text-porrentruy\">\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"px-20 mt-20 text-28 leading-12\">Horseback or pony ride \u2013 Bressaucourt<\/h3>\n                    \t\t\t\t\t\t\t\t\t\t<p class=\"px-20 mt-20\">The \u201c\u00c9curie des Couleurs\u201d riding school invites you to enjoy an unforgettable experience with ponies and horses: rides, introductory lessons, and equestrian camps.<\/p>\n                    \t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t                  \t\t\t\t\t\t\t\t\t<div class=\"w-full mt-auto aspect-video pt-60\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"relative w-full h-full overflow-hidden\">\n\t\t\t\t\t\t\t\t\t\t\t<img src='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/img-20211223-wa0004_2000.jpg' srcset='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/img-20211223-wa0004_2000-300x225.jpg 300w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/img-20211223-wa0004_2000-1024x768.jpg 1024w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/img-20211223-wa0004_2000-768x576.jpg 768w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/img-20211223-wa0004_2000-1536x1152.jpg 1536w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/img-20211223-wa0004_2000-15x11.jpg 15w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/img-20211223-wa0004_2000-200x150.jpg 200w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/img-20211223-wa0004_2000.jpg 2000w' alt='' class='absolute inset-0 m-auto object-cover object-center min-h-full min-w-full'  >                      <div class=\"h-full justify-end flex flex-col rounded-b-[2px]\" >\n                        <div class=\"w-full h-full opacity-0 transition-opacity duration-fast  group-hover:opacity-50 bg-black\"><\/div>\n                        <div class=\"p-20 text-white pb-20 absolute translate-y-52 group-hover:translate-y-0 transition-transform duration-fast\">\n                            <div class=\"translate-y-20 group-hover:translate-y-0 transition-transform duration-fast\">\n                              \n\n    <a href=\"https:\/\/www.j3l.ch\/fr\/P69531\/a-faire\/sport-loisirs\/cheval\/ecurie-des-couleurs#:~:text=L'%C3%89curie%20des%20Couleurs%20vous,Prix%3A%2010%20CHF%20par%20personne.\" target=\"\" class=\" inline-flex items-center justify-between transition-colors duration-fast\n                    border rounded-5 px-24 py-12\n                    bg-transparent text-white border-white\n                    hover:bg-transparent hover:text-accent hover:border-accent\n                    active:bg-accent-light active:text-accent active:border-accent\n                    disabled:bg-grey disabled:text-grey-dark disabled:border-grey\" id=\"\">\n    \n        <span>&#8230;<\/span>\n\n                    <span class=\"ml-24\">\n                \n<!-- <svg viewBox=\"0 0 18 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n    <path d=\"M-2.18557e-07 6L16 6M16 6L10.5299 1M16 6L10.5299 11\" stroke=\"currentColor\" stroke-width=\"2\" \/>\n<\/svg> -->\n\n<!-- <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n<path d=\"M9 3L8.285 3.6965L12.075 7.5H2V8.5H12.075L8.285 12.2865L9 13L14 8L9 3Z\" fill=\"currentColor\"\/>\n<\/svg> -->\n\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18 -rotate-90 h-14\" viewBox=\"3 2 10 12\">\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\"><\/path>\n<\/svg>            <\/span>\n                \n            <\/a>\n                            <\/div>\n                        <\/div>\n                      <\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n                  \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"mt-40\" data-aos=\"fade-up\" data-aos-duration=\"700\">\n\t\t\t<div class=\"relative\">\n\t\t\t\t<div class=\"flex flex-col-reverse sm:flex-end justify-between\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"flex flex-row lg:justify-end justify-start right-[0]\">\n\t\t\t\t\t\t<div class=\"swiper-button-prev swiper-button-prev-room\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n        <button type=\"button\" class=\" inline-flex items-center justify-center transition-colors duration-fast rounded-full w-44 h-44 border\n                    bg-transparent text-primary border-primary\n                    hover:bg-transparent hover:text-primary hover:border-primary\n                    active:bg-transparent active:text-primary active:border-primary\n                    disabled:bg-transparent disabled:text-primary disabled:border-primary\" id=\"\" aria-label=\"left\">\n        \n            <span>\n                \n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-12 rotate-90\" viewBox=\"3 2 10 12\">\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\" class=\"arrow-1\"><\/path>\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\" class=\"arrow-2\"><\/path>\n<\/svg>\n\n<!-- <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-12 rotate-90\">\n<path d=\"M9 3L8.285 3.6965L12.075 7.5H2V8.5H12.075L8.285 12.2865L9 13L14 8L9 3Z\" fill=\"currentColor\"\/>\n<\/svg> -->\n            <\/span>\n\n            <\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"swiper-button-next swiper-button-next-room ml-5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n        <button type=\"button\" class=\" inline-flex items-center justify-center transition-colors duration-fast rounded-full w-44 h-44 border\n                    bg-transparent text-primary border-primary\n                    hover:bg-transparent hover:text-primary hover:border-primary\n                    active:bg-transparent active:text-primary active:border-primary\n                    disabled:bg-transparent disabled:text-primary disabled:border-primary\" id=\"\" aria-label=\"right\">\n        \n            <span>\n                \n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-12 -rotate-90\" viewBox=\"3 2 10 12\">\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\" class=\"arrow-1\"><\/path>\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\" class=\"arrow-2\"><\/path>\n<\/svg>\n\n<!-- <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-12 -rotate-90\">\n<path d=\"M9 3L8.285 3.6965L12.075 7.5H2V8.5H12.075L8.285 12.2865L9 13L14 8L9 3Z\" fill=\"currentColor\"\/>\n<\/svg> -->\n            <\/span>\n\n            <\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n<\/section>\n\n\n<section class=\"py-section-height-mobile sm:py-section-height-desktop bg-white overflow-hidden\">\n\t<div class=\"sizing-medium\">\n\n\t\t\t\t\t\t\t<h2 class=\"text-primary mb-16\" data-aos=\"fade-up\" data-aos-duration=\"700\">Culture<\/h2>\n\t\t\n    \t\t\t\t\t<div class=\"text-primary-opacity-60 sm:text-38 text-24 leading-12\" data-aos=\"fade-up\" data-aos-duration=\"700\">Are you already looking for cultural events in the region ?<\/div>\n\t\t\n    <div class=\"flex flex-row flex-wrap gap-24\">\n                    <div class=\"pt-16 text-primary-opacity-60 max-w-[46rem] flex flex-col justify-center description_experience\" data-aos=\"fade-up\" data-aos-duration=\"700\"><p>For all cultural events, visit : <a href=\"https:\/\/www.culturoscope.ch\/\" target=\"_blank\" rel=\"noopener\">culturoscope<\/a><\/p>\n<h2>\/h2><\/p>\n<\/div>\n      \n                    <div class=\"pt-16\" data-aos=\"fade-up\" data-aos-duration=\"700\">\n            <img decoding=\"async\" src=\"https:\/\/hotahotels.com\/wp-content\/uploads\/2024\/04\/logo-rs-1.svg\" class=\"w-auto h-full object-cover object-center max-h-[60px]\" alt=\"\" \/>        <\/div>\n          <\/div>\n\n\t\t\n\n\t\t\t\t<div class=\"pt-68\">\n\t\t\t<div class=\"swiper-rooms !overflow-visible !z-0\">\n\t\t\t\t<div class=\"swiper-wrapper overflow-visible swiper-cursor\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide rounded-b-[2px] overflow-hidden bg-porrentruy-2\" data-aos=\"fade-up\" data-aos-duration=\"700\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"item w-full h-full flex justify-end flex-col\">\n\t\t\t\t\t\t\t\t<div class=\"w-full h-full flex flex-col rounded-[2px] bg-slider group\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-full h-10 bg-porrentruy\"><\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex mt-20 px-20 gap-10 flex-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n    <div class=\"w-fit min-w-110 text-center rounded-full py-8 px-10 text-porrentruy bg-porrentruy-3  \">\n        Porrentruy    <\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"text-porrentruy\">\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"px-20 mt-20 text-28 leading-12\">Circuit secret &#8211; Porrentruy<\/h3>\n                    \t\t\t\t\t\t\t\t\t\t<p class=\"px-20 mt-20\">Armed with a digital key, visitors can access several unusual spots in the castle and the old town, some of which are brought to life with sound and light shows.\r\n\r\nThe activity can also be booked with a guide.<\/p>\n                    \t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t                  \t\t\t\t\t\t\t\t\t<div class=\"w-full mt-auto aspect-video pt-60\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"relative w-full h-full overflow-hidden\">\n\t\t\t\t\t\t\t\t\t\t\t<img src='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000.jpg' srcset='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-300x200.jpg 300w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-1024x684.jpg 1024w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-768x513.jpg 768w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-1536x1026.jpg 1536w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-15x10.jpg 15w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-200x134.jpg 200w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000.jpg 2000w' alt='' class='absolute inset-0 m-auto object-cover object-center min-h-full min-w-full'  >                      <div class=\"h-full justify-end flex flex-col rounded-b-[2px]\" >\n                        <div class=\"w-full h-full opacity-0 transition-opacity duration-fast  group-hover:opacity-50 bg-black\"><\/div>\n                        <div class=\"p-20 text-white pb-20 absolute translate-y-52 group-hover:translate-y-0 transition-transform duration-fast\">\n                            <div class=\"translate-y-20 group-hover:translate-y-0 transition-transform duration-fast\">\n                              \n\n    <a href=\"https:\/\/www.j3l.ch\/fr\/P33659\/a-faire\/culture-musees\/patrimoine-culturel\/circuit-secret-porrentruy\" target=\"\" class=\" inline-flex items-center justify-between transition-colors duration-fast\n                    border rounded-5 px-24 py-12\n                    bg-transparent text-white border-white\n                    hover:bg-transparent hover:text-accent hover:border-accent\n                    active:bg-accent-light active:text-accent active:border-accent\n                    disabled:bg-grey disabled:text-grey-dark disabled:border-grey\" id=\"\">\n    \n        <span>&#8230;<\/span>\n\n                    <span class=\"ml-24\">\n                \n<!-- <svg viewBox=\"0 0 18 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n    <path d=\"M-2.18557e-07 6L16 6M16 6L10.5299 1M16 6L10.5299 11\" stroke=\"currentColor\" stroke-width=\"2\" \/>\n<\/svg> -->\n\n<!-- <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n<path d=\"M9 3L8.285 3.6965L12.075 7.5H2V8.5H12.075L8.285 12.2865L9 13L14 8L9 3Z\" fill=\"currentColor\"\/>\n<\/svg> -->\n\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18 -rotate-90 h-14\" viewBox=\"3 2 10 12\">\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\"><\/path>\n<\/svg>            <\/span>\n                \n            <\/a>\n                            <\/div>\n                        <\/div>\n                      <\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n                  \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide rounded-b-[2px] overflow-hidden bg-porrentruy-2\" data-aos=\"fade-up\" data-aos-duration=\"700\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"item w-full h-full flex justify-end flex-col\">\n\t\t\t\t\t\t\t\t<div class=\"w-full h-full flex flex-col rounded-[2px] bg-slider group\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-full h-10 bg-porrentruy\"><\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex mt-20 px-20 gap-10 flex-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n    <div class=\"w-fit min-w-110 text-center rounded-full py-8 px-10 text-porrentruy bg-porrentruy-3  \">\n        Porrentruy    <\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"text-porrentruy\">\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"px-20 mt-20 text-28 leading-12\">\u00d4 Vergers d&#8217;Ajoie<\/h3>\n                    \t\t\t\t\t\t\t\t\t\t<p class=\"px-20 mt-20\">\u00d4 Vergers d\u2019Ajoie offers a range of interactive and multi-sensory activities for families, groups, and professionals. \r\n\r\nIt retraces the journey of a fruit brandy, a syrup, or a jam from the blossoming of the orchards all the way to the consumer\u2019s palate.<\/p>\n                    \t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t                  \t\t\t\t\t\t\t\t\t<div class=\"w-full mt-auto aspect-video pt-60\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"relative w-full h-full overflow-hidden\">\n\t\t\t\t\t\t\t\t\t\t\t<img src='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/o-verger-d-ajoie_2000.jpg' srcset='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/o-verger-d-ajoie_2000-300x200.jpg 300w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/o-verger-d-ajoie_2000-1024x684.jpg 1024w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/o-verger-d-ajoie_2000-768x513.jpg 768w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/o-verger-d-ajoie_2000-1536x1025.jpg 1536w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/o-verger-d-ajoie_2000-15x10.jpg 15w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/o-verger-d-ajoie_2000-200x134.jpg 200w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/o-verger-d-ajoie_2000.jpg 2000w' alt='' class='absolute inset-0 m-auto object-cover object-center min-h-full min-w-full'  >                      <div class=\"h-full justify-end flex flex-col rounded-b-[2px]\" >\n                        <div class=\"w-full h-full opacity-0 transition-opacity duration-fast  group-hover:opacity-50 bg-black\"><\/div>\n                        <div class=\"p-20 text-white pb-20 absolute translate-y-52 group-hover:translate-y-0 transition-transform duration-fast\">\n                            <div class=\"translate-y-20 group-hover:translate-y-0 transition-transform duration-fast\">\n                              \n\n    <a href=\"https:\/\/www.j3l.ch\/fr\/P35817\/a-faire\/culture-musees\/musees\/o-vergers-d-ajoie\" target=\"\" class=\" inline-flex items-center justify-between transition-colors duration-fast\n                    border rounded-5 px-24 py-12\n                    bg-transparent text-white border-white\n                    hover:bg-transparent hover:text-accent hover:border-accent\n                    active:bg-accent-light active:text-accent active:border-accent\n                    disabled:bg-grey disabled:text-grey-dark disabled:border-grey\" id=\"\">\n    \n        <span>&#8230;<\/span>\n\n                    <span class=\"ml-24\">\n                \n<!-- <svg viewBox=\"0 0 18 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n    <path d=\"M-2.18557e-07 6L16 6M16 6L10.5299 1M16 6L10.5299 11\" stroke=\"currentColor\" stroke-width=\"2\" \/>\n<\/svg> -->\n\n<!-- <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n<path d=\"M9 3L8.285 3.6965L12.075 7.5H2V8.5H12.075L8.285 12.2865L9 13L14 8L9 3Z\" fill=\"currentColor\"\/>\n<\/svg> -->\n\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18 -rotate-90 h-14\" viewBox=\"3 2 10 12\">\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\"><\/path>\n<\/svg>            <\/span>\n                \n            <\/a>\n                            <\/div>\n                        <\/div>\n                      <\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n                  \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide rounded-b-[2px] overflow-hidden bg-porrentruy-2\" data-aos=\"fade-up\" data-aos-duration=\"700\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"item w-full h-full flex justify-end flex-col\">\n\t\t\t\t\t\t\t\t<div class=\"w-full h-full flex flex-col rounded-[2px] bg-slider group\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-full h-10 bg-porrentruy\"><\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex mt-20 px-20 gap-10 flex-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n    <div class=\"w-fit min-w-110 text-center rounded-full py-8 px-10 text-porrentruy bg-porrentruy-3  \">\n        Porrentruy    <\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"text-porrentruy\">\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"px-20 mt-20 text-28 leading-12\">5 Museums of Porrentruy<\/h3>\n                    \t\t\t\t\t\t\t\t\t\t<p class=\"px-20 mt-20\">POPA \u2013 Optical art in Porrentruy\r\nJURASSICA MUSEUM \u2013 Institution in Porrentruy dedicated to the natural heritage of the Jura\r\nMUS\u00c9E DE L\u2019H\u00d4TEL-DIEU \u2013 Former hospital of the Prince-Bishops, now a museum\r\nLE PIRE DE PLONK ET REPLONK \u2013 The quirky palace of astonishing rarities<\/p>\n                    \t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t                  \t\t\t\t\t\t\t\t\t<div class=\"w-full mt-auto aspect-video pt-60\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"relative w-full h-full overflow-hidden\">\n\t\t\t\t\t\t\t\t\t\t\t<img src='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/hotel-dieu_2000.jpg' srcset='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/hotel-dieu_2000-240x300.jpg 240w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/hotel-dieu_2000-818x1024.jpg 818w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/hotel-dieu_2000-768x961.jpg 768w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/hotel-dieu_2000-1227x1536.jpg 1227w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/hotel-dieu_2000-15x19.jpg 15w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/hotel-dieu_2000-200x250.jpg 200w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/hotel-dieu_2000.jpg 1597w' alt='' class='absolute inset-0 m-auto object-cover object-center min-h-full min-w-full'  >                      <div class=\"h-full justify-end flex flex-col rounded-b-[2px]\" >\n                        <div class=\"w-full h-full opacity-0 transition-opacity duration-fast  group-hover:opacity-50 bg-black\"><\/div>\n                        <div class=\"p-20 text-white pb-20 absolute translate-y-52 group-hover:translate-y-0 transition-transform duration-fast\">\n                            <div class=\"translate-y-20 group-hover:translate-y-0 transition-transform duration-fast\">\n                              \n\n    <a href=\"https:\/\/www.j3l.ch\/fr\/G2496\/a-faire\/culture-musees\/musees\/musees-de-porrentruy?bounds=7.06916+47.41194+7.09409+47.43065\" target=\"\" class=\" inline-flex items-center justify-between transition-colors duration-fast\n                    border rounded-5 px-24 py-12\n                    bg-transparent text-white border-white\n                    hover:bg-transparent hover:text-accent hover:border-accent\n                    active:bg-accent-light active:text-accent active:border-accent\n                    disabled:bg-grey disabled:text-grey-dark disabled:border-grey\" id=\"\">\n    \n        <span>&#8230;<\/span>\n\n                    <span class=\"ml-24\">\n                \n<!-- <svg viewBox=\"0 0 18 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n    <path d=\"M-2.18557e-07 6L16 6M16 6L10.5299 1M16 6L10.5299 11\" stroke=\"currentColor\" stroke-width=\"2\" \/>\n<\/svg> -->\n\n<!-- <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n<path d=\"M9 3L8.285 3.6965L12.075 7.5H2V8.5H12.075L8.285 12.2865L9 13L14 8L9 3Z\" fill=\"currentColor\"\/>\n<\/svg> -->\n\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18 -rotate-90 h-14\" viewBox=\"3 2 10 12\">\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\"><\/path>\n<\/svg>            <\/span>\n                \n            <\/a>\n                            <\/div>\n                        <\/div>\n                      <\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n                  \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide rounded-b-[2px] overflow-hidden bg-porrentruy-2\" data-aos=\"fade-up\" data-aos-duration=\"700\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"item w-full h-full flex justify-end flex-col\">\n\t\t\t\t\t\t\t\t<div class=\"w-full h-full flex flex-col rounded-[2px] bg-slider group\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-full h-10 bg-porrentruy\"><\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex mt-20 px-20 gap-10 flex-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n    <div class=\"w-fit min-w-110 text-center rounded-full py-8 px-10 text-porrentruy bg-porrentruy-3  \">\n        Porrentruy    <\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"text-porrentruy\">\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"px-20 mt-20 text-28 leading-12\">Porrentruy Castle<\/h3>\n                    \t\t\t\t\t\t\t\t\t\t<p class=\"px-20 mt-20\">Porrentruy Castle towers impressively over the old town.<\/p>\n                    \t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t                  \t\t\t\t\t\t\t\t\t<div class=\"w-full mt-auto aspect-video pt-60\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"relative w-full h-full overflow-hidden\">\n\t\t\t\t\t\t\t\t\t\t\t<img src='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/vue-du-chateau-de-porrentruy_2000.jpg' srcset='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/vue-du-chateau-de-porrentruy_2000-300x200.jpg 300w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/vue-du-chateau-de-porrentruy_2000-1024x684.jpg 1024w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/vue-du-chateau-de-porrentruy_2000-768x513.jpg 768w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/vue-du-chateau-de-porrentruy_2000-1536x1025.jpg 1536w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/vue-du-chateau-de-porrentruy_2000-15x10.jpg 15w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/vue-du-chateau-de-porrentruy_2000-200x134.jpg 200w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/vue-du-chateau-de-porrentruy_2000.jpg 2000w' alt='' class='absolute inset-0 m-auto object-cover object-center min-h-full min-w-full'  >                      <div class=\"h-full justify-end flex flex-col rounded-b-[2px]\" >\n                        <div class=\"w-full h-full opacity-0 transition-opacity duration-fast  \"><\/div>\n                        <div class=\"p-20 text-white pb-20 absolute  transition-transform duration-fast\">\n                            <div class=\" transition-transform duration-fast\">\n                                                          <\/div>\n                        <\/div>\n                      <\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n                  \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide rounded-b-[2px] overflow-hidden bg-porrentruy-2\" data-aos=\"fade-up\" data-aos-duration=\"700\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"item w-full h-full flex justify-end flex-col\">\n\t\t\t\t\t\t\t\t<div class=\"w-full h-full flex flex-col rounded-[2px] bg-slider group\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-full h-10 bg-porrentruy\"><\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex mt-20 px-20 gap-10 flex-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n    <div class=\"w-fit min-w-110 text-center rounded-full py-8 px-10 text-porrentruy bg-porrentruy-3  \">\n        Porrentruy    <\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"text-porrentruy\">\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"px-20 mt-20 text-28 leading-12\">Caves of R\u00e9cl\u00e8re<\/h3>\n                    \t\t\t\t\t\t\t\t\t\t<p class=\"px-20 mt-20\">Located west of Porrentruy, on the edge of Ajoie, the caves of R\u00e9cl\u00e8re rank among the most remarkable natural wonders in Switzerland.<\/p>\n                    \t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t                  \t\t\t\t\t\t\t\t\t<div class=\"w-full mt-auto aspect-video pt-60\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"relative w-full h-full overflow-hidden\">\n\t\t\t\t\t\t\t\t\t\t\t<img src='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/the-caves-of-reclere_2000.jpg' srcset='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/the-caves-of-reclere_2000-300x215.jpg 300w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/the-caves-of-reclere_2000-1024x735.jpg 1024w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/the-caves-of-reclere_2000-768x551.jpg 768w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/the-caves-of-reclere_2000-1536x1103.jpg 1536w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/the-caves-of-reclere_2000-15x11.jpg 15w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/the-caves-of-reclere_2000-200x144.jpg 200w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/the-caves-of-reclere_2000.jpg 2000w' alt='' class='absolute inset-0 m-auto object-cover object-center min-h-full min-w-full'  >                      <div class=\"h-full justify-end flex flex-col rounded-b-[2px]\" >\n                        <div class=\"w-full h-full opacity-0 transition-opacity duration-fast  group-hover:opacity-50 bg-black\"><\/div>\n                        <div class=\"p-20 text-white pb-20 absolute translate-y-52 group-hover:translate-y-0 transition-transform duration-fast\">\n                            <div class=\"translate-y-20 group-hover:translate-y-0 transition-transform duration-fast\">\n                              \n\n    <a href=\"https:\/\/www.j3l.ch\/fr\/P33247\/lieux\/sites-naturels\/grottes-de-reclere\" target=\"\" class=\" inline-flex items-center justify-between transition-colors duration-fast\n                    border rounded-5 px-24 py-12\n                    bg-transparent text-white border-white\n                    hover:bg-transparent hover:text-accent hover:border-accent\n                    active:bg-accent-light active:text-accent active:border-accent\n                    disabled:bg-grey disabled:text-grey-dark disabled:border-grey\" id=\"\">\n    \n        <span>&#8230;<\/span>\n\n                    <span class=\"ml-24\">\n                \n<!-- <svg viewBox=\"0 0 18 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n    <path d=\"M-2.18557e-07 6L16 6M16 6L10.5299 1M16 6L10.5299 11\" stroke=\"currentColor\" stroke-width=\"2\" \/>\n<\/svg> -->\n\n<!-- <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n<path d=\"M9 3L8.285 3.6965L12.075 7.5H2V8.5H12.075L8.285 12.2865L9 13L14 8L9 3Z\" fill=\"currentColor\"\/>\n<\/svg> -->\n\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18 -rotate-90 h-14\" viewBox=\"3 2 10 12\">\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\"><\/path>\n<\/svg>            <\/span>\n                \n            <\/a>\n                            <\/div>\n                        <\/div>\n                      <\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n                  \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide rounded-b-[2px] overflow-hidden bg-porrentruy-2\" data-aos=\"fade-up\" data-aos-duration=\"700\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"item w-full h-full flex justify-end flex-col\">\n\t\t\t\t\t\t\t\t<div class=\"w-full h-full flex flex-col rounded-[2px] bg-slider group\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-full h-10 bg-porrentruy\"><\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex mt-20 px-20 gap-10 flex-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n    <div class=\"w-fit min-w-110 text-center rounded-full py-8 px-10 text-porrentruy bg-porrentruy-3  \">\n        Porrentruy    <\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"text-porrentruy\">\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"px-20 mt-20 text-28 leading-12\">Pr\u00e9histo-Parc of R\u00e9cl\u00e8re<\/h3>\n                    \t\t\t\t\t\t\t\t\t\t<p class=\"px-20 mt-20\">The Pr\u00e9histo-Parc of R\u00e9cl\u00e8re offers you a fascinating journey through time!<\/p>\n                    \t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t                  \t\t\t\t\t\t\t\t\t<div class=\"w-full mt-auto aspect-video pt-60\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"relative w-full h-full overflow-hidden\">\n\t\t\t\t\t\t\t\t\t\t\t<img src='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/prehisto-parc-reclere_2000.jpg' srcset='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/prehisto-parc-reclere_2000-300x200.jpg 300w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/prehisto-parc-reclere_2000-1024x682.jpg 1024w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/prehisto-parc-reclere_2000-768x512.jpg 768w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/prehisto-parc-reclere_2000-1536x1024.jpg 1536w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/prehisto-parc-reclere_2000-15x10.jpg 15w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/prehisto-parc-reclere_2000-200x133.jpg 200w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/prehisto-parc-reclere_2000.jpg 2000w' alt='' class='absolute inset-0 m-auto object-cover object-center min-h-full min-w-full'  >                      <div class=\"h-full justify-end flex flex-col rounded-b-[2px]\" >\n                        <div class=\"w-full h-full opacity-0 transition-opacity duration-fast  group-hover:opacity-50 bg-black\"><\/div>\n                        <div class=\"p-20 text-white pb-20 absolute translate-y-52 group-hover:translate-y-0 transition-transform duration-fast\">\n                            <div class=\"translate-y-20 group-hover:translate-y-0 transition-transform duration-fast\">\n                              \n\n    <a href=\"https:\/\/www.j3l.ch\/fr\/P33668\/a-faire\/sport-loisirs\/fun-aventure\/prehisto-parc\" target=\"\" class=\" inline-flex items-center justify-between transition-colors duration-fast\n                    border rounded-5 px-24 py-12\n                    bg-transparent text-white border-white\n                    hover:bg-transparent hover:text-accent hover:border-accent\n                    active:bg-accent-light active:text-accent active:border-accent\n                    disabled:bg-grey disabled:text-grey-dark disabled:border-grey\" id=\"\">\n    \n        <span>&#8230;<\/span>\n\n                    <span class=\"ml-24\">\n                \n<!-- <svg viewBox=\"0 0 18 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n    <path d=\"M-2.18557e-07 6L16 6M16 6L10.5299 1M16 6L10.5299 11\" stroke=\"currentColor\" stroke-width=\"2\" \/>\n<\/svg> -->\n\n<!-- <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n<path d=\"M9 3L8.285 3.6965L12.075 7.5H2V8.5H12.075L8.285 12.2865L9 13L14 8L9 3Z\" fill=\"currentColor\"\/>\n<\/svg> -->\n\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18 -rotate-90 h-14\" viewBox=\"3 2 10 12\">\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\"><\/path>\n<\/svg>            <\/span>\n                \n            <\/a>\n                            <\/div>\n                        <\/div>\n                      <\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n                  \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide rounded-b-[2px] overflow-hidden bg-porrentruy-2\" data-aos=\"fade-up\" data-aos-duration=\"700\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"item w-full h-full flex justify-end flex-col\">\n\t\t\t\t\t\t\t\t<div class=\"w-full h-full flex flex-col rounded-[2px] bg-slider group\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-full h-10 bg-porrentruy\"><\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex mt-20 px-20 gap-10 flex-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n    <div class=\"w-fit min-w-110 text-center rounded-full py-8 px-10 text-porrentruy bg-porrentruy-3  \">\n        Porrentruy    <\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"text-porrentruy\">\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"px-20 mt-20 text-28 leading-12\">Jurassica \u2013 Le Bann\u00e9 excavations<\/h3>\n                    \t\t\t\t\t\t\t\t\t\t<p class=\"px-20 mt-20\">Discover fossils dating back 152 million years?<\/p>\n                    \t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t                  \t\t\t\t\t\t\t\t\t<div class=\"w-full mt-auto aspect-video pt-60\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"relative w-full h-full overflow-hidden\">\n\t\t\t\t\t\t\t\t\t\t\t<img src='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/jurassica-excavations-at-the-banne_2000.jpg' srcset='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/jurassica-excavations-at-the-banne_2000-300x200.jpg 300w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/jurassica-excavations-at-the-banne_2000-1024x682.jpg 1024w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/jurassica-excavations-at-the-banne_2000-768x512.jpg 768w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/jurassica-excavations-at-the-banne_2000-1536x1024.jpg 1536w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/jurassica-excavations-at-the-banne_2000-15x10.jpg 15w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/jurassica-excavations-at-the-banne_2000-200x133.jpg 200w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/jurassica-excavations-at-the-banne_2000.jpg 2000w' alt='' class='absolute inset-0 m-auto object-cover object-center min-h-full min-w-full'  >                      <div class=\"h-full justify-end flex flex-col rounded-b-[2px]\" >\n                        <div class=\"w-full h-full opacity-0 transition-opacity duration-fast  group-hover:opacity-50 bg-black\"><\/div>\n                        <div class=\"p-20 text-white pb-20 absolute translate-y-52 group-hover:translate-y-0 transition-transform duration-fast\">\n                            <div class=\"translate-y-20 group-hover:translate-y-0 transition-transform duration-fast\">\n                              \n\n    <a href=\"https:\/\/www.j3l.ch\/fr\/P33385\/a-faire\/culture-musees\/patrimoine-culturel\/jurassica-fouilles-du-banne\" target=\"\" class=\" inline-flex items-center justify-between transition-colors duration-fast\n                    border rounded-5 px-24 py-12\n                    bg-transparent text-white border-white\n                    hover:bg-transparent hover:text-accent hover:border-accent\n                    active:bg-accent-light active:text-accent active:border-accent\n                    disabled:bg-grey disabled:text-grey-dark disabled:border-grey\" id=\"\">\n    \n        <span>&#8230;<\/span>\n\n                    <span class=\"ml-24\">\n                \n<!-- <svg viewBox=\"0 0 18 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n    <path d=\"M-2.18557e-07 6L16 6M16 6L10.5299 1M16 6L10.5299 11\" stroke=\"currentColor\" stroke-width=\"2\" \/>\n<\/svg> -->\n\n<!-- <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n<path d=\"M9 3L8.285 3.6965L12.075 7.5H2V8.5H12.075L8.285 12.2865L9 13L14 8L9 3Z\" fill=\"currentColor\"\/>\n<\/svg> -->\n\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18 -rotate-90 h-14\" viewBox=\"3 2 10 12\">\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\"><\/path>\n<\/svg>            <\/span>\n                \n            <\/a>\n                            <\/div>\n                        <\/div>\n                      <\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n                  \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide rounded-b-[2px] overflow-hidden bg-porrentruy-2\" data-aos=\"fade-up\" data-aos-duration=\"700\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"item w-full h-full flex justify-end flex-col\">\n\t\t\t\t\t\t\t\t<div class=\"w-full h-full flex flex-col rounded-[2px] bg-slider group\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-full h-10 bg-porrentruy\"><\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex mt-20 px-20 gap-10 flex-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n    <div class=\"w-fit min-w-110 text-center rounded-full py-8 px-10 text-porrentruy bg-porrentruy-3  \">\n        Porrentruy    <\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"text-porrentruy\">\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"px-20 mt-20 text-28 leading-12\">Secret tour \u2013 Porrentruy<\/h3>\n                    \t\t\t\t\t\t\t\t\t\t<p class=\"px-20 mt-20\">Equipped with a digital key, visitors can access several unusual spots in the castle and the old town, some of which are brought to life with sound and light shows. \r\n\r\nThe activity can also be booked with a guide.<\/p>\n                    \t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t                  \t\t\t\t\t\t\t\t\t<div class=\"w-full mt-auto aspect-video pt-60\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"relative w-full h-full overflow-hidden\">\n\t\t\t\t\t\t\t\t\t\t\t<img src='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000.jpg' srcset='https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-300x200.jpg 300w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-1024x684.jpg 1024w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-768x513.jpg 768w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-1536x1026.jpg 1536w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-15x10.jpg 15w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000-200x134.jpg 200w, https:\/\/hotahotels.com\/wp-content\/uploads\/2025\/08\/circuit-secret_2000.jpg 2000w' alt='' class='absolute inset-0 m-auto object-cover object-center min-h-full min-w-full'  >                      <div class=\"h-full justify-end flex flex-col rounded-b-[2px]\" >\n                        <div class=\"w-full h-full opacity-0 transition-opacity duration-fast  group-hover:opacity-50 bg-black\"><\/div>\n                        <div class=\"p-20 text-white pb-20 absolute translate-y-52 group-hover:translate-y-0 transition-transform duration-fast\">\n                            <div class=\"translate-y-20 group-hover:translate-y-0 transition-transform duration-fast\">\n                              \n\n    <a href=\"https:\/\/www.j3l.ch\/fr\/P33659\/a-faire\/culture-musees\/patrimoine-culturel\/circuit-secret-porrentruy\" target=\"\" class=\" inline-flex items-center justify-between transition-colors duration-fast\n                    border rounded-5 px-24 py-12\n                    bg-transparent text-white border-white\n                    hover:bg-transparent hover:text-accent hover:border-accent\n                    active:bg-accent-light active:text-accent active:border-accent\n                    disabled:bg-grey disabled:text-grey-dark disabled:border-grey\" id=\"\">\n    \n        <span>&#8230;<\/span>\n\n                    <span class=\"ml-24\">\n                \n<!-- <svg viewBox=\"0 0 18 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n    <path d=\"M-2.18557e-07 6L16 6M16 6L10.5299 1M16 6L10.5299 11\" stroke=\"currentColor\" stroke-width=\"2\" \/>\n<\/svg> -->\n\n<!-- <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18\">\n<path d=\"M9 3L8.285 3.6965L12.075 7.5H2V8.5H12.075L8.285 12.2865L9 13L14 8L9 3Z\" fill=\"currentColor\"\/>\n<\/svg> -->\n\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-18 -rotate-90 h-14\" viewBox=\"3 2 10 12\">\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\"><\/path>\n<\/svg>            <\/span>\n                \n            <\/a>\n                            <\/div>\n                        <\/div>\n                      <\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n                  \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"mt-40\" data-aos=\"fade-up\" data-aos-duration=\"700\">\n\t\t\t<div class=\"relative\">\n\t\t\t\t<div class=\"flex flex-col-reverse sm:flex-end justify-between\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"flex flex-row lg:justify-end justify-start right-[0]\">\n\t\t\t\t\t\t<div class=\"swiper-button-prev swiper-button-prev-room\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n        <button type=\"button\" class=\" inline-flex items-center justify-center transition-colors duration-fast rounded-full w-44 h-44 border\n                    bg-transparent text-primary border-primary\n                    hover:bg-transparent hover:text-primary hover:border-primary\n                    active:bg-transparent active:text-primary active:border-primary\n                    disabled:bg-transparent disabled:text-primary disabled:border-primary\" id=\"\" aria-label=\"left\">\n        \n            <span>\n                \n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-12 rotate-90\" viewBox=\"3 2 10 12\">\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\" class=\"arrow-1\"><\/path>\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\" class=\"arrow-2\"><\/path>\n<\/svg>\n\n<!-- <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-12 rotate-90\">\n<path d=\"M9 3L8.285 3.6965L12.075 7.5H2V8.5H12.075L8.285 12.2865L9 13L14 8L9 3Z\" fill=\"currentColor\"\/>\n<\/svg> -->\n            <\/span>\n\n            <\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"swiper-button-next swiper-button-next-room ml-5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n        <button type=\"button\" class=\" inline-flex items-center justify-center transition-colors duration-fast rounded-full w-44 h-44 border\n                    bg-transparent text-primary border-primary\n                    hover:bg-transparent hover:text-primary hover:border-primary\n                    active:bg-transparent active:text-primary active:border-primary\n                    disabled:bg-transparent disabled:text-primary disabled:border-primary\" id=\"\" aria-label=\"right\">\n        \n            <span>\n                \n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-12 -rotate-90\" viewBox=\"3 2 10 12\">\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\" class=\"arrow-1\"><\/path>\n    <path d=\"M12.295 8.295L8.5 12.085V2H7.5V12.085L3.705 8.295L3 9L8 14L13 9L12.295 8.295Z\" fill=\"currentColor\" class=\"arrow-2\"><\/path>\n<\/svg>\n\n<!-- <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-12 -rotate-90\">\n<path d=\"M9 3L8.285 3.6965L12.075 7.5H2V8.5H12.075L8.285 12.2865L9 13L14 8L9 3Z\" fill=\"currentColor\"\/>\n<\/svg> -->\n            <\/span>\n\n            <\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":2470,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"destination":[34],"class_list":["post-2921","page","type-page","status-publish","hentry","destination-porrentruy"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Hota Loisirs &amp; Culture - Porrentruy - Hota Hotels<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hotahotels.com\/en\/hota-loisirs\/porrentruy\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hota Loisirs &amp; Culture - Porrentruy - Hota Hotels\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hotahotels.com\/en\/hota-loisirs\/porrentruy\/\" \/>\n<meta property=\"og:site_name\" content=\"Hota Hotels\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-18T20:10:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hotahotels.com\/wp-content\/uploads\/2023\/11\/Hota_Hotels.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2500\" \/>\n\t<meta property=\"og:image:height\" content=\"1667\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hotahotels.com\\\/en\\\/hota-loisirs\\\/porrentruy\\\/\",\"url\":\"https:\\\/\\\/hotahotels.com\\\/en\\\/hota-loisirs\\\/porrentruy\\\/\",\"name\":\"Hota Loisirs &amp; Culture - Porrentruy - Hota Hotels\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hotahotels.com\\\/en\\\/#website\"},\"datePublished\":\"2025-06-08T19:50:36+00:00\",\"dateModified\":\"2025-08-18T20:10:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hotahotels.com\\\/en\\\/hota-loisirs\\\/porrentruy\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hotahotels.com\\\/en\\\/hota-loisirs\\\/porrentruy\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hotahotels.com\\\/en\\\/hota-loisirs\\\/porrentruy\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/hotahotels.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hota Loisirs &amp; Culture\",\"item\":\"https:\\\/\\\/hotahotels.com\\\/en\\\/hota-loisirs\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Hota Loisirs &amp; Culture &#8211; Porrentruy\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hotahotels.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/hotahotels.com\\\/en\\\/\",\"name\":\"Hota Hotels\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/hotahotels.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hotahotels.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hotahotels.com\\\/en\\\/#organization\",\"name\":\"Hota Hotels\",\"url\":\"https:\\\/\\\/hotahotels.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hotahotels.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hotahotels.com\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/Logo-black.svg\",\"contentUrl\":\"https:\\\/\\\/hotahotels.com\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/Logo-black.svg\",\"width\":1,\"height\":1,\"caption\":\"Hota Hotels\"},\"image\":{\"@id\":\"https:\\\/\\\/hotahotels.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Hota Loisirs &amp; Culture - Porrentruy - Hota Hotels","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hotahotels.com\/en\/hota-loisirs\/porrentruy\/","og_locale":"en_US","og_type":"article","og_title":"Hota Loisirs &amp; Culture - Porrentruy - Hota Hotels","og_url":"https:\/\/hotahotels.com\/en\/hota-loisirs\/porrentruy\/","og_site_name":"Hota Hotels","article_modified_time":"2025-08-18T20:10:49+00:00","og_image":[{"width":2500,"height":1667,"url":"https:\/\/hotahotels.com\/wp-content\/uploads\/2023\/11\/Hota_Hotels.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hotahotels.com\/en\/hota-loisirs\/porrentruy\/","url":"https:\/\/hotahotels.com\/en\/hota-loisirs\/porrentruy\/","name":"Hota Loisirs &amp; Culture - Porrentruy - Hota Hotels","isPartOf":{"@id":"https:\/\/hotahotels.com\/en\/#website"},"datePublished":"2025-06-08T19:50:36+00:00","dateModified":"2025-08-18T20:10:49+00:00","breadcrumb":{"@id":"https:\/\/hotahotels.com\/en\/hota-loisirs\/porrentruy\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hotahotels.com\/en\/hota-loisirs\/porrentruy\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hotahotels.com\/en\/hota-loisirs\/porrentruy\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/hotahotels.com\/en\/"},{"@type":"ListItem","position":2,"name":"Hota Loisirs &amp; Culture","item":"https:\/\/hotahotels.com\/en\/hota-loisirs\/"},{"@type":"ListItem","position":3,"name":"Hota Loisirs &amp; Culture &#8211; Porrentruy"}]},{"@type":"WebSite","@id":"https:\/\/hotahotels.com\/en\/#website","url":"https:\/\/hotahotels.com\/en\/","name":"Hota Hotels","description":"","publisher":{"@id":"https:\/\/hotahotels.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hotahotels.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hotahotels.com\/en\/#organization","name":"Hota Hotels","url":"https:\/\/hotahotels.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hotahotels.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/hotahotels.com\/wp-content\/uploads\/2023\/03\/Logo-black.svg","contentUrl":"https:\/\/hotahotels.com\/wp-content\/uploads\/2023\/03\/Logo-black.svg","width":1,"height":1,"caption":"Hota Hotels"},"image":{"@id":"https:\/\/hotahotels.com\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/hotahotels.com\/en\/wp-json\/wp\/v2\/pages\/2921","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hotahotels.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hotahotels.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hotahotels.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/hotahotels.com\/en\/wp-json\/wp\/v2\/comments?post=2921"}],"version-history":[{"count":4,"href":"https:\/\/hotahotels.com\/en\/wp-json\/wp\/v2\/pages\/2921\/revisions"}],"predecessor-version":[{"id":3586,"href":"https:\/\/hotahotels.com\/en\/wp-json\/wp\/v2\/pages\/2921\/revisions\/3586"}],"up":[{"embeddable":true,"href":"https:\/\/hotahotels.com\/en\/wp-json\/wp\/v2\/pages\/2470"}],"wp:attachment":[{"href":"https:\/\/hotahotels.com\/en\/wp-json\/wp\/v2\/media?parent=2921"}],"wp:term":[{"taxonomy":"destination","embeddable":true,"href":"https:\/\/hotahotels.com\/en\/wp-json\/wp\/v2\/destination?post=2921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}