FR | EN

SELECT THE HOTEL All La Sultana Marrakech La Sultana Oualidia	DATE CHECK-IN	DATE CHECK-OUT	NIGHTS	Check Availability

Conservation & Sustainability

• Our actions
• Our values & Engagements

Want to Help Contact: Lucie Viallet
wanttohelp@lasultanahotels.com

OUR ACTIONS

We have gathered our Conservation & Sustainability philosophy below for our curious guests who are like us concerned by the future of our planet. With your help and our actions behind the scenes, each stay at La Sultana Marrakech & La Sultana Oualidia drive positive changes for Natural & Cultural Conservation in Morocco.

• DAR BOUIDAR, TOURISM TO HELP CHILDREN
• SAVE THE BIRDS OF THE WORLD IN OUALIDIA & BEACH CLEAN-UP CAMPAIGN

Riad La sulana luxury meets the art of Moroccan living

La sultana Marrakech ultra luxury address of the Medina

Our Offers

CONCEPT	SUSTAINABILITY
PRESS	BLOG
STAY CONNECTED TO LA SULTANA HOTELS SIGNATURE

TEL. +212 5 24 38 80 08 - RESERVATION@LASULTANAHOTELS.COM Sign up to receive special offers in your box

Vogue USA | "After Marrakech, Go to Oualidia, the Montauk of Morocco"
Voyages & Hôtels de Rêve |Les 100 plus beaux Hôtels du monde (La Sultana Marrakech)
Tatler | "Nothing, and we mean nothing, is too much trouble for the brilliant front desk at La Sultana." (La Sultana Marrakech)
FT Spa Junkies | "This was just the weekend spa break I was after – truly relaxing. The spa is a gorgeous jewel and the treatments performed with love and care." (La Sultana Marrakech)
Safari | Top 100 World Best Beach Resorts (La Sultana Oualidia)
Brides | "Moroccan Charm + the beach = what could be better." (La Sultana Oualidia)
Sunday Times | "La Sultana offers quiet courtyards, an outdoor pool, stained glass and Berber antiques." (La Sultana Marrakech)

CONTACT US | E-BROCHURE | PHOTO LIBRARY | VIDEOS | SUSTAINABILITY

 

Notice (8): Undefined index: HTTP_ACCEPT_LANGUAGE [APP/View/Layouts/default.ctp, line 170]
Code Context
}
</style>
<?php  $ll = substr($_SERVER['HTTP_ACCEPT_LANGUAGE'], 0, 2); ?>
$viewFile = '/var/www/vhosts/lasultanahotels.com/test.lasultanahotels.com/app/View/Layouts/default.ctp'
$dataForView = array(
	'page' => array(
		'Page' => array(
			'id' => '89',
			'title' => '',
			'content' => '',
			'photo' => null,
			'file' => '',
			'hotels_id' => '4',
			'languages_id' => '1',
			'slug' => 'our-actions',
			'header' => '',
			'enligne' => true,
			'metatitle' => '',
			'metadescription' => '',
			'ordre' => '5',
			'type' => 'Default',
			'locale' => 'eng'
		),
		(int) 0 => array(
			'Page__i18n__title' => 'OUR ACTIONS',
			'Page__i18n__content' => '<h2 style="text-align: center;"><span style="background-color: initial;">OUR ACTIONS</span><br></h2>
<p>We have gathered our Conservation &amp; Sustainability philosophy below for our curious guests who are like us concerned by the future of our planet.
With your help and our actions behind the scenes, each stay at La Sultana Marrakech &amp; La Sultana Oualidia drive positive changes for Natural &amp; Cultural Conservation in Morocco.
</p>
<ul id="suscarousel" class="jcarousel-skin-tango">
<li id="h_sustain"> <a href="/p/sustainability/dar-bouidar"> <img src="/img/pages/dar-bouidar-2.jpg"> <span>DAR BOUIDAR, TOURISM TO HELP CHILDREN
 </span></a></li>
<li id="h_sustain"> <a href="/p/sustainability/save-the-birds-in-oualidia"> <img src="/img/pages/oualidia-birds.jpg" style=""> <span>SAVE THE BIRDS OF THE WORLD IN OUALIDIA &amp; BEACH CLEAN-UP CAMPAIGN </span></a></li>
</ul>
'
		),
		'_title' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'_content' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'Media' => array(
			(int) 167 => array(
				[maximum depth reached]
			),
			(int) 172 => array(
				[maximum depth reached]
			),
			(int) 173 => array(
				[maximum depth reached]
			)
		)
	),
	'menu' => array(),
	'photos' => array(
		(int) 0 => array(
			'PagesPhoto' => array(
				[maximum depth reached]
			),
			'_legend' => array(
				[maximum depth reached]
			)
		),
		(int) 1 => array(
			'PagesPhoto' => array(
				[maximum depth reached]
			),
			'_legend' => array(
				[maximum depth reached]
			)
		),
		(int) 2 => array(
			'PagesPhoto' => array(
				[maximum depth reached]
			),
			'_legend' => array(
				[maximum depth reached]
			)
		),
		(int) 3 => array(
			'PagesPhoto' => array(
				[maximum depth reached]
			),
			'_legend' => array(
				[maximum depth reached]
			)
		),
		(int) 4 => array(
			'PagesPhoto' => array(
				[maximum depth reached]
			),
			'_legend' => array(
				[maximum depth reached]
			)
		),
		(int) 5 => array(
			'PagesPhoto' => array(
				[maximum depth reached]
			),
			'_legend' => array(
				[maximum depth reached]
			)
		),
		(int) 6 => array(
			'PagesPhoto' => array(
				[maximum depth reached]
			),
			'_legend' => array(
				[maximum depth reached]
			)
		)
	),
	'files' => array(),
	'content_for_layout' => '   

  
  <div class="pageContent">
   <div class="row">
    <div class="span3 leftSide"> 
      <div style="padding-top:3px;" >
  <span style="font-size: 16px; font-family: ArquitectaLight;margin-bottom: 10px; text-transform:uppercase;   display: block;">Conservation & Sustainability</span>
   <ul class="pressRoom">
     
     
     <li ><a href="/p/sustainability/our-actions">Our actions</a></li>
     <li > <a href="/pdfs/book_ecologie.pdf" target="_blank">Our values &amp; Engagements</a></li>
     <!--<li > </li>
     <li > </li>   -->    
   </ul>
  </div>


  <div style="padding-top:30px;  line-height:15px;">
    
    <span class="smallTitre" style="margin-bottom: 11px;    display: block;font-family: ArquitectaLight; font-size: 16px;text-transform: uppercase;"> Want to Help </span>  
    <span class="smallTitre">Contact: Lucie Viallet <br> <a href="mailto:wanttohelp@lasultanahotels.com">wanttohelp@lasultanahotels.com</a> </span>

 </div>


<style>
.jcarousel-skin-tango .jcarousel-item {
    width: 330px;
    height: auto;
}
.jcarousel-skin-tango .jcarousel-item-horizontal { 
   position:relative;
}
.jcarousel-skin-tango .jcarousel-item-horizontal img { 
    width: 100%;
}
.jcarousel-skin-tango .jcarousel-item-horizontal  span { 
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 100000;
    display: block;
    width: 100%;
    padding-top:50px;
    height: 100%;
    color: #fff;
}
.jcarousel-skin-tango .jcarousel-item-horizontal  span:hover {  
    background-color: rgba(255,255,255,.5); 
    color: #040404;
    cursor:pointer;
}
.jcarousel-prev,
.jcarousel-next{
  display:none !important;
}
</style>

  

  

    
       </div>
    <div class="rightSide" style="width:870px;"> 






    

    
<div id="content" class="row contentColumn" >
  <h2 style="text-align: center;"><span style="background-color: initial;">OUR ACTIONS</span><br></h2>
<p>We have gathered our Conservation &amp; Sustainability philosophy below for our curious guests who are like us concerned by the future of our planet.
With your help and our actions behind the scenes, each stay at La Sultana Marrakech &amp; La Sultana Oualidia drive positive changes for Natural &amp; Cultural Conservation in Morocco.
</p>
<ul id="suscarousel" class="jcarousel-skin-tango">
<li id="h_sustain"> <a href="/p/sustainability/dar-bouidar"> <img src="/img/pages/dar-bouidar-2.jpg"> <span>DAR BOUIDAR, TOURISM TO HELP CHILDREN
 </span></a></li>
<li id="h_sustain"> <a href="/p/sustainability/save-the-birds-in-oualidia"> <img src="/img/pages/oualidia-birds.jpg" style=""> <span>SAVE THE BIRDS OF THE WORLD IN OUALIDIA &amp; BEACH CLEAN-UP CAMPAIGN </span></a></li>
</ul>
 
</div> 

 
 
<div id="map-canvas"  ></div>
     
       
        
    
    
 
<style type="text/css">
div.i4ewOd-pzNkMb-haAclf{display: none;}
</style>
   
 
    
  
 <ul class="file">  
            <ul>


 
        </div>
    </div> 





 </div> 




',
	'scripts_for_layout' => '<link href="https://www.lasultanahotels.com/p/sustainability" rel="canonical"/><link rel="stylesheet" type="text/css" href="/skins/tango/skin.css"/><link rel="stylesheet" type="text/css" href="/css/jquery.lightbox-0.5.css"/><script type="text/javascript" src="/js/jquery.jcarousel.js"></script><script type="text/javascript" src="/js/jquery.lightbox-0.5.js"></script><script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function() {
  

    jQuery('#suscarousel').jcarousel({
        visible:2,
        scroll: 1,  
        center: true,
    });
});
 

