<!DOCTYPE HTML>
<!--[if lte IE 7]> <html class="ie7"> <![endif]-->
<!--[if IE 8]>     <html class="ie8"> <![endif]-->
<!--[if IE 9]>     <html class="ie9"> <![endif]-->
<!--[if IE 10]>     <html class="ie10"> <![endif]-->
<!--[if !IE]><!--><html class="non-ie" xml:lang="en" lang="en"><!--<![endif]-->
<head>
<title>Reservation System - Margo Hospitality</title>
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="shortcut icon" href="//bookings.margo-hospitality.com/files/images/favicon.ico">
<link rel="canonical" href="/sitemap.xml">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<!-- bke stylesheets/javascript -->
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,100,500,600,700' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="//bookings.margo-hospitality.com/files/css/bke-reset.css" type="text/css">
<link rel="stylesheet" href="//bookings.margo-hospitality.com/files/css/style-availtable.css" type="text/css">
<link rel="stylesheet" href="//bookings.margo-hospitality.com/files/css/jquery.plugins.css" type="text/css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="//use.fontawesome.com/releases/v5.10.1/css/all.css" integrity="sha384-wxqG4glGB3nlqX0bi23nmgwCSjWIW13BdLUEYC4VIMehfbcro/ATkyDsF/AbIOVe" crossorigin="anonymous">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css">
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/themes/base/jquery-ui.css" type="text/css">
<link rel="stylesheet" href="//bookings.margo-hospitality.com/files/css/jquery.rating.css" type="text/css">
<link rel="stylesheet" href="//bookings.margo-hospitality.com/files/css/calendar.css" type="text/css">
<link rel="stylesheet" href="//bookings.margo-hospitality.com/files/css/bke.scss" type="text/css">
<!-- <link rel="stylesheet" href="//bookings.margo-hospitality.com/files/css/bke.comp.css" type="text/css"> -->
<link rel="stylesheet" href="//bookings.margo-hospitality.com/files/css/print.scss" type="text/css" media="print">
<link rel="stylesheet" href="//bookings.margo-hospitality.com/bookings/bkecss" type="text/css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/i18n/jquery-ui-i18n.min.js"></script>
<script src="//bookings.margo-hospitality.com/files/js/jquery.plugins.js" type="text/javascript"></script>

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBu-aZ_fS_DXfN-Dz_0YPY-9622cP0AY5I"></script>

<link rel="stylesheet" href="//bookings.margo-hospitality.com/files/css/bke-searchbox.scss">

<!--[if lt IE 9]>
  <script src="//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="//oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  <script src="//bookings.margo-hospitality.com/files/js/disable-response.js" type="text/javascript"></script>
<![endif]-->


<script src="//www.tripadvisor.com/js3/conversion/pixel.js"></script>
</head>

 <!-- IF groupsite -->
<body class="pagelayout lang-en groupsite">
 <!-- ENDIF groupsite -->

 

	<script>
var $buoop = {vs:{i:9,f:25,o:12.1,s:7},c:2};
function $buo_f(){
 var e = document.createElement("script");
 e.src = "//browser-update.org/update.min.js";
 document.body.appendChild(e);
};
try {document.addEventListener("DOMContentLoaded", $buo_f,false)}
catch(e){window.attachEvent("onload", $buo_f)}
</script>

<header class="palette-bkgd-1" id="na-header">
	<div class="row">
		<div class="container">
			<!-- DESKTOP -->
			<div class="btn-home pull-left" style="display:none;">
				<a href="https://margo-hospitality.com/" class="tip" title="Main website"><i class="zmdi zmdi-home"></i> <span>HOME</span></a>
			</div>
			<div class="bke-settings">
        
				<!-- BEGIN bke_languages_form -->
				<div class="setting-lang">
					<i class="zmdi zmdi-globe"></i>
					<form name="bke_search_auto" id="bke_search_auto" method=post action="//bookings.margo-hospitality.com/sitemap.xml"><select name="lang" onChange="this.form.submit();"><option value="en" selected="selected">English</option> <option value="fr" >Fran&ccedil;ais</option> </select></form>
				</div>
				<!-- END bke_languages_form -->

				<!-- BEGIN bke_currency_selector -->
				<div class="setting-curr">
					<div class="selected-curr-symbol"></div>
					
<select id="curr_selector" onchange="if (typeof ch_currency === 'function'){ ch_currency(this)}" class="bke_currency_selector">
      <option value="0" >Original</option>
      <option value="2" >EUR</option>
      <option value="4" >GBP</option>
      <option value="3" selected>USD</option>
      <option value="58" >MAD</option>
</select>
<script type="text/javascript">
(function(funcName, baseObj) {
    funcName = funcName || "docReady";
    baseObj = baseObj || window;
    var readyList = [];
    var readyFired = false;
    var readyEventHandlersInstalled = false;
    function ready() {
        if (!readyFired) {
            readyFired = true;
            for (var i = 0; i < readyList.length; i++) {
                readyList[i].fn.call(window, readyList[i].ctx);
            }
            readyList = [];
        }
    }

    function readyStateChange() {
        if ( document.readyState === "complete" ) {
            ready();
        }
    }
    baseObj[funcName] = function(callback, context) {
        if (readyFired) {
            setTimeout(function() {callback(context);}, 1);
            return;
        } else {
            readyList.push({fn: callback, ctx: context});
        }
        if (document.readyState === "complete") {
            setTimeout(ready, 1);
        } else if (!readyEventHandlersInstalled) {
            if (document.addEventListener) {
                document.addEventListener("DOMContentLoaded", ready, false);
                window.addEventListener("load", ready, false);
            } else {
                document.attachEvent("onreadystatechange", readyStateChange);
                window.attachEvent("onload", ready);
            }
            readyEventHandlersInstalled = true;
        }
    }
})("docReady", window);

