Outiref

Code source de l'URL : https://www.lamaisondeshautures.com

<!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&amp;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&Icirc;TES DE CHARME &Agrave; ARLES</span></p>

<h1 class="mh-hero__title"><span style="color:#fbf8f2;">Deux maisons de caract&egrave;re au c&oelig;ur du centre historique</span></h1>

<p class="mh-hero__description"><span style="font-size:20px;"><strong><span style="color:#ffffff;">D&eacute;couvrez Arles et la Provence depuis nos deux g&icirc;tes de charme, &agrave; proximit&eacute; des Ar&egrave;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&eacute;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>&nbsp;</p>

<div class="mh-introduction">
<p class="mh-introduction__signature">DEUX LIEUX DE CARACT&Egrave;RE</p>

<h2>D&eacute;couvrez Arles&nbsp;<br class="mh-introduction__mobile-break" />
et l&rsquo;art de vivre proven&ccedil;al</h2>

<p class="mh-introduction__text">Fl&acirc;nez dans les ruelles proven&ccedil;ales, explorez la Camargue et d&eacute;couvrez un patrimoine exceptionnel. Retrouvez chaque soir le calme et le charme de nos maisons, au c&oelig;ur d&rsquo;Arles.</p>

<p class="mh-introduction__conclusion">Plus qu&rsquo;une location de vacances, une v&eacute;ritable exp&eacute;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="{&quot;one&quot;:&quot;adulte&quot;,&quot;other&quot;:&quot;adultes&quot;}" data-children-description="Âges {minAge} - {maxAge}" data-children-label="{&quot;one&quot;:&quot;enfant&quot;,&quot;other&quot;:&quot;enfants&quot;}" 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="{&quot;one&quot;:&quot;Minimum {minStay} nuit&quot;,&quot;other&quot;:&quot;Minimum de {minStay} nuits&quot;}" 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="{&quot;one&quot;:&quot;b\u00e9b\u00e9&quot;,&quot;other&quot;:&quot;b\u00e9b\u00e9s&quot;}" 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="{&quot;one&quot;:&quot;animal de compagnie&quot;,&quot;other&quot;:&quot;animaux de compagnie&quot;}" 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">&nbsp;</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&eacute;bergements<br />
au charme unique</h2>

<p>La Maison des Hautures et le Clos des Ursulines vous accueillent dans deux lieux de caract&egrave;re, au c&oelig;ur d&rsquo;Arles.</p>

<p>Deux ambiances authentiques et confortables pour d&eacute;couvrir la ville, ses ruelles historiques et les paysages de Provence.</p>

<p class="mh-hebergements__signature">Deux ambiances,<br />
le m&ecirc;me esprit proven&ccedil;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&rsquo;ANCIEN</p>

<h3>La Maison des Hautures</h3>

<p class="mh-hebergement__infos">75 m&sup2; &middot; 3 chambres &middot; Jusqu&rsquo;&agrave; 6 personnes</p>

<p>Une maison de ville ind&eacute;pendante pleine de charme, avec un escalier en colima&ccedil;on d&rsquo;&eacute;poque et un plafond &agrave; la fran&ccedil;aise. Un cadre chaleureux pour un s&eacute;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&eacute;couvrir la Maison des Hautures&rarr;</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&Eacute;JOUR EN PROVENCE</p>

<h3>Le Clos des Ursulines</h3>

<p class="mh-hebergement__infos">55 m&sup2; &middot; 1 chambre &middot; Jusqu&rsquo;&agrave; 4 personnes</p>

<p>Un cocon accueillant autour d&rsquo;un authentique escalier en pierre. Un lieu plein de charme pour une escapade proven&ccedil;ale au c&oelig;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&eacute;couvrir le Clos des Ursulines&rarr;</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&eacute;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 &agrave; explorer</a> pendant votre s&eacute;jour. Depuis nos maisons, prenez le temps de d&eacute;couvrir <a href="https://www.lamaisondeshautures.com/gites-de-charme-a-arles/activites-arles-provence-.html">Arles et les tr&eacute;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 &amp; PATRIMOINE</p>

<h3>Un patrimoine exceptionnel</h3>

<p>Des Ar&egrave;nes aux monuments romains, d&eacute;couvrez l&rsquo;histoire d&rsquo;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 &amp; CULTURE</p>

<h3>Une ville inspirante</h3>

<p>Galeries, photographie, march&eacute;s et traditions proven&ccedil;ales : laissez-vous porter par l&rsquo;&eacute;nergie cr&eacute;ative et l&rsquo;art de vivre arl&eacute;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 &amp; &Eacute;VASION</p>

<h3>La Provence grandeur nature</h3>

<p>Partez &agrave; la d&eacute;couverte de la Camargue, de ses paysages pr&eacute;serv&eacute;s et de sa nature remarquable, &agrave; quelques escapades d&rsquo;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>&nbsp;</p>

<section class="avis-maison">
<div class="avis-contenu">
<p class="avis-surtitre">VOS T&Eacute;MOIGNAGES</p>

<h2>Ils ont s&eacute;journ&eacute; chez nous</h2>

<p class="avis-intro">D&eacute;couvrez les exp&eacute;riences de nos voyageurs &agrave; La Maison des Hautures, au c&oelig;ur d&rsquo;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&amp;source=web&amp;rct=j&amp;url=https%3A%2F%2Fwww.google.com%2Fmaps%2Fcontrib%2F105484737214279426368%2Freviews%3Fhl%3Dfr-FR&amp;ved=0CPIDEM7BCGoXChMIiMnZloG6lwMVAAAAAB0AAAAAECk&amp;opi=89978449">M&eacute;lanie Geinoz</a></p>