//]]>
</script><script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCwTl0HAKFHnGsPPK11qZwfF8dEjr8eJtY&sensor=false"></script><script type="text/javascript" src="/js/map-infobox.js"></script><script type="text/javascript">
//<![CDATA[

   

                   var MarrakechMonuments = [
                      ['Place Jemaa El Fna', 31.62582, -7.98896, 4,'/img/pinred.png','','1.3 km<br>10 min à pied/ walking<br>6 min en calèche/ horse carriage',"180px",''],
                      ['Tombeaux saadiens', 31.61727, -7.98883, 5,'/img/pinred.png','',' 0.05 km<br>1 min à pied/ walking',"190px",''],
                      ['Palais de la Bahia', 31.621745, -7.981514, 3,'/img/pinred.png','','1.1 km<br>8 min à pied/ walking',"180px",''],
                      ['Palais el badi', 31.61861, -7.98663, 2,'/img/pinred.png','','0.8 Km <br> 5 min à pied / walking',"180px",''],
                      ['Jardins Majorelle', 31.64143, -8.00233, 1,'/img/pinred.png','','3.6 km<br>10 min en voiture/ driving<br>45 min en calèche/ horse carriage ',"180px",''],
                      ['Koutoubia Mosquée', 31.624108, -7.993267, 6,'/img/pinred.png','','1.3 km<br>10 min à pied/ walking<br>6 min en calèche/ horse carriage',"180px",''],               
                   ['Bab Agnaou', 31.617590, -7.990711, 7,'/img/pinred.png','','1 min à pied/ walking',"180px",''],
                   ['musée YVES SAINT LAURENT', 31.642943, -8.003184, 7,'/img/pinred.png','','3.6 km<br>10 min en voiture/ driving<br>45 min en calèche/ horse carriage',"180px",''],
                   ];

                   var MarrakechGolfs = [
                      ['Golf royal', 31.6081, -7.9467, 7,'/img/pingreen.png','','5.5 km<br>15 min en voiture/ driving',"180px",''],
                      ['Golf Amelkis', 31.6173, -7.9267, 8,'/img/pingreen.png','','5.7 Km <br> 15 min en voiture / driving',"180px",''],
                      ['Golf Samannah', 31.5025, -8.041, 9,'/img/pingreen.png','','',"180px",''],
                      ['Golf Atlas', 31.59051, -8.01262, 10,'/img/pingreen.png','','3 km<br>10 min en voiture/ driving',"180px",''],
                       ['Golf Al Maaden', 31.5931, -7.9407, 11,'/img/pingreen.png','',' 5.5 km<br>15 min en voiture/ driving',"180px",'']
                    ];

                    var MarrakechAero = [
                      ['Aéroport Marrakech Menara', 31.60205,-8.027261, 7,'/img/pingray.png','','5 km<br>15 min en voiture/ driving',"180px",'']
                    ];



                var Oualidia = [
                      ['Aéroport International Mohammed V', 33.373689,-7.581167, 4,'/img/pingray.png','','180 Km <br> 2H30min en voitre / driving',"180px",''],
                      ['Golf El Jadida', 33.287059,-8.377419, 5,'/img/pingreen.png','','80 Km <br> 50 min',"180px",''],
                      ['Aéroport Marrakech Menara', 31.60205,-8.027261, 7,'/img/pingray.png','','185 Km <br> 2H45min en voiture / driving',"180px",'']         
                    ];

                    var imagemarrakech = {
                      url: '/img/logomap_marrakech.png', 
                      size: new google.maps.Size(100, 90), 
                      origin: new google.maps.Point(0,0), 
                      anchor: new google.maps.Point(45, 10)
                    };

                    var imageoualidia = {
                       url: '/img/logomap_oualidia.png', 
                       size: new google.maps.Size(100, 90), 
                       origin: new google.maps.Point(0,0), 
                       anchor: new google.maps.Point(45, 80)
                    };

                    var imageyacht = {
                       url: '/img/logomap_yacht.png', 
                       size: new google.maps.Size(100, 90), 
                       origin: new google.maps.Point(0,0), 
                       anchor: new google.maps.Point(45, 80)
                    };  

                var Hotels = [
                      ['', 32.739769,-9.030815 , 1,imageoualidia,'/img/lasultana-walidia.jpg','',"110px",'/oualidia'],
                      ['', 31.616891, -7.988777, 2,imagemarrakech,'/img/lasultana-marrakech.jpg','',"110px",'/marrakech'],
                     // ['', 23.7313, -15.964, 2,imageyacht,'/img/lasultana-yacht.jpg','',"110px",'/yacht'],
                     // ['', 35.828, -5.804, 2,imageyacht,'/img/lasultana-yacht.jpg','',"110px",'/yacht']                    
                    ];    
 
                    

        function buttons(map){
           var homeControlDiv = document.createElement('div');           
          var homeControl = new HomeControl(homeControlDiv, map,'Monuments','../img/pinred.png');
          homeControlDiv.index = 1;
          var homeControl2 = new HomeControl(homeControlDiv, map,'Golfs','../img/pingreen.png'); 
          var homeControl4 = new HomeControl(homeControlDiv, map,'Aéroport','../img/pingray.png');  
          var homeControl3 = new HomeControl(homeControlDiv, map,'Tout',null); 
          map.controls[google.maps.ControlPosition.TOP_RIGHT].push(homeControlDiv); 
        }



 function setMarkers(map, locations) {     

     function addInfoWindow(marker, message,w,link) {
             var boxText = document.createElement("div");
             boxText.style.cssText = " padding: 5px;";
             boxText.innerHTML = message;                
             var myOptions = {
                 content: boxText
                ,disableAutoPan: false
                ,maxWidth: 0
                 ,pixelOffset: new google.maps.Size(0, 0)
                ,zIndex: null
                ,boxStyle: { 
                  background: "#fff"
                  ,opacity: 1
                  ,width: w
                  ,color:"#888"
                  ,fontSize:"9pt"
                  ,textAlign: "center" 
                 }
                ,closeBoxMargin: "0"
                ,closeBoxURL: ""
                ,infoBoxClearance: new google.maps.Size(1, 1)
                ,isHidden: false
                ,pane: "floatPane"
                ,enableEventPropagation: false
             };
            var infoWindow = new InfoBox(myOptions);
       
            google.maps.event.addListener(marker, 'mouseover', function () {
                infoWindow.open(map, marker);
            });
            google.maps.event.addListener(marker, 'mouseout', function () {
                infoWindow.close();
            }); 
           
            google.maps.event.addListener(marker, 'click', function () { 
                 if(link==""){

                 }else{ 
                 window.location = link;              
                 }
            });
            
        }

  for (var i = 0; i < locations.length; i++) {
    var beach = locations[i];
    var myLatLng = new google.maps.LatLng(beach[1], beach[2]);
    var image = beach[4];
    var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        //shadow: shadow,
        icon: image,
        //shape: shape,
        //title: beach[0],
        zIndex: beach[3]
    });
     
      var m = '<div id="content">';
     if(beach[0]!=""){m = m+'<span id="firstHeading" style="font-weight:bold;font-size:13px;font-family:myriadproregular;" class="firstHeading">'+beach[0]+'</span>';}
     //m=m+'<div id="bodyContent">';
     if(beach[6]!=""){m = m+'<span Style="text-align:center"> - '+beach[6]+'</span>';} 
     if(beach[5]!=""){m = m+'<img width="100" src="'+beach[5]+'">';} 
    // m= m+'</div>'+
     '</div>';

     addInfoWindow(marker,m,beach[7],beach[8]);
  } 
}

                  
                        

     
function HomeControl(controlDiv, map,text,img) {
 
  controlDiv.style.width = '500px';
 
  var controlUI = document.createElement('div');
  controlUI.style.width = '110px';  
  controlUI.style.cssFloat = 'left';
  controlUI.style.margin = '4px';
  controlUI.style.backgroundColor = '#fff';
  controlUI.style.borderStyle = 'solid';
  controlUI.style.borderWidth = '1px';
  controlUI.style.borderColor = '#ddd';
  controlUI.style.cursor = 'pointer';
  controlUI.style.textAlign = 'center';
  controlUI.title = 'Click to set the map to Home';
  controlDiv.appendChild(controlUI);
 
  var controlText = document.createElement('div');
  controlText.style.fontFamily = 'myriadproregular';
  controlText.style.fontSize = '12px';
  controlText.style.color = '#888';
  controlText.style.paddingLeft = '8px';
  controlText.style.paddingRight = '8px'; 
  if(img!=null){
    var imx = '<img style="height:10px !important;"  src="'+img+'"> ';
  }else{
    var imx = '';
  }
  controlText.innerHTML = imx + ' <strong>'+text+'</strong>';
  controlUI.appendChild(controlText);
 
  google.maps.event.addDomListener(controlUI, 'click', function() {
    if(text=='Golfs'){
      initializeGolfs();
    }
    else if(text=='Monuments'){
      initializeMonuments();
    }
    else if(text=='Tout'){
      initialize();
    }
    else if(text=='Aéroport'){
      initializeAero();
    }
    /*else if(text=='Back'){
      $(location).attr('href',"/maps");
    }*/
  });
}
 




