{"id":1343,"date":"2022-04-05T11:00:48","date_gmt":"2022-04-05T09:00:48","guid":{"rendered":"https:\/\/www.les-cabines-du-bout-du-monde.fr\/contact-acces\/"},"modified":"2022-05-24T14:11:33","modified_gmt":"2022-05-24T12:11:33","slug":"contact-us-getting-here","status":"publish","type":"page","link":"https:\/\/www.les-cabines-du-bout-du-monde.fr\/en\/contact-us-getting-here\/","title":{"rendered":"Contact us \/ Getting here"},"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:1664px;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:40px!important; margin-right:0px!important;margin-bottom:25px!important;margin-left:0px!important;}}@media only screen and (max-width:640px) {.fusion-title.fusion-title-1{margin-top:30px!important; margin-right:0px!important;margin-bottom:20px!important; margin-left:0px!important;}}<\/style><div class=\"fusion-title title fusion-title-1 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-two\" style=\"margin-top:40px;margin-right:0px;margin-bottom:25px;margin-left:0px;\"><h2 class=\"title-heading-center\" style=\"margin:0;\">Do you have a question? <strong>Contact<\/strong> us!<\/h2><\/div><div class=\"fusion-text fusion-text-1\"><p style=\"text-align: center;\">If you have any questions about your holiday rentals in Crozon, please contact us using the form below, or by phone or post, and we\u2019ll get back to you as soon as possible.<\/p>\n<\/div><style type=\"text\/css\">@media only screen and (max-width:1024px) {.fusion-title.fusion-title-2{margin-top:40px!important; margin-right:0px!important;margin-bottom:25px!important;margin-left:0px!important;}}@media only screen and (max-width:640px) {.fusion-title.fusion-title-2{margin-top:30px!important; margin-right:0px!important;margin-bottom:20px!important; margin-left:0px!important;}}<\/style><div class=\"fusion-title title fusion-title-2 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three\" style=\"margin-top:40px;margin-right:0px;margin-bottom:25px;margin-left:0px;\"><h3 class=\"title-heading-center\" style=\"margin:0;\">By e-mail<\/h3><\/div>\t\t<style>\n        .help-block { display:none !important }\n\t\t#ui-datepicker-div { font-size: 1em; 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 { color:#fff; background: rgba(103, 93, 92, 0.05); 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\n\t\t.formContact .btn-submit { border: none; background: var(--bleumoyen) !important }\n\t\t\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\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); } }\t\t\n        <\/style>\n        \n        <div class=\"bootstrap row-bs\">\n            <form method=\"post\" action=\"\/en\/wp-json\/wp\/v2\/pages\/1343\" class=\"form-horizontal formContact\" role=\"form\">\n                <div class=\"form-error-recaptcha alert alert-danger\" style=\"display:none\"><strong>Your message has not been sent!<\/strong><ul><li>The spam control is not valid<\/li><\/ul><\/div>\n                <div class=\"form-success alert alert-success\" style=\"display:none\">Your message has been sent, we will reply as soon as possible<\/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=\"Anglaise\" \/>\n                \n                <fieldset class=\"col-sm-6\" style=\"padding-left:0\">\n                                        \n                    <div class=\"form-group\">\n                        <label for=\"Nom\" class=\"col-sm-4 control-label\">Name *<\/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=\"Name\" value=\"\"><\/div>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label for=\"Prenom\" class=\"col-sm-4 control-label\">First name *<\/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=\"First name\" value=\"\"><\/div>\n                    <\/div>\n                                        <div class=\"form-group\">\n                        <label for=\"Telephone\" class=\"col-sm-4 control-label\">Phone *<\/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=\"Phone\" value=\"\"><\/div>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label for=\"Mail\" class=\"col-sm-4 control-label\">E-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=\"E-mail\" value=\"\"><\/div>\n                    <\/div>\n                    \n                <\/fieldset>\n                \n                <fieldset class=\"col-sm-6\" style=\"padding-right:0\">\n                                        <div class=\"form-group\">\n                        <label for=\"Message\" class=\"col-sm-4 control-label\">Message *<\/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:140px;\" class=\"form-control\" name=\"Message\" id=\"Message\" placeholder=\"Message\"><\/textarea><\/div>\n                    <\/div>\n                    \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=\"6Lf0a2ofAAAAAGu8Llk917K3-4GCKKk4PwtAh3YO\"><\/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=\"Send\" class=\"btn-submit 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\">* These fields must be completed<\/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 = 'en';\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.les-cabines-du-bout-du-monde.fr\/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><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 class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_2 1_2 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:40px!important; margin-right:0px!important;margin-bottom:25px!important;margin-left:0px!important;}}@media only screen and (max-width:640px) {.fusion-title.fusion-title-3{margin-top:30px!important; margin-right:0px!important;margin-bottom:20px!important; margin-left:0px!important;}}<\/style><div class=\"fusion-title title fusion-title-3 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three\" style=\"margin-top:40px;margin-right:0px;margin-bottom:25px;margin-left:0px;\"><h3 class=\"title-heading-center\" style=\"margin:0;\">By post<\/h3><\/div><div class=\"fusion-text fusion-text-2\"><p style=\"text-align: center;\">Les Cabines du bout du Monde<br \/>\nBritania SAS &#8211; Denis Coninck<br \/>\n30 avenue des Fr\u00e8res Lumi\u00e8re<br \/>\n93370 Montfermeil<br \/>\nFRANCE<\/p>\n<\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-1{width:50% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-1 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 3.84%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 3.84%;}@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 : 1.92%;margin-left : 1.92%;}}@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 : 1.92%;margin-left : 1.92%;}}<\/style><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_2 1_2 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-4{margin-top:40px!important; margin-right:0px!important;margin-bottom:25px!important;margin-left:0px!important;}}@media only screen and (max-width:640px) {.fusion-title.fusion-title-4{margin-top:30px!important; margin-right:0px!important;margin-bottom:20px!important; margin-left:0px!important;}}<\/style><div class=\"fusion-title title fusion-title-4 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three\" style=\"margin-top:40px;margin-right:0px;margin-bottom:25px;margin-left:0px;\"><h3 class=\"title-heading-center\" style=\"margin:0;\">By phone<\/h3><\/div><div style=\"text-align:center\">MARION JOLY<\/div>\n<div class=\"contact-tel\">\n<a class=\"footer-link\" href=\"tel:+33652392899\" title=\"T\u00e9l\u00e9phone\">+33 (0)6 52 39 28 99<\/a>\n<\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-2{width:50% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-2 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 3.84%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 3.84%;}@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 : 1.92%;margin-left : 1.92%;}}@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 : 1.92%;margin-left : 1.92%;}}<\/style><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 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-5{margin-top:40px!important; margin-right:0px!important;margin-bottom:25px!important;margin-left:0px!important;}}@media only screen and (max-width:640px) {.fusion-title.fusion-title-5{margin-top:30px!important; margin-right:0px!important;margin-bottom:20px!important; margin-left:0px!important;}}<\/style><div class=\"fusion-title title fusion-title-5 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-two\" style=\"margin-top:40px;margin-right:0px;margin-bottom:25px;margin-left:0px;\"><h2 class=\"title-heading-center\" style=\"margin:0;\">How do I <strong>get to Crozon<\/strong>?<\/h2><\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-3{width:100% !important;margin-top : 0px;margin-bottom : 50px;}.fusion-builder-column-3 > .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-3{width:100% !important;order : 0;}.fusion-builder-column-3 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-3{width:100% !important;order : 0;}.fusion-builder-column-3 > .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-4 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;\">\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:0px !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 { margin-top:10px; }\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-geocoders { background:#798f7a; margin:0; padding-top:0; border-bottom:0px }\n\t\t\t#routeOsm .leaflet-routing-geocoders input { padding:5px; }\n\t\t\t#routeOsm .leaflet-routing-alt { max-height:445px !important }\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.leaflet-routing-geocoder-result table, .leaflet-routing-geocoder-selected { color:#444 !important }\n\t\t\t.leaflet-routing-geocoder-result tr:hover { color:#000 !important }\n\t\t\t#routeOsm .leaflet-routing-container * { color:#000 !important }\n\t\t\t.bloc-itineraire .fusion-title { margin-top:0px !important; margin-bottom:10px !important }\n\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: 13,\n\t\t\t\t\tcenter: [48.237945, -4.495892],\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([48.237945, -4.495892]).addTo(mapOsm); \/\/creation du marqueur\n\t\t\t\tmarker.bindPopup(\"<div><b>Les Cabines du bout du Monde<\/b><br>82 boulevard de la France Libre<br>29160 CROZON<\/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: \"en\"\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(48.237945, -4.495892) \/\/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: 'en'\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-4{width:75% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-4 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 0;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 2.56%;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-4{width:100% !important;order : 0;}.fusion-builder-column-4 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-4{width:100% !important;order : 0;}.fusion-builder-column-4 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}<\/style><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_4 1_4 fusion-flex-column bloc-itineraire\"><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-6{margin-top:40px!important; margin-right:0px!important;margin-bottom:25px!important;margin-left:0px!important;}}@media only screen and (max-width:640px) {.fusion-title.fusion-title-6{margin-top:30px!important; margin-right:0px!important;margin-bottom:20px!important; margin-left:0px!important;}}<\/style><div class=\"fusion-title title fusion-title-6 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three\" style=\"margin-top:40px;margin-right:0px;margin-bottom:25px;margin-left:0px;\"><h3 class=\"title-heading-center\" style=\"margin:0;\">Your route<\/h3><\/div><div id=\"routeOsm\"><\/div><\/div><style type=\"text\/css\">.fusion-body .fusion-builder-column-5{width:25% !important;margin-top : 0px;margin-bottom : 20px;}.fusion-builder-column-5 > .fusion-column-wrapper {padding-top : 0px !important;padding-right : 0px !important;margin-right : 7.68%;padding-bottom : 0px !important;padding-left : 0px !important;margin-left : 0;}@media only screen and (max-width:1024px) {.fusion-body .fusion-builder-column-5{width:100% !important;order : 0;}.fusion-builder-column-5 > .fusion-column-wrapper {margin-right : 1.92%;margin-left : 1.92%;}}@media only screen and (max-width:640px) {.fusion-body .fusion-builder-column-5{width:100% !important;order : 0;}.fusion-builder-column-5 > .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-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":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-1343","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.les-cabines-du-bout-du-monde.fr\/en\/wp-json\/wp\/v2\/pages\/1343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.les-cabines-du-bout-du-monde.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.les-cabines-du-bout-du-monde.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.les-cabines-du-bout-du-monde.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.les-cabines-du-bout-du-monde.fr\/en\/wp-json\/wp\/v2\/comments?post=1343"}],"version-history":[{"count":4,"href":"https:\/\/www.les-cabines-du-bout-du-monde.fr\/en\/wp-json\/wp\/v2\/pages\/1343\/revisions"}],"predecessor-version":[{"id":1581,"href":"https:\/\/www.les-cabines-du-bout-du-monde.fr\/en\/wp-json\/wp\/v2\/pages\/1343\/revisions\/1581"}],"wp:attachment":[{"href":"https:\/\/www.les-cabines-du-bout-du-monde.fr\/en\/wp-json\/wp\/v2\/media?parent=1343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}