{"id":22,"date":"2014-03-10T20:07:44","date_gmt":"2014-03-10T19:07:44","guid":{"rendered":"http:\/\/www.oconnel-lodge.com\/?page_id=22"},"modified":"2026-05-14T22:02:29","modified_gmt":"2026-05-14T20:02:29","slug":"location-grand-gite-alsace-10-12-personnes","status":"publish","type":"page","link":"https:\/\/www.oconnel-lodge.com\/en\/location-grand-gite-alsace-10-12-personnes\/","title":{"rendered":"Location grand g\u00eete 12 Personnes (Alsace Colmar, Kaysersberg, Riquewihr ) : c&rsquo;est ici !"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Location grand g\u00eete 12 Personnes (Alsace Colmar, Kaysersberg, Riquewihr ) : c&rsquo;est ici !<\/h1>\n\n\n\n<style>\n.ocl-features { padding: 40px 5% 80px; background: #f5f0e8; }\n.ocl-features-title { text-align: center; font-size: clamp(1.4rem, 3vw, 2rem); font-weight: 300; letter-spacing: 0.1em; text-transform: uppercase; color: #4a3728; margin-bottom: 60px; }\n.ocl-features-title span { display: block; font-size: 0.7em; color: #914500; letter-spacing: 0.3em; margin-bottom: 12px; }\n.ocl-features-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 32px 24px; max-width: 960px; margin: 0 auto; }\n.ocl-feature-item { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; }\n.ocl-feature-icon { width: 52px; height: 52px; border: 1px solid #c9c3b5; border-radius: 50%; display: flex; align-items: center; justify-content: center; }\n.ocl-feature-icon svg { width: 24px; height: 24px; stroke: #914500; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }\n.ocl-feature-value { font-size: 1.3rem; font-weight: 400; color: #914500; line-height: 1; }\n.ocl-feature-label { font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; color: #4a3728; line-height: 1.4; }\n.ocl-plans { padding: 40px 5% 80px; background: #fff; }\n.ocl-section-title { text-align: center; font-size: clamp(1.1rem, 2.5vw, 1.5rem); font-weight: 300; letter-spacing: 0.2em; text-transform: uppercase; color: #4a3728; margin-bottom: 48px; }\n.ocl-section-title::after { content: ''; display: block; width: 40px; height: 1px; background: #914500; margin: 16px auto 0; }\n.ocl-plans-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 32px; max-width: 1100px; margin: 0 auto; }\n.ocl-plan-item { display: flex; flex-direction: column; gap: 16px; }\n.ocl-plan-label { font-size: 0.75rem; letter-spacing: 0.2em; text-transform: uppercase; color: #914500; text-align: center; }\n.ocl-plan-img { width: 100%; aspect-ratio: unset; object-fit: contain; cursor: pointer; border: 1px solid #c9c3b5; transition: opacity 0.3s; }\n.ocl-plan-img:hover { opacity: 0.85; }\n.ocl-lightbox { display: none; position: fixed; inset: 0; background: rgba(30,20,15,0.95); z-index: 99999; align-items: center; justify-content: center; flex-direction: column; }\n.ocl-lightbox.active { display: flex; }\n.ocl-lightbox-img { max-width: 90vw; max-height: 80vh; object-fit: contain; }\n.ocl-lightbox-caption { color: #c9c3b5; font-size: 0.8rem; letter-spacing: 0.2em; text-transform: uppercase; margin-top: 16px; }\n.ocl-lightbox-close { position: absolute; top: 24px; right: 32px; color: #f5f0e8; font-size: 2rem; cursor: pointer; background: none; border: none; line-height: 1; }\n.ocl-lightbox-prev, .ocl-lightbox-next { position: absolute; top: 50%; transform: translateY(-50%); color: #f5f0e8; font-size: 2.5rem; cursor: pointer; background: none; border: none; line-height: 1; padding: 16px; opacity: 0.7; transition: opacity 0.2s; }\n.ocl-lightbox-prev:hover, .ocl-lightbox-next:hover { opacity: 1; }\n.ocl-lightbox-prev { left: 16px; }\n.ocl-lightbox-next { right: 16px; }\n<\/style>\n\n<!-- SECTION 1 : PICTOGRAMMES -->\n<section class=\"ocl-features\">\n  <h2 class=\"ocl-features-title\">\n    <span>O&rsquo;Connel Lodge<\/span>\n    + de 200m\u00b2 d&rsquo;espace grand confort\n  <\/h2>\n  <div class=\"ocl-features-grid\">\n\n    <div class=\"ocl-feature-item\">\n      <div class=\"ocl-feature-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\n      <div class=\"ocl-feature-value\">12<\/div>\n      <div class=\"ocl-feature-label\">Personnes<\/div>\n    <\/div>\n\n    <div class=\"ocl-feature-item\">\n      <div class=\"ocl-feature-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M2 14h20v5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-5z\"\/><path d=\"M6 14v-3a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v3\"\/><path d=\"M2 14l1-4h18l1 4\"\/><line x1=\"7\" y1=\"9\" x2=\"7\" y2=\"7\"\/><line x1=\"17\" y1=\"9\" x2=\"17\" y2=\"7\"\/><\/svg><\/div>\n      <div class=\"ocl-feature-value\">5<\/div>\n      <div class=\"ocl-feature-label\">Chambres<\/div>\n    <\/div>\n\n    <div class=\"ocl-feature-item\">\n      <div class=\"ocl-feature-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"10\" y=\"2\" width=\"2\" height=\"4\"\/><ellipse cx=\"12\" cy=\"8\" rx=\"6\" ry=\"2\"\/><circle cx=\"9\" cy=\"12\" r=\"0.8\" fill=\"#914500\" stroke=\"none\"\/><circle cx=\"12\" cy=\"12\" r=\"0.8\" fill=\"#914500\" stroke=\"none\"\/><circle cx=\"15\" cy=\"12\" r=\"0.8\" fill=\"#914500\" stroke=\"none\"\/><circle cx=\"8\" cy=\"15\" r=\"0.8\" fill=\"#914500\" stroke=\"none\"\/><circle cx=\"11\" cy=\"15\" r=\"0.8\" fill=\"#914500\" stroke=\"none\"\/><circle cx=\"14\" cy=\"15\" r=\"0.8\" fill=\"#914500\" stroke=\"none\"\/><circle cx=\"9\" cy=\"18\" r=\"0.8\" fill=\"#914500\" stroke=\"none\"\/><circle cx=\"12\" cy=\"18\" r=\"0.8\" fill=\"#914500\" stroke=\"none\"\/><circle cx=\"15\" cy=\"18\" r=\"0.8\" fill=\"#914500\" stroke=\"none\"\/><\/svg><\/div>\n      <div class=\"ocl-feature-value\">5<\/div>\n      <div class=\"ocl-feature-label\">Salles de bain<\/div>\n    <\/div>\n\n    <div class=\"ocl-feature-item\">\n      <div class=\"ocl-feature-icon\"><svg viewBox=\"0 0 24 24\"><text x=\"3\" y=\"17\" font-family=\"Raleway, sans-serif\" font-size=\"11\" font-weight=\"400\" fill=\"#914500\" stroke=\"none\">WC<\/text><\/svg><\/div>\n      <div class=\"ocl-feature-value\">4<\/div>\n      <div class=\"ocl-feature-label\">WC<\/div>\n    <\/div>\n\n    <div class=\"ocl-feature-item\">\n      <div class=\"ocl-feature-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8m-4-4v4\"\/><\/svg><\/div>\n      <div class=\"ocl-feature-value\">1<\/div>\n      <div class=\"ocl-feature-label\">TV enfants<\/div>\n    <\/div>\n\n    <div class=\"ocl-feature-item\">\n      <div class=\"ocl-feature-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M1 12 Q3 8 6 10\"\/><\/svg><\/div>\n      <div class=\"ocl-feature-value\"><\/div>\n      <div class=\"ocl-feature-label\">Vue Vignoble<\/div>\n    <\/div>\n\n    <div class=\"ocl-feature-item\">\n      <div class=\"ocl-feature-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><rect x=\"9\" y=\"14\" width=\"6\" height=\"7\"\/><\/svg><\/div>\n      <div class=\"ocl-feature-value\">60m\u00b2<\/div>\n      <div class=\"ocl-feature-label\">Espace de vie<\/div>\n    <\/div>\n\n    <div class=\"ocl-feature-item\">\n      <div class=\"ocl-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#914500\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 21 L19 21\"\/><path d=\"M5 21 L5 8\"\/><path d=\"M5 8 L7 4 Q10 2 13 5 L13 12\"\/><path d=\"M13 12 Q18 12 19 16 L19 21\"\/><path d=\"M5 14 Q9 11 13 12\"\/><\/svg><\/div>\n      <div class=\"ocl-feature-value\">2<\/div>\n      <div class=\"ocl-feature-label\">Mezzanines<\/div>\n    <\/div>\n\n    <div class=\"ocl-feature-item\">\n      <div class=\"ocl-feature-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"5\" r=\"2\"\/><path d=\"M9 9h6l-1 4H10z\"\/><path d=\"M10 13l-1 4h6l-1-4\"\/><line x1=\"9\" y1=\"17\" x2=\"7\" y2=\"21\"\/><line x1=\"15\" y1=\"17\" x2=\"17\" y2=\"21\"\/><path d=\"M5 8c-1-1-1-3 0-4\" stroke-linecap=\"round\"\/><path d=\"M19 8c1-1 1-3 0-4\" stroke-linecap=\"round\"\/><path d=\"M3 11c-2-2-2-5 0-7\" stroke-linecap=\"round\"\/><path d=\"M21 11c2-2 2-5 0-7\" stroke-linecap=\"round\"\/><\/svg><\/div>\n      <div class=\"ocl-feature-value\">1<\/div>\n      <div class=\"ocl-feature-label\">Sauna<\/div>\n    <\/div>\n\n    <div class=\"ocl-feature-item\">\n      <div class=\"ocl-feature-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 8 Q12 5 20 4 Q14 12 16 20 Q9 15 4 8z\" fill=\"none\"\/><circle cx=\"4\" cy=\"8\" r=\"1\" fill=\"#914500\" stroke=\"none\"\/><circle cx=\"20\" cy=\"4\" r=\"1\" fill=\"#914500\" stroke=\"none\"\/><circle cx=\"16\" cy=\"20\" r=\"1\" fill=\"#914500\" stroke=\"none\"\/><\/svg><\/div>\n      <div class=\"ocl-feature-value\">1<\/div>\n      <div class=\"ocl-feature-label\">Grande terrasse<\/div>\n    <\/div>\n\n    <div class=\"ocl-feature-item\">\n      <div class=\"ocl-feature-icon\"><svg viewBox=\"0 0 24 24\"><ellipse cx=\"12\" cy=\"10\" rx=\"8\" ry=\"4\"\/><path d=\"M4 10c0 0 0 4 8 4s8-4 8-4\"\/><path d=\"M7 14l-2 7\"\/><path d=\"M17 14l2 7\"\/><path d=\"M6 4l2-2\"\/><path d=\"M18 4l-2-2\"\/><path d=\"M12 4V2\"\/><\/svg><\/div>\n      <div class=\"ocl-feature-value\">1<\/div>\n      <div class=\"ocl-feature-label\">BBQ<\/div>\n    <\/div>\n\n    <div class=\"ocl-feature-item\">\n      <div class=\"ocl-feature-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M9 17V7h4a3 3 0 0 1 0 6H9\"\/><\/svg><\/div>\n      <div class=\"ocl-feature-value\">5<\/div>\n      <div class=\"ocl-feature-label\">Parkings priv\u00e9s<\/div>\n    <\/div>\n\n    <div class=\"ocl-feature-item\">\n      <div class=\"ocl-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#914500\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"16\" r=\"7\"\/><circle cx=\"10\" cy=\"5\" r=\"2\"\/><line x1=\"10\" y1=\"7\" x2=\"10\" y2=\"12\"\/><path d=\"M10 12 L15 12 L17 16\"\/><path d=\"M10 12 L7 12\"\/><\/svg><\/div>\n      <div class=\"ocl-feature-value\"><\/div>\n      <div class=\"ocl-feature-label\">Accessible PMR<\/div>\n    <\/div>\n\n    <div class=\"ocl-feature-item\">\n      <div class=\"ocl-feature-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><circle cx=\"9\" cy=\"10\" r=\"1\" fill=\"#914500\" stroke=\"none\"\/><circle cx=\"15\" cy=\"10\" r=\"1\" fill=\"#914500\" stroke=\"none\"\/><circle cx=\"12\" cy=\"14\" r=\"1\" fill=\"#914500\" stroke=\"none\"\/><\/svg><\/div>\n      <div class=\"ocl-feature-value\">Jeux<\/div>\n      <div class=\"ocl-feature-label\">Livres &#038; DVD enfants<\/div>\n    <\/div>\n\n    <div class=\"ocl-feature-item\">\n      <div class=\"ocl-feature-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 18V5l12-2v13\"\/><circle cx=\"6\" cy=\"18\" r=\"3\"\/><circle cx=\"18\" cy=\"16\" r=\"3\"\/><\/svg><\/div>\n      <div class=\"ocl-feature-value\">HiFi<\/div>\n      <div class=\"ocl-feature-label\">Premium Bluetooth<\/div>\n    <\/div>\n\n    <div class=\"ocl-feature-item\">\n      <div class=\"ocl-feature-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12.55a11 11 0 0 1 14.08 0\"\/><path d=\"M1.42 9a16 16 0 0 1 21.16 0\"\/><path d=\"M8.53 16.11a6 6 0 0 1 6.95 0\"\/><line x1=\"12\" y1=\"20\" x2=\"12.01\" y2=\"20\"\/><\/svg><\/div>\n      <div class=\"ocl-feature-value\">WiFi<\/div>\n      <div class=\"ocl-feature-label\">Haut d\u00e9bit<\/div>\n    <\/div>\n\n    <div class=\"ocl-feature-item\">\n      <div class=\"ocl-feature-icon\"><svg viewBox=\"0 0 24 24\"><ellipse cx=\"12\" cy=\"14\" rx=\"9\" ry=\"6\"\/><path d=\"M3 14c0-3 4-6 9-6s9 3 9 6\"\/><path d=\"M3 14c0 1 4 3 9 3s9-2 9-3\"\/><path d=\"M8 8c1-2 3-3 4-3s3 1 4 3\"\/><\/svg><\/div>\n      <div class=\"ocl-feature-value\">Pouf<\/div>\n      <div class=\"ocl-feature-label\">Confort enfants<\/div>\n    <\/div>\n\n    <div class=\"ocl-feature-item\">\n      <div class=\"ocl-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#914500\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 16c0 0 1-6 4-7l1-3h2l1 2h3l1-2h1v4l2 2v4H3z\"\/><path d=\"M4 15 L8 14\"\/><path d=\"M17 14 L20 16\"\/><circle cx=\"18\" cy=\"8\" r=\"1\" fill=\"#914500\" stroke=\"none\"\/><line x1=\"3\" y1=\"3\" x2=\"21\" y2=\"21\"\/><\/svg><\/div>\n      <div class=\"ocl-feature-value\"><\/div>\n      <div class=\"ocl-feature-label\">Animaux non admis<\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- SECTION 2 : PLANS -->\n<section class=\"ocl-plans\">\n  <h2 class=\"ocl-section-title\">Plans<\/h2>\n  <div class=\"ocl-plans-grid\">\n    <div class=\"ocl-plan-item\">\n      <div class=\"ocl-plan-label\">Rez-de-chauss\u00e9e<\/div>\n      <img decoding=\"async\" class=\"ocl-plan-img\" src=\"https:\/\/www.oconnel-lodge.com\/wp-content\/uploads\/2014\/03\/oconnel-lodge-alsace-RdC.jpeg\" alt=\"Plan du rez-de-chauss\u00e9e\" onclick=\"openPlanLightbox(0)\">\n    <\/div>\n    <div class=\"ocl-plan-item\">\n      <div class=\"ocl-plan-label\">\u00c9tage<\/div>\n      <img decoding=\"async\" class=\"ocl-plan-img\" src=\"https:\/\/www.oconnel-lodge.com\/wp-content\/uploads\/2014\/03\/oconnel-lodge-alsace-Etage.jpeg\" alt=\"Plan de l'\u00e9tage\" onclick=\"openPlanLightbox(1)\">\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- LIGHTBOX PLANS -->\n<div class=\"ocl-lightbox\" id=\"lightbox-plans\">\n  <button class=\"ocl-lightbox-close\" onclick=\"closePlanLightbox()\">\u00d7<\/button>\n  <button class=\"ocl-lightbox-prev\" onclick=\"changePlan(-1)\">\u2039<\/button>\n  <img decoding=\"async\" class=\"ocl-lightbox-img\" id=\"plan-lightbox-img\" src=\"\" alt=\"\">\n  <div class=\"ocl-lightbox-caption\" id=\"plan-lightbox-caption\"><\/div>\n  <button class=\"ocl-lightbox-next\" onclick=\"changePlan(1)\">\u203a<\/button>\n<\/div>\n\n<script>\nvar plans = [\n  { src: 'https:\/\/www.oconnel-lodge.com\/wp-content\/uploads\/2014\/03\/oconnel-lodge-alsace-RdC.jpeg', caption: 'Plan RDC' },\n  { src: 'https:\/\/www.oconnel-lodge.com\/wp-content\/uploads\/2014\/03\/oconnel-lodge-alsace-Etage.jpeg', caption: 'Plan \u00c9tage' }\n];\nvar currentPlan = 0;\nfunction openPlanLightbox(idx) {\n  currentPlan = idx;\n  document.getElementById('plan-lightbox-img').src = plans[idx].src;\n  document.getElementById('plan-lightbox-caption').textContent = plans[idx].caption;\n  document.getElementById('lightbox-plans').classList.add('active');\n  document.body.style.overflow = 'hidden';\n}\nfunction closePlanLightbox() {\n  document.getElementById('lightbox-plans').classList.remove('active');\n  document.body.style.overflow = '';\n}\nfunction changePlan(dir) {\n  currentPlan = (currentPlan + dir + plans.length) % plans.length;\n  document.getElementById('plan-lightbox-img').src = plans[currentPlan].src;\n  document.getElementById('plan-lightbox-caption').textContent = plans[currentPlan].caption;\n}\ndocument.getElementById('lightbox-plans').addEventListener('click', function(e) {\n  if (e.target === this) closePlanLightbox();\n});\ndocument.addEventListener('keydown', function(e) {\n  if (document.getElementById('lightbox-plans').classList.contains('active')) {\n    if (e.key === 'ArrowLeft') changePlan(-1);\n    if (e.key === 'ArrowRight') changePlan(1);\n    if (e.key === 'Escape') closePlanLightbox();\n  }\n});\n<\/script>\n\n\n<p><style>\n.ocl-texte p { margin-bottom: 0.5em; line-height: 1.6; }\n.ocl-texte br { display: block; content: ''; margin-top: 0.2em; }\n<\/style><\/p>\n<div class=\"ocl-texte\">\n<p>O&rsquo;Connel Lodge vous accueille d\u00e8s 2 jours le week-end ou 3 jours en semaine, en semaine compl\u00e8te (7 nuits) en cours s\u00e9jour et arriv\u00e9e d\u00e9part quand vous voulez d\u00e8s 4 jours en Juillet et Ao\u00fbt !<br \/>Votre Arriv\u00e9e \u00e0 partir de 16H00, D\u00e9part jusque 10H00.<\/p>\n<p>* Draps inclus.<br \/>* Serviettes de toilette et draps de bain inclus.<br \/>* Torchons de cuisine \u00e0 votre disposition.<br \/>* M\u00e9nage de fin de s\u00e9jour inclus.<br \/>* Taxe de s\u00e9jour inclus conform\u00e9ment \u00e0 la r\u00e9glementation en vigueur.<br \/>* Sauna <em>illimit\u00e9<\/em> pour vous d\u00e9tendre !<\/p>\n<p>Weekend au c\u0153ur de l&rsquo;Alsace &#8230; \u0152nologie, Randonn\u00e9e ou Ski, R\u00e9union de famille, et pour vous ?<\/p>\n<p>La location <a title=\"Grand Gite Kaysersberg : L'esprit Oconnel Lodge\" href=\"http:\/\/www.oconnel-lodge.com\/lesprit-lodge\/\" target=\"_blank\" rel=\"noopener noreferrer\">grand gite Kaysersberg<\/a> au O&rsquo;Connel Lodge vous laissera un souvenir inoubliable, tout a \u00e9t\u00e9 pens\u00e9 pour que chaque moment pass\u00e9 entre ses murs en bois soit un vrai moment de plaisir.<\/p>\n<p>Nous avons notamment tout mis en \u0153uvre pour atteindre un standard en terme de construction : <a title=\"Maison Passive Alsace, Colmar\" href=\"http:\/\/www.oconnel-lodge.com\/maison-passive-gite-ecologique-alsace\/\" target=\"_blank\" rel=\"noopener noreferrer\">le label Maison Passive<\/a><\/p>\n<\/div>\n\n\n<style>\n.ocl-gallery { padding: 80px 5%; background: #f5f0e8; }\n.ocl-section-title2 { text-align: center; font-size: clamp(1.1rem, 2.5vw, 1.5rem); font-weight: 300; letter-spacing: 0.2em; text-transform: uppercase; color: #4a3728; margin-bottom: 48px; }\n.ocl-section-title2::after { content: ''; display: block; width: 40px; height: 1px; background: #914500; margin: 16px auto 0; }\n.ocl-gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; max-width: 1200px; margin: 0 auto; }\n.ocl-gallery-item { position: relative; overflow: hidden; cursor: pointer; }\n.ocl-gallery-item.portrait { grid-row: span 2; }\n.ocl-gallery-item img { width: 100%; height: 100%; object-fit: cover; display: block; min-height: 200px; transition: transform 0.5s ease; }\n.ocl-gallery-item:hover img { transform: scale(1.04); }\n.ocl-gallery-caption { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(74,55,40,0.85); color: #f5f0e8; font-size: 0.75rem; letter-spacing: 0.15em; text-transform: uppercase; padding: 10px 14px; opacity: 0; transition: opacity 0.3s; }\n.ocl-gallery-item:hover .ocl-gallery-caption { opacity: 1; }\n.ocl-lightbox2 { display: none; position: fixed; inset: 0; background: rgba(30,20,15,0.95); z-index: 99999; align-items: center; justify-content: center; flex-direction: column; }\n.ocl-lightbox2.active { display: flex; }\n.ocl-lightbox2 img { max-width: 90vw; max-height: 80vh; object-fit: contain; }\n.ocl-lightbox2-caption { color: #c9c3b5; font-size: 0.8rem; letter-spacing: 0.2em; text-transform: uppercase; margin-top: 16px; }\n.ocl-lightbox2-close { position: absolute; top: 24px; right: 32px; color: #f5f0e8; font-size: 2rem; cursor: pointer; background: none; border: none; line-height: 1; }\n.ocl-lightbox2-prev, .ocl-lightbox2-next { position: absolute; top: 50%; transform: translateY(-50%); color: #f5f0e8; font-size: 2.5rem; cursor: pointer; background: none; border: none; line-height: 1; padding: 16px; opacity: 0.7; transition: opacity 0.2s; }\n.ocl-lightbox2-prev:hover, .ocl-lightbox2-next:hover { opacity: 1; }\n.ocl-lightbox2-prev { left: 16px; }\n.ocl-lightbox2-next { right: 16px; }\n.ocl-experiences { padding: 40px 5%; background: #4a3728; text-align: center; }\n.ocl-experiences-eyebrow { font-size: 2.0rem; letter-spacing: 0.35em; text-transform: uppercase; color: #914500; margin-bottom: 20px; }\n.ocl-experiences-title { font-size: clamp(1.5rem, 4vw, 2.5rem); font-weight: 300; color: #f5f0e8; letter-spacing: 0.05em; margin-bottom: 20px; line-height: 1.3; }\n.ocl-experiences-text { font-size: 1rem; color: #c9c3b5; max-width: 560px; margin: 0 auto 40px; line-height: 1.8; }\n.ocl-experiences-btn { display: inline-block; padding: 14px 40px; border: 1px solid #c9c3b5; color: #f5f0e8; font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 0.85rem; letter-spacing: 0.2em; text-transform: uppercase; text-decoration: none; transition: background 0.3s, color 0.3s; }\n.ocl-experiences-btn:hover { background: #f5f0e8; color: #4a3728; }\n<\/style>\n\n<!-- SECTION 3 : GALERIE -->\n<section class=\"ocl-gallery\">\n  <h2 class=\"ocl-section-title2\">Galerie<\/h2>\n  <div class=\"ocl-gallery-grid\" id=\"gallery-grid\">\n\n    <div class=\"ocl-gallery-item landscape\" onclick=\"openLightbox2('URL_PHOTO_1', 'Fa\u00e7ade ext\u00e9rieure')\">\n      <img decoding=\"async\" src=\"URL_PHOTO_1\" alt=\"Fa\u00e7ade ext\u00e9rieure\">\n      <div class=\"ocl-gallery-caption\">Fa\u00e7ade ext\u00e9rieure<\/div>\n    <\/div>\n\n    <div class=\"ocl-gallery-item portrait\" onclick=\"openLightbox2('URL_PHOTO_2', 'S\u00e9jour')\">\n      <img decoding=\"async\" src=\"URL_PHOTO_2\" alt=\"S\u00e9jour\">\n      <div class=\"ocl-gallery-caption\">S\u00e9jour<\/div>\n    <\/div>\n\n    <div class=\"ocl-gallery-item landscape\" onclick=\"openLightbox2('URL_PHOTO_3', 'Cuisine')\">\n      <img decoding=\"async\" src=\"URL_PHOTO_3\" alt=\"Cuisine\">\n      <div class=\"ocl-gallery-caption\">Cuisine<\/div>\n    <\/div>\n\n    <div class=\"ocl-gallery-item landscape\" onclick=\"openLightbox2('URL_PHOTO_4', 'Chambre 1')\">\n      <img decoding=\"async\" src=\"URL_PHOTO_4\" alt=\"Chambre 1\">\n      <div class=\"ocl-gallery-caption\">Chambre 1<\/div>\n    <\/div>\n\n    <div class=\"ocl-gallery-item portrait\" onclick=\"openLightbox2('URL_PHOTO_5', 'Chambre 2')\">\n      <img decoding=\"async\" src=\"URL_PHOTO_5\" alt=\"Chambre 2\">\n      <div class=\"ocl-gallery-caption\">Chambre 2<\/div>\n    <\/div>\n\n    <div class=\"ocl-gallery-item landscape\" onclick=\"openLightbox2('URL_PHOTO_6', 'Chambre 3')\">\n      <img decoding=\"async\" src=\"URL_PHOTO_6\" alt=\"Chambre 3\">\n      <div class=\"ocl-gallery-caption\">Chambre 3<\/div>\n    <\/div>\n\n    <div class=\"ocl-gallery-item landscape\" onclick=\"openLightbox2('URL_PHOTO_7', 'Chambre 4')\">\n      <img decoding=\"async\" src=\"URL_PHOTO_7\" alt=\"Chambre 4\">\n      <div class=\"ocl-gallery-caption\">Chambre 4<\/div>\n    <\/div>\n\n    <div class=\"ocl-gallery-item portrait\" onclick=\"openLightbox2('URL_PHOTO_8', 'Chambre 5')\">\n      <img decoding=\"async\" src=\"URL_PHOTO_8\" alt=\"Chambre 5\">\n      <div class=\"ocl-gallery-caption\">Chambre 5<\/div>\n    <\/div>\n\n    <div class=\"ocl-gallery-item landscape\" onclick=\"openLightbox2('URL_PHOTO_9', 'Salle de bain')\">\n      <img decoding=\"async\" src=\"URL_PHOTO_9\" alt=\"Salle de bain\">\n      <div class=\"ocl-gallery-caption\">Salle de bain<\/div>\n    <\/div>\n\n    <div class=\"ocl-gallery-item landscape\" onclick=\"openLightbox2('URL_PHOTO_10', 'Sauna')\">\n      <img decoding=\"async\" src=\"URL_PHOTO_10\" alt=\"Sauna\">\n      <div class=\"ocl-gallery-caption\">Sauna<\/div>\n    <\/div>\n\n    <div class=\"ocl-gallery-item portrait\" onclick=\"openLightbox2('URL_PHOTO_11', 'Terrasse')\">\n      <img decoding=\"async\" src=\"URL_PHOTO_11\" alt=\"Terrasse\">\n      <div class=\"ocl-gallery-caption\">Terrasse<\/div>\n    <\/div>\n\n    <div class=\"ocl-gallery-item landscape\" onclick=\"openLightbox2('URL_PHOTO_12', 'Vue vignoble')\">\n      <img decoding=\"async\" src=\"URL_PHOTO_12\" alt=\"Vue vignoble\">\n      <div class=\"ocl-gallery-caption\">Vue vignoble<\/div>\n    <\/div>\n\n    <div class=\"ocl-gallery-item landscape\" onclick=\"openLightbox2('URL_PHOTO_13', 'Mezzanine')\">\n      <img decoding=\"async\" src=\"URL_PHOTO_13\" alt=\"Mezzanine\">\n      <div class=\"ocl-gallery-caption\">Mezzanine<\/div>\n    <\/div>\n\n    <div class=\"ocl-gallery-item landscape\" onclick=\"openLightbox2('URL_PHOTO_14', 'Espace enfants')\">\n      <img decoding=\"async\" src=\"URL_PHOTO_14\" alt=\"Espace enfants\">\n      <div class=\"ocl-gallery-caption\">Espace enfants<\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- LIGHTBOX GALERIE -->\n<div class=\"ocl-lightbox2\" id=\"lightbox2\">\n  <button class=\"ocl-lightbox2-close\" onclick=\"closeLightbox2()\">\u00d7<\/button>\n  <button class=\"ocl-lightbox2-prev\" onclick=\"changePhoto2(-1)\">\u2039<\/button>\n  <img decoding=\"async\" id=\"lightbox2-img\" src=\"\" alt=\"\">\n  <div class=\"ocl-lightbox2-caption\" id=\"lightbox2-caption\"><\/div>\n  <button class=\"ocl-lightbox2-next\" onclick=\"changePhoto2(1)\">\u203a<\/button>\n<\/div>\n\n<!-- SECTION 4 : CTA EXP\u00c9RIENCES -->\n<section class=\"ocl-experiences\">\n  <div class=\"ocl-experiences-eyebrow\">Autour du Lodge<\/div>\n  <h2 class=\"ocl-experiences-title\">En famille, route des vins, randonn\u00e9es,<br>gastronomie, culture alsacienne \u2014<br>tout commence ici.<\/h2>\n  <p class=\"ocl-experiences-text\">L&rsquo;Alsace regorge d&rsquo;exp\u00e9riences inoubliables \u00e0 port\u00e9e de main. Colmar, Kaysersberg, la route des vins, les randonn\u00e9es dans les Vosges&#8230;<\/p>\n  <a href=\"https:\/\/www.oconnel-lodge.com\/bonnes-adresses\/\" class=\"ocl-experiences-btn\">D\u00e9couvrir les exp\u00e9riences<\/a>\n<\/section>\n\n<script>\nvar photos2 = [];\nvar currentIndex2 = 0;\ndocument.querySelectorAll('.ocl-gallery-item').forEach(function(item) {\n  var img = item.querySelector('img');\n  var caption = item.querySelector('.ocl-gallery-caption');\n  photos2.push({ src: img.src, caption: caption ? caption.textContent : '' });\n});\nfunction openLightbox2(src, caption) {\n  var idx = photos2.findIndex(function(p) { return p.src === src; });\n  if (idx >= 0) currentIndex2 = idx;\n  document.getElementById('lightbox2-img').src = src;\n  document.getElementById('lightbox2-caption').textContent = caption;\n  document.getElementById('lightbox2').classList.add('active');\n  document.body.style.overflow = 'hidden';\n}\nfunction closeLightbox2() {\n  document.getElementById('lightbox2').classList.remove('active');\n  document.body.style.overflow = '';\n}\nfunction changePhoto2(dir) {\n  currentIndex2 = (currentIndex2 + dir + photos2.length) % photos2.length;\n  var p = photos2[currentIndex2];\n  document.getElementById('lightbox2-img').src = p.src;\n  document.getElementById('lightbox2-caption').textContent = p.caption;\n}\ndocument.getElementById('lightbox2').addEventListener('click', function(e) {\n  if (e.target === this) closeLightbox2();\n});\ndocument.addEventListener('keydown', function(e) {\n  if (document.getElementById('lightbox2').classList.contains('active')) {\n    if (e.key === 'ArrowLeft') changePhoto2(-1);\n    if (e.key === 'ArrowRight') changePhoto2(1);\n    if (e.key === 'Escape') closeLightbox2();\n  }\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Location grand g\u00eete 12 Personnes (Alsace Colmar, Kaysersberg, Riquewihr ) : c&rsquo;est ici ! O&rsquo;Connel Lodge + de 200m\u00b2 d&rsquo;espace grand confort 12 Personnes 5 Chambres 5 Salles de bain WC 4 WC 1 TV enfants Vue Vignoble 60m\u00b2 Espace de vie 2 Mezzanines 1 Sauna 1 Grande terrasse 1 BBQ 5 Parkings priv\u00e9s Accessible&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"default","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.oconnel-lodge.com\/en\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oconnel-lodge.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.oconnel-lodge.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.oconnel-lodge.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.oconnel-lodge.com\/en\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":104,"href":"https:\/\/www.oconnel-lodge.com\/en\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":2057,"href":"https:\/\/www.oconnel-lodge.com\/en\/wp-json\/wp\/v2\/pages\/22\/revisions\/2057"}],"wp:attachment":[{"href":"https:\/\/www.oconnel-lodge.com\/en\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}