function addInfoWindow2(marker, message,map,w,link) {
             var boxText = document.createElement("div");
        boxText.style.cssText = " padding: 5px;";
        boxText.innerHTML = message;
                
        var myOptions = {
                 content: boxText
                ,disableAutoPan: false
                ,maxWidth: 0
                 ,pixelOffset: new google.maps.Size(0, 0)
                ,zIndex: null
                ,boxStyle: { 
                  background: "#fff"
                  ,opacity: 1
                  ,width: w
                  ,color:"#888"
                  ,fontSize:"6pt"
                  ,textAlign: "center" 
                 }
                ,closeBoxMargin: "0"
                ,closeBoxURL: ""
                ,infoBoxClearance: new google.maps.Size(1, 1)
                ,isHidden: false
                ,pane: "floatPane"
                ,enableEventPropagation: false
          };

            var infoWindow = new InfoBox(myOptions);
       
            google.maps.event.addListener(marker, 'mouseover', function () {
                infoWindow.open(map, marker);
            });
            google.maps.event.addListener(marker, 'mouseout', function () {
                infoWindow.close();
            });
            google.maps.event.addListener(marker, 'click', function () {
                 window.location = link;
            });
        }


        


      function initialize() {
      	var myLatlng = new google.maps.LatLng(31.616891, -7.988777);
        var mapOptions = {
          center: myLatlng,

           minZoom: 10, maxZoom: 19,
          zoom: 13, 
           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

        var image = imagemarrakech ;
        var marker = new google.maps.Marker({
          position: myLatlng,
          title:"",
          icon: image
        }); 
        addInfoWindow2(marker,'<div id="content">'+  
    '<div id="bodyContent">'+
     '<img width="100" src="/img/lasultana-marrakech.jpg" >' +
    '</div>'+
    '</div>',map,"110px",'/marrakech');
        marker.setMap(map); 
        setMarkers(map, MarrakechMonuments);
        setMarkers(map, MarrakechGolfs);
        setMarkers(map, MarrakechAero);

         
        buttons(map);


         // Bounds for North America
   var allowedBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(29.61689, -9.988777), 
     new google.maps.LatLng(32.61689, -5.988777));

   // Listen for the dragend event
   google.maps.event.addListener(map, 'dragend', function() {
     if (allowedBounds.contains(map.getCenter())) return;

     // Out of bounds - Move the map back within the bounds

     var c = map.getCenter(),
         x = c.lng(),
         y = c.lat(),
         maxX = allowedBounds.getNorthEast().lng(),
         maxY = allowedBounds.getNorthEast().lat(),
         minX = allowedBounds.getSouthWest().lng(),
         minY = allowedBounds.getSouthWest().lat();

     if (x < minX) x = minX;
     if (x > maxX) x = maxX;
     if (y < minY) y = minY;
     if (y > maxY) y = maxY;

     map.setCenter(new google.maps.LatLng(y, x));
   });

   // Limit the zoom level
  
var lastCenter = map.getCenter();

google.maps.event.addListener(map, 'dragstart', function() {
    lastCenter = map.getCenter();
});

google.maps.event.addListener(map, 'dragend', function() {
    if(allowedBounds.contains(map.getCenter())) return;

    map.setCenter(lastCenter);
});
                   
      }


