<!DOCTYPE html>
<html lang="fr">
<head>
<title>Gîtes de charme à Arles Centre Historique | Location de vacances en Provence</title>
<meta name="theme-color" content="">
<meta name="msapplication-navbutton-color" content="">
<!-- METATAGS -->
<!-- rebirth / basic -->
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<![endif]-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Découvrez nos gîtes de charme à Arles, au cœur du centre historique. Des logements authentiques et confortables pour profiter pleinement de la Provence.">
<meta property="og:title" content="Gîtes de charme à Arles Centre Historique | Location de vacances en Provence">
<meta property="og:url" content="https://www.lamaisondeshautures.com/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="La Maison des Hautures">
<meta property="og:locale" content="fr_FR">
<meta property="og:description" content="Découvrez nos gîtes de charme à Arles, au cœur du centre historique. Des logements authentiques et confortables pour profiter pleinement de la Provence.">
<link rel="alternate" href="https://www.lamaisondeshautures.com/" hreflang="fr">
<link href="//www.lamaisondeshautures.com/fr/themes/designlines/6ad1d4e9873d7384775109b9.css?v=8595cc0e61568fa6bffe7db6865cb7ca" rel="stylesheet">
<link href="//www.lamaisondeshautures.com/fr/themes/designlines/6089127a3bc35462e6a81ff8.css?v=40d9cba239e9e1167cfc2c2bce175124" rel="stylesheet">
<link rel="canonical" href="https://www.lamaisondeshautures.com/">
<meta name="google-site-verification" content="google-site-verification=yin6w9QQzNVZq3DPlxcSxZt_Npj8gulxsjGehiFGDw0">
<meta name="generator" content="e-monsite (e-monsite.com)">
<meta name="robots" content="max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<link rel="apple-touch-icon" sizes="114x114" href="https://www.lamaisondeshautures.com/medias/site/mobilefavicon/20201123-084316-0000.png?fx=c_114_114&v=1">
<link rel="apple-touch-icon" sizes="72x72" href="https://www.lamaisondeshautures.com/medias/site/mobilefavicon/20201123-084316-0000.png?fx=c_72_72&v=1">
<link rel="apple-touch-icon" href="https://www.lamaisondeshautures.com/medias/site/mobilefavicon/20201123-084316-0000.png?fx=c_57_57&v=1">
<link rel="apple-touch-icon-precomposed" href="https://www.lamaisondeshautures.com/medias/site/mobilefavicon/20201123-084316-0000.png?fx=c_57_57&v=1">
<link href="https://fonts.googleapis.com/css?family=Mulish:300,400,700%7CDM%20Sans:300,400,700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic,700,700italic&display=swap" rel="stylesheet">
<link rel="preload" href="/themes/combined.css?v=30_1642769533_3695" as="style">
<link href="/themes/combined.css?v=30_1642769533_3695" rel="stylesheet">
<link rel="preload" href="/medias/static/themes/bootstrap_v4/js/jquery-3.6.3.min.js?v=26012023" as="script">
<script src="/medias/static/themes/bootstrap_v4/js/jquery-3.6.3.min.js?v=26012023"></script>
<link rel="preload" href="/medias/static/themes/bootstrap_v4/js/popper.min.js?v=31012023" as="script">
<script src="/medias/static/themes/bootstrap_v4/js/popper.min.js?v=31012023"></script>
<link rel="preload" href="/medias/static/themes/bootstrap_v4/js/bootstrap.min.js?v=31012023" as="script">
<script src="/medias/static/themes/bootstrap_v4/js/bootstrap.min.js?v=31012023"></script>
<link rel="preload" href="/themes/combined.js?v=30_1642769533_3695&lang=fr" as="script">
<script src="/themes/combined.js?v=30_1642769533_3695&lang=fr"></script>
<script type="application/ld+json">
{
"@context" : "https://schema.org/",
"@type" : "WebSite",
"name" : "La Maison des Hautures",
"url" : "https://www.lamaisondeshautures.com/"
}
</script>
<meta name="google-site-verification" content="g85JVX0fJEJNBz7_ocuNy6WWy-P1tJJbIum8IEKWOUg" />
<!-- //METATAGS -->
<script src="//www.lamaisondeshautures.com/medias/static/js/rgpd-cookies/jquery.rgpd-cookies.js?v=1214"></script>
<script>
$(document).ready(function() {
$.RGPDCookies({
theme: 'bootstrap_v4',
site: 'www.lamaisondeshautures.com',
privacy_policy_link: '',
cookies: [{"id":null,"favicon_url":"https:\/\/ssl.gstatic.com\/analytics\/20210414-01\/app\/static\/analytics_standard_icon.png","enabled":true,"model":"google_analytics","title":"Google Analytics","short_description":"Permet d'analyser les statistiques de consultation de notre site","long_description":"Indispensable pour piloter notre site internet, il permet de mesurer des indicateurs comme l\u2019affluence, les produits les plus consult\u00e9s, ou encore la r\u00e9partition g\u00e9ographique des visiteurs.","privacy_policy_url":"https:\/\/support.google.com\/analytics\/answer\/6004245?hl=fr","slug":"google-analytics"},{"id":null,"favicon_url":"","enabled":true,"model":"addthis","title":"AddThis","short_description":"Partage social","long_description":"Nous utilisons cet outil afin de vous proposer des liens de partage vers des plateformes tiers comme X, Facebook, etc.","privacy_policy_url":"https:\/\/www.oracle.com\/legal\/privacy\/addthis-privacy-policy.html","slug":"addthis"}],
auto_open: false,
modal_title: 'Gestion\u0020des\u0020cookies',
modal_description: 'd\u00E9pose\u0020des\u0020cookies\u0020pour\u0020am\u00E9liorer\u0020votre\u0020exp\u00E9rience\u0020de\u0020navigation,\nmesurer\u0020l\u0027audience\u0020du\u0020site\u0020internet,\u0020afficher\u0020des\u0020publicit\u00E9s\u0020personnalis\u00E9es,\nr\u00E9aliser\u0020des\u0020campagnes\u0020cibl\u00E9es\u0020et\u0020personnaliser\u0020l\u0027interface\u0020du\u0020site.',
privacy_policy_label: 'Consulter\u0020la\u0020politique\u0020de\u0020confidentialit\u00E9',
check_all_label: 'Tout\u0020cocher',
refuse_button: 'Refuser',
settings_button: 'Param\u00E9trer',
accept_button: 'Accepter',
callback: function() {
// website google analytics case (with gtag), consent "on the fly"
if ('gtag' in window && typeof window.gtag === 'function') {
if (window.jsCookie.get('rgpd-cookie-google-analytics') === undefined
|| window.jsCookie.get('rgpd-cookie-google-analytics') === '0') {
gtag('consent', 'update', {
'ad_storage': 'denied',
'analytics_storage': 'denied'
});
} else {
gtag('consent', 'update', {
'ad_storage': 'granted',
'analytics_storage': 'granted'
});
}
}
}
});
});
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-4VN4372P6E"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('consent', 'default', {
'ad_storage': 'denied',
'analytics_storage': 'denied'
});
gtag('js', new Date());
gtag('config', 'G-4VN4372P6E');
</script>
<!-- Global site tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-65592985-1o"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('consent', 'default', {
'ad_storage': 'denied',
'analytics_storage': 'denied'
});
gtag('set', 'allow_ad_personalization_signals', false);
gtag('js', new Date());
gtag('config', 'UA-65592985-1o');
</script>
</head>
<body id="welcome_index" data-template="default">
<!-- BRAND TOP -->
<!-- NAVBAR -->
<nav class="navbar navbar-expand-lg container position-sticky" id="navbar" data-animation="sliding">
<a aria-label="brand" class="navbar-brand d-inline-flex align-items-center" href="https://www.lamaisondeshautures.com/">
<img src="https://www.lamaisondeshautures.com/medias/site/logos/czm6ly9tzwrpys1wcml2yxrllmnhbnzhlmnvbs84auxiyy9nquzttny4auxiyy8xl3auanbn.jpg?v=1" alt="La Maison des Hautures" class="img-fluid brand-logo mr-2 d-inline-block">
<span class="brand-titles d-lg-flex flex-column align-items-start">
<span class="brand-title d-inline-block">La Maison des Hautures</span>
<span class="brand-subtitle d-none">Gîtes de charme au cœur d'Arles</span>
</span>
</a>
<button id="buttonBurgerMenu" title="BurgerMenu" class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#menu">
<span></span>
<span></span>
<span></span>
<span></span>
</button>
<div class="collapse navbar-collapse flex-lg-grow-0 ml-lg-auto" id="menu">
</div>
</nav>
<!-- HEADER -->
<!-- //HEADER -->
<!-- WRAPPER -->
<div id="wrapper">
<main id="main">
<div class="view view-pages" data-sfroute="true" id="view-index" data-mcp-item-id="6ad1d4e986fd7830bbaddc47">
<div id="site-module-533da5fd66d55462e623eae1" class="site-module" data-mcp-site-module-id="533da5fd66d55462e623eae1" data-mcp-site-id="533da5fc21345462e6231830" data-mcp-category-id="item"></div>
<div id="rows-6ad1d4e9873d7384775109b9" class="rows" data-total-pages="1" data-current-page="1">
<div id="row-6ad1d4e9873d7384775109b9-1" data-mcp-line-id="6ad1d4e9875a94e5034bf6ba" class="row-container pos-1 page_1 container">
<div class="row-content">
<div class="row" data-role="line">
<div data-role="cell" data-mcp-cell-id="6ad1d4e987a480099893fb2a" data-size="lg" id="cell-6ad1d4e987a480099893fb2a" class="col">
<div class="col-content col-no-widget col-text">
<section class="mh-hero">
<div class="mh-hero__inner">
<p class="mh-hero__eyebrow"><span style="color:#fbf8f2;">GÎTES DE CHARME À ARLES</span></p>
<h1 class="mh-hero__title"><span style="color:#fbf8f2;">Deux maisons de caractère au cœur du centre historique</span></h1>
<p class="mh-hero__description"><span style="font-size:20px;"><strong><span style="color:#ffffff;">Découvrez Arles et la Provence depuis nos deux gîtes de charme, à proximité des Arènes et des ruelles historiques.</span></strong></span></p>
<p style="text-align:left;"><a class="btn btn-main mx-3" href="https://www.lamaisondeshautures.com/gites-de-charme-a-arles/nos-deux-maisons.html">Découvrir nos maisons</a></p>
</div>
</section>
<style type="text/css">.mh-hero {
width: 100%;
box-sizing: border-box;
padding: 64px 7%;
background: transparent;
}
.mh-hero__inner {
width: 100%;
max-width: 900px;
margin: 0 auto;
text-align: left;
}
.mh-hero__eyebrow {
margin: 0 0 22px;
font-size: 12px;
line-height: 1.5;
letter-spacing: 2.5px;
font-weight: 600;
}
.mh-hero__title {
max-width: 780px;
margin: 0 0 24px;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(32px, 4.2vw, 52px);
line-height: 1.16;
font-weight: 400;
}
.mh-hero__title span {
display: block;
margin-top: 5px;
}
.mh-hero__description {
max-width: 620px;
margin: 0 0 30px;
font-size: 16px;
line-height: 1.8;
}
.mh-hero__button {
display: inline-flex;
align-items: center;
gap: 14px;
padding: 14px 22px;
border: 1px solid currentColor;
border-radius: 3px;
color: inherit;
text-decoration: none;
font-size: 14px;
font-weight: 600;
transition: opacity 0.2s ease;
}
.mh-hero__button:hover {
opacity: 0.75;
}
@media (max-width: 600px) {
.mh-hero {
padding: 38px 22px;
}
.mh-hero__eyebrow {
margin-bottom: 17px;
font-size: 11px;
letter-spacing: 2px;
}
.mh-hero__title {
font-size: 32px;
line-height: 1.2;
}
.mh-hero__description {
font-size: 15px;
line-height: 1.7;
}
.mh-hero__button {
padding: 13px 17px;
}
}
</style></div>
</div>
</div>
</div>
</div>
<div id="row-6ad1d4e9873d7384775109b9-2" data-mcp-line-id="6ad1d4e987c6b080bec4107a" class="row-container pos-2 page_1 container">
<div class="row-content">
<div class="row" data-role="line">
<div data-role="cell" data-mcp-cell-id="6ad1d4e987d7ba361780bf2e" data-size="lg" id="cell-6ad1d4e987d7ba361780bf2e" class="col">
<div class="col-content col-no-widget col-text">
<p> </p>
<div class="mh-introduction">
<p class="mh-introduction__signature">DEUX LIEUX DE CARACTÈRE</p>
<h2>Découvrez Arles <br class="mh-introduction__mobile-break" />
et l’art de vivre provençal</h2>
<p class="mh-introduction__text">Flânez dans les ruelles provençales, explorez la Camargue et découvrez un patrimoine exceptionnel. Retrouvez chaque soir le calme et le charme de nos maisons, au cœur d’Arles.</p>
<p class="mh-introduction__conclusion">Plus qu’une location de vacances, une véritable expérience au rythme de la Provence.</p>
</div>
<style type="text/css">.mh-introduction,
.mh-introduction * {
box-sizing: border-box;
}
.mh-introduction {
max-width: 850px;
margin: 0 auto;
padding: 24px 20px 30px;
text-align: center;
color: #405044;
}
.mh-introduction__signature {
margin: 0 0 14px;
color: #A87953;
font-size: 10px;
font-weight: 700;
letter-spacing: 2.2px;
line-height: 1.7;
}
.mh-introduction h2 {
margin: 0 auto 18px;
color: #405044;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(28px, 4vw, 42px);
font-weight: 400;
line-height: 1.25;
}
.mh-introduction__text {
max-width: 680px;
margin: 0 auto 14px;
font-size: 15px;
line-height: 1.8;
}
.mh-introduction__conclusion {
max-width: 650px;
margin: 0 auto;
color: #A87953;
font-family: Georgia, "Times New Roman", serif;
font-size: 17px;
font-style: italic;
line-height: 1.7;
}
.mh-introduction__mobile-break {
display: none;
}
@media (max-width: 600px) {
.mh-introduction {
padding: 20px 16px 24px;
}
.mh-introduction h2 {
font-size: 30px;
line-height: 1.2;
}
.mh-introduction__text {
font-size: 14px;
line-height: 1.75;
}
.mh-introduction__conclusion {
font-size: 16px;
}
}
</style></div>
</div>
</div>
</div>
</div>
<div id="row-6ad1d4e9873d7384775109b9-3" data-mcp-line-id="6ad1d4e987e7f8d6f9ecd208" class="row-container pos-3 page_1 container">
<div class="row-content">
<div class="row" data-role="line">
<div data-role="cell" data-mcp-cell-id="6ad1d4e987fa50ca7eac5bb5" data-size="lg" id="cell-6ad1d4e987fa50ca7eac5bb5" class="col">
<div class="col-content col-no-widget col-text">
<style type="text/css">:root {
--ldg-psb-background: #ffffff;
--ldg-psb-border-radius: 0.42em;
--ldg-psb-box-shadow: 0px 24px 54px 0px rgba(0, 0, 0, 0.1);
--ldg-psb-padding: 14px;
--ldg-psb-input-background: #ffffff;
--ldg-psb-button-border-radius: 0.42em;
--ldg-psb-color-primary: #0a4206;
--ldg-psb-color-primary-lighter:#85a183;
--ldg-psb-color-primary-darker: #052103;
--ldg-psb-color-primary-contrast: #f8f7f7;
--ldg-semantic-color-primary: #0a4206;
--ldg-semantic-color-primary-lighter: #85a183;
--ldg-semantic-color-primary-darker: #052103;
--ldg-semantic-color-primary-contrast: #f8f7f7;
--ldg-component-modal-z-index: 999;
}
#lodgify-search-bar {
width:100%;
}
</style>
<div data-adults-description="Âges {minAge} ou plus" data-adults-label="{"one":"adulte","other":"adultes"}" data-children-description="Âges {minAge} - {maxAge}" data-children-label="{"one":"enfant","other":"enfants"}" data-children-not-allowed-label="Non adapté aux enfants" data-dates-check-in-label="Arrivée" data-dates-check-out-label="Départ" data-dates-input-min-stay-tooltip-text="{"one":"Minimum {minStay} nuit","other":"Minimum de {minStay} nuits"}" data-done-label="Terminé" data-guests-breakdown-label="Invités" data-guests-counter-label="Invités" data-guests-input-plural-label="{{NumberOfGuests}} invités" data-guests-input-singular-label="{{NumberOfGuests}} invité" data-has-guests-breakdown="" data-infants-description="Moins de {maxAge}" data-infants-label="{"one":"b\u00e9b\u00e9","other":"b\u00e9b\u00e9s"}" data-infants-not-allowed-label="Non adapté aux bébés" data-language-code="fr" data-location-input-label="Emplacement" data-new-tab="true" data-pets-label="{"one":"animal de compagnie","other":"animaux de compagnie"}" data-pets-not-allowed-label="Non autorisé" data-search-button-label="Rechercher" data-search-page-url="https://hestia-recherche-location.com/fr/4349409/location-de-vacances-camargue-provence" data-version="stable" data-website-id="535978" id="lodgify-search-bar"> </div>
<script src="https://app.lodgify.com/portable-search-bar/stable/renderPortableSearchBar.js" defer></script></div>
</div>
</div>
</div>
</div>
<div id="row-6ad1d4e9873d7384775109b9-4" data-mcp-line-id="6ad1d4e9880b6878a00993d1" class="row-container pos-4 page_1 container">
<div class="row-content">
<div class="row" data-role="line">
<div data-role="cell" data-mcp-cell-id="6ad1d4e9881c53e2168e1d4c" data-size="lg" id="cell-6ad1d4e9881c53e2168e1d4c" class="col">
<div class="col-content col-no-widget col-text">
<section class="mh-hebergements">
<div class="mh-hebergements__intro">
<p class="mh-label">NOS DEUX MAISONS</p>
<h2>Des hébergements<br />
au charme unique</h2>
<p>La Maison des Hautures et le Clos des Ursulines vous accueillent dans deux lieux de caractère, au cœur d’Arles.</p>
<p>Deux ambiances authentiques et confortables pour découvrir la ville, ses ruelles historiques et les paysages de Provence.</p>
<p class="mh-hebergements__signature">Deux ambiances,<br />
le même esprit provençal.</p>
</div>
<article class="mh-hebergement"><img alt="Intérieur de La Maison des Hautures à Arles" loading="lazy" src="https://www.lamaisondeshautures.com/medias/images/img-20230523-110603-01.jpeg?fx=c_1200_675" />
<div class="mh-hebergement__contenu">
<p class="mh-label">LE CHARME DE L’ANCIEN</p>
<h3>La Maison des Hautures</h3>
<p class="mh-hebergement__infos">75 m² · 3 chambres · Jusqu’à 6 personnes</p>
<p>Une maison de ville indépendante pleine de charme, avec un escalier en colimaçon d’époque et un plafond à la française. Un cadre chaleureux pour un séjour en famille ou entre amis.</p>
<a class="mh-hebergement__bouton" href="https://www.lamaisondeshautures.com/gites-de-charme-a-arles/la-maison-des-hautures.html">Découvrir la Maison des Hautures→</a></div>
</article>
<article class="mh-hebergement"><img alt="Intérieur du Clos des Ursulines à Arles" loading="lazy" src="https://www.lamaisondeshautures.com/medias/images/459985840-1.jpg?fx=c_1200_675" />
<div class="mh-hebergement__contenu">
<p class="mh-label">VOTRE SÉJOUR EN PROVENCE</p>
<h3>Le Clos des Ursulines</h3>
<p class="mh-hebergement__infos">55 m² · 1 chambre · Jusqu’à 4 personnes</p>
<p>Un cocon accueillant autour d’un authentique escalier en pierre. Un lieu plein de charme pour une escapade provençale au cœur du centre historique.</p>
<a class="mh-hebergement__bouton" href="https://www.lamaisondeshautures.com/gites-de-charme-a-arles/clos-des-ursulines.html">Découvrir le Clos des Ursulines→</a></div>
</article>
</section>
<style type="text/css">.mh-hebergements,
.mh-hebergements * {
box-sizing: border-box;
}
.mh-hebergements {
display: grid;
grid-template-columns: 0.9fr 1.15fr 1.15fr;
gap: 22px;
align-items: start;
width: 100%;
padding: 42px 3%;
background: #FBF8F2;
color: #405044;
}
.mh-hebergements__intro {
padding: 8px;
}
.mh-label {
margin: 0 0 12px;
color: #A87953;
font-size: 10px;
font-weight: 700;
letter-spacing: 1.6px;
line-height: 1.6;
}
.mh-hebergements__intro h2 {
margin: 0 0 18px;
color: #405044;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(25px, 2.4vw, 33px);
font-weight: 400;
line-height: 1.25;
}
.mh-hebergements__intro > p:not(.mh-label):not(.mh-hebergements__signature) {
font-size: 14px;
line-height: 1.8;
}
.mh-hebergements__signature {
margin: 28px 0 12px 8px;
color: #405044;
font-family: "Brush Script MT", "Segoe Script", cursive;
font-size: 23px;
font-style: italic;
line-height: 1.5;
transform: rotate(-4deg);
transform-origin: left center;
}
.mh-hebergement {
min-width: 0;
overflow: hidden;
background: #FFFFFF;
border: 1px solid #E8E0D4;
}
.mh-hebergement > img {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
}
.mh-hebergement__contenu {
padding: 20px;
}
.mh-hebergement__contenu .mh-label {
margin-bottom: 8px;
font-size: 9px;
letter-spacing: 1.2px;
}
.mh-hebergement h3 {
margin: 0 0 12px;
color: #405044;
font-family: Georgia, "Times New Roman", serif;
font-size: 22px;
font-weight: 400;
line-height: 1.3;
}
.mh-hebergement__infos {
margin: 0 0 14px;
color: #6B746A;
font-size: 12px;
line-height: 1.7;
}
.mh-hebergement__contenu > p:not(.mh-label):not(.mh-hebergement__infos) {
font-size: 13px;
line-height: 1.75;
}
.mh-hebergement__bouton {
display: inline-flex;
align-items: center;
gap: 12px;
margin-top: 8px;
padding: 12px 15px;
background: #405044;
border: 1px solid #405044;
color: #FBF8F2 !important;
text-decoration: none !important;
font-size: 12px;
font-weight: 600;
transition: background 0.2s ease;
}
.mh-hebergement__bouton:hover {
background: #A87953;
border-color: #A87953;
}
@media (max-width: 800px) {
.mh-hebergements {
grid-template-columns: 1fr 1fr;
gap: 16px;
padding: 30px 4%;
}
.mh-hebergements__intro {
grid-column: 1 / -1;
}
}
@media (max-width: 520px) {
.mh-hebergements {
grid-template-columns: 1fr;
gap: 22px;
padding: 26px 16px;
}
.mh-hebergements__intro {
grid-column: auto;
}
.mh-hebergement__contenu {
padding: 20px;
}
}
</style></div>
</div>
</div>
</div>
</div>
<div id="row-6ad1d4e9873d7384775109b9-5" data-mcp-line-id="6ad1d4e9882ec0a4c8157f6f" class="row-container pos-5 page_1 container">
<div class="row-content">
<div class="row" data-role="line">
<div data-role="cell" data-mcp-cell-id="6ad1d4e9883e0326d0f68618" data-size="lg" id="cell-6ad1d4e9883e0326d0f68618" class="col">
<div class="col-content col-no-widget col-text">
<section class="mh-arles">
<div class="mh-arles__intro">
<p class="mh-arles__eyebrow">AU FIL DE VOS ENVIES</p>
<h2>Découvrez Arles<br />
et la Provence</h2>
<p><a href="https://www.lamaisondeshautures.com/gites-de-charme-a-arles/visiter-arles-guide-decouverte.html">Un patrimoine remarquable</a>, une culture vivante et des <a href="https://www.lamaisondeshautures.com/gites-de-charme-a-arles/activites-arles-provence-.html">paysages uniques à explorer</a> pendant votre séjour. Depuis nos maisons, prenez le temps de découvrir <a href="https://www.lamaisondeshautures.com/gites-de-charme-a-arles/activites-arles-provence-.html">Arles et les trésors de ses environs.</a></p>
</div>
<div class="mh-arles__grid">
<article class="mh-arles__card"><img alt="Architecture historique et patrimoine de Provence" loading="lazy" src="https://www.lamaisondeshautures.com/medias/images/istockphoto-1136600185-612x612.jpg?v=1" />
<div class="mh-arles__content">
<p class="mh-arles__label">HISTOIRE & PATRIMOINE</p>
<h3>Un patrimoine exceptionnel</h3>
<p>Des Arènes aux monuments romains, découvrez l’histoire d’Arles au fil de ses ruelles anciennes et de ses places pleines de charme.</p>
</div>
</article>
<article class="mh-arles__card"><img alt="Art et culture" loading="lazy" src="https://www.lamaisondeshautures.com/medias/images/istockphoto-1050318442-612x612.jpg?v=1" />
<div class="mh-arles__content">
<p class="mh-arles__label">ART & CULTURE</p>
<h3>Une ville inspirante</h3>
<p>Galeries, photographie, marchés et traditions provençales : laissez-vous porter par l’énergie créative et l’art de vivre arlésien.</p>
</div>
</article>
<article class="mh-arles__card mh-arles__card--wide"><img alt="Paysages naturels de Provence" loading="lazy" src="https://www.lamaisondeshautures.com/medias/images/birds-7570366-640.jpg?v=1" />
<div class="mh-arles__content">
<p class="mh-arles__label">NATURE & ÉVASION</p>
<h3>La Provence grandeur nature</h3>
<p>Partez à la découverte de la Camargue, de ses paysages préservés et de sa nature remarquable, à quelques escapades d’Arles.</p>
</div>
</article>
</div>
</section>
<style type="text/css">.mh-arles,
.mh-arles * {
box-sizing: border-box;
}
.mh-arles {
padding: 56px 5%;
background: #FBF8F2;
color: #405044;
}
.mh-arles__intro {
max-width: 720px;
margin: 0 auto 34px;
text-align: center;
}
.mh-arles__eyebrow,
.mh-arles__label {
color: #A87953;
font-size: 10px;
font-weight: 700;
letter-spacing: 1.8px;
line-height: 1.6;
}
.mh-arles__intro h2 {
margin: 12px 0 18px;
color: #405044;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(30px, 4vw, 44px);
font-weight: 400;
line-height: 1.2;
}
.mh-arles__intro > p:last-child {
max-width: 600px;
margin: 0 auto;
font-size: 15px;
line-height: 1.8;
}
.mh-arles__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 22px;
max-width: 1100px;
margin: 0 auto;
}
.mh-arles__card {
min-width: 0;
overflow: hidden;
background: #FFFFFF;
border: 1px solid #E8E0D4;
}
.mh-arles__card > img {
display: block;
width: 100%;
aspect-ratio: 5 / 3;
object-fit: cover;
}
.mh-arles__content {
padding: 22px;
}
.mh-arles__label {
margin: 0 0 10px;
font-size: 9px;
}
.mh-arles__content h3 {
margin: 0 0 12px;
color: #405044;
font-family: Georgia, "Times New Roman", serif;
font-size: 23px;
font-weight: 400;
line-height: 1.3;
}
.mh-arles__content > p:last-child {
margin-bottom: 0;
font-size: 13px;
line-height: 1.8;
}
.mh-arles__card--wide {
grid-column: 1 / -1;
display: grid;
grid-template-columns: 1.1fr 1fr;
align-items: center;
}
.mh-arles__card--wide > img {
height: 100%;
min-height: 230px;
aspect-ratio: auto;
}
.mh-arles__card--wide .mh-arles__content {
padding: 28px;
}
@media (max-width: 600px) {
.mh-arles {
padding: 38px 18px;
}
.mh-arles__grid {
grid-template-columns: 1fr;
gap: 18px;
}
.mh-arles__card--wide {
grid-column: auto;
display: block;
}
.mh-arles__card--wide > img {
min-height: 0;
aspect-ratio: 5 / 3;
}
.mh-arles__content {
padding: 19px;
}
.mh-arles__content h3 {
font-size: 21px;
}
}
</style></div>
</div>
</div>
</div>
</div>
<div id="row-6ad1d4e9873d7384775109b9-6" data-mcp-line-id="6ad1d4e9885e3ce1af9e4fd6" class="row-container pos-6 page_1 container">
<div class="row-content">
<div class="row" data-role="line">
<div data-role="cell" data-mcp-cell-id="6ad1d4e9886dcb2d600f0a35" data-size="lg" id="cell-6ad1d4e9886dcb2d600f0a35" class="col">
<div class="col-content col-no-widget col-text">
<section class="mh-situation">
<div class="mh-situation__inner">
<div class="mh-situation__photo">
<!-- REMPLACE L'ADRESSE CI-DESSOUS PAR CELLE DE TA PHOTO -->
<img
src="https://www.lamaisondeshautures.com/medias/images/1000004871.png?v=1"
alt="Découvrir le centre historique d'Arles"
loading="lazy"
>
<div class="mh-situation__photo-caption">
Arles, une ville à découvrir à pied
</div>
</div>
<div class="mh-situation__text">
<p class="mh-situation__eyebrow">
UNE ADRESSE PRIVILÉGIÉE
</p>
<h2>
Vivez Arles<br>
au rythme de ses ruelles
</h2>
<p class="mh-situation__description">
Séjourner à La Maison des Hautures, c’est profiter
du charme du centre historique et prendre le temps
de découvrir Arles, son patrimoine, ses places
animées et son art de vivre provençal.
</p>
<div class="mh-situation__points">
<div class="mh-situation__point">
<span class="mh-situation__number">01</span>
<div>
<h3>Le charme historique</h3>
<p>Explorez les ruelles anciennes et les belles places d’Arles.</p>
</div>
</div>
<div class="mh-situation__point">
<span class="mh-situation__number">02</span>
<div>
<h3>Les incontournables à proximité</h3>
<p>Découvrez les Arènes et les monuments emblématiques de la ville.</p>
</div>
</div>
<div class="mh-situation__point">
<span class="mh-situation__number">03</span>
<div>
<h3>La douceur provençale</h3>
<p>Profitez des marchés, des terrasses et de l’atmosphère arlésienne.</p>
</div>
</div>
</div>
<p class="mh-situation__signature">
Une ville d’histoire, de lumière et d’émotions.
</p>
</div>
</div>
</section>
<style>
.mh-situation,
.mh-situation * {
box-sizing: border-box;
}
.mh-situation {
padding: 64px 5%;
background: #FBF8F2;
color: #405044;
}
.mh-situation__inner {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
gap: 54px;
max-width: 1160px;
margin: 0 auto;
}
.mh-situation__photo {
position: relative;
min-width: 0;
}
.mh-situation__photo img {
display: block;
width: 100%;
height: 530px;
object-fit: cover;
object-position: center;
}
.mh-situation__photo-caption {
position: absolute;
right: 0;
bottom: 0;
max-width: 90%;
padding: 14px 20px;
background: #405044;
color: #FBF8F2;
font-family: Georgia, "Times New Roman", serif;
font-size: 15px;
font-style: italic;
}
.mh-situation__text {
min-width: 0;
}
.mh-situation__eyebrow {
margin: 0 0 14px;
color: #A87953;
font-size: 10px;
font-weight: 700;
letter-spacing: 2px;
line-height: 1.6;
}
.mh-situation__text h2 {
margin: 0 0 22px;
color: #405044;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(30px, 3.5vw, 44px);
font-weight: 400;
line-height: 1.2;
}
.mh-situation__description {
margin: 0 0 28px;
font-size: 14px;
line-height: 1.9;
}
.mh-situation__points {
border-top: 1px solid #E5C9A5;
}
.mh-situation__point {
display: grid;
grid-template-columns: 38px 1fr;
gap: 14px;
padding: 18px 0;
border-bottom: 1px solid #E5C9A5;
}
.mh-situation__number {
padding-top: 2px;
color: #A87953;
font-family: Georgia, "Times New Roman", serif;
font-size: 18px;
}
.mh-situation__point h3 {
margin: 0 0 6px;
color: #405044;
font-family: Georgia, "Times New Roman", serif;
font-size: 19px;
font-weight: 400;
line-height: 1.35;
}
.mh-situation__point p {
margin: 0;
font-size: 13px;
line-height: 1.7;
}
.mh-situation__signature {
margin: 24px 0 0 4px;
color: #A87953;
font-family: Georgia, "Times New Roman", serif;
font-size: 19px;
font-style: italic;
line-height: 1.5;
}
@media (max-width: 700px) {
.mh-situation {
padding: 40px 20px;
}
.mh-situation__inner {
grid-template-columns: 1fr;
gap: 30px;
}
.mh-situation__photo img {
height: auto;
aspect-ratio: 4 / 5;
}
.mh-situation__text h2 {
font-size: 32px;
}
.mh-situation__point h3 {
font-size: 18px;
}
}
</style></div>
</div>
</div>
</div>
</div>
<div id="row-6ad1d4e9873d7384775109b9-7" data-mcp-line-id="6ad1d4e98882d1226ad68eec" class="row-container pos-7 page_1 container">
<div class="row-content">
<div class="row" data-role="line">
<div data-role="cell" data-mcp-cell-id="6ad1d4e98893ef1d3ca2a71d" data-size="lg" id="cell-6ad1d4e98893ef1d3ca2a71d" class="col">
<div class="col-content col-no-widget col-text">
<p> </p>
<section class="avis-maison">
<div class="avis-contenu">
<p class="avis-surtitre">VOS TÉMOIGNAGES</p>
<h2>Ils ont séjourné chez nous</h2>
<p class="avis-intro">Découvrez les expériences de nos voyageurs à La Maison des Hautures, au cœur d’Arles.</p>
<div class="avis-carte">
<div class="avis-etoiles">★★★★</div>
<p><a href="https://www.google.com/maps/contrib/105484737214279426368/reviews?hl=fr-FR" ping="/url?sa=t&source=web&rct=j&url=https%3A%2F%2Fwww.google.com%2Fmaps%2Fcontrib%2F105484737214279426368%2Freviews%3Fhl%3Dfr-FR&ved=0CPIDEM7BCGoXChMIiMnZloG6lwMVAAAAAB0AAAAAECk&opi=89978449">Mélanie Geinoz</a></p>
<p><a href="https://www.google.com/maps/contrib/105484737214279426368/reviews?hl=fr-FR" ping="/url?sa=t&source=web&rct=j&url=https%3A%2F%2Fwww.google.com%2Fmaps%2Fcontrib%2F105484737214279426368%2Freviews%3Fhl%3Dfr-FR&ved=0CPIDEM7BCGoXChMIiMnZloG6lwMVAAAAAB0AAAAAECk&opi=89978449">Local Guide·106 avis·1 163 photos</a></p>
<p>Visité en septembre 2019</p>
<p>Très bien situé, spacieux, propre, décoration sobre mais élégante: idéal pour découvrir la ville! Petit bémol: le confort du lit mériterait d'être amélioré (par un changement de sommier)!du voyageur.</p>
</div>
<div class="avis-carte">
<div class="avis-etoiles">★★★★★</div>
<p><a href="https://www.google.com/maps/contrib/104199505237042923917/reviews?hl=fr-FR" ping="/url?sa=t&source=web&rct=j&url=https%3A%2F%2Fwww.google.com%2Fmaps%2Fcontrib%2F104199505237042923917%2Freviews%3Fhl%3Dfr-FR&ved=0COUGEM7BCGoXChMIiMnZloG6lwMVAAAAAB0AAAAAEC0&opi=89978449">Serge Moulin</a></p>
<p>Un accueil toujours chaleureux.<br />
Ravi de mon séjour.<br />
Je le recommande à tous points de vue.</p>
<p>Visité en août 2023</p>
</div>
<div class="avis-carte">
<div class="avis-etoiles">★★★★</div>
<p><a href="https://www.google.com/maps/contrib/113991171510529309161/reviews?hl=fr-FR" ping="/url?sa=t&source=web&rct=j&url=https%3A%2F%2Fwww.google.com%2Fmaps%2Fcontrib%2F113991171510529309161%2Freviews%3Fhl%3Dfr-FR&ved=0CNEIEM7BCGoXChMIiMnZloG6lwMVAAAAAB0AAAAAEC0&opi=89978449">Celeste</a></p>
<p><a href="https://www.google.com/maps/contrib/113991171510529309161/reviews?hl=fr-FR" ping="/url?sa=t&source=web&rct=j&url=https%3A%2F%2Fwww.google.com%2Fmaps%2Fcontrib%2F113991171510529309161%2Freviews%3Fhl%3Dfr-FR&ved=0CNEIEM7BCGoXChMIiMnZloG6lwMVAAAAAB0AAAAAEC0&opi=89978449">Local Guide·291 avis·1 043 photos</a></p>
<p>il y a 4 ans</p>
<p>Très bel hôtel, emplacement central très pratique. Seuls bémols : la chaleur et le manque de confort des chambres, réparties sur trois étages. L’escalier est raide et donc peu pratique. Malgré cela, nous avons passé un excellent séjour. Le propriétaire était très aimable et serviable.</p>
<p>Traduit par Google·Voir l'original (italien)</p>
<p>Visité en juillet 2022</p>
</div>
</div>
</section>
<style type="text/css">.avis-maison {
background: #fbf8f2;
color: #405044;
padding: 55px 20px;
text-align: center;
font-family: Arial, sans-serif;
}
.avis-contenu {
max-width: 850px;
margin: auto;
}
.avis-surtitre {
color: #a87953;
font-size: 11px;
letter-spacing: 3px;
}
.avis-maison h2 {
font-family: Georgia, serif;
font-size: clamp(28px, 5vw, 38px);
font-weight: normal;
margin: 12px 0;
}
.avis-intro {
line-height: 1.8;
margin: 0 auto 30px;
}
.avis-carte {
background: #fff;
border: 1px solid #e8ddce;
border-radius: 5px;
padding: 25px;
margin: 16px auto;
text-align: left;
box-shadow: 0 3px 12px #4050440b;
}
.avis-etoiles {
color: #b98560;
letter-spacing: 3px;
font-size: 20px;
}
.avis-carte h3 {
font-family: Georgia, serif;
font-size: 18px;
font-weight: normal;
margin: 12px 0 8px;
}
.avis-carte p {
line-height: 1.8;
margin-bottom: 0;
}
.avis-bouton,
.avis-lien {
display: inline-block;
margin: 12px 5px 0;
padding: 13px 20px;
border: 1px solid #a87953;
border-radius: 3px;
text-decoration: none;
font-size: 14px;
}
.avis-bouton {
background: #a87953;
color: white;
}
.avis-lien {
color: #405044;
background: transparent;
}
@media (max-width: 480px) {
.avis-maison { padding: 38px 16px; }
.avis-carte { padding: 20px; }
.avis-bouton,
.avis-lien {
display: block;
margin: 12px 0 0;
}
}
</style></div>
</div>
</div>
</div>
</div>
<div id="row-6ad1d4e9873d7384775109b9-8" data-mcp-line-id="6ad1d4e988a5163468c557f9" class="row-container pos-8 page_1 container">
<div class="row-content">
<div class="row" data-role="line">
<div data-role="cell" data-mcp-cell-id="6ad1d4e988b7123b7bc5f767" data-size="xs" id="cell-6ad1d4e988b7123b7bc5f767" class="col empty-column" style="-ms-flex-preferred-size:15%;flex-basis:15%">
<div class="col-content col-no-widget col-text">
</div>
</div>
<div data-role="cell" data-mcp-cell-id="6ad384ae2c18ed0f407614bc" data-size="md" id="cell-6ad384ae2c18ed0f407614bc" class="col" style="-ms-flex-preferred-size:70%;flex-basis:70%">
<div class="col-content col-no-widget col-text">
<h3 style="text-align: center;">Une alternative de charme aux hôtels à Arles</h3>
<p style="text-align: center;">Envie de découvrir Arles autrement ? Nos deux maisons de caractère vous accueillent au cœur du centre historique, pour un séjour alliant authenticité, confort et liberté.</p>
<p style="text-align: center;">En réservant directement auprès de nous, vous bénéficiez de notre meilleur tarif en direct, sans frais de plateforme supplémentaires, et d’un contact privilégié pour préparer votre séjour.</p></div>
</div>
<div data-role="cell" data-mcp-cell-id="6ad384ae2c4b9547395fc319" data-size="xs" id="cell-6ad384ae2c4b9547395fc319" class="col empty-column" style="-ms-flex-preferred-size:15%;flex-basis:15%">
<div class="col-content col-no-widget col-text">
</div>
</div>
</div>
</div>
</div>
<div id="row-6ad1d4e9873d7384775109b9-9" data-mcp-line-id="6ad1d4e988ea6f98adbb08cc" class="row-container pos-9 page_1 container">
<div class="row-content">
<div class="row" data-role="line">
<div data-role="cell" data-mcp-cell-id="6ad1d4e988fabd380a2374e4" data-size="lg" id="cell-6ad1d4e988fabd380a2374e4" class="col">
<div class="col-content col-no-widget col-text">
<p> </p>
<section class="mh-atouts">
<div class="mh-atouts-intro">
<p class="mh-sur-titre">POURQUOI CHOISIR LA MAISON DES HAUTURES ?</p>
<h2>Nos atouts</h2>
<p class="mh-intro-texte">Tout est pensé pour vous offrir un séjour authentique et confortable au cœur d’Arles.</p>
</div>
<div class="mh-atouts-grille">
<article class="mh-atout"><span aria-hidden="true" class="mh-atout-icone">⌖</span>
<h3>Emplacement idéal</h3>
<p>Découvrez Arles et profitez pleinement de son centre historique.</p>
</article>
<article class="mh-atout"><span aria-hidden="true" class="mh-atout-icone">♡</span>
<h3>Réservation directe</h3>
<p>Réservez en toute simplicité, avec un contact privilégié.</p>
</article>
<article class="mh-atout"><span aria-hidden="true" class="mh-atout-icone">⌂</span>
<h3>Équipements inclus</h3>
<p>Linge, Wi-Fi, cuisine équipée et arrivée autonome.</p>
</article>
<article class="mh-atout"><span aria-hidden="true" class="mh-atout-icone">◇</span>
<h3>Maison de caractère</h3>
<p>Un lieu unique pour vivre un séjour authentique.</p>
</article>
</div>
</section>
<style type="text/css">.mh-atouts,
.mh-atouts * {
box-sizing: border-box;
}
.mh-atouts {
width: 100%;
padding: 48px 20px;
background: #fbf8f2;
color: #383b35;
font-family: inherit;
}
.mh-atouts-intro {
max-width: 700px;
margin: 0 auto 30px;
text-align: center;
}
.mh-sur-titre {
margin: 0 0 10px;
color: #a77d59;
font-size: 13px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 1.4px;
}
.mh-atouts h2 {
margin: 0 0 14px;
color: #405044;
font-size: clamp(28px, 5vw, 38px);
line-height: 1.2;
font-weight: 600;
}
.mh-intro-texte {
max-width: 560px;
margin: 0 auto;
font-size: 16px;
line-height: 1.7;
}
.mh-atouts-grille {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
max-width: 900px;
margin: 0 auto;
}
.mh-atout {
min-width: 0;
padding: 25px 16px;
background: #ffffff;
border: 1px solid #eee4d7;
border-radius: 8px;
text-align: center;
}
.mh-atout-icone {
display: block;
margin-bottom: 12px;
color: #b98560;
font-size: 32px;
line-height: 1.2;
}
.mh-atout h3 {
margin: 0 0 12px;
color: #a87550;
font-size: 18px;
line-height: 1.35;
font-weight: 600;
overflow-wrap: anywhere;
}
.mh-atout p {
margin: 0;
font-size: 15px;
line-height: 1.65;
overflow-wrap: anywhere;
}
@media (max-width: 380px) {
.mh-atouts {
padding: 34px 14px;
}
.mh-atouts-grille {
grid-template-columns: 1fr;
gap: 12px;
}
.mh-atout {
padding: 22px 18px;
}
}
</style>
<p> </p></div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
emsChromeExtension.init('page', '6ad1d4e986fd7830bbaddc47', 'e-monsite.com');
</script>
</main>
</div>
<!-- //WRAPPER -->
<footer id="footer">
<div id="rows-6089127a3bc35462e6a81ff8" class="rows" data-total-pages="1" data-current-page="1">
<div id="row-6089127a3bc35462e6a81ff8-1" data-mcp-line-id="5dca8f0fe34f5462e667caa2" class="row-container pos-1 page_1">
<div class="row-content container">
<div class="row align-items-stretch" data-role="line">
<div data-role="cell" data-mcp-cell-id="5e0de089e5045462e667c101" data-size="lg" id="cell-5e0de089e5045462e667c101" class="col" style="-ms-flex-preferred-size:99.999999999999%;flex-basis:99.999999999999%">
<div class="col-content col-no-widget col-text">
<p><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:14px;"><a href="https://www.arlestourisme.com/fr/h%C3%A9bergement-en-d%C3%A9tail.html?h=_x0031_3GIT008803"><span style="color:#000000;">LA MAISON DES HAUTURES</span></a></span></span></p>
<div><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:14px;"><span style="color:#000000;">20 rue raspail 13200</span></span></span></div>
<div><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:14px;"><span style="color:#000000;">Arles</span></span></span></div>
<div><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:14px;"><span style="color:#000000;">tel: 0612 343 391</span></span></span></div>
<div><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:14px;">contact@lamaisondeshautures.com</span></span></div>
<div><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:14px;"><span style="color:#000000;">Numéro de licence : <strong>1300400057828, 1300400106722</strong></span></span></span></div>
<div><strong> </strong><span style="color:#000000;"></span></div>
<div><a href="https://www.lamaisondeshautures.com/location-saisonniere-a-arles/infos-utiles/politique-de-confidentialite.html">Politique de confidentialité</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
</div>
<ul id="legal-mentions" class="footer-mentions">
<li><a href="https://www.lamaisondeshautures.com/about/legal/">Mentions légales</a></li>
<li><a href="https://www.lamaisondeshautures.com/about/cgu/">Conditions générales d'utilisation</a></li>
<li><button id="cookies" type="button" aria-label="Gestion des cookies">Gestion des cookies</button></li>
</ul>
</footer>
<button id="scroll-to-top" class="d-none d-sm-inline-block" type="button" aria-label="Scroll top" onclick="$('html, body').animate({ scrollTop:0}, 600);">
<i class="material-icons md-lg md-expand_less"></i>
</button>
</body>
</html>