{"id":2680,"date":"2025-09-04T17:13:47","date_gmt":"2025-09-04T15:13:47","guid":{"rendered":"https:\/\/daritrane.com\/?page_id=2680"},"modified":"2025-09-04T20:41:08","modified_gmt":"2025-09-04T18:41:08","slug":"reservation-2","status":"publish","type":"page","link":"https:\/\/daritrane.com\/en\/reservation-2\/","title":{"rendered":"R\u00e9servation"},"content":{"rendered":"<!-- SECTION R\u00c9SERVATION DAR ITRANE -->\n<!-- Le style ici est pour que cette section prenne la pleine largeur et se positionne correctement -->\n<div style=\"position:relative;             width:100%; \/* S'assurer que \u00e7a prend 100% de la largeur *\/            min-height: calc(100vh - 120px); \/* Ajustez '120px' \u00e0 la hauteur de votre header\/navigation.                                                Ceci garantit que la section prend le reste de l'\u00e9cran.                                                Si votre header est plus grand ou plus petit, modifiez cette valeur. *\/            background:url('https:\/\/daritrane.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-3-sept.-2025-18_30_46.png') no-repeat center center\/cover;             padding:40px 20px;            display:flex; flex-direction:column; justify-content:center; align-items:center;\">\n\n  <!-- Lien vers Google Fonts pour des polices stylis\u00e9es -->\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&#038;family=Open+Sans:wght@400;600&#038;display=swap\" rel=\"stylesheet\">\n\n  <!-- Overlay sombre pour lisibilit\u00e9 -->\n  <div style=\"position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:0;\"><\/div>\n\n  <!-- Contenu (titres, boutons, formulaires) -->\n  <div style=\"position:relative; z-index:1; text-align:center; color:white; max-width:1000px; width:100%;\">\n\n    <!-- Logo (si vous souhaitez l'ajouter ici, sinon il est d\u00e9j\u00e0 dans le header) -->\n    <!-- <img decoding=\"async\" src=\"URL_DE_VOTRE_LOGO\" alt=\"Logo Dar Itrane\" style=\"max-width:150px; margin-bottom:20px;\"> -->\n\n    <!-- Slogan Principal -->\n    <h2 style=\"font-family:'Playfair Display', serif; font-size:48px; margin-bottom:15px; text-shadow:2px 2px 4px rgba(0,0,0,0.7);\">\n      \u00c9vadez-vous au c\u0153ur de l&#8217;Atlas\n    <\/h2>\n    <!-- Sous-slogan \/ Proposition de valeur -->\n    <p style=\"font-family:'Open Sans', sans-serif; font-size:20px; margin-bottom:40px; text-shadow:1px 1px 3px rgba(0,0,0,0.7);\">\n      R\u00e9servez votre s\u00e9jour authentique et vivez une exp\u00e9rience inoubliable.\n  \n    <\/p>\n\n    <!-- Conteneur des boutons de r\u00e9servation -->\n    <div id=\"booking-buttons\" style=\"margin-bottom:30px;\">\n      <button onclick=\"showForm('fr', this)\" \n              style=\"padding:14px 32px; margin:8px; border:none; border-radius:30px;                      background:#d4af37; color:#fff; font-size:18px; font-weight:600; cursor:pointer;                      transition:background 0.3s ease, transform 0.2s ease;                     box-shadow:0 4px 10px rgba(0,0,0,0.3);\"\n              onmouseover=\"this.style.background='#c09a2d'; this.style.transform='translateY(-2px)'\"\n              onmouseout=\"this.style.background='#d4af37'; this.style.transform='translateY(0)'\">\n        R\u00e9server FR\n      <\/button>\n      \n      <button onclick=\"showForm('en', this)\" \n              style=\"padding:14px 32px; margin:8px; border:none; border-radius:30px;                      background:#d4af37; color:#fff; font-size:18px; font-weight:600; cursor:pointer;                      transition:background 0.3s ease, transform 0.2s ease;                     box-shadow:0 4px 10px rgba(0,0,0,0.3);\"\n              onmouseover=\"this.style.background='#c09a2d'; this.style.transform='translateY(-2px)'\"\n              onmouseout=\"this.style.background='#d4af37'; this.style.transform='translateY(0)'\">\n        Book EN\n      <\/button>\n      \n      <button onclick=\"showForm('ar', this)\" \n              style=\"padding:14px 32px; margin:8px; border:none; border-radius:30px;                      background:#d4af37; color:#fff; font-size:18px; font-weight:600; cursor:pointer;                      transition:background 0.3s ease, transform 0.2s ease;                     box-shadow:0 4px 10px rgba(0,0,0,0.3);\" dir=\"rtl\"\n              onmouseover=\"this.style.background='#c09a2d'; this.style.transform='translateY(-2px)'\"\n              onmouseout=\"this.style.background='#d4af37'; this.style.transform='translateY(0)'\">\n        \u0627\u0644\u062d\u062c\u0632 \u0628\u0627\u0644\u0639\u0631\u0628\u064a\u0629\n      <\/button>\n    <\/div>\n\n    <!-- Conteneurs des formulaires (les iframes Tally seront charg\u00e9s ici) -->\n    <div id=\"form-fr\" style=\"display:none; max-width:900px; margin:0 auto; background:rgba(255,255,255,0.9); padding:20px; border-radius:10px; box-shadow:0 8px 20px rgba(0,0,0,0.4);\">\n      <iframe data-tally-src=\"https:\/\/tally.so\/embed\/mBrAKR?alignLeft=1&#038;hideTitle=1&#038;transparentBackground=1&#038;dynamicHeight=1\"\n              width=\"100%\" height=\"600\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\" title=\"R\u00e9servation FR\"><\/iframe>\n    <\/div>\n\n    <div id=\"form-en\" style=\"display:none; max-width:900px; margin:0 auto; background:rgba(255,255,255,0.9); padding:20px; border-radius:10px; box-shadow:0 8px 20px rgba(0,0,0,0.4);\">\n      <iframe data-tally-src=\"https:\/\/tally.so\/embed\/mBrAdR?alignLeft=1&#038;hideTitle=1&#038;transparentBackground=1&#038;dynamicHeight=1\"\n              width=\"100%\" height=\"600\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\" title=\"Reservation EN\"><\/iframe>\n    <\/div>\n\n    <div id=\"form-ar\" style=\"display:none; max-width:900px; margin:0 auto; background:rgba(255,255,255,0.9); padding:20px; border-radius:10px; box-shadow:0 8px 20px rgba(0,0,0,0.4);\" dir=\"rtl\">\n      <iframe data-tally-src=\"https:\/\/tally.so\/embed\/31LDVl?alignLeft=1&#038;hideTitle=1&#038;transparentBackground=1&#038;dynamicHeight=1\"\n              width=\"100%\" height=\"600\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\" title=\"\u0627\u0644\u062d\u062c\u0632 AR\"><\/iframe>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- Script Tally et fonction showForm am\u00e9lior\u00e9e -->\n<script>\n  function showForm(lang, clickedButton) {\n    \/\/ Masquer tous les formulaires\n    document.getElementById(\"form-fr\").style.display = \"none\";\n    document.getElementById(\"form-en\").style.display = \"none\";\n    document.getElementById(\"form-ar\").style.display = \"none\";\n\n    \/\/ R\u00e9initialiser le style de tous les boutons\n    const buttons = document.querySelectorAll('#booking-buttons button');\n    buttons.forEach(button => {\n      button.style.backgroundColor = \"#d4af37\";\n      button.style.color = \"#fff\";\n      \/\/ R\u00e9initialiser les \u00e9v\u00e9nements onmouseover\/onmouseout pour les boutons inactifs\n      button.onmouseover = function() {\n        this.style.background = '#c09a2d'; \n        this.style.transform = 'translateY(-2px)';\n      };\n      button.onmouseout = function() {\n        this.style.background = '#d4af37'; \n        this.style.transform = 'translateY(0)';\n      };\n    });\n\n    \/\/ Mettre en \u00e9vidence le bouton cliqu\u00e9\n    if (clickedButton) {\n      clickedButton.style.backgroundColor = \"#fff\"; \/\/ Couleur de fond blanc pour le bouton actif\n      clickedButton.style.color = \"#333\"; \/\/ Texte fonc\u00e9 pour le bouton actif\n      \/\/ Ajuster les \u00e9v\u00e9nements onmouseover\/onmouseout pour le bouton actif\n      clickedButton.onmouseover = function() {\n        this.style.background = '#eee'; \/\/ Un l\u00e9ger changement pour montrer le survol m\u00eame quand actif\n        this.style.transform = 'translateY(-2px)';\n      };\n      clickedButton.onmouseout = function() {\n        this.style.background = '#fff'; \/\/ Reviens au blanc quand la souris quitte\n        this.style.transform = 'translateY(0)';\n      };\n    }\n\n    \/\/ Afficher le formulaire correspondant\n    document.getElementById(\"form-\" + lang).style.display = \"block\";\n  }\n\n  \/\/ Charger les iframes Tally\n  var d=document,t=d.createElement(\"script\");\n  t.src=\"https:\/\/tally.so\/widgets\/embed.js\";\n  t.onload=function(){Tally.loadEmbeds();};\n  d.body.appendChild(t);\n\n  \/\/ Charger le formulaire FR par d\u00e9faut au chargement de la page (ou le premier bouton actif)\n  document.addEventListener('DOMContentLoaded', () => {\n    const defaultButton = document.querySelector('#booking-buttons button');\n    if (defaultButton) {\n      showForm('fr', defaultButton);\n    }\n  });\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u00c9vadez-vous au c\u0153ur de l&#8217;Atlas R\u00e9servez votre s\u00e9jour authentique et vivez une exp\u00e9rience inoubliable. R\u00e9server FR Book EN \u0627\u0644\u062d\u062c\u0632 \u0628\u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-2680","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>R\u00e9servation - Dar itrane<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/daritrane.com\/en\/reservation-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"R\u00e9servation - Dar itrane\" \/>\n<meta property=\"og:description\" content=\"\u00c9vadez-vous au c\u0153ur de l&#8217;Atlas R\u00e9servez votre s\u00e9jour authentique et vivez une exp\u00e9rience inoubliable. R\u00e9server FR Book EN \u0627\u0644\u062d\u062c\u0632 \u0628\u0627\u0644\u0639\u0631\u0628\u064a\u0629\" \/>\n<meta property=\"og:url\" content=\"https:\/\/daritrane.com\/en\/reservation-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Dar itrane\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-04T18:41:08+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/daritrane.com\\\/reservation-2\\\/\",\"url\":\"https:\\\/\\\/daritrane.com\\\/reservation-2\\\/\",\"name\":\"R\u00e9servation - Dar itrane\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/daritrane.com\\\/#website\"},\"datePublished\":\"2025-09-04T15:13:47+00:00\",\"dateModified\":\"2025-09-04T18:41:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/daritrane.com\\\/reservation-2\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/daritrane.com\\\/reservation-2\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/daritrane.com\\\/reservation-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/daritrane.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"R\u00e9servation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/daritrane.com\\\/#website\",\"url\":\"https:\\\/\\\/daritrane.com\\\/\",\"name\":\"Dar itrane\",\"description\":\"Un site utilisant WordPress\",\"publisher\":{\"@id\":\"https:\\\/\\\/daritrane.com\\\/#\\\/schema\\\/person\\\/15d38603c3ea1d985d1debc56f8db7f2\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/daritrane.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/daritrane.com\\\/#\\\/schema\\\/person\\\/15d38603c3ea1d985d1debc56f8db7f2\",\"name\":\"daritran_admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/daritrane.com\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/logo-22-1.svg\",\"url\":\"https:\\\/\\\/daritrane.com\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/logo-22-1.svg\",\"contentUrl\":\"https:\\\/\\\/daritrane.com\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/logo-22-1.svg\",\"width\":\"1024\",\"height\":\"1024\",\"caption\":\"daritran_admin\"},\"logo\":{\"@id\":\"https:\\\/\\\/daritrane.com\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/logo-22-1.svg\"},\"sameAs\":[\"https:\\\/\\\/daritrane.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"R\u00e9servation - Dar itrane","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/daritrane.com\/en\/reservation-2\/","og_locale":"en_US","og_type":"article","og_title":"R\u00e9servation - Dar itrane","og_description":"\u00c9vadez-vous au c\u0153ur de l&#8217;Atlas R\u00e9servez votre s\u00e9jour authentique et vivez une exp\u00e9rience inoubliable. R\u00e9server FR Book EN \u0627\u0644\u062d\u062c\u0632 \u0628\u0627\u0644\u0639\u0631\u0628\u064a\u0629","og_url":"https:\/\/daritrane.com\/en\/reservation-2\/","og_site_name":"Dar itrane","article_modified_time":"2025-09-04T18:41:08+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/daritrane.com\/reservation-2\/","url":"https:\/\/daritrane.com\/reservation-2\/","name":"R\u00e9servation - Dar itrane","isPartOf":{"@id":"https:\/\/daritrane.com\/#website"},"datePublished":"2025-09-04T15:13:47+00:00","dateModified":"2025-09-04T18:41:08+00:00","breadcrumb":{"@id":"https:\/\/daritrane.com\/reservation-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/daritrane.com\/reservation-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/daritrane.com\/reservation-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/daritrane.com\/"},{"@type":"ListItem","position":2,"name":"R\u00e9servation"}]},{"@type":"WebSite","@id":"https:\/\/daritrane.com\/#website","url":"https:\/\/daritrane.com\/","name":"Dar itrane","description":"Un site utilisant WordPress","publisher":{"@id":"https:\/\/daritrane.com\/#\/schema\/person\/15d38603c3ea1d985d1debc56f8db7f2"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/daritrane.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/daritrane.com\/#\/schema\/person\/15d38603c3ea1d985d1debc56f8db7f2","name":"daritran_admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/daritrane.com\/wp-content\/uploads\/2022\/06\/logo-22-1.svg","url":"https:\/\/daritrane.com\/wp-content\/uploads\/2022\/06\/logo-22-1.svg","contentUrl":"https:\/\/daritrane.com\/wp-content\/uploads\/2022\/06\/logo-22-1.svg","width":"1024","height":"1024","caption":"daritran_admin"},"logo":{"@id":"https:\/\/daritrane.com\/wp-content\/uploads\/2022\/06\/logo-22-1.svg"},"sameAs":["https:\/\/daritrane.com"]}]}},"_links":{"self":[{"href":"https:\/\/daritrane.com\/en\/wp-json\/wp\/v2\/pages\/2680","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/daritrane.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/daritrane.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/daritrane.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/daritrane.com\/en\/wp-json\/wp\/v2\/comments?post=2680"}],"version-history":[{"count":14,"href":"https:\/\/daritrane.com\/en\/wp-json\/wp\/v2\/pages\/2680\/revisions"}],"predecessor-version":[{"id":2700,"href":"https:\/\/daritrane.com\/en\/wp-json\/wp\/v2\/pages\/2680\/revisions\/2700"}],"wp:attachment":[{"href":"https:\/\/daritrane.com\/en\/wp-json\/wp\/v2\/media?parent=2680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}