function initializeMonuments() {
        var myLatlng = new google.maps.LatLng(31.616891, -7.988777);
        var mapOptions = {
          center: myLatlng,
           minZoom: 10, maxZoom: 19,
          zoom: 13, 
           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

        var image = imagemarrakech ;
        var marker = new google.maps.Marker({
          position: myLatlng,
          title:"",
          icon: image
        }); 
        addInfoWindow2(marker,'<div id="content">'+  
    '<div id="bodyContent">'+
     '<img width="100" src="/img/lasultana-marrakech.jpg" >' +
    '</div>'+
    '</div>',map,"110px",'/marrakech');
        marker.setMap(map); 
        setMarkers(map, MarrakechMonuments); 

         
        buttons(map);



         // Bounds for North America
   var allowedBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(29.61689, -9.988777), 
     new google.maps.LatLng(32.61689, -5.988777));

   // Listen for the dragend event
   google.maps.event.addListener(map, 'dragend', function() {
     if (allowedBounds.contains(map.getCenter())) return;

     // Out of bounds - Move the map back within the bounds

     var c = map.getCenter(),
         x = c.lng(),
         y = c.lat(),
         maxX = allowedBounds.getNorthEast().lng(),
         maxY = allowedBounds.getNorthEast().lat(),
         minX = allowedBounds.getSouthWest().lng(),
         minY = allowedBounds.getSouthWest().lat();

     if (x < minX) x = minX;
     if (x > maxX) x = maxX;
     if (y < minY) y = minY;
     if (y > maxY) y = maxY;

     map.setCenter(new google.maps.LatLng(y, x));
   });

   // Limit the zoom level
  
var lastCenter = map.getCenter();

google.maps.event.addListener(map, 'dragstart', function() {
    lastCenter = map.getCenter();
});

google.maps.event.addListener(map, 'dragend', function() {
    if(allowedBounds.contains(map.getCenter())) return;

    map.setCenter(lastCenter);
});
                   


                   
      }


      function initializeGolfs() {
        var myLatlng = new google.maps.LatLng(31.616891, -7.988777);
        var mapOptions = {
          center: myLatlng,
           minZoom: 10, maxZoom: 19,
          zoom: 13, 
           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

        var image = imagemarrakech ;
        var marker = new google.maps.Marker({
          position: myLatlng,
          title:"",
          icon: image
        }); 
        addInfoWindow2(marker,'<div id="content">'+  
    '<div id="bodyContent">'+
     '<img width="100" src="/img/lasultana-marrakech.jpg" >' +
    '</div>'+
    '</div>',map,"110px",'/marrakech');
        marker.setMap(map);  
        setMarkers(map, MarrakechGolfs);

         buttons(map);
             


         // Bounds for North America
   var allowedBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(29.61689, -9.988777), 
     new google.maps.LatLng(32.61689, -5.988777));

   // Listen for the dragend event
   google.maps.event.addListener(map, 'dragend', function() {
     if (allowedBounds.contains(map.getCenter())) return;

     // Out of bounds - Move the map back within the bounds

     var c = map.getCenter(),
         x = c.lng(),
         y = c.lat(),
         maxX = allowedBounds.getNorthEast().lng(),
         maxY = allowedBounds.getNorthEast().lat(),
         minX = allowedBounds.getSouthWest().lng(),
         minY = allowedBounds.getSouthWest().lat();

     if (x < minX) x = minX;
     if (x > maxX) x = maxX;
     if (y < minY) y = minY;
     if (y > maxY) y = maxY;

     map.setCenter(new google.maps.LatLng(y, x));
   });

   // Limit the zoom level
  
var lastCenter = map.getCenter();

google.maps.event.addListener(map, 'dragstart', function() {
    lastCenter = map.getCenter();
});

google.maps.event.addListener(map, 'dragend', function() {
    if(allowedBounds.contains(map.getCenter())) return;

    map.setCenter(lastCenter);
});
                   

      
      }



      function initializeAero() {
        var myLatlng = new google.maps.LatLng(31.616891, -7.988777);
        var mapOptions = {
          center: myLatlng,
           minZoom: 10, maxZoom: 19,
          zoom: 13, 
           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

        var image = imagemarrakech ;
        var marker = new google.maps.Marker({
          position: myLatlng,
          title:"",
          icon: image
        }); 
        addInfoWindow2(marker,'<div id="content">'+  
    '<div id="bodyContent">'+
     '<img width="100" src="/img/lasultana-marrakech.jpg" >' +
    '</div>'+
    '</div>',map,"110px",'/marrakech');
        marker.setMap(map);  
        setMarkers(map, MarrakechAero);

         buttons(map);
               


         // Bounds for North America
   var allowedBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(29.61689, -9.988777), 
     new google.maps.LatLng(32.61689, -5.988777));

   // Listen for the dragend event
   google.maps.event.addListener(map, 'dragend', function() {
     if (allowedBounds.contains(map.getCenter())) return;

     // Out of bounds - Move the map back within the bounds

     var c = map.getCenter(),
         x = c.lng(),
         y = c.lat(),
         maxX = allowedBounds.getNorthEast().lng(),
         maxY = allowedBounds.getNorthEast().lat(),
         minX = allowedBounds.getSouthWest().lng(),
         minY = allowedBounds.getSouthWest().lat();

     if (x < minX) x = minX;
     if (x > maxX) x = maxX;
     if (y < minY) y = minY;
     if (y > maxY) y = maxY;

     map.setCenter(new google.maps.LatLng(y, x));
   });

   // Limit the zoom level
  
var lastCenter = map.getCenter();

google.maps.event.addListener(map, 'dragstart', function() {
    lastCenter = map.getCenter();
});

google.maps.event.addListener(map, 'dragend', function() {
    if(allowedBounds.contains(map.getCenter())) return;

    map.setCenter(lastCenter);
});
                   

    
      }






      function initialize2() {
        var myLatlng = new google.maps.LatLng(32.739769,-9.030815);
        var mapOptions = {
          center: myLatlng,
           minZoom: 8, maxZoom: 19,
          zoom: 8, 
           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

        var image = imageoualidia;
        var marker = new google.maps.Marker({
          position: myLatlng, 
          icon: image
        });  
        addInfoWindow2(marker,'<div id="content">'+  
    '<div id="bodyContent">'+
     '<img width="100" src="/img/lasultana-walidia.jpg" >' +
    '</div>'+
    '</div>',map,"110px",'/oualidia');
        marker.setMap(map); 
        setMarkers(map, Oualidia);   


         // Bounds for North America
   var allowedBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(32.739769, -9.03081), 
     new google.maps.LatLng(33.739769, -10.03081));

   // Listen for the dragend event
   google.maps.event.addListener(map, 'dragend', function() {
     if (allowedBounds.contains(map.getCenter())) return;

     // Out of bounds - Move the map back within the bounds

     var c = map.getCenter(),
         x = c.lng(),
         y = c.lat(),
         maxX = allowedBounds.getNorthEast().lng(),
         maxY = allowedBounds.getNorthEast().lat(),
         minX = allowedBounds.getSouthWest().lng(),
         minY = allowedBounds.getSouthWest().lat();

     if (x < minX) x = minX;
     if (x > maxX) x = maxX;
     if (y < minY) y = minY;
     if (y > maxY) y = maxY;

     map.setCenter(new google.maps.LatLng(y, x));
   });

   // Limit the zoom level
  
var lastCenter = map.getCenter();

google.maps.event.addListener(map, 'dragstart', function() {
    lastCenter = map.getCenter();
});

google.maps.event.addListener(map, 'dragend', function() {
    if(allowedBounds.contains(map.getCenter())) return;

    map.setCenter(lastCenter);
});
                   
    
      } 