<p><a href="https://www.google.com/maps/contrib/105484737214279426368/reviews?hl=fr-FR" ping="/url?sa=t&amp;source=web&amp;rct=j&amp;url=https%3A%2F%2Fwww.google.com%2Fmaps%2Fcontrib%2F105484737214279426368%2Freviews%3Fhl%3Dfr-FR&amp;ved=0CPIDEM7BCGoXChMIiMnZloG6lwMVAAAAAB0AAAAAECk&amp;opi=89978449">Local&nbsp;Guide&middot;106&nbsp;avis&middot;1 163&nbsp;photos</a></p>

<p>Visit&eacute; en septembre 2019</p>

<p>Tr&egrave;s bien situ&eacute;, spacieux, propre, d&eacute;coration sobre mais &eacute;l&eacute;gante: id&eacute;al pour d&eacute;couvrir la ville! Petit b&eacute;mol: le confort du lit m&eacute;riterait d&#39;&ecirc;tre am&eacute;lior&eacute; (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&amp;source=web&amp;rct=j&amp;url=https%3A%2F%2Fwww.google.com%2Fmaps%2Fcontrib%2F104199505237042923917%2Freviews%3Fhl%3Dfr-FR&amp;ved=0COUGEM7BCGoXChMIiMnZloG6lwMVAAAAAB0AAAAAEC0&amp;opi=89978449">Serge Moulin</a></p>

<p>Un accueil toujours chaleureux.<br />
Ravi de mon s&eacute;jour.<br />
Je le recommande &agrave; tous points de vue.</p>

<p>Visit&eacute; en ao&ucirc;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&amp;source=web&amp;rct=j&amp;url=https%3A%2F%2Fwww.google.com%2Fmaps%2Fcontrib%2F113991171510529309161%2Freviews%3Fhl%3Dfr-FR&amp;ved=0CNEIEM7BCGoXChMIiMnZloG6lwMVAAAAAB0AAAAAEC0&amp;opi=89978449">Celeste</a></p>

<p><a href="https://www.google.com/maps/contrib/113991171510529309161/reviews?hl=fr-FR" ping="/url?sa=t&amp;source=web&amp;rct=j&amp;url=https%3A%2F%2Fwww.google.com%2Fmaps%2Fcontrib%2F113991171510529309161%2Freviews%3Fhl%3Dfr-FR&amp;ved=0CNEIEM7BCGoXChMIiMnZloG6lwMVAAAAAB0AAAAAEC0&amp;opi=89978449">Local&nbsp;Guide&middot;291&nbsp;avis&middot;1 043&nbsp;photos</a></p>

<p>il y a 4&nbsp;ans</p>

<p>Tr&egrave;s bel h&ocirc;tel, emplacement central tr&egrave;s pratique. Seuls b&eacute;mols&nbsp;: la chaleur et le manque de confort des chambres, r&eacute;parties sur trois &eacute;tages. L&rsquo;escalier est raide et donc peu pratique. Malgr&eacute; cela, nous avons pass&eacute; un excellent s&eacute;jour. Le propri&eacute;taire &eacute;tait tr&egrave;s aimable et serviable.</p>

<p>Traduit par Google&middot;Voir l&#39;original (italien)</p>

<p>Visit&eacute; 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&ocirc;tels &agrave; Arles</h3>

<p style="text-align: center;">Envie de d&eacute;couvrir Arles autrement ? Nos deux maisons de caract&egrave;re vous accueillent au c&oelig;ur du centre historique, pour un s&eacute;jour alliant authenticit&eacute;, confort et libert&eacute;.</p>

<p style="text-align: center;">En r&eacute;servant directement aupr&egrave;s de nous, vous b&eacute;n&eacute;ficiez de notre meilleur tarif en direct, sans frais de plateforme suppl&eacute;mentaires, et d&rsquo;un contact privil&eacute;gi&eacute; pour pr&eacute;parer votre s&eacute;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>&nbsp;</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&eacute; pour vous offrir un s&eacute;jour authentique et confortable au c&oelig;ur d&rsquo;Arles.</p>
</div>

<div class="mh-atouts-grille">
<article class="mh-atout"><span aria-hidden="true" class="mh-atout-icone">⌖</span>

<h3>Emplacement id&eacute;al</h3>

<p>D&eacute;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&eacute;servation directe</h3>

<p>R&eacute;servez en toute simplicit&eacute;, avec un contact privil&eacute;gi&eacute;.</p>
</article>

<article class="mh-atout"><span aria-hidden="true" class="mh-atout-icone">⌂</span>

<h3>&Eacute;quipements inclus</h3>

<p>Linge, Wi-Fi, cuisine &eacute;quip&eacute;e et arriv&eacute;e autonome.</p>
</article>

<article class="mh-atout"><span aria-hidden="true" class="mh-atout-icone">◇</span>

<h3>Maison de caract&egrave;re</h3>

<p>Un lieu unique pour vivre un s&eacute;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>&nbsp;</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&eacute;ro de licence&nbsp;:&nbsp;<strong>1300400057828, 1300400106722</strong></span></span></span></div>

<div><strong>&nbsp;</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&eacute;</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>