<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>El Hamra Hotel Marrakech</title>
<meta name="title" content="El Hamra Hotel Marrakech">
<meta name="description" content="El Hamra Hotel Marrakech Doté d'un salon commun, l'El Hamra Hotel est situé à Marrakech, dans la région de Marrakech-Safi, à 2,6 km du jardin Majorelle et à 3 km du musée Yves Saint-Laurent. Vous serez aussi à environ 4,2 km de la place Jemaa el-Fna et du souk de la médina, ainsi qu'à 4,3 km du musée Mouassine.">
<!-- Open Graph -->
<meta property="og:title" content="El Hamra Hotel Marrakech">
<meta property="og:description" content="Doté d'un salon commun, l'El Hamra Hotel est situé à Marrakech, dans la région de Marrakech-Safi, à 2,6 km du jardin Majorelle et à 3 km du musée Yves Saint-Laurent. Vous serez aussi à environ 4,2 km de la place Jemaa el-Fna et du souk de la médina, ainsi qu'à 4,3 km du musée Mouassine.">
<meta property="og:type" content="article">
<meta property="og:image" content="http://riad-amarrakech.com/uploads/el-hamra-h/1576688569_151678162.jpg">
<!-- Twitter Cards (optionnel mais recommandé) -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="El Hamra Hotel Marrakech">
<meta name="twitter:description" content="Doté d'un salon commun, l'El Hamra Hotel est situé à Marrakech, dans la région de Marrakech-Safi, à 2,6 km du jardin Majorelle et à 3 km du musée Yves Saint-Laurent. Vous serez aussi à environ 4,2 km de la place Jemaa el-Fna et du souk de la médina, ainsi qu'à 4,3 km du musée Mouassine.">
<meta name="twitter:image" content="http://riad-amarrakech.com/uploads/el-hamra-h/1576688569_151678162.jpg">
<link rel="canonical" href="http://riad-amarrakech.com/article/elhamra-hotel-marrakech">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&family=Inter:wght@300;400;600&display=swap" rel="stylesheet">
<link href="/assets/css/style.css" rel="stylesheet">
<link href="/assets/css/detail.css" rel="stylesheet">
<link href="/assets/css/mystyle.css" rel="stylesheet">
<link rel="shortcut icon" type="image/x-icon" href="/assets/img/favicon.png">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LodgingBusiness",
"name": "El Hamra Hotel Marrakech",
"description": "Doté d'un salon commun, l'El Hamra Hotel est situé à Marrakech, dans la région de Marrakech-Safi, à 2,6 km du jardin Majorelle et à 3 km du musée Yves Saint-Laurent. Vous serez aussi à environ 4,2 km de la place Jemaa el-Fna et du souk de la médina, ainsi qu'à 4,3 km du musée Mouassine.",
"url": "http://riad-amarrakech.com/article/elhamra-hotel-marrakech",
"address": {
"@type": "PostalAddress",
"addressLocality": "Marrakech",
"addressCountry": "MA"
},
"image": [
"http://riad-amarrakech.com/uploads/el-hamra-h/1576688569_151678162.jpg"
],
"priceRange": "MAD",
"starRating": {
"@type": "Rating",
"ratingValue": "4",
"bestRating": "5"
}
}</script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm">
<div class="container">
<a class="navbar-brand d-flex align-items-center gap-2" href="/">
<img src="/assets/img/logo.png" alt="logo" height="36">
</a>
<!-- Icône burger moderne -->
<button class="burger" id="burgerBtn" type="button" aria-label="Menu">
<span></span><span></span><span></span>
</button>
<!-- Menu mobile fullscreen -->
<div class="nav-overlay" id="navOverlay">
<ul class="nav-links list-unstyled text-center">
<li><a href="/" class="nav-link">Accueil</a></li>
<li><a href="blog" class="nav-link">Blog</a></li>
<li><a href="search.php" class="nav-link">Recherche</a></li>
<li><a href="/contact" class="nav-link">Contact</a></li>
</ul>
</div>
</div>
</nav>
<div class="container mt-3">
<!-- Breadcrumb -->
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/">Accueil</a></li>
<li class="breadcrumb-item">
<a href="/category/appart-hotel-marrakech">
Appart Hôtel </a>
</li>
<li class="breadcrumb-item active" aria-current="page">
El Hamra Hotel Marrakech </li>
</ol>
</nav>
</div>
<div class="container my-4">
<div class="d-flex flex-wrap justify-content-between align-items-center gap-2">
<h1 class="h3 mb-0">El Hamra Hotel Marrakech</h1>
<div class="text-muted"><i class="bi bi-geo-alt"></i> Marrakech</div>
</div>
</div>
<!-- ===================== GALERIE MODERNE ===================== -->
<div class="container mb-4">
<!-- Desktop -->
<div class="gallery-grid d-none d-lg-grid">
<!-- Grande image = ORIGINAL -->
<div class="gallery-main">
<img src="/uploads/el-hamra-h/1576688569_151678162.jpg" alt="El Hamra Hotel Marrakech"
class="img-fluid rounded-3 w-100 h-100 object-fit-cover gallery-photo"
data-bs-toggle="modal" data-bs-target="#galleryModal" data-index="0">
</div>
<!-- 6 miniatures -->
<div class="gallery-thumbs">
<div class="thumb">
<img src="/uploads/el-hamra-h/1576688569_151678165_med.jpg"
class="img-fluid rounded-3 w-100 h-100 object-fit-cover gallery-photo"
alt="photo 1" data-bs-toggle="modal" data-bs-target="#galleryModal" data-index="1">
</div>
<div class="thumb">
<img src="/uploads/el-hamra-h/1576688569_151678184_med.jpg"
class="img-fluid rounded-3 w-100 h-100 object-fit-cover gallery-photo"
alt="photo 2" data-bs-toggle="modal" data-bs-target="#galleryModal" data-index="2">
</div>
<div class="thumb">
<img src="/uploads/el-hamra-h/1576688569_151678193_med.jpg"
class="img-fluid rounded-3 w-100 h-100 object-fit-cover gallery-photo"
alt="photo 3" data-bs-toggle="modal" data-bs-target="#galleryModal" data-index="3">
</div>
<div class="thumb">
<img src="/uploads/el-hamra-h/1576688569_153224133_med.jpg"
class="img-fluid rounded-3 w-100 h-100 object-fit-cover gallery-photo"
alt="photo 4" data-bs-toggle="modal" data-bs-target="#galleryModal" data-index="4">
</div>
<div class="thumb">
<img src="/uploads/el-hamra-h/1576688569_ElHamraHotel_med.jpg"
class="img-fluid rounded-3 w-100 h-100 object-fit-cover gallery-photo"
alt="photo 5" data-bs-toggle="modal" data-bs-target="#galleryModal" data-index="5">
</div>
</div>
</div>
<!-- Mobile: carousel (miniatures) -->
<div id="mobileGallery" class="d-lg-none carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="/uploads/el-hamra-h/1576688569_151678162_med.jpg" class="d-block w-100 object-fit-cover gallery-photo"
alt="photo 1" data-bs-toggle="modal" data-bs-target="#galleryModal" data-index="0">
</div>
<div class="carousel-item">
<img src="/uploads/el-hamra-h/1576688569_151678165_med.jpg" class="d-block w-100 object-fit-cover gallery-photo"
alt="photo 2" data-bs-toggle="modal" data-bs-target="#galleryModal" data-index="1">
</div>
<div class="carousel-item">
<img src="/uploads/el-hamra-h/1576688569_151678184_med.jpg" class="d-block w-100 object-fit-cover gallery-photo"
alt="photo 3" data-bs-toggle="modal" data-bs-target="#galleryModal" data-index="2">
</div>
<div class="carousel-item">
<img src="/uploads/el-hamra-h/1576688569_151678193_med.jpg" class="d-block w-100 object-fit-cover gallery-photo"
alt="photo 4" data-bs-toggle="modal" data-bs-target="#galleryModal" data-index="3">
</div>
<div class="carousel-item">
<img src="/uploads/el-hamra-h/1576688569_153224133_med.jpg" class="d-block w-100 object-fit-cover gallery-photo"
alt="photo 5" data-bs-toggle="modal" data-bs-target="#galleryModal" data-index="4">
</div>
<div class="carousel-item">
<img src="/uploads/el-hamra-h/1576688569_ElHamraHotel_med.jpg" class="d-block w-100 object-fit-cover gallery-photo"
alt="photo 6" data-bs-toggle="modal" data-bs-target="#galleryModal" data-index="5">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#mobileGallery" data-bs-slide="prev">
<span class="carousel-control-prev-icon"></span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#mobileGallery" data-bs-slide="next">
<span class="carousel-control-next-icon"></span>
</button>
</div>
</div>
<!-- Modal galerie (ORIGINAUX) -->
<div class="modal fade" id="galleryModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-fullscreen">
<div class="modal-content bg-dark text-white">
<div class="modal-header border-0">
<h5 class="modal-title">El Hamra Hotel Marrakech</h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body p-0">
<div id="fullGalleryCarousel" class="carousel slide" data-bs-ride="false">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="/uploads/el-hamra-h/1576688569_151678162.jpg" class="d-block mx-auto img-fluid" alt="photo 1">
</div>
<div class="carousel-item">
<img src="/uploads/el-hamra-h/1576688569_151678165.jpg" class="d-block mx-auto img-fluid" alt="photo 2">
</div>
<div class="carousel-item">
<img src="/uploads/el-hamra-h/1576688569_151678184.jpg" class="d-block mx-auto img-fluid" alt="photo 3">
</div>
<div class="carousel-item">
<img src="/uploads/el-hamra-h/1576688569_151678193.jpg" class="d-block mx-auto img-fluid" alt="photo 4">
</div>
<div class="carousel-item">
<img src="/uploads/el-hamra-h/1576688569_153224133.jpg" class="d-block mx-auto img-fluid" alt="photo 5">
</div>
<div class="carousel-item">
<img src="/uploads/el-hamra-h/1576688569_ElHamraHotel.jpg" class="d-block mx-auto img-fluid" alt="photo 6">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#fullGalleryCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon"></span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#fullGalleryCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon"></span>
</button>
</div>
</div>
</div>
</div>
</div>
<!-- =================== /FIN GALERIE =================== -->
<!-- Contenu + carte réservation -->
<div class="container my-4">
<div class="row g-4">
<div class="col-lg-7">
<section class="mb-4">
<h2 class="h5">À propos de El Hamra Hotel Marrakech</h2>
<div class="content lh-lg">
<div class="row"><div class="column col-md-12 col-sm-12 col-xs-12"><!--gm-editable-region--><p> </p><div id="summary" class= data-et-mouseenter="customGoal:BUeeZaTaTaBEKMPXLae:1customGoal:BUeeHNSPMWdMOdUBMHT:1customGoal:BUeeHNSPdQEeWFWZTDWFC:1customGoal:BUeeHNSPMWdMOdUEXXO:1customGoal:BUeeHNSPdQEeXXaNSPRXXe:1customGoal:BUeePHOOSINEGO:1customGoal:BUeeHNSPVadIaCKe:1customGoal:BUeeHNSPCaASBaRDSGEXO:1 customgoal:bueezdbabmrbbywkoblhxt:1" data-et-click="customGoal:BUeeZaTaTaBEKMPXLae:2customGoal:BUeeHNSPMWdMOdUBMHT:2customGoal:BUeeHNSPdQEeWFWZTDWFC:2customGoal:BUeeHNSPMWdMOdUEXXO:2customGoal:BUeeHNSPdQEeXXaNSPRXXe:2customGoal:BUeePHOOSINEGO:2customGoal:BUeeHNSPVadIaCKe:2customGoal:BUeeHNSPCaASBaRDSGEXO:2 customGoal:BUeeZdbaBMRbBYWKOBLHXT:2" data-et-view="BUEGBHVUSeUbNXGDJEDEPBOdaT:1BUEGBHVUSeUbNXGDJEDEPBOdaT:4BUEGBHVUSeUbNXGDJEDEPBOdaT:7BUEGBHVUSeUbNXGDJEDEPBOdaT:9"><div id="property_description_content"><p>Doté d'un salon commun, l'El Hamra Hotel est situé à Marrakech, dans la région de Marrakech-Safi, à 2,6 km du jardin Majorelle et à 3 km du musée Yves Saint-Laurent. Vous serez aussi à environ 4,2 km de la place Jemaa el-Fna et du souk de la médina, ainsi qu'à 4,3 km du musée Mouassine. Offrant une vue sur son jardin, les chambres incluent la climatisation, une connexion Wi-Fi gratuite et un bureau.</p><p>Elles comprennent aussi une armoire et offrent une vue sur la ville. Leur salle de bains privative est pourvue d'une douche et d'articles de toilette gratuits.</p><p>Parlant français et arabe, le personnel de la réception se tient à votre disposition 24h/24.</p><p>L'El Hamra Hotel se trouve à 4,4 km de la mosquée Koutoubia et à 5 km du Jardin Secret. Enfin, vous serez à 8 km de l'aéroport le plus proche, celui de Marrakech-Ménara.</p></div></div><p class="hp-desc-we-speak">Nous parlons votre langue !</p><!--/gm-editable-region--></div></div><div class="row"><div class="column col-md-12 col-sm-12 col-xs-12"><!--gm-editable-region--><div >[el-hamra-h|4]<button ></button></div><!--/gm-editable-region--></div></div><div class="row"><div class="column col-md-12 col-sm-12 col-xs-12"><!--gm-editable-region--><p><span data-mce-object="iframe" class="mce-preview-object mce-object-iframe" data-mce-p-allowfullscreen="allowfullscreen" data-mce-p-frameborder="0" data-mce-p-src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d27173.363395282064!2d-8.018912!3d31.642873!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sfr!2sfr!4v1576688231330!5m2!1sfr!2sfr"><iframe src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d27173.363395282064!2d-8.018912!3d31.642873!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sfr!2sfr!4v1576688231330!5m2!1sfr!2sfr" allowfullscreen="allowfullscreen" width="600" height="450" frameborder="0"></iframe><span class="mce-shim"></span></span></p><!--/gm-editable-region--></div></div><div class="row"><div class="column col-md-12 col-sm-12 col-xs-12"><!--gm-editable-region--><p> <span><span><strong><a title="El Hamra Hotel " href="https://www.booking.com/hotel/ma/el-hamra.fr.html?aid=1609995;sid=918a9839915d081718794736d1511156;dist=0&group_adults=1&keep_landing=1&no_rooms=1&sb_price_type=total&type=total&#map_opened-hotel_sidebar_static_map" target="_blank" class="btn btn-primary px-4 py-2 d-inline-flex align-items-center gap-2 shadow-sm"><i class='bi bi-box-arrow-up-right'></i>Réservation online</a></strong></span></span></p><!--/gm-editable-region--></div></div>
</div>
<hr>
</section>
</div>
<!--
<div class="col-lg-5">
<div class="position-lg-sticky top-0" style="z-index: 1">
<div class="card shadow-sm rounded-4">
<div class="card-body">
<div class="d-flex justify-content-between align-items-end mb-3">
<div>
<div class="h5 mb-0">Tarif sur demande</div>
<div class="text-muted small">par nuit</div>
</div>
<div class="text-end small text-muted">Flexible · Annulation 48h</div>
</div>
<form method="post" action="#">
<div class="row g-2">
<div class="col-6">
<label class="form-label small">Arrivée</label>
<input type="date" class="form-control" name="checkin" required>
</div>
<div class="col-6">
<label class="form-label small">Départ</label>
<input type="date" class="form-control" name="checkout" required>
</div>
<div class="col-12">
<label class="form-label small">Voyageurs</label>
<select class="form-select" name="guests">
<option value="1">1 voyageur</option>
<option value="2">2 voyageurs</option>
<option value="3">3 voyageurs</option>
<option value="4">4 voyageurs</option>
<option value="5">5 voyageurs</option>
<option value="6">6 voyageurs</option>
<option value="7">7 voyageurs</option>
<option value="8">8 voyageurs</option>
<option value="9">9 voyageurs</option>
<option value="10">10 voyageurs</option>
</select>
</div>
<div class="col-12 d-grid">
<button type="submit" class="btn btn-primary btn-lg">Vérifier la disponibilité</button>
</div>
</div>
</form>
<div class="mt-3 small text-muted">
Aucun montant ne sera débité pour l’instant.
</div>
</div>
</div>
-->
</div>
</div>
</div>
</div>
<script>
document.querySelectorAll('.gallery-photo').forEach(el => {
el.addEventListener('click', function(){
const idx = parseInt(this.dataset.index || '0', 10);
const carouselEl = document.querySelector('#fullGalleryCarousel');
const instance = bootstrap.Carousel.getInstance(carouselEl) || new bootstrap.Carousel(carouselEl);
instance.to(idx);
});
});
</script>
<div class="container">
Liens externes :
<a target="_blank" href="https://www.conciergerie-marrakech-palmbnb.com/">Conciergerie marrakech</a> -
<a target="_blank" href="https://www.marrakech-carrental.com/">Location de voiture marrakech</a> -
<a target="blank" href="https://www.riad-amarrakech.com">Riad marrakech</a> -
<a target="_blank" href="https://www.facturation.click/">Gestion facturation</a> -
<a target="_blank" href="https://www.drmohamedsamari.com">Gynécologue marrakech</a> -
<a target="_blank" href="https://www.yoorikawebservices.com/">Agence web marrakech</a> -
<a target="_blank" href="https://www.amarrakech.com/">Marrakech</a> -
<a target="blank" href="https://hotel-gomassine.com/">Hôtel Gomassine</a> -
<a target="_blank" href="https://www.kinesitherapeute-marrakech.com/">Kinésithérapeute marrakech</a> -
<a target="_blank" href="https://www.renovation-riad-marrakech.com/">Rénovation riad marrakech</a> -
<a target="_blank" href="https://www.pepiniere-paravegetal.com/">Pépiniere marrakech</a> -
<a target="_blank" href="https://www.montgolfiere-marrakech-ballooning.com/">Marrakech ballooning</a> -
<a target="_blank" href="https://benmmou-travel.com/">Transport touristique</a>
</div>
<footer class="mt-5 border-top">
<div class="container py-4 small text-muted">
© 2025 Riad Marrakech — Tous droits réservés.
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script>
const burger = document.getElementById("burgerBtn");
const overlay = document.getElementById("navOverlay");
burger.addEventListener("click", () => {
burger.classList.toggle("open");
overlay.classList.toggle("active");
});
</script>
</body>
</html>