function initializex() {
        var myLatlng = new google.maps.LatLng(30.742526,-8.027752);
        var mapStyles = [{featureType: "administrative.country",stylers: [{ visibility: "off" }]}];
    var mapType = new google.maps.StyledMapType(mapStyles ,{name: "Maroc"});

        var mapOptions = {
          center: myLatlng,
          zoom: 6, 

           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP, 
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

           map.mapTypes.set('maroc', mapType );
        map.setMapTypeId('maroc');
        layer = new google.maps.FusionTablesLayer({
                    query: {
                select: 'geometry',
                from: '1S4aLkBE5u_WS0WMVSchhBgMLdAARuPEjyW4rs20',
                    where: "col1 contains 'MAR'"
                },
                styles: [{
                    polylineOptions: {
                        strokeColor: "#333333",
                        strokeWeight: 2
                    },
                }],
                suppressInfoWindows: true,
        });
        layer.setMap(map);
        
        setMarkers(map, Hotels);   

        //var homeControlDiv = document.createElement('div');           
         // var homeControl = new HomeControl(homeControlDiv, map,'Back');
         // homeControlDiv.index = 1;
         // map.controls[google.maps.ControlPosition.TOP_LEFT].push(homeControlDiv);    
      } 

      


//]]>
</script><script type="text/javascript">
//<![CDATA[
    $(document).ready(function() {  
      function update() {  
        $.ajax({
           type: 'GET',
           url: '/pages/getTime', 
           success: function(data) {
              $("#timer").html(data); 
           },
        });
      } 
       update();
        setInterval(update, 40000); 
    });

    $('ul.nav>li>a , ul.nav>li>ul.dropdown-menu>li>a').click(function(e){
      var slug = $(this).attr('data-slug');
      var hotel = "sustainability";

        
       $.ajax({
          method: 'GET',
           url: '/pages/getContent/'+slug, 
           success: function(data) {  
             data = $.parseJSON(data); 
             console.log(data)
             $("div#content").html(data.content );
             fillFiles(data.files);
             if(hotel=="marrakech" && slug=="Localisation"){
                 $('div#map-canvas').css({"width":"100%" , "height":"400px"});
                 initialize();
             }
             else if(hotel=="oualidia" && slug=="Localisation"){
                 $('div#map-canvas').css({"width":"100%" , "height":"400px"});
                 initialize2();
             }else{
              $('div#map-canvas').css({"width":"0" , "height":"0px"});
             }
           },
        });  

        function fillFiles(files){ 
          var filehtml ="";
          for(var i=0;i<files.length ; i++){ 
            filehtml = filehtml + "<li><a href='../pdfs/"+files[i]['File']['name']+"' target='blank'>"+files[i]['File']['legend']+"</a></li>";
          }
          $("ul.file").html(filehtml);
        }
       e.preventDefault(); 
       }); 

//]]>
</script>',
	'title_for_layout' => 'Pages'
)
$page = array(
	'Page' => array(
		'id' => '89',
		'title' => '',
		'content' => '',
		'photo' => null,
		'file' => '',
		'hotels_id' => '4',
		'languages_id' => '1',
		'slug' => 'our-actions',
		'header' => '',
		'enligne' => true,
		'metatitle' => '',
		'metadescription' => '',
		'ordre' => '5',
		'type' => 'Default',
		'locale' => 'eng'
	),
	(int) 0 => array(
		'Page__i18n__title' => 'OUR ACTIONS',
		'Page__i18n__content' => '<h2 style="text-align: center;"><span style="background-color: initial;">OUR ACTIONS</span><br></h2>
<p>We have gathered our Conservation &amp; Sustainability philosophy below for our curious guests who are like us concerned by the future of our planet.
With your help and our actions behind the scenes, each stay at La Sultana Marrakech &amp; La Sultana Oualidia drive positive changes for Natural &amp; Cultural Conservation in Morocco.
</p>
<ul id="suscarousel" class="jcarousel-skin-tango">
<li id="h_sustain"> <a href="/p/sustainability/dar-bouidar"> <img src="/img/pages/dar-bouidar-2.jpg"> <span>DAR BOUIDAR, TOURISM TO HELP CHILDREN
 </span></a></li>
<li id="h_sustain"> <a href="/p/sustainability/save-the-birds-in-oualidia"> <img src="/img/pages/oualidia-birds.jpg" style=""> <span>SAVE THE BIRDS OF THE WORLD IN OUALIDIA &amp; BEACH CLEAN-UP CAMPAIGN </span></a></li>
</ul>
'
	),
	'_title' => array(
		(int) 0 => array(
			'id' => '2228',
			'locale' => 'fre',
			'model' => 'Page',
			'foreign_key' => '89',
			'field' => 'title',
			'content' => 'OUR ACTIONS'
		),
		(int) 1 => array(
			'id' => '2230',
			'locale' => 'eng',
			'model' => 'Page',
			'foreign_key' => '89',
			'field' => 'title',
			'content' => 'OUR ACTIONS'
		)
	),
	'_content' => array(
		(int) 0 => array(
			'id' => '2229',
			'locale' => 'fre',
			'model' => 'Page',
			'foreign_key' => '89',
			'field' => 'content',
			'content' => '<h2 style="text-align: center;"><span style="background-color: initial;">OUR ACTIONS</span><br></h2>
<p>We have gathered our Conservation &amp; Sustainability philosophy below for our curious guests who are like us concerned by the future of our planet.
With your help and our actions behind the scenes, each stay at La Sultana Marrakech &amp; La Sultana Oualidia drive positive changes for Natural &amp; Cultural Conservation in Morocco.
</p>
<ul id="suscarousel" class="jcarousel-skin-tango">
<li id="h_sustain"> <a href="/p/sustainability/dar-bouidar"> <img src="/img/pages/dar-bouidar-2.jpg"> <span>DAR BOUIDAR, TOURISM TO HELP CHILDREN
 </span></a></li>
<li id="h_sustain"> <a href="/p/sustainability/save-the-birds-in-oualidia"> <img src="/img/pages/oualidia-birds.jpg" style=""> <span>SAVE THE BIRDS OF THE WORLD IN OUALIDIA &amp; BEACH CLEAN-UP CAMPAIGN </span></a></li>
</ul>
'
		),
		(int) 1 => array(
			'id' => '2231',
			'locale' => 'eng',
			'model' => 'Page',
			'foreign_key' => '89',
			'field' => 'content',
			'content' => '<h2 style="text-align: center;"><span style="background-color: initial;">OUR ACTIONS</span><br></h2>
<p>We have gathered our Conservation &amp; Sustainability philosophy below for our curious guests who are like us concerned by the future of our planet.
With your help and our actions behind the scenes, each stay at La Sultana Marrakech &amp; La Sultana Oualidia drive positive changes for Natural &amp; Cultural Conservation in Morocco.
</p>
<ul id="suscarousel" class="jcarousel-skin-tango">
<li id="h_sustain"> <a href="/p/sustainability/dar-bouidar"> <img src="/img/pages/dar-bouidar-2.jpg"> <span>DAR BOUIDAR, TOURISM TO HELP CHILDREN
 </span></a></li>
<li id="h_sustain"> <a href="/p/sustainability/save-the-birds-in-oualidia"> <img src="/img/pages/oualidia-birds.jpg" style=""> <span>SAVE THE BIRDS OF THE WORLD IN OUALIDIA &amp; BEACH CLEAN-UP CAMPAIGN </span></a></li>
</ul>
'
		)
	),
	'Media' => array(
		(int) 167 => array(
			'id' => '167',
			'ref' => 'Page',
			'ref_id' => '89',
			'file' => '/img/pages/oualidia-birds.jpg',
			'position' => '0',
			'type' => 'pic',
			'icon' => '/img/pages/oualidia-birds.jpg'
		),
		(int) 172 => array(
			'id' => '172',
			'ref' => 'Page',
			'ref_id' => '89',
			'file' => '/img/pages/dar-bouidar-2.jpg',
			'position' => '0',
			'type' => 'pic',
			'icon' => '/img/pages/dar-bouidar-2.jpg'
		),
		(int) 173 => array(
			'id' => '173',
			'ref' => 'Page',
			'ref_id' => '89',
			'file' => '/img/pages/protection-environnement-2.jpg',
			'position' => '0',
			'type' => 'pic',
			'icon' => '/img/pages/protection-environnement-2.jpg'
		)
	)
)
$menu = array()
$photos = array(
	(int) 0 => array(
		'PagesPhoto' => array(
			'path' => '2013/02/ouali-04.jpg',
			'id' => '61',
			'locale' => 'eng',
			'legend' => ''
		),
		'_legend' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		)
	),
	(int) 1 => array(
		'PagesPhoto' => array(
			'path' => '2013/02/ouali-10-11-14.jpg',
			'id' => '62',
			'locale' => 'eng',
			'legend' => ''
		),
		'_legend' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		)
	),
	(int) 2 => array(
		'PagesPhoto' => array(
			'path' => '2013/02/yacht-sultana-10.jpg',
			'id' => '63',
			'locale' => 'eng',
			'legend' => ''
		),
		'_legend' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		)
	),
	(int) 3 => array(
		'PagesPhoto' => array(
			'path' => '2013/02/yacht-sultana-03.jpg',
			'id' => '64',
			'locale' => 'eng',
			'legend' => ''
		),
		'_legend' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		)
	),
	(int) 4 => array(
		'PagesPhoto' => array(
			'path' => '2013/02/681.jpg',
			'id' => '65',
			'locale' => 'eng',
			'legend' => ''
		),
		'_legend' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		)
	),
	(int) 5 => array(
		'PagesPhoto' => array(
			'path' => '2013/02/696.jpg',
			'id' => '67',
			'locale' => 'eng',
			'legend' => ''
		),
		'_legend' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		)
	),
	(int) 6 => array(
		'PagesPhoto' => array(
			'path' => '',
			'id' => '196',
			'locale' => 'eng',
			'legend' => ''
		),
		'_legend' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		)
	)
)
$files = array()
$content_for_layout = '   

  
  <div class="pageContent">
   <div class="row">
    <div class="span3 leftSide"> 
      <div style="padding-top:3px;" >
  <span style="font-size: 16px; font-family: ArquitectaLight;margin-bottom: 10px; text-transform:uppercase;   display: block;">Conservation & Sustainability</span>
   <ul class="pressRoom">
     
     
     <li ><a href="/p/sustainability/our-actions">Our actions</a></li>
     <li > <a href="/pdfs/book_ecologie.pdf" target="_blank">Our values &amp; Engagements</a></li>
     <!--<li > </li>
     <li > </li>   -->    
   </ul>
  </div>


  <div style="padding-top:30px;  line-height:15px;">
    
    <span class="smallTitre" style="margin-bottom: 11px;    display: block;font-family: ArquitectaLight; font-size: 16px;text-transform: uppercase;"> Want to Help </span>  
    <span class="smallTitre">Contact: Lucie Viallet <br> <a href="mailto:wanttohelp@lasultanahotels.com">wanttohelp@lasultanahotels.com</a> </span>

 </div>


<style>
.jcarousel-skin-tango .jcarousel-item {
    width: 330px;
    height: auto;
}
.jcarousel-skin-tango .jcarousel-item-horizontal { 
   position:relative;
}
.jcarousel-skin-tango .jcarousel-item-horizontal img { 
    width: 100%;
}
.jcarousel-skin-tango .jcarousel-item-horizontal  span { 
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 100000;
    display: block;
    width: 100%;
    padding-top:50px;
    height: 100%;
    color: #fff;
}
.jcarousel-skin-tango .jcarousel-item-horizontal  span:hover {  
    background-color: rgba(255,255,255,.5); 
    color: #040404;
    cursor:pointer;
}
.jcarousel-prev,
.jcarousel-next{
  display:none !important;
}
</style>

  

  

    
       </div>
    <div class="rightSide" style="width:870px;"> 






    

    
<div id="content" class="row contentColumn" >
  <h2 style="text-align: center;"><span style="background-color: initial;">OUR ACTIONS</span><br></h2>
<p>We have gathered our Conservation &amp; Sustainability philosophy below for our curious guests who are like us concerned by the future of our planet.
With your help and our actions behind the scenes, each stay at La Sultana Marrakech &amp; La Sultana Oualidia drive positive changes for Natural &amp; Cultural Conservation in Morocco.
</p>
<ul id="suscarousel" class="jcarousel-skin-tango">
<li id="h_sustain"> <a href="/p/sustainability/dar-bouidar"> <img src="/img/pages/dar-bouidar-2.jpg"> <span>DAR BOUIDAR, TOURISM TO HELP CHILDREN
 </span></a></li>
<li id="h_sustain"> <a href="/p/sustainability/save-the-birds-in-oualidia"> <img src="/img/pages/oualidia-birds.jpg" style=""> <span>SAVE THE BIRDS OF THE WORLD IN OUALIDIA &amp; BEACH CLEAN-UP CAMPAIGN </span></a></li>
</ul>
 
