{"id":3,"date":"2026-04-29T20:25:33","date_gmt":"2026-04-29T18:25:33","guid":{"rendered":"https:\/\/outdoor-booking.com\/guides\/demo-via-ferrata\/reservation\/"},"modified":"2026-04-29T20:25:33","modified_gmt":"2026-04-29T18:25:33","slug":"reservation","status":"publish","type":"page","link":"https:\/\/outdoor-booking.com\/guides\/demo-via-ferrata\/","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 Via Ferrata<\/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=\"Paiement\">\n      <span>4<\/span>\n      Paiement    <\/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-2\" id=\"ob-prestation-grid\">\n                <label class=\"ob-prestation-card\"\n               data-prestation-id=\"prest_demo_69f24d1eda9a1\"\n               data-activity=\"via_ferrata\">\n          <input type=\"radio\" name=\"prestation\" value=\"Via Ferrata 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-via-ferrata\/wp-content\/uploads\/sites\/71\/2026\/04\/outdoor-decouverte.jpg\" alt=\"Via Ferrata 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\">Via Ferrata D\u00e9couverte<\/div>\n                            <div class=\"ob-pcard-desc\">Initiation \u00e0 la via ferrata sur un parcours facile. Encadrement par un guide dipl\u00f4m\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\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\">42\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 10 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 3h<\/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_69f24d1eda9a4\"\n               data-activity=\"via_ferrata\">\n          <input type=\"radio\" name=\"prestation\" value=\"Via Ferrata Famille\" required>\n          <div class=\"ob-pcard-inner\">\n                        <div class=\"ob-pcard-image\">\n              <img decoding=\"async\" src=\"https:\/\/outdoor-booking.com\/guides\/demo-via-ferrata\/wp-content\/uploads\/sites\/71\/2026\/04\/outdoor-familial.jpg\" alt=\"Via Ferrata Famille\" 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\">Via Ferrata Famille<\/div>\n                            <div class=\"ob-pcard-desc\">Parcours adapt\u00e9 aux familles avec enfants \u00e0 partir de 8 ans.<\/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 2h30<\/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_69f24d1eda9a6\"\n               data-activity=\"via_ferrata\">\n          <input type=\"radio\" name=\"prestation\" value=\"Via Ferrata Sportive\" required>\n          <div class=\"ob-pcard-inner\">\n                        <div class=\"ob-pcard-image\">\n              <img decoding=\"async\" src=\"https:\/\/outdoor-booking.com\/guides\/demo-via-ferrata\/wp-content\/uploads\/sites\/71\/2026\/04\/outdoor-sportif.jpg\" alt=\"Via Ferrata Sportive\" 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\">Via Ferrata Sportive<\/div>\n                            <div class=\"ob-pcard-desc\">Via ferrata engag\u00e9e avec passages verticaux et ponts n\u00e9palais.<\/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\">58\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 14 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 4h<\/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_69f24d1eda9a7\"\n               data-activity=\"via_ferrata\">\n          <input type=\"radio\" name=\"prestation\" value=\"Via Ferrata 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-via-ferrata\/wp-content\/uploads\/sites\/71\/2026\/04\/outdoor-tres-sportif.jpg\" alt=\"Via Ferrata 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\">Via Ferrata Extr\u00eame<\/div>\n                            <div class=\"ob-pcard-desc\">Les voies les plus engag\u00e9es de la r\u00e9gion. R\u00e9serv\u00e9 aux pratiquants aguerris.<\/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\">75\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 6h<\/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.<br \/>\nLa via ferrata est d\u00e9conseill\u00e9e aux personnes souffrant de vertiges ou de probl\u00e8mes cardiaques.<br \/>\nUne bonne condition physique est n\u00e9cessaire.      <\/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                \ud83d\udcb3 Paiement              <\/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      \n      <div class=\"ob-notice ob-notice-info ob-payment-summary\" style=\"display:none\">\n        <strong>\ud83d\udcb3 Moyens de paiement accept\u00e9s :<\/strong>\n        <ul style=\"margin:8px 0;padding-left:20px\"><li style=\"margin:4px 0\">\ud83d\udcb5 <strong>Esp\u00e8ces sur place<\/strong><\/li><li style=\"margin:4px 0\">\ud83d\udcdd <strong>Ch\u00e8que sur place<\/strong><\/li><\/ul>      <\/div>\n\n            <div class=\"ob-field\" id=\"ob-payment-choice-wrap\">\n        <label>Comment souhaitez-vous r\u00e9gler ? <span class=\"req\">*<\/span><\/label>\n        <div class=\"ob-payment-options\">\n                    <label class=\"ob-payment-option\">\n            <input type=\"radio\" name=\"payment_method_choice\" value=\"especes\">\n            <span class=\"ob-pm-opt-icon\">\ud83d\udcb5<\/span>\n            <span class=\"ob-pm-opt-label\">Esp\u00e8ces sur place<\/span>\n          <\/label>\n                    <label class=\"ob-payment-option\">\n            <input type=\"radio\" name=\"payment_method_choice\" value=\"cheque\">\n            <span class=\"ob-pm-opt-icon\">\ud83d\udcdd<\/span>\n            <span class=\"ob-pm-opt-label\">Ch\u00e8que sur place<\/span>\n          <\/label>\n                  <\/div>\n      <\/div>\n      \n      \n      \n            <div id=\"ob-onsite-block\" class=\"ob-onsite-block\">\n        <div class=\"ob-notice ob-notice-info\">\n          \u2139\ufe0f Aucune coordonn\u00e9e bancaire n'est requise. Le r\u00e8glement s'effectuera selon le moyen choisi.        <\/div>\n      <\/div>\n      \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\"><p>Toute annulation doit \u00eatre signal\u00e9e au moins 48h avant la date de la sortie. Veuillez nous contacter directement pour toute demande d'annulation ou de report. <strong>\u00c0 compl\u00e9ter selon vos conditions.<\/strong><\/p><\/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\"><p>En effectuant une r\u00e9servation, vous acceptez les conditions g\u00e9n\u00e9rales de vente de D\u00e9mo Via Ferrata. Les r\u00e9servations sont fermes et d\u00e9finitives sous r\u00e9serve de disponibilit\u00e9. <strong>\u00c0 compl\u00e9ter selon votre situation.<\/strong><\/p><\/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":64,"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-via-ferrata\/wp-json\/wp\/v2\/pages\/3","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/outdoor-booking.com\/guides\/demo-via-ferrata\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/outdoor-booking.com\/guides\/demo-via-ferrata\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/outdoor-booking.com\/guides\/demo-via-ferrata\/wp-json\/wp\/v2\/users\/64"}],"replies":[{"embeddable":true,"href":"https:\/\/outdoor-booking.com\/guides\/demo-via-ferrata\/wp-json\/wp\/v2\/comments?post=3"}],"version-history":[{"count":0,"href":"https:\/\/outdoor-booking.com\/guides\/demo-via-ferrata\/wp-json\/wp\/v2\/pages\/3\/revisions"}],"wp:attachment":[{"href":"https:\/\/outdoor-booking.com\/guides\/demo-via-ferrata\/wp-json\/wp\/v2\/media?parent=3"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}