{"id":69,"date":"2026-10-13T10:20:07","date_gmt":"2026-10-13T15:20:07","guid":{"rendered":"https:\/\/test.gilles-smarthomeplaya.com\/?page_id=69"},"modified":"2026-11-02T12:17:34","modified_gmt":"2026-11-02T17:17:34","slug":"accueil","status":"publish","type":"page","link":"https:\/\/restauration.gilles-smarthomeplaya.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"69\" class=\"elementor elementor-69\">\n\t\t\t\t<div class=\"elementor-element elementor-element-020ce7d e-con e-atomic-element e-flexbox-base e-default-div e-508687e \" data-id=\"020ce7d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"020ce7d\">\n    \t\t<div class=\"elementor-element elementor-element-9c87017 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-html\" data-id=\"9c87017\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- ==========================================\r\n     GSHP - BANDEAU ACCUEIL FR\r\n     VERSION 6 - RESPONSIVE\r\n     DESKTOP\/TABLETTE : PANORAMIQUE\r\n     SMARTPHONE : CARTE STYLE VEDRA\r\n     CORRECTION MARGES LAT\u00c9RALES\r\n     ========================================== -->\r\n\r\n<style>\r\n\r\n\/* BASE *\/\r\n\r\n.gshp-accueil,\r\n.gshp-accueil * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.gshp-accueil {\r\n  width: 100%;\r\n  min-width: 0;\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: Poppins, Arial, sans-serif;\r\n}\r\n\r\n.gshp-accueil a {\r\n  text-decoration: none !important;\r\n}\r\n\r\n\/* D\u00c9FILEMENT FLUIDE *\/\r\n\r\nhtml {\r\n  scroll-behavior: smooth;\r\n}\r\n\r\n#nos-appartements {\r\n  scroll-margin-top: 80px;\r\n}\r\n\r\n\/* ==========================================\r\n   DESKTOP ET TABLETTE\r\n   ========================================== *\/\r\n\r\n.gshp-accueil-desktop {\r\n  width: 100%;\r\n  min-width: 0;\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(0,42,78,.62) 0%,\r\n      rgba(0,57,90,.30) 47%,\r\n      rgba(0,0,0,0) 80%\r\n    ),\r\n    url('https:\/\/restauration.gilles-smarthomeplaya.com\/wp-content\/uploads\/2026\/10\/Evasion-tropicale-au-bord-de-leau-1.png');\r\n\r\n  background-size: cover;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n  color: #fff;\r\n}\r\n\r\n.gshp-accueil-desktop-inner {\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 12px 25px 8px;\r\n}\r\n\r\n.gshp-accueil-desktop h1 {\r\n  font-family: Merriweather, Georgia, serif;\r\n  font-size: clamp(29px, 3.4vw, 43px);\r\n  font-weight: 700;\r\n  line-height: 1.12;\r\n  color: #fff;\r\n  margin: 0 0 7px;\r\n}\r\n\r\n.gshp-accueil-desktop h2 {\r\n  font-family: Merriweather, Georgia, serif;\r\n  font-size: clamp(17px, 2vw, 23px);\r\n  font-weight: 700;\r\n  line-height: 1.35;\r\n  color: #fff;\r\n  margin: 0 0 8px;\r\n}\r\n\r\n.gshp-accueil-description {\r\n  font-size: 15px;\r\n  line-height: 1.5;\r\n  max-width: 580px;\r\n  margin: 0 0 12px;\r\n  color: #fff;\r\n}\r\n\r\n.gshp-accueil-buttons {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.gshp-accueil-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 9px;\r\n  min-height: 40px;\r\n  padding: 10px 16px;\r\n  border-radius: 4px;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  line-height: 1.3;\r\n  text-align: center;\r\n}\r\n\r\n.gshp-accueil-btn-primary {\r\n  background: #009FC4;\r\n  color: #fff !important;\r\n  border: 1px solid #009FC4;\r\n}\r\n\r\n.gshp-accueil-btn-primary:hover {\r\n  background: #287F91;\r\n}\r\n\r\n.gshp-accueil-btn-secondary {\r\n  background: rgba(0,30,65,.20);\r\n  color: #fff !important;\r\n  border: 1px solid #fff;\r\n}\r\n\r\n.gshp-accueil-btn-secondary:hover {\r\n  background: rgba(255,255,255,.20);\r\n}\r\n\r\n.gshp-accueil-features {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  gap: 10px 22px;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n}\r\n\r\n.gshp-accueil-feature {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.gshp-accueil-feature svg {\r\n  width: 21px;\r\n  height: 21px;\r\n  flex-shrink: 0;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 2;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\/* ==========================================\r\n   SMARTPHONE : CARTE STYLE VEDRA\r\n   ========================================== *\/\r\n\r\n.gshp-accueil-mobile {\r\n  display: none;\r\n}\r\n\r\n\/* TABLETTE *\/\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n\r\n  .gshp-accueil-desktop-inner {\r\n    padding: 12px 20px 8px;\r\n  }\r\n\r\n  .gshp-accueil-desktop h1 {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .gshp-accueil-desktop h2 {\r\n    font-size: 19px;\r\n  }\r\n\r\n  .gshp-accueil-description {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .gshp-accueil-features {\r\n    gap: 10px 17px;\r\n    font-size: 11px;\r\n  }\r\n}\r\n\r\n\/* ==========================================\r\n   SMARTPHONE - SANS MARGES LAT\u00c9RALES BLEUES\r\n   ========================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .gshp-accueil {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .gshp-accueil-desktop {\r\n    display: none;\r\n  }\r\n\r\n  .gshp-accueil-mobile {\r\n    display: block;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    background: #E7F5FA;\r\n  }\r\n\r\n .gshp-accueil-card {\r\n  width: 100%;\r\n  max-width: none;\r\n  margin: 0;\r\n  background: #fff;\r\n  border-radius: 0;\r\n  overflow: hidden;\r\n  box-shadow: none;\r\n}\r\n\r\n  \/* EN-T\u00caTE *\/\r\n\r\n  .gshp-accueil-card-heading {\r\n    padding: 25px 18px 20px;\r\n    text-align: center;\r\n  }\r\n\r\n  .gshp-accueil-card-label {\r\n    display: block;\r\n    margin-bottom: 10px;\r\n    color: #287F91;\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n  .gshp-accueil-card h2 {\r\n    margin: 0 0 15px;\r\n    font-family: Merriweather, Georgia, serif;\r\n    font-size: 25px;\r\n    font-weight: 700;\r\n    line-height: 1.35;\r\n    color: #00605C;\r\n    text-align: center;\r\n  }\r\n\r\n  .gshp-accueil-card-subtitle {\r\n    margin: 0 0 12px;\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n    color: #18364B;\r\n  }\r\n\r\n  .gshp-accueil-card-description {\r\n    margin: 0;\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n    color: #18364B;\r\n  }\r\n\r\n  \/* PHOTO *\/\r\n\r\n  .gshp-accueil-card-photo {\r\n    width: 100%;\r\n    display: block;\r\n    aspect-ratio: 5 \/ 3;\r\n    object-fit: cover;\r\n    object-position: center;\r\n  }\r\n\r\n  \/* CARACT\u00c9RISTIQUES *\/\r\n\r\n  .gshp-accueil-card-bottom {\r\n    padding: 22px 16px 24px;\r\n  }\r\n\r\n  .gshp-accueil-card-features {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0,1fr));\r\n    gap: 15px 10px;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .gshp-accueil-card-feature {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 6px;\r\n    color: #18364B;\r\n    font-size: 12px;\r\n    line-height: 1.4;\r\n    text-align: center;\r\n  }\r\n\r\n  .gshp-accueil-card-feature svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    flex-shrink: 0;\r\n    fill: none;\r\n    stroke: #287F91;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .gshp-accueil-card-feature:last-child {\r\n    grid-column: 1 \/ -1;\r\n  }\r\n\r\n  \/* BOUTON R\u00c9SERVATION *\/\r\n\r\n  .gshp-accueil-card-book {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    min-height: 52px;\r\n    padding: 12px 10px;\r\n    background: #F15B4A;\r\n    border-radius: 6px;\r\n    color: #fff !important;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    text-align: center;\r\n  }\r\n\r\n  .gshp-accueil-card-book:hover {\r\n    background: #D94C3C;\r\n  }\r\n\r\n  \/* INVITATION \u00c0 D\u00c9COUVRIR LES APPARTEMENTS *\/\r\n\r\n  .gshp-accueil-card-discover {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 4px;\r\n    margin-top: 20px;\r\n    color: #287F91 !important;\r\n    font-family: Poppins, Arial, sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    line-height: 1.5;\r\n    text-align: center;\r\n    text-decoration: none !important;\r\n  }\r\n\r\n  .gshp-accueil-card-discover span {\r\n    display: block;\r\n    font-size: 30px;\r\n    line-height: 1;\r\n    transition: transform .2s ease;\r\n  }\r\n\r\n  .gshp-accueil-card-discover:hover span {\r\n    transform: translateY(4px);\r\n  }\r\n}\r\n\r\n\/* PETITS SMARTPHONES *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n  .gshp-accueil-mobile {\r\n    padding: 0;\r\n    margin: 0;\r\n  }\r\n\r\n  .gshp-accueil-card h2 {\r\n    font-size: 22px;\r\n  }\r\n\r\n  .gshp-accueil-card-subtitle {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .gshp-accueil-card-feature {\r\n    font-size: 11px;\r\n  }\r\n}\r\n\r\n\/* ACCESSIBILIT\u00c9 *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  html {\r\n    scroll-behavior: auto;\r\n  }\r\n\r\n  .gshp-accueil-card-discover span {\r\n    transition: none;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- ==========================================\r\n     STRUCTURE G\u00c9N\u00c9RALE\r\n     ========================================== -->\r\n\r\n<div class=\"gshp-accueil\">\r\n\r\n  <!-- DESKTOP \/ TABLETTE -->\r\n\r\n  <section class=\"gshp-accueil-desktop\"\r\n    aria-label=\"Locations de vacances \u00e0 Playa del Carmen\">\r\n\r\n    <div class=\"gshp-accueil-desktop-inner\">\r\n\r\n      <h1>\r\n        Locations de vacances<br>\r\n        \u00e0 Playa del Carmen\r\n      <\/h1>\r\n\r\n      <h2>\r\n        \u00c0 deux pas de la plage et de la 5e avenue\r\n      <\/h2>\r\n\r\n      <p class=\"gshp-accueil-description\">\r\n        Trois appartements d\u2019exception pour un s\u00e9jour inoubliable<br>\r\n        au c\u0153ur de Playa del Carmen.\r\n      <\/p>\r\n\r\n      <div class=\"gshp-accueil-buttons\">\r\n\r\n        <a class=\"gshp-accueil-btn gshp-accueil-btn-primary\"\r\n           href=\"\/all-availability-fr-html\/\">\r\n          <span aria-hidden=\"true\">\u25a6<\/span>\r\n          V\u00c9RIFIER LES DISPONIBILIT\u00c9S\r\n        <\/a>\r\n\r\n        <a class=\"gshp-accueil-btn gshp-accueil-btn-secondary\"\r\n           href=\"#nos-appartements\">\r\n          D\u00c9COUVRIR NOS APPARTEMENTS \u2192\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"gshp-accueil-features\">\r\n\r\n        <span class=\"gshp-accueil-feature\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <circle cx=\"9\" cy=\"7\" r=\"3\"\/>\r\n            <path d=\"M3 20v-3a6 6 0 0 1 12 0v3z\"\/>\r\n            <circle cx=\"18\" cy=\"9\" r=\"2\"\/>\r\n            <path d=\"M17 14a5 5 0 0 1 4 5\"\/>\r\n          <\/svg>\r\n          2 \u00e0 4 voyageurs\r\n        <\/span>\r\n\r\n        <span class=\"gshp-accueil-feature\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M2 18c2-2 4-2 6 0s4 2 6 0 4-2 8 0\"\/>\r\n            <path d=\"M2 22c2-2 4-2 6 0s4 2 6 0 4-2 8 0\"\/>\r\n            <path d=\"M7 14V4h4v10M7 9h4\"\/>\r\n          <\/svg>\r\n          Piscine\r\n        <\/span>\r\n\r\n        <span class=\"gshp-accueil-feature\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M2 8a16 16 0 0 1 20 0\"\/>\r\n            <path d=\"M5 12a11 11 0 0 1 14 0\"\/>\r\n            <path d=\"M9 16a5 5 0 0 1 6 0\"\/>\r\n            <circle cx=\"12\" cy=\"20\" r=\"1\"\/>\r\n          <\/svg>\r\n          Wi-Fi haut d\u00e9bit\r\n        <\/span>\r\n\r\n        <span class=\"gshp-accueil-feature\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M12 2v20M2 12h20\"\/>\r\n            <path d=\"m5 5 14 14M19 5 5 19\"\/>\r\n            <path d=\"m9 4 3 3M9 20l3-3\"\/>\r\n          <\/svg>\r\n          Climatisation\r\n        <\/span>\r\n\r\n        <span class=\"gshp-accueil-feature\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 1 1 16 0z\"\/>\r\n            <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\r\n          <\/svg>\r\n          Emplacement id\u00e9al\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==========================================\r\n       SMARTPHONE : CARTE STYLE VEDRA\r\n       ========================================== -->\r\n\r\n  <section class=\"gshp-accueil-mobile\"\r\n    aria-label=\"D\u00e9couvrez Gilles Smart Home Playa\">\r\n\r\n    <div class=\"gshp-accueil-card\">\r\n\r\n      <div class=\"gshp-accueil-card-heading\">\r\n\r\n        <span class=\"gshp-accueil-card-label\">\r\n          GILLES SMART HOME PLAYA\r\n        <\/span>\r\n\r\n        <h2>\r\n          Locations de vacances<br>\r\n          \u00e0 Playa del Carmen\r\n        <\/h2>\r\n\r\n        <p class=\"gshp-accueil-card-subtitle\">\r\n          \u00c0 2 pas de la plage et de la 5e avenue\r\n        <\/p>\r\n\r\n        <p class=\"gshp-accueil-card-description\">\r\n          3 appartements d\u2019exception pour un s\u00e9jour\r\n          inoubliable au c\u0153ur de Playa del Carmen.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <!-- PHOTO -->\r\n\r\n      <img decoding=\"async\"\r\n        class=\"gshp-accueil-card-photo\"\r\n        src=\"https:\/\/restauration.gilles-smarthomeplaya.com\/wp-content\/uploads\/2026\/10\/Evasion-tropicale-au-bord-de-leau-1.png\"\r\n       alt=\"Locations de vacances \u00e0 Playa del Carmen, plage tropicale aux eaux turquoise et palmiers\"\r\n        title=\"Locations de vacances \u00e0 Playa del Carmen\"\r\n        loading=\"eager\"\r\n        fetchpriority=\"high\">\r\n\r\n      <div class=\"gshp-accueil-card-bottom\">\r\n\r\n        <!-- CARACT\u00c9RISTIQUES -->\r\n\r\n        <div class=\"gshp-accueil-card-features\">\r\n\r\n          <span class=\"gshp-accueil-card-feature\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <circle cx=\"9\" cy=\"7\" r=\"3\"\/>\r\n              <path d=\"M3 20v-3a6 6 0 0 1 12 0v3z\"\/>\r\n            <\/svg>\r\n            2 \u00e0 4 voyageurs\r\n          <\/span>\r\n\r\n          <span class=\"gshp-accueil-card-feature\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M2 18c2-2 4-2 6 0s4 2 6 0 4-2 8 0\"\/>\r\n              <path d=\"M2 22c2-2 4-2 6 0s4 2 6 0 4-2 8 0\"\/>\r\n            <\/svg>\r\n            Piscine\r\n          <\/span>\r\n\r\n          <span class=\"gshp-accueil-card-feature\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M2 8a16 16 0 0 1 20 0\"\/>\r\n              <path d=\"M5 12a11 11 0 0 1 14 0\"\/>\r\n              <path d=\"M9 16a5 5 0 0 1 6 0\"\/>\r\n              <circle cx=\"12\" cy=\"20\" r=\"1\"\/>\r\n            <\/svg>\r\n            Wi-Fi haut d\u00e9bit\r\n          <\/span>\r\n\r\n          <span class=\"gshp-accueil-card-feature\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M12 2v20M2 12h20\"\/>\r\n              <path d=\"m5 5 14 14M19 5 5 19\"\/>\r\n            <\/svg>\r\n            Climatisation\r\n          <\/span>\r\n\r\n          <span class=\"gshp-accueil-card-feature\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 1 1 16 0z\"\/>\r\n              <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\r\n            <\/svg>\r\n            Emplacement id\u00e9al\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <!-- BOUTON R\u00c9SERVATION -->\r\n\r\n        <a class=\"gshp-accueil-card-book\"\r\n           href=\"\/all-availability-fr-html\/\">\r\n          V\u00c9RIFIER LES DISPONIBILIT\u00c9S \u2192\r\n        <\/a>\r\n\r\n        <!-- D\u00c9COUVERTE AVEC D\u00c9FILEMENT -->\r\n<a class=\"gshp-accueil-card-discover\"\r\n   href=\"#nos-appartements\">\r\n  D\u00e9couvrez nos 3 appartements\r\n<span aria-hidden=\"true\" style=\"display:block; text-align:center; margin-top:8px;\">\r\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 32 32\"\r\n       fill=\"none\" stroke=\"#287F91\"\r\n       stroke-width=\"2.5\"\r\n       stroke-linecap=\"round\"\r\n       stroke-linejoin=\"round\">\r\n    <path d=\"M7 7 L16 15 L25 7\"\/>\r\n    <path d=\"M7 17 L16 25 L25 17\"\/>\r\n  <\/svg>\r\n<\/span>\r\n<\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n<\/div>\r\n<style>\r\n\/* GSHP - R\u00e9duction espace sous les chevrons *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .gshp-accueil-card-discover {\r\n    margin-bottom: 0 !important;\r\n    padding-bottom: 0 !important;\r\n  }\r\n\r\n  .gshp-accueil-card-bottom {\r\n    padding-bottom: 0 !important;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<!-- FIN GSHP BANDEAU ACCUEIL VERSION 6 -->\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-50eafc8 e-con-full e-flex e-con e-parent\" data-id=\"50eafc8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0518c4b elementor-widget elementor-widget-html\" data-id=\"0518c4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- ==========================================\r\n GSHP - ACCUEIL FR\r\n SECTION 2 : VOTRE S\u00c9JOUR \u00c0 PLAYA\r\n VERSION 2 - MARGES RESPONSIVE CORRIG\u00c9ES\r\n ========================================== -->\r\n\r\n<style>\r\n\r\n\/* CONTENEUR *\/\r\n\r\n.gshp-accueil-intro,\r\n.gshp-accueil-intro * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.gshp-accueil-intro {\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 10px 20px 4px;\r\n  background: #FFFFFF;\r\n  font-family: Poppins, Arial, sans-serif;\r\n  color: #18364B;\r\n}\r\n\r\n\/* TITRE *\/\r\n\r\n.gshp-accueil-intro h2 {\r\n  font-family: Merriweather, Georgia, serif;\r\n  font-size: 25px;\r\n  font-weight: 700;\r\n  line-height: 1.3;\r\n  color: #092F68;\r\n  margin: 0 0 5px;\r\n}\r\n\r\n\/* TEXTES *\/\r\n\r\n.gshp-accueil-intro p {\r\n  font-family: Poppins, Arial, sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 400;\r\n  line-height: 1.45;\r\n  margin: 0 0 5px;\r\n  color: #18364B;\r\n}\r\n\r\n\/* R\u00c9SERVATION DIRECTE *\/\r\n\r\n.gshp-accueil-intro .gshp-intro-highlight {\r\n  color: #00739A;\r\n  font-weight: 600;\r\n  margin-bottom: 0;\r\n}\r\n\r\n\/* ==========================================\r\n   TABLETTE\r\n   ========================================== *\/\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n\r\n  .gshp-accueil-intro {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: 12px 10px 8px;\r\n  }\r\n\r\n  .gshp-accueil-intro h2 {\r\n    font-size: 23px;\r\n  }\r\n\r\n  .gshp-accueil-intro p {\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n  }\r\n}\r\n\r\n\/* ==========================================\r\n   SMARTPHONE\r\n   ========================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .gshp-accueil-intro {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: 16px 10px 12px;\r\n  }\r\n\r\n  .gshp-accueil-intro h2 {\r\n    font-size: 20px;\r\n    line-height: 1.35;\r\n    text-align: center;\r\n    margin: 0 0 12px;\r\n  }\r\n\r\n  .gshp-accueil-intro p {\r\n    font-size: 13px;\r\n    line-height: 1.55;\r\n    margin: 0 0 9px;\r\n    text-align: left;\r\n  }\r\n\r\n  .gshp-accueil-intro .gshp-intro-highlight {\r\n    text-align: center;\r\n    margin-top: 10px;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- CONTENU -->\r\n\r\n<section class=\"gshp-accueil-intro\"\r\n aria-label=\"Votre s\u00e9jour \u00e0 Playa del Carmen\">\r\n\r\n  <h2>Votre s\u00e9jour \u00e0 Playa del Carmen<\/h2>\r\n\r\n  <p>\r\n      \r\n      Pour profiter pleinement de la Riviera Maya, d\u00e9couvrez nos locations de vacances \u00e0 Playa del Carmen : trois appartements confortables et enti\u00e8rement \u00e9quip\u00e9s, id\u00e9alement situ\u00e9s \u00e0 proximit\u00e9 des plages, des restaurants et de la c\u00e9l\u00e8bre 5e Avenue.\r\n     <p> \r\n    Vous cherchez une location de vacances \u00e0 Playa del Carmen\r\n    pr\u00e8s de la plage et de la 5e avenue ?<br>\r\n    Gilles Smart Home Playa vous propose trois appartements\r\n    enti\u00e8rement \u00e9quip\u00e9s, situ\u00e9s au c\u0153ur de Playa del Carmen,\r\n    parfaits pour les couples, les familles et les s\u00e9jours\r\n    plus longs.\r\n  <\/p>\r\n\r\n  <p>\r\n    Profitez de piscines, de la climatisation, du Wi-Fi haut\r\n    d\u00e9bit et de cuisines enti\u00e8rement \u00e9quip\u00e9es \u2014\r\n    le tout \u00e0 quelques minutes de la plage, des restaurants,\r\n    des boutiques et de la c\u00e9l\u00e8bre 5e avenue.\r\n  <\/p>\r\n\r\n  <p class=\"gshp-intro-highlight\">\r\n    R\u00e9servez directement et b\u00e9n\u00e9ficiez de nos meilleurs\r\n    tarifs sans commissions de plateformes.\r\n  <\/p>\r\n\r\n<\/section>\r\n\r\n<!-- FIN SECTION 2 -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1187889 e-con e-atomic-element e-flexbox-base e-default-div e-d450b37 \" data-id=\"1187889\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1187889\">\n    \t\t<div class=\"elementor-element elementor-element-207bdb3 elementor-widget elementor-widget-html\" data-id=\"207bdb3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\r\n GSHP - NOS 3 APPARTEMENTS\r\n ACCUEIL WORDPRESS FR\r\n VERSION RESPONSIVE AVEC LETTRINES\r\n ========================================== -->\r\n\r\n<style>\r\n.gshp-apartments,\r\n.gshp-apartments * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.gshp-apartments {\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 15px 12px 25px;\r\n  font-family: Poppins, Arial, sans-serif;\r\n  color: #18364B;\r\n}\r\n\r\n.gshp-apartments-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 16px;\r\n  align-items: stretch;\r\n}\r\n\r\n\/* CARTES *\/\r\n\r\n.gshp-apartment-card {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  background: #FFFFFF;\r\n  border: 1px solid #E9E9E9;\r\n  border-radius: 9px;\r\n  box-shadow: 0 3px 12px rgba(0,0,0,.06);\r\n}\r\n\r\n\/* PHOTOS *\/\r\n\r\n.gshp-apartment-photo {\r\n  position: relative;\r\n  height: 205px;\r\n  overflow: hidden;\r\n}\r\n\r\n.gshp-apartment-photo img {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  object-fit: cover;\r\n  transition: transform .3s ease;\r\n}\r\n\r\n.gshp-apartment-card:hover img {\r\n  transform: scale(1.025);\r\n}\r\n\r\n.gshp-apartment-label {\r\n  position: absolute;\r\n  top: 12px;\r\n  left: 12px;\r\n  background: #18364B;\r\n  color: #FFFFFF;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: .5px;\r\n  padding: 7px 13px;\r\n  border-radius: 4px;\r\n}\r\n\r\n\/* CONTENU *\/\r\n\r\n.gshp-apartment-content {\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  padding: 17px 16px 19px;\r\n}\r\n\r\n.gshp-apartment-title {\r\n  font-family: Merriweather, Georgia, serif;\r\n  font-size: 17px;\r\n  line-height: 1.4;\r\n  font-weight: 700;\r\n  color: #18364B;\r\n  margin: 0 0 14px;\r\n  min-height: 48px;\r\n}\r\n\r\n\/* PICTOGRAMMES *\/\r\n\r\n.gshp-apartment-features {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 8px 13px;\r\n  margin-bottom: 13px;\r\n}\r\n\r\n.gshp-apartment-feature {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  font-size: 11px;\r\n  line-height: 1.4;\r\n  white-space: nowrap;\r\n}\r\n\r\n.gshp-apartment-feature svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  stroke: #287F91;\r\n  stroke-width: 1.8;\r\n  fill: none;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* DESCRIPTIONS *\/\r\n\r\n.gshp-apartment-description {\r\n  font-size: 13px;\r\n  line-height: 1.65;\r\n  margin: 0 0 18px;\r\n  flex: 1;\r\n}\r\n\r\n\/* LETTRINES SUR DEUX LIGNES *\/\r\n\r\n.gshp-apartment-description::first-letter {\r\n  float: left;\r\n  font-family: Merriweather, Georgia, serif;\r\n  font-size: 46px;\r\n  font-weight: 700;\r\n  line-height: 0.85;\r\n  color: #287F91;\r\n  padding-right: 7px;\r\n  padding-top: 4px;\r\n}\r\n\r\n\/* BOUTONS *\/\r\n\r\n.gshp-apartment-actions {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 13px;\r\n  margin-top: auto;\r\n}\r\n\r\n.gshp-apartment-button {\r\n  display: block;\r\n  width: 100%;\r\n  padding: 12px 10px;\r\n  background: #009FC4;\r\n  color: #FFFFFF !important;\r\n  border-radius: 4px;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  line-height: 1.4;\r\n  text-decoration: none !important;\r\n  text-align: center;\r\n  transition: background .2s ease;\r\n}\r\n\r\n.gshp-apartment-button:hover {\r\n  background: #18364B;\r\n}\r\n\r\n.gshp-apartment-availability {\r\n  color: #18364B !important;\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  text-align: center;\r\n  text-decoration: underline !important;\r\n  text-underline-offset: 3px;\r\n}\r\n\r\n.gshp-apartment-availability:hover {\r\n  color: #287F91 !important;\r\n}\r\n\r\n\/* TABLETTE *\/\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n\r\n  .gshp-apartments {\r\n    padding: 12px 8px 20px;\r\n  }\r\n\r\n  .gshp-apartments-grid {\r\n    gap: 10px;\r\n  }\r\n\r\n  .gshp-apartment-photo {\r\n    height: 155px;\r\n  }\r\n\r\n  .gshp-apartment-content {\r\n    padding: 13px 10px 16px;\r\n  }\r\n\r\n  .gshp-apartment-title {\r\n    font-size: 14px;\r\n    min-height: 60px;\r\n  }\r\n\r\n  .gshp-apartment-features {\r\n    flex-wrap: nowrap;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 3px;\r\n    width: 100%;\r\n    margin-bottom: 13px;\r\n  }\r\n\r\n  .gshp-apartment-feature {\r\n    gap: 3px;\r\n    font-size: 9px;\r\n    line-height: 1.3;\r\n    white-space: nowrap;\r\n    min-width: 0;\r\n  }\r\n\r\n  .gshp-apartment-feature svg {\r\n    width: 12px;\r\n    height: 12px;\r\n  }\r\n\r\n  .gshp-apartment-description {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .gshp-apartment-description::first-letter {\r\n    font-size: 42px;\r\n    line-height: 0.85;\r\n    padding-right: 6px;\r\n    padding-top: 3px;\r\n  }\r\n\r\n  .gshp-apartment-button {\r\n    font-size: 11px;\r\n  }\r\n}\r\n\r\n\/* SMARTPHONE *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .gshp-apartments {\r\n    padding: 0 0 20px;\r\n  }\r\n\r\n  .gshp-apartments-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  .gshp-apartment-card {\r\n    border-radius: 15px;\r\n  }\r\n\r\n  .gshp-apartment-photo {\r\n    height: auto;\r\n    aspect-ratio: 1.45 \/ 1;\r\n  }\r\n\r\n  .gshp-apartment-content {\r\n    padding: 20px 16px 23px;\r\n  }\r\n\r\n  .gshp-apartment-title {\r\n    font-size: 20px;\r\n    min-height: 0;\r\n    text-align: center;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .gshp-apartment-features {\r\n    justify-content: center;\r\n    gap: 12px 18px;\r\n    margin-bottom: 17px;\r\n  }\r\n\r\n  .gshp-apartment-feature {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .gshp-apartment-description {\r\n    font-size: 14px;\r\n    text-align: left;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .gshp-apartment-description::first-letter {\r\n    font-size: 48px;\r\n    line-height: 0.85;\r\n    padding-right: 7px;\r\n    padding-top: 4px;\r\n  }\r\n\r\n  .gshp-apartment-button {\r\n    padding: 17px 12px;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .gshp-apartment-availability {\r\n    font-size: 13px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"gshp-apartments\"\r\n         id=\"nos-appartements\"\r\n         aria-label=\"Nos appartements \u00e0 Playa del Carmen\">\r\n\r\n<div class=\"gshp-apartments-grid\">\r\n\r\n<!-- QUADRA -->\r\n\r\n<article class=\"gshp-apartment-card\">\r\n\r\n  <div class=\"gshp-apartment-photo\">\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/restauration.gilles-smarthomeplaya.com\/wp-content\/uploads\/2026\/10\/salon_quadra-_booking-scaled.png\"\r\n      alt=\"Salon spacieux et lumineux du Duplex Quadra \u00e0 Playa del Carmen\"\r\n      title=\"Duplex Quadra - Salon et espace de vie\"\r\n      loading=\"lazy\">\r\n    <span class=\"gshp-apartment-label\">QUADRA<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"gshp-apartment-content\">\r\n\r\n    <h3 class=\"gshp-apartment-title\">\r\n      Duplex spacieux \u00e0 Playa del Carmen\r\n    <\/h3>\r\n\r\n    <div class=\"gshp-apartment-features\">\r\n\r\n      <span class=\"gshp-apartment-feature\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\r\n          <path d=\"M4 22v-3a8 8 0 0 1 16 0v3\"\/>\r\n        <\/svg>\r\n        1 \u00e0 4 voyageurs\r\n      <\/span>\r\n\r\n      <span class=\"gshp-apartment-feature\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M3 12V6M3 12h18v7M3 19v2M21 19v2\"\/>\r\n          <path d=\"M5 12V9h14v3\"\/>\r\n        <\/svg>\r\n        2 chambres\r\n      <\/span>\r\n\r\n      <span class=\"gshp-apartment-feature\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M2 17q3-3 6 0t6 0t8 0\"\/>\r\n          <path d=\"M2 21q3-3 6 0t6 0t8 0\"\/>\r\n          <path d=\"M7 14V3h5v11M7 9h5\"\/>\r\n        <\/svg>\r\n        Piscine\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n    <p class=\"gshp-apartment-description\">\r\n      Duplex spacieux et lumineux avec grande terrasse,\r\n      barbecue Weber, jardin tropical et piscine.\r\n    <\/p>\r\n\r\n    <div class=\"gshp-apartment-actions\">\r\n\r\n      <a class=\"gshp-apartment-button\"\r\n         href=\"\/un-appartement-superbement-equipe-html\/\">\r\n        D\u00c9COUVRIR QUADRA \u2192\r\n      <\/a>\r\n      <a class=\"gshp-apartment-availability\"\r\n   href=\"\/disponibilites-duplex-quadra-1-4-pers\/\">\r\n  Voir les disponibilit\u00e9s Quadra\r\n<\/a>\r\n         <\/div>\r\n  <\/div>\r\n<\/article>\r\n\r\n<!-- FIN BLOC 1 : COLLER LE BLOC 2 JUSTE APR\u00c8S -->\r\n<!-- ALEGRO -->\r\n\r\n<article class=\"gshp-apartment-card\">\r\n\r\n  <div class=\"gshp-apartment-photo\">\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/restauration.gilles-smarthomeplaya.com\/wp-content\/uploads\/2026\/10\/Alegro-chambre-1-n%C2%B02-OK-.png\"\r\n      alt=\"Chambre \u00e9l\u00e9gante de l'appartement Luxe Twin Alegro \u00e0 Playa del Carmen\"\r\n      title=\"Luxe Twin Alegro - Chambre\"\r\n      loading=\"lazy\">\r\n    <span class=\"gshp-apartment-label\">ALEGRO<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"gshp-apartment-content\">\r\n\r\n    <h3 class=\"gshp-apartment-title\">\r\n      Appartement moderne au c\u0153ur de Playa del Carmen\r\n    <\/h3>\r\n\r\n    <div class=\"gshp-apartment-features\">\r\n\r\n      <span class=\"gshp-apartment-feature\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\r\n          <path d=\"M4 22v-3a8 8 0 0 1 16 0v3\"\/>\r\n        <\/svg>\r\n        1 \u00e0 4 voyageurs\r\n      <\/span>\r\n\r\n      <span class=\"gshp-apartment-feature\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M3 12V6M3 12h18v7M3 19v2M21 19v2\"\/>\r\n          <path d=\"M5 12V9h14v3\"\/>\r\n        <\/svg>\r\n        2 chambres\r\n      <\/span>\r\n\r\n      <span class=\"gshp-apartment-feature\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M2 17q3-3 6 0t6 0t8 0\"\/>\r\n          <path d=\"M2 21q3-3 6 0t6 0t8 0\"\/>\r\n          <path d=\"M7 14V3h5v11M7 9h5\"\/>\r\n        <\/svg>\r\n        Piscine\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n    <p class=\"gshp-apartment-description\">\r\n      Confort, design moderne et excellent emplacement,\r\n      \u00e0 quelques minutes de la 5e avenue et de la plage.\r\n    <\/p>\r\n\r\n    <div class=\"gshp-apartment-actions\">\r\n\r\n      <a class=\"gshp-apartment-button\"\r\n   href=\"\/twin-alegro-fr-html\/\">\r\n  D\u00c9COUVRIR ALEGRO \u2192\r\n<\/a>\r\n\r\n<a class=\"gshp-apartment-availability\"\r\n   href=\"\/disponibilites-twin-alegro-1-4-pers\/\">\r\n  Voir les disponibilit\u00e9s Alegro\r\n<\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/article>\r\n\r\n<!-- VEDRA -->\r\n\r\n<article class=\"gshp-apartment-card\">\r\n\r\n  <div class=\"gshp-apartment-photo\">\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/restauration.gilles-smarthomeplaya.com\/wp-content\/uploads\/2026\/10\/Pic-Nic-terrasse-Vedra-II-ups2x-scaled.png\"\r\n      alt=\"Terrasse am\u00e9nag\u00e9e de la Suite Vedra \u00e0 Playa del Carmen\"\r\n      title=\"Suite Vedra - Terrasse tropicale\"\r\n      loading=\"lazy\">\r\n    <span class=\"gshp-apartment-label\">VEDRA<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"gshp-apartment-content\">\r\n\r\n    <h3 class=\"gshp-apartment-title\">\r\n      Suite \u00e9l\u00e9gante pr\u00e8s de la 5e avenue\r\n    <\/h3>\r\n\r\n    <div class=\"gshp-apartment-features\">\r\n\r\n      <span class=\"gshp-apartment-feature\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\r\n          <path d=\"M4 22v-3a8 8 0 0 1 16 0v3\"\/>\r\n        <\/svg>\r\n        1 \u00e0 2 voyageurs\r\n      <\/span>\r\n\r\n      <span class=\"gshp-apartment-feature\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M3 12V6M3 12h18v7M3 19v2M21 19v2\"\/>\r\n          <path d=\"M5 12V9h14v3\"\/>\r\n        <\/svg>\r\n        1 chambre\r\n      <\/span>\r\n\r\n      <span class=\"gshp-apartment-feature\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M2 17q3-3 6 0t6 0t8 0\"\/>\r\n          <path d=\"M2 21q3-3 6 0t6 0t8 0\"\/>\r\n          <path d=\"M7 14V3h5v11M7 9h5\"\/>\r\n        <\/svg>\r\n        Piscine\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n    <p class=\"gshp-apartment-description\">\r\n      Suite \u00e9l\u00e9gante et confortable, id\u00e9ale pour les couples\r\n      et les s\u00e9jours prolong\u00e9s \u00e0 Playa del Carmen.\r\n    <\/p>\r\n\r\n    <div class=\"gshp-apartment-actions\">\r\n\r\n     <a class=\"gshp-apartment-button\"\r\n   href=\"\/suite-vedra-playa-del-carmen-html\/\">\r\n  D\u00c9COUVRIR VEDRA \u2192\r\n<\/a>\r\n\r\n<a class=\"gshp-apartment-availability\"\r\n   href=\"\/disponibilites-suite-vedra-1-2-pers\/\">\r\n  Voir les disponibilit\u00e9s Vedra\r\n<\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/article>\r\n\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- FIN GSHP - NOS 3 APPARTEMENTS -->\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-380589c e-con e-atomic-element e-flexbox-base e-default-div e-ccc2047 \" data-id=\"380589c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"380589c\">\n    \t\t<div class=\"elementor-element elementor-element-5944364 elementor-widget elementor-widget-html\" data-id=\"5944364\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- ==========================================\r\n     GSHP - COMPARATEUR 3 APPARTEMENTS\r\n     ORDINATEUR \/ TABLETTE \/ SMARTPHONE\r\n     ========================================== -->\r\n\r\n<style>\r\n\r\n\/* R\u00c9GLAGES G\u00c9N\u00c9RAUX *\/\r\n\r\n.gshp-comparatif-banner,\r\n.gshp-comparatif-mobile,\r\n.gshp-comparatif-mobile * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* ORDINATEUR ET TABLETTE *\/\r\n\r\n.gshp-comparatif-banner {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  overflow: hidden;\r\n  aspect-ratio: 4.5 \/ 1;\r\n}\r\n\r\n.gshp-comparatif-banner img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n\r\n.gshp-comparatif-lien {\r\n  position: absolute;\r\n  left: 76%;\r\n  top: 36%;\r\n  width: 22%;\r\n  height: 28%;\r\n  z-index: 2;\r\n  cursor: pointer;\r\n}\r\n\r\n\/* VERSION SMARTPHONE MASQU\u00c9E PAR D\u00c9FAUT *\/\r\n\r\n.gshp-comparatif-mobile {\r\n  display: none;\r\n}\r\n\r\n\/* ==========================================\r\n   SMARTPHONE UNIQUEMENT\r\n   ========================================== *\/\r\n\r\n@media screen and (max-width: 767px) {\r\n\r\n  \/* Masquer l'image horizontale *\/\r\n\r\n  .gshp-comparatif-banner {\r\n    display: none !important;\r\n  }\r\n\r\n  \/* Afficher le tableau vertical *\/\r\n\r\n  .gshp-comparatif-mobile {\r\n    display: block !important;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    padding: 14px 10px 16px;\r\n    background: #E6F7FF;\r\n    font-family: Poppins, Arial, sans-serif;\r\n    color: #18364B;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* TITRE *\/\r\n\r\n  .gshp-comparatif-mobile h2 {\r\n    font-family: Merriweather, Georgia, serif;\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    color: #18364B;\r\n    margin: 0 0 8px;\r\n  }\r\n\r\n  \/* INTRODUCTION *\/\r\n\r\n  .gshp-comparatif-mobile p {\r\n    font-size: 11px;\r\n    line-height: 1.4;\r\n    margin: 0 0 14px;\r\n  }\r\n\r\n  \/* TABLEAU *\/\r\n\r\n  .gshp-comparatif-mobile table {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    border-collapse: collapse;\r\n    table-layout: fixed;\r\n    background: #FFFFFF;\r\n    font-size: 10px;\r\n    margin: 0;\r\n  }\r\n\r\n  .gshp-comparatif-mobile th,\r\n  .gshp-comparatif-mobile td {\r\n    padding: 7px 3px;\r\n    border: 1px solid #D2EAF4;\r\n    vertical-align: middle;\r\n    line-height: 1.3;\r\n    overflow-wrap: break-word;\r\n  }\r\n\r\n  .gshp-comparatif-mobile th {\r\n    background: #BCE8F7;\r\n    color: #18364B;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .gshp-comparatif-mobile th:first-child,\r\n  .gshp-comparatif-mobile td:first-child {\r\n    width: 43%;\r\n    text-align: left;\r\n  }\r\n\r\n  .gshp-comparatif-mobile th:not(:first-child),\r\n  .gshp-comparatif-mobile td:not(:first-child) {\r\n    width: 19%;\r\n    text-align: center;\r\n  }\r\n\r\n  .gshp-comparatif-mobile tr:nth-child(even) td {\r\n    background: #EAF7FC;\r\n  }\r\n\r\n  \/* COCHES VERTES *\/\r\n\r\n  .gshp-comparatif-mobile .oui {\r\n    color: #008B32;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  \/* BOUTON *\/\r\n\r\n  .gshp-comparatif-mobile .gshp-comparatif-bouton {\r\n    display: block;\r\n    width: 100%;\r\n    margin: 14px auto 0;\r\n    padding: 13px 8px;\r\n    background: #009FC4;\r\n    color: #FFFFFF !important;\r\n    border-radius: 4px;\r\n    font-family: Poppins, Arial, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    text-align: center;\r\n    text-decoration: none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- ==========================================\r\n     ORDINATEUR ET TABLETTE\r\n     ========================================== -->\r\n\r\n<div class=\"gshp-comparatif-banner\">\r\n\r\n  <img decoding=\"async\"\r\n    src=\"https:\/\/restauration.gilles-smarthomeplaya.com\/wp-content\/uploads\/2026\/10\/Comparatif-dappartements-sous-les-palmiers.png\"\r\n    alt=\"Comparatif des appartements Quadra, Alegro et Vedra \u00e0 Playa del Carmen\"\r\n    title=\"Comparez nos 3 appartements \u00e0 Playa del Carmen\"\r\n    loading=\"lazy\">\r\n\r\n  <a\r\n    class=\"gshp-comparatif-lien\"\r\n    href=\"\/all-availability-fr-html\/\"\r\n    aria-label=\"Comparer les disponibilit\u00e9s des trois appartements\">\r\n  <\/a>\r\n\r\n<\/div>\r\n\r\n<!-- ==========================================\r\n     SMARTPHONE - VERSION VERTICALE\r\n     ========================================== -->\r\n\r\n<section class=\"gshp-comparatif-mobile\">\r\n\r\n  <h2>Comparez nos 3 appartements<\/h2>\r\n\r\n  <p>\r\n    Trouvez l'appartement id\u00e9al pour votre s\u00e9jour\r\n    \u00e0 Playa del Carmen.\r\n  <\/p>\r\n\r\n  <table aria-label=\"Comparaison des trois appartements\">\r\n\r\n    <thead>\r\n      <tr>\r\n        <th scope=\"col\">Caract\u00e9ristiques<\/th>\r\n        <th scope=\"col\">QUADRA<\/th>\r\n        <th scope=\"col\">ALEGRO<\/th>\r\n        <th scope=\"col\">VEDRA<\/th>\r\n      <\/tr>\r\n    <\/thead>\r\n\r\n    <tbody>\r\n\r\n      <tr>\r\n        <td>Voyageurs<\/td>\r\n        <td>4<\/td>\r\n        <td>4<\/td>\r\n        <td>2<\/td>\r\n      <\/tr>\r\n\r\n      <tr>\r\n        <td>Chambres<\/td>\r\n        <td>2<\/td>\r\n        <td>2<\/td>\r\n        <td>1<\/td>\r\n      <\/tr>\r\n\r\n      <tr>\r\n        <td>Piscine<\/td>\r\n        <td class=\"oui\">\u2713<\/td>\r\n        <td class=\"oui\">\u2713<\/td>\r\n        <td class=\"oui\">\u2713<\/td>\r\n      <\/tr>\r\n\r\n      <tr>\r\n        <td>Wi-Fi haut d\u00e9bit<\/td>\r\n        <td class=\"oui\">\u2713<\/td>\r\n        <td class=\"oui\">\u2713<\/td>\r\n        <td class=\"oui\">\u2713<\/td>\r\n      <\/tr>\r\n\r\n      <tr>\r\n        <td>Climatisation<\/td>\r\n        <td class=\"oui\">\u2713<\/td>\r\n        <td class=\"oui\">\u2713<\/td>\r\n        <td class=\"oui\">\u2713<\/td>\r\n      <\/tr>\r\n\r\n      <tr>\r\n        <td>Cuisine \u00e9quip\u00e9e<\/td>\r\n        <td class=\"oui\">\u2713<\/td>\r\n        <td class=\"oui\">\u2713<\/td>\r\n        <td class=\"oui\">\u2713<\/td>\r\n      <\/tr>\r\n\r\n      <tr>\r\n        <td>Proximit\u00e9 5e avenue<\/td>\r\n        <td>Proche<\/td>\r\n        <td>Proche<\/td>\r\n        <td>Proche<\/td>\r\n      <\/tr>\r\n\r\n      <tr>\r\n        <td>Proximit\u00e9 plage<\/td>\r\n        <td>Proche<\/td>\r\n        <td>Proche<\/td>\r\n        <td>Proche<\/td>\r\n      <\/tr>\r\n\r\n    <\/tbody>\r\n\r\n  <\/table>\r\n\r\n  <a\r\n    class=\"gshp-comparatif-bouton\"\r\n    href=\"\/all-availability-fr-html\/\">\r\n    COMPARER LES 3 LOCATIONS \u2192\r\n  <\/a>\r\n\r\n<\/section>\r\n\r\n<!-- FIN GSHP - COMPARATEUR RESPONSIVE -->\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7863902 e-con e-atomic-element e-flexbox-base e-default-div e-6072f8b \" data-id=\"7863902\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7863902\">\n    \t\t<div class=\"elementor-element elementor-element-6e20514 elementor-widget elementor-widget-html\" data-id=\"6e20514\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\r\n GSHP - POURQUOI R\u00c9SERVER\r\n VERSION RESPONSIVE VALID\u00c9E\r\n ========================================== -->\r\n\r\n<style>\r\n\r\n.gshp-pourquoi,\r\n.gshp-pourquoi * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.gshp-pourquoi {\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 5px 20px 5px;\r\n  background: #FFFFFF;\r\n  font-family: Poppins, Arial, sans-serif;\r\n  color: #18364B;\r\n  text-align: center;\r\n}\r\n\r\n\/* TITRE *\/\r\n\r\n.gshp-pourquoi h2 {\r\n  margin: 0 0 22px;\r\n  font-family: Merriweather, Georgia, serif;\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  color: #18364B;\r\n}\r\n\r\n\/* GRILLE *\/\r\n\r\n.gshp-pourquoi-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(6, minmax(0, 1fr));\r\n  gap: 16px;\r\n  align-items: start;\r\n}\r\n\r\n\/* COLONNES *\/\r\n\r\n.gshp-pourquoi-item {\r\n  min-width: 0;\r\n  text-align: center;\r\n}\r\n\r\n\/* PICTOGRAMMES *\/\r\n\r\n.gshp-pourquoi-icon {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 40px;\r\n  margin-bottom: 8px;\r\n  color: #07547A;\r\n}\r\n\r\n.gshp-pourquoi-icon svg {\r\n  width: 34px;\r\n  height: 34px;\r\n  stroke: currentColor;\r\n  stroke-width: 2.4;\r\n  fill: none;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.gshp-pourquoi-icon.etoile {\r\n  color: #FFB52E;\r\n}\r\n\r\n.gshp-pourquoi-icon.etoile svg {\r\n  fill: currentColor;\r\n  stroke: currentColor;\r\n}\r\n\r\n\/* TITRES *\/\r\n\r\n.gshp-pourquoi-item h3 {\r\n  margin: 0 0 6px;\r\n  font-family: Poppins, Arial, sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  line-height: 1.35;\r\n  color: #18364B;\r\n}\r\n\r\n\/* DESCRIPTIONS *\/\r\n\r\n.gshp-pourquoi-item p {\r\n  margin: 0;\r\n  font-size: 11px;\r\n  line-height: 1.5;\r\n  color: #18364B;\r\n}\r\n\r\n\/* ==========================================\r\n   TABLETTE - 6 COLONNES COMPACTES\r\n   ========================================== *\/\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n\r\n  .gshp-pourquoi {\r\n    padding: 12px 8px 16px;\r\n  }\r\n\r\n  .gshp-pourquoi h2 {\r\n    font-size: 17px;\r\n    line-height: 1.3;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .gshp-pourquoi-grid {\r\n    grid-template-columns: repeat(6, minmax(0, 1fr));\r\n    gap: 7px;\r\n  }\r\n\r\n  .gshp-pourquoi-icon {\r\n    height: 28px;\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .gshp-pourquoi-icon svg {\r\n    width: 25px;\r\n    height: 25px;\r\n  }\r\n\r\n  .gshp-pourquoi-item h3 {\r\n    font-size: 9px;\r\n    line-height: 1.3;\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .gshp-pourquoi-item p {\r\n    font-size: 9px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .gshp-pourquoi-item p br {\r\n    display: none;\r\n  }\r\n}\r\n\r\n\/* ==========================================\r\n   SMARTPHONE - 2 COLONNES COMPACTES\r\n   ========================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .gshp-pourquoi {\r\n    padding: 12px 10px 16px;\r\n  }\r\n\r\n  .gshp-pourquoi h2 {\r\n    font-size: 17px;\r\n    line-height: 1.3;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .gshp-pourquoi-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 17px 12px;\r\n  }\r\n\r\n  .gshp-pourquoi-icon {\r\n    height: 27px;\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .gshp-pourquoi-icon svg {\r\n    width: 25px;\r\n    height: 25px;\r\n  }\r\n\r\n  .gshp-pourquoi-item h3 {\r\n    font-size: 11px;\r\n    line-height: 1.3;\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .gshp-pourquoi-item p {\r\n    font-size: 10px;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  .gshp-pourquoi-item p br {\r\n    display: none;\r\n  }\r\n}\r\n\/* ==========================================\r\n   GSHP - POURQUOI R\u00c9SERVER\r\n   SMARTPHONE ULTRA-COMPACT\r\n   ========================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .gshp-pourquoi {\r\n    padding: 8px 8px 10px;\r\n  }\r\n\r\n  .gshp-pourquoi h2 {\r\n    font-size: 16px;\r\n    line-height: 1.25;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .gshp-pourquoi-grid {\r\n    gap: 11px 10px;\r\n  }\r\n\r\n  .gshp-pourquoi-icon {\r\n    height: 23px;\r\n    margin-bottom: 3px;\r\n  }\r\n\r\n  .gshp-pourquoi-icon svg {\r\n    width: 22px;\r\n    height: 22px;\r\n  }\r\n\r\n  .gshp-pourquoi-item h3 {\r\n    font-size: 10px;\r\n    line-height: 1.2;\r\n    margin-bottom: 3px;\r\n  }\r\n\r\n  .gshp-pourquoi-item p {\r\n    font-size: 10px;\r\n    line-height: 1.25;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"gshp-pourquoi\"\r\n         aria-labelledby=\"gshp-pourquoi-titre\">\r\n\r\n  <h2 id=\"gshp-pourquoi-titre\">\r\n    Pourquoi r\u00e9server avec Gilles Smart Home Playa ?\r\n  <\/h2>\r\n\r\n  <div class=\"gshp-pourquoi-grid\">\r\n\r\n    <!-- 1. EMPLACEMENT -->\r\n\r\n    <div class=\"gshp-pourquoi-item\">\r\n      <div class=\"gshp-pourquoi-icon\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z\"\/>\r\n          <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <h3>Emplacement privil\u00e9gi\u00e9<\/h3>\r\n\r\n      <p>\r\n        \u00c0 quelques pas de la plage,<br>\r\n        de la 5e avenue et des<br>\r\n        meilleurs restaurants.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- 2. CONFORT -->\r\n\r\n    <div class=\"gshp-pourquoi-item\">\r\n      <div class=\"gshp-pourquoi-icon\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M3 10.5 12 3l9 7.5\"\/>\r\n          <path d=\"M5 9.5V21h14V9.5\"\/>\r\n          <path d=\"M9 21v-8h6v8\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <h3>Confort &amp; \u00e9quipements<\/h3>\r\n\r\n      <p>\r\n        Appartements enti\u00e8rement<br>\r\n        \u00e9quip\u00e9s avec cuisine,<br>\r\n        climatisation, Wi-Fi haut d\u00e9bit<br>\r\n        et plus encore.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- 3. S\u00c9CURIT\u00c9 -->\r\n\r\n    <div class=\"gshp-pourquoi-item\">\r\n      <div class=\"gshp-pourquoi-icon\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M12 2 20 5v6c0 5-3.5 8.5-8 11-4.5-2.5-8-6-8-11V5Z\"\/>\r\n          <path d=\"m9 12 2 2 4-4\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <h3>S\u00e9curit\u00e9 &amp; tranquillit\u00e9<\/h3>\r\n\r\n      <p>\r\n        R\u00e9sidences s\u00e9curis\u00e9es<br>\r\n        24\/24 avec acc\u00e8s contr\u00f4l\u00e9<br>\r\n        pour votre s\u00e9curit\u00e9.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- 4. SERVICE -->\r\n\r\n    <div class=\"gshp-pourquoi-item\">\r\n      <div class=\"gshp-pourquoi-icon\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"m2 8 4-4 5 3 3-2 4 1 4 4-5 5-4 4-3-2-3-1-5-5Z\"\/>\r\n          <path d=\"m9 9 4 3\"\/>\r\n          <path d=\"m11 7 4 3\"\/>\r\n          <path d=\"m7 12 4 4\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <h3>Service personnalis\u00e9<\/h3>\r\n\r\n      <p>\r\n        Assistance disponible<br>\r\n        avant, pendant et apr\u00e8s<br>\r\n        votre s\u00e9jour.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- 5. AVIS -->\r\n\r\n    <div class=\"gshp-pourquoi-item\">\r\n      <div class=\"gshp-pourquoi-icon etoile\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"m12 2 3.1 6.3 7 .9-5.1 5 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5.1-5 7-.9Z\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <h3>Avis 5 \u00e9toiles<\/h3>\r\n\r\n      <p>\r\n        Nos voyageurs nous<br>\r\n        recommandent pour la qualit\u00e9<br>\r\n        de nos logements et<br>\r\n        l'efficacit\u00e9 de nos services.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- 6. R\u00c9SERVATIONS -->\r\n\r\n    <div class=\"gshp-pourquoi-item\">\r\n      <div class=\"gshp-pourquoi-icon\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\r\n          <path d=\"M7 2v6M17 2v6M3 10h18\"\/>\r\n          <path d=\"m9 16 2 2 4-4\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <h3>R\u00e9servations faciles<\/h3>\r\n\r\n      <p>\r\n        V\u00e9rifiez les disponibilit\u00e9s<br>\r\n        et r\u00e9servez en ligne<br>\r\n        en toute s\u00e9curit\u00e9.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- FIN GSHP - POURQUOI R\u00c9SERVER -->\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a3bb796 e-con e-atomic-element e-flexbox-base e-default-div e-bf36e6d \" data-id=\"a3bb796\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a3bb796\">\n    \t\t<div class=\"elementor-element elementor-element-4f993ff elementor-widget elementor-widget-html\" data-id=\"4f993ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- ==========================================\r\n GSHP - AVIS VOYAGEURS\r\n ACCUEIL - RESPONSIVE\r\n ========================================== -->\r\n\r\n<style>\r\n.gshp-avis,\r\n.gshp-avis * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.gshp-avis {\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 16px 18px 20px;\r\n  background: #FFFFFF;\r\n  font-family: Poppins, Arial, sans-serif;\r\n  color: #18364B;\r\n}\r\n\r\n.gshp-avis-header {\r\n  display: grid;\r\n  grid-template-columns: 1.3fr 1fr 1fr 140px;\r\n  gap: 12px;\r\n  align-items: end;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.gshp-avis-intro h2 {\r\n  margin: 0 0 4px;\r\n  font-family: Merriweather, Georgia, serif;\r\n  font-size: 22px;\r\n  line-height: 1.3;\r\n  color: #18364B;\r\n}\r\n\r\n.gshp-avis-intro p {\r\n  margin: 0;\r\n  font-size: 12px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.gshp-avis-platform {\r\n  text-align: center;\r\n}\r\n\r\n.gshp-avis-platform strong {\r\n  display: block;\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  line-height: 1.3;\r\n}\r\n\r\n.gshp-avis-booking {\r\n  color: #1457A7;\r\n}\r\n\r\n.gshp-avis-google {\r\n  font-size: 22px !important;\r\n  font-family: Arial, sans-serif;\r\n  font-weight: 500 !important;\r\n  letter-spacing: -1px;\r\n}\r\n\r\n.gshp-avis-google span:nth-child(1),\r\n.gshp-avis-google span:nth-child(4) {\r\n  color: #4285F4;\r\n}\r\n.gshp-avis-google span:nth-child(2),\r\n.gshp-avis-google span:nth-child(6) {\r\n  color: #EA4335;\r\n}\r\n.gshp-avis-google span:nth-child(3) {\r\n  color: #FBBC05;\r\n}\r\n.gshp-avis-google span:nth-child(5) {\r\n  color: #34A853;\r\n}\r\n\r\n.gshp-avis-stars {\r\n  color: #FFB52E;\r\n  font-size: 18px;\r\n  white-space: nowrap;\r\n  line-height: 1.4;\r\n}\r\n\r\n.gshp-avis-stars small {\r\n  color: #18364B;\r\n  font-size: 11px;\r\n  margin-left: 5px;\r\n}\r\n\r\n.gshp-avis-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.3fr 1fr 1fr 140px;\r\n  gap: 12px;\r\n  align-items: stretch;\r\n}\r\n\r\n.gshp-avis-card {\r\n  position: relative;\r\n  min-width: 0;\r\n  padding: 12px 13px 10px;\r\n  background: #FFFFFF;\r\n  border: 1px solid #F0F0F0;\r\n  border-radius: 5px;\r\n  box-shadow: 0 2px 9px rgba(0,0,0,.055);\r\n  text-align: center;\r\n}\r\n\r\n.gshp-avis-card-logo {\r\n  height: 26px;\r\n  margin-bottom: 4px;\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  color: #FF385C;\r\n}\r\n\r\n.gshp-avis-card-logo svg {\r\n  height: 23px;\r\n  width: 23px;\r\n  vertical-align: middle;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 2;\r\n}\r\n\r\n.gshp-avis-quote {\r\n  position: absolute;\r\n  top: 6px;\r\n  left: 12px;\r\n  font-family: Georgia, serif;\r\n  font-size: 38px;\r\n  font-weight: 700;\r\n  line-height: 1;\r\n  color: #009FC4;\r\n}\r\n\r\n.gshp-avis-card p {\r\n  margin: 4px 0 8px;\r\n  font-size: 12px;\r\n  line-height: 1.45;\r\n  font-style: normal;\r\n}\r\n\r\n.gshp-avis-card footer {\r\n  font-size: 10px;\r\n  font-weight: 500;\r\n}\r\n\r\n.gshp-avis-action {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.gshp-avis-button {\r\n  display: block;\r\n  width: 100%;\r\n  padding: 14px 8px;\r\n  background: #009FC4;\r\n  color: #FFFFFF !important;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  text-align: center;\r\n  text-decoration: none !important;\r\n}\r\n\r\n.gshp-avis-button:hover {\r\n  background: #287F91;\r\n}\r\n\r\n\/* TABLETTE *\/\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n\r\n  .gshp-avis {\r\n    padding: 12px 9px 14px;\r\n  }\r\n\r\n  .gshp-avis-header,\r\n  .gshp-avis-grid {\r\n    grid-template-columns: 1.25fr 1fr 1fr 110px;\r\n    gap: 7px;\r\n  }\r\n\r\n  .gshp-avis-intro h2 {\r\n    font-size: 17px;\r\n  }\r\n\r\n  .gshp-avis-intro p,\r\n  .gshp-avis-card p {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .gshp-avis-card {\r\n    padding: 10px 6px 8px;\r\n  }\r\n\r\n  .gshp-avis-platform strong {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .gshp-avis-button {\r\n    font-size: 9px;\r\n    padding: 11px 5px;\r\n  }\r\n}\r\n\r\n\/* SMARTPHONE *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .gshp-avis {\r\n    padding: 14px 10px 18px;\r\n  }\r\n\r\n  .gshp-avis-header {\r\n    display: block;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .gshp-avis-intro {\r\n    text-align: center;\r\n  }\r\n\r\n  .gshp-avis-intro h2 {\r\n    font-size: 18px;\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  .gshp-avis-intro p {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .gshp-avis-platform {\r\n    display: none;\r\n  }\r\n\r\n  .gshp-avis-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 10px;\r\n  }\r\n\r\n  .gshp-avis-card {\r\n    padding: 12px 18px;\r\n  }\r\n\r\n  .gshp-avis-card p {\r\n    font-size: 11px;\r\n    margin: 5px 0;\r\n  }\r\n\r\n  .gshp-avis-card footer {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .gshp-avis-action {\r\n    margin-top: 3px;\r\n  }\r\n\r\n  .gshp-avis-button {\r\n    max-width: 100%;\r\n    font-size: 11px;\r\n    padding: 13px 10px;\r\n  }\r\n}\r\n\/* ==========================================\r\n   GSHP - AVIS VOYAGEURS\r\n   TEXTES PLUS COMPACTS SUR ORDINATEUR\r\n   ========================================== *\/\r\n\r\n@media (min-width: 1025px) {\r\n\r\n  .gshp-avis-intro p {\r\n    font-size: 11px;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .gshp-avis-card p {\r\n    font-size: 10px;\r\n    line-height: 1.35;\r\n    margin: 3px 0 6px;\r\n  }\r\n\r\n  .gshp-avis-card footer {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .gshp-avis-card {\r\n    padding-top: 10px;\r\n    padding-bottom: 9px;\r\n  }\r\n\r\n}\r\n\r\n\/* ==========================================\r\n   GSHP - AVIS SMARTPHONE\r\n   RETOUR DES LOGOS BOOKING ET GOOGLE\r\n   ========================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .gshp-avis-header {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 12px 8px;\r\n    align-items: center;\r\n  }\r\n\r\n  .gshp-avis-intro {\r\n    grid-column: 1 \/ -1;\r\n    text-align: center;\r\n  }\r\n\r\n  .gshp-avis-platform {\r\n    display: block;\r\n    text-align: center;\r\n  }\r\n\r\n  .gshp-avis-platform strong {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .gshp-avis-google {\r\n    font-size: 20px !important;\r\n  }\r\n\r\n  .gshp-avis-stars {\r\n    font-size: 17px;\r\n  }\r\n\r\n  .gshp-avis-stars small {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .gshp-avis-header > div:last-child:empty {\r\n    display: none;\r\n  }\r\n\r\n}\r\n\/* GSHP - BOUTON AVIS SUR UNE LIGNE *\/\r\n\r\n@media (max-width: 767px) {\r\n  .gshp-avis-button {\r\n    white-space: nowrap;\r\n    font-size: 12px;\r\n    padding: 14px 10px;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"gshp-avis\" aria-labelledby=\"gshp-avis-title\">\r\n\r\n  <div class=\"gshp-avis-header\">\r\n\r\n    <div class=\"gshp-avis-intro\">\r\n      <h2 id=\"gshp-avis-title\">\r\n        Ce que nos voyageurs disent\r\n      <\/h2>\r\n      <p>\r\n        De vrais avis de nos voyageurs sur Airbnb,\r\n        Booking et Google.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"gshp-avis-platform\">\r\n      <strong class=\"gshp-avis-booking\">\r\n        Booking.com\r\n      <\/strong>\r\n      <div class=\"gshp-avis-stars\">\r\n        \u2605\u2605\u2605\u2605\u2605 <small>5,0<\/small>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gshp-avis-platform\">\r\n      <strong class=\"gshp-avis-google\">\r\n        <span>G<\/span><span>o<\/span><span>o<\/span><span>g<\/span><span>l<\/span><span>e<\/span>\r\n      <\/strong>\r\n      <div class=\"gshp-avis-stars\">\r\n        \u2605\u2605\u2605\u2605\u2605 <small>5,0<\/small>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div><\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"gshp-avis-grid\">\r\n\r\n    <!-- AIRBNB -->\r\n\r\n    <article class=\"gshp-avis-card\">\r\n      <span class=\"gshp-avis-quote\" aria-hidden=\"true\">\u201c<\/span>\r\n\r\n      <div class=\"gshp-avis-card-logo\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M12 3c-1.1 0-1.8.8-2.3 1.9L4.1 17.1c-.8 1.8-.1 3.9 1.7 4.2 1.3.2 2.5-.5 3.7-1.7L12 17l2.5 2.6c1.2 1.2 2.4 1.9 3.7 1.7 1.8-.3 2.5-2.4 1.7-4.2L14.3 4.9C13.8 3.8 13.1 3 12 3Z\"\/>\r\n          <path d=\"M12 10.5c-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5-1.1-2.5-2.5-2.5Z\"\/>\r\n        <\/svg>\r\n        airbnb\r\n      <\/div>\r\n\r\n      <p>\r\n        \u00ab Emplacement parfait, magnifique appartement\r\n        et super h\u00f4te. Nous avons d\u00e9finitivement\r\n        envie de revenir ! \u00bb\r\n      <\/p>\r\n\r\n      <footer>Sarah \u2013 Airbnb<\/footer>\r\n    <\/article>\r\n\r\n    <!-- BOOKING -->\r\n\r\n    <article class=\"gshp-avis-card\">\r\n      <span class=\"gshp-avis-quote\" aria-hidden=\"true\">\u201c<\/span>\r\n\r\n      <p>\r\n        \u00ab L'appartement est exactement comme d\u00e9crit,\r\n        tr\u00e8s propre, moderne et proche de tout.\r\n        Je recommande vivement ! \u00bb\r\n      <\/p>\r\n\r\n      <footer>Mark \u2013 Booking.com<\/footer>\r\n    <\/article>\r\n\r\n    <!-- GOOGLE -->\r\n\r\n    <article class=\"gshp-avis-card\">\r\n      <span class=\"gshp-avis-quote\" aria-hidden=\"true\">\u201c<\/span>\r\n\r\n      <p>\r\n        \u00ab Super s\u00e9jour ! Excellente situation,\r\n        communication parfaite et un appartement\r\n        magnifique. Tout \u00e9tait parfait ! \u00bb\r\n      <\/p>\r\n\r\n      <footer>Laura \u2013 Google<\/footer>\r\n    <\/article>\r\n\r\n    <!-- BOUTON -->\r\n\r\n    <div class=\"gshp-avis-action\">\r\n      <a\r\n  class=\"gshp-avis-button\"\r\n  href=\"\/avis-clients\/\"\r\n  aria-label=\"Lire tous les avis de nos voyageurs\">\r\n  LIRE TOUS NOS AVIS \u2192\r\n<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- FIN GSHP - AVIS VOYAGEURS -->\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-21e499c e-con e-atomic-element e-flexbox-base e-default-div e-6c7374a \" data-id=\"21e499c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"21e499c\">\n    \t\t<div class=\"elementor-element elementor-element-19b22fe elementor-widget elementor-widget-html\" data-id=\"19b22fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- ==========================================\r\n GSHP - ACCORDEON SEO ACCUEIL\r\n Elementor Free - Responsive\r\n ========================================== -->\r\n\r\n<style>\r\n.gshp-seo-faq {\r\n  max-width: 1100px;\r\n  margin: 35px auto;\r\n  padding: 0 20px;\r\n  font-family: Poppins, Arial, sans-serif;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.gshp-seo-faq *,\r\n.gshp-seo-faq *::before,\r\n.gshp-seo-faq *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.gshp-seo-faq h2 {\r\n  font-family: Merriweather, Georgia, serif;\r\n  font-size: 23px;\r\n  font-weight: 700;\r\n  line-height: 1.45;\r\n  color: #287F91;\r\n  text-align: center;\r\n  margin: 0 0 12px;\r\n}\r\n\r\n.gshp-seo-faq .gshp-faq-intro {\r\n  color: #252525;\r\n  font-size: 14px;\r\n  line-height: 1.75;\r\n  text-align: center;\r\n  margin: 0 auto 24px;\r\n  max-width: 850px;\r\n}\r\n\r\n.gshp-seo-faq details {\r\n  background: #FFFFFF;\r\n  border: 1px solid #E9E9E9;\r\n  border-radius: 6px;\r\n  margin-bottom: 9px;\r\n  overflow: hidden;\r\n}\r\n\r\n.gshp-seo-faq summary {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 15px;\r\n  padding: 15px 18px;\r\n  cursor: pointer;\r\n  list-style: none;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  line-height: 1.55;\r\n  color: #252525;\r\n}\r\n\r\n.gshp-seo-faq summary::-webkit-details-marker {\r\n  display: none;\r\n}\r\n\r\n.gshp-seo-faq summary::after {\r\n  content: \"+\";\r\n  color: #F15B4A;\r\n  font-size: 23px;\r\n  font-weight: 400;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.gshp-seo-faq details[open] summary::after {\r\n  content: \"\u2212\";\r\n}\r\n\r\n.gshp-seo-faq details[open] summary {\r\n  color: #287F91;\r\n  background: #EAF5F7;\r\n}\r\n\r\n.gshp-seo-faq .gshp-faq-answer {\r\n  padding: 15px 18px 18px;\r\n  color: #252525;\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 1.8;\r\n}\r\n\r\n.gshp-seo-faq .gshp-faq-answer p {\r\n  margin: 0;\r\n}\r\n\r\n.gshp-seo-faq .gshp-faq-answer a {\r\n  color: #287F91;\r\n  font-weight: 400;\r\n  text-decoration: none;\r\n}\r\n\r\n.gshp-seo-faq .gshp-faq-answer a:hover {\r\n  color: #00666B;\r\n  text-decoration: none;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .gshp-seo-faq {\r\n    margin: 25px auto;\r\n    padding: 0 12px;\r\n  }\r\n\r\n  .gshp-seo-faq h2 {\r\n    font-size: 20px;\r\n  }\r\n\r\n  .gshp-seo-faq summary {\r\n    font-size: 13px;\r\n    padding: 13px 14px;\r\n  }\r\n\r\n  .gshp-seo-faq .gshp-faq-answer {\r\n    font-size: 13px;\r\n    padding: 12px 14px 16px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"gshp-seo-faq\"\r\n         aria-labelledby=\"gshp-seo-faq-title\">\r\n\r\n  <h2 id=\"gshp-seo-faq-title\">\r\n    Vos questions sur nos locations \u00e0 Playa del Carmen\r\n  <\/h2>\r\n\r\n  <p class=\"gshp-faq-intro\">\r\n    D\u00e9couvrez nos conseils pour choisir vos\r\n    locations de vacances \u00e0 Playa del Carmen\r\n    et pr\u00e9parer votre s\u00e9jour sur la Riviera Maya.\r\n  <\/p>\r\n\r\n  <details>\r\n    <summary>\r\n      Pourquoi choisir des locations de vacances\r\n      \u00e0 Playa del Carmen ?\r\n    <\/summary>\r\n    <div class=\"gshp-faq-answer\">\r\n      <p>\r\n        Choisir des locations de vacances \u00e0 Playa\r\n        del Carmen permet de d\u00e9couvrir la Riviera\r\n        Maya \u00e0 son rythme. Vous profitez d'un\r\n        appartement \u00e9quip\u00e9, d'un cadre agr\u00e9able\r\n        et d'un acc\u00e8s pratique aux plages,\r\n        restaurants et commerces.\r\n      <\/p>\r\n    <\/div>\r\n  <\/details>\r\n\r\n  <details>\r\n    <summary>\r\n      Quels appartements propose Gilles Smart Home Playa ?\r\n    <\/summary>\r\n    <div class=\"gshp-faq-answer\">\r\n      <p>\r\n        Nous proposons trois appartements :\r\n        le\r\n        <a href=\"\/un-appartement-superbement-equipe.html\">\r\n          Duplex Quadra<\/a>,\r\n        la\r\n        <a href=\"\/suite-vedra-playa-del-carmen-fr.html\">\r\n          Suite Vedra<\/a>\r\n        et le\r\n        <a href=\"\/twin-alegro-fr.html\">\r\n          Twin Alegro<\/a>.\r\n        Chacun offre une solution adapt\u00e9e\r\n        \u00e0 votre s\u00e9jour \u00e0 Playa del Carmen.\r\n      <\/p>\r\n    <\/div>\r\n  <\/details>\r\n\r\n  <details>\r\n    <summary>\r\n      Les appartements sont-ils proches des plages\r\n      et de la 5e Avenue ?\r\n    <\/summary>\r\n    <div class=\"gshp-faq-answer\">\r\n      <p>\r\n        Nos appartements b\u00e9n\u00e9ficient d'un emplacement\r\n        pratique pour d\u00e9couvrir Playa del Carmen,\r\n        ses plages, ses restaurants et les\r\n        commerces de la c\u00e9l\u00e8bre 5e Avenue.\r\n      <\/p>\r\n    <\/div>\r\n  <\/details>\r\n\r\n  <details>\r\n    <summary>\r\n      Quels \u00e9quipements sont propos\u00e9s dans nos\r\n      locations de vacances \u00e0 Playa del Carmen ?\r\n    <\/summary>\r\n    <div class=\"gshp-faq-answer\">\r\n      <p>\r\n        Nos locations de vacances \u00e0 Playa del Carmen\r\n        disposent notamment du Wi-Fi,\r\n        de la climatisation, de cuisines \u00e9quip\u00e9es\r\n        et d'un acc\u00e8s \u00e0 une piscine.\r\n        Chaque appartement poss\u00e8de ses propres\r\n        am\u00e9nagements et espaces ext\u00e9rieurs.\r\n      <\/p>\r\n    <\/div>\r\n  <\/details>\r\n\r\n  <details>\r\n    <summary>\r\n      Peut-on r\u00e9server directement les appartements ?\r\n    <\/summary>\r\n    <div class=\"gshp-faq-answer\">\r\n      <p>\r\n        Oui. Vous pouvez consulter les disponibilit\u00e9s\r\n        et r\u00e9server directement depuis notre site,\r\n        sans commission de plateforme.\r\n        Consultez\r\n        <a href=\"\/all-availability-fr-html\/\">\r\n          les disponibilit\u00e9s de nos trois appartements<\/a>\r\n        pour pr\u00e9parer votre s\u00e9jour.\r\n      <\/p>\r\n    <\/div>\r\n  <\/details>\r\n\r\n  <details>\r\n    <summary>\r\n      Quelle location choisir pour un s\u00e9jour\r\n      \u00e0 Playa del Carmen ?\r\n    <\/summary>\r\n    <div class=\"gshp-faq-answer\">\r\n      <p>\r\n        Pour une ou deux personnes,\r\n        la Suite Vedra constitue une option agr\u00e9able.\r\n        Pour un s\u00e9jour jusqu'\u00e0 quatre voyageurs,\r\n        d\u00e9couvrez le Duplex Quadra ou le Twin Alegro.\r\n        Ces trois h\u00e9bergements permettent de profiter\r\n        confortablement de Playa del Carmen.\r\n      <\/p>\r\n    <\/div>\r\n  <\/details>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ecbf028 e-con e-atomic-element e-flexbox-base e-default-div e-0153f66 \" data-id=\"ecbf028\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ecbf028\">\n    \t\t<div class=\"elementor-element elementor-element-5ca50e0 elementor-widget elementor-widget-html\" data-id=\"5ca50e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- GSHP - BANDEAU R\u00c9SERVATION DIRECTE -->\r\n\r\n<style>\r\n\r\n.gshp-direct {\r\n  display: grid;\r\n  grid-template-columns: 50% 50%;\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  height: 245px;\r\n  margin: 0 auto;\r\n  overflow: hidden;\r\n  font-family: Poppins, Arial, sans-serif;\r\n}\r\n\r\n\/* PHOTO GAUCHE *\/\r\n\r\n.gshp-direct-photo {\r\n  height: 245px;\r\n  min-height: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.gshp-direct-photo img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center 80%;\r\n}\r\n\r\n\/* PANNEAU BLEU DROITE *\/\r\n\r\n.gshp-direct-content {\r\n  background: #064564;\r\n  color: #FFFFFF;\r\n  padding: 15px 24px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n.gshp-direct h2 {\r\n  margin: 0 0 6px;\r\n  font-family: Merriweather, Georgia, serif;\r\n  font-size: 23px;\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n  color: #FFFFFF;\r\n}\r\n\r\n.gshp-direct-intro {\r\n  margin: 0 0 10px;\r\n  font-size: 12px;\r\n  line-height: 1.5;\r\n  color: #FFFFFF;\r\n}\r\n\r\n\/* AVANTAGES + BOUTON *\/\r\n\r\n.gshp-direct-bottom {\r\n  display: grid;\r\n  grid-template-columns: 1fr auto;\r\n  gap: 12px;\r\n  align-items: center;\r\n}\r\n\r\n.gshp-direct-benefits {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.gshp-direct-benefits li {\r\n  position: relative;\r\n  padding-left: 19px;\r\n  margin-bottom: 4px;\r\n  font-size: 12px;\r\n  line-height: 1.35;\r\n}\r\n\r\n.gshp-direct-benefits li::before {\r\n  content: \"\u2713\";\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  color: #C5D928;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n}\r\n\r\n.gshp-direct-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 15px 14px;\r\n  background: #009FC4;\r\n  color: #FFFFFF !important;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  line-height: 1.3;\r\n  text-decoration: none !important;\r\n  text-align: center;\r\n  white-space: nowrap;\r\n  transition: background .2s ease;\r\n}\r\n\r\n.gshp-direct-button:hover {\r\n  background: #287F91;\r\n}\r\n\r\n\/* TABLETTE *\/\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n\r\n  .gshp-direct {\r\n    grid-template-columns: 45% 55%;\r\n  }\r\n\r\n  .gshp-direct-photo {\r\n    min-height: 220px;\r\n  }\r\n\r\n  .gshp-direct-content {\r\n    padding: 14px 16px;\r\n  }\r\n\r\n  .gshp-direct h2 {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .gshp-direct-intro {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .gshp-direct-bottom {\r\n    grid-template-columns: 1fr;\r\n    gap: 10px;\r\n  }\r\n\r\n  .gshp-direct-benefits li {\r\n    font-size: 10px;\r\n    margin-bottom: 3px;\r\n  }\r\n\r\n  .gshp-direct-button {\r\n    padding: 11px 10px;\r\n    font-size: 10px;\r\n  }\r\n}\r\n\r\n\/* SMARTPHONE *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .gshp-direct {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .gshp-direct-photo {\r\n    min-height: 0;\r\n    height: 185px;\r\n  }\r\n\r\n  .gshp-direct-content {\r\n    padding: 20px 18px 22px;\r\n  }\r\n\r\n  .gshp-direct h2 {\r\n    font-size: 20px;\r\n    text-align: center;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .gshp-direct-intro {\r\n    font-size: 12px;\r\n    text-align: center;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .gshp-direct-bottom {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n\r\n  .gshp-direct-benefits {\r\n    max-width: 310px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .gshp-direct-benefits li {\r\n    font-size: 12px;\r\n    margin-bottom: 7px;\r\n  }\r\n\r\n  .gshp-direct-button {\r\n    display: flex;\r\n    width: 100%;\r\n    font-size: 12px;\r\n    padding: 15px 10px;\r\n  }\r\n}\r\n\/* ==========================================\r\n   GSHP - VERSION SMARTPHONE VERTICALE\r\n   CORRECTION PHOTO + TEXTE + BOUTON\r\n   ========================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .gshp-direct {\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 100%;\r\n    height: auto !important;\r\n    max-height: none !important;\r\n    overflow: visible;\r\n  }\r\n\r\n  \/* PHOTO EN HAUT *\/\r\n\r\n  .gshp-direct-photo {\r\n    display: block;\r\n    width: 100%;\r\n    height: 200px;\r\n    min-height: 0;\r\n    overflow: hidden;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .gshp-direct-photo img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center 80%;\r\n    transform: none;\r\n  }\r\n\r\n  \/* PANNEAU BLEU SOUS LA PHOTO *\/\r\n\r\n  .gshp-direct-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 100%;\r\n    height: auto;\r\n    min-height: 0;\r\n    padding: 22px 18px 24px;\r\n    background: #064564;\r\n    color: #FFFFFF;\r\n  }\r\n\r\n  .gshp-direct h2 {\r\n    font-size: 20px;\r\n    line-height: 1.35;\r\n    text-align: center;\r\n    margin: 0 0 12px;\r\n  }\r\n\r\n  .gshp-direct-intro {\r\n    font-size: 12px;\r\n    line-height: 1.6;\r\n    text-align: center;\r\n    margin: 0 0 20px;\r\n  }\r\n\r\n  \/* AVANTAGES *\/\r\n\r\n  .gshp-direct-bottom {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    width: 100%;\r\n  }\r\n\r\n  .gshp-direct-benefits {\r\n    width: 100%;\r\n    max-width: 310px;\r\n    margin: 0 auto;\r\n    padding: 0;\r\n  }\r\n\r\n  .gshp-direct-benefits li {\r\n    font-size: 12px;\r\n    line-height: 1.5;\r\n    margin-bottom: 9px;\r\n    padding-left: 22px;\r\n  }\r\n\r\n  \/* BOUTON *\/\r\n\r\n  .gshp-direct-button {\r\n    display: flex;\r\n    width: 100%;\r\n    padding: 15px 10px;\r\n    font-size: 11px;\r\n    white-space: nowrap;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<section class=\"gshp-direct\">\r\n\r\n  <!-- PHOTO PISCINE -->\r\n\r\n  <div class=\"gshp-direct-photo\">\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/restauration.gilles-smarthomeplaya.com\/wp-content\/uploads\/2026\/10\/Image-principale-quadra_booking-scaled.png\"\r\n      alt=\"Piscine et r\u00e9sidence tropicale du Duplex Quadra \u00e0 Playa del Carmen\"\r\n      title=\"S\u00e9jour \u00e0 Playa del Carmen avec r\u00e9servation directe\"\r\n      loading=\"lazy\">\r\n  <\/div>\r\n\r\n  <!-- PANNEAU RESERVATION -->\r\n\r\n  <div class=\"gshp-direct-content\">\r\n\r\n    <h2>R\u00e9servez en direct. Voyagez mieux.<\/h2>\r\n\r\n    <p class=\"gshp-direct-intro\">\r\n      B\u00e9n\u00e9ficiez de nos meilleurs tarifs sans commission\r\n      de plateforme en r\u00e9servant directement avec\r\n      Gilles Smart Home Playa.\r\n    <\/p>\r\n\r\n    <div class=\"gshp-direct-bottom\">\r\n\r\n      <ul class=\"gshp-direct-benefits\">\r\n        <li>Aucune commission de plateforme<\/li>\r\n        <li>R\u00e9servation s\u00e9curis\u00e9e<\/li>\r\n        <li>Contact direct avec votre h\u00f4te<\/li>\r\n        <li>Assistance personnalis\u00e9e<\/li>\r\n        <li>Meilleur tarif garanti<\/li>\r\n      <\/ul>\r\n\r\n      <a\r\n        class=\"gshp-direct-button\"\r\n        href=\"\/all-availability-fr-html\/\"\r\n        aria-label=\"V\u00e9rifier les disponibilit\u00e9s de nos trois appartements\">\r\n        V\u00c9RIFIER LES DISPONIBILIT\u00c9S \u2192\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- FIN GSHP - RESERVATION DIRECTE -->\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ebdc17e e-con e-atomic-element e-flexbox-base e-default-div e-f78a6a0 \" data-id=\"ebdc17e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ebdc17e\">\n    \t\t<div class=\"elementor-element elementor-element-12e4781 elementor-widget elementor-widget-html\" data-id=\"12e4781\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- ==========================================\r\n GSHP - DECOUVREZ PLAYA DEL CARMEN\r\n VERSION RESPONSIVE\r\n LIENS VERS LES ARTICLES DU BLOG WORDPRESS\r\n ========================================== -->\r\n\r\n<style>\r\n.gshp-decouverte,\r\n.gshp-decouverte * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.gshp-decouverte {\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 12px 10px;\r\n  background: #FFFFFF;\r\n  display: grid;\r\n  grid-template-columns: 40% 60%;\r\n  align-items: center;\r\n  gap: 0;\r\n  font-family: Poppins, Arial, sans-serif;\r\n}\r\n\r\n\/* TEXTE GAUCHE *\/\r\n\r\n.gshp-decouverte-intro {\r\n  padding: 0 20px 0 12px;\r\n}\r\n\r\n.gshp-decouverte h2 {\r\n  font-family: Merriweather, Georgia, serif;\r\n  font-size: 23px;\r\n  font-weight: 700;\r\n  line-height: 1.3;\r\n  color: #18364B;\r\n  margin: 0 0 8px;\r\n}\r\n\r\n.gshp-decouverte p {\r\n  font-size: 12px;\r\n  line-height: 1.5;\r\n  color: #444444;\r\n  margin: 0;\r\n}\r\n\r\n\/* TROIS VIGNETTES *\/\r\n\r\n.gshp-decouverte-photos {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 10px;\r\n}\r\n\r\n.gshp-decouverte-photos a {\r\n  display: block;\r\n  text-decoration: none;\r\n  overflow: hidden;\r\n  border-radius: 6px;\r\n  transition: transform .2s ease;\r\n}\r\n\r\n.gshp-decouverte-photos a:hover {\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.gshp-decouverte-photos img {\r\n  display: block;\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n\r\n\/* TABLETTE *\/\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n  .gshp-decouverte {\r\n    grid-template-columns: 35% 65%;\r\n    padding: 10px 8px;\r\n  }\r\n\r\n  .gshp-decouverte-intro {\r\n    padding: 0 12px 0 4px;\r\n  }\r\n\r\n  .gshp-decouverte h2 {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .gshp-decouverte p {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .gshp-decouverte-photos {\r\n    gap: 6px;\r\n  }\r\n}\r\n\r\n\/* SMARTPHONE *\/\r\n\r\n@media (max-width: 767px) {\r\n  .gshp-decouverte {\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 18px 14px;\r\n    gap: 18px;\r\n  }\r\n\r\n  .gshp-decouverte-intro {\r\n    padding: 0;\r\n    text-align: center;\r\n  }\r\n\r\n  .gshp-decouverte h2 {\r\n    font-size: 21px;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .gshp-decouverte p {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .gshp-decouverte-photos {\r\n    width: 100%;\r\n    grid-template-columns: 1fr;\r\n    gap: 12px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"gshp-decouverte\">\r\n\r\n  <div class=\"gshp-decouverte-intro\">\r\n    <h2>D\u00e9couvrez Playa del Carmen<\/h2>\r\n    <p>\r\n      Plages de r\u00eave, 5e avenue, restaurants,\r\n      boutiques et vie nocturne \u2013 d\u00e9couvrez\r\n      tout ce que Playa del Carmen a \u00e0 offrir,\r\n      facilement accessible depuis nos appartements.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"gshp-decouverte-photos\">\r\n\r\n    <!-- 1. PLAGES -->\r\n\r\n    <a\r\n      class=\"gshp-blog-plages\"\r\n      href=\"\/the-beaches-of-playa-fr.html\"\r\n      aria-label=\"Lire notre guide des plages publiques de Playa del Carmen\">\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/restauration.gilles-smarthomeplaya.com\/wp-content\/uploads\/2026\/10\/plages.png\"\r\n        alt=\"Plage tropicale de Playa del Carmen avec sable blanc et mer turquoise\"\r\n        title=\"D\u00e9couvrez les plages de Playa del Carmen\"\r\n        loading=\"lazy\">\r\n    <\/a>\r\n\r\n    <!-- 2. RESTAURANTS \/ 5E AVENUE -->\r\n\r\n    <a\r\n      class=\"gshp-blog-restaurants\"\r\n      href=\"\/5th-avenue-fr.html\"\r\n      aria-label=\"Lire notre guide de la 5e Avenue et de ses restaurants\">\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/restauration.gilles-smarthomeplaya.com\/wp-content\/uploads\/2026\/10\/restaurants.png\"\r\n        alt=\"Plats savoureux et sp\u00e9cialit\u00e9s culinaires dans un restaurant de Playa del Carmen\"\r\n        title=\"D\u00e9couvrez les restaurants de Playa del Carmen\"\r\n        loading=\"lazy\">\r\n    <\/a>\r\n\r\n    <!-- 3. A FAIRE \/ PARCS D'ATTRACTIONS -->\r\n\r\n    <a\r\n      class=\"gshp-blog-activites\"\r\n      href=\"\/parc-de-loisirs.html\"\r\n      aria-label=\"Lire nos conseils pour les parcs d'attractions de Playa del Carmen\">\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/restauration.gilles-smarthomeplaya.com\/wp-content\/uploads\/2026\/10\/a-faire.png\"\r\n        alt=\"Paysage tropical avec palmiers et piscine \u00e0 Playa del Carmen\"\r\n        title=\"Que faire \u00e0 Playa del Carmen ?\"\r\n        loading=\"lazy\">\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ==========================================\r\n GSHP - RECUPERATION AUTOMATIQUE DES LIENS\r\n DES ARTICLES PUBLIES DANS WORDPRESS\r\n ========================================== -->\r\n\r\n<script>\r\n(function () {\r\n\r\n  var liens = [\r\n    {\r\n      selecteur: \".gshp-blog-plages\",\r\n      slug: \"the-beaches-of-playa-fr\",\r\n      recherche: \"les plus belles plages publiques\"\r\n    },\r\n    {\r\n      selecteur: \".gshp-blog-restaurants\",\r\n      slug: \"5th-avenue-fr\",\r\n      recherche: \"5e avenue\"\r\n    },\r\n    {\r\n      selecteur: \".gshp-blog-activites\",\r\n      slug: \"parc-de-loisirs\",\r\n      recherche: \"5 conseils pour profiter pleinement\"\r\n    }\r\n  ];\r\n\r\n  function normaliser(texte) {\r\n    var element = document.createElement(\"textarea\");\r\n    element.innerHTML = texte || \"\";\r\n\r\n    return element.value\r\n      .normalize(\"NFD\")\r\n      .replace(\/[\\u0300-\\u036f]\/g, \"\")\r\n      .toLowerCase()\r\n      .replace(\/[^a-z0-9]+\/g, \" \")\r\n      .trim();\r\n  }\r\n\r\n  fetch(\r\n    \"\/wp-json\/wp\/v2\/posts?per_page=100&_fields=slug,link,title\"\r\n  )\r\n    .then(function (reponse) {\r\n      if (!reponse.ok) {\r\n        throw new Error(\"Articles indisponibles\");\r\n      }\r\n      return reponse.json();\r\n    })\r\n    .then(function (articles) {\r\n\r\n      liens.forEach(function (lien) {\r\n\r\n        var bouton = document.querySelector(\r\n          \".gshp-decouverte \" + lien.selecteur\r\n        );\r\n\r\n        if (!bouton) return;\r\n\r\n        var article = articles.find(function (post) {\r\n          return post.slug === lien.slug;\r\n        });\r\n\r\n        if (!article) {\r\n          article = articles.find(function (post) {\r\n            var titre = normaliser(\r\n              post.title && post.title.rendered\r\n            );\r\n\r\n            return titre.includes(\r\n              normaliser(lien.recherche)\r\n            );\r\n          });\r\n        }\r\n\r\n        if (article && article.link) {\r\n          var url = new URL(article.link, location.origin);\r\n\r\n          if (url.origin === location.origin) {\r\n            bouton.href = url.href;\r\n          }\r\n        }\r\n\r\n      });\r\n\r\n    })\r\n    .catch(function () {\r\n      \/* Les liens historiques restent disponibles\r\n         si l'API WordPress ne r\u00e9pond pas. *\/\r\n    });\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- FIN GSHP - DECOUVREZ PLAYA DEL CARMEN -->\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Locations de vacances \u00e0 Playa del Carmen \u00c0 deux pas de la plage et de la 5e avenue Trois appartements [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-69","page","type-page","status-publish","hentry"],"permalink_manager":null,"_links":{"self":[{"href":"https:\/\/restauration.gilles-smarthomeplaya.com\/en\/wp-json\/wp\/v2\/pages\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/restauration.gilles-smarthomeplaya.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/restauration.gilles-smarthomeplaya.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/restauration.gilles-smarthomeplaya.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/restauration.gilles-smarthomeplaya.com\/en\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":71,"href":"https:\/\/restauration.gilles-smarthomeplaya.com\/en\/wp-json\/wp\/v2\/pages\/69\/revisions"}],"predecessor-version":[{"id":2533,"href":"https:\/\/restauration.gilles-smarthomeplaya.com\/en\/wp-json\/wp\/v2\/pages\/69\/revisions\/2533"}],"wp:attachment":[{"href":"https:\/\/restauration.gilles-smarthomeplaya.com\/en\/wp-json\/wp\/v2\/media?parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}