</div> 

 
 
<div id="map-canvas"  ></div>
     
       
        
    
    
 
<style type="text/css">
div.i4ewOd-pzNkMb-haAclf{display: none;}
</style>
   
 
    
  
 <ul class="file">  
            <ul>


 
        </div>
    </div> 





 </div> 




'
$scripts_for_layout = '<link href="https://www.lasultanahotels.com/p/sustainability" rel="canonical"/><link rel="stylesheet" type="text/css" href="/skins/tango/skin.css"/><link rel="stylesheet" type="text/css" href="/css/jquery.lightbox-0.5.css"/><script type="text/javascript" src="/js/jquery.jcarousel.js"></script><script type="text/javascript" src="/js/jquery.lightbox-0.5.js"></script><script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function() {
  

    jQuery('#suscarousel').jcarousel({
        visible:2,
        scroll: 1,  
        center: true,
    });
});
 

//]]>
</script><script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCwTl0HAKFHnGsPPK11qZwfF8dEjr8eJtY&sensor=false"></script><script type="text/javascript" src="/js/map-infobox.js"></script><script type="text/javascript">
//<![CDATA[

   

                   var MarrakechMonuments = [
                      ['Place Jemaa El Fna', 31.62582, -7.98896, 4,'/img/pinred.png','','1.3 km<br>10 min à pied/ walking<br>6 min en calèche/ horse carriage',"180px",''],
                      ['Tombeaux saadiens', 31.61727, -7.98883, 5,'/img/pinred.png','',' 0.05 km<br>1 min à pied/ walking',"190px",''],
                      ['Palais de la Bahia', 31.621745, -7.981514, 3,'/img/pinred.png','','1.1 km<br>8 min à pied/ walking',"180px",''],
                      ['Palais el badi', 31.61861, -7.98663, 2,'/img/pinred.png','','0.8 Km <br> 5 min à pied / walking',"180px",''],
                      ['Jardins Majorelle', 31.64143, -8.00233, 1,'/img/pinred.png','','3.6 km<br>10 min en voiture/ driving<br>45 min en calèche/ horse carriage ',"180px",''],
                      ['Koutoubia Mosquée', 31.624108, -7.993267, 6,'/img/pinred.png','','1.3 km<br>10 min à pied/ walking<br>6 min en calèche/ horse carriage',"180px",''],               
                   ['Bab Agnaou', 31.617590, -7.990711, 7,'/img/pinred.png','','1 min à pied/ walking',"180px",''],
                   ['musée YVES SAINT LAURENT', 31.642943, -8.003184, 7,'/img/pinred.png','','3.6 km<br>10 min en voiture/ driving<br>45 min en calèche/ horse carriage',"180px",''],
                   ];

                   var MarrakechGolfs = [
                      ['Golf royal', 31.6081, -7.9467, 7,'/img/pingreen.png','','5.5 km<br>15 min en voiture/ driving',"180px",''],
                      ['Golf Amelkis', 31.6173, -7.9267, 8,'/img/pingreen.png','','5.7 Km <br> 15 min en voiture / driving',"180px",''],
                      ['Golf Samannah', 31.5025, -8.041, 9,'/img/pingreen.png','','',"180px",''],
                      ['Golf Atlas', 31.59051, -8.01262, 10,'/img/pingreen.png','','3 km<br>10 min en voiture/ driving',"180px",''],
                       ['Golf Al Maaden', 31.5931, -7.9407, 11,'/img/pingreen.png','',' 5.5 km<br>15 min en voiture/ driving',"180px",'']
                    ];

                    var MarrakechAero = [
                      ['Aéroport Marrakech Menara', 31.60205,-8.027261, 7,'/img/pingray.png','','5 km<br>15 min en voiture/ driving',"180px",'']
                    ];



                var Oualidia = [
                      ['Aéroport International Mohammed V', 33.373689,-7.581167, 4,'/img/pingray.png','','180 Km <br> 2H30min en voitre / driving',"180px",''],
                      ['Golf El Jadida', 33.287059,-8.377419, 5,'/img/pingreen.png','','80 Km <br> 50 min',"180px",''],
                      ['Aéroport Marrakech Menara', 31.60205,-8.027261, 7,'/img/pingray.png','','185 Km <br> 2H45min en voiture / driving',"180px",'']         
                    ];

                    var imagemarrakech = {
                      url: '/img/logomap_marrakech.png', 
                      size: new google.maps.Size(100, 90), 
                      origin: new google.maps.Point(0,0), 
                      anchor: new google.maps.Point(45, 10)
                    };

                    var imageoualidia = {
                       url: '/img/logomap_oualidia.png', 
                       size: new google.maps.Size(100, 90), 
                       origin: new google.maps.Point(0,0), 
                       anchor: new google.maps.Point(45, 80)
                    };

                    var imageyacht = {
                       url: '/img/logomap_yacht.png', 
                       size: new google.maps.Size(100, 90), 
                       origin: new google.maps.Point(0,0), 
                       anchor: new google.maps.Point(45, 80)
                    };  

                var Hotels = [
                      ['', 32.739769,-9.030815 , 1,imageoualidia,'/img/lasultana-walidia.jpg','',"110px",'/oualidia'],
                      ['', 31.616891, -7.988777, 2,imagemarrakech,'/img/lasultana-marrakech.jpg','',"110px",'/marrakech'],
                     // ['', 23.7313, -15.964, 2,imageyacht,'/img/lasultana-yacht.jpg','',"110px",'/yacht'],
                     // ['', 35.828, -5.804, 2,imageyacht,'/img/lasultana-yacht.jpg','',"110px",'/yacht']                    
                    ];    
 
                    

        function buttons(map){
           var homeControlDiv = document.createElement('div');           
          var homeControl = new HomeControl(homeControlDiv, map,'Monuments','../img/pinred.png');
          homeControlDiv.index = 1;
          var homeControl2 = new HomeControl(homeControlDiv, map,'Golfs','../img/pingreen.png'); 
          var homeControl4 = new HomeControl(homeControlDiv, map,'Aéroport','../img/pingray.png');  
          var homeControl3 = new HomeControl(homeControlDiv, map,'Tout',null); 
          map.controls[google.maps.ControlPosition.TOP_RIGHT].push(homeControlDiv); 
        }



 function setMarkers(map, locations) {     

     function addInfoWindow(marker, message,w,link) {
             var boxText = document.createElement("div");
             boxText.style.cssText = " padding: 5px;";
             boxText.innerHTML = message;                
             var myOptions = {
                 content: boxText
                ,disableAutoPan: false
                ,maxWidth: 0
                 ,pixelOffset: new google.maps.Size(0, 0)
                ,zIndex: null
                ,boxStyle: { 
                  background: "#fff"
                  ,opacity: 1
                  ,width: w
                  ,color:"#888"
                  ,fontSize:"9pt"
                  ,textAlign: "center" 
                 }
                ,closeBoxMargin: "0"
                ,closeBoxURL: ""
                ,infoBoxClearance: new google.maps.Size(1, 1)
                ,isHidden: false
                ,pane: "floatPane"
                ,enableEventPropagation: false
             };
            var infoWindow = new InfoBox(myOptions);
       
            google.maps.event.addListener(marker, 'mouseover', function () {
                infoWindow.open(map, marker);
            });
            google.maps.event.addListener(marker, 'mouseout', function () {
                infoWindow.close();
            }); 
           
            google.maps.event.addListener(marker, 'click', function () { 
                 if(link==""){

                 }else{ 
                 window.location = link;              
                 }
            });
            
        }

  for (var i = 0; i < locations.length; i++) {
    var beach = locations[i];
    var myLatLng = new google.maps.LatLng(beach[1], beach[2]);
    var image = beach[4];
    var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        //shadow: shadow,
        icon: image,
        //shape: shape,
        //title: beach[0],
        zIndex: beach[3]
    });
     
      var m = '<div id="content">';
     if(beach[0]!=""){m = m+'<span id="firstHeading" style="font-weight:bold;font-size:13px;font-family:myriadproregular;" class="firstHeading">'+beach[0]+'</span>';}
     //m=m+'<div id="bodyContent">';
     if(beach[6]!=""){m = m+'<span Style="text-align:center"> - '+beach[6]+'</span>';} 
     if(beach[5]!=""){m = m+'<img width="100" src="'+beach[5]+'">';} 
    // m= m+'</div>'+
     '</div>';

     addInfoWindow(marker,m,beach[7],beach[8]);
  } 
}

                  
                        

     
function HomeControl(controlDiv, map,text,img) {
 
  controlDiv.style.width = '500px';
 
  var controlUI = document.createElement('div');
  controlUI.style.width = '110px';  
  controlUI.style.cssFloat = 'left';
  controlUI.style.margin = '4px';
  controlUI.style.backgroundColor = '#fff';
  controlUI.style.borderStyle = 'solid';
  controlUI.style.borderWidth = '1px';
  controlUI.style.borderColor = '#ddd';
  controlUI.style.cursor = 'pointer';
  controlUI.style.textAlign = 'center';
  controlUI.title = 'Click to set the map to Home';
  controlDiv.appendChild(controlUI);
 
  var controlText = document.createElement('div');
  controlText.style.fontFamily = 'myriadproregular';
  controlText.style.fontSize = '12px';
  controlText.style.color = '#888';
  controlText.style.paddingLeft = '8px';
  controlText.style.paddingRight = '8px'; 
  if(img!=null){
    var imx = '<img style="height:10px !important;"  src="'+img+'"> ';
  }else{
    var imx = '';
  }
  controlText.innerHTML = imx + ' <strong>'+text+'</strong>';
  controlUI.appendChild(controlText);
 
  google.maps.event.addDomListener(controlUI, 'click', function() {
    if(text=='Golfs'){
      initializeGolfs();
    }
    else if(text=='Monuments'){
      initializeMonuments();
    }
    else if(text=='Tout'){
      initialize();
    }
    else if(text=='Aéroport'){
      initializeAero();
    }
    /*else if(text=='Back'){
      $(location).attr('href',"/maps");
    }*/
  });
}
 




