{"id":1903,"date":"2022-11-22T22:08:06","date_gmt":"2022-11-22T21:08:06","guid":{"rendered":"https:\/\/www.escale-marine.bzh\/welcome"},"modified":"2025-01-16T08:27:14","modified_gmt":"2025-01-16T07:27:14","slug":"welcome","status":"publish","type":"page","link":"https:\/\/www.escale-marine.bzh\/en","title":{"rendered":"Welcome"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<!-- Bloc colonnes --><html><body><section id=\"\" class=\"section_16187 relative  block_colonnes  light t_pad4 r_pad0 b_pad4 l_pad0 t_mar0 r_mar0 b_mar0 l_mar0 bg_cover no-repeat bg_centre\" style=\"\"><div class=\"video_bg\"><video autoplay muted loop><source src=\"https:\/\/www.escale-marine.bzh\/wp-content\/uploads\/2022\/12\/hotel-morgat-falaise_2.mp4\" type=\"video\/mp4\"><source src=\"\" type=\"video\/webm\"><\/source><\/source><\/video><\/div><div class=\"scontainer container relative  zindex \"><div class=\"colonnes  col_gg2\"><!-- Texte --><div class=\"colonne grid block_col_desktop_grid_span12 block_col_tabW_grid_span12 block_col_tabH_grid_span12 block_col_mobile_grid_span12 desktop_order10 tabW_order10 tabH_order10 mobile_order10 center v_center \" style=\"background-color:rgba(49,45,87,0.85); padding-top:0px; padding-bottom:0px;\"><div class=\"inner_colonne \"><div class=\"colonne_texte_intro style_titre_home\" style=\" padding-left:0px; padding-right:0px;\"><h1 class=\"heading1\">L&rsquo;Escale Marine<br><strong>A charming hotel<br>\nin Morgat<\/strong><br><em>in the heart of the Crozon peninsula in Brittany.<\/em><\/h1>\n<\/div><!-- Bienvenue sur le code d'int&eacute;gration du booking engine \n\n\tLe code doit etre impl&eacute;ment&eacute; tel qu'il vous est pr&eacute;sent&eacute;.\n\n    Ce pendant kes vouleurs des diff&eacute;rentes parties de ce calendrier sont totalement modfiables afin d'int&eacute;grer &eacute;fficacement le calendrier avec votre site hotel\n\n\tvoici les lignes sur les quelles vous pouvez retrouver les diff&eacute;rents param&egrave;tres de modification (taille, couleur de l'&eacute;l&eacute;ment)\n\n\n\t-font-family: 'PT Serif', serif; || Changer la Police d'&eacute;criture du calendrier \t\t\t\t\t\t\t\t\t || Ligne 442\n\n  \t-background: #ffffff;            || Changer la couleur du fond de la page du calnedrier \t\t\t\t\t\t || Ligne 422\n\n\t-color: #444345;                 || Changer la couleur des chiffres dans le calendrier   \t\t\t\t\t\t || Ligne 423\n\n\t-color: #991d4b;\t             || Change la couleur de la date s&eacute;lection&eacute;e \"jj\/mm\/aaaa\" \t\t\t\t\t\t || Ligne 512\n\n\t-color: #991d4b;                 || Changer la couleur de la roue de s&eacute;lection du Nombres de nuits et d'adultes  || Ligne 526\n\n\t-color: #000000; \t             || Changer la couleur du boutton \"+ de crit&egrave;res\" \t\t\t\t\t\t\t\t || Ligne 536\n\t\n\t-background: #eeeeee;            || Changer la couleur du fond du boutton valider\t\t\t\t\t\t\t\t || Ligne 547\n\n\t-color: #000000;                 || Changer la couleur de l'&eacute;criture 'valider'\t\t\t\t\t\t\t\t\t || Ligne 548\n \n\t-color: #991d4b;                 || Changer la couleur de l'effet du boutton \"Valider\" \t\t\t\t\t\t     || Ligne 557\n\n    -background: #991d4b;            || Changer la couleur de fond de la date s&eacute;lectionn&eacute;e sur le calendrier \t\t || Ligne 637\n\n\t-color: #ffffff;                 || Changer la couleur du chiffre dans la date s&eacute;lection&eacute;e  \t\t\t\t\t || Ligne 645\n\n\t-background: #eeeeee;            || Changer la couleur du fond de tout le calendrier \t\t\t\t\t\t\t || Ligne 651\n\n\tPOUR INTEGRER LE CODE HOTEL POUR LA BONNE REDIRECTION SUR LE COULOIR DE RESERVATION , ALLEZ LIGNE 46 ET CHANGEZ LES \"XXXXXX\" PAR VOTRE CODE HOTEL.\n -->\n \n\n\n<div class=\"panel_body\">\n\n<div class=\"panel_body-content panel_narrow\">\n\n    <div class=\"panel_column\">\n\n        <!-- R&eacute;server -->\n        <div class=\"panel_bloc\">\n\n                             <!--changez ici les x par l'id de votre etablissemen \n                                                                            |\n                                                                            V\n                                                                         ||ici||   -->\t \t\t\t\t\t\t\t\t\t\t    \n            <form action=\"https:\/\/reservations.travelclick.com\/114992\" target=\"_blank\" class=\"panel_booking-form\">\n                \n\n                <div class=\"panel_col_droite\">\n\n\n                    <div class=\"panel_booking-form-line show_calendar\">\n                        <div class=\"panel_booking-form-param\">\n                            <div class=\"panel_booking-form-param-label\">From :<\/div>\n                            <div class=\"panel_booking-form-param-value\" id=\"panel-booking-date\">14\/04\/2021<\/div>\n                        <\/div>\n\n\n                        <!-- CALENDRIER -->\n                        <div class=\"panel_booking\">\n                            <input type=\"hidden\" name=\"languageid\" value=\"1\"><input type=\"hidden\" name=\"datein\" value=\"04\/14\/2021\" id=\"panel-booking-date-value\"><div class=\"panel_booking-form-line\">\n                                <div class=\"panel_booking-calendar\"><\/div>\n                                <div class=\"datepicker datepicker-inline\">\n                                    <div class=\"datepicker-days\" style=\"display: block;\">\n                                        <table class=\"table-condensed\"><thead><tr><th colspan=\"7\" class=\"datepicker-title\" style=\"display: none;\"><\/th>\n                                                <\/tr><\/thead><\/table><\/div>\n                                    <div class=\"datepicker-months\" style=\"display: none;\">\n                                        <table class=\"table-condensed\"><thead><tr><th colspan=\"7\" class=\"datepicker-title\" style=\"display: none;\">\n                                                    <\/th>\n                                                <\/tr><tr><th class=\"prev disabled\">\n                                                        <div class=\"panel-icon-arrow-left\"><\/div>\n                                                    <\/th>\n                                                    <th colspan=\"5\" class=\"datepicker-switch\">Month<\/th>\n                                                    <th class=\"next\">\n                                                        <div class=\"panel-icon-arrow-right\"><\/div>\n                                                    <\/th>\n                                                <\/tr><\/thead><tbody><tr><td colspan=\"7\"><span class=\"month disabled\">jan.<\/span>\n                                                        <span class=\"month disabled\">feb.<\/span>\n                                                        <span class=\"month disabled\">march<\/span>\n                                                        <span class=\"month focused active\">april<\/span>\n                                                        <span class=\"month\">may<\/span><span class=\"month\">june<\/span>\n                                                        <span class=\"month\">june<\/span><span class=\"month\">aug.<\/span>\n                                                        <span class=\"month\">sept.<\/span><span class=\"month\">oct.<\/span>\n                                                        <span class=\"month\">nov.<\/span><span class=\"month\">dec.<\/span>\n                                                    <\/td>\n                                                <\/tr><\/tbody><tfoot><tr><th colspan=\"7\" class=\"today\" style=\"display: none;\">Today\/th&gt;\n                                                <\/th><\/tr><tr><th colspan=\"7\" class=\"clear\" style=\"display: none;\">Clear<\/th>\n                                                <\/tr><\/tfoot><\/table><\/div>\n                                    <div class=\"datepicker-years\" style=\"display: none;\">\n                                        <table class=\"table-condensed\"><thead><tr><th colspan=\"7\" class=\"datepicker-title\" style=\"display: none;\">\n                                                    <\/th>\n                                                <\/tr><tr><th class=\"prev disabled\">\n                                                        <div class=\"panel-icon-arrow-left\"><\/div>\n                                                    <\/th>\n                                                    <th colspan=\"5\" class=\"datepicker-switch\">2020-2029<\/th>\n                                                    <th class=\"next\">\n                                                        <div class=\"panel-icon-arrow-right\">\n\n                                                        <\/div>\n                                                    <\/th>\n                                                <\/tr><\/thead><tbody><tr><td colspan=\"7\"><span class=\"year old disabled\">2019<\/span>\n                                                        <span class=\"year disabled\">2020<\/span><span class=\"year active focused\">2021<\/span>\n                                                        <span class=\"year\">2022<\/span><span class=\"year\">2023<\/span><span class=\"year\">2024<\/span>\n                                                        <span class=\"year\">2025<\/span><span class=\"year\">2026<\/span><span class=\"year\">2027<\/span>\n                                                        <span class=\"year\">2028<\/span><span class=\"year\">2029<\/span><span class=\"year new\">2030<\/span>\n                                                    <\/td>\n                                                <\/tr><\/tbody><tfoot><tr><th colspan=\"7\" class=\"today\" style=\"display: none;\">Today<\/th>\n                                                <\/tr><tr><th colspan=\"7\" class=\"clear\" style=\"display: none;\">Clear<\/th>\n                                                <\/tr><\/tfoot><\/table><\/div>\n                                    <div class=\"datepicker-decades\" style=\"display: none;\">\n                                        <table class=\"table-condensed\"><thead><tr><th colspan=\"7\" class=\"datepicker-title\" style=\"display: none;\"><\/th>\n                                                <\/tr><tr><th class=\"prev disabled\">\n                                                        <div class=\"panel-icon-arrow-left\"><\/div>\n                                                    <\/th>\n                                                    <th colspan=\"5\" class=\"datepicker-switch\">2000-2090<\/th>\n                                                    <th class=\"next\">\n                                                        <div class=\"panel-icon-arrow-right\"><\/div>\n                                                    <\/th>\n                                                <\/tr><\/thead><tbody><tr><td colspan=\"7\"><span class=\"decade old disabled\">1990<\/span><span class=\"decade disabled\">2000<\/span><span class=\"decade disabled\">2010<\/span><span class=\"decade active disabled focused\">2020<\/span><span class=\"decade\">2030<\/span><span class=\"decade\">2040<\/span><span class=\"decade\">2050<\/span><span class=\"decade\">2060<\/span><span class=\"decade\">2070<\/span><span class=\"decade\">2080<\/span><span class=\"decade\">2090<\/span><span class=\"decade new\">2100<\/span>\n                                                    <\/td>\n                                                <\/tr><\/tbody><tfoot><tr><th colspan=\"7\" class=\"today\" style=\"display: none;\">Today<\/th>\n                                                <\/tr><tr><th colspan=\"7\" class=\"clear\" style=\"display: none;\">Clear<\/th>\n                                                <\/tr><\/tfoot><\/table><\/div>\n                                    <div class=\"datepicker-centuries\" style=\"display: none;\">\n                                        <table class=\"table-condensed\"><thead><tr><th colspan=\"7\" class=\"datepicker-title\" style=\"display: none;\"><\/th>\n                                                <\/tr><tr><th class=\"prev disabled\">\n                                                        <div class=\"panel-icon-arrow-left\"><\/div>\n                                                    <\/th>\n                                                    <th colspan=\"5\" class=\"datepicker-switch\">2000-2900<\/th>\n                                                    <th class=\"next\">\n                                                        <div class=\"panel-icon-arrow-right\"><\/div>\n                                                    <\/th>\n                                                <\/tr><\/thead><tbody><tr><td colspan=\"7\"><span class=\"century old disabled\">1900<\/span><span class=\"century active disabled focused\">2000<\/span><span class=\"century\">2100<\/span><span class=\"century\">2200<\/span><span class=\"century\">2300<\/span><span class=\"century\">2400<\/span><span class=\"century\">2500<\/span><span class=\"century\">2600<\/span><span class=\"century\">2700<\/span><span class=\"century\">2800<\/span><span class=\"century\">2900<\/span><span class=\"century new\">3000<\/span>\n                                                    <\/td>\n                                                <\/tr><\/tbody><tfoot><tr><th colspan=\"7\" class=\"today\" style=\"display: none;\">Today<\/th>\n                                                <\/tr><tr><th colspan=\"7\" class=\"clear\" style=\"display: none;\">Clear<\/th>\n                                                <\/tr><\/tfoot><\/table><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <!-- FIN CALENDRIER -->\n                    <\/div>\n\n\n                    <div class=\"panel_booking-form-line\">\n                        <div class=\"panel_booking-form-param\">\n                            <div class=\"panel_booking-form-param-icon panel-icon-moon\"><\/div>\n                            <div class=\"panel_booking-form-param-label\">Night(s) :<\/div>\n                            <select class=\"panel_booking-form-param-select\" id=\"panel-booking-nights\" name=\"nights\"><option value=\"1\" selected>1<\/option><option value=\"2\">2<\/option><option value=\"3\">3<\/option><option value=\"4\">4<\/option><option value=\"5\">5<\/option><option value=\"6\">6<\/option><option value=\"7\">7<\/option><option value=\"8\">8<\/option><option value=\"9\">9<\/option><option value=\"10\">10<\/option><\/select><\/div>\n                    <\/div>\n\n\n                    <div class=\"panel_booking-form-line\">\n                        <div class=\"panel_booking-form-param\">\n                            <div class=\"panel_booking-form-param-icon panel-icon-people\"><\/div>\n                            <div class=\"panel_booking-form-param-label\">Number of adults :<\/div>\n                            <select class=\"panel_booking-form-param-select\" id=\"panel-booking-adults\" name=\"adults\"><option value=\"1\" selected>1<\/option><option value=\"2\">2<\/option><option value=\"3\">3<\/option><option value=\"4\">4<\/option><\/select><\/div>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"panel_booking-form-line\">\n                    <div class=\"panel_booking-buttons\">\n                        <a href=\"https:\/\/reservations.theoriginalshotels.com\/114992\" target=\"_blank\" rel=\"noopener\" class=\"panel_booking-more\">+ more<\/a>\n                        <input type=\"submit\" class=\"panel_booking-submit ga-bookingpanel btn btn1\" value=\"Book\"><\/div>\n                <\/div>\n\n            <\/form>\n        <\/div>\n    <\/div>\n\n<\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n<!-- Datepicker -->\n<script src=\"https:\/\/cdn.juliana-multimedia.com\/js\/bootstrap-datepicker\/1.9.0\/js\/bootstrap-datepicker.min.js\"><\/script><script src=\"https:\/\/cdn.juliana-multimedia.com\/js\/bootstrap-datepicker\/1.9.0\/locales\/bootstrap-datepicker.fr.min.js\"><\/script><!-- Bestrate --><script type=\"text\/javascript\">\nfunction bestRate() {\n\n    return false;\n\n    fromdate_day = parseInt(jQuery(\"input[name=fday]\").val());\n    fromdate_month = parseInt(jQuery(\"input[name=fmonth]\").val());\n    fromdate_year = parseInt(jQuery(\"input[name=fyear]\").val());\n    fromdate = new Date(fromdate_year, fromdate_month - 1, fromdate_day);\n    fromdate_format = fromdate_year + \"-\" + fromdate_month + \"-\" + fromdate_day;\n\n    nbnights = parseInt(jQuery(\"#booking-nights\").val());\n\n    todate = new Date(fromdate_year, fromdate_month - 1, fromdate_day);\n\n    todate.setDate(todate.getDate() + nbnights);\n    todate_day = todate.getDate();\n    todate_month = todate.getMonth() + 1;\n    todate_year = todate.getFullYear();\n    todate_format = todate_year + \"-\" + todate_month + \"-\" + todate_day;\n\n    nbadults = jQuery(\"#booking-adults\").val();\n\n    jQuery(\"#booking-bestrate-others-rate\").html('<img decoding=\"async\" src=\"\/public\/images\/load.gif\">');\n    if (jQuery(\".panel-bestrate-rate\").attr(\"data-bestrate-mode\") == 'auto') {\n        jQuery(\".panel-bestrate-rate, #booking-bestrate-rate\").html('<img decoding=\"async\" src=\"\/public\/images\/load.gif\">');\n    }\n\n\n}\n\n<\/script><script type=\"text\/javascript\">\n\n    jQuery(document).ready(function($){\n        $('.show_calendar').click(function(){\n            $('.panel_booking .panel_booking-form-line').toggle();\n        });\n\n        \/\/ $('.datepicker tbody tr td').click(function(){\n           \n        \/\/ });\n    });\n\n    jQuery(function () {\n\n        var panel_from_timestamp = 1618407627;\n        var panel_to_timestamp = 1618494027;\n        var panel_nb_adults = 1;\n        var panel_nb_nights = jQuery(\"#panel-booking-nights\").val();\n        var panel_context = jQuery(\".panel_bestrates\");\n\n        jQuery(\".panel_booking-calendar\").datepicker({\n            language: \"fr\",\n            format: \"dd\/mm\/yyyy\",\n            maxViewMode: 0,\n            minViewMode: 0,\n            weekStart: 1,\n            startDate: new Date(),\n            todayHighlight: true,\n            templates: {\n                leftArrow:'<span class=\"panel-icon-arrow-left\">',rightArrow:'<span class=\"panel-icon-arrow-right\">'\n            }\n        })\n            .on(\"changeDate\", function (e) {\n\n                var fromdate = e.date;\n\n                var day = ('0' + fromdate.getDate()).slice(-2);\n                var month = ('0' + (fromdate.getMonth() + 1)).slice(-2);\n                var year = fromdate.getFullYear();\n\n                jQuery(\"input[name=fday]\").val(day);\n                jQuery(\"input[name=fmonth]\").val(month);\n                jQuery(\"input[name=fyear]\").val(year);\n                jQuery(\"#panel-booking-date\").html(day + \"\/\" + month + \"\/\" + year);\n                jQuery(\"#panel-booking-date-value\").val(month + \"\/\" + day + \"\/\" + year);\n                jQuery(\"#panel-booking-timestamp\").val(fromdate.getTime());\n\n                console.log('calendrier cliqu&eacute;');\n                jQuery('.panel_booking .panel_booking-form-line').toggle();\n\n                panel_from_timestamp = parseInt(fromdate.getTime() \/ 1000);\n                panel_to_timestamp = panel_from_timestamp + (panel_nb_nights * 24 * 60 * 60);\n\n            });\n\n        jQuery(\".panel_booking-calendar\").datepicker(\"setDate\", new Date());\n\n        jQuery(\"#panel-booking-adults\").change(function () {\n            panel_nb_adults = jQuery(this).val();\n        });\n\n        jQuery(\"#panel-booking-nights\").change(function () {\n            panel_nb_nights = jQuery(this).val();\n            panel_to_timestamp = panel_from_timestamp + (panel_nb_nights * 24 * 60 * 60);\n        });\n\n    });\n\n<\/script><style>\n\n.panel-icon-arrow-right:before {\n    content: \">\";\n    color:#FFF;\n}\n\n.panel-icon-arrow-left:before {\n    content: '<';\n    color:#FFF;\n}\n\n.panel-icon-calendar:before {\n    content: \"\\e918\";\n}\n\n.panel-icon-calendar-star:before {\n    content: \"\\e900\";\n    content: \"\\eb04\";\n}\n\n\n\n\n\n.header2-button-label.mobile {\n    line-height: 30px;\n    font-family: 'PT Serif', serif;\n    font-size: 15px;\n    position: absolute;\n    left: 35px;\n    top: 0;\n    opacity: 0;\n}\n\n\n\n\n.panel_body-content {\n    display: block;\n    width: 94%;\n    margin:auto;\n}\n\n\n\n.panel_bloc {\n    width: 94%;\n    margin: 20px auto 30px auto;\n}\n\n.panel_col_droite{\n    display: grid;\n    grid-template-columns:1fr 1fr 1fr;\n    width: 100%;\n    border-radius: 20px;\n    padding: 6px;\n    background-color: rgb(246, 246, 246);\n}\n\n.show_calendar{\n    position:relative;\n    z-index: 3;\n}\n\n.show_calendar .panel_booking{\n    position:absolute;\n    width:90%;\n    left: 5%;\n    bottom: -6px;\n    transform: translateY(100%);\n}\n\n\n.panel_booking-form-param {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    height: 44px;\n    padding-right: 15px;\n    white-space: 40px;;\n    \/* background: #eeeeee; *\/\n}\n\n\n\n.panel_booking-form-param-label {\n    float: left;\n    width: 100%;\n    font-size: 14px;\n    color: rgb(165, 140, 120);\n}\n\n.panel_booking-form-param-value {\n    float: left;\n    width: 100%;\n    color: #434343; \/\/Changer la couleur de la date s&eacute;lection&eacute;e \"jj\/mm\/aaaa\"\n    font-size: 14px;\n    font-weight: bold;\n    text-align: center;\n}\n\n.panel_booking-form-param-select {\n    flex-shrink: 0;\n    float: left;\n    width: 70px;\n    height: 100%;\n    padding: 0;\n    border: none;\n    background: none;\n    color: #5a5557; \/\/changez ici la couleur des chiffres des nombre de nuit et d'adultes\n    font-size: 14px;\n    font-weight: bold;\n    font-family: inherit;\n    text-align: center;\n}\n\n\n\n.panel_booking-more {\n    position: absolute;\n    color: rgb(165, 140, 120);\n    font-size: 14px;\n    right: 40px;\n    margin: 6px 20px 0 auto;\n}\n\n.panel_booking-submit {\n    \/* height: 44px;\n    width: 120px;\n    padding: 0 20px;\n    border: none;\n    background: #c9c8c8; \/\/changer la couleur du fond du boutton valider\n    color: #000000;\/\/changer la couleur de l'&eacute;criture 'valider'\n    font-family: inherit;\n    font-size: 14px;\n    text-transform: uppercase;\n    cursor: pointer;\n    transition: all .3s ease-in-out; *\/\n    border:none;\n    margin-top:30px;\n    margin-bottom:30px;\n}\n\n.panel_booking-submit:hover {\n    background: #272e68; \/\/changer la couleur de l'effet de fondu sur le boutton valider\n    color: #ffffff;\n}\n\n.panel_booking-link {\n    float: left;\n    margin-top: 30px;\n    font-size: 14px;\n    font-style: italic;\n}\n\n.panel_booking-calendar .datepicker {\n    width: 100%;\n}\n\n.panel_booking-calendar .datepicker-days {}\n\n.panel_booking-calendar .datepicker table {\n    width: 100%;\n    border-spacing: 0;\n    table-layout: fixed;\n}\n\n.panel_booking-calendar .datepicker table thead {}\n\n.panel_booking-calendar .datepicker table thead tr:nth-child(2) {\n    color: rgba(49, 45, 87, 1);  \n    background-color: rgb(165, 140, 120);        \n    align-items: center;\n}\n\n.panel_booking-calendar .datepicker .datepicker-switch {\n    height: 35px;\n    font-size: 14px;\n    font-weight: normal;\n    text-transform: uppercase;\n    color:#FFF;\n}\n\n.panel_booking-calendar .datepicker table tbody{\n    background-color: rgb(246, 246, 246);\n    color: rgb(165, 140, 120); \n}\n\n\n\n.panel_booking-calendar .datepicker .next:hover,\n.panel_booking-calendar .datepicker .prev:hover {\n    background: none;\n}\n\n.panel_booking-calendar .datepicker .next.disabled,\n.panel_booking-calendar .datepicker .prev.disabled {\n    visibility: visible;\n}\n\n.panel_booking-calendar .datepicker table thead tr:nth-child(3) {}\n\n.panel_booking-calendar .datepicker .dow {\n    height: 30px;\n    font-weight: normal;\n    font-size: 12px;\n    text-transform:uppercase;\n    background-color: rgb(49, 45, 87);\n}\n\n.panel_booking-calendar .datepicker table tbody {}\n\n.panel_booking-calendar .datepicker .day {\n    height: 30px;\n    padding: 0;\n    color: inherit;\n    position: relative;\n    overflow: hidden;\n    font-size: 14px;\n}\n\n.panel_booking-calendar .datepicker .day.disabled {\n    opacity: 0.5;\n}\n\n.panel_booking-calendar .datepicker .day.old,\n.panel_booking-calendar .datepicker .day.new {\n    opacity: 0.3;\n}\n\n.panel_booking-calendar .datepicker .day.active,\n.panel_booking-calendar .datepicker .day.active:hover {\n    background-color: rgb(49, 45, 87);\n    \n    \n}\n\n.panel_booking-calendar .datepicker .day.active,\n.panel_booking-calendar .datepicker .day.active:hover {\n    opacity: 1;\n    color: rgb(165, 140, 120);\n    color:#FFF;\n}\n\n\n.panel_booking-calendar .datepicker table tbody tr td,\n.panel_booking-calendar .datepicker table tbody tr th {\n    background: #eeeeee;\/\/changer la couleur du fond du calendrier\n}\n\n\n\n\n\n\n\n\n@media (max-width: 700px) {\n    .panel_col_droite{\n        grid-template-columns: 1fr 1fr;\n    }\n\n    .show_calendar{\n        order:2;\n        grid-column: span 2;\n    }\n}\n\n\n    \n@media (max-width: 480px) {\n    #booking-bestrate-others-title {\n        display: inline-block;\n        float: none;\n        width: auto;\n        margin-right: 10px;\n        vertical-align: top;\n        line-height: 25px;\n    }\n\n    #booking-bestrate-others-title br {\n        display: none;\n    }\n\n\n}\n\n\n\n<\/style><\/div><\/div><\/div><\/div><\/section><!-- Bloc colonnes --><section id=\"\" class=\"section_90387 relative  block_colonnes  dark t_pad4 r_pad0 b_pad4 l_pad0 t_mar0 r_mar0 b_mar0 l_mar0 bg_cover no-repeat bg_centre\" style=\"\"><div class=\"lcontainer container relative  zindex \"><div class=\"colonnes  col_gg0\"><!-- L'Escale Marine, a hotel just 100m from the beach --><div class=\"colonne grid block_col_desktop_grid_span6 block_col_tabW_grid_span6 block_col_tabH_grid_span6 block_col_mobile_grid_span12 desktop_order10 tabW_order10 tabH_order10 mobile_order10 left v_center \" style=\" padding-top:30px; padding-bottom:30px;\"><div class=\"inner_colonne \"><div class=\"colonne_texte_intro style_paragraphe animate animateL none animation_duration_5\" style=\" padding-left:30px; padding-right:30px;\"><h2 class=\"heading2\">Welcome to L&rsquo;Escale Marine,<br>\nour hotel located 100 meters from the beach<\/h2>\n<p style=\"text-align: justify;\">Formerly called the Sainte-Marine Hotel, our Hotel is located just a stone&rsquo;s throw from the beach of Morgat on the Crozon Peninsula in Finist&egrave;re, in the heart of the Douarnenez Bay. With its 49 rooms, our hotel is intended as an invitation to travel and discover our beautiful region. Enjoy and take in the comfort of the interior d&eacute;cor with the light wood furniture and the blue-green theme which is reminiscent of the sea of Iroise that we are so fond of.<br>\nFor us, the hospitality business is about encounters, sharing and conviviality.<br>\nIt&rsquo;s that simple philosophy that has been driving the renovation of the hotel in 2022, and that has led us to design living spaces dedicated to exchanges and conviviality.<\/p>\n<p>&nbsp;<\/p>\n<\/div><div class=\"col_link\" style=\" padding-left:30px; padding-right:30px;\"><a href=\"https:\/\/www.escale-marine.bzh\/en\/lescale-marine\" class=\"btn btn3 animate animateL none animation_duration_5\" target=\"\">L&rsquo;Escale Marine<\/a><\/div><\/div><\/div><!-- Image --><div class=\"colonne grid block_col_desktop_grid_span6 block_col_tabW_grid_span6 block_col_tabH_grid_span6 block_col_mobile_grid_span12 desktop_order10 tabW_order10 tabH_order10 mobile_order10 center v_center \" style=\" padding-top:0px; padding-bottom:0px;\"><div class=\"inner_colonne \"><div class=\"slider_all_around relative animate animateR none animation_duration_5\" style=\" margin-left:30px; margin-right:30px; margin-left:0px; margin-right:0px;\"><div class=\"tinyslider tinyslider_275587\"><div class=\"slider_contenu\"><img decoding=\"async\" src=\"https:\/\/www.escale-marine.bzh\/wp-content\/uploads\/2023\/06\/Accueil.jpg\" class=\"fw\" loading=\"lazy\"><\/div><\/div><\/div>   <script type=\"text\/javascript\">\n   var slider = tns({\n      container: '.tinyslider_275587',\n      autoHeight: false,\n      items: 1,\n      slideBy: 'page',\n      loop: true,\n      autoplay: true,\n      autoplayButtonOutput: false,\n      controls: true,\n      mouseDrag:true,\n   });\n   <\/script><\/div><\/div><!-- Image --><div class=\"colonne grid block_col_desktop_grid_span6 block_col_tabW_grid_span6 block_col_tabH_grid_span6 block_col_mobile_grid_span12 desktop_order10 tabW_order10 tabH_order11 mobile_order11 center v_center \" style=\" padding-top:0px; padding-bottom:0px;\"><div class=\"inner_colonne \"><div class=\"slider_all_around relative animate animateR none animation_duration_5\" style=\" margin-left:30px; margin-right:30px; margin-left:0px; margin-right:0px; margin-left:0px; margin-right:0px;\"><div class=\"tinyslider tinyslider_938894\"><div class=\"slider_contenu\"><img decoding=\"async\" src=\"https:\/\/www.escale-marine.bzh\/wp-content\/uploads\/2023\/08\/2924-relais-FR-crozon-restaurant-juillet-2023-5-2-3.jpg\" class=\"fw\" loading=\"lazy\"><\/div><\/div><\/div>   <script type=\"text\/javascript\">\n   var slider = tns({\n      container: '.tinyslider_938894',\n      autoHeight: false,\n      items: 1,\n      slideBy: 'page',\n      loop: true,\n      autoplay: true,\n      autoplayButtonOutput: false,\n      controls: true,\n      mouseDrag:true,\n   });\n   <\/script><\/div><\/div><!-- Bistrot Le 34, a restaurant aiming at preserving the local heritage --><div class=\"colonne grid block_col_desktop_grid_span6 block_col_tabW_grid_span6 block_col_tabH_grid_span6 block_col_mobile_grid_span12 desktop_order10 tabW_order10 tabH_order10 mobile_order10 left v_center \" style=\" padding-top:30px; padding-bottom:30px;\"><div class=\"inner_colonne \"><div class=\"colonne_texte_intro style_paragraphe animate animateL none animation_duration_5\" style=\" padding-left:30px; padding-right:30px;\"><h2 class=\"heading2\">Bistrot Le 34, a restaurant<br>\naiming at preserving the local heritage<\/h2>\n<p style=\"text-align: justify;\">You can enjoy drinks and snacks at the bar or on the terrace.<br>\nWhether you stay at our hotel or not, come and enjoy Bistrot le 34 and discover the local culinary heritage, so dear to our hearts, by tasting our bistronomic cuisine.<br>\nWe are committed to being an eco-friendly restaurant with seasonal dishes featuring products from regional and local producers. Feeling a little peckish ? Enjoy our snacks at the bar, at any time. And for those who prefer the outdoors, the establishment has a beautiful terrace&hellip;<\/p>\n<p>&nbsp;<\/p>\n<\/div><div class=\"col_link\" style=\" padding-left:30px; padding-right:30px;\"><a href=\"https:\/\/www.escale-marine.bzh\/en\/bistrot-le-34\" class=\"btn btn3 animate animateL none animation_duration_5\" target=\"\">Discover our restaurant<\/a><\/div><\/div><\/div><\/div><\/div><\/section><!-- Bloc colonnes --><section id=\"\" class=\"section_82925 relative  block_colonnes  dark t_pad4 r_pad0 b_pad4 l_pad0 t_mar0 r_mar0 b_mar0 l_mar0 bg_cover no-repeat bg_centre\" style=\" background-color:#f6f6f6; \"><div class=\"lcontainer container relative  zindex \"><div class=\"colonnes  col_gg0\"><!-- Presqu'&icirc;le --><div class=\"colonne grid block_col_desktop_grid_span4 block_col_tabW_grid_span6 block_col_tabH_grid_span12 block_col_mobile_grid_span12 desktop_order10 tabW_order10 tabH_order10 mobile_order10 left v_center \" style=\" padding-top:0px; padding-bottom:0px;\"><div class=\"inner_colonne \"><div class=\"colonne_texte_intro style_paragraphe\" style=\" padding-left:0px; padding-right:0px;\"><h2 class=\"heading2\">The peninsula of Crozon,<br>\na haven of peace to unwind<\/h2>\n<p style=\"text-align: justify;\"><strong>Head for the great west of Bretagne! Embark &ldquo;at the end of the world&rdquo; and discover the Crozon Peninsula in Bretagne.<\/strong><\/p>\n<p style=\"text-align: justify;\">Often cited among the most beautiful beaches in the world, the beach of Morgat is located 100 meters away from our hotel. It is a perfect curve of white sand bordered by the Iroise Sea. Water sports, walks, strolls and sunbathing : make your wishes come true !<br>\nFeeling adventurous ? Take a stroll along the hiking trails (GR 34) of the peninsula ! The so-called &ldquo;Path of Customs Officers&rdquo; (Sentier des Douaniers) stretches all around the peninsula and will reveal you all the charms of our beautiful region: steep cliffs falling into the sea, paradisiacal lagoons with turquoise waters, breathtaking panoramas and an unspoilt nature&hellip;<\/p>\n<\/div><div class=\"col_link\" style=\" padding-left:0px; padding-right:0px;\"><a href=\"https:\/\/www.escale-marine.bzh\/a-proximite\" class=\"btn btn3\" target=\"\">To discover nearby...<\/a><\/div><\/div><\/div><!-- Image --><div class=\"colonne grid block_col_desktop_grid_span8 block_col_tabW_grid_span6 block_col_tabH_grid_span12 block_col_mobile_grid_span12 desktop_order10 tabW_order10 tabH_order10 mobile_order9 center v_center \" style=\" padding-top:0px; padding-bottom:0px;\"><div class=\"inner_colonne \"><div class=\"slider_all_around relative \" style=\" margin-left:0px; margin-right:0px; margin-left:0px; margin-right:0px;\"><div class=\"tinyslider tinyslider_90366\"><div class=\"slider_contenu\"><img decoding=\"async\" src=\"https:\/\/www.escale-marine.bzh\/wp-content\/uploads\/2022\/11\/carte.png\" class=\"fw\" loading=\"lazy\"><\/div><\/div><\/div>   <script type=\"text\/javascript\">\n   var slider = tns({\n      container: '.tinyslider_90366',\n      autoHeight: false,\n      items: 1,\n      slideBy: 'page',\n      loop: true,\n      autoplay: true,\n      autoplayButtonOutput: false,\n      controls: true,\n      mouseDrag:true,\n   });\n   <\/script><\/div><\/div><!-- Diaporama --><div class=\"colonne grid block_col_desktop_grid_span12 block_col_tabW_grid_span12 block_col_tabH_grid_span12 block_col_mobile_grid_span12 desktop_order10 tabW_order10 tabH_order10 mobile_order10 center v_center \" style=\" padding-top:0px; padding-bottom:0px;\"><div class=\"inner_colonne \"><div class=\"slider_all_around relative animate animateB none animation_duration_5 showDots showArrow\" style=\" height:480px;\"><div class=\"tinyslider tinyslider_768611\"><div class=\"slider_contenu\"><img decoding=\"async\" src=\"https:\/\/www.escale-marine.bzh\/wp-content\/uploads\/2022\/12\/rando-crozon.jpg\" class=\"fw\" loading=\"lazy\"><\/div><div class=\"slider_contenu\"><img decoding=\"async\" src=\"https:\/\/www.escale-marine.bzh\/wp-content\/uploads\/2022\/11\/mer-bateaux-foret-presquile-crozon-3.jpg\" class=\"fw\" loading=\"lazy\"><\/div><div class=\"slider_contenu\"><img decoding=\"async\" src=\"https:\/\/www.escale-marine.bzh\/wp-content\/uploads\/2022\/12\/plage-morgat-ete.jpg\" class=\"fw\" loading=\"lazy\"><\/div><div class=\"slider_contenu\"><img decoding=\"async\" src=\"https:\/\/www.escale-marine.bzh\/wp-content\/uploads\/2022\/12\/falaise-crozon.jpg\" class=\"fw\" loading=\"lazy\"><\/div><div class=\"slider_contenu\"><img decoding=\"async\" src=\"https:\/\/www.escale-marine.bzh\/wp-content\/uploads\/2022\/12\/balades-crozon.jpg\" class=\"fw\" loading=\"lazy\"><\/div><div class=\"slider_contenu\"><img decoding=\"async\" src=\"https:\/\/www.escale-marine.bzh\/wp-content\/uploads\/2022\/12\/balade-en-velo-morgat.jpg\" class=\"fw\" loading=\"lazy\"><\/div><\/div><\/div>   <script type=\"text\/javascript\">\n   var slider = tns({\n      container: '.tinyslider_768611',\n      autoHeight: false,\n      items: 1,\n      slideBy: 'page',\n      loop: true,\n      autoplay: true,\n      autoplayButtonOutput: false,\n      controls: true,\n      mouseDrag:true,\n   });\n   <\/script><\/div><\/div><\/div><\/div><\/section><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1903","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>H\u00f4tel L&#039;Escale Marine - Morgat, Crozon peninsula<\/title>\n<meta name=\"description\" content=\"Our Hotel L&#039;Escale Marine is located less than 100m from the beach in Morgat on the Crozon peninsula in the Finist\u00e8re region of Brittany.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.escale-marine.bzh\/en\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"H\u00f4tel L&#039;Escale Marine - Morgat, Crozon peninsula\" \/>\n<meta property=\"og:description\" content=\"Our Hotel L&#039;Escale Marine is located less than 100m from the beach in Morgat on the Crozon peninsula in the Finist\u00e8re region of Brittany.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.escale-marine.bzh\/en\" \/>\n<meta property=\"og:site_name\" content=\"Escale Marine\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-16T07:27:14+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.escale-marine.bzh\/en\",\"url\":\"https:\/\/www.escale-marine.bzh\/en\",\"name\":\"H\u00f4tel L'Escale Marine - Morgat, Crozon peninsula\",\"isPartOf\":{\"@id\":\"https:\/\/www.escale-marine.bzh\/#website\"},\"datePublished\":\"2022-11-22T21:08:06+00:00\",\"dateModified\":\"2025-01-16T07:27:14+00:00\",\"description\":\"Our Hotel L'Escale Marine is located less than 100m from the beach in Morgat on the Crozon peninsula in the Finist\u00e8re region of Brittany.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.escale-marine.bzh\/en#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.escale-marine.bzh\/en\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.escale-marine.bzh\/en#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/www.escale-marine.bzh\/en\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Welcome\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.escale-marine.bzh\/#website\",\"url\":\"https:\/\/www.escale-marine.bzh\/\",\"name\":\"Escale Marine\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.escale-marine.bzh\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"H\u00f4tel L'Escale Marine - Morgat, Crozon peninsula","description":"Our Hotel L'Escale Marine is located less than 100m from the beach in Morgat on the Crozon peninsula in the Finist\u00e8re region of Brittany.","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:\/\/www.escale-marine.bzh\/en","og_locale":"en_US","og_type":"article","og_title":"H\u00f4tel L'Escale Marine - Morgat, Crozon peninsula","og_description":"Our Hotel L'Escale Marine is located less than 100m from the beach in Morgat on the Crozon peninsula in the Finist\u00e8re region of Brittany.","og_url":"https:\/\/www.escale-marine.bzh\/en","og_site_name":"Escale Marine","article_modified_time":"2025-01-16T07:27:14+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.escale-marine.bzh\/en","url":"https:\/\/www.escale-marine.bzh\/en","name":"H\u00f4tel L'Escale Marine - Morgat, Crozon peninsula","isPartOf":{"@id":"https:\/\/www.escale-marine.bzh\/#website"},"datePublished":"2022-11-22T21:08:06+00:00","dateModified":"2025-01-16T07:27:14+00:00","description":"Our Hotel L'Escale Marine is located less than 100m from the beach in Morgat on the Crozon peninsula in the Finist\u00e8re region of Brittany.","breadcrumb":{"@id":"https:\/\/www.escale-marine.bzh\/en#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.escale-marine.bzh\/en"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.escale-marine.bzh\/en#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.escale-marine.bzh\/en"},{"@type":"ListItem","position":2,"name":"Welcome"}]},{"@type":"WebSite","@id":"https:\/\/www.escale-marine.bzh\/#website","url":"https:\/\/www.escale-marine.bzh\/","name":"Escale Marine","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.escale-marine.bzh\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.escale-marine.bzh\/en\/wp-json\/wp\/v2\/pages\/1903","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.escale-marine.bzh\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.escale-marine.bzh\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.escale-marine.bzh\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.escale-marine.bzh\/en\/wp-json\/wp\/v2\/comments?post=1903"}],"version-history":[{"count":9,"href":"https:\/\/www.escale-marine.bzh\/en\/wp-json\/wp\/v2\/pages\/1903\/revisions"}],"predecessor-version":[{"id":4163,"href":"https:\/\/www.escale-marine.bzh\/en\/wp-json\/wp\/v2\/pages\/1903\/revisions\/4163"}],"wp:attachment":[{"href":"https:\/\/www.escale-marine.bzh\/en\/wp-json\/wp\/v2\/media?parent=1903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}