{"id":3,"date":"2026-04-03T12:23:03","date_gmt":"2026-04-03T10:23:03","guid":{"rendered":"https:\/\/outdoor-booking.com\/guides\/demo-parapente\/reservation\/"},"modified":"2026-04-03T12:23:03","modified_gmt":"2026-04-03T10:23:03","slug":"reservation","status":"publish","type":"page","link":"https:\/\/outdoor-booking.com\/guides\/demo-parapente\/","title":{"rendered":"R\u00e9servation"},"content":{"rendered":"\n<div id=\"ob-booking-form-wrap\" class=\"ob-booking-wrap\" style=\"--ob-max-width:100%;--ob-badge-top:16px;--ob-badge-rotate:35;--ob-badge-scale:1\">\n\n    <div class=\"ob-booking-header\">\n    <h2>D\u00e9mo Parapente - Outdoor Booking<\/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_69cfd7b11b929\"\n               data-activity=\"parapente\">\n          <input type=\"radio\" name=\"prestation\" value=\"Vol D\u00e9couverte Biplace\" required>\n          <div class=\"ob-pcard-inner\">\n                        <div class=\"ob-pcard-image\">\n              <img decoding=\"async\" src=\"https:\/\/outdoor-booking.com\/guides\/demo-parapente\/wp-content\/uploads\/sites\/47\/2026\/04\/ob_parapente_decouverte.jpg\" alt=\"Vol D\u00e9couverte Biplace\" 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\">Vol D\u00e9couverte Biplace<\/div>\n                            <div class=\"ob-pcard-desc\">Vol biplace avec un moniteur brevet\u00e9. Aucune exp\u00e9rience requise.<\/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\">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 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 20 min<\/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_69cfd7b11b92b\"\n               data-activity=\"parapente\">\n          <input type=\"radio\" name=\"prestation\" value=\"Vol Famille Biplace\" required>\n          <div class=\"ob-pcard-inner\">\n                        <div class=\"ob-pcard-image\">\n              <img decoding=\"async\" src=\"https:\/\/outdoor-booking.com\/guides\/demo-parapente\/wp-content\/uploads\/sites\/47\/2026\/04\/outdoor-familial.jpg\" alt=\"Vol Famille Biplace\" 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\">Vol Famille Biplace<\/div>\n                            <div class=\"ob-pcard-desc\">Vol court adapt\u00e9 aux enfants d\u00e8s 6 ans accompagn\u00e9s d&#039;un moniteur.<\/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\">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 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 15 min<\/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_69cfd7b11b92d\"\n               data-activity=\"parapente\">\n          <input type=\"radio\" name=\"prestation\" value=\"Vol Acrobatique\" required>\n          <div class=\"ob-pcard-inner\">\n                        <div class=\"ob-pcard-image\">\n              <img decoding=\"async\" src=\"https:\/\/outdoor-booking.com\/guides\/demo-parapente\/wp-content\/uploads\/sites\/47\/2026\/04\/ob_parapente_tres_sportif.jpg\" alt=\"Vol Acrobatique\" 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\">Vol Acrobatique<\/div>\n                            <div class=\"ob-pcard-desc\">Figures et virages engag\u00e9s pour les sensations fortes.<\/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\">120\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 30 min<\/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_69cfd7b11b92e\"\n               data-activity=\"parapente\">\n          <input type=\"radio\" name=\"prestation\" value=\"Vol Grande Altitude\" required>\n          <div class=\"ob-pcard-inner\">\n                        <div class=\"ob-pcard-image\">\n              <img decoding=\"async\" src=\"https:\/\/outdoor-booking.com\/guides\/demo-parapente\/wp-content\/uploads\/sites\/47\/2026\/04\/ob_parapente_sportif-1024x683.jpg\" alt=\"Vol Grande Altitude\" 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\">Vol Grande Altitude<\/div>\n                            <div class=\"ob-pcard-desc\">Vol longue dur\u00e9e avec prise de hauteur maximale et panoramas \u00e9poustouflants.<\/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\">180\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 1h<\/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. Le parapente est d\u00e9conseill\u00e9 aux personnes souffrant de vertiges, probl\u00e8mes cardiaques ou respiratoires. Poids maximum : 110 kg.      <\/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":40,"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-parapente\/wp-json\/wp\/v2\/pages\/3","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/outdoor-booking.com\/guides\/demo-parapente\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/outdoor-booking.com\/guides\/demo-parapente\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/outdoor-booking.com\/guides\/demo-parapente\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/outdoor-booking.com\/guides\/demo-parapente\/wp-json\/wp\/v2\/comments?post=3"}],"version-history":[{"count":0,"href":"https:\/\/outdoor-booking.com\/guides\/demo-parapente\/wp-json\/wp\/v2\/pages\/3\/revisions"}],"wp:attachment":[{"href":"https:\/\/outdoor-booking.com\/guides\/demo-parapente\/wp-json\/wp\/v2\/media?parent=3"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}