function addInfoWindow2(marker, message,map,w,link) {
             var boxText = document.createElement("div");
        boxText.style.cssText = " padding: 5px;";
        boxText.innerHTML = message;
                
        var myOptions = {
                 content: boxText
                ,disableAutoPan: false
                ,maxWidth: 0
                 ,pixelOffset: new google.maps.Size(0, 0)
                ,zIndex: null
                ,boxStyle: { 
                  background: "#fff"
                  ,opacity: 1
                  ,width: w
                  ,color:"#888"
                  ,fontSize:"6pt"
                  ,textAlign: "center" 
                 }
                ,closeBoxMargin: "0"
                ,closeBoxURL: ""
                ,infoBoxClearance: new google.maps.Size(1, 1)
                ,isHidden: false
                ,pane: "floatPane"
                ,enableEventPropagation: false
          };

            var infoWindow = new InfoBox(myOptions);
       
            google.maps.event.addListener(marker, 'mouseover', function () {
                infoWindow.open(map, marker);
            });
            google.maps.event.addListener(marker, 'mouseout', function () {
                infoWindow.close();
            });
            google.maps.event.addListener(marker, 'click', function () {
                 window.location = link;
            });
        }


        


      function initialize() {
      	var myLatlng = new google.maps.LatLng(31.616891, -7.988777);
        var mapOptions = {
          center: myLatlng,

           minZoom: 10, maxZoom: 19,
          zoom: 13, 
           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

        var image = imagemarrakech ;
        var marker = new google.maps.Marker({
          position: myLatlng,
          title:"",
          icon: image
        }); 
        addInfoWindow2(marker,'<div id="content">'+  
    '<div id="bodyContent">'+
     '<img width="100" src="/img/lasultana-marrakech.jpg" >' +
    '</div>'+
    '</div>',map,"110px",'/marrakech');
        marker.setMap(map); 
        setMarkers(map, MarrakechMonuments);
        setMarkers(map, MarrakechGolfs);
        setMarkers(map, MarrakechAero);

         
        buttons(map);


         // Bounds for North America
   var allowedBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(29.61689, -9.988777), 
     new google.maps.LatLng(32.61689, -5.988777));

   // Listen for the dragend event
   google.maps.event.addListener(map, 'dragend', function() {
     if (allowedBounds.contains(map.getCenter())) return;

     // Out of bounds - Move the map back within the bounds

     var c = map.getCenter(),
         x = c.lng(),
         y = c.lat(),
         maxX = allowedBounds.getNorthEast().lng(),
         maxY = allowedBounds.getNorthEast().lat(),
         minX = allowedBounds.getSouthWest().lng(),
         minY = allowedBounds.getSouthWest().lat();

     if (x < minX) x = minX;
     if (x > maxX) x = maxX;
     if (y < minY) y = minY;
     if (y > maxY) y = maxY;

     map.setCenter(new google.maps.LatLng(y, x));
   });

   // Limit the zoom level
  
var lastCenter = map.getCenter();

google.maps.event.addListener(map, 'dragstart', function() {
    lastCenter = map.getCenter();
});

google.maps.event.addListener(map, 'dragend', function() {
    if(allowedBounds.contains(map.getCenter())) return;

    map.setCenter(lastCenter);
});
                   
      }


