{"id":3,"date":"2026-04-03T11:41:11","date_gmt":"2026-04-03T09:41:11","guid":{"rendered":"https:\/\/outdoor-booking.com\/guides\/demo-canyoning\/reservation\/"},"modified":"2026-04-03T11:41:11","modified_gmt":"2026-04-03T09:41:11","slug":"reservation","status":"publish","type":"page","link":"https:\/\/outdoor-booking.com\/guides\/demo-canyoning\/","title":{"rendered":"R\u00e9servation"},"content":{"rendered":"\n<div id=\"ob-booking-form-wrap\" class=\"ob-booking-wrap\" style=\"--ob-max-width:1100px;--ob-badge-top:16px;--ob-badge-rotate:35;--ob-badge-scale:1\">\n\n    <div class=\"ob-booking-header\">\n    <h2>D\u00e9mo Canyoning<\/h2>\n    <p>Remplissez le formulaire ci-dessous pour soumettre votre demande de r\u00e9servation.    <\/p>\n  <\/div>\n  \n  \n  <!-- \u00c9tapes -->  <div class=\"ob-steps\">\n    <div class=\"ob-step active\" data-step=\"1\" data-step-total=\"4\" data-label=\"Prestation\"><span>1<\/span> Prestation<\/div>\n    <div class=\"ob-step\" data-step=\"2\" data-step-total=\"4\" data-label=\"Coordonn\u00e9es\"><span>2<\/span> Coordonn\u00e9es<\/div>\n    <div class=\"ob-step\" data-step=\"3\" data-step-total=\"4\" data-label=\"Participants\"><span>3<\/span> Participants<\/div>\n    <div class=\"ob-step\" data-step=\"4\" data-step-total=\"4\"\n         data-label=\"Confirmation\">\n      <span>4<\/span>\n      Confirmation    <\/div>\n  <\/div>\n\n  <form id=\"ob-booking-form\" novalidate>\n\n    <!-- \u2500\u2500 \u00c9TAPE 1 : Prestation & Date \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <div class=\"ob-step-content active\" data-step=\"1\">\n      <h3 class=\"ob-step-title\">\ud83c\udfde\ufe0f Choisissez votre prestation<\/h3>\n      <p class=\"ob-mobile-hint\" id=\"ob-tap-hint\">\n        \ud83d\udc46 Tapez sur une activit\u00e9 pour s\u00e9lectionner et choisir la date      <\/p>\n\n      \n      \n      <div class=\"ob-prestation-grid ob-grid-col-4\" id=\"ob-prestation-grid\">\n                <label class=\"ob-prestation-card\"\n               data-prestation-id=\"prest_demo_69d0cb76a6bd8\"\n               data-activity=\"canyoning\">\n          <input type=\"radio\" name=\"prestation\" value=\"Canyon D\u00e9couverte\" required>\n          <div class=\"ob-pcard-inner\">\n                        <div class=\"ob-pcard-image\">\n              <img decoding=\"async\" src=\"https:\/\/outdoor-booking.com\/guides\/demo-canyoning\/wp-content\/uploads\/sites\/45\/2026\/04\/OB_canyon-4-1024x683.jpg\" alt=\"Canyon D\u00e9couverte\" loading=\"lazy\">\n              <!-- Badge dans ob-pcard-image (overflow:hidden) \u2014 clip\u00e9 proprement comme l'aper\u00e7u admin -->\n              <div class=\"ob-dispo-badge\" aria-live=\"polite\"><\/div>\n                          <\/div>\n                        <div class=\"ob-pcard-body\">\n              <div class=\"ob-pcard-nom\">Canyon D\u00e9couverte<\/div>\n                            <div class=\"ob-pcard-desc\">Rapels, sauts et toboggans dans un cadre exceptionnel. Id\u00e9al pour une premi\u00e8re descente.<\/div>\n                            <div class=\"ob-pcard-meta\">\n                <div class=\"ob-pcard-meta-item ob-meta-niveau\">\n                  <span class=\"ob-pcard-meta-lbl\">Niveau<\/span>\n                  <span class=\"ob-pcard-meta-val\">\ud83d\udd35 D\u00e9couverte<\/span>\n                <\/div>\n                <div class=\"ob-pcard-meta-item ob-meta-prix\">\n                  <span class=\"ob-pcard-meta-lbl\">Tarif<\/span>\n                  <span class=\"ob-pcard-meta-val\">45\u20ac\/pers<\/span>\n                <\/div>\n                                <div class=\"ob-pcard-meta-item\">\n                  <span class=\"ob-pcard-meta-lbl\">\u00c2ge min.<\/span>\n                  <span class=\"ob-pcard-meta-val\">\ud83d\udc64 D\u00e8s 12 ans<\/span>\n                <\/div>\n                                                <div class=\"ob-pcard-meta-item\">\n                  <span class=\"ob-pcard-meta-lbl\">Dur\u00e9e<\/span>\n                  <span class=\"ob-pcard-meta-val\">\u23f1 3h30<\/span>\n                <\/div>\n                              <\/div>\n            <\/div>\n            <div class=\"ob-pcard-scroll-btn\" style=\"display:none\">\n              <span class=\"ob-btn ob-btn-primary ob-btn-scroll-cal\">\n                \ud83d\udcc5 Choisir la date \u2193\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/label>\n                <label class=\"ob-prestation-card\"\n               data-prestation-id=\"prest_demo_69d0cb76a6bdb\"\n               data-activity=\"canyoning\">\n          <input type=\"radio\" name=\"prestation\" value=\"Canyon Familial\" required>\n          <div class=\"ob-pcard-inner\">\n                        <div class=\"ob-pcard-image\">\n              <img decoding=\"async\" src=\"https:\/\/outdoor-booking.com\/guides\/demo-canyoning\/wp-content\/uploads\/sites\/45\/2026\/04\/OB_canyon-1-1024x683.jpg\" alt=\"Canyon Familial\" loading=\"lazy\">\n              <!-- Badge dans ob-pcard-image (overflow:hidden) \u2014 clip\u00e9 proprement comme l'aper\u00e7u admin -->\n              <div class=\"ob-dispo-badge\" aria-live=\"polite\"><\/div>\n                          <\/div>\n                        <div class=\"ob-pcard-body\">\n              <div class=\"ob-pcard-nom\">Canyon Familial<\/div>\n                            <div class=\"ob-pcard-desc\">Parcours adapt\u00e9 aux enfants d\u00e8s 8 ans. Petits sauts et jeux d&#039;eau en toute s\u00e9curit\u00e9.<\/div>\n                            <div class=\"ob-pcard-meta\">\n                <div class=\"ob-pcard-meta-item ob-meta-niveau\">\n                  <span class=\"ob-pcard-meta-lbl\">Niveau<\/span>\n                  <span class=\"ob-pcard-meta-val\">\ud83d\udfe2 Familial<\/span>\n                <\/div>\n                <div class=\"ob-pcard-meta-item ob-meta-prix\">\n                  <span class=\"ob-pcard-meta-lbl\">Tarif<\/span>\n                  <span class=\"ob-pcard-meta-val\">35\u20ac\/pers<\/span>\n                <\/div>\n                                <div class=\"ob-pcard-meta-item\">\n                  <span class=\"ob-pcard-meta-lbl\">\u00c2ge min.<\/span>\n                  <span class=\"ob-pcard-meta-val\">\ud83d\udc64 D\u00e8s 8 ans<\/span>\n                <\/div>\n                                                <div class=\"ob-pcard-meta-item\">\n                  <span class=\"ob-pcard-meta-lbl\">Dur\u00e9e<\/span>\n                  <span class=\"ob-pcard-meta-val\">\u23f1 2h<\/span>\n                <\/div>\n                              <\/div>\n            <\/div>\n            <div class=\"ob-pcard-scroll-btn\" style=\"display:none\">\n              <span class=\"ob-btn ob-btn-primary ob-btn-scroll-cal\">\n                \ud83d\udcc5 Choisir la date \u2193\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/label>\n                <label class=\"ob-prestation-card\"\n               data-prestation-id=\"prest_demo_69d0cb76a6bdd\"\n               data-activity=\"canyoning\">\n          <input type=\"radio\" name=\"prestation\" value=\"Canyon Sportif\" required>\n          <div class=\"ob-pcard-inner\">\n                        <div class=\"ob-pcard-image\">\n              <img decoding=\"async\" src=\"https:\/\/outdoor-booking.com\/guides\/demo-canyoning\/wp-content\/uploads\/sites\/45\/2026\/04\/OB_canyon-5-1024x683.jpg\" alt=\"Canyon Sportif\" loading=\"lazy\">\n              <!-- Badge dans ob-pcard-image (overflow:hidden) \u2014 clip\u00e9 proprement comme l'aper\u00e7u admin -->\n              <div class=\"ob-dispo-badge\" aria-live=\"polite\"><\/div>\n                          <\/div>\n                        <div class=\"ob-pcard-body\">\n              <div class=\"ob-pcard-nom\">Canyon Sportif<\/div>\n                            <div class=\"ob-pcard-desc\">Descente engag\u00e9e avec grands rappels et sauts techniques.<\/div>\n                            <div class=\"ob-pcard-meta\">\n                <div class=\"ob-pcard-meta-item ob-meta-niveau\">\n                  <span class=\"ob-pcard-meta-lbl\">Niveau<\/span>\n                  <span class=\"ob-pcard-meta-val\">\ud83d\udfe0 Sportif<\/span>\n                <\/div>\n                <div class=\"ob-pcard-meta-item ob-meta-prix\">\n                  <span class=\"ob-pcard-meta-lbl\">Tarif<\/span>\n                  <span class=\"ob-pcard-meta-val\">65\u20ac\/pers<\/span>\n                <\/div>\n                                <div class=\"ob-pcard-meta-item\">\n                  <span class=\"ob-pcard-meta-lbl\">\u00c2ge min.<\/span>\n                  <span class=\"ob-pcard-meta-val\">\ud83d\udc64 D\u00e8s 16 ans<\/span>\n                <\/div>\n                                                <div class=\"ob-pcard-meta-item\">\n                  <span class=\"ob-pcard-meta-lbl\">Dur\u00e9e<\/span>\n                  <span class=\"ob-pcard-meta-val\">\u23f1 5h<\/span>\n                <\/div>\n                              <\/div>\n            <\/div>\n            <div class=\"ob-pcard-scroll-btn\" style=\"display:none\">\n              <span class=\"ob-btn ob-btn-primary ob-btn-scroll-cal\">\n                \ud83d\udcc5 Choisir la date \u2193\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/label>\n                <label class=\"ob-prestation-card\"\n               data-prestation-id=\"prest_demo_69d0cb76a6bde\"\n               data-activity=\"canyoning\">\n          <input type=\"radio\" name=\"prestation\" value=\"Canyon Extr\u00eame\" required>\n          <div class=\"ob-pcard-inner\">\n                        <div class=\"ob-pcard-image\">\n              <img decoding=\"async\" src=\"https:\/\/outdoor-booking.com\/guides\/demo-canyoning\/wp-content\/uploads\/sites\/45\/2026\/04\/OB_canyon-5-1.jpg\" alt=\"Canyon Extr\u00eame\" loading=\"lazy\">\n              <!-- Badge dans ob-pcard-image (overflow:hidden) \u2014 clip\u00e9 proprement comme l'aper\u00e7u admin -->\n              <div class=\"ob-dispo-badge\" aria-live=\"polite\"><\/div>\n                          <\/div>\n                        <div class=\"ob-pcard-body\">\n              <div class=\"ob-pcard-nom\">Canyon Extr\u00eame<\/div>\n                            <div class=\"ob-pcard-desc\">Pour les pratiquants confirm\u00e9s. Rappels a\u00e9riens et passages techniques.<\/div>\n                            <div class=\"ob-pcard-meta\">\n                <div class=\"ob-pcard-meta-item ob-meta-niveau\">\n                  <span class=\"ob-pcard-meta-lbl\">Niveau<\/span>\n                  <span class=\"ob-pcard-meta-val\">\ud83d\udd34 Tr\u00e8s sportif<\/span>\n                <\/div>\n                <div class=\"ob-pcard-meta-item ob-meta-prix\">\n                  <span class=\"ob-pcard-meta-lbl\">Tarif<\/span>\n                  <span class=\"ob-pcard-meta-val\">90\u20ac\/pers<\/span>\n                <\/div>\n                                <div class=\"ob-pcard-meta-item\">\n                  <span class=\"ob-pcard-meta-lbl\">\u00c2ge min.<\/span>\n                  <span class=\"ob-pcard-meta-val\">\ud83d\udc64 D\u00e8s 18 ans<\/span>\n                <\/div>\n                                                <div class=\"ob-pcard-meta-item\">\n                  <span class=\"ob-pcard-meta-lbl\">Dur\u00e9e<\/span>\n                  <span class=\"ob-pcard-meta-val\">\u23f1 7h<\/span>\n                <\/div>\n                              <\/div>\n            <\/div>\n            <div class=\"ob-pcard-scroll-btn\" style=\"display:none\">\n              <span class=\"ob-btn ob-btn-primary ob-btn-scroll-cal\">\n                \ud83d\udcc5 Choisir la date \u2193\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/label>\n              <\/div>\n\n      \n      <!-- Calendrier de s\u00e9lection de cr\u00e9neau -->\n      <div class=\"ob-calendar-wrap\" id=\"ob-calendar-wrap\" style=\"display:none;margin-top:24px\">\n        <div class=\"ob-cal-toolbar\">\n          <div class=\"ob-cal-nav\">\n            <button type=\"button\" class=\"ob-cal-prev\" id=\"ob-cal-prev\">\u2039<\/button>\n            <span class=\"ob-cal-month-label\" id=\"ob-cal-month-label\"><\/span>\n            <button type=\"button\" class=\"ob-cal-next\" id=\"ob-cal-next\">\u203a<\/button>\n          <\/div>\n          <div class=\"ob-cal-view-switch\">\n            <button type=\"button\" class=\"ob-view-btn\" data-view=\"mois\">Mois<\/button>\n            <button type=\"button\" class=\"ob-view-btn\" data-view=\"semaine\">Semaine<\/button>\n            <button type=\"button\" class=\"ob-view-btn\" data-view=\"jour\">Jour<\/button>\n          <\/div>\n        <\/div>\n\n        <!-- Grille principale (mois \/ semaine \/ jour) -->\n        <div class=\"ob-cal-grid\" id=\"ob-cal-grid\">\n            <div class=\"ob-cal-loading\">\u23f3 Chargement des disponibilit\u00e9s\u2026<\/div>\n        <\/div>\n\n        <!-- Cr\u00e9neaux horaires (vue mois uniquement, au clic sur un jour) -->\n        <div class=\"ob-cal-slots\" id=\"ob-cal-slots\" style=\"display:none\">\n            <div class=\"ob-cal-slots-label\" id=\"ob-cal-slots-label\"><\/div>\n            <div class=\"ob-cal-slots-list\" id=\"ob-cal-slots-list\"><\/div>\n        <\/div>\n\n        <!-- Champs cach\u00e9s -->\n        <input type=\"hidden\" id=\"ob-date\"          name=\"date_souhaitee\">\n        <input type=\"hidden\" id=\"ob-creneau-id\"    name=\"creneau_id\">\n        <input type=\"hidden\" id=\"ob-creneau-heure\" name=\"creneau_heure\">\n        <input type=\"hidden\" id=\"ob-prestation-id\" name=\"prestation_id\">\n      <\/div>\n\n      <!-- Fallback : si pas de cr\u00e9neaux configur\u00e9s, afficher champ date libre -->\n      <div class=\"ob-date-fallback\" id=\"ob-date-fallback\">\n        <div class=\"ob-field\" style=\"margin-top:24px\">\n          <label for=\"ob-date-free\">\ud83d\udcc5 Date souhait\u00e9e <span class=\"req\">*<\/span><\/label>\n          <input type=\"date\" id=\"ob-date-free\" min=\"2026-05-28\">\n          <span class=\"ob-hint\">La date est indicative. Nous confirmerons la disponibilit\u00e9.<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"ob-step-nav\">\n        <button type=\"button\" class=\"ob-btn ob-btn-primary ob-next\" data-from=\"1\">Suivant \u2192<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- CTA flottant mobile \u2014 appara\u00eet apr\u00e8s s\u00e9lection prestation -->\n    <div id=\"ob-mobile-cta\" class=\"ob-mobile-cta\" style=\"display:none\" aria-live=\"polite\">\n      <div class=\"ob-mobile-cta-inner\">\n        <span id=\"ob-mobile-cta-nom\" class=\"ob-mobile-cta-nom\"><\/span>\n        <button type=\"button\" class=\"ob-mobile-cta-btn\" id=\"ob-mobile-cta-btn\">\n          \ud83d\udcc5 Choisir la date \u2192\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <!-- \u2500\u2500 \u00c9TAPE 2 : Coordonn\u00e9es \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <div class=\"ob-step-content\" data-step=\"2\">\n      <h3 class=\"ob-step-title\">\ud83d\udc64 Vos coordonn\u00e9es<\/h3>\n\n      <div class=\"ob-field-row\">\n        <div class=\"ob-field\">\n          <label for=\"ob-prenom\">Pr\u00e9nom <span class=\"req\">*<\/span><\/label>\n          <input type=\"text\" id=\"ob-prenom\" name=\"prenom\" required autocomplete=\"given-name\">\n        <\/div>\n        <div class=\"ob-field\">\n          <label for=\"ob-nom\">Nom <span class=\"req\">*<\/span><\/label>\n          <input type=\"text\" id=\"ob-nom\" name=\"nom\" required autocomplete=\"family-name\">\n        <\/div>\n      <\/div>\n      <div class=\"ob-field-row\">\n        <div class=\"ob-field\">\n          <label for=\"ob-email\">Email <span class=\"req\">*<\/span><\/label>\n          <input type=\"email\" id=\"ob-email\" name=\"email\" required autocomplete=\"email\">\n        <\/div>\n        <div class=\"ob-field\">\n          <label for=\"ob-telephone\">T\u00e9l\u00e9phone <span class=\"req\">*<\/span><\/label>\n          <input type=\"tel\" id=\"ob-telephone\" name=\"telephone\" required autocomplete=\"tel\"\n                 placeholder=\"Ex : 06 12 34 56 78\">\n        <\/div>\n      <\/div>\n\n      <div class=\"ob-step-nav\">\n        <button type=\"button\" class=\"ob-btn ob-prev\" data-from=\"2\">\u2190 Retour<\/button>\n        <button type=\"button\" class=\"ob-btn ob-btn-primary ob-next\" data-from=\"2\">Suivant \u2192<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- \u2500\u2500 \u00c9TAPE 3 : Participants & Sant\u00e9 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <div class=\"ob-step-content\" data-step=\"3\">\n      <h3 class=\"ob-step-title\">\ud83d\udc65 Participants & informations<\/h3>\n\n      <!-- R\u00e9cap prestation + cr\u00e9neau + barre places + total (rempli par JS) -->\n      <div id=\"ob-step3-recap\" class=\"ob-step3-recap\" style=\"display:none\">\n        <div class=\"ob-step3-recap-title\">Votre r\u00e9servation<\/div>\n        <div id=\"ob-step3-recap-nom\" class=\"ob-step3-recap-detail\"><\/div>\n        <div id=\"ob-step3-recap-heure\" class=\"ob-step3-recap-heure\"><\/div>\n        <div id=\"ob-step3-places-wrap\" class=\"ob-places-bar-wrap\" style=\"display:none\">\n          <div class=\"ob-places-bar-label\">\n            <span id=\"ob-step3-places-label\"><\/span>\n            <strong id=\"ob-step3-places-restant\"><\/strong>\n          <\/div>\n          <div class=\"ob-places-bar-track\">\n            <div class=\"ob-places-bar-fill\" id=\"ob-step3-places-fill\" style=\"width:0%\"><\/div>\n          <\/div>\n        <\/div>\n        <div id=\"ob-step3-total\" class=\"ob-step3-total\" style=\"display:none\">\n          <span>Total<\/span>\n          <strong id=\"ob-step3-total-val\"><\/strong>\n        <\/div>\n      <\/div>\n\n      <div class=\"ob-field ob-field-sm\">\n        <label>Nombre de participants <span class=\"req\">*<\/span><\/label>\n        <div class=\"ob-nb-widget\">\n          <button type=\"button\" class=\"ob-nb-btn\" id=\"ob-nb-minus\">\u2212<\/button>\n          <span id=\"ob-nb-display\">1<\/span>\n          <button type=\"button\" class=\"ob-nb-btn\" id=\"ob-nb-plus\">+<\/button>\n        <\/div>\n        <input type=\"hidden\" id=\"ob-nb\" name=\"nb_participants\" value=\"1\">\n        <span class=\"ob-hint\" id=\"ob-nb-hint\"><\/span>\n      <\/div>\n\n      <!-- Zone pr\u00e9noms + \u00e2ges \u2014 appara\u00eet dynamiquement, participant 1 pr\u00e9-rempli -->\n            <div id=\"ob-prenoms-wrap\" class=\"ob-prenoms-wrap\" style=\"display:none\"\n           data-infos=\"oui\">\n        <div class=\"ob-prenoms-header\">\n          <span class=\"ob-prenoms-icon\">\ud83d\ude4b<\/span>\n          <div>\n                        <strong>Informations sur les participants<\/strong>\n            <span class=\"ob-prenoms-hint\" id=\"ob-prenoms-hint-text\">Pr\u00e9nom et informations de chaque participant.<\/span>\n                      <\/div>\n                  <\/div>\n        <div id=\"ob-prenoms-fields\" class=\"ob-prenoms-fields\"><\/div>\n        <input type=\"hidden\" id=\"ob-prenoms\" name=\"prenoms_participants\" value=\"\">\n        <input type=\"hidden\" id=\"ob-ages\"    name=\"ages\"                 value=\"\">\n        <input type=\"hidden\" id=\"ob-poids\"    name=\"poids_participants\"    value=\"\">\n        <input type=\"hidden\" id=\"ob-tailles\"  name=\"tailles_participants\"  value=\"\">\n        <input type=\"hidden\" id=\"ob-pointure\" name=\"pointure_participants\" value=\"\">\n        <input type=\"hidden\" id=\"ob-nager\"    name=\"nager_participants\"    value=\"\">\n        <input type=\"hidden\" id=\"ob-vertige\"  name=\"vertige_participants\"  value=\"\">\n      <\/div>\n\n\n\n            <div class=\"ob-notice ob-notice-warning\">\n        <strong>\u26a0\ufe0f Informations importantes :<\/strong><br>\n        Il est OBLIGATOIRE de signaler tout handicap physique ou mental lors de votre r\u00e9servation. La descente de canyon est d\u00e9conseill\u00e9e aux personnes sensibles au vertige et fragiles du dos. Il est indispensable de savoir nager.      <\/div>\n      \n      <div class=\"ob-field\">\n        <label for=\"ob-remarques\">Remarques m\u00e9dicales \/ handicap \/ informations compl\u00e9mentaires<\/label>\n        <textarea id=\"ob-remarques\" name=\"remarques\" rows=\"3\"\n                  placeholder=\"Signalez tout handicap physique ou mental, allergie, traitement m\u00e9dical, ou toute information utile pour votre s\u00e9curit\u00e9...\"><\/textarea>\n      <\/div>\n\n      <div class=\"ob-step-nav\">\n        <button type=\"button\" class=\"ob-btn ob-prev\" data-from=\"3\">\u2190 Retour<\/button>\n        <button type=\"button\" class=\"ob-btn ob-btn-primary ob-next\" data-from=\"3\">Suivant \u2192<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- \u2500\u2500 \u00c9TAPE 4 : Paiement \/ Confirmation \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n        <div class=\"ob-step-content\" data-step=\"4\">\n      <h3 class=\"ob-step-title\">\n                \u2705 Confirmation              <\/h3>\n\n      <!-- \u2500\u2500 R\u00e9capitulatif r\u00e9servation \u2500\u2500 -->\n      <div id=\"ob-booking-recap\" class=\"ob-booking-recap\" style=\"display:none\">\n\n        <!-- Ligne image + prestation + date -->\n        <div class=\"ob-recap-header\">\n          <div class=\"ob-recap-image-wrap\">\n            <img decoding=\"async\" id=\"ob-recap-image\" src=\"\" alt=\"\" class=\"ob-recap-image\" style=\"display:none\">\n            <div id=\"ob-recap-image-placeholder\" class=\"ob-recap-image-placeholder\">\ud83c\udfd4\ufe0f<\/div>\n          <\/div>\n          <div class=\"ob-recap-info\">\n            <div class=\"ob-recap-prestation\" id=\"ob-recap-prestation-nom\"><\/div>\n            <div class=\"ob-recap-date\" id=\"ob-recap-date\"><\/div>\n            <div class=\"ob-recap-nb\" id=\"ob-recap-nb\"><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Participants -->\n        <div class=\"ob-recap-parts\" id=\"ob-recap-parts\" style=\"display:none\">\n          <div class=\"ob-recap-parts-title\">\ud83d\udc65 Participants<\/div>\n          <div class=\"ob-recap-parts-list\" id=\"ob-recap-parts-list\"><\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- R\u00e9capitulatif prix \u2014 rempli dynamiquement par JS -->\n      <div id=\"ob-prix-recap\" class=\"ob-prix-recap\" style=\"display:none\">\n        <span id=\"ob-prix-recap-label\"><\/span>\n        <span id=\"ob-prix-recap-total\"><\/span>\n      <\/div>\n\n            <div class=\"ob-notice ob-notice-info\">\n        \u2139\ufe0f <strong>Votre demande est presque envoy\u00e9e !<\/strong><br>\n        V\u00e9rifiez vos informations ci-dessus puis cliquez sur \"Soumettre\". Le prestataire confirmera votre demande par email sous 48h.      <\/div>\n      \n      \n            <div class=\"ob-cgv-block\">\n        <div class=\"ob-cgv-block-title\">\ud83d\udccb Politique d'annulation<\/div>\n        <div class=\"ob-cgv-block-content\">[d\u00e9mo : \u00e0 personnaliser dans votre \"tableau de bord\"] \u2014 Toute annulation doit \u00eatre effectu\u00e9e au minimum 48h \u00e0 l'avance. \u2014 L'acompte vers\u00e9 \u00e0 la r\u00e9servation n'est pas remboursable en cas d'annulation tardive. \u2014 L'activit\u00e9 est maintenue selon les conditions m\u00e9t\u00e9orologiques du jour. En cas d'annulation de ma part pour raisons de s\u00e9curit\u00e9, vous serez rembours\u00e9 int\u00e9gralement.<\/div>\n      <\/div>\n      \n            <div class=\"ob-cgv-block\">\n        <div class=\"ob-cgv-block-title\">\ud83d\udcc4 Conditions g\u00e9n\u00e9rales<\/div>\n        <div class=\"ob-cgv-block-content\">CGV - 2026<\/div>\n      <\/div>\n      \n      <div class=\"ob-field\">\n        <label class=\"ob-checkbox-label\">\n          <input type=\"checkbox\" id=\"ob-cgv\" required>\n          <span>J'ai lu et j'accepte la politique d'annulation et les conditions g\u00e9n\u00e9rales ci-dessus.<\/span>\n        <\/label>\n      <\/div>\n\n      <div class=\"ob-step-nav\">\n        <button type=\"button\" class=\"ob-btn ob-prev\" data-from=\"4\">\u2190 Retour<\/button>\n        <button type=\"submit\" id=\"ob-submit-btn\" class=\"ob-btn ob-btn-primary ob-btn-lg\">\n          <span id=\"ob-submit-text\">\ud83d\udd12 Soumettre une r\u00e9servation<\/span>\n          <span id=\"ob-submit-loader\" style=\"display:none\">\u23f3 Traitement en cours\u2026<\/span>\n        <\/button>\n      <\/div>\n    <\/div>\n\n  <\/form>\n\n  <!-- \u2500\u2500 SUCC\u00c8S \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div id=\"ob-success\" style=\"display:none\" class=\"ob-success-wrap\">\n    <div class=\"ob-success-icon\">\u2705<\/div>\n    <h2>Demande envoy\u00e9e !<\/h2>\n    <p id=\"ob-success-msg\"><\/p>\n    <p style=\"font-size:13px;color:#6b7280;margin-top:16px\">\n      Un email de confirmation vous a \u00e9t\u00e9 envoy\u00e9. V\u00e9rifiez \u00e9galement vos spams.    <\/p>\n  <\/div>\n\n<\/div><!-- #ob-booking-form-wrap -->\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":38,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/outdoor-booking.com\/guides\/demo-canyoning\/wp-json\/wp\/v2\/pages\/3","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/outdoor-booking.com\/guides\/demo-canyoning\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/outdoor-booking.com\/guides\/demo-canyoning\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/outdoor-booking.com\/guides\/demo-canyoning\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/outdoor-booking.com\/guides\/demo-canyoning\/wp-json\/wp\/v2\/comments?post=3"}],"version-history":[{"count":0,"href":"https:\/\/outdoor-booking.com\/guides\/demo-canyoning\/wp-json\/wp\/v2\/pages\/3\/revisions"}],"wp:attachment":[{"href":"https:\/\/outdoor-booking.com\/guides\/demo-canyoning\/wp-json\/wp\/v2\/media?parent=3"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}