var set_hover = function($) {
   
}


    Object.keys = Object.keys || (function () {
        var hasOwnProperty = Object.prototype.hasOwnProperty,
            hasDontEnumBug = !{toString:null}.propertyIsEnumerable("toString"),
            DontEnums = [
                'toString',
                'toLocaleString',
                'valueOf',
                'hasOwnProperty',
                'isPrototypeOf',
                'propertyIsEnumerable',
                'constructor'
            ],
            DontEnumsLength = DontEnums.length;
      
        return function (o) {
            if (typeof o != "object" && typeof o != "function" || o === null)
                throw new TypeError("Object.keys called on a non-object");
         
            var result = [];
            for (var name in o) {
                if (hasOwnProperty.call(o, name))
                    result.push(name);
            }
         
            if (hasDontEnumBug) {
                for (var i = 0; i < DontEnumsLength; i++) {
                    if (hasOwnProperty.call(o, DontEnums[i]))
                        result.push(DontEnums[i]);
                }   
            }
         
            return result;
        };
    })();

    // START    
    var currChanger = (function(){
        var availableCurr    = {"4":{"name":"Pound Sterling","symbol":"&pound;","isocode":"GBP","side":"r","rate":"0.8718"},"2":{"name":"Euro","side":"r","symbol":"&euro;","isocode":"EUR","rate":"1.0000"},"3":{"side":"r","symbol":"$","isocode":"USD","rate":"1.1538","name":"US Dollar"},"58":{"name":"Moroccan dirham","rate":"10.8262","side":"r","symbol":"DH","isocode":"MAD"},"0":{"rate":1,"isocode":"Original","symbol":"","side":"r","name":"Original"}};
        var defaultCurrency  = 2;
        var currentCurrency  = false;//2;
        var changeCurrency   = false;
        var defaultClassName = 'curr_chan';
        var settings         = {
            defaultClassName : defaultClassName,
            changeCallback   : false,
            noRound          : false,
            replaceWithin    : false,
            ignoreOwnCurr    : false,
            obj              : false,
            objName          : false,
            arr              : false,
            arrName          : false,
            exceptIdLike     : false,
            onRoom           : false,
        };
        var bke_selected_currency = 'bke_selected_currency';
        var bke_selected_currency_sbox = 'bke_selected_currency_sbox';
        var origPriceObjs = {};
        var origPriceArr = {};
        var currentObjCurr = {};
        var currentArrCurr = {};
        var changerFunction = [];
        var currDataOrigin = {};
        var currData = {};
        var currDataCurrency = {};
        var currDataId = 0;
        var origCurrency = {};
        var currRoomCurrency = {};
        return {
            // changes currency
            setCurrency  : setCurrency,            
            addSymbol    : addSymbol,
            addChangerFunction : addChangerFunction,
            setCurrencyOnMultiple : setCurrencyOnMultiple,
            // Settings that needed to be called before replacing 
            // currency when applicable
            changeCallback : changeCallback,
            getDefaultCurrency:getDefaultCurrency,
            getCurrentCurrency:getCurrentCurrency,
            exceptIdLike   : exceptIdLike,
            replaceWithin  : replaceWithin,
            ignoreOwnCurr  : ignoreOwnCurr,
            onObject       : onObject,
            onRoom         : onRoom,
            onArray        : onArray,
            // rest of changes
            getCurrentCurrencySymbol : getCurrentCurrencySymbol,
            getRate        : getRate,
            noRound	       : noRound,
        }

        function noRound () {
        	settings.noRound = true;
        	return this;
        }

        function logErr (error) {
        }

        function exceptIdLike (regex) {
            settings.exceptIdLike = regex;
            return this;
        }

        function addChangerFunction(name) {        	
            var add = true;
            try {
                if (changerFunction.indexOf(name) >= 0) {
                    add = false;
                }
            } catch(error) {logErr(error);}
            if ( add )
                changerFunction.push(name);
            return this;
        }

        function onObject(o,name) {
            settings.obj = o;
            settings.objName = name;
            return this;
        }

        function onArray(a,name) {
            settings.arr = a;
            settings.arrName = name;
            return this;
        }

        function changeCallback(c) {
            settings.changeCallback = c;
            return this;
        }

        function replaceWithin(c) {
            settings.replaceWithin = c;
            return this;
        }

        function onRoom(c) {
            settings.onRoom = c;
            return this;
        }

        function ignoreOwnCurr() {
            settings.ignoreOwnCurr = true;
            return this;
        }

        function getCurrentCurrency(obj) {
            if (currentCurrency && currentCurrency != 0) {
                return currentCurrency;
            } else  {
                return getDefaultCurrency();
            }
        }

        function getCurrentCurrencySymbol (obj) {
            if (!obj) {
                return availableCurr[getDefaultCurrency()]['symbol'];
            } else {
                return availableCurr[getCurrencyFromSpan(obj)]['symbol'];
            }
        }

        function setCurrencyOnMultiple (to) {        
            if (changerFunction.length > 0) {
                for (var i = 0; i < changerFunction.length; i++) {
                    changerFunction[i](false,to);
                };
            }
        }

        // retrieves default currency for specified room when necessary
        // this required onRoom switch to define id of room to find '#bke_room_currency'
        function getDefaultCurrency () {
            var curr = defaultCurrency;
            if (settings.onRoom && !settings.onRoom == '') {
                if (origCurrency[settings.room]) {
                    curr = origCurrency[settings.room];
                } else {
                    try {
                        curr = document.querySelectorAll('#bke_room_currency'+settings.onRoom)[0].value;
                        origCurrency[settings.onRoom] = curr;
                    } catch (error) {logErr('Cannot find default currency for room '+settings.onRoom);} 
                }
            }
            return curr;
        }

        function currChangerCurrency() {
            var curr = defaultCurrency;
            try {
                curr = document.querySelectorAll('#curr_selector')[0].value;
            } catch (error) {logErr('Cannot find default currency changer value');} 
            return curr;
        }

        function clearData() {
        	currData = {} ;
        }

        // setting currency to values on page with curr_chan class
        function setCurrency (to, clear) {        	
            if (!to) 
                to = currChangerCurrency();
            if (!availableCurr[to] || to == 0) 
                to = getDefaultCurrency();
            if (clear)	
            	clearData();
            if (settings.obj && settings.objName) {
                if (!currentObjCurr[settings.objName])
                    currentObjCurr[settings.objName] = getDefaultCurrency();
                if (currentObjCurr[settings.objName] != to) {
                    changedObject = changeObjectCurrencies(currentObjCurr[settings.objName],to);
                    currentObjCurr[settings.objName] = to;
                    returnObj = changedObject;
                } else {
                    returnObj = settings.obj;
                }
            } else if (settings.arr && settings.arrName && settings.arr.length > 0){
                if (!currentArrCurr[settings.arrName])
                    currentArrCurr[settings.arrName] = getDefaultCurrency();
                if (currentObjCurr[settings.arrName] != to) {
                    changedArray = changeArrayCurrencies(currentArrCurr[settings.arrName],to);
                    currentArrCurr[settings.arrName] = to;
                    changeElementCurrencies(false,to);
                    returnObj = changedArray;
                } else {
                    returnObj = settings.arr;
                }
            } else {            
                changeElementCurrencies(false,to, clearData);
                returnObj = this;
            }
            
            if (settings.callback) settings.callback(to);
            cleanup();            
            return returnObj;
        }

        function changeArrayCurrencies(from, to) {
            if (!origPriceArr[from])
                origPriceArr[from] = {};
            if (!origPriceArr[from][settings.arrName])
                    origPriceArr[from][settings.arrName] = settings.arr;
            if (!origPriceArr[to])
                origPriceArr[to] = {};
            if (origPriceArr[to][settings.arrName])
                return origPriceArr[to][settings.arrName];

            changedArr = recalcArr(settings.arr,from,to);
            origPriceArr[to][settings.arrName] = changedArr;
            return changedArr;
        }

        function recalcArr(arr,from,to) {
            var manip = [];
            changeArrNode(arr, manip, from, to);
            if (manip.length > 0)
                manip = manip[0];
            return manip;
        }

        function changeArrNode(arr, manip, from, to) {
            if (arr) {
                if (Object.prototype.toString.call(arr) === '[object Array]') {
                    manip.push([]);
                    for (var i=0; i < arr.length; i++ ) {
                        changeArrNode(arr[i], manip[(manip.length-1)], from, to);
                    }
                } else {
                    manip.push(changeObjValue(arr, from, to));
                }
            }
        }

        function changeObjectCurrencies (from,to) {
            if (!origPriceObjs[from])
                origPriceObjs[from] = {};
            if (!origPriceObjs[from][settings.objName])
                    origPriceObjs[from][settings.objName] = settings.obj;
            if (!origPriceObjs[to])
                origPriceObjs[to] = {}
            if (origPriceObjs[to][settings.objName])
                return origPriceObjs[to][settings.objName];

            changedObj = recalcObj(settings.obj,from,to);
            origPriceObjs[to][settings.objName] = changedObj;
            return changedObj;
        }

        function recalcObj(obj,from,to) {
            var manip = {};
            changeObjNode(obj, manip, from, to);
            return manip;
        }

        function changeObjNode (obj, manip, from, to) {
            if (Object.prototype.toString.call(obj) === '[object Object]') {
                var keys = Object.keys(obj);
                for (var i=0; i < keys.length; i++ ) {
                    manip[keys[i]] = {};
                    if (Object.prototype.toString.call(obj[keys[i]]) !== '[object Object]') {
                        manip[keys[i]] = changeObjValue(obj[keys[i]], from, to);
                    } else {
                        changeObjNode(obj[keys[i]], manip[keys[i]], from, to);
                    }
                }
            } else {
                manip = changeObjValue(obj[keys[i]], from, to)(a);
            }
        }

        function changeObjValue (value,from,to) {
            if (value === 0 || value === '0') {
                return 0;
            }
            return addSymbol(exchangeRate(getRate(value), from, to),to);
        }

        function hasClass(ele,cls) {
            return !!ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
        }

        function addClass(ele,cls) {
            if (!hasClass(ele,cls)) ele.className += " "+cls;
        }

        function setCurrSpanData(obj) {
            var id = currDataId++;
            var className = 'curr_data'+id;            
            addClass(obj,className);
            return id;
        }

        function getSpanCurrency (obj,from,to) {
            id = getDataId(obj);

            currentValue = getObjValue(obj,from);

            if (id) {
                if (!currData[from])
                    currData[from] = {}
                if (!currData[from][id]){
                    if (!isNaN(currentValue)) {
                        currData[from][id] = currentValue;
                    }
                }
                if (!currData[to])
                    currData[to] = {};
                if (currData[to][id]) {
                    return currData[to][id];
                }
            } else {
                id = setCurrSpanData(obj);
                if (from == to)
                    return currentValue;
            }

            return false;            
        }

        function getDataId (obj) {
            classes = obj.className.split(' ');
            
            if (classes.length > 0) {
                for (var i = classes.length - 1; i >= 0; i--) {
                    match = classes[i].match(/curr_data(\d*)/);
                    if (match && match[1]) 
                        return match[1];
                }
            }
            return false;
        }
        
        function getCurrencyFromSpan(obj) {
            id = getDataId(obj);
            
            if (id) {
                if (currDataCurrency[id]) {
                    return currDataCurrency[id]
                } else {
                    currDataCurrency[id] = getDefaultCurrency();
                    return currDataCurrency[id];
                }
            } else {
                id = setCurrSpanData(obj);
                currDataCurrency[id] = getDefaultCurrency();
                return currDataCurrency[id];
            }
        }

        function setCurrencyToSpan(obj,newValue) {
            classes = obj.className.split(' ');
            
            if (classes.length > 0) {
                for (var i = classes.length - 1; i >= 0; i--) {
                    match = classes[i].match(/curr_data(\d*)/);
                    if (match && match[1]) {
                        match = match[1];
                    }
                    if (currDataCurrency[match]) {
                        currDataCurrency[match] = newValue;
                    }
                }
            }
        }

        function changeElementCurrencies (from,to) {         		
                var all = getAllToChange(settings.defaultClassName, settings.replaceWithin);
                var tempFrom;
                var tempTo;
                for (var i=0; i < all.length; i++ ) {
                    obj = all[i];
                    
                    from = getCurrencyFromSpan(obj);

                    if (settings.ignoreOwnCurr) {
                        tempTo        = from
                        tempFrom      = from;
                    } else {
                        tempTo        = to;
                        tempFrom      = from;
                    }
                    if (tempTo == tempFrom) {                        
                        continue;
                    }
                    objValue = getSpanCurrency(obj,tempFrom,tempTo);

                    setCurrencyToSpan(obj,tempTo);

                    if (objValue && objValue != false) {
                        applyValue(obj, addSymbol(objValue,tempTo), objValue);
                        continue;
                    }

                    if (availableCurr[tempTo]) {
                        value         = getObjValue(obj, tempFrom);

                        if (!value || value == ''){
                            continue;
                        }
                        changed = exchangeRate(value, tempFrom, tempTo);

                        applyValue(obj, addSymbol(changed, tempTo), changed);                 
                        
                    }
                }
                if (availableCurr[to]) {
                    currentCurrency = to;
                }
                changeInputs(bke_selected_currency,to);
                changeInputs(bke_selected_currency_sbox,to);
        }

        function cleanup () {
            settings         = {
                defaultClassName : defaultClassName,
                changeCallback   : false,
                replaceWithin    : false,
                ignoreOwnCurr    : false,
                obj              : false,
                noRound          : false,
                objName          : false,
                arr              : false,
                arrName          : false,
                exceptIdLike     : false,
                onRoom           : false
            };
        }

        function addSymbol (value, toSymbol) {
            if ((toSymbol == 0 && settings.onRoom) || !toSymbol) {
                toSymbol = getDefaultCurrency();
            }                 
            if (availableCurr[toSymbol]) {
                    if (availableCurr[toSymbol]['side'] == 'l') {
                        lcurr = availableCurr[toSymbol]['symbol'];
                        rcurr = '';
                    } else {
                        lcurr = '';
                        rcurr = availableCurr[toSymbol]['symbol']
                    }
                    value = rcurr + value + lcurr;
            } 
            return value;
        }

        function applyValue(obj,changed,changedValueOnly) {

            try {
                if (obj.tagName == 'INPUT') {
                    obj.value = changedValueOnly;                    
                } else {
                    obj.innerHTML = changed;                  
                }
            } catch (error) {logErr(error);} 
        }

        function getObjValue(obj,original) {
            value = false;
            if (obj.tagName == 'INPUT') {
                value = obj.value;                    
            } else {
                value = obj.innerHTML;                    
            }
            pureValue = getRate(value);
            return pureValue;
        }

        function changeInputs (name,to) {
            input = document.getElementsByName(name);
            if (input) {
                for (var i=0;i<input.length;i++) {
                    input[i].value = to;
                }
            }
            return this;
        }

        function getAllToChange (classNames, replaceWithin) {
            var all = [];
            try {
                if (replaceWithin) {
                    if (replaceWithin.match(/^[#\.]/)) {
                        found = replaceWithin.match(/^[#|\.](.*)/);
                        if (found && found.length > 0) {
                            all = document.querySelectorAll('.'+found[1]+' .curr_chan');
                            if (all.length < 1) {
                                all = document.querySelectorAll('#'+found[1]+' .curr_chan');
                            }
                        } else {
                            all = document.querySelectorAll(replaceWithin+' .curr_chan');
                        }
                    } else {
                        all = document.querySelectorAll('#'+replaceWithin+' .curr_chan');
                    }
                } else {
                    all = document.querySelectorAll('.'+classNames);
                }
                if (all && all.length && settings.exceptIdLike) {
                    newAll = [];
                    for (var i = all.length - 1; i >= 0; i--) {
                        if (all[i].id) {
                            if (!all[i].id.match(settings.exceptIdLike)) {
                                newAll.push(all[i]);
                            }
                        } else {
                            newAll.push(all[i]);
                        }
                    };
                    all = newAll;
                }
            } catch (error) {logErr(error);}
            return all;
        }

        function getRate(rate) {
            var r = '';
            var l = '';
            
            if (!isNaN(rate)) {
                return rate;
            }
            if ($.parseHTML(rate)){
                var newRate = $.parseHTML(rate);
                rate = newRate[0].textContent;
            }
            var match_curr = rate.match(/(?:<span.*?>)?([^\d]+)?((?:\d+)?\,?(?:\d+)\.?(?:\d+)?)?\s?([^\d]+;?)?([^\d]+)?(?:<\/span.*?>)?/);
            if (match_curr && match_curr[2]) {
                rate = match_curr[2];
                if (match_curr[1]) {
                    l = match_curr[1];
                    lcurr = l;
                    rcurr = '';
                } 
                if (match_curr[3]) {
                    r = match_curr[3];
                    rcurr = r;
                    lcurr = '';
                }
            } else {
                rate = rate.replace(/[^\d\.]/,'');
            }
            return rate;
        }
        
        function exchangeRate(value, from, to , callback) {   
            var c = false;

            if (callback && typeof callback === 'function') {
                c = callback;
            }

            if (availableCurr[from] && availableCurr[to]) {
                var er = /^-?[0-9]+$/;
                var isInt = er.test(value);
                value = value.replace(/,/g,'');
                parsedRate = value;
                if (from != 0 || to != 0) {
                    parsedRate = (((parseFloat(value) / parseFloat(availableCurr[from]['rate'])) * parseFloat(availableCurr[to]['rate'])));
                	if (!settings.noRound) {
                		parsedRate = Math.round(parsedRate);
                	}
                }
                if (!isInt) parsedRate = parsedRate.toFixed(2);
                if (c) c(parsedRate);
                
                return parsedRate;
            } else {
                if (c) c(value);
                return value;
            }
        }

        function changeTripteaseCurrencies(from,to){
            var triptease_div = document.querySelectorAll(".price-fighter-widget");
            if(triptease_div[0]){
                if (availableCurr[to]) {
                    noRound();
                    var price = triptease_div[0].getAttribute("data-pf-direct-price");
                    var newPrice = exchangeRate(price, from, to);
                    triptease_div[0].setAttribute("data-pf-direct-price", newPrice);
                    triptease_div[0].setAttribute("data-pf-currency", availableCurr[to].isocode);
                    cleanup();
                }
                if(typeof Paperboy !== 'undefined' && Paperboy.PriceCheck){
                    Paperboy.PriceCheck.reset();
                }
            }
        }
    })();

docReady(function() {
document.getElementById('curr_selector').value = '3';
document.getElementById('curr_selector').onchange();
    document.getElementById('curr_selector').onchange();
   if (typeof jQuery.ui != 'undefined') {
        set_hover(jQuery);
   }
});
</script>

				</div>
				<!-- END bke_currency_selector -->
			</div>

			<a href="https://margo-hospitality.com/" class="logo"><img src="//bookings.margo-hospitality.com/bookings/showimage?type=18&id=9DC9984A06F63C6FE0B23739BA91CE10" alt="Margo Hospitality" /></a>
      
		</div>
	</div>
</header>

<div class="settings-bar">
  <div class="settings-bar__slide">
    <div class="settings-bar__item btn-booknow open-searchbox-01">
      <i class="far fa-calendar-check"></i> Check Availability
    </div>
    <div class="settings-bar__item settings-bar__calendar">
      <i class="fas fa-edit"></i>
       <div class="booking-summary__cal loading open-searchbox-01">
  <div class="booking-summary__location" style="display:none;">
    <h3>Location</h3>
    <span class="cal-loc"><span class="search-term"></span></span>
  </div>
  <div class="booking-summary__in">
    <h3>Check in</h3>
    <span class="cal-arr__day big"></span>
    <span class="cal-arr__month big"></span>
    <span class="cal-arr__dayname"></span>
    <span class="cal-arr__year"></span>
  </div>
  <div class="booking-summary__out">
    <h3>Check out</h3>
    <span class="cal-dep__day big"></span>
    <span class="cal-dep__month big"></span>
    <span class="cal-dep__dayname"></span>
    <span class="cal-dep__year"></span>
  </div>
  <div class="booking-summary__nights">
    <h3>Nights</h3>
    <span class="cal-nights big">1</span>
  </div>
</div>

<a class="btn-searchagain btn-shadow open-searchbox-01"><i class="fa fa-redo"></i> Search again</a>		





    </div>  
    <div class="settings-bar__item settings-bar__summary" onClick="slidePanel('#booking-summary','Booking Summary')">
      <i class="fas fa-shopping-cart"></i>
      Summary
    </div>
    
    <div class="settings-bar__item settings-bar__filter" onClick="slidePanel('#filter-offers','Filters')">
      <i class="fas fa-filter"></i>
      Filters
    </div>
    <!-- BEGIN bke_currency_selector -->
    <div class="settings-bar__item settings-bar__currency">
    <div class="selected-curr-symbol"></div>
      
<select id="curr_selector" onchange="if (typeof ch_currency === 'function'){ ch_currency(this)}" class="bke_currency_selector">
      <option value="0" >Original</option>
      <option value="2" >EUR</option>
      <option value="4" >GBP</option>
      <option value="3" selected>USD</option>
      <option value="58" >MAD</option>
</select>
<script type="text/javascript">
(function(funcName, baseObj) {
    funcName = funcName || "docReady";
    baseObj = baseObj || window;
    var readyList = [];
    var readyFired = false;
    var readyEventHandlersInstalled = false;
    function ready() {
        if (!readyFired) {
            readyFired = true;
            for (var i = 0; i < readyList.length; i++) {
                readyList[i].fn.call(window, readyList[i].ctx);
            }
            readyList = [];
        }
    }

    function readyStateChange() {
        if ( document.readyState === "complete" ) {
            ready();
        }
    }
    baseObj[funcName] = function(callback, context) {
        if (readyFired) {
            setTimeout(function() {callback(context);}, 1);
            return;
        } else {
            readyList.push({fn: callback, ctx: context});
        }
        if (document.readyState === "complete") {
            setTimeout(ready, 1);
        } else if (!readyEventHandlersInstalled) {
            if (document.addEventListener) {
                document.addEventListener("DOMContentLoaded", ready, false);
                window.addEventListener("load", ready, false);
            } else {
                document.attachEvent("onreadystatechange", readyStateChange);
                window.attachEvent("onload", ready);
            }
            readyEventHandlersInstalled = true;
        }
    }
})("docReady", window);

var set_hover = function($) {
   
}


    Object.keys = Object.keys || (function () {
        var hasOwnProperty = Object.prototype.hasOwnProperty,
            hasDontEnumBug = !{toString:null}.propertyIsEnumerable("toString"),
            DontEnums = [
                'toString',
                'toLocaleString',
                'valueOf',
                'hasOwnProperty',
                'isPrototypeOf',
                'propertyIsEnumerable',
                'constructor'
            ],
            DontEnumsLength = DontEnums.length;
      
        return function (o) {
            if (typeof o != "object" && typeof o != "function" || o === null)
                throw new TypeError("Object.keys called on a non-object");
         
            var result = [];
            for (var name in o) {
                if (hasOwnProperty.call(o, name))
                    result.push(name);
            }
         
            if (hasDontEnumBug) {
                for (var i = 0; i < DontEnumsLength; i++) {
                    if (hasOwnProperty.call(o, DontEnums[i]))
                        result.push(DontEnums[i]);
                }   
            }
         
            return result;
        };
    })();

    // START    
    var currChanger = (function(){
        var availableCurr    = {"4":{"name":"Pound Sterling","symbol":"&pound;","isocode":"GBP","side":"r","rate":"0.8718"},"2":{"name":"Euro","side":"r","symbol":"&euro;","isocode":"EUR","rate":"1.0000"},"3":{"side":"r","symbol":"$","isocode":"USD","rate":"1.1538","name":"US Dollar"},"58":{"name":"Moroccan dirham","rate":"10.8262","side":"r","symbol":"DH","isocode":"MAD"},"0":{"rate":1,"isocode":"Original","symbol":"","side":"r","name":"Original"}};
        var defaultCurrency  = 2;
        var currentCurrency  = false;//2;
        var changeCurrency   = false;
        var defaultClassName = 'curr_chan';
        var settings         = {
            defaultClassName : defaultClassName,
            changeCallback   : false,
            noRound          : false,
            replaceWithin    : false,
            ignoreOwnCurr    : false,
            obj              : false,
            objName          : false,
            arr              : false,
            arrName          : false,
            exceptIdLike     : false,
            onRoom           : false,
        };
        var bke_selected_currency = 'bke_selected_currency';
        var bke_selected_currency_sbox = 'bke_selected_currency_sbox';
        var origPriceObjs = {};
        var origPriceArr = {};
        var currentObjCurr = {};
        var currentArrCurr = {};
        var changerFunction = [];
        var currDataOrigin = {};
        var currData = {};
        var currDataCurrency = {};
        var currDataId = 0;
        var origCurrency = {};
        var currRoomCurrency = {};
        return {
            // changes currency
            setCurrency  : setCurrency,            
            addSymbol    : addSymbol,
            addChangerFunction : addChangerFunction,
            setCurrencyOnMultiple : setCurrencyOnMultiple,
            // Settings that needed to be called before replacing 
            // currency when applicable
            changeCallback : changeCallback,
            getDefaultCurrency:getDefaultCurrency,
            getCurrentCurrency:getCurrentCurrency,
            exceptIdLike   : exceptIdLike,
            replaceWithin  : replaceWithin,
            ignoreOwnCurr  : ignoreOwnCurr,
            onObject       : onObject,
            onRoom         : onRoom,
            onArray        : onArray,
            // rest of changes
            getCurrentCurrencySymbol : getCurrentCurrencySymbol,
            getRate        : getRate,
            noRound	       : noRound,
        }

        function noRound () {
        	settings.noRound = true;
        	return this;
        }

        function logErr (error) {
        }

        function exceptIdLike (regex) {
            settings.exceptIdLike = regex;
            return this;
        }

        function addChangerFunction(name) {        	
            var add = true;
            try {
                if (changerFunction.indexOf(name) >= 0) {
                    add = false;
                }
            } catch(error) {logErr(error);}
            if ( add )
                changerFunction.push(name);
            return this;
        }

        function onObject(o,name) {
            settings.obj = o;
            settings.objName = name;
            return this;
        }

        function onArray(a,name) {
            settings.arr = a;
            settings.arrName = name;
            return this;
        }

        function changeCallback(c) {
            settings.changeCallback = c;
            return this;
        }

        function replaceWithin(c) {
            settings.replaceWithin = c;
            return this;
        }

        function onRoom(c) {
            settings.onRoom = c;
            return this;
        }

        function ignoreOwnCurr() {
            settings.ignoreOwnCurr = true;
            return this;
        }

        function getCurrentCurrency(obj) {
            if (currentCurrency && currentCurrency != 0) {
                return currentCurrency;
            } else  {
                return getDefaultCurrency();
            }
        }

        function getCurrentCurrencySymbol (obj) {
            if (!obj) {
                return availableCurr[getDefaultCurrency()]['symbol'];
            } else {
                return availableCurr[getCurrencyFromSpan(obj)]['symbol'];
            }
        }

        function setCurrencyOnMultiple (to) {        
            if (changerFunction.length > 0) {
                for (var i = 0; i < changerFunction.length; i++) {
                    changerFunction[i](false,to);
                };
            }
        }

        // retrieves default currency for specified room when necessary
        // this required onRoom switch to define id of room to find '#bke_room_currency'
        function getDefaultCurrency () {
            var curr = defaultCurrency;
            if (settings.onRoom && !settings.onRoom == '') {
                if (origCurrency[settings.room]) {
                    curr = origCurrency[settings.room];
                } else {
                    try {
                        curr = document.querySelectorAll('#bke_room_currency'+settings.onRoom)[0].value;
                        origCurrency[settings.onRoom] = curr;
                    } catch (error) {logErr('Cannot find default currency for room '+settings.onRoom);} 
                }
            }
            return curr;
        }

        function currChangerCurrency() {
            var curr = defaultCurrency;
            try {
                curr = document.querySelectorAll('#curr_selector')[0].value;
            } catch (error) {logErr('Cannot find default currency changer value');} 
            return curr;
        }

        function clearData() {
        	currData = {} ;
        }

        // setting currency to values on page with curr_chan class
        function setCurrency (to, clear) {        	
            if (!to) 
                to = currChangerCurrency();
            if (!availableCurr[to] || to == 0) 
                to = getDefaultCurrency();
            if (clear)	
            	clearData();
            if (settings.obj && settings.objName) {
                if (!currentObjCurr[settings.objName])
                    currentObjCurr[settings.objName] = getDefaultCurrency();
                if (currentObjCurr[settings.objName] != to) {
                    changedObject = changeObjectCurrencies(currentObjCurr[settings.objName],to);
                    currentObjCurr[settings.objName] = to;
                    returnObj = changedObject;
                } else {
                    returnObj = settings.obj;
                }
            } else if (settings.arr && settings.arrName && settings.arr.length > 0){
                if (!currentArrCurr[settings.arrName])
                    currentArrCurr[settings.arrName] = getDefaultCurrency();
                if (currentObjCurr[settings.arrName] != to) {
                    changedArray = changeArrayCurrencies(currentArrCurr[settings.arrName],to);
                    currentArrCurr[settings.arrName] = to;
                    changeElementCurrencies(false,to);
                    returnObj = changedArray;
                } else {
                    returnObj = settings.arr;
                }
            } else {            
                changeElementCurrencies(false,to, clearData);
                returnObj = this;
            }
            
            if (settings.callback) settings.callback(to);
            cleanup();            
            return returnObj;
        }

        function changeArrayCurrencies(from, to) {
            if (!origPriceArr[from])
                origPriceArr[from] = {};
            if (!origPriceArr[from][settings.arrName])
                    origPriceArr[from][settings.arrName] = settings.arr;
            if (!origPriceArr[to])
                origPriceArr[to] = {};
            if (origPriceArr[to][settings.arrName])
                return origPriceArr[to][settings.arrName];

            changedArr = recalcArr(settings.arr,from,to);
            origPriceArr[to][settings.arrName] = changedArr;
            return changedArr;
        }

        function recalcArr(arr,from,to) {
            var manip = [];
            changeArrNode(arr, manip, from, to);
            if (manip.length > 0)
                manip = manip[0];
            return manip;
        }

        function changeArrNode(arr, manip, from, to) {
            if (arr) {
                if (Object.prototype.toString.call(arr) === '[object Array]') {
                    manip.push([]);
                    for (var i=0; i < arr.length; i++ ) {
                        changeArrNode(arr[i], manip[(manip.length-1)], from, to);
                    }
                } else {
                    manip.push(changeObjValue(arr, from, to));
                }
            }
        }

        function changeObjectCurrencies (from,to) {
            if (!origPriceObjs[from])
                origPriceObjs[from] = {};
            if (!origPriceObjs[from][settings.objName])
                    origPriceObjs[from][settings.objName] = settings.obj;
            if (!origPriceObjs[to])
                origPriceObjs[to] = {}
            if (origPriceObjs[to][settings.objName])
                return origPriceObjs[to][settings.objName];

            changedObj = recalcObj(settings.obj,from,to);
            origPriceObjs[to][settings.objName] = changedObj;
            return changedObj;
        }

        function recalcObj(obj,from,to) {
            var manip = {};
            changeObjNode(obj, manip, from, to);
            return manip;
        }

        function changeObjNode (obj, manip, from, to) {
            if (Object.prototype.toString.call(obj) === '[object Object]') {
                var keys = Object.keys(obj);
                for (var i=0; i < keys.length; i++ ) {
                    manip[keys[i]] = {};
                    if (Object.prototype.toString.call(obj[keys[i]]) !== '[object Object]') {
                        manip[keys[i]] = changeObjValue(obj[keys[i]], from, to);
                    } else {
                        changeObjNode(obj[keys[i]], manip[keys[i]], from, to);
                    }
                }
            } else {
                manip = changeObjValue(obj[keys[i]], from, to)(a);
            }
        }

        function changeObjValue (value,from,to) {
            if (value === 0 || value === '0') {
                return 0;
            }
            return addSymbol(exchangeRate(getRate(value), from, to),to);
        }

        function hasClass(ele,cls) {
            return !!ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
        }

        function addClass(ele,cls) {
            if (!hasClass(ele,cls)) ele.className += " "+cls;
        }

        function setCurrSpanData(obj) {
            var id = currDataId++;
            var className = 'curr_data'+id;            
            addClass(obj,className);
            return id;
        }

        function getSpanCurrency (obj,from,to) {
            id = getDataId(obj);

            currentValue = getObjValue(obj,from);

            if (id) {
                if (!currData[from])
                    currData[from] = {}
                if (!currData[from][id]){
                    if (!isNaN(currentValue)) {
                        currData[from][id] = currentValue;
                    }
                }
                if (!currData[to])
                    currData[to] = {};
                if (currData[to][id]) {
                    return currData[to][id];
                }
            } else {
                id = setCurrSpanData(obj);
                if (from == to)
                    return currentValue;
            }

            return false;            
        }

        function getDataId (obj) {
            classes = obj.className.split(' ');
            
            if (classes.length > 0) {
                for (var i = classes.length - 1; i >= 0; i--) {
                    match = classes[i].match(/curr_data(\d*)/);
                    if (match && match[1]) 
                        return match[1];
                }
            }
            return false;
        }
        
        function getCurrencyFromSpan(obj) {
            id = getDataId(obj);
            
            if (id) {
                if (currDataCurrency[id]) {
                    return currDataCurrency[id]
                } else {
                    currDataCurrency[id] = getDefaultCurrency();
                    return currDataCurrency[id];
                }
            } else {
                id = setCurrSpanData(obj);
                currDataCurrency[id] = getDefaultCurrency();
                return currDataCurrency[id];
            }
        }

        function setCurrencyToSpan(obj,newValue) {
            classes = obj.className.split(' ');
            
            if (classes.length > 0) {
                for (var i = classes.length - 1; i >= 0; i--) {
                    match = classes[i].match(/curr_data(\d*)/);
                    if (match && match[1]) {
                        match = match[1];
                    }
                    if (currDataCurrency[match]) {
                        currDataCurrency[match] = newValue;
                    }
                }
            }
        }

        function changeElementCurrencies (from,to) {         		
                var all = getAllToChange(settings.defaultClassName, settings.replaceWithin);
                var tempFrom;
                var tempTo;
                for (var i=0; i < all.length; i++ ) {
                    obj = all[i];
                    
                    from = getCurrencyFromSpan(obj);

                    if (settings.ignoreOwnCurr) {
                        tempTo        = from
                        tempFrom      = from;
                    } else {
                        tempTo        = to;
                        tempFrom      = from;
                    }
                    if (tempTo == tempFrom) {                        
                        continue;
                    }
                    objValue = getSpanCurrency(obj,tempFrom,tempTo);

                    setCurrencyToSpan(obj,tempTo);

                    if (objValue && objValue != false) {
                        applyValue(obj, addSymbol(objValue,tempTo), objValue);
                        continue;
                    }

                    if (availableCurr[tempTo]) {
                        value         = getObjValue(obj, tempFrom);

                        if (!value || value == ''){
                            continue;
                        }
                        changed = exchangeRate(value, tempFrom, tempTo);

                        applyValue(obj, addSymbol(changed, tempTo), changed);                 
                        
                    }
                }
                if (availableCurr[to]) {
                    currentCurrency = to;
                }
                changeInputs(bke_selected_currency,to);
                changeInputs(bke_selected_currency_sbox,to);
        }

        function cleanup () {
            settings         = {
                defaultClassName : defaultClassName,
                changeCallback   : false,
                replaceWithin    : false,
                ignoreOwnCurr    : false,
                obj              : false,
                noRound          : false,
                objName          : false,
                arr              : false,
                arrName          : false,
                exceptIdLike     : false,
                onRoom           : false
            };
        }

        function addSymbol (value, toSymbol) {
            if ((toSymbol == 0 && settings.onRoom) || !toSymbol) {
                toSymbol = getDefaultCurrency();
            }                 
            if (availableCurr[toSymbol]) {
                    if (availableCurr[toSymbol]['side'] == 'l') {
                        lcurr = availableCurr[toSymbol]['symbol'];
                        rcurr = '';
                    } else {
                        lcurr = '';
                        rcurr = availableCurr[toSymbol]['symbol']
                    }
                    value = rcurr + value + lcurr;
            } 
            return value;
        }

        function applyValue(obj,changed,changedValueOnly) {

            try {
                if (obj.tagName == 'INPUT') {
                    obj.value = changedValueOnly;                    
                } else {
                    obj.innerHTML = changed;                  
                }
            } catch (error) {logErr(error);} 
        }

        function getObjValue(obj,original) {
            value = false;
            if (obj.tagName == 'INPUT') {
                value = obj.value;                    
            } else {
                value = obj.innerHTML;                    
            }
            pureValue = getRate(value);
            return pureValue;
        }

        function changeInputs (name,to) {
            input = document.getElementsByName(name);
            if (input) {
                for (var i=0;i<input.length;i++) {
                    input[i].value = to;
                }
            }
            return this;
        }

        function getAllToChange (classNames, replaceWithin) {
            var all = [];
            try {
                if (replaceWithin) {
                    if (replaceWithin.match(/^[#\.]/)) {
                        found = replaceWithin.match(/^[#|\.](.*)/);
                        if (found && found.length > 0) {
                            all = document.querySelectorAll('.'+found[1]+' .curr_chan');
                            if (all.length < 1) {
                                all = document.querySelectorAll('#'+found[1]+' .curr_chan');
                            }
                        } else {
                            all = document.querySelectorAll(replaceWithin+' .curr_chan');
                        }
                    } else {
                        all = document.querySelectorAll('#'+replaceWithin+' .curr_chan');
                    }
                } else {
                    all = document.querySelectorAll('.'+classNames);
                }
                if (all && all.length && settings.exceptIdLike) {
                    newAll = [];
                    for (var i = all.length - 1; i >= 0; i--) {
                        if (all[i].id) {
                            if (!all[i].id.match(settings.exceptIdLike)) {
                                newAll.push(all[i]);
                            }
                        } else {
                            newAll.push(all[i]);
                        }
                    };
                    all = newAll;
                }
            } catch (error) {logErr(error);}
            return all;
        }

        function getRate(rate) {
            var r = '';
            var l = '';
            
            if (!isNaN(rate)) {
                return rate;
            }
            if ($.parseHTML(rate)){
                var newRate = $.parseHTML(rate);
                rate = newRate[0].textContent;
            }
            var match_curr = rate.match(/(?:<span.*?>)?([^\d]+)?((?:\d+)?\,?(?:\d+)\.?(?:\d+)?)?\s?([^\d]+;?)?([^\d]+)?(?:<\/span.*?>)?/);
            if (match_curr && match_curr[2]) {
                rate = match_curr[2];
                if (match_curr[1]) {
                    l = match_curr[1];
                    lcurr = l;
                    rcurr = '';
                } 
                if (match_curr[3]) {
                    r = match_curr[3];
                    rcurr = r;
                    lcurr = '';
                }
            } else {
                rate = rate.replace(/[^\d\.]/,'');
            }
            return rate;
        }
        
        function exchangeRate(value, from, to , callback) {   
            var c = false;

            if (callback && typeof callback === 'function') {
                c = callback;
            }

            if (availableCurr[from] && availableCurr[to]) {
                var er = /^-?[0-9]+$/;
                var isInt = er.test(value);
                value = value.replace(/,/g,'');
                parsedRate = value;
                if (from != 0 || to != 0) {
                    parsedRate = (((parseFloat(value) / parseFloat(availableCurr[from]['rate'])) * parseFloat(availableCurr[to]['rate'])));
                	if (!settings.noRound) {
                		parsedRate = Math.round(parsedRate);
                	}
                }
                if (!isInt) parsedRate = parsedRate.toFixed(2);
                if (c) c(parsedRate);
                
                return parsedRate;
            } else {
                if (c) c(value);
                return value;
            }
        }

        function changeTripteaseCurrencies(from,to){
            var triptease_div = document.querySelectorAll(".price-fighter-widget");
            if(triptease_div[0]){
                if (availableCurr[to]) {
                    noRound();
                    var price = triptease_div[0].getAttribute("data-pf-direct-price");
                    var newPrice = exchangeRate(price, from, to);
                    triptease_div[0].setAttribute("data-pf-direct-price", newPrice);
                    triptease_div[0].setAttribute("data-pf-currency", availableCurr[to].isocode);
                    cleanup();
                }
                if(typeof Paperboy !== 'undefined' && Paperboy.PriceCheck){
                    Paperboy.PriceCheck.reset();
                }
            }
        }
    })();

docReady(function() {
document.getElementById('curr_selector').value = '3';
document.getElementById('curr_selector').onchange();
    document.getElementById('curr_selector').onchange();
   if (typeof jQuery.ui != 'undefined') {
        set_hover(jQuery);
   }
});
</script>

    </div>
    <!-- END bke_currency_selector -->
    <!-- BEGIN bke_languages_form -->
    <div class="settings-bar__item settings-bar__language">
      <i class="fas fa-globe-americas"></i>
      <form name="bke_search_auto" id="bke_search_auto" method=post action="//bookings.margo-hospitality.com/sitemap.xml"><select name="lang" onChange="this.form.submit();"><option value="en" selected="selected">English</option> <option value="fr" >Fran&ccedil;ais</option> </select></form>
    </div>
    <!-- END bke_languages_form -->
  </div>
</div>

<div class="na-progress-bar__wrapper">
  <div class="na-progress-bar" style="display:none;">
    <div class="na-progress-bar__main">
      <div class="step-1">
        <span>1</span>
        <span><i class="fa fa-check"></i></span>
      </div>
      <div class="step-2">
        <span>2</span>
        <span><i class="fa fa-check"></i></span>
      </div>
      <div class="step-3">
        <span>3</span>
        <span><i class="fa fa-check"></i></span>
      </div>
      <div class="na-progress-bar__bar"></div>
    </div>
    <div class="na-progress-bar__faded">
      <div class="step-1"></div>
      <div class="step-2"></div>
      <div class="step-3"></div>
      <div class="na-progress-bar__bar"></div>
    </div>
  </div>
  <div class="step-4">
    <h2>Thank you!</h2>
    <div class="confetti-wrapper">
      <div class="confetti-50"></div>
      <div class="confetti-49"></div>
      <div class="confetti-48"></div>
      <div class="confetti-47"></div>
      <div class="confetti-46"></div>
      <div class="confetti-45"></div>
      <div class="confetti-44"></div>
      <div class="confetti-43"></div>
      <div class="confetti-42"></div>
      <div class="confetti-41"></div>
      <div class="confetti-40"></div>
      <div class="confetti-39"></div>
      <div class="confetti-38"></div>
      <div class="confetti-37"></div>
      <div class="confetti-36"></div>
      <div class="confetti-35"></div>
      <div class="confetti-34"></div>
      <div class="confetti-33"></div>
      <div class="confetti-32"></div>
      <div class="confetti-31"></div>
      <div class="confetti-30"></div>
      <div class="confetti-29"></div>
      <div class="confetti-28"></div>
      <div class="confetti-27"></div>
      <div class="confetti-26"></div>
      <div class="confetti-25"></div>
      <div class="confetti-24"></div>
      <div class="confetti-23"></div>
      <div class="confetti-22"></div>
      <div class="confetti-21"></div>
      <div class="confetti-20"></div>
      <div class="confetti-19"></div>
      <div class="confetti-18"></div>
      <div class="confetti-17"></div>
      <div class="confetti-16"></div>
      <div class="confetti-15"></div>
      <div class="confetti-14"></div>
      <div class="confetti-13"></div>
      <div class="confetti-12"></div>
      <div class="confetti-11"></div>
      <div class="confetti-10"></div>
      <div class="confetti-9"></div>
      <div class="confetti-8"></div>
      <div class="confetti-7"></div>
      <div class="confetti-6"></div>
      <div class="confetti-5"></div>
      <div class="confetti-4"></div>
      <div class="confetti-3"></div>
      <div class="confetti-2"></div>
      <div class="confetti-1"></div>
      <div class="confetti-0"></div>
    </div>    
  </div>
</div>



  <div id="searchbox" style="display:none;"><script type="text/javascript">
jQuery(document).ready(function($) {
    $("#bke_name").click(function() {
        $("#bke_id").val(''); $("#loc_id").val(''); $("#c_id").val('');$("#landmark_id").val('');
    }); 
});    

function bke_check_search() {	
     var error = "";     
     if (typeof window.check_consolsite == 'function') {
        error = check_consolsite();
        //error = false;
     };

     if (error) {
        document.forms['bke_search'].bke_name.value='';     	
      };
    
     document.forms['bke_search'].submit();
     return false;
};
</script>
<form style="margin: 0px;" name="bke_search" class="bke_searchbox" method="post" action="//bookings.margo-hospitality.com/bookings/checkavailability" onSubmit="return bke_check_search();">

	<input type="hidden" name="bke_calendar-jquery-collective_sbid" value=""/>
<input type="hidden" id="grid_view" name="grid_view" value="2"/>
<input type="hidden" id="minstay" value="1"/>
<input type="hidden" id="maxstay" value="31"/>
<input type="hidden" name="bke_selected_currency_sbox" value="2"/>

<!-- IF groupsite -->
<input type="hidden" value="1" name="pager"> 
<!-- ENDIF groupsite -->
<input type="hidden" value="en" name="lang">

<ul id="bke_searchbox_wrapper">
	<li class="title"><h2>Check Availability</h2></li>
	<!-- IF groupsite -->
	<li class="location field-wrapper"><label>Location:</label><div class="field-wrapper ch-holder">
<label for="loc_id">Select Your Location</label>
<script type="text/javascript">
 var hotels_json = {"354C0B34CB03F479BE12DDD007D7EC55":{"idhoteltype":3,"image":1,"location":"imlil","contactadr":"Tamatert 22003 Morocco","locationcounty":"Imlil, Marrakesh / Other Areas","county":"marrakesh-other-areas","dummy":1,"contacttel":"+212636048559","gps_long":"-7.9038809","description":"Our rooms are decorated in traditional berber style They all have lovely confortable beds, fire places and are en suite.\r\n\r\nYan, Sin, Kran and Kouss are in the main house without electricity but lit by candles for a wonderful ambience. They all have balconies with either a garden or mountain view. Mouss, Sdez, Sbat,and the Tree House are situated in the garden, all with electricity.\r\n\r\n\r\nPlease note, we have animals at the Douar:\r\nJules, the donkey, and a lovely family of Shitsu dogs and some ducks.\r\nAll our animals have up to date rabies vaccinations.\r\n\r\nOh, and free wifi is available in the Main House.","country":"morocco-eur","gps_lat":"31.1416127","l_name":"Imlil","price_from":null,"name":"Douar Samra","ranking":4,"id":4696,"c_name":"Marrakesh / Other Areas","slug":"doura-samra","bke_id":"354C0B34CB03F479BE12DDD007D7EC55","cc_code":"MAE","price_saving":null,"cc_name":"Morocco (EUR)"},"A8814B76AC0B77351EEC23021E036778":{"price_from":null,"l_name":"Marrakesh","name":"Riad Elisa & Spa","ranking":4,"id":4899,"c_name":"Marrakesh / Medina","slug":"riad-elisa--and--spa","bke_id":"A8814B76AC0B77351EEC23021E036778","cc_code":"MA","price_saving":null,"cc_name":"Morocco","idhoteltype":1,"image":1,"location":"marrakesh","contactadr":"21 Rue Sidi el Yamani, Marrakesh 40000, Morocco","county":"marrakesh-medina","locationcounty":"Marrakesh, Marrakesh / Medina","dummy":1,"contacttel":"","gps_long":"-7.99188959814508","description":"Decorated by the prestigious Interior Designer Tomás Alía, this hidden gem is one of Marrakesh best kept secrets.  A bucolic retreat for those who are looking for a unique and luxurious Morocco. An oasis of tranquility and serenity in the heart of the Medina of Marrakesh.  The elegantly predominant white with touches of color creates a charming yet chic style which subtly embraces relaxation.  ","gps_lat":"31.6281776685093","country":"morocco"},"495F11018046721BD75237A3798FB8FE":{"bke_id":"495F11018046721BD75237A3798FB8FE","cc_code":"MAE","price_saving":null,"cc_name":"Morocco (EUR)","price_from":null,"l_name":"Marrakesh","name":"Riad Zaouia 44 ","ranking":4,"id":4761,"c_name":"Marrakesh / Medina","slug":"riad-zaouia-44-","dummy":1,"contacttel":"","gps_long":"-7.988166","description":"Riad Zaouia 44 is a large riad, old property of a famous family of Marrakech.It is located in a very old district of the medina, within 5mn of the souks, close to the place of Bab Taghzout, little sister of the place Jemaa el Fna, within 15mn.\r\nThe Riad is composed of seven suites each one with a living room and a bathroom in tadelakt, a traditional hammam in black tadelakt , a massage room, a heated pool of 16m2 and two living rooms – one used as home cinema.\r\nSummer the life proceeds in the large patio near the pool searching freshness, in the middle of a garden of palm trees, orange trees and white roses, winter, on the various sunny terraces with sight on the medina and the Atlas mountains .","gps_lat":"31.638874","country":"morocco-eur","idhoteltype":3,"image":1,"location":"marrakesh","contactadr":"44 Taht Sour Sghir، 40000, Marrakech","locationcounty":"Marrakesh, Marrakesh / Medina","county":"marrakesh-medina"},"A4E21154FA7290D324A40395F12E212C":{"location":"marrakesh","contactadr":"13 Derb Lalla Azzouna, 40000, Marrakech","county":"marrakesh-medina","locationcounty":"Marrakesh, Marrakesh / Medina","idhoteltype":3,"image":1,"gps_long":"-7.982975","description":"That’s only after having traveled through the busy little street and souks of one of the Medina’s most ancient and historic area, Kaît Benhaid, that you will discover Riad Azzouna 13, where only calm and serenity live.\r\nThe Riad offers a big patio with two “Bhou”, traditional exterior lounges around a refreshing fountain, a living room with a fireplace for the wintery evenings, five rooms all with en-suite tadelakt bathroom in the most sober style. A big terrace with multiple lounging areas covers the housetop and offers great views towards the Atlas Mountains and the Koutoubia – the ideal place to relax after a day in the busy souks. ","gps_lat":"31.631449","country":"morocco-eur","dummy":1,"contacttel":"","id":4760,"c_name":"Marrakesh / Medina","slug":"riad-azzouna-13-","l_name":"Marrakesh","price_from":null,"name":"Riad Azzouna 13 ","ranking":3,"price_saving":null,"cc_name":"Morocco (EUR)","bke_id":"A4E21154FA7290D324A40395F12E212C","cc_code":"MAE"},"F908A4BE435D93EA3BA9979F273F496E":{"price_saving":null,"cc_name":"Morocco (EUR)","bke_id":"F908A4BE435D93EA3BA9979F273F496E","cc_code":"MAE","id":4880,"c_name":"Marrakesh / Medina","slug":"riad-les-hirondelles","l_name":"Marrakesh","price_from":null,"name":"Riad les Hirondelles","ranking":4,"gps_long":"-7.9858018304421","description":"Recently refurbished by its owners, Riad les Hirondelles is an old family house transformed into a Boutique Hotel aiming to bring the charms of Marrakech to travellers from around the world. \r\nRiad les Hirondelles, ideally located in a quiet area of the medina, is a true haven of peace just a stone’s throw from the souks and the main tourist spots of the ochre city.\r\nRiad les Hirondelles offers 7 suites which have recently been refurbished and renovated in a chic and cosy spirit. Each room has its own character and style, and all provide comfortable beds and top-quality linen.","country":"morocco-eur","gps_lat":"31.6322900851672","contacttel":"+212 5 24 39 03 57","dummy":1,"location":"marrakesh","contactadr":"17 Derb Khal Zaouit Lahdar, 40000, Marrakech","locationcounty":"Marrakesh, Marrakesh / Medina","county":"marrakesh-medina","idhoteltype":9,"image":1},"D319972C754EA6EC2D3D8D317F6B99DC":{"country":"morocco-eur","gps_lat":"31.63095","description":"Immerse yourself in the enchanting Dar Nour el Houda, a tranquil Riad set in the heart of the city. The Riad is centered around a spacious patio with two ‘bhous’, traditional lounges, surrounding a cooling pool, a serene escape from the Moroccan sun. This former home of a French painter, adorned with his artworks, offers three elegant rooms and a suite, each boasting tadelakt bathrooms. The minimalist decor highlights the Riad’s stunning architecture.\r\nThe expansive terrace above offers a peaceful retreat with views of the Koutoubia and Atlas Mountains. After a day in the bustling souks, this is the perfect spot to unwind, offering a serene vantage point amidst the city’s vibrant charm.","gps_long":"-7.984076","contacttel":"","dummy":1,"contactadr":"3 Derb Lahdhiri - Kaat Benaahid, \r\n40000 Marrakech\r\nMaroc","locationcounty":"Marrakesh, Marrakesh / Medina","county":"marrakesh-medina","location":"marrakesh","image":1,"idhoteltype":3,"cc_name":"Morocco (EUR)","price_saving":null,"cc_code":"MAE","bke_id":"D319972C754EA6EC2D3D8D317F6B99DC","slug":"dar-nour-el-houda-","c_name":"Marrakesh / Medina","id":4751,"ranking":3,"name":"Dar Nour El Houda ","price_from":null,"l_name":"Marrakesh"},"5919B06C3991E70D06E275A0BD8D23A1":{"cc_code":"MAE","bke_id":"5919B06C3991E70D06E275A0BD8D23A1","cc_name":"Morocco (EUR)","price_saving":null,"ranking":4,"name":"Palais Chadmi","price_from":null,"l_name":"Marrakesh","slug":"palais-chadmi","c_name":"Marrakesh / Medina","id":4629,"dummy":1,"contacttel":"+212661321830","country":"morocco-eur","gps_lat":"31.628399","description":"The Palais Chadmi is a vast 18th-century riad, which belonged to the aristocratic family of a former caid. It is located in the popular district of Mouassine, only one minute away from the Jemaa El Fna square by foot.\r\nThis guest palace includes two patios and a douiria, as well as remarkably well preserved ancient columns and woodwork. Beyond its magnificent entrance, there is a first patio with three lounges, including a music room with a grand piano and a cinema area. Then there is a second patio with a heated pool, a hammam and a spa area. All seven bedrooms and suites are equipped with tadelakt bathrooms and separate toilets. Winter life is spent on the sunny terraces, with a view on the Medina and its well-preserved surroundings, the nearby Koutoubia and the Atlas Mountains. Summer on the large patio is filled with the freshness of the fountain and banana trees.","gps_long":"-7.989383","image":1,"idhoteltype":3,"contactadr":"Deffa Ourbaa n°1 - Laksour\r\n40 000 Marrakech (Médina)\r\nMaroc","locationcounty":"Marrakesh, Marrakesh / Medina","county":"marrakesh-medina","location":"marrakesh"},"D4CE1F0ABFA713F83FBF195C0D6392AA":{"dummy":1,"contacttel":"","gps_long":"-7.995842","description":"Riad Bindoo and Spa is an old and traditional 200 year old house entirely renovated and decorated by Nathalie Rutili. Riad Bindoo reveals its African and oriental influences in the image of the living soul of the Marrakchi culture. It is in this elegant atmosphere of comfort and discreet attention that we offer you to taste the hospitality and flavors of Marrakech, for your greatest pleasure. Riad Bindoo offers 5 suites and 3 rooms, spacious, intimate and bright.\r\nEach room has its own decoration, unique and inspired by the influences of the Arab-Andalusian culture.\r\nThe large terrace with panoramic view embracing the Medina to the Atlas Mountains, awaits you for a sunbath in all seasons, a drink, a meal, or simply a moment of relaxation and dream.\r\nLocated in the heart of the Medina, in a safe and authentic area, near the Place Jemaâ el Fna as well as Majorelle, next to the great Mosque of Bab Doukkala, with its parking, easily accessible by car","country":"morocco-eur","gps_lat":"31.631906","idhoteltype":3,"image":1,"location":"marrakesh","locationcounty":"Marrakesh, Marrakesh / Medina","county":"marrakesh-medina","contactadr":"N°93, Derb Sidi Lahcen - Bab Doukala, \r\n40000 Marrakech\r\nMaroc","bke_id":"D4CE1F0ABFA713F83FBF195C0D6392AA","cc_code":"MAE","price_saving":null,"cc_name":"Morocco (EUR)","l_name":"Marrakesh","price_from":null,"name":"Riad Bindoo & Spa","ranking":4,"id":4767,"c_name":"Marrakesh / Medina","slug":"riad-bindoo-and-spa"},"B13BA8DB3ED6ECD19646E1461DC29D14":{"gps_long":"-9.0329748","description":"Unique in Morocco, Oualidia is boarded by a lagoon isolated from the ocean and forming a sandy bay where water flows and goes. The town itself takes its name from a very old Kasbah that was built in the 17th century for the last saadian sultan El Wali.\r\nMaison El Manzar has 3 suites and 2 rooms each with individual bathroom or shower, a spacious open kitchen where dining or kunching is very nice living room with stove for heating (electric individual heaters are also available upon request), TV and library.\r\nA nice garden and multiple furnished sunny terraces surround the house.","country":"morocco-eur","gps_lat":"32.737865","dummy":1,"contacttel":"","location":"oualidia","locationcounty":"Oualidia, Morocco Atlantic Coast","contactadr":"Oualidia 24252, Morocco ","county":"morocco-atlantic-coast","idhoteltype":3,"image":1,"price_saving":null,"cc_name":"Morocco (EUR)","bke_id":"B13BA8DB3ED6ECD19646E1461DC29D14","cc_code":"MAE","id":4759,"c_name":"Morocco Atlantic Coast","slug":"el-manzar-","price_from":null,"l_name":"Oualidia","name":"El Manzar ","ranking":3},"D0C9097E8AA4C8B019B683106FE6B07C":{"slug":"riad-massiba-","c_name":"Marrakesh / Medina","id":4752,"ranking":3,"name":"Riad Massiba ","price_from":null,"l_name":"Marrakesh","cc_name":"Morocco (EUR)","price_saving":null,"cc_code":"MAE","bke_id":"D0C9097E8AA4C8B019B683106FE6B07C","locationcounty":"Marrakesh, Marrakesh / Medina","contactadr":"38 Rue Douar Graoua, Marrakesh 40000, Morocco ","county":"marrakesh-medina","location":"marrakesh","image":1,"idhoteltype":3,"country":"morocco-eur","gps_lat":"31.6255404","description":"A five minutes walk from the famous Jemaa El Fna square and the souks, Riad Massiba transformed into a guest house, is one of the architectural gems that each of us would like to posess and jealously maintain such a rare and beautiful antique.\r\nRight from Riad’s entrance, one is struck by the calm and the fresh darkness of the hall, which contrasts with the bustle and heat of the streets of Medina. Then our senses are intoxicated by the essences of orange flowers which emerge from large patio opened under the sky, which clashes and delights with its vast proportions and a beautiful fountain.\r\nRiad Massiba will delight you with both sobriety and refinement due to its decor and the careful selection of each decorative piece of wood or wrought iron, giving it a magical charm. For your stay in Marrakech with family or friends, Riad Massiba will now be your little piece of paradise wherever else, if you knew better the true meaning of the word « Happiness »","gps_long":"-7.9847582","contacttel":"","dummy":1},"47D6652E4691C2657F8798A996EA7A7D":{"ranking":4,"price_from":null,"l_name":"Tanger","name":"Mimi Calpe ","slug":"mimi-calpe-","id":4758,"c_name":"North Morocco","cc_code":"MAE","bke_id":"47D6652E4691C2657F8798A996EA7A7D","price_saving":null,"cc_name":"Morocco (EUR)","image":1,"idhoteltype":3,"location":"tanger","locationcounty":"Tanger, North Morocco","contactadr":"71 Rue de la Plage, 90000, Tanger - Morocco ","county":"north-morocco","contacttel":"","dummy":1,"gps_lat":"35.783026","country":"morocco-eur","gps_long":"-5.809034","description":"Mimi Calpe was built in the 1860s by French and British architects. It was the vacation home of an influential Jewish family from Tangier, who lived in the residential district of Marshan. The house was the scene of remarkable receptions for the elite of Europe and Morocco.\r\n\r\nParticularly well preserved, as far as its original architecture is concerned, it is surrounded by a century-old garden, which beautiful plants backdrop an ancient Jewish cemetery. It is part of the historical heritage of Tangier and was given a second life with our recent renovation.\r\n\r\nThe property is composed of several buildings. It has five bedrooms, two 2-bedroom suites and a tree house in the garden. Each bedroom is arranged in accordance with the original decoration and furnishing, with the preservation of the woodworks, floors and stuccos of the olden days."},"FDC5FB49B9D69549698AD36744CEE884":{"cc_code":"MAE","bke_id":"FDC5FB49B9D69549698AD36744CEE884","cc_name":"Morocco (EUR)","price_saving":null,"ranking":4,"name":"Riad Samsara","price_from":null,"l_name":"Marrakesh","slug":"riad-samsara","c_name":"Marrakesh / Medina","id":4721,"dummy":1,"contacttel":"","country":"morocco-eur","gps_lat":"31.6390075","description":"You are home.\r\n\r\nHere in Morocco this is our motto. Our exquisitely restored riad is lavished with fine crafts and silk cushions, log fires and candles, marble baths and exotic aromas, fresh fruit and bougainvillea. With open arms and a mint tea you will be welcomed, your every need fulfilled, a peaceful privacy is yours whilst you stay. We have perfected the art of contentment. Milouda will be on hand to create the best cuisine of her ancestors. Jacqueline, your hostess, adores people and cats.\r\n\r\nSamsara means 'the repeating cycle of life', so we send you out making sure you will return again and maybe even create your own Tale of the Arabian Nights, insha’Allah!","gps_long":"-7.9920877","image":1,"idhoteltype":3,"contactadr":"6 Derb El Arsa, Marrakesh 40008, Morocco","county":"marrakesh-medina","locationcounty":"Marrakesh, Marrakesh / Medina","location":"marrakesh"},"47D3BBE40F3EE47E774D50D0BD9B97F5":{"idhoteltype":9,"image":1,"location":"marrakesh","contactadr":"19 Derb Jamaa El Kabir – Hay Salam, 4000, Marrakech","county":"marrakesh-medina","locationcounty":"Marrakesh, Marrakesh / Medina","dummy":1,"contacttel":"+212 6 55 14 30 98","gps_long":"-7.983588","description":"Riad Dar One is a refined riad located a few dozen meters from the famous Bahia Palace.  It has been renovated with elegance and originality and harmoniously combines the charm of old riads and modern comfort. The Riad has six very romantic rooms or suites particularly appreciated by lovers.","country":"morocco-eur","gps_lat":"31.620758","l_name":"Marrakesh","price_from":null,"name":"Riad Dar One","ranking":4,"id":4892,"c_name":"Marrakesh / Medina","slug":"riad-dar-one","bke_id":"47D3BBE40F3EE47E774D50D0BD9B97F5","cc_code":"MAE","price_saving":null,"cc_name":"Morocco (EUR)"},"A69FEDA319A5F17867B392DAF528248C":{"location":"marrakesh","locationcounty":"Marrakesh, Marrakesh / Medina","contactadr":"32 derb Lalla Azouna, 40000, Marrakech - Morocco","county":"marrakesh-medina","image":1,"idhoteltype":3,"country":"morocco-eur","gps_lat":"31.6310308","gps_long":"-7.9828335","description":"Nestled at the end of a very quiet lane, located a stone's throw from the souks and the Ben Youssef Medersa, a few minutes' walk from Jemaa El Fna square, Dar Akal opens its doors to you.\r\n\r\nLeave the feverish and swirling atmosphere of the medina and find yourself in the calm of the patio, the contrast is striking.\r\n\r\nWe wanted to make Dar Akal an oasis of serenity and freshness that we find happily after a hectic day in the red city and its surroundings.","dummy":1,"contacttel":"","slug":"dar-akal","id":4748,"c_name":"Marrakesh / Medina","ranking":4,"l_name":"Marrakesh","price_from":null,"name":"Dar Akal","price_saving":null,"cc_name":"Morocco (EUR)","cc_code":"MAE","bke_id":"A69FEDA319A5F17867B392DAF528248C"},"9267EC8FFFCFB3FD144F7FA971B16C00":{"c_name":"Marrakesh / Medina","id":4753,"slug":"dar-zelda-","name":"Dar Zelda ","l_name":"Marrakesh","price_from":null,"ranking":4,"cc_name":"Morocco (EUR)","price_saving":null,"bke_id":"9267EC8FFFCFB3FD144F7FA971B16C00","cc_code":"MAE","contactadr":"7, Derb Laâkar – Kaât Bennahid\r\n40 000 Marrakech (Médina)\r\nMaroc","locationcounty":"Marrakesh, Marrakesh / Medina","county":"marrakesh-medina","location":"marrakesh","idhoteltype":3,"image":1,"description":"Dar Zelda is a traditional 19th-century merchant’s house, showcasing the New Moroccan Style with its blend of architecture, artisan-crafted woods, forged iron, and silks. This 1100m2 property boasts eclectic antiques, exquisite rugs, and fine furnishings by non-conformist artists. With a heated pool and rooftop jacuzzi, Riad Dar Zelda offers a serene atmosphere, impeccable service, delectable cuisine, and a captivating environment, embodying the essence of Marrakesh. Your knowledgeable hosts can guide you to trendy restaurants, romantic venues, excursions, guided tours, and spa reservations.","gps_long":"-7.984859","country":"morocco-eur","gps_lat":"31.632328","dummy":1,"contacttel":""},"BB4FDB595C504F5C0F50A47020CE8AA9":{"c_name":"Marrakesh / Medina","id":4937,"slug":"riad-lesprit-des-patios","name":"Riad l'Esprit des Patios","price_from":null,"l_name":"Marrakesh","ranking":3,"cc_name":"Morocco (EUR)","price_saving":null,"bke_id":"BB4FDB595C504F5C0F50A47020CE8AA9","cc_code":"MAE","county":"marrakesh-medina","locationcounty":"Marrakesh, Marrakesh / Medina","contactadr":"82 Derb Lalla Chacha,\r\nMarrakesh \r\n40000, \r\nMorocco","location":"marrakesh","idhoteltype":1,"image":1,"description":"Following a complete revamp in 2023, the Riad Esprit des Patios is a haven of serenity situated in the heart of the historic medina. With the vibrant souks and bustling main square a mere stone’s throw away, guests enjoy an immersive local experience.\r\nWhether your trip is for leisure, business, a honeymoon, or a fun vacation with loved ones, Riad l’Esprit des Patios ensures a remarkable and memorable stay. This tranquil retreat prides itself on crafting an exceptional holiday experience that you’ll remember fondly.","gps_long":"-7.982983","gps_lat":"31.623957","country":"morocco-eur","dummy":1,"contacttel":"+212(0)808-674313"},"55BF52A9F9EB33803D7ECC689DC5AA74":{"cc_name":"Morocco (EUR)","price_saving":null,"bke_id":"55BF52A9F9EB33803D7ECC689DC5AA74","cc_code":"MAE","c_name":"Marrakesh / Medina","id":4866,"slug":"riad-ayadina--and--spa","name":"Riad Ayadina & Spa","price_from":null,"l_name":"Marrakesh","ranking":4,"description":"Riad Ayadina is an emblematic and authentic place in Marrakech. Leaned against the ramparts of the Medina, this 1200 m2 guest house is articulated on 3 patios offering 9 spacious rooms, a solarium terrace with heated swimming pool, a restaurant area with alcohol licence and a spa-hammam-sauna with 2 massage rooms.","gps_long":"-7.991052","gps_lat":"31.643688","country":"morocco-eur","dummy":1,"contacttel":"+212524383881","county":"marrakesh-medina","contactadr":"Riad Ayadina & Spa\r\nPorte Bab El Layadi, \r\nAvenue 11 Janvier\r\nMarrakech 40000","locationcounty":"Marrakesh, Marrakesh / Medina","location":"marrakesh","idhoteltype":1,"image":1},"4D583E169986A5107131212C013CD899":{"image":1,"idhoteltype":1,"contactadr":"52 Rue d'Agadir, \r\n44000 Essaouira\r\nMaroc","locationcounty":"Essaouira, Morocco Atlantic Coast","county":"morocco-atlantic-coast","location":"essaouira-","dummy":1,"contacttel":"+212808698088","country":"morocco-eur","gps_lat":"31.5125375031152","description":"Welcome to Riad EspritBleu, the new addition to Essaouira’s historic medina. Nestled in the heart of the ancient city, this hidden gem is for those seeking a new experience in a boutique hotel setting on Morocco’s Atlantic coast.\r\n\r\nThe Riad spans four floors around a light-filled central courtyard. High ceilings, columns, chandeliers, designer furniture, and unique artwork combine to make this a place of relaxation and calm, giving you the chance to unwind.\r\n\r\nOn entering the ground floor, also open to visitors, you are invited to browse the Miss Keren Concept Store. Full of new creations you can shop before savouring a gourmet meal of local or international flavour at the Café EspritBleu.\r\n\r\nRiad EspritBleu has six luxury suites across the first and second floors. The third floor houses a magnificent suite with a private glazed pool and a shared terrace with plancha and maxi brazier. Finally, the fourth floor features a roof terrace offering breathtaking views across the medina’s rooftops ","gps_long":"-9.76781830329121","ranking":4,"name":"Riad Esprit Bleu","l_name":"Essaouira","price_from":null,"slug":"riad-esprit-bleu","c_name":"Morocco Atlantic Coast","id":4946,"cc_code":"MAE","bke_id":"4D583E169986A5107131212C013CD899","cc_name":"Morocco (EUR)","price_saving":null},"D7005192EDE5B91414B8E9B650C4A745":{"slug":"riad-casa-kabah-","c_name":"Marrakesh / Medina","id":4952,"ranking":4,"name":"Riad Casa Kabah ","price_from":null,"l_name":"Marrakesh","cc_name":"Morocco (EUR)","price_saving":null,"cc_code":"MAE","bke_id":"D7005192EDE5B91414B8E9B650C4A745","contactadr":"51 Rue de La Kasbah, \r\nMarrakesh \r\n40000, \r\nMorocco","locationcounty":"Marrakesh, Marrakesh / Medina","county":"marrakesh-medina","location":"marrakesh","image":1,"idhoteltype":1,"country":"morocco-eur","gps_lat":"31.6171154143965","description":"After undergoing a comprehensive renovation in 2023, Riad Casa Kasbah stands as a serene sanctuary nestled in the heart of the historic Kasbah medina. Adjacent to the renowned Kasbah Café and directly facing the Saadian Tombs, this riad offers an unparalleled experience in one of the most iconic neighborhoods in Morocco.\r\n\r\nImmersed in the lively souks and just a short stroll from the bustling main square, Riad Casa Kasbah provides guests with an authentic and engaging local experience. Whether your journey is for leisure, business, a romantic honeymoon, or a delightful vacation with loved ones, Riad Casa Kasbah guarantees an extraordinary and unforgettable stay. This tranquil retreat takes pride in curating an exceptional holiday experience, ensuring memories that will be cherished for years to come.\r\n","gps_long":"-7.98947323305237","dummy":1,"contacttel":"+212 5 24 38 26 25 "}};
 var counties_json = {"morocco-atlantic-coast":{"name":"Morocco Atlantic Coast","code":"morocco-eur-morocco-atlantic-coast"},"marrakesh-other-areas":{"name":"Marrakesh / Other Areas","code":"morocco-eur-marrakesh-other-areas"},"marrakesh-medina":{"name":"Marrakesh / Medina","code":"morocco-eur-marrakesh-medina"},"north-morocco":{"name":"North Morocco","code":"morocco-eur-north-morocco"}};
</script>
<select name="loc_id" id="loc_id">
<option value="" class="searchbox-ch-none">All properties</option>
<option class="searchbox-ch-county" value="cc_morocco-eur-marrakesh-medina" >Marrakesh / Medina</option><option class="searchbox-ch-hotel" value="h_A69FEDA319A5F17867B392DAF528248C" >&nbsp;&nbsp;&nbsp;Dar Akal - Marrakesh</option><option class="searchbox-ch-hotel" value="h_D319972C754EA6EC2D3D8D317F6B99DC" >&nbsp;&nbsp;&nbsp;Dar Nour El Houda  - Marrakesh</option><option class="searchbox-ch-hotel" value="h_9267EC8FFFCFB3FD144F7FA971B16C00" >&nbsp;&nbsp;&nbsp;Dar Zelda  - Marrakesh</option><option class="searchbox-ch-hotel" value="h_5919B06C3991E70D06E275A0BD8D23A1" >&nbsp;&nbsp;&nbsp;Palais Chadmi - Marrakesh</option><option class="searchbox-ch-hotel" value="h_55BF52A9F9EB33803D7ECC689DC5AA74" >&nbsp;&nbsp;&nbsp;Riad Ayadina & Spa - Marrakesh</option><option class="searchbox-ch-hotel" value="h_A4E21154FA7290D324A40395F12E212C" >&nbsp;&nbsp;&nbsp;Riad Azzouna 13  - Marrakesh</option><option class="searchbox-ch-hotel" value="h_D4CE1F0ABFA713F83FBF195C0D6392AA" >&nbsp;&nbsp;&nbsp;Riad Bindoo & Spa - Marrakesh</option><option class="searchbox-ch-hotel" value="h_D7005192EDE5B91414B8E9B650C4A745" >&nbsp;&nbsp;&nbsp;Riad Casa Kabah  - Marrakesh</option><option class="searchbox-ch-hotel" value="h_47D3BBE40F3EE47E774D50D0BD9B97F5" >&nbsp;&nbsp;&nbsp;Riad Dar One - Marrakesh</option><option class="searchbox-ch-hotel" value="h_A8814B76AC0B77351EEC23021E036778" >&nbsp;&nbsp;&nbsp;Riad Elisa & Spa - Marrakesh</option><option class="searchbox-ch-hotel" value="h_D0C9097E8AA4C8B019B683106FE6B07C" >&nbsp;&nbsp;&nbsp;Riad Massiba  - Marrakesh</option><option class="searchbox-ch-hotel" value="h_FDC5FB49B9D69549698AD36744CEE884" >&nbsp;&nbsp;&nbsp;Riad Samsara - Marrakesh</option><option class="searchbox-ch-hotel" value="h_495F11018046721BD75237A3798FB8FE" >&nbsp;&nbsp;&nbsp;Riad Zaouia 44  - Marrakesh</option><option class="searchbox-ch-hotel" value="h_BB4FDB595C504F5C0F50A47020CE8AA9" >&nbsp;&nbsp;&nbsp;Riad l'Esprit des Patios - Marrakesh</option><option class="searchbox-ch-hotel" value="h_F908A4BE435D93EA3BA9979F273F496E" >&nbsp;&nbsp;&nbsp;Riad les Hirondelles - Marrakesh</option><option class="searchbox-ch-county" value="cc_morocco-eur-marrakesh-other-areas" >Marrakesh / Other Areas</option><option class="searchbox-ch-hotel" value="h_354C0B34CB03F479BE12DDD007D7EC55" >&nbsp;&nbsp;&nbsp;Douar Samra - Imlil</option><option class="searchbox-ch-county" value="cc_morocco-eur-morocco-atlantic-coast" >Morocco Atlantic Coast</option><option class="searchbox-ch-hotel" value="h_B13BA8DB3ED6ECD19646E1461DC29D14" >&nbsp;&nbsp;&nbsp;El Manzar  - Oualidia</option><option class="searchbox-ch-hotel" value="h_4D583E169986A5107131212C013CD899" >&nbsp;&nbsp;&nbsp;Riad Esprit Bleu - Essaouira</option><option class="searchbox-ch-county" value="cc_morocco-eur-north-morocco" >North Morocco</option><option class="searchbox-ch-hotel" value="h_47D6652E4691C2657F8798A996EA7A7D" >&nbsp;&nbsp;&nbsp;Mimi Calpe  - Tanger</option></select>

</div>
<div class="field-wrapper packages-holder">
<label for="hotelgrouppackages">Select Your Offer</label>
<select name="hotelgrouppackages[]" id="hotelgrouppackages"><option  class="searchbox-ch-none" value="">All packages</option></select>


</div>
<script type="text/javascript">
  var packagelocations_json={}
  var initiator;

  jQuery(document).ready(function($){
    $('#hotelgrouppackages').on('change',function(){
      if (typeof initiator =='object' && initiator!=this){
        return;
      } else {
        initiator=this;
      };
      var val=this.value;
      var loc=$('#loc_id');
      var locval=loc.val()
      loc.empty();
      loc.append('<option value="" class="searchbox-cl-none">All properties</option>');
      if (val != ''){
        for (var a in counties_json){
          var oa=counties_json[a];
          if (packagelocations_json[val].countyscodes.indexOf(oa.code)>-1){
            loc.append('<option value="cc_'+oa.code+'" class="searchbox-ch-county">'+oa.name+'</option>');
            for (var b in hotels_json){
              var ob=hotels_json[b];
              if (ob.county==a&&packagelocations_json[val].hotelids.indexOf(ob.bke_id)>-1){
                var city='';
                if (ob.l_name==ob.c_name) {
                  city=" City";
                };
                loc.append('<option value="h_'+ob.bke_id+'"  class="searchbox-ch-hotel" $sel>&nbsp;&nbsp;&nbsp;'+ob.name+' - '+ob.l_name+city+'</option>');
              }
            }
          }
        }
      } else {
        initiator=false;
        for (var a in counties_json){
          var oa=counties_json[a];
          if (locval=='cc_'+a){
            selected = 'selected'
          } else {
            selected = '';
          };
          loc.append('<option value="cc_'+oa.code+'" class="searchbox-ch-county" '+selected+'>'+oa.name+'</option>');
          for (var b in hotels_json){
            var ob=hotels_json[b];
            if (locval=='h_'+ob.bke_id){
              selected = 'selected'
            } else {
              selected = '';
            };
            if (ob.county==a){
              loc.append('<option value="h_'+ob.bke_id+'"  class="searchbox-ch-hotel" '+selected+'>&nbsp;&nbsp;'+ob.name+' - ' +ob.l_name+'</option>');
            }
          }
        };
        loc.trigger('change');
      }
    });
    $('#loc_id').on('change',function(){
      if (typeof initiator == 'object' && initiator!=this){
        return;
      } else {
        initiator=this;
      };
      var val=this.value;
      var pac=$('#hotelgrouppackages');
      var pacval=pac.val()
      pac.empty();
      pac.append('<option value="" class="searchbox-ch-none">All packages</option>');
      if (val != ''){
        if (val.match(/^h_/)){
          val=val.substr(2);
          for (var a in packagelocations_json){
            var oa=packagelocations_json[a];
            if (oa.hotelids.indexOf(val)>-1){
              pac.append('<option class="searchbox-ch-package" value="'+oa.id+'">'+oa.name+'</option>');
            }
          }
        } else {
          val=counties_json[val.substr(3)].code;
          for (var a in packagelocations_json){
            var oa=packagelocations_json[a];
            if (oa.countyscodes.indexOf(val)>-1){
              pac.append('<option class="searchbox-ch-package" value="'+oa.id+'">'+oa.name+'</option>');
            }
          }
        }
      } else {
        initiator=false;
        for (var a in packagelocations_json){
          var oa=packagelocations_json[a];
          if (pacval==oa.id){
            selected='selected';
          } else {
            selected='';
          };
          pac.append('<option value="'+oa.id+'" '+selected+'>'+oa.name+'</option>');
        }
        
      }
    });
  });


</script>
</li>
	<!-- ENDIF groupsite -->
	<!-- <li class="occupants field-wrapper"><SELECT class="input occupancy" name="occupancy[]" multiple style=""><OPTION value='3'  >Double</OPTION><OPTION value='4'  >Single/Double</OPTION><OPTION value='5'  >Triple</OPTION><OPTION value='8'  >Family 3</OPTION><OPTION value='6'  >Family 4</OPTION><OPTION value='7'  >Family 5</OPTION><OPTION value='9'  >Quadruple</OPTION><OPTION value='10'  >5 Adults</OPTION><OPTION value='11'  >6 Adults</OPTION><OPTION value='43'  >Family 6</OPTION><OPTION value='45'  >8 Adults</OPTION><OPTION value='44'  >7 Adults</OPTION><OPTION value='46'  >Family 7</OPTION><OPTION value='47'  >Family 8</OPTION><OPTION value='48'  >10 Adults</OPTION><OPTION value='2'  >Single</OPTION></SELECT><script type="text/javascript" src="/admin/js/jquery/jquery-ui.min.js"></script><script type="text/javascript" src="/admin/js/jquery/jquery.multiselect.min.js"></script><script>$(document).ready(function(){
        $(".occupancy").multiselect({
        selectedText : "# Room selected",
        noneSelectedText : "Select a Room",
        checkAllText: "Check all",
        uncheckAllText: "Uncheck all",
        checkAll: function(){
            checkPlu_occupancy();
        },
        classes : "multi_width",click : function(event, ui){
	        checkPlu_occupancy();
	    }
	    });function checkPlu_occupancy (){
	    var uiwidget = $(".occupancy");
	    var selectedWidget = uiwidget.multiselect("widget").find("input:checked");
	            if ((selectedWidget.length)>1) {
	            uiwidget.multiselect({selectedText : "# Rooms selected"});
	            } else { uiwidget.multiselect({selectedText : "# Room selected"}); };
	    if ((selectedWidget.length)==16) {
	        uiwidget.multiselect({selectedText : "All Rooms selected"});
	    }
	        };
	    checkPlu_occupancy();
	    ;});</script></li> -->
	<li class="arrival field-wrapper"><label>Arrive:</label> <input type="text" id="arrival-date">
<input type="hidden" name="bke_arrival_day" value="04" id="bke_arrival_day"><input type="hidden" name="bke_arrival_month" value="04" id="bke_arrival_month"><input type="hidden" name="bke_arrival_year" value="2026" id="bke_arrival_year"></li>
	<li class="departure field-wrapper"><label>Depart:</label> <input type="text" id="departure-date">
<input type="hidden" name="bke_departure_day" value="05" id="bke_departure_day"><input type="hidden" name="bke_departure_month" value="04" id="bke_departure_month"><input type="hidden" name="bke_departure_year" value="2026" id="bke_departure_year"></li>
	<!-- <li class="nights field-wrapper"><label>Nights:</label> <select name='bke_nights' class='bke_dropdown' onchange="bke_update_dropdown(form, form.bke_arrival_day.value, form.bke_arrival_month.value, form.bke_arrival_year.value, form.bke_nights.value, 1)">
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
<option value="13" >13</option>
<option value="14" >14</option>
<option value="15" >15</option>
<option value="16" >16</option>
<option value="17" >17</option>
<option value="18" >18</option>
<option value="19" >19</option>
<option value="20" >20</option>
<option value="21" >21</option>
<option value="22" >22</option>
<option value="23" >23</option>
<option value="24" >24</option>
<option value="25" >25</option>
<option value="26" >26</option>
<option value="27" >27</option>
<option value="28" >28</option>
<option value="29" >29</option>
<option value="30" >30</option>
<option value="31" >31</option>
</select>
</li> -->
	<li class="ratecode"><input type="text" name="bke_ratecode" size="8" class="bke_drop"
  style="text-align: center;" onclick="if (this.value == '') this.value = '';" 
  placeholder="rate code"
  value='' />
</li>
	<!--<li class="language"><select name="lang" ><option value="en" selected="selected">English</option> <option value="fr" >Français</option> </select></li>-->
    <li class="submit"><input type="submit" name="bke_submit" class="btn" value="Book Now"></li>
</ul>
</form>





</div>

	<div class="row" id="na-bke">
		<div class="container no-padding" id="">
			<h3 class="page-title" style="display:none;">Reservation System</h3>
			<p class="bke_error">The file you have just requested is not available on server.</p>
		</div>
	</div> <!-- End - #na-bke -->

	<div class="clearfix"></div>
<footer class="row no-padding" id="na-footer">
    <div class="container">
        <div class="col-xs-12 col-sm-8 no-padding">
            <nav>
                <ul>
                  

                    

                    

                    

                    <!-- IF groupsite -->
                    
                    <!-- ENDIF groupsite -->

                    

                </ul>
            </nav>
        </div>
        <div class="col-xs-12 col-sm-4 text-right no-padding">
          <!-- <a href="" class="na-logo">
            <img src="//www.netaffinity.com/files/images/netaffinity-logo-black.svg" alt="">
          </a> -->
          <div class="made-by-na">
  <span>
  Made with <i class="fas fa-heart"></i> by</span> <a class="na-logo" href="http://www.netaffinity.com" alt="Net Affinity" target="_blank">
        <img alt="Net Affinity" src="https://www.netaffinity.com/files/images/netaffinity-logo-black.svg" style="width: 115px; height: 45px;">
    </a>
</div>
        </div>

    </div>
</footer>
<div class="slide-panel">
  <div class="slide-panel__title">
  </div>
  <div class="slide-panel__close" onClick="slidePanel()"><i class="fas fa-times"></i></div>
  <div class="slide-panel__content">
  </div>
</div>

<div class="slide-panel__overlay">
</div>


	<script type="text/javascript">
	jQuery('input.star').rating();

	</script>
	
	<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
	<script src="//bookings.margo-hospitality.com/files/js/jquery.settings.js" type="text/javascript"></script>
	<script src="//bookings.margo-hospitality.com/files/js/bke-searchbox.js"></script>
	
		<form method="post" action="https://bookings.margo-hospitality.com/bookings/checkavailability" id="bke_searchbox_data" class="bke_searchbox" style="display:none;" >
	<input type="hidden" autocomplete="false">
	<input type="hidden" value="1" id="bke_minstay">
	<input type="hidden" value="364" id="bke_maxstay">
	<input type="hidden" name="bke_form_token" value="" id="bke_form_token">
	<input type="hidden" name="grid_view" value="2" id="bke_grid_view">
	<input type="hidden" name="lang" value="en" id="bke_lang">
	<input type="hidden" name="bke_ratecode" value="" id="bke_ratecode">
	<input type="hidden" name="bke_arrival_day" value="04" id="bke_arrival_day">
	<input type="hidden" name="bke_arrival_month" value="04" id="bke_arrival_month">
	<input type="hidden" name="bke_arrival_year" value="2026" id="bke_arrival_year">
	<input type="hidden" name="bke_departure_day" value="" id="bke_departure_day">
	<input type="hidden" name="bke_departure_month" value="" id="bke_departure_month">
	<input type="hidden" name="bke_departure_year" value="" id="bke_departure_year">
	<input type="hidden" name="bke_nights" value="1" id="bke_nights">
	<input type="hidden" name="bke_avail_order" value="" id="bke_avail_order">
	<!-- IF groupsite -->
	<input type="hidden" id="idhotel" name="idhotel" value="">
	<input type="hidden" id="bke_id" name="bke_id" value="">
	<input type="hidden" id="loc_id" name="loc_id" value="">
	<input type="hidden" id="c_id" name="c_id" value="">
	<input type="hidden" id="cc_id" name="cc_id" value="">
	<input type="hidden" id="landmark_id" name="landmark_id" value="">
	<input type="hidden" id="pager" name="pager" value="1">
	<input type="hidden" id="bke_name" name="bke_name" value="Margo Hospitality">
	<input type="hidden" id="hotel_package_code" name="hotel_package_code" value="">
	<input type="hidden" id="hotelgrouppackages" name="hotelgrouppackages[]" value="">
	<!-- ENDIF groupsite -->
</form>
<div class="na-searchbox undone">
	<div class="na-searchbox__parameters">
		<input type="hidden" name="searchbox_type" value="">
		<input type="hidden" name="searchbox_display" value="overlay">
		<input type="hidden" name="searchbox_size" value="">
		<input type="hidden" name="searchbox_flexdate" value="">
		<input type="hidden" name="searchbox_usp" value="">
		<input type="hidden" name="searchbox_collapse" value="">
		<input type="hidden" name="searchbox_ratecode" value="">
		<input type="hidden" name="searchbox_hidden" value="yes">
		<input type="hidden" name="searchbox_debug" value="">
		<input type="hidden" name="searchbox_location" value="">
	</div>
	<div class="na-searchbox__header" style="display:none;">
		Book Your Stay
	</div>
	<div class="na-searchbox__main">

		
<!-- IF groupsite -->
<div class="na-searchbox__location">
  <select name="loc_id" id="loc_id">
<option value="" class="searchbox-ch-none">All Properties</option>
<option class="searchbox-ch-county" value="cc_morocco-eur-marrakesh-medina" >Marrakesh / Medina</option><option class="searchbox-ch-hotel" value="h_A69FEDA319A5F17867B392DAF528248C" >&nbsp;&nbsp;&nbsp;Dar Akal - Marrakesh</option><option class="searchbox-ch-hotel" value="h_D319972C754EA6EC2D3D8D317F6B99DC" >&nbsp;&nbsp;&nbsp;Dar Nour El Houda  - Marrakesh</option><option class="searchbox-ch-hotel" value="h_9267EC8FFFCFB3FD144F7FA971B16C00" >&nbsp;&nbsp;&nbsp;Dar Zelda  - Marrakesh</option><option class="searchbox-ch-hotel" value="h_5919B06C3991E70D06E275A0BD8D23A1" >&nbsp;&nbsp;&nbsp;Palais Chadmi - Marrakesh</option><option class="searchbox-ch-hotel" value="h_55BF52A9F9EB33803D7ECC689DC5AA74" >&nbsp;&nbsp;&nbsp;Riad Ayadina & Spa - Marrakesh</option><option class="searchbox-ch-hotel" value="h_A4E21154FA7290D324A40395F12E212C" >&nbsp;&nbsp;&nbsp;Riad Azzouna 13  - Marrakesh</option><option class="searchbox-ch-hotel" value="h_D4CE1F0ABFA713F83FBF195C0D6392AA" >&nbsp;&nbsp;&nbsp;Riad Bindoo & Spa - Marrakesh</option><option class="searchbox-ch-hotel" value="h_D7005192EDE5B91414B8E9B650C4A745" >&nbsp;&nbsp;&nbsp;Riad Casa Kabah  - Marrakesh</option><option class="searchbox-ch-hotel" value="h_47D3BBE40F3EE47E774D50D0BD9B97F5" >&nbsp;&nbsp;&nbsp;Riad Dar One - Marrakesh</option><option class="searchbox-ch-hotel" value="h_A8814B76AC0B77351EEC23021E036778" >&nbsp;&nbsp;&nbsp;Riad Elisa & Spa - Marrakesh</option><option class="searchbox-ch-hotel" value="h_D0C9097E8AA4C8B019B683106FE6B07C" >&nbsp;&nbsp;&nbsp;Riad Massiba  - Marrakesh</option><option class="searchbox-ch-hotel" value="h_FDC5FB49B9D69549698AD36744CEE884" >&nbsp;&nbsp;&nbsp;Riad Samsara - Marrakesh</option><option class="searchbox-ch-hotel" value="h_495F11018046721BD75237A3798FB8FE" >&nbsp;&nbsp;&nbsp;Riad Zaouia 44  - Marrakesh</option><option class="searchbox-ch-hotel" value="h_BB4FDB595C504F5C0F50A47020CE8AA9" >&nbsp;&nbsp;&nbsp;Riad l'Esprit des Patios - Marrakesh</option><option class="searchbox-ch-hotel" value="h_F908A4BE435D93EA3BA9979F273F496E" >&nbsp;&nbsp;&nbsp;Riad les Hirondelles - Marrakesh</option><option class="searchbox-ch-county" value="cc_morocco-eur-marrakesh-other-areas" >Marrakesh / Other Areas</option><option class="searchbox-ch-hotel" value="h_354C0B34CB03F479BE12DDD007D7EC55" >&nbsp;&nbsp;&nbsp;Douar Samra - Imlil</option><option class="searchbox-ch-county" value="cc_morocco-eur-morocco-atlantic-coast" >Morocco Atlantic Coast</option><option class="searchbox-ch-hotel" value="h_B13BA8DB3ED6ECD19646E1461DC29D14" >&nbsp;&nbsp;&nbsp;El Manzar  - Oualidia</option><option class="searchbox-ch-hotel" value="h_4D583E169986A5107131212C013CD899" >&nbsp;&nbsp;&nbsp;Riad Esprit Bleu - Essaouira</option><option class="searchbox-ch-county" value="cc_morocco-eur-north-morocco" >North Morocco</option><option class="searchbox-ch-hotel" value="h_47D6652E4691C2657F8798A996EA7A7D" >&nbsp;&nbsp;&nbsp;Mimi Calpe  - Tanger</option></select>

</div>
<script>
$(document).ready(function(){
   // Adds location name to searchbox form
   $("select#loc_id").change(function() { // when the select option is changed
     $("form#bke_searchbox_data input#loc_id").val($(this).val()); // copy the value to the hidden form input
   });
   // Adds package id to searchbox form
  $(".packages-holder #hotelgrouppackages").on('change', function() {
    var packageId = $(this).val();
    $('#bke_searchbox_data input#hotelgrouppackages').val(packageId);
 });
})
</script>
<!-- ENDIF groupsite -->

		<div class="na-searchbox__dates">
			<div class="na-searchbox__checkin">
				<span class="na-searchbox__label">Check In</span>
				<div class="na-searchbox__day-week"></div>
				<div class="na-searchbox__day-number">04</div>
				<div class="na-searchbox__month">04</div>
				<div class="na-searchbox__year">2026</div>
			</div>
		</div>

		<!--if bke_ratecode_section-->
		<div class="na-searchbox__ratecode">
			<div class="na-searchbox__col-70 left">Do you have a promo code?</div>
			<div class="na-searchbox__col-30 right">
				<div class="na-searchbox__switch na-searchbox__switch-ratecode off">
					<div class="na-searchbox__slide">
						<div class="na-searchbox__on">Yes</div>
						<div class="na-searchbox__button"></div>
						<div class="na-searchbox__off">No</div>
					</div>
				</div>
			</div>
		</div>
		<input type="text" class="na-searchbox__ratecode-input" name="ratecode" placeholder="Have a promo code?">
		<!--endif bke_ratecode_section-->

		<button class="na-searchbox__submit">Search</button>

	</div>
	<!-- IF bke_usp -->
	<div class="na-searchbox__usptrigger">
		Why Book With Us? <img src="//bookings.margo-hospitality.com/files/images/usp-tick.svg" alt="Margo Hospitality" width="24" height="23">
	</div>
	<!-- ENDIF bke_usp -->
	<!-- IF bke_usp -->
	<div class="na-searchbox__uspoverlay">
		<div class="na-searchbox__uspcontainer">
			<div class="na-searchbox__uspclose"><svg xmlns="http://www.w3.org/2000/svg" width="16.971" height="16.972" viewBox="0 0 16.971 16.972">
				<path id="icon-close" data-name="Union 9" d="M0,15.557,7.071,8.485,0,1.414,1.414,0,8.485,7.071,15.557,0,16.97,1.415,9.9,8.486l7.071,7.071L15.557,16.97,8.486,9.9,1.414,16.971Z" fill="#666"/>
			</svg>
		</div>
		<div class="na-searchbox__uspheading">Why Book With Us? <img src="//bookings.margo-hospitality.com/files/images/usp-tick.svg" alt="Margo Hospitality" width="24" height="23"></div>
		
		<div class="na-searchbox__usplistitem">
			<img src="//bookings.margo-hospitality.com/files/images/usp-tick.svg" alt="Turnkey stay" width="24" height="23">
			<span class="na-searchbox__usptitle">Turnkey stay</span>
			<span class="na-searchbox__usptext">We are ready for you any minute</span>
		</div>
		
		<div class="na-searchbox__usplistitem">
			<img src="//bookings.margo-hospitality.com/files/images/usp-tick.svg" alt="Best rates available" width="24" height="23">
			<span class="na-searchbox__usptitle">Best rates available</span>
			<span class="na-searchbox__usptext">Book Online to secure the best deal</span>
		</div>
		
		<div class="na-searchbox__usplistitem">
			<img src="//bookings.margo-hospitality.com/files/images/usp-tick.svg" alt="Professionalism" width="24" height="23">
			<span class="na-searchbox__usptitle">Professionalism</span>
			<span class="na-searchbox__usptext">A professional team at your service</span>
		</div>
		
		<div class="na-searchbox__usplistitem">
			<img src="//bookings.margo-hospitality.com/files/images/usp-tick.svg" alt="Supporting Local" width="24" height="23">
			<span class="na-searchbox__usptitle">Supporting Local</span>
			<span class="na-searchbox__usptext">We work with the best local partners</span>
		</div>
		
		<div class="na-searchbox__usplistitem">
			<img src="//bookings.margo-hospitality.com/files/images/usp-tick.svg" alt="Enhanced Safety Measures" width="24" height="23">
			<span class="na-searchbox__usptitle">Enhanced Safety Measures</span>
			<span class="na-searchbox__usptext">We apply strictly CoVID19 protocols</span>
		</div>
		
	</div>
</div>
<!-- ENDIF bke_usp -->
<div class="na-searchbox__overlay">
	<div class="na-searchbox__overlay-container">
		<div class="na-searchbox__overlaylogo">
			<div class="na-searchbox__overlaylogowrapper">
				<img src="//bookings.margo-hospitality.com/bookings/showimage?type=18&id=9DC9984A06F63C6FE0B23739BA91CE10" alt="Margo Hospitality"/>
			</div>
			<div class="na-searchbox__overlayclose"><svg xmlns="http://www.w3.org/2000/svg" width="16.971" height="16.972" viewBox="0 0 16.971 16.972">
				<path id="icon-close" data-name="Union 9" d="M0,15.557,7.071,8.485,0,1.414,1.414,0,8.485,7.071,15.557,0,16.97,1.415,9.9,8.486l7.071,7.071L15.557,16.97,8.486,9.9,1.414,16.971Z" fill="#666"/>
			</svg></div>
		</div>
		<div class="na-searchbox__overlaywrapper">
			<div class="na-searchbox__overlayscroll">
				<div class="na-searchbox__header" style="display:none;">
					Book Your Stay
				</div>
			</div>
		</div>
		<!-- IF bke_usp -->
		<div class="na-searchbox__overlayusp">
			<div class="na-searchbox__overlayusp-header">
				<div class="btn-circle">
					<svg xmlns="http://www.w3.org/2000/svg" width="12.777" height="7.777" viewBox="0 0 12.777 7.777">
						<path id="Union_9" data-name="Union 9" d="M6.389,7.753l-.025.025L0,1.414,1.414,0,6.389,4.975,11.363,0l1.414,1.414L6.413,7.778Z" fill="#fff"/>
					</svg>
				</div>
				Why Book With Us?
			</div>
			<div class="na-searchbox__overlayusp-content">
				<ul>
					
					<li>
						<div class="na-searchbox__usptitle">Turnkey stay</div>
						<div class="na-searchbox__usptext">We are ready for you any minute</div>
					</li>
					
					<li>
						<div class="na-searchbox__usptitle">Best rates available</div>
						<div class="na-searchbox__usptext">Book Online to secure the best deal</div>
					</li>
					
					<li>
						<div class="na-searchbox__usptitle">Professionalism</div>
						<div class="na-searchbox__usptext">A professional team at your service</div>
					</li>
					
					<li>
						<div class="na-searchbox__usptitle">Supporting Local</div>
						<div class="na-searchbox__usptext">We work with the best local partners</div>
					</li>
					
					<li>
						<div class="na-searchbox__usptitle">Enhanced Safety Measures</div>
						<div class="na-searchbox__usptext">We apply strictly CoVID19 protocols</div>
					</li>
					
				</ul>
			</div>
		</div>
		<!-- ENDIF bke_usp -->
	</div>
</div>
</div>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@4.5.95/css/materialdesignicons.min.css">



<!-- searchbox rollout test -->
	
<script type="text/javascript" language="javascript">
    TAPixel.impressionWithReferer("001F000000v8WJk");
</script>
<script type="text/javascript" src="//bookings.margo-hospitality.com/bookings/calendar-jquery-collective"></script>
</body>
</html>