{"id":614,"date":"2026-07-07T16:23:30","date_gmt":"2026-07-07T14:23:30","guid":{"rendered":"https:\/\/matibou.com\/?page_id=614"},"modified":"2026-07-08T14:01:00","modified_gmt":"2026-07-08T12:01:00","slug":"formulaire-de-reservation","status":"publish","type":"page","link":"https:\/\/matibou.com\/index.php\/formulaire-de-reservation\/","title":{"rendered":"Formulaire de R\u00e9servation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"614\" class=\"elementor elementor-614\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d922f9a e-flex e-con-boxed e-con e-parent\" data-id=\"d922f9a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a2b1768 e-grid e-con-full e-con e-child\" data-id=\"a2b1768\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1a15cd elementor-widget elementor-widget-heading\" data-id=\"a1a15cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Formulaire de r\u00e9servation<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c882800 elementor-align-right elementor-widget elementor-widget-button\" data-id=\"c882800\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/matibou.com\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Retour \u00e0 l'accueil<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d6505a4 e-flex e-con-boxed e-con e-parent\" data-id=\"d6505a4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35afd1e elementor-widget elementor-widget-spacer\" data-id=\"35afd1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d44cb8a e-flex e-con-boxed e-con e-parent\" data-id=\"d44cb8a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4922e27 elementor-widget elementor-widget-html\" data-id=\"4922e27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Design global du formulaire *\/\r\n  .reservation-form {\r\n    background-color: #F9F8F6; \/* Beige tr\u00e8s clair (sable) *\/\r\n    padding: 40px;\r\n    border-radius: 8px;\r\n    border: 1px solid #EAE5DD;\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    font-family: 'Montserrat', sans-serif;\r\n    color: #4A4A4A;\r\n  }\r\n\r\n  .reservation-form h3 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 24px;\r\n    color: #2C2C2C;\r\n    text-align: center;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  \/* Disposition des champs en grille *\/\r\n  .form-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .form-row {\r\n    display: flex;\r\n    gap: 20px;\r\n  }\r\n\r\n  .form-row .form-group {\r\n    flex: 1;\r\n  }\r\n\r\n  \/* Style des \u00e9tiquettes (labels) *\/\r\n  .reservation-form label {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    margin-bottom: 8px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  \/* Style des champs de saisie *\/\r\n  .reservation-form input[type=\"email\"],\r\n  .reservation-form input[type=\"tel\"],\r\n  .reservation-form input[type=\"date\"],\r\n  .reservation-form input[type=\"number\"],\r\n  .reservation-form select {\r\n    padding: 12px;\r\n    border: 1px solid #D1C7B1; \/* Couleur sable fonc\u00e9 *\/\r\n    border-radius: 4px;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 14px;\r\n    background-color: #FFFFFF;\r\n    color: #4A4A4A;\r\n  }\r\n\r\n  .reservation-form input:focus,\r\n  .reservation-form select:focus {\r\n    outline: none;\r\n    border-color: #7E8A71; \/* Vert sauge au clic *\/\r\n  }\r\n\r\n  \/* Style des cases \u00e0 cocher (Animaux et B\u00e9b\u00e9) *\/\r\n  .checkbox-group {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 15px;\r\n  }\r\n  \r\n  .checkbox-group input[type=\"checkbox\"] {\r\n    width: 18px;\r\n    height: 18px;\r\n    accent-color: #7E8A71; \/* Vert sauge *\/\r\n  }\r\n\r\n  .checkbox-group label {\r\n    margin-bottom: 0;\r\n    font-size: 14px;\r\n    text-transform: none;\r\n    letter-spacing: normal;\r\n  }\r\n\r\n  \/* Bouton d'envoi *\/\r\n  .btn-submit {\r\n    width: 100%;\r\n    padding: 15px;\r\n    background-color: #7E8A71; \/* Vert sauge *\/\r\n    color: #FFFFFF;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 14px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n    cursor: pointer;\r\n    transition: background-color 0.3s ease;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .btn-submit:hover {\r\n    background-color: #6C7A68;\r\n  }\r\n\r\n  \/* Adaptation pour les t\u00e9l\u00e9phones *\/\r\n  @media (max-width: 600px) {\r\n    .form-row {\r\n      flex-direction: column;\r\n      gap: 0;\r\n    }\r\n    .reservation-form {\r\n      padding: 25px 15px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- Remplacer \"TON_ID_FORMSPREE\" par ton vrai lien Formspree -->\r\n<form action=\"https:\/\/formspree.io\/f\/mqevozkd\" method=\"POST\" class=\"reservation-form\">\r\n  \r\n  <h3>Demande de R\u00e9servation<\/h3>\r\n\r\n  <div class=\"form-row\">\r\n    <div class=\"form-group\">\r\n      <label for=\"email\">Adresse E-mail *<\/label>\r\n      <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"votre@email.com\">\r\n    <\/div>\r\n    <div class=\"form-group\">\r\n      <label for=\"telephone\">T\u00e9l\u00e9phone *<\/label>\r\n      <input type=\"tel\" id=\"telephone\" name=\"telephone\" required placeholder=\"+33 6 00 00 00 00\">\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"form-row\">\r\n    <div class=\"form-group\">\r\n      <label for=\"arrivee\">Date d'arriv\u00e9e *<\/label>\r\n      <input type=\"date\" id=\"arrivee\" name=\"date_arrivee\" required>\r\n    <\/div>\r\n    <div class=\"form-group\">\r\n      <label for=\"depart\">Date de d\u00e9part *<\/label>\r\n      <input type=\"date\" id=\"depart\" name=\"date_depart\" required>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"form-group\">\r\n    <label for=\"personnes\">Nombre de personnes (Max 8) *<\/label>\r\n    <input type=\"number\" id=\"personnes\" name=\"nombre_personnes\" min=\"1\" max=\"8\" required placeholder=\"Ex: 4\">\r\n  <\/div>\r\n\r\n  <div class=\"checkbox-group\">\r\n    <input type=\"checkbox\" id=\"animaux\" name=\"animaux_presents\" value=\"Oui\">\r\n    <label for=\"animaux\">Je voyage avec un ou plusieurs animaux<\/label>\r\n  <\/div>\r\n\r\n  <div class=\"checkbox-group\">\r\n    <input type=\"checkbox\" id=\"bebe\" name=\"besoin_lit_bebe\" value=\"Oui\">\r\n    <label for=\"bebe\">J'ai besoin d'un lit b\u00e9b\u00e9<\/label>\r\n  <\/div>\r\n\r\n  <button type=\"submit\" class=\"btn-submit\">Envoyer ma demande<\/button>\r\n<\/form>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Formulaire de r\u00e9servation Retour \u00e0 l&#8217;accueil Demande de R\u00e9servation Adresse E-mail * T\u00e9l\u00e9phone * Date d&#8217;arriv\u00e9e * Date de d\u00e9part [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-614","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/matibou.com\/index.php\/wp-json\/wp\/v2\/pages\/614","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/matibou.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/matibou.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/matibou.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/matibou.com\/index.php\/wp-json\/wp\/v2\/comments?post=614"}],"version-history":[{"count":31,"href":"https:\/\/matibou.com\/index.php\/wp-json\/wp\/v2\/pages\/614\/revisions"}],"predecessor-version":[{"id":649,"href":"https:\/\/matibou.com\/index.php\/wp-json\/wp\/v2\/pages\/614\/revisions\/649"}],"wp:attachment":[{"href":"https:\/\/matibou.com\/index.php\/wp-json\/wp\/v2\/media?parent=614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}