function initializeMonuments() {
        var myLatlng = new google.maps.LatLng(31.616891, -7.988777);
        var mapOptions = {
          center: myLatlng,
           minZoom: 10, maxZoom: 19,
          zoom: 13, 
           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

        var image = imagemarrakech ;
        var marker = new google.maps.Marker({
          position: myLatlng,
          title:"",
          icon: image
        }); 
        addInfoWindow2(marker,'<div id="content">'+  
    '<div id="bodyContent">'+
     '<img width="100" src="/img/lasultana-marrakech.jpg" >' +
    '</div>'+
    '</div>',map,"110px",'/marrakech');
        marker.setMap(map); 
        setMarkers(map, MarrakechMonuments); 

         
        buttons(map);



         // Bounds for North America
   var allowedBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(29.61689, -9.988777), 
     new google.maps.LatLng(32.61689, -5.988777));

   // Listen for the dragend event
   google.maps.event.addListener(map, 'dragend', function() {
     if (allowedBounds.contains(map.getCenter())) return;

     // Out of bounds - Move the map back within the bounds

     var c = map.getCenter(),
         x = c.lng(),
         y = c.lat(),
         maxX = allowedBounds.getNorthEast().lng(),
         maxY = allowedBounds.getNorthEast().lat(),
         minX = allowedBounds.getSouthWest().lng(),
         minY = allowedBounds.getSouthWest().lat();

     if (x < minX) x = minX;
     if (x > maxX) x = maxX;
     if (y < minY) y = minY;
     if (y > maxY) y = maxY;

     map.setCenter(new google.maps.LatLng(y, x));
   });

   // Limit the zoom level
  
var lastCenter = map.getCenter();

google.maps.event.addListener(map, 'dragstart', function() {
    lastCenter = map.getCenter();
});

google.maps.event.addListener(map, 'dragend', function() {
    if(allowedBounds.contains(map.getCenter())) return;

    map.setCenter(lastCenter);
});
                   


                   
      }


      function initializeGolfs() {
        var myLatlng = new google.maps.LatLng(31.616891, -7.988777);
        var mapOptions = {
          center: myLatlng,
           minZoom: 10, maxZoom: 19,
          zoom: 13, 
           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

        var image = imagemarrakech ;
        var marker = new google.maps.Marker({
          position: myLatlng,
          title:"",
          icon: image
        }); 
        addInfoWindow2(marker,'<div id="content">'+  
    '<div id="bodyContent">'+
     '<img width="100" src="/img/lasultana-marrakech.jpg" >' +
    '</div>'+
    '</div>',map,"110px",'/marrakech');
        marker.setMap(map);  
        setMarkers(map, MarrakechGolfs);

         buttons(map);
             


         // Bounds for North America
   var allowedBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(29.61689, -9.988777), 
     new google.maps.LatLng(32.61689, -5.988777));

   // Listen for the dragend event
   google.maps.event.addListener(map, 'dragend', function() {
     if (allowedBounds.contains(map.getCenter())) return;

     // Out of bounds - Move the map back within the bounds

     var c = map.getCenter(),
         x = c.lng(),
         y = c.lat(),
         maxX = allowedBounds.getNorthEast().lng(),
         maxY = allowedBounds.getNorthEast().lat(),
         minX = allowedBounds.getSouthWest().lng(),
         minY = allowedBounds.getSouthWest().lat();

     if (x < minX) x = minX;
     if (x > maxX) x = maxX;
     if (y < minY) y = minY;
     if (y > maxY) y = maxY;

     map.setCenter(new google.maps.LatLng(y, x));
   });

   // Limit the zoom level
  
var lastCenter = map.getCenter();

google.maps.event.addListener(map, 'dragstart', function() {
    lastCenter = map.getCenter();
});

google.maps.event.addListener(map, 'dragend', function() {
    if(allowedBounds.contains(map.getCenter())) return;

    map.setCenter(lastCenter);
});
                   

      
      }



      function initializeAero() {
        var myLatlng = new google.maps.LatLng(31.616891, -7.988777);
        var mapOptions = {
          center: myLatlng,
           minZoom: 10, maxZoom: 19,
          zoom: 13, 
           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

        var image = imagemarrakech ;
        var marker = new google.maps.Marker({
          position: myLatlng,
          title:"",
          icon: image
        }); 
        addInfoWindow2(marker,'<div id="content">'+  
    '<div id="bodyContent">'+
     '<img width="100" src="/img/lasultana-marrakech.jpg" >' +
    '</div>'+
    '</div>',map,"110px",'/marrakech');
        marker.setMap(map);  
        setMarkers(map, MarrakechAero);

         buttons(map);
               


         // Bounds for North America
   var allowedBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(29.61689, -9.988777), 
     new google.maps.LatLng(32.61689, -5.988777));

   // Listen for the dragend event
   google.maps.event.addListener(map, 'dragend', function() {
     if (allowedBounds.contains(map.getCenter())) return;

     // Out of bounds - Move the map back within the bounds

     var c = map.getCenter(),
         x = c.lng(),
         y = c.lat(),
         maxX = allowedBounds.getNorthEast().lng(),
         maxY = allowedBounds.getNorthEast().lat(),
         minX = allowedBounds.getSouthWest().lng(),
         minY = allowedBounds.getSouthWest().lat();

     if (x < minX) x = minX;
     if (x > maxX) x = maxX;
     if (y < minY) y = minY;
     if (y > maxY) y = maxY;

     map.setCenter(new google.maps.LatLng(y, x));
   });

   // Limit the zoom level
  
var lastCenter = map.getCenter();

google.maps.event.addListener(map, 'dragstart', function() {
    lastCenter = map.getCenter();
});

google.maps.event.addListener(map, 'dragend', function() {
    if(allowedBounds.contains(map.getCenter())) return;

    map.setCenter(lastCenter);
});
                   

    
      }






      function initialize2() {
        var myLatlng = new google.maps.LatLng(32.739769,-9.030815);
        var mapOptions = {
          center: myLatlng,
           minZoom: 8, maxZoom: 19,
          zoom: 8, 
           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

        var image = imageoualidia;
        var marker = new google.maps.Marker({
          position: myLatlng, 
          icon: image
        });  
        addInfoWindow2(marker,'<div id="content">'+  
    '<div id="bodyContent">'+
     '<img width="100" src="/img/lasultana-walidia.jpg" >' +
    '</div>'+
    '</div>',map,"110px",'/oualidia');
        marker.setMap(map); 
        setMarkers(map, Oualidia);   


         // Bounds for North America
   var allowedBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(32.739769, -9.03081), 
     new google.maps.LatLng(33.739769, -10.03081));

   // Listen for the dragend event
   google.maps.event.addListener(map, 'dragend', function() {
     if (allowedBounds.contains(map.getCenter())) return;

     // Out of bounds - Move the map back within the bounds

     var c = map.getCenter(),
         x = c.lng(),
         y = c.lat(),
         maxX = allowedBounds.getNorthEast().lng(),
         maxY = allowedBounds.getNorthEast().lat(),
         minX = allowedBounds.getSouthWest().lng(),
         minY = allowedBounds.getSouthWest().lat();

     if (x < minX) x = minX;
     if (x > maxX) x = maxX;
     if (y < minY) y = minY;
     if (y > maxY) y = maxY;

     map.setCenter(new google.maps.LatLng(y, x));
   });

   // Limit the zoom level
  
var lastCenter = map.getCenter();

google.maps.event.addListener(map, 'dragstart', function() {
    lastCenter = map.getCenter();
});

google.maps.event.addListener(map, 'dragend', function() {
    if(allowedBounds.contains(map.getCenter())) return;

    map.setCenter(lastCenter);
});
                   
    
      } 




function initializex() {
        var myLatlng = new google.maps.LatLng(30.742526,-8.027752);
        var mapStyles = [{featureType: "administrative.country",stylers: [{ visibility: "off" }]}];
    var mapType = new google.maps.StyledMapType(mapStyles ,{name: "Maroc"});

        var mapOptions = {
          center: myLatlng,
          zoom: 6, 

           mapTypeControl: false,
          panControl: false, 
          scrollwheel: false,
          scaleControl: true,
           zoomControl: true,
           zoomControlOptions: {
             style: google.maps.ZoomControlStyle.SMALL,
             position: google.maps.ControlPosition.RIGHT_TOP
           },
          mapTypeId: google.maps.MapTypeId.ROADMAP, 
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),     mapOptions);

           map.mapTypes.set('maroc', mapType );
        map.setMapTypeId('maroc');
        layer = new google.maps.FusionTablesLayer({
                    query: {
                select: 'geometry',
                from: '1S4aLkBE5u_WS0WMVSchhBgMLdAARuPEjyW4rs20',
                    where: "col1 contains 'MAR'"
                },
                styles: [{
                    polylineOptions: {
                        strokeColor: "#333333",
                        strokeWeight: 2
                    },
                }],
                suppressInfoWindows: true,
        });
        layer.setMap(map);
        
        setMarkers(map, Hotels);   

        //var homeControlDiv = document.createElement('div');           
         // var homeControl = new HomeControl(homeControlDiv, map,'Back');
         // homeControlDiv.index = 1;
         // map.controls[google.maps.ControlPosition.TOP_LEFT].push(homeControlDiv);    
      } 

      


//]]>
</script><script type="text/javascript">
//<![CDATA[
    $(document).ready(function() {  
      function update() {  
        $.ajax({
           type: 'GET',
           url: '/pages/getTime', 
           success: function(data) {
              $("#timer").html(data); 
           },
        });
      } 
       update();
        setInterval(update, 40000); 
    });

    $('ul.nav>li>a , ul.nav>li>ul.dropdown-menu>li>a').click(function(e){
      var slug = $(this).attr('data-slug');
      var hotel = "sustainability";

        
       $.ajax({
          method: 'GET',
           url: '/pages/getContent/'+slug, 
           success: function(data) {  
             data = $.parseJSON(data); 
             console.log(data)
             $("div#content").html(data.content );
             fillFiles(data.files);
             if(hotel=="marrakech" && slug=="Localisation"){
                 $('div#map-canvas').css({"width":"100%" , "height":"400px"});
                 initialize();
             }
             else if(hotel=="oualidia" && slug=="Localisation"){
                 $('div#map-canvas').css({"width":"100%" , "height":"400px"});
                 initialize2();
             }else{
              $('div#map-canvas').css({"width":"0" , "height":"0px"});
             }
           },
        });  

        function fillFiles(files){ 
          var filehtml ="";
          for(var i=0;i<files.length ; i++){ 
            filehtml = filehtml + "<li><a href='../pdfs/"+files[i]['File']['name']+"' target='blank'>"+files[i]['File']['legend']+"</a></li>";
          }
          $("ul.file").html(filehtml);
        }
       e.preventDefault(); 
       }); 

//]]>
</script>'
$title_for_layout = 'Pages'
$logo = 'logo.png'
$linkfr = ''
$linken = 'active'
include - APP/View/Layouts/default.ctp, line 170
View::_evaluate() - CORE/Cake/View/View.php, line 971
View::_render() - CORE/Cake/View/View.php, line 933
View::renderLayout() - CORE/Cake/View/View.php, line 546
View::render() - CORE/Cake/View/View.php, line 481
Controller::render() - CORE/Cake/Controller/Controller.php, line 963
Dispatcher::_invoke() - CORE/Cake/Routing/Dispatcher.php, line 200
Dispatcher::dispatch() - CORE/Cake/Routing/Dispatcher.php, line 167
[main] - APP/webroot/index.php, line 49

Entry rules to Morocco from July 13th :

Vaccine passport : Vaccine certificate grants free circulation beyond curfew hours. All passengers, upon their arrival at a Moroccan airport, are required to present the duly completed " “Health Passenger Form” you can download here.

Status : State of emergency until August 10th 2021. Curfew from 11pm until 4.30am.

Tel: +212 5 24 38 80 08 - WhatsApp: +212 6 62 04 01 17 - reservation@lasultanahotels.com

Information provided above are for general informational purposes only and can quickly evolve.
Our team or your travel agent are able to guide you at the planning stage and again closer to your departure date for up to date information.