{"id":1885,"date":"2022-06-28T16:46:18","date_gmt":"2022-06-28T14:46:18","guid":{"rendered":"https:\/\/www.camping-belos.com\/contact-acces\/"},"modified":"2022-11-29T14:53:54","modified_gmt":"2022-11-29T13:53:54","slug":"kontakt-anfahrt","status":"publish","type":"page","link":"https:\/\/www.camping-belos.com\/de\/kontakt-anfahrt\/","title":{"rendered":"Kontakt \/ Anfahrt"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1456px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><style type=\"text\/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-1{margin-top:20px!important; margin-right:0px!important;margin-bottom:40px!important;margin-left:0px!important;}}@media only screen and (max-width:640px) {.fusion-title.fusion-title-1{margin-top:15px!important; margin-right:0px!important;margin-bottom:10px!important; margin-left:0px!important;}}<\/style><div class=\"fusion-title title fusion-title-1 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:20px;margin-right:0px;margin-bottom:40px;margin-left:0px;\"><h2 class=\"title-heading-left\" style=\"margin:0;\">Haben Sie Fragen? Kontaktieren Sie uns!<\/h2><\/div>\t\t<style>\n        .help-block { display:none !important }\n\t\t#ui-datepicker-div { font-size:0.8em; z-index:100 !important }\n\t\t.ui-datepicker td { padding:1px ; }\n\t\t\/*form*\/\n\t\t.has-error .g-recaptcha iframe { border: 2px solid #a94442; border-radius:3px; }\n\t\t.bootstrap .form-horizontal .form-group { margin-left:0; margin-right:0; margin-bottom:5px }\n\t\t.bootstrap fieldset { padding:0 5px; }\n\t\t.bootstrap legend { font-size: 19px; padding-left: 10px; }\n\t\t.bootstrap label { font-weight:normal; padding-top:0 ; }\n\t\t.bootstrap label.lb_rgpd { border-left:1px solid #fff; padding-left:5px; display:inline-block ; }\n\t\t.bootstrap label.lb_rgpd.has-error { border-color:rgb(185, 74, 72); }\n\t\t.bootstrap label.lb_rgpd input { margin-top:0; }\n\t\t.bootstrap label.lb_rgpd a { text-decoration:underline; }\n\t\t.bootstrap input, .bootstrap textarea { font-size:0.90em ; }\n\t\t.bootstrap input#validerFormContact { padding:5px 20px; color:#fff }\n\t\t@media (max-width: 1200px) and (min-width:768px) {\n\t\t\t.g-recaptcha { display:inline-block ; }\n\t\t}\n\t\t@media (max-width: 767px) {\n\t\t\t.form-group.norequired { display:none; }\n\t\t\t.bootstrap label { display:none; }\n\t\t\t.bootstrap fieldset { padding:15px 0px !important; }\n\t\t\t.bootstrap fieldset legend { margin-bottom:0px !important; }\n\t\t}\n\t\t.bootstrap label.lb_rgpd {\n\t\t\tpadding-left: 5px;\n\t\t\tdisplay: inline-block;\n\t\t\tborder-radius: 3px;\n\t\t\tpadding: 5px 5px 5px 10px;\n\t\t\tborder:1px solid transparent;\n\t\t}\n\t\t.bootstrap label.lb_rgpd.has-error { background-color: #f2dede; border-color: #ebccd1; color: #a94442;\tborder:1px solid rgb(185, 74, 72) }\n\t\t.bootstrap label.lb_rgpd.has-error input[type=checkbox] {\n\t\t\t-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;\n\t\t    border-radius: 2px; height: 13px; width: 13px;\n\t\t\tbackground: #a94442; border-color: transparent;\n\t\t}\n\t\t\n\t\t\n\t\t.spinner { margin: 0 auto; width: 50px; height: 20px; text-align: center; font-size: 10px; }\n\t\t.spinner > div { background-color: #666; margin:0 1px; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; }\n\t\t.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }\n\t\t.spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }\n\t\t.spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }\n\t\t.spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }\n\t\t@-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } }\n\t\t@keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); }  20% {  transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } }\n\t\t\n        <\/style>\n        \n        <div class=\"bootstrap row-bs\">\n            <form method=\"post\" action=\"\/de\/wp-json\/wp\/v2\/pages\/1885\" class=\"form-horizontal formContact\" role=\"form\">\n                <div class=\"form-error-recaptcha alert alert-danger\" style=\"display:none\"><strong>Ihre Nachricht konnte nicht gesendet werden!<\/strong><ul><li>Die Anti-Spam-Regelung ist nicht g\u00fcltig<\/li><\/ul><\/div>\n                <div class=\"form-success alert alert-success\" style=\"display:none\">Ihre Nachricht wurde erfolgreich gesendet, werden wir innerhalb schnell wie m\u00f6glich antworten.<\/div>\n                <div class=\"form-spinner alert\" style=\"display:none\"><div class=\"spinner\"><div class=\"rect1\"><\/div><div class=\"rect2\"><\/div><div class=\"rect3\"><\/div><div class=\"rect4\"><\/div><div class=\"rect5\"><\/div><\/div><\/div>\n                <input type=\"hidden\" name=\"Langue\" id=\"Langue\" value=\"Allemande\" \/>\n                \n                <fieldset class=\"col-sm-6\" style=\"padding-left:0\">\n                    <legend>Ihre Angaben<\/legend>\n                    \n                    <div class=\"form-group\">\n                        <label for=\"Nom\" class=\"col-sm-4 control-label\">Nachname *<\/label>\n                        <div class=\"col-xs-12 col-sm-7 input-group input-group-sm\"><div class=\"input-group-addon\"><span class=\"fa fa-user\" aria-hidden=\"true\"><\/span><\/div><input autocomplete=\"family-name\" data-validation=\"required\" type=\"text\" class=\"form-control\" name=\"Nom\" id=\"Nom\" placeholder=\"Nachname\" value=\"\"><\/div>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label for=\"Prenom\" class=\"col-sm-4 control-label\">Vorname *<\/label>\n                        <div class=\"col-xs-12 col-sm-7 input-group input-group-sm\"><div class=\"input-group-addon\"><span class=\"fa fa-user\" aria-hidden=\"true\"><\/span><\/div><input autocomplete=\"given-name\" data-validation=\"required\" type=\"text\" class=\"form-control\" name=\"Prenom\" id=\"Prenom\" placeholder=\"Vorname\" value=\"\"><\/div>\n                    <\/div>\n                    <div class=\"form-group norequired\">\n                        <label for=\"Adresse\" class=\"col-sm-4 control-label\">Anschrift<\/label>\n                        <div class=\"col-xs-12 col-sm-7 input-group input-group-sm\"><input autocomplete=\"address-line1\" type=\"text\" class=\"form-control\" name=\"Adresse\" id=\"Adresse\" placeholder=\"Anschrift\" value=\"\"><\/div>\n                    <\/div>\n                    <div class=\"form-group norequired\">\n                        <label for=\"Adresse2\" class=\"col-sm-4 control-label\">Address (Fortsetzung)<\/label>\n                        <div class=\"col-xs-12 col-sm-7 input-group input-group-sm\"><input autocomplete=\"address-line2\" type=\"text\" class=\"form-control\" name=\"Adresse2\" id=\"Adresse2\" placeholder=\"Address (Fortsetzung)\" value=\"\"><\/div>\n                    <\/div>\n                    <div class=\"form-group norequired\">\n                        <label for=\"Code-postal\" class=\"col-sm-4 control-label\">Postleitzahl<\/label>\n                        <div class=\"col-xs-12 col-sm-7 input-group input-group-sm\"><input autocomplete=\"postal-code\" type=\"text\" class=\"form-control\" name=\"Code-postal\" id=\"Code-postal\" placeholder=\"Postleitzahl\" value=\"\"><\/div>\n                    <\/div>\n                    <div class=\"form-group norequired\">\n                        <label for=\"Ville\" class=\"col-sm-4 control-label\">Stadt<\/label>\n                        <div class=\"col-xs-12 col-sm-7 input-group input-group-sm\"><input autocomplete=\"city\" type=\"text\" class=\"form-control\" name=\"Ville\" id=\"Ville\" placeholder=\"Stadt\" value=\"\"><\/div>\n                    <\/div>\n                    <div class=\"form-group norequired\">\n                        <label for=\"Pays\" class=\"col-sm-4 control-label\">Land<\/label>\n                        <div class=\"col-xs-12 col-sm-7 input-group input-group-sm\"><input autocomplete=\"country-name\" type=\"text\" class=\"form-control\" name=\"Pays\" id=\"Pays\" placeholder=\"Land\" value=\"\"><\/div>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label for=\"Telephone\" class=\"col-sm-4 control-label\">Telefonnummer *<\/label>\n                        <div class=\"col-xs-12 col-sm-7 input-group input-group-sm\"><div class=\"input-group-addon\"><span class=\"fa fa-phone\" aria-hidden=\"true\"><\/span><\/div><input autocomplete=\"tel\" data-validation=\"required\" type=\"text\" class=\"form-control\" name=\"Telephone\" id=\"Telephone\" placeholder=\"Telefonnummer\" value=\"\"><\/div>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label for=\"Mail\" class=\"col-sm-4 control-label\">Mail *<\/label>\n                        <div class=\"col-xs-12 col-sm-7 input-group input-group-sm\"><div class=\"input-group-addon\"><span class=\"fa fa-envelope\" aria-hidden=\"true\"><\/span><\/div><input autocomplete=\"email\" data-validation=\"email\" type=\"text\" class=\"form-control\" name=\"Mail\" id=\"Mail\" placeholder=\"Mail\" value=\"\"><\/div>\n                    <\/div>\n                    \n                <\/fieldset>\n                \n                <fieldset class=\"col-sm-6\" style=\"padding-right:0\">\n                    <legend>Ihr Aufenthalt<\/legend>\n                    <div class=\"form-group\">\n                        <label for=\"datea\" class=\"col-sm-4 control-label\">Datum der Anreisetag *<\/label>\n                        <div class=\"col-xs-12 col-sm-7 input-group input-group-sm\"><div class=\"input-group-addon\"><span class=\"fa fa-calendar\" aria-hidden=\"true\"><\/span><\/div><input autocomplete=\"off\" type=\"text\" data-validation=\"date\" data-validation-format=\"dd\/mm\/yyyy\" class=\"form-control required\" name=\"Arrivee\" id=\"datea\" placeholder=\"Datum der Anreisetag\" value=\"\"><\/div>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label for=\"dated\" class=\"col-sm-4 control-label\">Datum der Abreise *<\/label>\n                        <div class=\"col-xs-12 col-sm-7 input-group input-group-sm\"><div class=\"input-group-addon\"><span class=\"fa fa-calendar\" aria-hidden=\"true\"><\/span><\/div><input autocomplete=\"off\" type=\"text\" data-validation=\"date\" data-validation-format=\"dd\/mm\/yyyy\" class=\"form-control required\" name=\"Depart\" id=\"dated\" placeholder=\"Datum der Abreise\" value=\"\"><\/div>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label for=\"Message\" class=\"col-sm-4 control-label\">Nachricht *<\/label>\n                        <div class=\"col-xs-12 col-sm-7 input-group input-group-sm\"><div class=\"input-group-addon\"><span class=\"fa fa-comment\" aria-hidden=\"true\"><\/span><\/div><textarea data-validation=\"required\" style=\"height:150px;\" class=\"form-control\" name=\"Message\" id=\"Message\" placeholder=\"Nachricht\"><\/textarea><\/div>\n                    <\/div>\n                                        <div class=\"form-group\">\t\t\t\t\n                        <div class=\"col-lg-4\"><\/div>\t\n                        <div class=\"col-xs-12 col-sm-11 col-lg-7 input-group input-group-sm\" style=\"text-align:right\"><div class=\"g-recaptcha\" data-sitekey=\"6LeVtCETAAAAAOnuzxvLLHJ0EN9CtnGeCEa1xPXi\"><\/div><\/div>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <div class=\"col-sm-4\"><\/div>\n                        <div class=\"col-xs-12 col-sm-7 input-group input-group-sm\"><input type=\"submit\" name=\"validerFormContact\" id=\"validerFormContact\" value=\"Senden\" class=\"fusion-button button-flat button-round button-large button-default\" \/><\/div>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <div class=\"col-sm-4\"><\/div>                    \n                        <div class=\"col-xs-12 col-sm-7 input-group input-group-sm\" style=\"font-size:0.9em\">* Pflichtfelder<\/div>\n                    <\/div>\n                <\/fieldset>\n            <\/form>\n        <\/div>\n        <script type=\"text\/javascript\">\n\t\tjQuery(document).ready(function(){\t\t\n\t\t\t\n\t\t\t\/*validation formulaires*\/\n\t\t\tvar langue = 'de';\n\t\t\tif (langue == 'fr'){\n\t\t\t\tvar myLanguage = { errorTitle: 'Le formulaire n\\'a pas pu \u00eatre envoy\u00e9 !' }\n\t\t\t}else\n\t\t\t\tmyLanguage = {};\n\n\t\t\tjQuery.validate({\n\t\t\t\tform : '.formContact',\n\t\t\t\tlang: langue,\n\t\t\t\tlanguage : myLanguage,\n\t\t\t\terrorMessagePosition: 'top', \n\t\t\t\tscrollToTopOnError : false,\n\t\t\t\tonSuccess: function($form) {\n\t\t\t\t\tjQuery('.form-error-recaptcha').hide();\n\t\t\t\t\tjQuery('.form-success').hide();\n\t\t\t\t\tjQuery('.form-spinner').show();\n\t\t\t\t\tjQuery('html, body').animate({scrollTop:jQuery('.formContact').offset().top - 80 }, 'slow');\n\t\t\t\t\t\/\/ajax verif recaptcha + envoi mail + message erreur\/succ\u00e8s\n\t\t\t\t\tjQuery.post(\n\t\t\t\t\t\t'https:\/\/www.camping-belos.com\/wp-admin\/admin-ajax.php',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'action': 'sendformContact',\n\t\t\t\t\t\t\t'form': jQuery('.formContact').serialize()\n\t\t\t\t\t\t},\n\t\t\t\t\t\tfunction(response){\n\t\t\t\t\t\t\tif (!response.captcha){\n\t\t\t\t\t\t\t\tjQuery('.g-recaptcha').parent().addClass('has-error');\n\t\t\t\t\t\t\t\tjQuery('.form-error-recaptcha').show();\n\t\t\t\t\t\t\t\tjQuery('.form-spinner').hide();\n\t\t\t\t\t\t\t}else{\n\t\t\t\t\t\t\t\tjQuery('.g-recaptcha').parent().removeClass('has-error');\n\t\t\t\t\t\t\t\t\/\/raz formulaire\n\t\t\t\t\t\t\t\tif (response.send){\n\t\t\t\t\t\t\t\t\t\/\/message form ok\n\t\t\t\t\t\t\t\t\tjQuery('.formContact').trigger('reset');\n\t\t\t\t\t\t\t\t\tjQuery('.form-spinner').hide();\n\t\t\t\t\t\t\t\t\tjQuery('.form-error-recaptcha').hide();\n\t\t\t\t\t\t\t\t\tjQuery('.form-success').show();\n\t\t\t\t\t\t\t\t}else{\n\t\t\t\t\t\t\t\t\tjQuery('.form-spinner').hide();\n\t\t\t\t\t\t\t\t\tjQuery('.form-success').hide();\n\t\t\t\t\t\t\t\t\tjQuery('.form-error-recaptcha').show();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\t\"json\"\n\t\t\t\t\t);\n\t\t\t\t\tgrecaptcha.reset();\n\t\t\t\t\tjQuery('html, body').animate({scrollTop:jQuery('.formContact').offset().top - 80 }, 'slow');\n\t\t\t\t\treturn false;\n    \t\t\t},\n\t\t\t\tonError: function($form) {\n\t\t\t\t\tjQuery('.form-spinner').hide();\n\t\t\t\t\tjQuery('.form-error-recaptcha').hide();\n\t\t\t\t\tjQuery('.form-success').hide();\n\t\t\t\t\t\/\/scroll jusqu'au message erreur\n\t\t\t\t\tjQuery('html, body').animate({scrollTop:jQuery('.formContact').offset().top - 80 }, 'slow');\n    \t\t\t}\n\t\t\t});\n\t\t\t\n\t\t\tjQuery(\"#datea\").datepicker({\n\t\t\t\tdateFormat: 'dd\/mm\/yy',\n\t\t\t\tchangeMonth: true,\n\t\t\t\tnumberOfMonths: 1,\n\t\t\t\tonClose: function( selectedDate ) {\n\t\t\t\t\tjQuery(\"#dated\").datepicker( \"option\", \"minDate\", selectedDate );\n\t\t\t\t}\n\t\t\t});        \n\t\t\tjQuery(\"#dated\").datepicker({\n\t\t\t\t\/*defaultDate: \"+1w\",*\/\n\t\t\t\tdateFormat: 'dd\/mm\/yy',\n\t\t\t\tchangeMonth: true,\n\t\t\t\tnumberOfMonths: 1,\n\t\t\t\tonClose: function( selectedDate ) {                \n\t\t\t\t\tjQuery(\"#datea\").datepicker( \"option\", \"maxDate\", selectedDate );            \n\t\t\t\t}   \n\t\t\t});    \n\n\t\t});\n        <\/script>\n\t\t<div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:30px;width:100%;\"><\/div><div class=\"fusion-text fusion-text-1\"><p style=\"text-align: center;\"><em><small>Ihre pers\u00f6nlichen Daten sind f\u00fcr den Camping de Belos in Thueyts in der Ard\u00e8che bestimmt.<br \/>Keine dieser Informationen wird an Dritte weitergegeben.<br \/>Gem\u00e4\u00df dem franz\u00f6sischen Datenschutzgesetz \u201eLoi Informatique et Libert\u00e9\u201c (Art. 34) haben Sie das Recht, auf Ihre pers\u00f6nlichen Daten zuzugreifen, sie zu \u00e4ndern, zu berichtigen und zu l\u00f6schen.<br \/>Um Ihre Rechte auszu\u00fcben, kontaktieren Sie uns.<\/small><\/em><\/p>\n<\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-0{width:100% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-0 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 1.92%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 1.92%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-0{width:100% !important;order : 0;}.fusion-builder-column-0 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-0{width:100% !important;order : 0;}.fusion-builder-column-0 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-flex-container.fusion-builder-row-1{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}<\/style><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;border-width: 0px 0px 0px 0px;border-color:#eae9e9;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_3_4 3_4 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><style type=\"text\/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-2{margin-top:20px!important; margin-right:0px!important;margin-bottom:15px!important;margin-left:0px!important;}}@media only screen and (max-width:640px) {.fusion-title.fusion-title-2{margin-top:15px!important; margin-right:0px!important;margin-bottom:10px!important; margin-left:0px!important;}}<\/style><div class=\"fusion-title title fusion-title-2 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:20px;margin-right:0px;margin-bottom:15px;margin-left:0px;\"><h2 class=\"title-heading-left\" style=\"margin:0;\">Wie Sie den Campingplatz in Thueyts erreichen? Nichts leichter als das!<\/h2><\/div>\t\t<style type=\"text\/css\">\n\t\t\t\/*carte*\/\n\t\t\t#mapOsm { width:100%; height:550px; }\n\t\t\t#mapOsm .leaflet-pane .leaflet-marker-pane img { filter: hue-rotate(128deg) !important } \/*pour la couleur du marker*\/\n\t\t\t#mapOsm .leaflet-pane .leaflet-popup-content-wrapper { border-radius:4px !important } \/*popup*\/\n\t\t\t#mapOsm .leaflet-control-layers-base .leaflet-control-layers-selector { margin-top:0 !important; top:0 !important; vertical-align:middle; } \/*choix du fond de carte*\/\n\t\t\t#mapOsm .leaflet-control-layers-base label div span { vertical-align:middle; } \/*choix du fond de carte*\/\n\t\t\t\/*itin\u00e9raire*\/\n\t\t\t#routeOsm .title { display:block; padding:10px; background:#8a8a8a; color:#fff; font-size:14px; }\n\t\t\t#routeOsm .leaflet-routing-container { box-shadow:none !important; padding:0; } \n\t\t\t#routeOsm .leaflet-routing-container h2 { font-size:19px !important; font-family:\"Ubuntu\"; color:#333 !important } \n\t\t\t#routeOsm .leaflet-routing-container h3 { font-size:18px !important }\t\t\t\n\t\t\t#routeOsm .leaflet-routing-geocoders { background:#fff; margin:0; padding-top:0; border:0px !important }\n\t\t\t#routeOsm .leaflet-routing-geocoders input { padding:5px; }\n\t\t\t#routeOsm .leaflet-routing-container, #routeOsm .leaflet-routing-error, #routeOsm .leaflet-routing-container .leaflet-routing-alt > table { width:100%; }\n\t\t\t#routeOsm .leaflet-routing-alt tr:nth-child(odd) { background:#f3f3f3; }\n\t\t\t#routeOsm .leaflet-routing-alt-minimized, #routeOsm .leaflet-routing-geocoders .leaflet-routing-add-waypoint, #routeOsm .leaflet-routing-geocoders div:nth-child(2) { display:none; }\n\t\t\t#routeOsm .leaflet-routing-alt { max-height: 487px }\n\t\t\t#routeOsm .leaflet-routing-geocoder { padding-top:0px }\n        <\/style>\n        <div id=\"mapOsm\"><\/div>\n        <script type=\"text\/javascript\"> \n\t\t\tjQuery(document).ready(function(){\n\t\t\t\tmapOsm = L.map('mapOsm', {\n\t\t\t\t\tdragging: !L.Browser.mobile,\n\t\t\t\t\ttap: !L.Browser.mobile,\n\t\t\t\t\tscrollWheelZoom: false,\n\t\t\t\t\tzoom: 12,\n\t\t\t\t\tcenter: [44.6695910, 4.2029574],\n\t\t\t\t\tzoomControl: false \/\/suppression des boutons de zoom par d\u00e9faut (pour les traductions)\n\t\t\t\t});\n\t\t\t\t\n\t\t\t\tvar roadMap = L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n\t\t\t\t\tattribution: '&copy; <a target=\"_blank\" href=\"https:\/\/www.openstreetmap.org\/copyright\">OpenStreetMap<\/a> contributors',\n\t\t\t\t\tminZoom: 1,\n\t\t\t\t\tmaxZoom: 20\n\t\t\t\t});\n\t\t\t\tvar satMap = L.tileLayer(\n\t\t\t\t\t'https:\/\/data.geopf.fr\/wmts?service=WMTS&request=GetTile&version=1.0.0&tilematrixset=PM&tilematrix={z}&tilecol={x}&tilerow={y}&layer=ORTHOIMAGERY.ORTHOPHOTOS&format=image\/jpeg&style=normal',\n\t\t\t\t\t{\n\t\t\t\t\t\tminZoom : 0,\n\t\t\t\t\t\tmaxZoom : 18,\n\t\t\t\t\t\ttileSize : 256,\n\t\t\t\t\t\tattribution : \"IGN-F\/G\u00e9oportail\"\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\tvar topoMap = L.tileLayer('https:\/\/{s}.tile.opentopomap.org\/{z}\/{x}\/{y}.png', {\n\t\t\t\t\tattribution: '&copy; <a href=\"http:\/\/osm.org\/copyright\">OpenStreetMap<\/a> contributors'\n\t\t\t\t});\n\t\t\t\t\n\t\t\t\t\/\/boutons switch entre les fonds de carte\n\t\t\t\tvar baseMaps = {\n\t\t\t\t\t\"\": roadMap,\n\t\t\t\t\t\"\": satMap,\n\t\t\t\t\t\"\": topoMap\n\t\t\t\t};\n\t\t\t\troadMap.addTo(mapOsm);\n\t\t\t\tL.control.layers(baseMaps).addTo(mapOsm);\n\t\t\t\t\n\t\t\t\t\/\/marker\n\t\t\t\tvar marker = L.marker([44.6695910, 4.2029574]).addTo(mapOsm); \/\/creation du marqueur\n\t\t\t\tmarker.bindPopup(\"<div><b>Camping de Belos<br \/>820 chemin de Belos<br \/>Luzet<br \/>07330 THUEYTS<br \/><br \/>+33 (0)4 75 36 44 35<\/div>\"); \/\/creation du popup\n\t\t\t\t\n\t\t\t\t\/\/creation des nouveaux boutons de zoom\n\t\t\t\tL.control.zoom({\n\t\t\t\t\tposition:'topleft', \/\/en haut a gauche\n\t\t\t\t\tzoomInTitle:'', \/\/titre du '+'\n\t\t\t\t\tzoomOutTitle:'', \/\/titre du '-'\n\t\t\t\t}).addTo(mapOsm);\n\t\t\t\t\n\t\t\t\t\/\/ ITINERAIRE\n\t\t\t\t\/\/L.Control.geocoder().addTo(mapOsm); \/\/ajoute une zone de recherche d'adresse sur la carte\n\t\t\t\twrapIti = L.Routing.control({\n\t\t\t\t\trouter: L.routing.osrmv1({\n\t\t\t\t\t\tserviceUrl: \"https:\/\/routing.openstreetmap.de\/routed-car\/route\/v1\",\n\t\t\t\t\t\tlanguage: \"de\"\n\t\t\t\t\t}),\n\t\t\t\t\twaypoints: [\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tL.latLng(44.6695910, 4.2029574) \/\/arriv\u00e9e\n\t\t\t\t\t],\n\t\t\t\t\tshowAlternatives: false,\n\t\t\t\t\trouteWhileDragging: false, \/\/permet d'ajouter des points au trajet directement sur la map\n\t\t\t\t\tdraggableWaypoints: false,\n\t\t\t\t\tgeocoder: L.Control.Geocoder.nominatim(), \/\/pour permettre de renseigner des adresses \u00e0 la place des coordonn\u00e9es\n\t\t\t\t\tfitSelectedRoutes: 'truthy' \/\/recentrer la carte sur le trajet (truthy, falsy, smart)\n\t\t\t\t\t,language: 'de'\n\t\t\t\t\t,show:false\n\t\t\t\t\t,collapsible:false\n\t\t\t\t\t,createMarker: function (i, pointer, n){\n\t\t\t\t\t\tif (i == n -1) \/\/on n'affiche pas le marker de destination\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\telse\n\t\t\t\t\t\t\treturn L.marker (pointer.latLng);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\t\/\/wrapIti.addTo(mapOsm); \/\/pour mettre directement sur la carte\n\t\t\t\trouteBlock = wrapIti.onAdd(mapOsm);\t\n\t\t\t\tjQuery('#routeOsm').append(routeBlock);\n\t\t\t});\n        <\/script>\n\t\t<\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-1{width:75% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-1 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 10px;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 10px;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-1{width:100% !important;order : 0;}.fusion-builder-column-1 > .fusion-column-wrapper {margin-right : 10px;margin-left : 10px;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-1{width:100% !important;order : 0;}.fusion-builder-column-1 > .fusion-column-wrapper {margin-right : 10px;margin-left : 10px;}}<\/style><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_4 1_4 fusion-flex-column\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><style type=\"text\/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-3{margin-top:20px!important; margin-right:0px!important;margin-bottom:15px!important;margin-left:0px!important;}}@media only screen and (max-width:640px) {.fusion-title.fusion-title-3{margin-top:15px!important; margin-right:0px!important;margin-bottom:10px!important; margin-left:0px!important;}}<\/style><div class=\"fusion-title title fusion-title-3 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"margin-top:20px;margin-right:0px;margin-bottom:15px;margin-left:0px;\"><h2 class=\"title-heading-left\" style=\"margin:0;\">Planen Sie Ihre Route<\/h2><\/div><div id=\"routeOsm\"><\/diV><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-2{width:25% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-2 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 10px;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 10px;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-2{width:100% !important;order : 0;}.fusion-builder-column-2 > .fusion-column-wrapper {margin-right : 10px;margin-left : 10px;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-2{width:100% !important;order : 0;}.fusion-builder-column-2 > .fusion-column-wrapper {margin-right : 10px;margin-left : 10px;}}<\/style><\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-flex-container.fusion-builder-row-2{ padding-top : 0px;margin-top : 0px;padding-right : 0px;padding-bottom : 0px;margin-bottom : 0px;padding-left : 0px;}<\/style><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1444,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-1885","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.camping-belos.com\/de\/wp-json\/wp\/v2\/pages\/1885","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.camping-belos.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.camping-belos.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.camping-belos.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.camping-belos.com\/de\/wp-json\/wp\/v2\/comments?post=1885"}],"version-history":[{"count":3,"href":"https:\/\/www.camping-belos.com\/de\/wp-json\/wp\/v2\/pages\/1885\/revisions"}],"predecessor-version":[{"id":2139,"href":"https:\/\/www.camping-belos.com\/de\/wp-json\/wp\/v2\/pages\/1885\/revisions\/2139"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.camping-belos.com\/de\/wp-json\/wp\/v2\/media\/1444"}],"wp:attachment":[{"href":"https:\/\/www.camping-belos.com\/de\/wp-json\/wp\/v2\/media?parent=1885"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}