{"id":100,"date":"2013-08-06T20:13:19","date_gmt":"2013-08-06T20:13:19","guid":{"rendered":"http:\/\/localhost:8888\/test\/?page_id=17"},"modified":"2025-02-05T09:59:26","modified_gmt":"2025-02-05T09:59:26","slug":"home","status":"publish","type":"page","link":"https:\/\/riadcontessa.com\/fr\/","title":{"rendered":"HOME"},"content":{"rendered":"<div class=\"slider-wrapper relative\" id=\"slider-1586364138\" style=\"background-color:rgb(255,255,255);\">\n    <div class=\"slider slider-nav-circle slider-nav-large slider-nav-light slider-style-normal\"\n        data-flickity-options='{            \"cellAlign\": \"center\",            \"imagesLoaded\": true,            \"lazyLoad\": 1,            \"freeScroll\": false,            \"wrapAround\": true,            \"autoPlay\": 6000,            \"pauseAutoPlayOnHover\" : true,            \"prevNextButtons\": true,            \"contain\" : true,            \"adaptiveHeight\" : true,            \"dragThreshold\" : 10,            \"percentPosition\": true,            \"pageDots\": true,            \"rightToLeft\": false,            \"draggable\": true,            \"selectedAttraction\": 0.1,            \"parallax\" : 0,            \"friction\": 0.6        }'\n        >\n        \n\n\n  <div class=\"banner has-hover\" id=\"banner-883040960\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-1240718416\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                     <div data-animate=\"flipInY\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n<div class=\"is-divider divider clearfix\" style=\"margin-top:3px;margin-bottom:3px;\"><\/div>\n\n<div class=\"is-divider divider clearfix\" ><\/div>\n\n<a href=\"https:\/\/riadcontessa.com\/fr\/explore-rooms\/\" target=\"_self\" class=\"button success is-larger reveal-icon\"  >\n    <span>Explorez nos chambres<\/span>\n  <i class=\"icon-angle-right\" aria-hidden=\"true\" ><\/i><\/a>\n\n\n\n              <\/div>\n           <\/div>\n       <\/div>                     \n<style>\n#text-box-1240718416 {\n  width: 100%;\n}\n#text-box-1240718416 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-1240718416 {\n    width: 82%;\n  }\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-883040960 {\n  padding-top: 99.99%;\n  background-color: rgb(255, 255, 255);\n}\n#banner-883040960 .bg.bg-loaded {\n  background-image: url(https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/bann.webp);\n}\n#banner-883040960 .bg {\n  background-position: 35% 37%;\n}\n#banner-883040960 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#banner-883040960 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n@media (min-width:550px) {\n  #banner-883040960 {\n    padding-top: 800px;\n  }\n}\n<\/style>\n  <\/div>\n\n\n\n     <\/div>\n\n     <div class=\"loading-spin dark large centered\"><\/div>\n\n     \t<\/div>\n\n\n\t<section class=\"section dark\" id=\"section_342966243\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row row-large row-full-width align-middle align-center\"  id=\"row-76775730\">\n\n\n\t<div id=\"col-268373070\" class=\"col medium-10 small-12 large-10\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-2788833083\" class=\"text custom-country-select\">\n\t\t\n\n<div class=\"forminator-ui forminator-custom-form forminator-custom-form-576 forminator-design--material  forminator_ajax\" data-forminator-render=\"0\" data-form=\"forminator-module-576\" data-uid=\"69d7841de98a9\"><br\/><\/div><form\n\t\t\t\tid=\"forminator-module-576\"\n\t\t\t\tclass=\"forminator-ui forminator-custom-form forminator-custom-form-576 forminator-design--material  forminator_ajax\"\n\t\t\t\tmethod=\"post\"\n\t\t\t\tdata-forminator-render=\"0\"\n\t\t\t\tdata-form-id=\"576\"\n\t\t\t\t data-color-option=\"default\" data-design=\"material\" data-grid=\"open\" style=\"display: none;\"\n\t\t\t\tdata-uid=\"69d7841de98a9\" action=\"\"\n\t\t\t><div role=\"alert\" aria-live=\"polite\" class=\"forminator-response-message forminator-error\" aria-hidden=\"true\"><\/div><div class=\"forminator-row\"><div id=\"date-1\" class=\"forminator-field-date forminator-col forminator-col-3\"><div class=\"forminator-field\"><label for=\"forminator-field-date-1-picker_69d7841de98a9\" id=\"forminator-field-date-1-picker_69d7841de98a9-label\" class=\"forminator-label\">CHECK-IN <span class=\"forminator-required\">*<\/span><\/label><div class=\"forminator-input-with-icon\"><span class=\"forminator-icon-calendar\" aria-hidden=\"true\"><\/span><input autocomplete=\"off\" type=\"text\" size=\"1\" name=\"date-1\" value=\"04\/09\/2026\" placeholder=\"select\" id=\"forminator-field-date-1-picker_69d7841de98a9\" class=\"forminator-input forminator-datepicker\" data-required=\"1\" data-format=\"mm\/dd\/yy\" data-restrict-type=\"\" data-restrict=\"\" data-start-year=\"2026\" data-end-year=\"2126\" data-past-dates=\"enable\" data-start-of-week=\"1\" data-start-date=\"2026-04-09\" data-end-date=\"\" data-start-field=\"\" data-end-field=\"\" data-start-offset=\"\" data-end-offset=\"\" data-disable-date=\"\" data-disable-range=\"\" \/><\/div><\/div><\/div><div id=\"date-3\" class=\"forminator-field-date forminator-col forminator-col-3\"><div class=\"forminator-field\"><label for=\"forminator-field-date-3-picker_69d7841de98a9\" id=\"forminator-field-date-3-picker_69d7841de98a9-label\" class=\"forminator-label\">CHECK-OUT <span class=\"forminator-required\">*<\/span><\/label><div class=\"forminator-input-with-icon\"><span class=\"forminator-icon-calendar\" aria-hidden=\"true\"><\/span><input autocomplete=\"off\" type=\"text\" size=\"1\" name=\"date-3\" value=\"04\/09\/2026\" placeholder=\"select\" id=\"forminator-field-date-3-picker_69d7841de98a9\" class=\"forminator-input forminator-datepicker\" data-required=\"1\" data-format=\"mm\/dd\/yy\" data-restrict-type=\"\" data-restrict=\"\" data-start-year=\"1926\" data-end-year=\"2126\" data-past-dates=\"enable\" data-start-of-week=\"1\" data-start-date=\"\" data-end-date=\"\" data-start-field=\"date-1\" data-end-field=\"\" data-start-offset=\"+_0_days\" data-end-offset=\"\" data-disable-date=\"\" data-disable-range=\"\" \/><\/div><\/div><\/div><div id=\"number-1\" class=\"forminator-field-number forminator-col forminator-col-3\"><div class=\"forminator-field\"><label for=\"forminator-field-number-1_69d7841de98a9\" id=\"forminator-field-number-1_69d7841de98a9-label\" class=\"forminator-label\">ADULTS <span class=\"forminator-required\">*<\/span><\/label><input name=\"number-1\" value=\"\" placeholder=\"2\" id=\"forminator-field-number-1_69d7841de98a9\" class=\"forminator-input forminator-number--field\" inputmode=\"decimal\" data-required=\"1\" data-decimals=\"0\" aria-required=\"true\" data-inputmask=\"&#039;groupSeparator&#039;: &#039;&#039;, &#039;radixPoint&#039;: &#039;&#039;, &#039;digits&#039;: &#039;0&#039;\" data-hidden-behavior=\"zero\" type=\"number\" step=\"any\" min=\"1\" max=\"6\" \/><\/div><\/div><div id=\"number-2\" class=\"forminator-field-number forminator-col forminator-col-3\"><div class=\"forminator-field\"><label for=\"forminator-field-number-2_69d7841de98a9\" id=\"forminator-field-number-2_69d7841de98a9-label\" class=\"forminator-label\">KIDS <span class=\"forminator-required\">*<\/span><\/label><input name=\"number-2\" value=\"\" placeholder=\"1\" id=\"forminator-field-number-2_69d7841de98a9\" class=\"forminator-input forminator-number--field\" inputmode=\"decimal\" data-required=\"1\" data-decimals=\"0\" aria-required=\"true\" data-inputmask=\"&#039;groupSeparator&#039;: &#039;&#039;, &#039;radixPoint&#039;: &#039;&#039;, &#039;digits&#039;: &#039;0&#039;\" data-hidden-behavior=\"zero\" type=\"number\" step=\"any\" min=\"0\" max=\"4\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"phone-1\" class=\"forminator-field-phone forminator-col forminator-col-12\"><div class=\"forminator-field\"><input type=\"text\" name=\"phone-1\" value=\"\" placeholder=\"\" id=\"forminator-field-phone-1_69d7841de98a9\" class=\"forminator-input forminator-field--phone\" data-required=\"1\" aria-required=\"true\" autocomplete=\"off\" data-national_mode=\"disabled\" data-country=\"gb\" data-validation=\"international\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"name-1\" class=\"forminator-field-name forminator-col forminator-col-6\"><div class=\"forminator-field\"><label for=\"forminator-field-name-1_69d7841de98a9\" id=\"forminator-field-name-1_69d7841de98a9-label\" class=\"forminator-label\">Full name<\/label><input type=\"text\" name=\"name-1\" value=\"\" placeholder=\"E.g. John Doe\" id=\"forminator-field-name-1_69d7841de98a9\" class=\"forminator-input forminator-name--field\" aria-required=\"false\" autocomplete=\"name\" \/><\/div><\/div><div id=\"email-1\" class=\"forminator-field-email forminator-col forminator-col-6\"><div class=\"forminator-field\"><label for=\"forminator-field-email-1_69d7841de98a9\" id=\"forminator-field-email-1_69d7841de98a9-label\" class=\"forminator-label\">Email Address <span class=\"forminator-required\">*<\/span><\/label><input type=\"email\" name=\"email-1\" value=\"\" placeholder=\"E-MAIL\" id=\"forminator-field-email-1_69d7841de98a9\" class=\"forminator-input forminator-email--field\" data-required=\"1\" aria-required=\"true\" autocomplete=\"email\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"textarea-1\" class=\"forminator-field-textarea forminator-col forminator-col-12\"><div class=\"forminator-field\"><label for=\"forminator-field-textarea-1_69d7841de98a9\" id=\"forminator-field-textarea-1_69d7841de98a9-label\" class=\"forminator-label\">Notes<\/label><textarea name=\"textarea-1\" placeholder=\"E.g. text placeholderYou can add new line\" id=\"forminator-field-textarea-1_69d7841de98a9\" class=\"forminator-textarea\" rows=\"6\" style=\"min-height:140px;\" ><\/textarea><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"captcha-1\" class=\"forminator-field-captcha forminator-col forminator-col-12\"><div class=\"forminator-captcha-left forminator-g-recaptcha recaptcha-invisible\" data-theme=\"light\" data-badge=\"inline\" data-sitekey=\"6Lfk_LYrAAAAALhonYHnh4ovCezRN7r1QDfIFGT0\" data-size=\"invisible\"><\/div> <\/div><\/div><input type=\"hidden\" name=\"referer_url\" value=\"\" \/><div class=\"forminator-row forminator-row-last\"><div class=\"forminator-col\"><div class=\"forminator-field\"><button class=\"forminator-button forminator-button-submit\"><span>CHECK DATES<\/span><span aria-hidden=\"true\"><\/span><\/button><\/div><\/div><\/div><input type=\"hidden\" id=\"forminator_nonce\" name=\"forminator_nonce\" value=\"b7c06f9684\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/100\" \/><input type=\"hidden\" name=\"form_id\" value=\"576\"><input type=\"hidden\" name=\"page_id\" value=\"100\"><input type=\"hidden\" name=\"form_type\" value=\"default\"><input type=\"hidden\" name=\"current_url\" value=\"https:\/\/riadcontessa.com\/fr\/\"><input type=\"hidden\" name=\"render_id\" value=\"0\"><input type=\"hidden\" name=\"action\" value=\"forminator_submit_form_custom-forms\"><input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\n\t\t\n<style>\n#text-2788833083 {\n  font-size: 1.1rem;\n  line-height: 0.75;\n  text-align: left;\n  color: rgb(33, 33, 33);\n}\n#text-2788833083 > * {\n  color: rgb(33, 33, 33);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_342966243 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: #ff4100;\n}\n#section_342966243 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_342966243 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_512181211\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row row-collapse align-middle align-center\" style=\"max-width:\" id=\"row-820187183\">\n\n\n\t<div id=\"col-1252368382\" class=\"col medium-1 small-9 large-1\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"is-divider divider clearfix\" style=\"max-width:80px;background-color:rgb(0, 0, 0);\"><\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1020357308\" class=\"col medium-7 small-9 large-7\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-251905888\" class=\"text\">\n\t\t\n\n<p><span class=\"qodef-st-subtitle\" style=\"font-size: 150%;\">Luxury with authenticity<\/span><\/p>\n\t\t\n<style>\n#text-251905888 {\n  font-size: 0.9rem;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1093744115\" class=\"col small-9 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-1877236301\" class=\"text\">\n\t\t\n\n<h1 class=\"qodef-st-title\"><span style=\"font-size: 250%;\"><strong>A PROPOS DE RIAD CONTESSA<\/strong><\/span><\/h1>\n<p class=\"p1\"><span style=\"font-size: 120%;\">Elegance and authenticity come together at Riad Contessa. We are a Riad, but also a home away from home where you can relax, with or without shoes. With 6 uniquely styled rooms and suites, we offer a magnificent rooftop terrace where you can savor a delicious dinner in subdued lighting or simply enjoy a drink. For a cocooning experience, take advantage of our authentic Moroccan hammam and a charming massage room at your disposal. Two adorable resident cats add a warm touch to your stay. Riad Contessa is the perfect place to explore the beauty of Marrakech.<\/span><\/p>\n\t\t\n<style>\n#text-1877236301 {\n  font-size: 0.75rem;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_512181211 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n}\n#section_512181211 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_512181211 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section hide-for-small\" id=\"section_739179288\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n  <div class=\"banner-grid-wrapper\">\n  <div id=\"banner-grid-1156307462\" class=\"banner-grid row row-grid row-small row-full-width\" data-packery-options=\"\">\n                      \n\n<div class=\"col grid-col small-12 large-6 grid-col-2-3\" ><div class=\"col-inner\">\n\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1682459724\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"768\" src=\"https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/bann.webp\" class=\"attachment-original size-original\" alt=\"\" srcset=\"https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/bann.webp 1366w, https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/bann-711x400.webp 711w, https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/bann-768x432.webp 768w, https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/bann-510x287.webp 510w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1682459724 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n<\/div><\/div>\n<div class=\"col grid-col large-6 grid-col-1-2\" ><div class=\"col-inner\">\n\n\n  <div class=\"banner has-hover\" id=\"banner-799768991\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-799768991 {\n  padding-top: 500px;\n}\n#banner-799768991 .bg.bg-loaded {\n  background-image: url(https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/photo_6021493468834152608_y-1-1-1200x800.jpg);\n}\n#banner-799768991 .bg {\n  background-position: 25% 64%;\n}\n#banner-799768991 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#banner-799768991 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n  <\/div>\n\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-6 large-3 grid-col-2-3\" ><div class=\"col-inner\">\n\n\n  <div class=\"banner has-hover\" id=\"banner-2115290421\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-2115290421 {\n  padding-top: 500px;\n}\n#banner-2115290421 .bg.bg-loaded {\n  background-image: url(https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/photo_6021493468834152328_y-1199x800.jpg);\n}\n#banner-2115290421 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#banner-2115290421 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n  <\/div>\n\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-6 large-3 grid-col-2-3\" ><div class=\"col-inner\">\n\n\n  <div class=\"banner has-hover\" id=\"banner-1024975767\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1024975767 {\n  padding-top: 500px;\n}\n#banner-1024975767 .bg.bg-loaded {\n  background-image: url(https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/photo_6021493468834152606_y-1-1200x800.jpg);\n}\n#banner-1024975767 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#banner-1024975767 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n  <\/div>\n\n\n\n<\/div><\/div>\n<div class=\"col grid-col large-6 grid-col-1-2\" ><div class=\"col-inner\">\n\n\n  <div class=\"banner has-hover\" id=\"banner-357132948\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-357132948 {\n  padding-top: 100%;\n}\n#banner-357132948 .bg.bg-loaded {\n  background-image: url(https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/contessa.webp);\n}\n#banner-357132948 .bg {\n  background-position: 45% 59%;\n}\n#banner-357132948 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#banner-357132948 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n@media (min-width:550px) {\n  #banner-357132948 {\n    padding-top: 500px;\n  }\n}\n<\/style>\n  <\/div>\n\n\n\n<\/div><\/div>\n\n            <\/div>\n    <style>\n    #banner-grid-1156307462 .grid-col-1{height: 600px}\n    #banner-grid-1156307462 .grid-col-1-2{height: 300px}\n    #banner-grid-1156307462 .grid-col-1-3{height:200px}\n    #banner-grid-1156307462 .grid-col-2-3{height: 400px}\n    #banner-grid-1156307462 .grid-col-1-4{height: 150px}\n    #banner-grid-1156307462 .grid-col-3-4{height: 450px}\n\n\n    \n        \/* Mobile *\/\n    @media (max-width: 550px){\n      #banner-grid-1156307462 .grid-col-1{height: 657px}\n      #banner-grid-1156307462 .grid-col-1-2{height: 328.5px}\n      #banner-grid-1156307462 .grid-col-1-3{height:219px}\n      #banner-grid-1156307462 .grid-col-2-3{height: 438px}\n      #banner-grid-1156307462 .grid-col-1-4{height: 164.25px}\n      #banner-grid-1156307462 .grid-col-3-4{height: 492.75px}\n    }\n    \n\n  <\/style>\n    <\/div>\n  \n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_739179288 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n#section_739179288 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_739179288 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section show-for-small\" id=\"section_161530050\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n  <div class=\"banner-grid-wrapper\">\n  <div id=\"banner-grid-1503346385\" class=\"banner-grid row row-grid row-small row-full-width\" data-packery-options=\"\">\n                      \n\n<div class=\"col grid-col small-12 large-6 grid-col-2-3\" ><div class=\"col-inner\">\n\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1036282851\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"768\" src=\"https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/bann.webp\" class=\"attachment-original size-original\" alt=\"\" srcset=\"https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/bann.webp 1366w, https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/bann-711x400.webp 711w, https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/bann-768x432.webp 768w, https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/bann-510x287.webp 510w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1036282851 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-15 large-6 grid-col-1-2\" ><div class=\"col-inner\">\n\n\n  <div class=\"banner has-hover\" id=\"banner-394773696\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-394773696 {\n  padding-top: 500px;\n}\n#banner-394773696 .bg.bg-loaded {\n  background-image: url(https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/photo_6021493468834152598_y-1-1200x800.jpg);\n}\n#banner-394773696 .bg {\n  background-position: 25% 64%;\n}\n#banner-394773696 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#banner-394773696 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n  <\/div>\n\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-12 large-3 grid-col-2-3\" ><div class=\"col-inner\">\n\n\n  <div class=\"banner has-hover\" id=\"banner-1266728172\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1266728172 {\n  padding-top: 500px;\n}\n#banner-1266728172 .bg.bg-loaded {\n  background-image: url(https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/photo_6021493468834152328_y-1199x800.jpg);\n}\n#banner-1266728172 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#banner-1266728172 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n  <\/div>\n\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-14 large-3 grid-col-2-3\" ><div class=\"col-inner\">\n\n\n  <div class=\"banner has-hover\" id=\"banner-451758995\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-451758995 {\n  padding-top: 500px;\n}\n#banner-451758995 .bg.bg-loaded {\n  background-image: url(https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/photo_6021493468834152608_y-1-1-1200x800.jpg);\n}\n#banner-451758995 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#banner-451758995 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n  <\/div>\n\n\n\n<\/div><\/div>\n\n            <\/div>\n    <style>\n    #banner-grid-1503346385 .grid-col-1{height: 600px}\n    #banner-grid-1503346385 .grid-col-1-2{height: 300px}\n    #banner-grid-1503346385 .grid-col-1-3{height:200px}\n    #banner-grid-1503346385 .grid-col-2-3{height: 400px}\n    #banner-grid-1503346385 .grid-col-1-4{height: 150px}\n    #banner-grid-1503346385 .grid-col-3-4{height: 450px}\n\n\n    \n        \/* Mobile *\/\n    @media (max-width: 550px){\n      #banner-grid-1503346385 .grid-col-1{height: 657px}\n      #banner-grid-1503346385 .grid-col-1-2{height: 328.5px}\n      #banner-grid-1503346385 .grid-col-1-3{height:219px}\n      #banner-grid-1503346385 .grid-col-2-3{height: 438px}\n      #banner-grid-1503346385 .grid-col-1-4{height: 164.25px}\n      #banner-grid-1503346385 .grid-col-3-4{height: 492.75px}\n    }\n    \n\n  <\/style>\n    <\/div>\n  \n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_161530050 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n#section_161530050 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_161530050 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1669959840\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row row-collapse align-center\"  id=\"row-1647517675\">\n\n\n\t<div id=\"col-1371057282\" class=\"col medium-1 small-10 large-1\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"is-divider divider clearfix\" style=\"max-width:80px;background-color:rgb(0, 0, 0);\"><\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-429531376\" class=\"col medium-7 small-10 large-7\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-3389407925\" class=\"text\">\n\t\t\n\n<p><span style=\"font-size: 150%;\">Plongez dans un confort in\u00e9gal\u00e9<\/span><\/p>\n\t\t\n<style>\n#text-3389407925 {\n  font-size: 0.75rem;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-157612044\" class=\"col small-10 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-2641368023\" class=\"text\">\n\t\t\n\n<h1><span style=\"font-size: 250%;\"><strong>Explorez nos chambres<\/strong><\/span><\/h1>\n<p class=\"p1\"><span style=\"font-size: 120%;\">Au Riad Contessa, nous croyons en offrir \u00e0 nos pr\u00e9cieux clients la nuit de sommeil parfaite. Chacune de nos chambres a un style unique, partageant la marque de notre approche distinctive : une fusion harmonieuse de meubles contemporains entrelac\u00e9s avec l'essence intemporelle du design marocain, caract\u00e9ris\u00e9e par des pl\u00e2tres finement sculpt\u00e9s \u00e0 la main et la chaleur des plafonds en bois de c\u00e8dre.<\/span><\/p>\n<p class=\"p1\"><span style=\"font-size: 120%;\">Au Riad Contessa, votre nuit de sommeil parfaite n'est pas seulement une promesse ; c'est une exp\u00e9rience pr\u00e9cieuse qui vous attend \u00e0 chaque coin de nos chambres exquises.<\/span><\/p>\n\t\t\n<style>\n#text-2641368023 {\n  font-size: 0.75rem;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1669959840 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n#section_1669959840 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_1669959840 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section hide-for-small\" id=\"section_1784128339\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row row-small row-full-width align-center\"  id=\"row-1988822097\">\n\n\n\t<div id=\"col-1215704552\" class=\"col medium-3 small-12 large-3\"  data-animate=\"fadeInRight\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n  <div class=\"banner has-hover\" id=\"banner-1261958007\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"https:\/\/riadcontessa.com\/explore-rooms\/\"  ><div class=\"fill banner-link\"><\/div><\/a>            \n\n   <div id=\"text-box-2109194551\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n       <div class=\"hover-slide\">              <div data-animate=\"fadeInUp\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-3801522062\" class=\"text\">\n\t\t\n\n<p style=\"text-align: left;\">A partir de 300\u20ac<\/p>\n<h3 class=\"uppercase\" style=\"text-align: left;\"><span style=\"font-size: 28.224px;\"><b>Batoul<\/b><\/span><\/h3>\n\t\t\n<style>\n#text-3801522062 {\n  font-size: 0.9rem;\n}\n<\/style>\n\t<\/div>\n\t\n\n              <\/div>\n           <\/div>\n       <\/div>              <\/div>       \n<style>\n#text-box-2109194551 {\n  width: 91%;\n}\n#text-box-2109194551 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1261958007 {\n  padding-top: 99.99%;\n}\n#banner-1261958007 .bg.bg-loaded {\n  background-image: url(https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/batoul.webp);\n}\n#banner-1261958007 .bg {\n  background-position: 33% 64%;\n}\n#banner-1261958007 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#banner-1261958007 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n  <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-621884864\" class=\"col medium-3 small-12 large-3\"  data-animate=\"fadeInRight\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n  <div class=\"banner has-hover\" id=\"banner-155256859\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"https:\/\/riadcontessa.com\/explore-rooms\/\"  ><div class=\"fill banner-link\"><\/div><\/a>            \n\n   <div id=\"text-box-330528104\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n       <div class=\"hover-slide\">              <div data-animate=\"fadeInUp\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-2790876193\" class=\"text\">\n\t\t\n\n<p style=\"text-align: left;\">A partir de 300\u20ac<\/p>\n<h3 class=\"uppercase\" style=\"text-align: left;\"><span style=\"font-size: 28.224px;\"><b>MALIKA<\/b><\/span><\/h3>\n\t\t\n<style>\n#text-2790876193 {\n  font-size: 0.9rem;\n}\n<\/style>\n\t<\/div>\n\t\n\n              <\/div>\n           <\/div>\n       <\/div>              <\/div>       \n<style>\n#text-box-330528104 {\n  width: 91%;\n}\n#text-box-330528104 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-155256859 {\n  padding-top: 99.99%;\n}\n#banner-155256859 .bg.bg-loaded {\n  background-image: url(https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/malika.webp);\n}\n#banner-155256859 .bg {\n  background-position: 33% 64%;\n}\n#banner-155256859 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#banner-155256859 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n  <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-310202655\" class=\"col medium-3 small-12 large-3\"  data-animate=\"fadeInRight\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n  <div class=\"banner has-hover\" id=\"banner-455266234\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"https:\/\/riadcontessa.com\/explore-rooms\/\"  ><div class=\"fill banner-link\"><\/div><\/a>            \n\n   <div id=\"text-box-2139596675\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n       <div class=\"hover-slide\">              <div data-animate=\"fadeInUp\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-2435565559\" class=\"text\">\n\t\t\n\n<p style=\"text-align: left;\">A partir de 300\u20ac<\/p>\n<h3 class=\"uppercase\" style=\"text-align: left;\"><span style=\"font-size: 28.224px;\"><b>SAFIA<\/b><\/span><\/h3>\n\t\t\n<style>\n#text-2435565559 {\n  font-size: 0.9rem;\n}\n<\/style>\n\t<\/div>\n\t\n\n              <\/div>\n           <\/div>\n       <\/div>              <\/div>       \n<style>\n#text-box-2139596675 {\n  width: 91%;\n}\n#text-box-2139596675 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-455266234 {\n  padding-top: 99.99%;\n}\n#banner-455266234 .bg.bg-loaded {\n  background-image: url(https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/safia.webp);\n}\n#banner-455266234 .bg {\n  background-position: 33% 64%;\n}\n#banner-455266234 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#banner-455266234 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n  <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1306495932\" class=\"col medium-3 small-12 large-3\"  data-animate=\"fadeInRight\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n  <div class=\"banner has-hover\" id=\"banner-733078069\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"https:\/\/riadcontessa.com\/explore-rooms\/\"  ><div class=\"fill banner-link\"><\/div><\/a>            \n\n   <div id=\"text-box-1665427432\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n       <div class=\"hover-slide\">              <div data-animate=\"fadeInUp\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-2222817983\" class=\"text\">\n\t\t\n\n<h6>From<\/h6>\n<h3><strong>CONTESSA<\/strong><\/h3>\n\t\t\n<style>\n#text-2222817983 {\n  font-size: 1.1rem;\n  text-align: left;\n}\n<\/style>\n\t<\/div>\n\t\n\n              <\/div>\n           <\/div>\n       <\/div>              <\/div>       \n<style>\n#text-box-1665427432 {\n  width: 91%;\n}\n#text-box-1665427432 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-733078069 {\n  padding-top: 99.99%;\n}\n#banner-733078069 .bg.bg-loaded {\n  background-image: url(https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/contessa.webp);\n}\n#banner-733078069 .bg {\n  background-position: 33% 64%;\n}\n#banner-733078069 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#banner-733078069 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n  <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1784128339 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n#section_1784128339 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_1784128339 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section show-for-small\" id=\"section_1707909607\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"slider-wrapper relative\" id=\"slider-746788706\" >\n    <div class=\"slider slider-nav-dots-simple slider-nav-reveal slider-nav-large slider-nav-dark slider-style-normal slider-show-nav\"\n        data-flickity-options='{            \"cellAlign\": \"center\",            \"imagesLoaded\": true,            \"lazyLoad\": 1,            \"freeScroll\": false,            \"wrapAround\": true,            \"autoPlay\": 6000,            \"pauseAutoPlayOnHover\" : true,            \"prevNextButtons\": true,            \"contain\" : true,            \"adaptiveHeight\" : true,            \"dragThreshold\" : 10,            \"percentPosition\": true,            \"pageDots\": true,            \"rightToLeft\": false,            \"draggable\": true,            \"selectedAttraction\": 0.1,            \"parallax\" : 0,            \"friction\": 0.6        }'\n        >\n        \n\n<div class=\"row row-small row-full-width align-center\"  id=\"row-1208517226\">\n\n\n\t<div id=\"col-1354338647\" class=\"col medium-3 small-12 large-3 col-hover-fade\"  data-animate=\"fadeInRight\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n  <div class=\"banner has-hover\" id=\"banner-911332141\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"https:\/\/riadcontessa.com\/explore-rooms\/\"  ><div class=\"fill banner-link\"><\/div><\/a>            \n\n   <div id=\"text-box-994555041\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n       <div class=\"hover-slide\">              <div data-animate=\"none\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-2363154377\" class=\"text\">\n\t\t\n\n<p style=\"text-align: left;\">A partir de 300\u20ac<\/p>\n<h3 class=\"uppercase\" style=\"text-align: left;\"><span style=\"font-size: 28.224px;\"><b>Batoul<\/b><\/span><\/h3>\n\t\t\n<style>\n#text-2363154377 {\n  font-size: 0.9rem;\n}\n<\/style>\n\t<\/div>\n\t\n\n              <\/div>\n           <\/div>\n       <\/div>              <\/div>       \n<style>\n#text-box-994555041 {\n  width: 91%;\n}\n#text-box-994555041 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-911332141 {\n  padding-top: 99.99%;\n}\n#banner-911332141 .bg.bg-loaded {\n  background-image: url(https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/batoul.webp);\n}\n#banner-911332141 .bg {\n  background-position: 33% 64%;\n}\n#banner-911332141 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#banner-911332141 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n  <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row\"  id=\"row-951648143\">\n\n\n\t<div id=\"col-1916179356\" class=\"col medium-3 small-12 large-3 col-hover-fade\"  data-animate=\"fadeInRight\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n  <div class=\"banner has-hover\" id=\"banner-102711122\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"https:\/\/riadcontessa.com\/explore-rooms\/\"  ><div class=\"fill banner-link\"><\/div><\/a>            \n\n   <div id=\"text-box-1795321048\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n       <div class=\"hover-slide\">              <div data-animate=\"fadeInRight\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-587349251\" class=\"text\">\n\t\t\n\n<p style=\"text-align: left;\">A partir de 300\u20ac<\/p>\n<h3 class=\"uppercase\" style=\"text-align: left;\"><span style=\"font-size: 28.224px;\"><b>MALIKA<\/b><\/span><\/h3>\n\t\t\n<style>\n#text-587349251 {\n  font-size: 0.9rem;\n}\n<\/style>\n\t<\/div>\n\t\n\n              <\/div>\n           <\/div>\n       <\/div>              <\/div>       \n<style>\n#text-box-1795321048 {\n  width: 91%;\n}\n#text-box-1795321048 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-102711122 {\n  padding-top: 99.99%;\n}\n#banner-102711122 .bg.bg-loaded {\n  background-image: url(https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/malika.webp);\n}\n#banner-102711122 .overlay {\n  background-color: rgba(37, 37, 37, 0.134);\n}\n#banner-102711122 .bg {\n  background-position: 33% 64%;\n}\n#banner-102711122 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#banner-102711122 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n  <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row\"  id=\"row-1430678798\">\n\n\n\t<div id=\"col-1566234043\" class=\"col medium-3 small-12 large-3 col-hover-fade\"  data-animate=\"fadeInRight\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n  <div class=\"banner has-hover\" id=\"banner-479893284\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"https:\/\/riadcontessa.com\/explore-rooms\/\"  ><div class=\"fill banner-link\"><\/div><\/a>            \n\n   <div id=\"text-box-869349401\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n       <div class=\"hover-slide\">              <div data-animate=\"fadeInRight\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-2394121114\" class=\"text\">\n\t\t\n\n<p style=\"text-align: left;\">A partir de 300\u20ac<\/p>\n<h3 class=\"uppercase\" style=\"text-align: left;\"><span style=\"font-size: 28.224px;\"><b>SAFIA<\/b><\/span><\/h3>\n\t\t\n<style>\n#text-2394121114 {\n  font-size: 0.9rem;\n}\n<\/style>\n\t<\/div>\n\t\n\n              <\/div>\n           <\/div>\n       <\/div>              <\/div>       \n<style>\n#text-box-869349401 {\n  width: 91%;\n}\n#text-box-869349401 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-479893284 {\n  padding-top: 99.99%;\n}\n#banner-479893284 .bg.bg-loaded {\n  background-image: url(https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/safia.webp);\n}\n#banner-479893284 .overlay {\n  background-color: rgba(37, 37, 37, 0.134);\n}\n#banner-479893284 .bg {\n  background-position: 33% 64%;\n}\n#banner-479893284 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#banner-479893284 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n  <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row\"  id=\"row-1091720687\">\n\n\n\t<div id=\"col-890107982\" class=\"col medium-3 small-12 large-3 col-hover-fade\"  data-animate=\"fadeInRight\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n  <div class=\"banner has-hover\" id=\"banner-1842150266\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"https:\/\/riadcontessa.com\/explore-rooms\/\"  ><div class=\"fill banner-link\"><\/div><\/a>            \n\n   <div id=\"text-box-969115689\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n       <div class=\"hover-slide\">              <div data-animate=\"fadeInRight\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-1954588633\" class=\"text\">\n\t\t\n\n<h6>From<\/h6>\n<h3><strong>CONTESSA<\/strong><\/h3>\n\t\t\n<style>\n#text-1954588633 {\n  font-size: 1.1rem;\n  text-align: left;\n}\n<\/style>\n\t<\/div>\n\t\n\n              <\/div>\n           <\/div>\n       <\/div>              <\/div>       \n<style>\n#text-box-969115689 {\n  width: 91%;\n}\n#text-box-969115689 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1842150266 {\n  padding-top: 99.99%;\n}\n#banner-1842150266 .bg.bg-loaded {\n  background-image: url(https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/contessa.webp);\n}\n#banner-1842150266 .overlay {\n  background-color: rgba(37, 37, 37, 0.134);\n}\n#banner-1842150266 .bg {\n  background-position: 33% 64%;\n}\n#banner-1842150266 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#banner-1842150266 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n  <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n     <\/div>\n\n     <div class=\"loading-spin dark large centered\"><\/div>\n\n     \t<\/div>\n\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1707909607 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n#section_1707909607 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_1707909607 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_631101479\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row row-collapse align-middle align-center\"  id=\"row-675089933\">\n\n\n\t<div id=\"col-1831418197\" class=\"col medium-6 small-10 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"is-divider divider clearfix\" style=\"max-width:80px;background-color:rgb(0, 0, 0);\"><\/div>\n\n<p><span style=\"font-size: 18.72px;\">Riad contessa<\/span><\/p>\n<h1 class=\"uppercase\"><span style=\"font-size: 180%;\"><strong>Votre retraite exclusive au Riad<\/strong><\/span><\/h1>\n<div class=\"qodef-section-title-holder  qodef-st-standard qodef-st-title-left  qodef-st-normal-space\">\n<div class=\"qodef-st-inner\">\n<p class=\"qodef-st-text\"><span style=\"font-size: 120%;\">Parfait pour une escapade romantique, une retraite en famille ou une r\u00e9union entre amis, notre riad propose des chambres spacieuses, des \u00e9quipements modernes et une terrasse sur le toit avec une vue panoramique sur la ville. Notre personnel d\u00e9vou\u00e9 assure une exp\u00e9rience sans faille, des services de conciergerie personnalis\u00e9s \u00e0 une cuisine exquise sur place.<\/span><\/p>\n<\/div>\n<\/div>\n<a href=\"https:\/\/riadcontessa.com\/exclusive-riad\/\" target=\"_self\" class=\"button secondary\"  >\n    <span>R\u00c9SERVER MAINTENANT<\/span>\n  <\/a>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-803130542\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"slider-wrapper relative\" id=\"slider-2098887713\" >\n    <div class=\"slider slider-nav-circle slider-nav-large slider-nav-light slider-style-normal slider-show-nav\"\n        data-flickity-options='{            \"cellAlign\": \"center\",            \"imagesLoaded\": true,            \"lazyLoad\": 1,            \"freeScroll\": false,            \"wrapAround\": true,            \"autoPlay\": 6000,            \"pauseAutoPlayOnHover\" : true,            \"prevNextButtons\": true,            \"contain\" : true,            \"adaptiveHeight\" : true,            \"dragThreshold\" : 10,            \"percentPosition\": true,            \"pageDots\": true,            \"rightToLeft\": false,            \"draggable\": true,            \"selectedAttraction\": 0.1,            \"parallax\" : 0,            \"friction\": 0.6        }'\n        >\n        \n\n\n  <div class=\"banner has-hover\" id=\"banner-925000656\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-925000656 {\n  padding-top: 99.99%;\n}\n#banner-925000656 .bg.bg-loaded {\n  background-image: url(https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/photo_6021493468834152321_y-534x800.jpg);\n}\n#banner-925000656 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#banner-925000656 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n@media (min-width:550px) {\n  #banner-925000656 {\n    padding-top: 593px;\n  }\n}\n<\/style>\n  <\/div>\n\n\n\n     <\/div>\n\n     <div class=\"loading-spin dark large centered\"><\/div>\n\n     \t<\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_631101479 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n#section_631101479 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_631101479 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1367799217\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row row-small row-full-width\"  id=\"row-1362283707\">\n\n\n\t<div id=\"col-1493159596\" class=\"col small-12 large-12\"  data-animate=\"bounceInUp\">\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgb(253, 253, 253);\" >\n\t\t\t\n\t\t\t\n\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-594350202\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"eating\"  ><div class=\"fill banner-link\"><\/div><\/a>            \n\n   <div id=\"text-box-1817828266\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-3714180575\" class=\"text\">\n\t\t\n\n<h5 class=\"uppercase\"><span style=\"font-size: 200%;\"><b>HOST&#8217;S TABLE<\/b><\/span><\/h5>\n\t\t\n<style>\n#text-3714180575 {\n  font-size: 0.75rem;\n  color: rgba(255, 255, 255, 0.663);\n}\n#text-3714180575 > * {\n  color: rgba(255, 255, 255, 0.663);\n}\n@media (min-width:550px) {\n  #text-3714180575 {\n    font-size: 2.2rem;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1817828266 {\n  width: 100%;\n}\n#text-box-1817828266 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-1817828266 {\n    width: 60%;\n  }\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-594350202 {\n  padding-top: 56.25%;\n}\n#banner-594350202 .bg.bg-loaded {\n  background-image: url(https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/12\/photo_6021493468834152608_y-1-1200x800.jpg);\n}\n#banner-594350202 .overlay {\n  background-color: rgba(0, 0, 0, 0.18);\n}\n#banner-594350202 .bg {\n  background-position: 30% 62%;\n}\n#banner-594350202 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#banner-594350202 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n@media (min-width:550px) {\n  #banner-594350202 {\n    padding-top: 500px;\n  }\n}\n<\/style>\n  <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row row-small row-full-width\"  id=\"row-342565459\">\n\n\n\t<div id=\"col-1869787695\" class=\"col medium-6 small-12 large-6\"  data-animate=\"bounceInUp\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-169601768\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-1670133640\" class=\"text-box banner-layer x0 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-501374185\" class=\"text\">\n\t\t\n\n<h6 class=\"uppercase\"><span style=\"font-size: 200%;\"><b>SE RELAXER<\/b><\/span><\/h6>\n\t\t\n<style>\n#text-501374185 {\n  font-size: 0.75rem;\n  text-align: center;\n  color: rgba(255, 255, 255, 0.663);\n}\n#text-501374185 > * {\n  color: rgba(255, 255, 255, 0.663);\n}\n@media (min-width:550px) {\n  #text-501374185 {\n    font-size: 2.2rem;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1670133640 {\n  width: 100%;\n}\n#text-box-1670133640 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-1670133640 {\n    width: 60%;\n  }\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-169601768 {\n  padding-top: 56.25%;\n}\n#banner-169601768 .bg.bg-loaded {\n  background-image: url(https:\/\/riadcontessa.com\/wp-content\/uploads\/2024\/01\/1-2-1.webp);\n}\n#banner-169601768 .overlay {\n  background-color: rgba(0, 0, 0, 0.18);\n}\n#banner-169601768 .bg {\n  background-position: 41% 72%;\n}\n#banner-169601768 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#banner-169601768 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n@media (min-width:550px) {\n  #banner-169601768 {\n    padding-top: 500px;\n  }\n}\n<\/style>\n  <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-798728877\" class=\"col medium-6 small-12 large-6\"  data-animate=\"bounceInUp\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n  <div class=\"banner has-hover bg-zoom\" id=\"banner-1173078713\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"https:\/\/riadcontessa.com\/cooking-workshop\/\"  ><div class=\"fill banner-link\"><\/div><\/a>            \n\n   <div id=\"text-box-75546996\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-1671634692\" class=\"text\">\n\t\t\n\n<h6 class=\"uppercase\" style=\"text-align: center;\"><span style=\"font-size: 200%;\"><b>COOKING WORKSHOP<\/b><\/span><\/h6>\n\t\t\n<style>\n#text-1671634692 {\n  font-size: 1.25rem;\n  line-height: 2.05;\n  color: rgba(255, 255, 255, 0.663);\n}\n#text-1671634692 > * {\n  color: rgba(255, 255, 255, 0.663);\n}\n@media (min-width:550px) {\n  #text-1671634692 {\n    font-size: 2.2rem;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-75546996 {\n  width: 100%;\n}\n#text-box-75546996 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-75546996 {\n    width: 100%;\n  }\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1173078713 {\n  padding-top: 56.25%;\n}\n#banner-1173078713 .bg.bg-loaded {\n  background-image: url(https:\/\/riadcontessa.com\/wp-content\/uploads\/2023\/09\/bb0b648408fb48bcfb3e4b6d21a6ab31.jpg);\n}\n#banner-1173078713 .overlay {\n  background-color: rgba(0, 0, 0, 0.18);\n}\n#banner-1173078713 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#banner-1173078713 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n@media (min-width:550px) {\n  #banner-1173078713 {\n    padding-top: 500px;\n  }\n}\n<\/style>\n  <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1367799217 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n#section_1367799217 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_1367799217 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1250092915\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n  <div class=\"banner has-hover\" id=\"banner-2024230626\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-289365620\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n<div class=\"row\"  id=\"row-1752056288\">\n\n\n\t<div id=\"col-1291037985\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"row row-full-width align-middle align-center\"  id=\"row-1504740618\">\n\n\n\t<div id=\"col-1129568180\" class=\"col medium-8 small-12 large-8\"  >\n\t\t\t\t<div class=\"col-inner text-left dark\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-1920583632\" class=\"text\">\n\t\t\n\n<p class=\"qodef-st-title\"><span class=\"qodef-st-subtitle\" style=\"font-size: 120%;\">Inscrivez-vous \u00e0 la newsletter<\/span><\/p>\n<h1 class=\"qodef-st-title\"><span style=\"font-size: 120%;\">RESTER INFORM\u00c9<\/span><\/h1>\n<p class=\"qodef-st-text\">Rejoignez-nous pour une aventure unique o\u00f9 l'hospitalit\u00e9 marocaine rencontre le luxe moderne. \u00c0 bient\u00f4t chez RIAD CONTESSA!<\/p>\n\t\t\n<style>\n#text-1920583632 {\n  text-align: left;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1129568180 > .col-inner {\n  margin: 0px 0px 0px 30px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-1216193388\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner dark\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-942602045\" class=\"text\">\n\t\t\n\n\n\t\t\n<style>\n#text-942602045 {\n  text-align: left;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-289365620 {\n  width: 100%;\n}\n#text-box-289365620 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-2024230626 {\n  padding-top: 350px;\n  background-color: rgb(255, 65, 0);\n}\n#banner-2024230626 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#banner-2024230626 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n  <\/div>\n\n\n<div class=\"row align-middle\"  id=\"row-442697842\">\n\n\n\t<div id=\"col-1303962755\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-539125829\" class=\"text\">\n\t\t\n\n<h1 class=\"p1\"><b>CONTACTEZ-NOUS<\/b><\/h1>\n<p><strong>Have a question? Contact us directly on WhatsApp for a quick response!<\/strong><\/p>\n<p>You can pair this with a WhatsApp icon or button for better visibility.<\/p>\n\t\t\n<style>\n#text-539125829 {\n  text-align: left;\n}\n<\/style>\n\t<\/div>\n\t\n<a href=\"https:\/\/wa.me\/212699454886?text=Bonjour,%20j&#039;ai%20une%20question%20!\" target=\"_self\" class=\"button primary\"  >\n  <i class=\"icon-phone\" aria-hidden=\"true\" ><\/i>  <span>Chat on WhatsApp<\/span>\n  <\/a>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1695139964\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_771938613\">\n\t\t<a class=\"\" href=\"https:\/\/maps.app.goo.gl\/oJeLxiH6HPPYRUi1A\"  >\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/riadcontessa.com\/wp-content\/uploads\/2024\/01\/map-riad-contessa.webp\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/riadcontessa.com\/wp-content\/uploads\/2024\/01\/map-riad-contessa.webp 800w, https:\/\/riadcontessa.com\/wp-content\/uploads\/2024\/01\/map-riad-contessa-400x400.webp 400w, https:\/\/riadcontessa.com\/wp-content\/uploads\/2024\/01\/map-riad-contessa-280x280.webp 280w, https:\/\/riadcontessa.com\/wp-content\/uploads\/2024\/01\/map-riad-contessa-768x768.webp 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\t\t\n<style>\n#image_771938613 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1250092915 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n#section_1250092915 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_1250092915 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":18,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-100","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/riadcontessa.com\/fr\/wp-json\/wp\/v2\/pages\/100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/riadcontessa.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/riadcontessa.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/riadcontessa.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/riadcontessa.com\/fr\/wp-json\/wp\/v2\/comments?post=100"}],"version-history":[{"count":29,"href":"https:\/\/riadcontessa.com\/fr\/wp-json\/wp\/v2\/pages\/100\/revisions"}],"predecessor-version":[{"id":1049,"href":"https:\/\/riadcontessa.com\/fr\/wp-json\/wp\/v2\/pages\/100\/revisions\/1049"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/riadcontessa.com\/fr\/wp-json\/wp\/v2\/media\/18"}],"wp:attachment":[{"href":"https:\/\/riadcontessa.com\/fr\/wp-json\/wp\/v2\/media?parent=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}