{"id":3,"date":"2026-04-03T12:10:57","date_gmt":"2026-04-03T10:10:57","guid":{"rendered":"https:\/\/outdoor-booking.com\/guides\/demo-kayak\/reservation\/"},"modified":"2026-04-03T12:10:57","modified_gmt":"2026-04-03T10:10:57","slug":"reservation","status":"publish","type":"page","link":"https:\/\/outdoor-booking.com\/guides\/demo-kayak\/","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>Demo Kayak<\/h2>\n    <p>Remplissez le formulaire ci-dessous pour soumettre votre demande de r\u00e9servation.    <\/p>\n  <\/div>\n  \n    <div class=\"ob-texte-intro\">Demo Kayak<\/div>\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-3\" id=\"ob-prestation-grid\">\n                <label class=\"ob-prestation-card\"\n               data-prestation-id=\"prest_demo_69cf993b15fd8\"\n               data-activity=\"kayak\">\n          <input type=\"radio\" name=\"prestation\" value=\"Kayak 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-kayak\/wp-content\/uploads\/sites\/46\/2026\/04\/outdoor-decouverte.jpg\" alt=\"Kayak 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\">Kayak D\u00e9couverte<\/div>\n                            <div class=\"ob-pcard-desc\">Initiation au kayak sur eaux calmes. Encadrement par un moniteur 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\">38\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 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_69cf993b15fdb\"\n               data-activity=\"kayak\">\n          <input type=\"radio\" name=\"prestation\" value=\"Kayak 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-kayak\/wp-content\/uploads\/sites\/46\/2026\/04\/kayak_1.jpg\" alt=\"Kayak 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\">Kayak Famille<\/div>\n                            <div class=\"ob-pcard-desc\">Balade en kayak biplace adapt\u00e9e aux familles.<\/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\">30\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 6 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 1h30<\/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_69cf993b15fdc\"\n               data-activity=\"kayak\">\n          <input type=\"radio\" name=\"prestation\" value=\"Kayak Rivi\u00e8re\" required>\n          <div class=\"ob-pcard-inner\">\n                        <div class=\"ob-pcard-image\">\n              <img decoding=\"async\" src=\"https:\/\/outdoor-booking.com\/guides\/demo-kayak\/wp-content\/uploads\/sites\/46\/2026\/04\/kayak_3.jpg\" alt=\"Kayak Rivi\u00e8re\" 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\">Kayak Rivi\u00e8re<\/div>\n                            <div class=\"ob-pcard-desc\">Descente de rivi\u00e8re avec rapides de classe II-III.<\/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\">55\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 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_69cf993b15fdd\"\n               data-activity=\"kayak\">\n          <input type=\"radio\" name=\"prestation\" value=\"Kayak Eaux Vives\" required>\n          <div class=\"ob-pcard-inner\">\n                        <div class=\"ob-pcard-image\">\n              <img decoding=\"async\" src=\"https:\/\/outdoor-booking.com\/guides\/demo-kayak\/wp-content\/uploads\/sites\/46\/2026\/04\/kayak_4.jpg\" alt=\"Kayak Eaux Vives\" 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\">Kayak Eaux Vives<\/div>\n                            <div class=\"ob-pcard-desc\">Rapides engag\u00e9s, classe III-IV. Pour kayakistes exp\u00e9riment\u00e9s.<\/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 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              <\/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 lors de votre r\u00e9servation. Il est fortement recommand\u00e9 de savoir nager. D\u00e9conseill\u00e9 aux femmes enceintes.      <\/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\">[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":39,"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-kayak\/wp-json\/wp\/v2\/pages\/3","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/outdoor-booking.com\/guides\/demo-kayak\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/outdoor-booking.com\/guides\/demo-kayak\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/outdoor-booking.com\/guides\/demo-kayak\/wp-json\/wp\/v2\/users\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/outdoor-booking.com\/guides\/demo-kayak\/wp-json\/wp\/v2\/comments?post=3"}],"version-history":[{"count":0,"href":"https:\/\/outdoor-booking.com\/guides\/demo-kayak\/wp-json\/wp\/v2\/pages\/3\/revisions"}],"wp:attachment":[{"href":"https:\/\/outdoor-booking.com\/guides\/demo-kayak\/wp-json\/wp\/v2\/media?parent=3"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}