PageSourceSearch

https://www.easy-re.com/fr

html easy-re.com collected 2026-10-03 00:45:20 UTC 146,325 bytes, 2,035 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr" xmlns:fb="http://ogp.me/ns/fb#" class="tw">
3<head>
4        <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 68 bytes, lines 4-5
4
5    <script async src="https://www.googletagmanager.com/gtag/js?id=
5UA-29655990-1
vendor: 16 bytes, lines 5-6
5"></script>
6    
6<script>
7        
vendor: 152 bytes, lines 7-11
7window.dataLayer = window.dataLayer || [];
8        function gtag(){dataLayer.push(arguments);}
9        gtag('js', new Date());
10
11        gtag('config', '
11UA-29655990-1
vendor: 8 bytes, lines 11-12
11');
12    
12</script>
12
13    
14    
14<script src="/js/jquery-3.6.0.js" type="text/javascript"></script>
14
15    
15<script src="/js/yii.js" type="text/javascript"></script>
15
16    
16<script src="/js/yii.activeForm.js" type="text/javascript"></script>
16
17    
17<script type="text/javascript" src="/js/node_modules/tarteaucitronjs/tarteaucitron.js"></script>
17
18    
18<script type="text/javascript" src="/js/node_modules/tarteaucitronjs/lang/tarteaucitron.en.js"></script>
18
19
20    
21    
21<script type="text/javascript" src="/js/node_modules/litepicker/dist/litepicker.js"></script>
21
22    
22<script type="text/javascript" src="/js/node_modules/litepicker/dist/plugins/mobilefriendly.js"></script>
22
23    
23<script type="text/javascript" src="/js/node_modules/mitt/dist/mitt.umd.js"></script>
23
24    
24<script type="text/javascript" src="/js/node_modules/moment/min/moment.min.js"></script>
24
25    
25<script type="text/javascript" src="/js/node_modules/vue/dist/vue.min.js"></script>
25
26    
27
28    
29    <meta name="cache-hash" id="cache-hash" value="e4b491b7" />
30
31            
31<script type="text/javascript" src="/js/dist/mainvue.e4b491b7.js" id="js-pack"></script>
31
32    
33    
33<script type="text/javascript">
34        window.GOOGLE_CLIENT_ID = '343202464993-ku894u7k4sbluch1p3t830te899k6qi5.apps.googleusercontent.com';
35    </script>
35
36
37    
37<script type="text/javascript">
38        window.tarteaucitronForceLanguage = 'fr';
39        tarteaucitron.init({
40            "privacyUrl": "https://www.easy-re.com/fr/site/cgdv", /* Privacy policy url */
41
42            "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */
43            "cookieName": "tarteaucitron", /* Cookie name */
44
45            "orientation": "bottom", /* Banner position (top - bottom) */
46
47            "groupServices": false, /* Group services by category */
48
49            "showAlertSmall": false, /* Show the small banner on bottom right */
50            "cookieslist": false, /* Show the cookie list */
51
52            "closePopup": false, /* Show a close X on the banner */
53
54            "showIcon": false, /* Show cookie icon to manage cookies */
55            //"iconSrc": "", /* Optionnal: URL or base64 encoded image */
56            "iconPosition": "BottomRight", /* BottomRight, BottomLeft, TopRight and TopLeft */
57
58            "adblocker": false, /* Show a Warning if an adblocker is detected */
59
60            "DenyAllCta" : true, /* Show the deny all button */
61            "AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */
62            "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */
63
64            "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */
65
66            "removeCredit": false, /* Remove credit link */
67            "moreInfoLink": true, /* Show more info link */
68
69            "useExternalCss": true, /* If false, the tarteaucitron.css file will be loaded */
70            "useExternalJs": false, /* If false, the tarteaucitron.js file will be loaded */
71
72            //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for multisite */
73
74            "readmoreLink": "https://www.easy-re.com/fr/site/cgdv", /* Change the default readmore link */
75
76            "mandatory": true, /* Show a message about mandatory cookies */
77
78            // "tarteaucitronCustomText": {
79            //     'alertBigPrivacy': 'aa'
80            // }
81        });
82    </script>
82
83
84            
84<script type="text/javascript">
85            tarteaucitron.user.gtagUa = 'UA-29655990-1';
86            tarteaucitron.user.gtagMore = function () { /* add here your optionnal gtag() */ };
87            (tarteaucitron.job = tarteaucitron.job || []).push('gtag');
88        </script>
88
89    
90    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
91    <meta name="keywords" content="location ile de ré, location ré, ré location, louer ile de ré, location vacances ile de ré, annonce location, maison a louer, chambres d'hotes, hébergement, logement, iledereloc, ile de ré loc" />
92    <title>Location Ile de Ré : 500 locations de vacances sur Ré - easy-Ré</title>
93		<meta property = "og:title" content = "Locations de vacances à l'île de Ré : villas, maisons d'hôtes, gîtes, hôtels et campings. Contactez directement les propriétaires, en un clic et sans intermédiaire." />
94		<meta name="description" content="Locations de vacances à l'île de Ré : villas, maisons d'hôtes, gîtes, hôtels et campings. Contactez directement les propriétaires, en un clic et sans intermédiaire." />
95		
96    <meta property="og:site_name" content="easy-ré.com, à un clic de l'Ile de Ré !" />
97    <meta property="og:type" content="landmark" />
98    <meta property="og:url" content="https://www.easy-re.com/fr" />
99    <meta property="fb:admins" content="100003640165417" />
100    <meta name="author" content="easy-Ré.com®" />
101    <meta name="geo.placename" content="Sainte-Marie de Ré, Poitou-Charentes" />
102    <meta name="geo.region" content="FR-17" />
103    <meta name="geo.position" content="46.151627;-1.312062" />
104    <meta name="ICBM" content="46.151627;-1.312062" />
105
106    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
107
108    <meta name="viewport" content="width=device-width, initial-scale=1">
109    <meta charset="UTF-8"/>
110    <meta name="csrf-param" content="_csrf">
111<meta name="csrf-token" content="LVaAEBvyZ3bYm8dwbQczi__IzSHpbEaqNyNPPNkXcyBFBMFYfrRUQ7qu_gU9dQTAqYT-ZIIBcZhuWydv6ERKeQ==">
112    <title>Locations vacances ile de Ré</title>
113                <link rel="shortcut icon" href="/favicon.ico">
114            <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
115            <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
116            <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
117            <link rel="manifest" href="/manifest.json">
118                
119    <meta name="theme-color" content="#ffffff">
120
121    <meta name="google-site-verification" content="fKmTn5I5EqPqmVzZS0crgOpUs8xK8WLPIfeOwC3CG0M" />
122
123    <link type="text/css" rel="stylesheet" href="/js/node_modules/tarteaucitronjs/css/tarteaucitron.css">
124    <link type="text/css" rel="stylesheet" href="/css/font-awesome.css">
125    <link type="text/css" rel="stylesheet" href="/css/googlefonts.css">
126            <link type="text/css" rel="stylesheet" href="/css/dist/pack.e4b491b7.css" id="css-pack">
127        
128    <style>
129                                    :root {
130            --primary-color: #f1155a;
131            --primary-lighten: #f4447b;
132            --primary-darken: #de0d4f;
133            --transparent-primary: rgba(113,150,162,.8);
134            --primary-color-lighter: #ffdd55;
135            --primary-color-lighter-2: #ffe680;
136            --primary-light: rgba(241,21,90,.1);
137            --dark-color: #003355;
138            --cookies-bg: white;
139            --cookies-text: #444;
140            --cookies-allow: var(--dark-color);
141            --cookies-deny: var(--primary-lighten);
142            --cookies-personalize: rgb(221, 221, 221);
143            --blue: #7196a2;
144        }
145        </style></head>    
146<body class="font-raleway re">
147        <div>
148        <header id="header">
149    <div id="mainmenu-vue" class="mb-55 md:mb-0">
150        <div class="flex justify-between p-25 container mx-auto h-55 md:h-92 fixed md:static top-0 w-full bg-white shadow-one sm:shadow-none z-[1]">
151            <div class="flex relative -top-20 md:-top-7 h-0 w-80 md:w-auto">
152                <a href="/fr"><img src="/img/re/logo-easy-re-texte.png" alt="Location ile de ré - Easy Ré vacances" width="170" height="95"></a>
153            </div>
154
155            <div class="flex">
156                <div class="">
157                    <div class="inline-block relative right-10 md:right-80 lg:right-0 top-25 lg:top-0">
158                        <div class="lg:hidden">
159                            <button data-cypress-header-menu-btn-mobile class="block border-3 border-pink hover:bg-pink text-pink hover:text-white py-8 text-14 rounded-full px-10 font-bold top-[-42px] right-[-119px] relative md:top-[-25px] md:right-[-20px] lg:right-30" @click="openMainMenu">
160                                                                    <div class="inline-block w-9 h-10 border border-pink rounded-full mr-4"></div>
161                                    Menu                                                            </button>
162                        </div>
163
164                        
165                        <div class="group pl-150 pr-[170px] md:pr-0 text-14 font-bold">
166                                                            <button data-cypress-header-menu-btn class="block border-3 border-pink hover:bg-pink text-pink hover:text-white py-8 rounded-full px-10 font-bold hidden lg:block" @click="open.login = true; login.state.welcome = true">
167                                    <div class="inline-block w-9 h-10 border border-pink rounded-full mr-4"></div>
168                                    Se connecter                                </button>
169                            
170                            <div data-cypress-login-btn-dropdown class="absolute top-42 right-0  bg-white shadow-one rounded-10 p-15 w-[200px] hidden group-hover:block z-[100]">
171                                                                    <button data-cypress-login-btn-header class="block font-bold text-left py-5 hover:bg-gray2 px-5 rounded-2 hover:font-bold w-full" @click="openLoginPopup()">Connexion</button>
172                                    <button class="block font-normal text-left py-5 hover:bg-gray2 px-5 rounded-2 hover:font-bold w-full" @click="openLoginPopup()">Inscription</button>
173                                
174                                                                    <div class="w-full border-b border-gray1 block my-10"></div>
175                                    <a class="block font-normal py-5 hover:bg-gray2 px-5 rounded-2 hover:font-bold w-full" href="/fr/site/signup">Créer une annonce</a>
176                                
177                                <button class="block text-left py-5 hover:bg-gray2 px-5 rounded-2 hover:font-bold w-full" @click="goToFavorites('/fr/location-ile-de-re')">Mes favoris</button>
178
179                                <div class="w-full border-b border-gray1 block my-10"></div>
180
181                                <a class="block font-normal py-5 hover:bg-gray2 px-5 rounded-2 hover:font-bold w-full" href="/fr/site/tarifs">Tarifs</a>
182
183                                <a class="block font-normal py-5 hover:bg-gray2 px-5 rounded-2 hover:font-bold w-full" href="/fr/site/contact">Aide</a>
184
185                                                            </div>
186                        </div>
187                    </div>
188                </div>
189            </div>
190        </div>
191        <div class="tw">
192    <div>
193        <div v-bind:class="['fixed left-0 top-0 w-screen h-full bg-white z-300 ', (open.mainMenu ? 'lg:hidden' : 'hidden')]" v-cloak>
194            <div class="w-screen h-screen overflow-x-hidden overflow-y-scroll fixed top-0 left-0 flex flex-col items-center">
195                <button v-on:click="mainGoTo('/fr')">
196                    <img src="/img/re/logo-easy-re-texte.png" alt="Location ile de ré - Easy Ré vacances" width="170" height="95" class="pt-40">
197                </button>
198
199                <div class="mx-20 w-full">
200                    <div class="w-full border-b border-b-graycc my-20"></div>
201                </div>
202
203                                    <button class="block hover:bg-pink text-pink hover:text-white rounded-full py-5 px-10">
204                        Espace utilisateur                    </button>
205                
206                <div class="">
207                                            <button data-cypress-login-btn-header-mobile class="block font-bold text-left py-5 hover:bg-gray2 px-5 rounded-2 hover:font-bold w-full text-center" @click="openLoginPopup()">Connexion</button>
208                        <button data-cypress-signup-btn-header class="block font-normal text-left py-5 hover:bg-gray2 px-5 rounded-2 hover:font-bold w-full text-center" @click="openLoginPopup()">Inscription</button>
209                    
210                                            <div class="w-full border-b border-gray1 block my-10"></div>
211                        <a data-cypress-create-ad-btn-header class="block font-normal py-5 hover:bg-gray2 px-5 rounded-2 hover:font-bold w-full text-center" href="/fr/site/signup">Créer une annonce</a>
212                    
213                    <button class="block font-normal text-left py-5 hover:bg-gray2 px-5 rounded-2 hover:font-bold w-full text-center"  @click="goToFavorites('/fr/location-ile-de-re')">Favoris</button>
214
215                                            <a class="block font-normal py-5 hover:bg-gray2 px-5 rounded-2 hover:font-bold w-full text-center" href="/fr/guide/guide-ile-de-re" class="block py-10 px-30">
216                            Guide                        </a>
217                    
218                    <div class="w-full border-b border-gray1 block my-10"></div>
219
220                    <a class="block font-normal py-5 hover:bg-gray2 px-5 rounded-2 hover:font-bold w-full text-center" href="/fr/site/tarifs">Tarifs</a>
221
222                    <a class="block font-normal py-5 hover:bg-gray2 px-5 rounded-2 hover:font-bold w-full text-center" href="/fr/site/contact">Aide</a>
223
224                    
225                                    </div>
226            </div>
227            <div class="float-right mr-10 mt-10 border border-3 border-lightgray rounded-full w-40 h-40 leading-40 font-20 font-black pl-10 hover:bg-lightgray lg:hidden" v-on:click="closeMainMenu()">
228                <div class="w-full h-2 bg-black rotate-45 relative top-16 -left-5"></div>
229                <div class="w-full h-2 bg-black -rotate-45 relative top-14 -left-5"></div>
230            </div>
231        </div>
232    </div>
233</div>
234    </div>
235</header>
236
237        
238<div id="house-vue" class="h-[600px] md:h-[400px] bg-[url(/img/re/ile-de-re-location.jpg)] bg-cover bg-center" data-banner-search-app>
239    <div data-cypress-datepickermodal class="tw" v-bind:class="{'hidden': !open.rangeCalendar}" v-cloak>
240    <div class="fixed flex items-center justify-center top-0 left-0 w-full h-full z-[300]">
241        <div class="absolute top-0 left-0 w-full h-full bg-transparentblack" @click="closeRangeCalendarModal()">
242        </div>
243        <div class="bg-white p-20 rounded-10 min-h-[472px] z-[301]">
244            <button class="border border-3 rounded-full w-40 h-40 block mb-15" @click="closeRangeCalendarModal()">X</button>
245            <div class="flex flex-col md:flex-row justify-between">
246                <div>
247                    <div class="mb-15" v-if="ddlNumNights">
248                        <div class="font-bold text-22 mb-10">{{ ddlNumNights + ' ' + (ddlNumNights > 1 ? 'nuits' : 'nuit')}}
249                        </div>
250                        <div class="text-gray88 text-14">&nbsp;</div>
251                    </div>
252                    <div class="mb-15" v-if="!ddlNumNights">
253                        <div class="font-bold text-22 mb-10">Sélectionnez les dates</div>
254                        <div class="text-gray88 text-14 font-normal max-w-[280px]">Ajoutez vos dates de voyage pour voir le prix exact                        </div>
255                    </div>
256                </div>
257                <div class="text-14 mb-20">
258                    <input type="text" pattern="\d{2}/\d{2}/\d{4}" placeholder="Arrivée"
259                           class="border p-10 pr-5 rounded-5 ml-10 w-100" v-model="ddl.fromFormatted" readonly>
260                    <input type="text" pattern="\d{2}/\d{2}/\d{4}" placeholder="Départ"
261                           class="border p-10 pr-5 rounded-5 ml-10 w-100" v-model="ddl.toFormatted" readonly>
262                </div>
263            </div>
264            <div>
265                <input type="hidden" id="litepicker">
266            </div>
267
268            <div class="mb-20 mt-10 text-center" v-if="ddl.state.invalidIsLessThanMinDuration > 0" v-cloak>
269                <div class="inline-block w-17 h-17 rounded-full leading-18 -mt-1 text-center bg-errorred text-white">
270                    !
271                </div>
272                <span class="font-normal text-errorred">Durée de réservation minimum: {{ ddl.state.invalidIsLessThanMinDuration }} nuits</span>
273            </div>
274
275            <div class="text-right mt-10">
276                <button class="font-bold text-black underline mr-20" @click="clearDates">Effacer les dates</button>
277                <button class="bg-black text-white font-bold p-10 rounded-5" @click="closeRangeCalendarModal()">
278                    Enregistrer                </button>
279            </div>
280        </div>
281    </div>
282</div>
283    <form action="/fr/location-ile-de-re" method="get">
284        <div class="p-30 container mx-auto md:pt-80">
285                            <ul class="m-0 p-0 font-bold text-gray3 border-b-3 border-gray4 hidden md:block">
286                    <li class="bg-blue text-16 inline-block">
287                        <div class="block text-white py-10 px-30">Locations par village</div>
288                    </li>
289                    <li class="bg-white text-16 hover:text-white hover:bg-blue inline-block">
290                        <a href="/fr/location-ile-de-re" class="block py-10 px-30">Toutes les locations</a>
291                    </li>
292                                        <li class="bg-white text-16 hover:text-white hover:bg-blue inline-block">
293                        <a href="/guide/guide-ile-de-re" class="block py-10 px-30">Guide</a>
294                    </li>
295                                    </ul>
296                        <div data-cypress-header-search-bar class="py-30 px-10 bg-transparentwhite flex flex-col md:flex-row justify-center">
297                <div class="">
298                    <div class="relative w-full md:w-[230px] inline-block p-2">
299    <select name="quartier"
300        class="bg-transparentwhite2 appearance-none h-41 py-10 pl-10 pr-42 font-bold text-14 text-blue w-full cursor-pointer"
301        placeholder=""
302        v-model="search.quartier"                                >
303        <option value="12">Toute l'île de Ré</option><option value="13">Ars-en-Ré</option><option value="14">Le Bois-Plage-en-Ré</option><option value="15">La Couarde-sur-Mer</option><option value="16">La Flotte</option><option value="17">Loix</option><option value="18">Les Portes-en-Ré</option><option value="19">Rivedoux-Plage</option><option value="20">Saint-Clément-des-Baleines</option><option value="21">
303Sainte-Marie-de-Ré</option><option value="22">Saint-Martin-de-Ré</option>    </select>
304    <i class="fa fa-chevron-down absolute right-10 top-16 text-14 text-blue cursor-pointer pointer-events-none"></i>
305</div>
306
307                    <div class="my-10 hidden md:inline">
308                        <label for="filter_with_pool" class="w-full block py-2 cursor-pointer">
309                            <input type="checkbox" name="pool" id="filter_with_pool" value="1" class="checkbox-1-small" >
310                            <span class="ml-8">Piscine / Spa</span>
311                        </label>
312
313                        <label for="filter_verified" class="w-full block py-2 cursor-pointer">
314                            <input type="checkbox" name="verified" id="filter_verified" value="1" class="checkbox-1-small" >
315                            <span class="ml-8">Maisons vérifiées</span>
316                        </label>
317                    </div>
318                </div>
319
320                    <div class="relative w-full md:w-[135px] inline-block p-2">
321        <input name="arrival"
322                placeholder="Arrivée"
323                data-dateformat="dd/mm/yy"
324                autocomplete="other-field"
325                class="bg-transparentwhite2 appearance-none p-10 font-bold text-14 w-full inline" type="text"
326                                readonly="readonly"                @click="openRangeCalendarModal()"                data-vue-model="ddl.fromFormatted" v-model="ddl.fromFormatted"                            >
327
328                    <button role="button" class="absolute right-0 md:right-5 top-3 mt-2 ml-2 hover:opacity-80 rounded-full w-35 h-35 v-cloak" v-if="ddl.fromFormatted !== null" @click="clearDates" v-cloak>
329                <div class="h-1 w-15 bg-blue absolute left-10 top-18 rotate-45"></div>
330                <div class="h-1 w-15 bg-blue absolute left-10 top-18 -rotate-45"></div>
331            </button>
332            <i class="fa fa-calendar absolute right-10 top-14 text-blue cursor-pointer v-cloak" v-if="ddl.fromFormatted == null"
333                @click="openRangeCalendarModal()"            ></i>
334            </div>
335    <div class="relative w-full md:w-[135px] inline-block p-2">
336        <input name="departure"
337                placeholder="Départ"
338                data-dateformat="dd/mm/yy"
339                autocomplete="other-field"
340                class="bg-transparentwhite2 appearance-none p-10 font-bold text-14 w-full inline" type="text"
341                                readonly="readonly"                @click="openRangeCalendarModal()"                                data-vue-model="ddl.toFormatted" v-model="ddl.toFormatted"            >
342
343                    <button role="button" class="absolute right-0 md:right-5 top-3 mt-2 ml-2 hover:opacity-80 rounded-full w-35 h-35 v-cloak" v-if="ddl.fromFormatted !== null" @click="clearDates" v-cloak>
344                <div class="h-1 w-15 bg-blue absolute left-10 top-18 rotate-45"></div>
345                <div class="h-1 w-15 bg-blue absolute left-10 top-18 -rotate-45"></div>
346            </button>
347            <i class="fa fa-calendar absolute right-10 top-14 text-blue cursor-pointer v-cloak" v-if="ddl.fromFormatted == null"
348                @click="openRangeCalendarModal()"            ></i>
349            </div>
350<div class="relative w-full md:w-[65px] inline-block p-2">
351    <select name="adults"
352        class="bg-transparentwhite2 appearance-none h-41 py-10 pl-10 pr-42 font-bold text-14 text-blue w-full cursor-pointer"
353        placeholder=""
354                v-model="ddl.adults"                        >
355        <option value="1">1 adulte</option><option value="2">2 adultes</option><option value="3">3 adultes</option><option value="4">4 adultes</option><option value="5">5 adultes</option><option value="6">6 adultes</option><option value="7">7 adultes</option><option value="8">8 et +</option>    </select>
356    <i class="fa fa-chevron-down absolute right-10 top-16 text-14 text-blue cursor-pointer pointer-events-none"></i>
357</div>
358<div class="relative w-full md:w-[65px] inline-block p-2">
359    <select name="children"
360        class="bg-transparentwhite2 appearance-none h-41 py-10 pl-10 pr-42 font-bold text-14 text-blue w-full cursor-pointer"
361        placeholder=""
362                        v-model="ddl.children"                >
363        <option value="0">0 enfants</option><option value="1">1 enfant</option><option value="2">2 enfants</option><option value="3">3 enfants</option><option value="4">4 enfants</option><option value="5">5 enfants</option><option value="6">6 enfants</option><option value="7">7 enfants</option><option value="8">8 et +</option>    </select>
364    <i class="fa fa-chevron-down absolute right-10 top-16 text-14 text-blue cursor-pointer pointer-events-none"></i>
365</div>
366    <div class="relative w-full md:w-[65px] inline-block p-2">
367        <input name="reference"
368                placeholder="Réf. n°"
369                data-dateformat="dd/mm/yy"
370                autocomplete="other-field"
371                class="bg-transparentwhite2 appearance-none p-10 font-bold text-14 w-full inline" type="text"
372                                                                                            >
373
374            </div>
375
376                <div class="my-10 px-10 md:hidden">
377                    <label for="filter_with_pool--sm" class="w-full block py-2 cursor-pointer">
378                        <input type="checkbox" name="pool" id="filter_with_pool--sm" value="1" class="checkbox-1-small" >
379                        <span class="ml-8">Piscine / Spa</span>
380                    </label>
381
382                    <label for="filter_verified--sm" class="w-full block py-2 cursor-pointer">
383                        <input type="checkbox" name="verified" id="filter_verified--sm" value="1" class="checkbox-1-small" >
384                        <span class="ml-8">Maison vérifiées</span>
385                    </label>
386                </div>
387
388                <button data-cypress-header-search-bar-btn class="bg-pink px-15 text-white text-14 h-40 mt-2 ml-2 hover:bg-pinklighter mr-2">
389                    <i class="fa fa-search"></i>
390                    <span class="md:hidden lg:inline">Rechercher</span>
391                </button>
392            </div>
393
394                            <h1 class="mt-24 text-27 text-white font-bold drop-shadow-slogan">Locations de vacances Ile de Ré : le site local rétais pour tous !</h1>
395                    </div>
396    </form>
397</div>
398
399<section>
400    <h3 class="mt-35 md:mt-50 mb-35 text-22 leading-24 md:text-32 px-20 font-bold text-center leading-32 md:leading-36">Découvrez<br/>les 15 dernières annonces<br/>mises à jour récemment</h3>
401
402    
403    <div class="container mx-auto md:mb-50 mt-50">
404        <div class="grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-8 px-20 md:px-0">
405        <div class="bg-gray5 block mb-10 relative rounded-3">
406    <a href="/fr/house/view?id=26338"
407            class="hover:opacity-70">
408        <div class="sm:h-[170px] lg:h-[166px] sm:overflow-hidden ">
409            <picture>
410                <source srcset="https://www.easy-re.com/assets/thumbs/381x273/67a396aae4642.jpg" media="(max-width: 420px)">
411                <source srcset="https://www.easy-re.com/assets/thumbs/599x430/67a396aae4642.jpg" media="(max-width: 639px)">
412                <source srcset="https://www.easy-re.com/assets/thumbs/296x170/67a396aae4642.jpg" media="(max-width: 767px)">
413                <source srcset="https://www.easy-re.com/assets/thumbs/250x170/67a396aae4642.jpg" media="(max-width: 1023px)">
414                <source srcset="https://www.easy-re.com/assets/thumbs/250x167/67a396aae4642.jpg" media="(max-width: 1279px)">
415                <img src="https://www.easy-re.com/assets/thumbs/222x167/67a396aae4642.jpg" alt="Annonce de location ile de Ré" class="">
416            </picture>
417        </div>
418                    <div class="absolute top-12 right-10 text-12 bg-blue text-white rounded-full px-5">
419                <i class="fa fa-star text-white"></i> Maison vérifiée            </div>
420                <div class="h-40 -mt-40 bg-transparentblue text-white flex justify-center items-center relative">
421            <span title="surface totale 130m²" class="mr-10">
422                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
423    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -100px"></div>
424</div>                130m²
425            </span>
426            <span title="4 chambres" class="mr-10">
427                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
428    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -125px"></div>
429</div>                4            </span>
430            <div title="8 personnes max." class="relative">
431                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
432    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -75px"></div>
433</div>                <span>8</span>
434            </div>
435                    </div>
436        <div class="p-12 text-18 md:text-16 text-center md:text-left">
437            <h4 class="font-bold">
438                <span class="text-16 md:text-12">Ref. 26338</span>
439                <br />
440                Maison                à Saint-Clément-des-Baleines            </h4>
441            <h5 class="text-12 mb-8 px-30 md:px-0">
442                Maison du Phare : Maison de charme jusqu'à 8 personnes.            </h5>
443            <div class="italic text-gray88 text-16 md:text-12 mb-10">
444                <strong><i class="fa fa-bolt fa-fw bg-gray88 text-white inline-block w-14 h-14 pt-2 pl-1 text-12 rounded-full mr-5 mt-1" title="Prix calculé automatiquement. Online Booking disponible."></i>474,70 €</strong> <span class="italic">1 nuit, 1 p.</span>            </div>
445        </div>
446    </a>
447</div><div class="bg-gray5 block mb-10 relative rounded-3">
448    <a href="/fr/house/view?id=5692"
449            class="hover:opacity-70">
450        <div class="sm:h-[170px] lg:h-[166px] sm:overflow-hidden ">
451            <picture>
452                <source srcset="https://www.easy-re.com/assets/thumbs/381x273/6454e18d6b189.jpg" media="(max-width: 420px)">
453                <source srcset="https://www.easy-re.com/assets/thumbs/599x430/6454e18d6b189.jpg" media="(max-width: 639px)">
454                <source srcset="https://www.easy-re.com/assets/thumbs/296x170/6454e18d6b189.jpg" media="(max-width: 767px)">
455                <source srcset="https://www.easy-re.com/assets/thumbs/250x170/6454e18d6b189.jpg" media="(max-width: 1023px)">
456                <source srcset="https://www.easy-re.com/assets/thumbs/250x167/6454e18d6b189.jpg" media="(max-width: 1279px)">
457                <img src="https://www.easy-re.com/assets/thumbs/222x167/6454e18d6b189.jpg" alt="Annonce de location ile de Ré" class="">
458            </picture>
459        </div>
460                    <div class="absolute top-12 right-10 text-12 bg-blue text-white rounded-full px-5">
461                <i class="fa fa-star text-white"></i> Maison vérifiée            </div>
462                <div class="h-40 -mt-40 bg-transparentblue text-white flex justify-center items-center relative">
463            <span title="surface totale 120m²" class="mr-10">
464                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
465    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -100px"></div>
466</div>                120m²
467            </span>
468            <span title="3 chambres" class="mr-10">
469                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
470    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -125px"></div>
471</div>                3            </span>
472            <div title="6 personnes max." class="relative">
473                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
474    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -75px"></div>
475</div>                <span>6</span>
476            </div>
477                            <div title="Avec piscine / spa" class="relative ml-15">
478                    <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
479    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: 0px"></div>
480</div>                </div>
481                    </div>
482        <div class="p-12 text-18 md:text-16 text-center md:text-left">
483            <h4 class="font-bold">
484                <span class="text-16 md:text-12">Ref. 5692</span>
485                <br />
486                Maison                à Rivedoux-Plage            </h4>
487            <h5 class="text-12 mb-8 px-30 md:px-0">
488                Villa avec spa jusqu'à 8 p, refaite à neuf et située à 200m de la mer            </h5>
489            <div class="italic text-gray88 text-16 md:text-12 mb-10">
490                <strong><i class="fa fa-bolt fa-fw bg-gray88 text-white inline-block w-14 h-14 pt-2 pl-1 text-12 rounded-full mr-5 mt-1" title="Prix calculé automatiquement. Online Booking disponible."></i>363,89 €</strong> <span class="italic">1 nuit, 1 p.</span>            </div>
491        </div>
492    </a>
493</div><div class="bg-gray5 block mb-10 relative rounded-3">
494    <a href="/fr/house/view?id=26095"
495            class="hover:opacity-70">
496        <div class="sm:h-[170px] lg:h-[166px] sm:overflow-hidden ">
497            <picture>
498                <source srcset="https://www.easy-re.com/assets/thumbs/381x273/678e6fa1bd59a.jpg" media="(max-width: 420px)">
499                <source srcset="https://www.easy-re.com/assets/thumbs/599x430/678e6fa1bd59a.jpg" media="(max-width: 639px)">
500                <source srcset="https://www.easy-re.com/assets/thumbs/296x170/678e6fa1bd59a.jpg" media="(max-width: 767px)">
501                <source srcset="https://www.easy-re.com/assets/thumbs/250x170/678e6fa1bd59a.jpg" media="(max-width: 1023px)">
502                <source srcset="https://www.easy-re.com/assets/thumbs/250x167/678e6fa1bd59a.jpg" media="(max-width: 1279px)">
503                <img src="https://www.easy-re.com/assets/thumbs/222x167/678e6fa1bd59a.jpg" alt="Annonce de location ile de Ré" class="">
504            </picture>
505        </div>
506                    <div class="absolute top-12 right-10 text-12 bg-blue text-white rounded-full px-5">
507                <i class="fa fa-star text-white"></i> Maison vérifiée            </div>
508                <div class="h-40 -mt-40 bg-transparentblue text-white flex justify-center items-center relative">
509            <span title="surface totale 118m²" class="mr-10">
510                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
511    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -100px"></div>
512</div>                118m²
513            </span>
514            <span title="4 chambres" class="mr-10">
515                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
516    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -125px"></div>
517</div>                4            </span>
518            <div title="8 personnes max." class="relative">
519                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
520    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -75px"></div>
521</div>                <span>8</span>
522            </div>
523                            <div title="Avec piscine / spa" class="relative ml-15">
524                    <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
525    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: 0px"></div>
526</div>                </div>
527                    </div>
528        <div class="p-12 text-18 md:text-16 text-center md:text-left">
529            <h4 class="font-bold">
530                <span class="text-16 md:text-12">Ref. 26095</span>
531                <br />
532                Villa                à Les Portes en Ré            </h4>
533            <h5 class="text-12 mb-8 px-30 md:px-0">
534                Villa des Peupliers : Magnifique villa avec piscine jusqu'à 8 personnes            </h5>
535            <div class="italic text-gray88 text-16 md:text-12 mb-10">
536                <strong><i class="fa fa-bolt fa-fw bg-gray88 text-white inline-block w-14 h-14 pt-2 pl-1 text-12 rounded-full mr-5 mt-1" title="Prix calculé automatiquement. Online Booking disponible."></i>708,76 €</strong> <span class="italic">1 nuit, 1 p.</span>            </div>
537        </div>
538    </a>
539</div><div class="bg-gray5 block mb-10 relative rounded-3">
540    <a href="/fr/house/view?id=36589"
541            class="hover:opacity-70">
542        <div class="sm:h-[170px] lg:h-[166px] sm:overflow-hidden ">
543            <picture>
544                <source srcset="https://www.easy-re.com/assets/thumbs/381x273/6936af532e6a1.jpg" media="(max-width: 420px)">
545                <source srcset="https://www.easy-re.com/assets/thumbs/599x430/6936af532e6a1.jpg" media="(max-width: 639px)">
546                <source srcset="https://www.easy-re.com/assets/thumbs/296x170/6936af532e6a1.jpg" media="(max-width: 767px)">
547                <source srcset="https://www.easy-re.com/assets/thumbs/250x170/6936af532e6a1.jpg" media="(max-width: 1023px)">
548                <source srcset="https://www.easy-re.com/assets/thumbs/250x167/6936af532e6a1.jpg" media="(max-width: 1279px)">
549                <img src="https://www.easy-re.com/assets/thumbs/222x167/6936af532e6a1.jpg" alt="Annonce de location ile de Ré" class="">
550            </picture>
551        </div>
552                    <div class="absolute top-12 right-10 text-12 bg-blue text-white rounded-full px-5">
553                <i class="fa fa-star text-white"></i> Maison vérifiée            </div>
554                <div class="h-40 -mt-40 bg-transparentblue text-white flex justify-center items-center relative">
555            <span title="surface totale 55m²" class="mr-10">
556                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
557    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -100px"></div>
558</div>                55m²
559            </span>
560            <span title="3 chambres" class="mr-10">
561                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
562    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -125px"></div>
563</div>                3            </span>
564            <div title="4 personnes max." class="relative">
565                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
566    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -75px"></div>
567</div>
567                <span>4</span>
568            </div>
569                            <div title="Avec piscine / spa" class="relative ml-15">
570                    <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
571    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: 0px"></div>
572</div>                </div>
573                    </div>
574        <div class="p-12 text-18 md:text-16 text-center md:text-left">
575            <h4 class="font-bold">
576                <span class="text-16 md:text-12">Ref. 36589</span>
577                <br />
578                Maison                à La Couarde sur Mer            </h4>
579            <h5 class="text-12 mb-8 px-30 md:px-0">
580                Maison du Peu Ragot : Charmante maison proche de la plage            </h5>
581            <div class="italic text-gray88 text-16 md:text-12 mb-10">
582                <strong><i class="fa fa-bolt fa-fw bg-gray88 text-white inline-block w-14 h-14 pt-2 pl-1 text-12 rounded-full mr-5 mt-1" title="Prix calculé automatiquement. Online Booking disponible."></i>401,50 €</strong> <span class="italic">1 nuit, 1 p.</span>            </div>
583        </div>
584    </a>
585</div><div class="bg-gray5 block mb-10 relative rounded-3">
586    <a href="/fr/house/view?id=6796"
587            class="hover:opacity-70">
588        <div class="sm:h-[170px] lg:h-[166px] sm:overflow-hidden ">
589            <picture>
590                <source srcset="https://www.easy-re.com/assets/thumbs/381x273/685684a07f479.jpg" media="(max-width: 420px)">
591                <source srcset="https://www.easy-re.com/assets/thumbs/599x430/685684a07f479.jpg" media="(max-width: 639px)">
592                <source srcset="https://www.easy-re.com/assets/thumbs/296x170/685684a07f479.jpg" media="(max-width: 767px)">
593                <source srcset="https://www.easy-re.com/assets/thumbs/250x170/685684a07f479.jpg" media="(max-width: 1023px)">
594                <source srcset="https://www.easy-re.com/assets/thumbs/250x167/685684a07f479.jpg" media="(max-width: 1279px)">
595                <img src="https://www.easy-re.com/assets/thumbs/222x167/685684a07f479.jpg" alt="Annonce de location ile de Ré" class="">
596            </picture>
597        </div>
598                    <div class="absolute top-12 right-10 text-12 bg-blue text-white rounded-full px-5">
599                <i class="fa fa-star text-white"></i> Maison vérifiée            </div>
600                <div class="h-40 -mt-40 bg-transparentblue text-white flex justify-center items-center relative">
601            <span title="surface totale 135m²" class="mr-10">
602                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
603    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -100px"></div>
604</div>                135m²
605            </span>
606            <span title="4 chambres" class="mr-10">
607                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
608    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -125px"></div>
609</div>                4            </span>
610            <div title="8 personnes max." class="relative">
611                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
612    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -75px"></div>
613</div>                <span>8</span>
614            </div>
615                            <div title="Avec piscine / spa" class="relative ml-15">
616                    <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
617    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: 0px"></div>
618</div>                </div>
619                    </div>
620        <div class="p-12 text-18 md:text-16 text-center md:text-left">
621            <h4 class="font-bold">
622                <span class="text-16 md:text-12">Ref. 6796</span>
623                <br />
624                Villa                à La Flotte en Ré            </h4>
625            <h5 class="text-12 mb-8 px-30 md:px-0">
626                La villa Belem : maison neuve et lumineuse de 4 chambres avec spa privatif située dans un environnement calme au coeur de La Flotte.            </h5>
627            <div class="italic text-gray88 text-16 md:text-12 mb-10">
628                <strong><i class="fa fa-bolt fa-fw bg-gray88 text-white inline-block w-14 h-14 pt-2 pl-1 text-12 rounded-full mr-5 mt-1" title="Prix calculé automatiquement. Online Booking disponible."></i>525,55 €</strong> <span class="italic">1 nuit, 1 p.</span>            </div>
629        </div>
630    </a>
631</div><div class="bg-gray5 block mb-10 relative rounded-3">
632    <a href="/fr/house/view?id=7035"
633            class="hover:opacity-70">
634        <div class="sm:h-[170px] lg:h-[166px] sm:overflow-hidden ">
635            <picture>
636                <source srcset="https://www.easy-re.com/assets/thumbs/381x273/66339cdd9aab2.jpg" media="(max-width: 420px)">
637                <source srcset="https://www.easy-re.com/assets/thumbs/599x430/66339cdd9aab2.jpg" media="(max-width: 639px)">
638                <source srcset="https://www.easy-re.com/assets/thumbs/296x170/66339cdd9aab2.jpg" media="(max-width: 767px)">
639                <source srcset="https://www.easy-re.com/assets/thumbs/250x170/66339cdd9aab2.jpg" media="(max-width: 1023px)">
640                <source srcset="https://www.easy-re.com/assets/thumbs/250x167/66339cdd9aab2.jpg" media="(max-width: 1279px)">
641                <img src="https://www.easy-re.com/assets/thumbs/222x167/66339cdd9aab2.jpg" alt="Annonce de location ile de Ré" class="">
642            </picture>
643        </div>
644                    <div class="absolute top-12 right-10 text-12 bg-blue text-white rounded-full px-5">
645                <i class="fa fa-star text-white"></i> Maison vérifiée            </div>
646                <div class="h-40 -mt-40 bg-transparentblue text-white flex justify-center items-center relative">
647            <span title="surface totale 150m²" class="mr-10">
648                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
649    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -100px"></div>
650</div>                150m²
651            </span>
652            <span title="4 chambres" class="mr-10">
653                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
654    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -125px"></div>
655</div>                4            </span>
656            <div title="8 personnes max." class="relative">
657                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
658    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -75px"></div>
659</div>                <span>8</span>
660            </div>
661                            <div title="Avec piscine / spa" class="relative ml-15">
662                    <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
663    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: 0px"></div>
664</div>                </div>
665                    </div>
666        <div class="p-12 text-18 md:text-16 text-center md:text-left">
667            <h4 class="font-bold">
668                <span class="text-16 md:text-12">Ref. 7035</span>
669                <br />
670                Maison                à La Flotte en Ré            </h4>
671            <h5 class="text-12 mb-8 px-30 md:px-0">
672                Villa avec piscine située au calme, 4 chambres jusqu'à 8 personnes.            </h5>
673            <div class="italic text-gray88 text-16 md:text-12 mb-10">
674                <strong><i class="fa fa-bolt fa-fw bg-gray88 text-white inline-block w-14 h-14 pt-2 pl-1 text-12 rounded-full mr-5 mt-1" title="Prix calculé automatiquement. Online Booking disponible."></i>579,19 €</strong> <span class="italic">1 nuit, 1 p.</span>            </div>
675        </div>
676    </a>
677</div><div class="bg-gray5 block mb-10 relative rounded-3">
678    <a href="/fr/house/view?id=34599"
679            class="hover:opacity-70">
680        <div class="sm:h-[170px] lg:h-[166px] sm:overflow-hidden ">
681            <picture>
682                <source srcset="https://www.easy-re.com/assets/thumbs/381x273/68ef7f75070cb.jpg" media="(max-width: 420px)">
683                <source srcset="https://www.easy-re.com/assets/thumbs/599x430/68ef7f75070cb.jpg" media="(max-width: 639px)">
684                <source srcset="https://www.easy-re.com/assets/thumbs/296x170/68ef7f75070cb.jpg" media="(max-width: 767px)">
685                <source srcset="https://www.easy-re.com/assets/thumbs/250x170/68ef7f75070cb.jpg" media="(max-width: 1023px)">
686                <source srcset="https://www.easy-re.com/assets/thumbs/250x167/68ef7f75070cb.jpg" media="(max-width: 1279px)">
687                <img src="https://www.easy-re.com/assets/thumbs/222x167/68ef7f75070cb.jpg" alt="Annonce de location ile de Ré" class="">
688            </picture>
689        </div>
690                    <div class="absolute top-12 right-10 text-12 bg-blue text-white rounded-full px-5">
691                <i class="fa fa-star text-white"></i> Maison vérifiée            </div>
692                <div class="h-40 -mt-40 bg-transparentblue text-white flex justify-center items-center relative">
693            <span title="surface totale 110m²" class="mr-10">
694                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
695    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -100px"></div>
696</div>                110m²
697            </span>
698            <span title="3 chambres" class="mr-10">
699                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
700    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -125px"></div>
701</div>                3            </span>
702            <div title="6 personnes max." class="relative">
703                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
704    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -75px"></div>
705</div>                <span>6</span>
706            </div>
707                    </div>
708        <div class="p-12 text-18 md:text-16 text-center md:text-left">
709            <h4 class="font-bold">
710                <span class="text-16 md:text-12">Ref. 34599</span>
711                <br />
712                Maison                à Sainte-Marie de Ré / La Noue            </h4>
713            <h5 class="text-12 mb-8 px-30 md:px-0">
714                Maison de la Beurelière : Charmante maison de charme réthais            </h5>
715            <div class="italic text-gray88 text-16 md:text-12 mb-10">
716                <strong><i class="fa fa-bolt fa-fw bg-gray88 text-white inline-block w-14 h-14 pt-2 pl-1 text-12 rounded-full mr-5 mt-1" title="Prix calculé automatiquement. Online Booking disponible."></i>469,68 €</strong> <span class="italic">1 nuit, 1 p.</span>            </div>
717        </div>
718    </a>
719</div><div class="bg-gray5 block mb-10 relative rounded-3">
720    <a href="/fr/house/view?id=25069"
721            class="hover:opacity-70">
722        <div class="sm:h-[170px] lg:h-[166px] sm:overflow-hidden ">
723            <picture>
724                <source srcset="https://www.easy-re.com/assets/thumbs/381x273/67fd4f966aea7.jpg" media="(max-width: 420px)">
725                <source srcset="https://www.easy-re.com/assets/thumbs/599x430/67fd4f966aea7.jpg" media="(max-width: 639px)">
726                <source srcset="https://www.easy-re.com/assets/thumbs/296x170/67fd4f966aea7.jpg" media="(max-width: 767px)">
727                <source srcset="https://www.easy-re.com/assets/thumbs/250x170/67fd4f966aea7.jpg" media="(max-width: 1023px)">
728                <source srcset="https://www.easy-re.com/assets/thumbs/250x167/67fd4f966aea7.jpg" media="(max-width: 1279px)">
729                <img src="https://www.easy-re.com/assets/thumbs/222x167/67fd4f966aea7.jpg" alt="Annonce de location ile de Ré" class="">
730            </picture>
731        </div>
732                    <div class="absolute top-12 right-10 text-12 bg-blue text-white rounded-full px-5">
733                <i class="fa fa-star text-white"></i> Maison vérifiée            </div>
734                <div class="h-40 -mt-40 bg-transparentblue text-white flex justify-center items-center relative">
735            <span title="surface totale 75m²" class="mr-10">
736                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
737    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -100px"></div>
738</div>                75m²
739            </span>
740            <span title="2 chambres" class="mr-10">
741                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
742    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -125px"></div>
743</div>                2            </span>
744            <div title="6 personnes max." class="relative">
745                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
746    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -75px"></div>
747</div>
747                <span>6</span>
748            </div>
749                    </div>
750        <div class="p-12 text-18 md:text-16 text-center md:text-left">
751            <h4 class="font-bold">
752                <span class="text-16 md:text-12">Ref. 25069</span>
753                <br />
754                Maison                à La Couarde sur Mer            </h4>
755            <h5 class="text-12 mb-8 px-30 md:px-0">
756                Maison de la Petite Fontaine : Charmante maison pouvant accueillir jusqu'à 6 personnes            </h5>
757            <div class="italic text-gray88 text-16 md:text-12 mb-10">
758                <strong><i class="fa fa-bolt fa-fw bg-gray88 text-white inline-block w-14 h-14 pt-2 pl-1 text-12 rounded-full mr-5 mt-1" title="Prix calculé automatiquement. Online Booking disponible."></i>446,95 €</strong> <span class="italic">1 nuit, 1 p.</span>            </div>
759        </div>
760    </a>
761</div><div class="bg-gray5 block mb-10 relative rounded-3">
762    <a href="/fr/house/view?id=20699"
763            class="hover:opacity-70">
764        <div class="sm:h-[170px] lg:h-[166px] sm:overflow-hidden ">
765            <picture>
766                <source srcset="https://www.easy-re.com/assets/thumbs/381x273/65f1a3ff33dc9.jpg" media="(max-width: 420px)">
767                <source srcset="https://www.easy-re.com/assets/thumbs/599x430/65f1a3ff33dc9.jpg" media="(max-width: 639px)">
768                <source srcset="https://www.easy-re.com/assets/thumbs/296x170/65f1a3ff33dc9.jpg" media="(max-width: 767px)">
769                <source srcset="https://www.easy-re.com/assets/thumbs/250x170/65f1a3ff33dc9.jpg" media="(max-width: 1023px)">
770                <source srcset="https://www.easy-re.com/assets/thumbs/250x167/65f1a3ff33dc9.jpg" media="(max-width: 1279px)">
771                <img src="https://www.easy-re.com/assets/thumbs/222x167/65f1a3ff33dc9.jpg" alt="Annonce de location ile de Ré" class="">
772            </picture>
773        </div>
774                    <div class="absolute top-12 right-10 text-12 bg-blue text-white rounded-full px-5">
775                <i class="fa fa-star text-white"></i> Maison vérifiée            </div>
776                <div class="h-40 -mt-40 bg-transparentblue text-white flex justify-center items-center relative">
777            <span title="surface totale 120m²" class="mr-10">
778                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
779    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -100px"></div>
780</div>                120m²
781            </span>
782            <span title="4 chambres" class="mr-10">
783                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
784    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -125px"></div>
785</div>                4            </span>
786            <div title="8 personnes max." class="relative">
787                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
788    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -75px"></div>
789</div>                <span>8</span>
790            </div>
791                    </div>
792        <div class="p-12 text-18 md:text-16 text-center md:text-left">
793            <h4 class="font-bold">
794                <span class="text-16 md:text-12">Ref. 20699</span>
795                <br />
796                Maison                à Saint-Clément-des-Baleines            </h4>
797            <h5 class="text-12 mb-8 px-30 md:px-0">
798                La Villa de la Digue            </h5>
799            <div class="italic text-gray88 text-16 md:text-12 mb-10">
800                <strong><i class="fa fa-bolt fa-fw bg-gray88 text-white inline-block w-14 h-14 pt-2 pl-1 text-12 rounded-full mr-5 mt-1" title="Prix calculé automatiquement. Online Booking disponible."></i>513,07 €</strong> <span class="italic">1 nuit, 1 p.</span>            </div>
801        </div>
802    </a>
803</div><div class="bg-gray5 block mb-10 relative rounded-3">
804    <a href="/fr/house/view?id=6794"
805            class="hover:opacity-70">
806        <div class="sm:h-[170px] lg:h-[166px] sm:overflow-hidden ">
807            <picture>
808                <source srcset="https://www.easy-re.com/assets/thumbs/381x273/68163b5ea94d9.jpg" media="(max-width: 420px)">
809                <source srcset="https://www.easy-re.com/assets/thumbs/599x430/68163b5ea94d9.jpg" media="(max-width: 639px)">
810                <source srcset="https://www.easy-re.com/assets/thumbs/296x170/68163b5ea94d9.jpg" media="(max-width: 767px)">
811                <source srcset="https://www.easy-re.com/assets/thumbs/250x170/68163b5ea94d9.jpg" media="(max-width: 1023px)">
812                <source srcset="https://www.easy-re.com/assets/thumbs/250x167/68163b5ea94d9.jpg" media="(max-width: 1279px)">
813                <img src="https://www.easy-re.com/assets/thumbs/222x167/68163b5ea94d9.jpg" alt="Annonce de location ile de Ré" class="">
814            </picture>
815        </div>
816                    <div class="absolute top-12 right-10 text-12 bg-blue text-white rounded-full px-5">
817                <i class="fa fa-star text-white"></i> Maison vérifiée            </div>
818                <div class="h-40 -mt-40 bg-transparentblue text-white flex justify-center items-center relative">
819            <span title="surface totale 180m²" class="mr-10">
820                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
821    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -100px"></div>
822</div>                180m²
823            </span>
824            <span title="4 chambres" class="mr-10">
825                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
826    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -125px"></div>
827</div>                4            </span>
828            <div title="8 personnes max." class="relative">
829                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
830    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -75px"></div>
831</div>                <span>8</span>
832            </div>
833                            <div title="Avec piscine / spa" class="relative ml-15">
834                    <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
835    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: 0px"></div>
836</div>                </div>
837                    </div>
838        <div class="p-12 text-18 md:text-16 text-center md:text-left">
839            <h4 class="font-bold">
840                <span class="text-16 md:text-12">Ref. 6794</span>
841                <br />
842                Maison                à La Couarde sur Mer            </h4>
843            <h5 class="text-12 mb-8 px-30 md:px-0">
844                Villa neuve avec piscine et 4 chambres jusqu'à 8 personnes.            </h5>
845            <div class="italic text-gray88 text-16 md:text-12 mb-10">
846                <strong><i class="fa fa-bolt fa-fw bg-gray88 text-white inline-block w-14 h-14 pt-2 pl-1 text-12 rounded-full mr-5 mt-1" title="Prix calculé automatiquement. Online Booking disponible."></i>776,35 €</strong> <span class="italic">1 nuit, 1 p.</span>            </div>
847        </div>
848    </a>
849</div><div class="bg-gray5 block mb-10 relative rounded-3">
850    <a href="/fr/house/view?id=5769"
851            class="hover:opacity-70">
852        <div class="sm:h-[170px] lg:h-[166px] sm:overflow-hidden ">
853            <picture>
854                <source srcset="https://www.easy-re.com/assets/thumbs/381x273/650d828fa9fe4.jpg" media="(max-width: 420px)">
855                <source srcset="https://www.easy-re.com/assets/thumbs/599x430/650d828fa9fe4.jpg" media="(max-width: 639px)">
856                <source srcset="https://www.easy-re.com/assets/thumbs/296x170/650d828fa9fe4.jpg" media="(max-width: 767px)">
857                <source srcset="https://www.easy-re.com/assets/thumbs/250x170/650d828fa9fe4.jpg" media="(max-width: 1023px)">
858                <source srcset="https://www.easy-re.com/assets/thumbs/250x167/650d828fa9fe4.jpg" media="(max-width: 1279px)">
859                <img src="https://www.easy-re.com/assets/thumbs/222x167/650d828fa9fe4.jpg" alt="Annonce de location ile de Ré" class="">
860            </picture>
861        </div>
862                    <div class="absolute top-12 right-10 text-12 bg-blue text-white rounded-full px-5">
863                <i class="fa fa-star text-white"></i> Maison vérifiée            </div>
864                <div class="h-40 -mt-40 bg-transparentblue text-white flex justify-center items-center relative">
865            <span title="surface totale 70m²" class="mr-10">
866                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
867    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -100px"></div>
868</div>                70m²
869            </span>
870            <span title="2 chambres" class="mr-10">
871                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
872    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -125px"></div>
873</div>                2            </span>
874            <div title="4 personnes max." class="relative">
875                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
876    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -75px"></div>
877</div>                <span>4</span>
878            </div>
879                    </div>
880        <div class="p-12 text-18 md:text-16 text-center md:text-left">
881            <h4 class="font-bold">
882                <span class="text-16 md:text-12">Ref. 5769</span>
883                <br />
884                Maison                à Le Bois-plage en Ré            </h4>
885            <h5 class="text-12 mb-8 px-30 md:px-0">
886                Jolie maison neuve pour 4 personnes au coeur du Bois-Plage            </h5>
887            <div class="italic text-gray88 text-16 md:text-12 mb-10">
888                <strong><i class="fa fa-bolt fa-fw bg-gray88 text-white inline-block w-14 h-14 pt-2 pl-1 text-12 rounded-full mr-5 mt-1" title="Prix calculé automatiquement. Online Booking disponible."></i>325,64 €</strong> <span class="italic">1 nuit, 1 p.</span>            </div>
889        </div>
890    </a>
891</div><div class="bg-gray5 block mb-10 relative rounded-3">
892    <a href="/fr/house/view?id=7049"
893            class="hover:opacity-70">
894        <div class="sm:h-[170px] lg:h-[166px] sm:overflow-hidden ">
895            <picture>
896                <source srcset="https://www.easy-re.com/assets/thumbs/381x273/6633b9b201348.jpg" media="(max-width: 420px)">
897                <source srcset="https://www.easy-re.com/assets/thumbs/599x430/6633b9b201348.jpg" media="(max-width: 639px)">
898                <source srcset="https://www.easy-re.com/assets/thumbs/296x170/6633b9b201348.jpg" media="(max-width: 767px)">
899                <source srcset="https://www.easy-re.com/assets/thumbs/250x170/6633b9b201348.jpg" media="(max-width: 1023px)">
900                <source srcset="https://www.easy-re.com/assets/thumbs/250x167/6633b9b201348.jpg" media="(max-width: 1279px)">
901                <img src="https://www.easy-re.com/assets/thumbs/222x167/6633b9b201348.jpg" alt="Annonce de location ile de Ré" class="">
902            </picture>
903        </div>
904                    <div class="absolute top-12 right-10 text-12 bg-blue text-white rounded-full px-5">
905                <i class="fa fa-star text-white"></i> Maison vérifiée            </div>
906                <div class="h-40 -mt-40 bg-transparentblue text-white flex justify-center items-center relative">
907            <span title="surface totale 80m²" class="mr-10">
908                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
909    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -100px"></div>
910</div>                80m²
911            </span>
912            <span title="3 chambres" class="mr-10">
913                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
914    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -125px"></div>
915</div>                3            </span>
916            <div title="6 personnes max." class="relative">
917                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
918    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -75px"></div>
919</div>
919                <span>6</span>
920            </div>
921                            <div title="Avec piscine / spa" class="relative ml-15">
922                    <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
923    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: 0px"></div>
924</div>                </div>
925                    </div>
926        <div class="p-12 text-18 md:text-16 text-center md:text-left">
927            <h4 class="font-bold">
928                <span class="text-16 md:text-12">Ref. 7049</span>
929                <br />
930                Villa                à Le Bois-plage en Ré            </h4>
931            <h5 class="text-12 mb-8 px-30 md:px-0">
932                La villa Alamy : superbe villa neuve située au calme, proche des commerces et de la mer            </h5>
933            <div class="italic text-gray88 text-16 md:text-12 mb-10">
934                <strong><i class="fa fa-bolt fa-fw bg-gray88 text-white inline-block w-14 h-14 pt-2 pl-1 text-12 rounded-full mr-5 mt-1" title="Prix calculé automatiquement. Online Booking disponible."></i>490,34 €</strong> <span class="italic">1 nuit, 1 p.</span>            </div>
935        </div>
936    </a>
937</div><div class="bg-gray5 block mb-10 relative rounded-3">
938    <a href="/fr/house/view?id=6740"
939            class="hover:opacity-70">
940        <div class="sm:h-[170px] lg:h-[166px] sm:overflow-hidden ">
941            <picture>
942                <source srcset="https://www.easy-re.com/assets/thumbs/381x273/619cbfbbda79e.JPG" media="(max-width: 420px)">
943                <source srcset="https://www.easy-re.com/assets/thumbs/599x430/619cbfbbda79e.JPG" media="(max-width: 639px)">
944                <source srcset="https://www.easy-re.com/assets/thumbs/296x170/619cbfbbda79e.JPG" media="(max-width: 767px)">
945                <source srcset="https://www.easy-re.com/assets/thumbs/250x170/619cbfbbda79e.JPG" media="(max-width: 1023px)">
946                <source srcset="https://www.easy-re.com/assets/thumbs/250x167/619cbfbbda79e.JPG" media="(max-width: 1279px)">
947                <img src="https://www.easy-re.com/assets/thumbs/222x167/619cbfbbda79e.JPG" alt="Annonce de location ile de Ré" class="">
948            </picture>
949        </div>
950                    <div class="absolute top-12 right-10 text-12 bg-blue text-white rounded-full px-5">
951                <i class="fa fa-star text-white"></i> Maison vérifiée            </div>
952                <div class="h-40 -mt-40 bg-transparentblue text-white flex justify-center items-center relative">
953            <span title="surface totale 105m²" class="mr-10">
954                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
955    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -100px"></div>
956</div>                105m²
957            </span>
958            <span title="4 chambres" class="mr-10">
959                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
960    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -125px"></div>
961</div>                4            </span>
962            <div title="8 personnes max." class="relative">
963                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
964    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -75px"></div>
965</div>                <span>8</span>
966            </div>
967                    </div>
968        <div class="p-12 text-18 md:text-16 text-center md:text-left">
969            <h4 class="font-bold">
970                <span class="text-16 md:text-12">Ref. 6740</span>
971                <br />
972                Maison                à La Flotte en Ré            </h4>
973            <h5 class="text-12 mb-8 px-30 md:px-0">
974                Belle maison refaite à neuf, jusqu'à 8 personnes, au coeur de La Flotte.            </h5>
975            <div class="italic text-gray88 text-16 md:text-12 mb-10">
976                <strong><i class="fa fa-bolt fa-fw bg-gray88 text-white inline-block w-14 h-14 pt-2 pl-1 text-12 rounded-full mr-5 mt-1" title="Prix calculé automatiquement. Online Booking disponible."></i>467,62 €</strong> <span class="italic">1 nuit, 1 p.</span>            </div>
977        </div>
978    </a>
979</div><div class="bg-gray5 block mb-10 relative rounded-3">
980    <a href="/fr/house/view?id=31309"
981            class="hover:opacity-70">
982        <div class="sm:h-[170px] lg:h-[166px] sm:overflow-hidden ">
983            <picture>
984                <source srcset="https://www.easy-re.com/assets/thumbs/381x273/6877e3fe509fc.jpg" media="(max-width: 420px)">
985                <source srcset="https://www.easy-re.com/assets/thumbs/599x430/6877e3fe509fc.jpg" media="(max-width: 639px)">
986                <source srcset="https://www.easy-re.com/assets/thumbs/296x170/6877e3fe509fc.jpg" media="(max-width: 767px)">
987                <source srcset="https://www.easy-re.com/assets/thumbs/250x170/6877e3fe509fc.jpg" media="(max-width: 1023px)">
988                <source srcset="https://www.easy-re.com/assets/thumbs/250x167/6877e3fe509fc.jpg" media="(max-width: 1279px)">
989                <img src="https://www.easy-re.com/assets/thumbs/222x167/6877e3fe509fc.jpg" alt="Annonce de location ile de Ré" class="">
990            </picture>
991        </div>
992                    <div class="absolute top-12 right-10 text-12 bg-blue text-white rounded-full px-5">
993                <i class="fa fa-star text-white"></i> Maison vérifiée            </div>
994                <div class="h-40 -mt-40 bg-transparentblue text-white flex justify-center items-center relative">
995            <span title="surface totale 180m²" class="mr-10">
996                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
997    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -100px"></div>
998</div>                180m²
999            </span>
1000            <span title="5 chambres" class="mr-10">
1001                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
1002    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -125px"></div>
1003</div>                5            </span>
1004            <div title="10 personnes max." class="relative">
1005                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
1006    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -75px"></div>
1007</div>                <span>10</span>
1008            </div>
1009                            <div title="Avec piscine / spa" class="relative ml-15">
1010                    <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
1011    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: 0px"></div>
1012</div>                </div>
1013                    </div>
1014        <div class="p-12 text-18 md:text-16 text-center md:text-left">
1015            <h4 class="font-bold">
1016                <span class="text-16 md:text-12">Ref. 31309</span>
1017                <br />
1018                Maison                à Sainte-Marie de Ré / La Noue            </h4>
1019            <h5 class="text-12 mb-8 px-30 md:px-0">
1020                La Villa des Alouettes            </h5>
1021            <div class="italic text-gray88 text-16 md:text-12 mb-10">
1022                <strong><i class="fa fa-bolt fa-fw bg-gray88 text-white inline-block w-14 h-14 pt-2 pl-1 text-12 rounded-full mr-5 mt-1" title="Prix calculé automatiquement. Online Booking disponible."></i>621,98 €</strong> <span class="italic">1 nuit, 1 p.</span>            </div>
1023        </div>
1024    </a>
1025</div><div class="bg-gray5 block mb-10 relative rounded-3">
1026    <a href="/fr/house/view?id=5663"
1027            class="hover:opacity-70">
1028        <div class="sm:h-[170px] lg:h-[166px] sm:overflow-hidden ">
1029            <picture>
1030                <source srcset="https://www.easy-re.com/assets/thumbs/381x273/656612701c60d.jpg" media="(max-width: 420px)">
1031                <source srcset="https://www.easy-re.com/assets/thumbs/599x430/656612701c60d.jpg" media="(max-width: 639px)">
1032                <source srcset="https://www.easy-re.com/assets/thumbs/296x170/656612701c60d.jpg" media="(max-width: 767px)">
1033                <source srcset="https://www.easy-re.com/assets/thumbs/250x170/656612701c60d.jpg" media="(max-width: 1023px)">
1034                <source srcset="https://www.easy-re.com/assets/thumbs/250x167/656612701c60d.jpg" media="(max-width: 1279px)">
1035                <img src="https://www.easy-re.com/assets/thumbs/222x167/656612701c60d.jpg" alt="Annonce de location ile de Ré" class="">
1036            </picture>
1037        </div>
1038                    <div class="absolute top-12 right-10 text-12 bg-blue text-white rounded-full px-5">
1039                <i class="fa fa-star text-white"></i> Maison vérifiée            </div>
1040                <div class="h-40 -mt-40 bg-transparentblue text-white flex justify-center items-center relative">
1041            <span title="surface totale 145m²" class="mr-10">
1042                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
1043    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -100px"></div>
1044</div>                145m²
1045            </span>
1046            <span title="4 chambres" class="mr-10">
1047                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
1048    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -125px"></div>
1049</div>                4            </span>
1050            <div title="8 personnes max." class="relative">
1051                <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
1052    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: -75px"></div>
1053</div>                <span>8</span>
1054            </div>
1055                            <div title="Avec piscine / spa" class="relative ml-15">
1056                    <div class="inline-flex w-18 h-18 justify-center items-center text-white rounded-full ml-4">
1057    <div class="w-[20px] h-[20px] block mx-auto relative top-4 shrink-0" style="background-image: url(/img/icons-sprite-small-white.png); background-size: auto 20px; background-position-x: 0px"></div>
1058</div>                </div>
1059                    </div>
1060        <div class="p-12 text-18 md:text-16 text-center md:text-left">
1061            <h4 class="font-bold">
1062                <span class="text-16 md:text-12">Ref. 5663</span>
1063                <br />
1064                Maison                à Le Bois-plage en Ré            </h4>
1065            <h5 class="text-12 mb-8 px-30 md:px-0">
1066                Agréable maison de vacances de 145m2 pour 8 personnes : avec piscine protégée avec terrasse bois de très belle qualité.            </h5>
1067            <div class="italic text-gray88 text-16 md:text-12 mb-10">
1068                <strong><i class="fa fa-bolt fa-fw bg-gray88 text-white inline-block w-14 h-14 pt-2 pl-1 text-12 rounded-full mr-5 mt-1" title="Prix calculé automatiquement. Online Booking disponible."></i>642,64 €</strong> <span class="italic">1 nuit, 1 p.</span>            </div>
1069        </div>
1070    </a>
1071</div>        </div>
1072    </div>
1073
1074        <div class="flex justify-center mt-50 md:mt-60 mb-60 md:mb-100">
1075        <a class="bg-pink text-white font-bold text-center p-20 hover:opacity-70"
1076                href="/fr/location-ile-de-re?quartier=12">
1077            <i class="fa fa-arrow-right"></i>
1078            Voir toutes les annonces de locations<br />de vacances sur l'île de Ré        </a>
1079    </div>
1080    </section>
1081
1082<section class="bg-dark text-white py-30">
1083    <div class="container mx-auto">
1084        <div class="flex flex-col md:flex-row items-center">
1085            <div class="md:w-1/4 xl:w-1/6 text-center flex justify-center">
1086                <img alt="Locations vérifiées" src="/img/common/locations-verifiees-smaller.png" class="w-[150px] block my-20 md:my-0" width="132" height="133">
1087            </div>
1088            <div class="md:w-1/2 xl:w-2/3 flex items-center">
1089                <h3 class="text-white text-center text-26 leading-30 mx-30 mb-40 md:mb-0">
1090                    Consultez les locations vérifiées sélectionnées par notre équipe pour vous accueillir dans les meilleures conditions                </h3>
1091            </div>
1092            <div class="md:w-1/4 xl:w-1/6 text-center items-center flex justify-center mb-20 md:mb-0">
1093                <a class="bg-pink inline-block text-center p-10 hover:bg-pinklighter" href="/fr/locations-verifiees-ile-de-re">
1094                    <i class="fa fa-arrow-right"></i>
1095                    Voir les locations vérifiées                </a>
1096            </div>
1097        </div>
1098    </div>
1099</section>
1100
1101<section>
1102    <div class="shadow-wood bg-[url(/img/elr/bg-bois-2.jpg)]">
1103        <div class="container py-20 md:py-[50px] mx-auto">
1104            <h2 class="mt-30 md:mb-10 text-26 md:text-32 leading-32 px-10 md:px-20 text-center text-gray3 font-semibold">Choisir les locations par village</h2>
1105            
1106            <div class="mt-40 md:mt-50">
1107                <div class="mt-24">
1108                    <ul class="m-0 p-0 font-bold text-gray3 border-b-3 border-gray4 text-center md:text-left">
1109                        <li class="bg-pink text-16 inline-block rounded-tl-full rounded-tr-full md:rounded-tl-3 md:rounded-tr-3">
1110                            <span class="block text-white py-20 px-30">Locations par village</span>
1111                        </li>
1112                    </ul>
1113                </div>
1114            </div>
1115
1116            <div class="py-30 px-10 bg-transparentwhite">
1117                <div class="flex flex-col md:flex-row">
1118<div class="h-[220px] relative p-5 hover:opacity-70 md:w-1/3 lg:w-1/2">
1119    <div class="bg-cover bg-center bg-[url(/img/re/clocher-ars-horizon.jpg)] rounded-[5px] block w-full h-full rounded-3">
1120        <a href="/fr/location-vacances-ars-en-re" class="block w-full h-full">
1121            <div>
1122                <div class="absolute bottom-20 text-white px-20">
1123                    <h3 class="mb-0 text-26 leading-30 text-white font-semibold">Ars en Ré</h3>
1124                    <i class="fa fa-list-ul"></i> Les locations                </div>
1125            </div>
1126        </a>
1127    </div>
1128</div>
1129<div class="h-[220px] relative p-5 hover:opacity-70 md:w-1/3 lg:w-1/4">
1130    <div class="bg-cover bg-center bg-[url(/img/re/bois-plage-dune-soir.jpg)] rounded-[5px] block w-full h-full rounded-3">
1131        <a href="/fr/location-vacances-le-bois-plage-en-re" class="block w-full h-full">
1132            <div>
1133                <div class="absolute bottom-20 text-white px-20">
1134                    <h3 class="mb-0 text-26 leading-30 text-white font-semibold">Le Bois-Plage en Ré</h3>
1135                    <i class="fa fa-list-ul"></i> Les locations                </div>
1136            </div>
1137        </a>
1138    </div>
1139</div>
1140<div class="h-[220px] relative p-5 hover:opacity-70 md:w-1/3 lg:w-1/4">
1141    <div class="bg-cover bg-center bg-[url(/img/re/la-couarde-port-a-maree-haute.jpg)] rounded-[5px] block w-full h-full rounded-3">
1142        <a href="/fr/location-vacances-la-couarde-en-re" class="block w-full h-full">
1143            <div>
1144                <div class="absolute bottom-20 text-white px-20">
1145                    <h3 class="mb-0 text-26 leading-30 text-white font-semibold">La Couarde sur Mer</h3>
1146                    <i class="fa fa-list-ul"></i> Les locations                </div>
1147            </div>
1148        </a>
1149    </div>
1150</div></div><div class="flex flex-col md:flex-row">
1151<div class="h-[220px] relative p-5 hover:opacity-70 md:w-1/3 lg:w-1/4">
1152    <div class="bg-cover bg-center bg-[url(/img/re/la-flotte-port.jpg)] rounded-[5px] block w-full h-full rounded-3">
1153        <a href="/fr/location-vacances-la-flotte-en-re" class="block w-full h-full">
1154            <div>
1155                <div class="absolute bottom-20 text-white px-20">
1156                    <h3 class="mb-0 text-26 leading-30 text-white font-semibold">La Flotte en Ré</h3>
1157                    <i class="fa fa-list-ul"></i> Les locations                </div>
1158            </div>
1159        </a>
1160    </div>
1161</div>
1162<div class="h-[220px] relative p-5 hover:opacity-70 md:w-1/3 lg:w-1/4">
1163    <div class="bg-cover bg-center bg-[url(/img/re/loix-eglise.jpg)] rounded-[5px] block w-full h-full rounded-3">
1164        <a href="/fr/location-vacances-loix-en-re" class="block w-full h-full">
1165            <div>
1166                <div class="absolute bottom-20 text-white px-20">
1167                    <h3 class="mb-0 text-26 leading-30 text-white font-semibold">Loix en Ré</h3>
1168                    <i class="fa fa-list-ul"></i> Les locations                </div>
1169            </div>
1170        </a>
1171    </div>
1172</div>
1173<div class="h-[220px] relative p-5 hover:opacity-70 md:w-1/3 lg:w-1/4">
1174    <div class="bg-cover bg-center bg-[url(/img/re/competition-kite-surf-les-portes.jpg)] rounded-[5px] block w-full h-full rounded-3">
1175        <a href="/fr/location-vacances-les-portes-en-re" class="block w-full h-full">
1176            <div>
1177                <div class="absolute bottom-20 text-white px-20">
1178                    <h3 class="mb-0 text-26 leading-30 text-white font-semibold">Les Portes en Ré</h3>
1179                    <i class="fa fa-list-ul"></i> Les locations                </div>
1180            </div>
1181        </a>
1182    </div>
1183</div>
1184<div class="h-[220px] relative p-5 hover:opacity-70 md:w-1/3 lg:w-1/4">
1185    <div class="bg-cover bg-center bg-[url(/img/re/rivedoux-plage-maree-basse.jpg)] rounded-[5px] block w-full h-full rounded-3">
1186        <a href="/fr/location-vacances-rivedoux" class="block w-full h-full">
1187            <div>
1188                <div class="absolute bottom-20 text-white px-20">
1189                    <h3 class="mb-0 text-26 leading-30 text-white font-semibold">Rivedoux-Plage</h3>
1190                    <i class="fa fa-list-ul"></i> Les locations                </div>
1191            </div>
1192        </a>
1193    </div>
1194</div></div><div class="flex flex-col md:flex-row">
1195<div class="h-[220px] relative p-5 hover:opacity-70 md:w-1/3 lg:w-1/4">
1196    <div class="bg-cover bg-center bg-[url(/img/re/saint-clement-conche-des-baleines.jpg)] rounded-[5px] block w-full h-full rounded-3">
1197        <a href="/fr/location-vacances-saint-clement-des-baleines" class="block w-full h-full">
1198            <div>
1199                <div class="absolute bottom-20 text-white px-20">
1200                    <h3 class="mb-0 text-26 leading-30 text-white font-semibold">Saint-Clément-des-Baleines</h3>
1201                    <i class="fa fa-list-ul"></i> Les locations                </div>
1202            </div>
1203        </a>
1204    </div>
1205</div>
1206<div class="h-[220px] relative p-5 hover:opacity-70 md:w-1/3 lg:w-1/4">
1207    <div class="bg-cover bg-center bg-[url(/img/re/sainte-marie-petit-marche.jpg)] rounded-[5px] block w-full h-full rounded-3">
1208        <a href="/fr/location-vacances-sainte-marie-de-re" class="block w-full h-full">
1209            <div>
1210                <div class="absolute bottom-20 text-white px-20">
1211                    <h3 class="mb-0 text-26 leading-30 text-white font-semibold">Sainte-Marie, La Noue</h3>
1212                    <i class="fa fa-list-ul"></i> Les locations                </div>
1213            </div>
1214        </a>
1215    </div>
1216</div>
1217<div class="h-[220px] relative p-5 hover:opacity-70 md:w-1/3 lg:w-1/2">
1218    <div class="bg-cover bg-center bg-[url(/img/re/saint-martin-vue-des-toits.jpg)] rounded-[5px] block w-full h-full rounded-3">
1219        <a href="/fr/location-vacances-saint-martin-de-re" class="block w-full h-full">
1220            <div>
1221                <div class="absolute bottom-20 text-white px-20">
1222                    <h3 class="mb-0 text-26 leading-30 text-white font-semibold">Saint-Martin de Ré</h3>
1223                    <i class="fa fa-list-ul"></i> Les locations                </div>
1224            </div>
1225        </a>
1226    </div>
1227</div></div>            </div>
1228        </div>
1229    </div>
1230</section>
1231<section class="bg-gray6 text-gray3 text-16 leading-24 pb-60">
1232    <div class="container mx-auto px-30 md:px-0">
1233        <div class="w-full">
1234            <h2 class="mt-50 mb-20 md:mb-50 text-28 md:text-40 leading-36 md:leading-50 text-center font-bold">Location vacances Ile de Ré</h2>
1235        </div>
1236        <div class="flex flex-col md:flex-row">
1237            <div class="md:w-1/2 mb-70 md:mb-0 md:pr-40">
1238                <p>
1239                    <em>Votre spécialiste location saisonnière Ile de Ré - annonces de maisons, villas, appartements, chambres d'hôtes, gîtes, hôtels, campings à louer sur l'Ile de Ré.</em>
1240                </p>
1241                <p>
1242                    Bienvenue sur easy-Ré.com, le site de location de vacances spécialiste de l'île de Ré. Vous cherchez un appartement ou une villa à louer cet été ? En bord de mer, en coeur de village ou au calme en pleine nature ? Notre site vous permet de consulter les maisons qui correspondent à vos envies et de contacter directement l'annonceur.
1243                    <br/><br/>
1244
1245                    Les propriétaires de l’Ile de Ré nous confient la promotion de leurs locations saisonnières depuis plus de 14 ans. Louez en toute confiance en contactant directement les propriétaires.
1246                    <br /><br />
1247
1248                    Notre site spécialisé vous permet de trouver spécifiquement une location de vacances sur l’Ile de Ré. easy-Ré c’est une sélection de 500 maisons en location et un réseau de partenaires locaux pour l’entretien de vos biens sur l’Ile de Ré.                </p>
1249            </div>
1250            <div class="md:w-1/2 flex flex-wrap">
1251                <div class="w-1/2 md:w-full lg:w-1/2 px-5 md:px-15 mb-50 md:mb-0">
1252                    <p class="text-center">
1253                    <i class="fa fa-paper-plane-o fa-4x text-gray7"></i>
1254                    <br />
1255                    <h3 class="mt-30 mb-10 text-18 md:text-26 md:px-20 sm:text-center text-gray3 font-semibold">Contact direct</h3>
1256                    <br />
1257                    <span class="font-bold text-14 leading-14">Contactez les propriétaires et gestionnaires des maisons et obtenez une réponse rapide.</span>
1258                    </p>
1259                </div>
1260                <div class="w-1/2 md:w-full lg:w-1/2 px-5 md:px-15 mb-50 md:mb-0">
1261                    <p class="text-center">
1262                    <i class="fa fa-map-signs fa-4x text-gray7"></i>
1263                    <br />
1264                    <h3 class="mt-30 mb-10 text-18 md:text-26 md:px-20 sm:text-center text-gray3 font-semibold">Notre sélection</h3>
1265                    <br />
1266                    <span class="font-bold text-14 leading-14">Trouvez la location qu'il vous faut en toute confiance en vous guidant de notre moteur de recherche.</span>
1267                    </p>
1268                </div>
1269                <div class="w-1/2 md:w-full lg:w-1/2 px-5 md:px-15">
1270                    <p class="text-center">
1271                    <img src="/img/common/stars-2.png" width="80" height="80" class="mx-auto w-80">
1272                    <h3 class="mt-30 mb-10 text-18 md:text-26 md:px-20 sm:text-center text-gray3 font-semibold">14 ans d’expérience</h3>
1273                    <br />
1274                    <span class="font-bold text-14 leading-14">Nous gérons les biens de nos clients depuis plus de quatorze années et avons l’expérience du marché local.</span>
1275                    </p>
1276                </div>
1277                <div class="w-1/2 md:w-full lg:w-1/2 px-5 md:px-15">
1278                    <p class="text-center">
1279                    <i class="fa fa-street-view fa-4x text-gray7"></i>
1280                    <br />
1281                    <h3 class="mt-30 mb-10 text-18 md:text-26 md:px-20 sm:text-center text-gray3 font-semibold">Entreprise locale</h3>
1282                    <br />
1283                    <span class="font-bold text-14 leading-14">Notre site spécialisé vous permet de trouver spécifiquement une location de vacances sur l’Ile de Ré.</span>
1284                    </p>
1285                </div>
1286            </div>
1287        </div>
1288    </div>
1289</section>
1290
1291<section>
1292    <div class="shadow-wood bg-[url(/img/elr/bg-bois-2.jpg)]">
1293        <div class="container py-[50px] mx-auto">
1294            <div class="py-30 px-15 bg-transparentwhite md:border-t-3 border-gray4 flex flex-col md:flex-row">
1295                <div class="px-15">
1296                    <h3 class="mt-30 mb-30 text-26 leading-30 text-gray3 font-semibold">
1297                        Propriétaires, déposez votre annonce gratuitement&nbsp;!                    </h3>
1298                    <p class="text-gray7">
1299                        Pour toute nouvelle inscription, nous vous offrons un mois d'essai gratuit et sans engagement.                    </p>
1300
1301                                            <a href="fr/site/signup" class="bg-pink hover:bg-pinklighter shadow-pinkbutton inline-block px-15 pt-11 pb-13 text-white mt-30">
1302                        <i class="fa fa-arrow-right"></i> Créez votre annonce de location                    </a>
1303                                    </div>
1304                <div class="md:px-15 text-gray7">
1305                    <h3 class="my-30 text-26 leading-30 px-20 text-gray3 font-semibold">
1306                        Multipliez vos demandes de location avec <em>easy-Ré.com</em>. Comment ?                    </h3>
1307                    <ul class="pl-20">
1308                        <li class="font-bold text-14 leading-22 mb-5 relative"><i class="fa fa-angle-right fa-1_5x font-bold absolute top-2"></i><div class="ml-25">Notre site spécialiste de l'Ile de Ré bénéficie d'une visibilité exceptionnelle sur Google et attire davantage de visiteurs qu'un site généraliste.</span></li>
1309                        <li class="font-bold text-14 leading-22 mb-5 relative"><i class="fa fa-angle-right fa-1_5x font-bold absolute top-2"></i><div class="ml-25">Le design agréable du site et son moteur de recherche sont pratiques et permettent aux vacanciers de trouver rapidement ce qu'ils cherchent.</span></li>
1310                        <li class="font-bold text-14 leading-22 mb-5 relative"><i class="fa fa-angle-right fa-1_5x font-bold absolute top-2"></i><div class="ml-25">Le contenu du site ainsi que votre annonce sont traduits en anglais, en espagnol et en allemand par notre équipe.</span></li>
1311                        <li class="font-bold text-14 leading-22 mb-5 relative"><i class="fa fa-angle-right fa-1_5x font-bold absolute top-2"></i><div class="ml-25">Notre équipe se tient à votre disposition si vous avez des difficultés à vous inscrire, à créer votre annonce, ou à ajouter vos photos.</span></li>
1312                    </ul>
1313                </div>
1314            </div>
1315        </div>
1316    </div>
1317</section>
1318        <aside class="bg-darkblue text-14 md:text-16 pt-45 pb-45 md:pb-24 px-32">
1319    <div class="container flex flex-col md:flex-row mx-auto text-white">
1320        <div class="md:w-1/3">
1321            <h3 class="text-18 font-bold mb-15">Locations de vacances à l'ile de Ré</h3>
1322            <ul class="mb-30">
1323                                    <li><a class="opacity-80 leading-28 hover:underline" href="/fr/location-vacances-ile-de-re">Toutes les locations de vacances ile de Ré</a></li>
1324                                    <li><a class="opacity-80 leading-28 hover:underline" href="/fr/location-vacances-ars-en-re">Locations de vacances à Ars-en-Ré</a></li>
1325                                    <li><a class="opacity-80 leading-28 hover:underline" href="/fr/location-vacances-le-bois-plage-en-re">Locations de vacances au Bois-Plage-en-Ré</a></li>
1326                                    <li><a class="opacity-80 leading-28 hover:underline" href="/fr/location-vacances-la-couarde-sur-mer">Locations de vacances à La Couarde-sur-Mer</a></li>
1327                                    <li><a class="opacity-80 leading-28 hover:underline" href="/fr/location-vacances-la-flotte-en-re">Locations de vacances à La Flotte</a></li>
1328                                    <li><a class="opacity-80 leading-28 hover:underline" href="/fr/location-vacances-loix-en-re">Locations de vacances à Loix</a></li>
1329                                    <li><a class="opacity-80 leading-28 hover:underline" href="/fr/location-vacances-les-portes-en-re">Locations de vacances aux Portes en Ré</a></li>
1330                                    <li><a class="opacity-80 leading-28 hover:underline" href="/fr/location-vacances-rivedoux">Locations de vacances à Rivedoux-Plage</a></li>
1331                                    <li><a class="opacity-80 leading-28 hover:underline" href="/fr/location-vacances-saint-clement">Locations de vacances à Saint-Clément-des-Baleines</a></li>
1332                                    <li><a class="opacity-80 leading-28 hover:underline" href="/fr/location-vacances-sainte-marie-de-re-la-noue">
1332Locations de vacances à Sainte-Marie-de-Ré</a></li>
1333                                    <li><a class="opacity-80 leading-28 hover:underline" href="/fr/location-vacances-saint-martin-de-re">Locations de vacances à Saint-Martin-de-Ré</a></li>
1334                            </ul>
1335        </div>
1336        <div class="md:w-1/3">
1337            <h3 class="text-18 font-bold mb-15">Hébergements à l'ile de Ré</h3>
1338            <ul class="mb-30">
1339                                    <li><a class="opacity-80 leading-28 hover:underline" href="/fr/locations-verifiees-ile-de-re">Locations vérifiées sur l'Ile de Ré</a></li>
1340                                    <li><a class="opacity-80 leading-28 hover:underline" href="/fr/hotel-ile-de-re">Réservation d'hôtel pour les vacances</a></li>
1341                                    <li><a class="opacity-80 leading-28 hover:underline" href="/fr/maison-d-hotes-ile-de-re">Chambres d'hôtes pour les vacances</a></li>
1342                                    <li><a class="opacity-80 leading-28 hover:underline" href="/fr/camping-ile-de-re">Campings à l'Ile de Ré et dans les environs</a></li>
1343                            </ul>
1344
1345            <h3 class="text-18 font-bold mb-15">Aide et services</h3>
1346            <ul class="mb-50 md:mb-30">
1347                                    <li><a class="opacity-80 leading-28 hover:underline" href="https://www.cles-iledere.com/">Services de conciergerie Ile de Ré</a></li>
1348                                    <li><a class="opacity-80 leading-28 hover:underline" href="https://www.linge-iledere.com/">Location de linge sur l'Ile de Ré</a></li>
1349                                    <li><a class="opacity-80 leading-28 hover:underline" href="/fr/guide/guide-ile-de-re">Guide de l'Ile de Ré</a></li>
1350                                    <li><a class="opacity-80 leading-28 hover:underline" href="/fr/guide/louer-meuble-tourisme-ile-de-re">Louer un meublé de tourisme sur l'Ile de Ré</a></li>
1351                                    <li><a class="opacity-80 leading-28 hover:underline" href="/fr/guide/louer-un-gite-sur-l-ile-de-re">Louer un gîte sur l'Ile de Ré</a></li>
1352                                    <li><a class="opacity-80 leading-28 hover:underline" href="/fr/site/about">Foire aux questions (FAQ)</a></li>
1353                                    <li><a class="opacity-80 leading-28 hover:underline" href="/fr/site/contact">Aide et contact</a></li>
1354                            </ul>
1355        </div>
1356        <div class="md:w-1/3">
1357            <div class="border p-15 leading-24">
1358                <h3 class="font-bold">easy-Ré.com</h3>
1359                <div>
1360                    <div>
1361                        <div>
1362                            <ul>
1363                            <li><a class="hover:underline" href="/fr/site/about">A propos d'easy-re.com</a></li>
1364                                <li><a class="hover:underline" href="/fr/site/cgdv">Conditions générales de vente</a></li>
1365                                <li><a class="hover:underline" href="javascript: tarteaucitron.userInterface.openAlert()">Cookies</a>
1366                            </ul>
1367                        </div>
1368                        <div>
1369                            <br />
1370                            <a href="mailto:[email protected]"><i class="pr-5 fa fa-envelope"></i> E-mail : <span class="hover:underline">[email protected]</span></a><br>
1371                            <i class="pr-5 fa fa-phone"></i> Téléphone : 07 66 46 11 81
1372                            <br /><br />
1373                            <a class="border border-white p-10 hover:bg-white hover:text-darkblue" href="/fr/site/contact">Formulaire de contact</a>
1374                            <br /><br />
1375                        </div>
1376
1377                        <div><strong>easy-Ré.com</strong> est une vitrine Internet pour votre location.
1378Le formulaire de contact permet une interaction directe entre propriétaires et vacanciers locataires.                            <br /><br />
1379                        </div>
1380
1381                        <div class="text-right">
1382                            <a class="pr-5 hover:opacity-70" target="_blank" href="https://www.facebook.com/location.easyre" title="Facebook"><i class="fa fa-2x fa-facebook-square"></i></a>
1383                            <a class="pr-5 hover:opacity-70" target="_blank" href="https://twitter.com/easyRe" title="Twitter"><i class="fa fa-2x fa-twitter-square"></i></a>
1384                            <a class="pr-5 hover:opacity-70" target="_blank" href="https://es.pinterest.com/easyre/" title="Pinterest"><i class="fa fa-2x fa-pinterest"></i></a>
1385                        </div>
1386                    </div>
1387                </div>
1388            </div>
1389        </div>
1390    </div>
1391</aside>
1392        <footer class="bg-dark">
1393    <div class="container mx-auto pt-0 md:pt-50 pb-[140px] md:pb-[100px] px-50 md:px-0 text-center">
1394        <div class="flex justify-center mb-30">
1395            <ul class="text-white flex">
1396                <li><i class="mr-10 fa fa-2x fa-paypal"></i></li>
1397                <li><i class="mr-10 fa fa-2x fa-cc-mastercard"></i></li>
1398                <li><i class="mr-10 fa fa-2x fa-cc-stripe"></i></li>
1399                <li><i class="mr-10 fa fa-2x fa-cc-visa"></i></li>
1400            </ul>
1401        </div>
1402        <div class="flex justify-center text-white text-14 font-bold">
1403            &copy; Tous droits réservés easy-re.com - 2009 / 2026        </div>
1404
1405            </div>
1406</footer>
1407        <div id="login-vue-header" class="tw login-vue" v-if="open.login" v-cloak>
1408    <div class="fixed flex items-center justify-center top-0 left-0 w-full h-full z-[300]"> -->
1409        <div class="absolute top-0 left-0 w-full h-full bg-transparentblack" @click="open.login = false">
1410        </div>
1411        <div class="bg-white p-20 rounded-10 w-1/2 min-w-[300px] md:min-w-[400px] max-w-[600px] relative">
1412                        <button class="absolute w-40 h-40 block top-12 left-20 border border-3 rounded-full" @click="open.login = false"
1413                    v-if="login.state.welcome && !login.state.sending">X
1414            </button>
1415                        <button class="absolute w-40 h-40 block top-12 left-20 border border-3 rounded-full" @click="loginGoBackToWelcome()"
1416                    v-if="!login.state.welcome && !login.state.sending">
1417                <span class="relative -top-1 -left-1 text-22">&lt;</span>
1418            </button>
1419            <div class="w-full text-center font-bold text-16 ml-15 md:ml-0"
1420                v-if="login.state.welcome">Connexion ou inscription            </div>
1421            <div class="w-full text-center text-bold text-16 ml-15 md:ml-0" v-if="login.state.registering">Terminer mon inscription            </div>
1422            <div class="w-full text-center font-bold text-16 ml-15 md:ml-0" v-if="login.state.phonecodeconfirm">
1423                Confirmez votre numéro            </div>
1424            <div class="w-full text-center font-bold text-16 ml-15 md:ml-0" v-if="login.state.loggingin && !login.state.existingaccount">Connexion            </div>
1425            <div class="w-full text-center font-bold text-16 ml-15 md:ml-0" v-if="login.state.existingaccount">Le compte existe            </div>
1426            <div class="w-full text-center font-bold text-16 ml-15 md:ml-0"
1427                v-if="login.state.requestpasswordreset">Mot de passe oublié ?            </div>
1428            <div class="w-full my-20 border-t border-gray1"></div>
1429            <div class="flex flex-row justify-between" v-if="login.state.welcome">
1430                <div>
1431                    <div class="mb-15">
1432                        <div class="font-bold text-22 mb-10">Bienvenue sur easy-Ré.com</div>
1433                    </div>
1434                </div>
1435            </div>
1436
1437            <div v-if="login.state.welcome && login.mode === 'phone'">
1438                <div class="relative">
1439                    <select data-cypress-login-country id="country" class="text-18 border border-gray1 p-15 rounded-tl-10 rounded-tr-10 bg-white w-full appearance-none cursor-pointer"
1440                            v-model="login.countrycode">
1441                        <option value="93AF">Afghanistan (+93)</option>
1442<option value="27ZA">Afrique du Sud (+27)</option>
1443<option value="355AL">Albanie (+355)</option>
1444<option value="213DZ">Algérie (+213)</option>
1445<option value="49DE">Allemagne (+49)</option>
1446<option value="376AD">Andorre (+376)</option>
1447<option value="244AO">Angola (+244)</option>
1448<option value="1AI">Anguilla (+1)</option>
1449<option value="1AG">Antigua-et-Barbuda (+1)</option>
1450<option value="966SA">Arabie saoudite (+966)</option>
1451<option value="54AR">Argentine (+54)</option>
1452<option value="374AM">Arménie (+374)</option>
1453<option value="297AW">Aruba (+297)</option>
1454<option value="61AU">Australie (+61)</option>
1455<option value="43AT">Autriche (+43)</option>
1456<option value="994AZ">Azerbaïdjan (+994)</option>
1457<option value="1BS">Bahamas (+1)</option>
1458<option value="973BH">Bahreïn (+973)</option>
1459<option value="880BD">Bangladesh (+880)</option>
1460<option value="1BB">Barbade (+1)</option>
1461<option value="32BE">Belgique (+32)</option>
1462<option value="501BZ">Belize (+501)</option>
1463<option value="229BJ">Bénin (+229)</option>
1464<option value="1BM">Bermudes (+1)</option>
1465<option value="975BT">Bhoutan (+975)</option>
1466<option value="375BY">Biélorussie (+375)</option>
1467<option value="591BO">Bolivie (+591)</option>
1468<option value="599BQ">Bonaire, Saint-Eustache et Saba (+599)</option>
1469<option value="387BA">Bosnie-Herzégovine (+387)</option>
1470<option value="267BW">Botswana (+267)</option>
1471<option value="55BR">Brésil (+55)</option>
1472<option value="673BN">Brunéi Darussalam (+673)</option>
1473<option value="359BG">Bulgarie (+359)</option>
1474<option value="226BF">Burkina Faso (+226)</option>
1475<option value="257BI">Burundi (+257)</option>
1476<option value="855KH">Cambodge (+855)</option>
1477<option value="237CM">Cameroun (+237)</option>
1478<option value="1CA">Canada (+1)</option>
1479<option value="238CV">Cap-Vert (+238)</option>
1480<option value="56CL">Chili (+56)</option>
1481<option value="86CN">Chine (+86)</option>
1482<option value="357CY">Chypre (+357)</option>
1483<option value="57CO">Colombie (+57)</option>
1484<option value="269KM">Comores (+269)</option>
1485<option value="242CG">Congo (+242)</option>
1486<option value="82KR">Corée du Sud (+82)</option>
1487<option value="506CR">Costa Rica (+506)</option>
1488<option value="225CI">Côte d’Ivoire (+225)</option>
1489<option value="385HR">Croatie (+385)</option>
1490<option value="53CU">Cuba (+53)</option>
1491<option value="599CW">Curaçao (+599)</option>
1492<option value="45DK">Danemark (+45)</option>
1493<option value="243CD">République Démocratique du Congo (+243)</option>
1494<option value="253DJ">Djibouti (+253)</option>
1495<option value="1DM">Dominique (+1)</option>
1496<option value="20EG">Égypte (+20)</option>
1497<option value="971AE">Émirats arabes unis (+971)</option>
1498<option value="593EC">Équateur (+593)</option>
1499<option value="291ER">Érythrée (+291)</option>
1500<option value="34ES">Espagne (+34)</option>
1501<option value="372EE">Estonie (+372)</option>
1502<option value="268SZ">Eswatini (+268)</option>
1503<option value="379VA">État de la Cité du Vatican (+379)</option>
1504<option value="691FM">États fédérés de Micronésie (+691)</option>
1505<option value="1US">États-Unis (+1)</option>
1506<option value="251ET">Éthiopie (+251)</option>
1507<option value="679FJ">Fidji (+679)</option>
1508<option value="358FI">Finlande (+358)</option>
1509<option value="33FR">France (+33)</option>
1510<option value="241GA">Gabon (+241)</option>
1511<option value="220GM">Gambie (+220)</option>
1512<option value="995GE">Géorgie (+995)</option>
1513<option value="500GS">Géorgie du Sud et îles Sandwich du Sud (+500)</option>
1514<option value="233GH">Ghana (+233)</option>
1515<option value="350GI">Gibraltar (+350)</option>
1516<option value="30GR">Grèce (+30)</option>
1517<option value="1GD">Grenade (+1)</option>
1518<option value="299GL">Groenland (+299)</option>
1519<option value="590GP">Guadeloupe (+590)</option>
1520<option value="1GU">
1520Guam (+1)</option>
1521<option value="502GT">Guatemala (+502)</option>
1522<option value="44GG">Guernesey (+44)</option>
1523<option value="224GN">Guinée (+224)</option>
1524<option value="240GQ">Guinée équatoriale (+240)</option>
1525<option value="245GW">Guinée-Bissau (+245)</option>
1526<option value="592GY">Guyana (+592)</option>
1527<option value="594GF">Guyane française (+594)</option>
1528<option value="509HT">Haïti (+509)</option>
1529<option value="504HN">Honduras (+504)</option>
1530<option value="852HK">Hong Kong (+852)</option>
1531<option value="36HU">Hongrie (+36)</option>
1532<option value="61CX">Île Christmas (+61)</option>
1533<option value="44IM">Île de Man (+44)</option>
1534<option value="672NF">Île Norfolk (+672)</option>
1535<option value="358AX">Îles Åland (+358)</option>
1536<option value="1KY">Îles Caïmans (+1)</option>
1537<option value="61CC">Îles Cocos (Keeling) (+61)</option>
1538<option value="682CK">Îles Cook (+682)</option>
1539<option value="298FO">Îles Féroé (+298)</option>
1540<option value="500FK">Îles Malouines (Falkland) (+500)</option>
1541<option value="1MP">Îles Mariannes du Nord (+1)</option>
1542<option value="692MH">Îles Marshall (+692)</option>
1543<option value="64PN">Îles Pitcairn (+64)</option>
1544<option value="677SB">Îles Salomon (+677)</option>
1545<option value="1TC">Îles Turques-et-Caïques (+1)</option>
1546<option value="1VG">Îles Vierges britanniques (+1)</option>
1547<option value="1VI">Îles Vierges des États-Unis (+1)</option>
1548<option value="91IN">Inde (+91)</option>
1549<option value="62ID">Indonésie (+62)</option>
1550<option value="964IQ">Irak (+964)</option>
1551<option value="353IE">Irlande (+353)</option>
1552<option value="354IS">Islande (+354)</option>
1553<option value="972IL">Israël (+972)</option>
1554<option value="39IT">Italie (+39)</option>
1555<option value="1JM">Jamaïque (+1)</option>
1556<option value="81JP">Japon (+81)</option>
1557<option value="44JE">Jersey (+44)</option>
1558<option value="962JO">Jordanie (+962)</option>
1559<option value="7KZ">Kazakhstan (+7)</option>
1560<option value="254KE">Kenya (+254)</option>
1561<option value="996KG">Kirghizistan (+996)</option>
1562<option value="686KI">Kiribati (+686)</option>
1563<option value="383XK">Kosovo (+383)</option>
1564<option value="965KW">Koweït (+965)</option>
1565<option value="262RE">La Réunion (+262)</option>
1566<option value="856LA">Laos (+856)</option>
1567<option value="266LS">Lesotho (+266)</option>
1568<option value="371LV">Lettonie (+371)</option>
1569<option value="961LB">Liban (+961)</option>
1570<option value="231LR">Libéria (+231)</option>
1571<option value="218LY">Libye (+218)</option>
1572<option value="423LI">Liechtenstein (+423)</option>
1573<option value="370LT">Lituanie (+370)</option>
1574<option value="352LU">Luxembourg (+352)</option>
1575<option value="853MO">Macao (+853)</option>
1576<option value="389MK">Macédoine du Nord (+389)</option>
1577<option value="261MG">Madagascar (+261)</option>
1578<option value="60MY">Malaisie (+60)</option>
1579<option value="265MW">Malawi (+265)</option>
1580<option value="960MV">Maldives (+960)</option>
1581<option value="223ML">Mali (+223)</option>
1582<option value="356MT">Malte (+356)</option>
1583<option value="212MA">Maroc (+212)</option>
1584<option value="596MQ">Martinique (+596)</option>
1585<option value="230MU">Maurice (+230)</option>
1586<option value="222MR">Mauritanie (+222)</option>
1587<option value="262YT">Mayotte (+262)</option>
1588<option value="52MX">Mexique (+52)</option>
1589<option value="373MD">Moldavie (+373)</option>
1590<option value="377MC">Monaco (+377)</option>
1591<option value="976MN">Mongolie (+976)</option>
1592<option value="382ME">Monténégro (+382)</option>
1593<option value="1MS">Montserrat (+1)</option>
1594<option value="258MZ">Mozambique (+258)</option>
1595<option value="95MM">Myanmar (Birmanie) (+95)</option>
1596<option value="264NA">Namibie (+264)</option>
1597<option value="674NR">Nauru (+674)</option>
1598<option value="977NP">Népal (+977)</option>
1599<option value="505NI">Nicaragua (+505)</option>
1600<option value="227NE">Niger (+227)</option>
1601<option value="234NG">Nigéria (+234)</option>
1602<option value="683NU">Niue (+683)</option>
1603<option value="47NO">Norvège (+47)</option>
1604<option value="687NC">Nouvelle-Calédonie (+687)</option>
1605<option value="64NZ">Nouvelle-Zélande (+64)</option>
1606<option value="968OM">Oman (+968)</option>
1607<option value="256UG">Ouganda (+256)</option>
1608<option value="998UZ">Ouzbékistan (+998)</option>
1609<option value="92PK">Pakistan (+92)</option>
1610<option value="680PW">Palaos (+680)</option>
1611<option value="507PA">Panama (+507)</option>
1612<option value="675PG">Papouasie-Nouvelle-Guinée (+675)</option>
1613<option value="595PY">Paraguay (+595)</option>
1614<option value="31NL">Pays-Bas (+31)</option>
1615<option value="51PE">Pérou (+51)</option>
1616<option value="63PH">Philippines (+63)</option>
1617<option value="48PL">Pologne (+48)</option>
1618<option value="689PF">Polynésie française (+689)</option>
1619<option value="1PR">Porto Rico (+1)</option>
1620<option value="351PT">Portugal (+351)</option>
1621<option value="974QA">Qatar (+974)</option>
1622<option value="236CF">République centrafricaine (+236)</option>
1623<option value="1DO">République dominicaine (+1)</option>
1624<option value="40RO">Roumanie (+40)</option>
1625<option value="44GB">Royaume-Uni (+44)</option>
1626<option value="7RU">Russie (+7)</option>
1627<option value="250RW">Rwanda (+250)</option>
1628<option value="212EH">Sahara occidental (+212)</option>
1629<option value="590BL">Saint-Barthélemy (+590)</option>
1630<option value="1KN">Saint-Christophe-et-Niévès (+1)</option>
1631<option value="378SM">Saint-Marin (+378)</option>
1632<option value="590MF">Saint-Martin (+590)</option>
1633<option value="1SX">Saint-Martin (partie néerlandaise) (+1)</option>
1634<option value="508PM">Saint-Pierre-et-Miquelon (+508)</option>
1635<option value="1VC">Saint-Vincent-et-les-Grenadines (+1)</option>
1636<option value="290SH">Sainte-Hélène (+290)</option>
1637<option value="1LC">Sainte-Lucie (+1)</option>
1638<option value="503SV">Salvador (+503)</option>
1639<option value="685WS">Samoa (+685)</option>
1640<option value="1AS">Samoa américaines (+1)</option>
1641<option value="239ST">Sao Tomé-et-Principe (+239)</option>
1642<option value="221SN">Sénégal (+221)</option>
1643<option value="381RS">Serbie (+381)</option>
1644<option value="248SC">Seychelles (+248)</option>
1645<option value="232SL">Sierra Leone (+232)</option>
1646<option value="65SG">Singapour (+65)</option>
1647<option value="421SK">Slovaquie (+421)</option>
1648<option value="386SI">Slovénie (+386)</option>
1649<option value="252SO">Somalie (+252)</option>
1650<option value="249SD">Soudan (+249)</option>
1651<option value="211SS">Soudan du Sud (+211)</option>
1652<option value="94LK">Sri Lanka (+94)</option>
1653<option value="46SE">Suède (+46)</option>
1654<option value="41CH">Suisse (+41)</option>
1655<option value="597SR">Suriname (+597)</option>
1656<option value="47SJ">Svalbard et Jan Mayen (+47)</option>
1657<option value="992TJ">Tadjikistan (+992)</option>
1658<option value="886TW">
1658Taïwan (+886)</option>
1659<option value="255TZ">Tanzanie (+255)</option>
1660<option value="235TD">Tchad (+235)</option>
1661<option value="420CZ">Tchéquie (+420)</option>
1662<option value="246IO">Territoire britannique de l’océan Indien (+246)</option>
1663<option value="970PS">Territoires palestiniens (+970)</option>
1664<option value="66TH">Thaïlande (+66)</option>
1665<option value="670TL">Timor oriental (+670)</option>
1666<option value="228TG">Togo (+228)</option>
1667<option value="690TK">Tokelau (+690)</option>
1668<option value="676TO">Tonga (+676)</option>
1669<option value="1TT">Trinité-et-Tobago (+1)</option>
1670<option value="216TN">Tunisie (+216)</option>
1671<option value="993TM">Turkménistan (+993)</option>
1672<option value="90TR">Turquie (+90)</option>
1673<option value="688TV">Tuvalu (+688)</option>
1674<option value="380UA">Ukraine (+380)</option>
1675<option value="598UY">Uruguay (+598)</option>
1676<option value="678VU">Vanuatu (+678)</option>
1677<option value="58VE">Venezuela (+58)</option>
1678<option value="84VN">Vietnam (+84)</option>
1679<option value="681WF">Wallis-et-Futuna (+681)</option>
1680<option value="967YE">Yémen (+967)</option>
1681<option value="260ZM">Zambie (+260)</option>
1682<option value="263ZW">Zimbabwe (+263)</option>                    </select>
1683
1684                    <div class="absolute top-22 right-20 pointer-events-none">
1685                        <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="presentation" focusable="false" style="display: block; fill: none; height: 16px; width: 16px; stroke: currentcolor; stroke-width: 4; overflow: visible;"><g fill="none"><path d="m28 12-11.2928932 11.2928932c-.3905243.3905243-1.0236893.3905243-1.4142136 0l-11.2928932-11.2928932"></path></g></svg>
1686                    </div>
1687                </div>
1688
1689                <input type="tel"
1690                    class="text-18 border border-gray1 p-15 border-t-none rounded-bl-10 rounded-br-10 mb-5 w-full"
1691                    v-bind:class="{'border-errorred outline-errorred bg-lighterrorred focus:bg-white': login.errors.lastname && login.state.hasBeenClicked}"
1692                    @input="loginValidate()"
1693                    v-model="login.phonenumber" placeholder="Numéro de téléphone"
1694                    cypress-test="ddl-phone">
1695                
1696                <div class="mb-10" v-if="login.errors.phonenumber && login.state.hasBeenClicked">
1697                    <div class="inline-block w-17 h-17 rounded-full leading-18 -mt-1 text-center bg-errorred text-white">
1698                        !
1699                    </div>
1700                    <span class="font-normal text-errorred">{{ login.errors.phonenumber }}</span>
1701                </div>
1702
1703
1704                <div class="mb-10 font-normal text-12">
1705                    Nous vous appellerons ou vous enverrons un SMS pour confirmer votre numéro. Les frais standards d'envoi de messages et d'échange de données s'appliquent.                    <a href="/fr/site/cgdv" target="_blank" class="font-bold underline">Politique de confidentialité</a>
1706                </div>
1707            </div>
1708
1709            <div class="" v-if="login.state.registering && !login.errors.other">
1710                <input id="ddl-firstname" type="text"
1711                    class="text-18 border border-gray1 p-15 rounded-tl-10 rounded-tr-10 w-full"
1712                    v-bind:class="{'border-errorred outline-errorred bg-lighterrorred focus:bg-white': login.errors.firstname && login.state.hasBeenClicked}"
1713                    @keydown.enter="clickSubmitButton()"
1714                    @input="loginValidate()"
1715                    placeholder="Prénom" v-model="login.firstname">
1716                <input id="ddl-lastname" type="text"
1717                    class="text-18 border border-gray1 p-15 border-t-none rounded-bl-10 rounded-br-10 mb-5 w-full"
1718                    v-bind:class="{'border-errorred outline-errorred bg-lighterrorred focus:bg-white': login.errors.lastname && login.state.hasBeenClicked}"
1719                    @keydown.enter="clickSubmitButton()"
1720                    @input="loginValidate()"
1721                    placeholder="Nom" v-model="login.lastname">
1722
1723                <div class="mb-10" v-if="login.errors.firstname && login.state.hasBeenClicked">
1724                    <div class="inline-block w-17 h-17 rounded-full leading-18 -mt-1 text-center bg-errorred text-white">
1725                        !
1726                    </div>
1727                    <span class="font-normal text-errorred">{{ login.errors.firstname }}</span>
1728                </div>
1729
1730                <div class="mb-10" v-if="login.errors.lastname && login.state.hasBeenClicked">
1731                    <div class="inline-block w-17 h-17 rounded-full leading-18 -mt-1 text-center bg-errorred text-white">
1732                        !
1733                    </div>
1734                    <span class="font-normal text-errorred">{{ login.errors.lastname }}</span>
1735                </div>
1736
1737                <div class="mb-20 text-13 text-gray88 font-normal">Assurez-vous qu'il correspond au nom figurant sur votre pièce d'identité.                </div>
1738            </div>
1739            <div class="mt-20 mb-15" v-if="login.state.requestpasswordreset">
1740                Saisissez l'adresse e-mail associée à votre compte. Nous vous enverrons un lien par e-mail pour réinitialiser votre mot de passe.            </div>
1741            <div class="mt-30 mb-20" v-if="login.state.existingaccount">
1742                Il semble que vous possédez déjà un compte. Veuillez vous connecter.                <div class="mt-30 bg-gray1 rounded-full block mx-auto w-120 h-120">
1743                </div>
1744            </div>
1745            <div class="">
1746                <input id="ddl-email" type="email" class="text-18 border border-gray1 p-15 rounded-10 w-full mb-5"
1747                    v-bind:class="{'border-errorred outline-errorred bg-lighterrorred focus:bg-white': login.errors.email}"
1748                    placeholder="Adresse e-mail" v-model="login.email" @input="loginValidate()"
1749                    @keydown.enter="clickSubmitButton()"
1750                    v-if="!login.state.loggingin && !login.state.existingaccount && login.mode === 'email' && !login.errors.other"
1751                    ref="loginInput">
1752
1753                <div class="mb-10" v-if="login.errors.email && login.state.hasBeenClicked">
1754                    <div class="inline-block w-17 h-17 rounded-full leading-18 -mt-1 text-center bg-errorred text-white">
1755                        !
1756                    </div>
1757                    <span class="font-normal text-errorred">{{ login.errors.email }}</span>
1758                </div>
1759
1760                <div class="mb-20 text-13 text-gray88 font-normal" v-if="login.state.registering && !login.errors.other">
1761                    Nous vous enverrons les confirmations et les reçus de voyage par e-mail.                </div>
1762
1763                <div data-cypress-wrong-password class="mb-20 border border-gray1 rounded-10 p-15 text-14" v-if="login.errors.password && !login.errors.other">
1764                    <div class="inline-block w-50 h-50 leading-50 text-36 rounded-full leading-18 mr-15 text-center bg-errorred text-white float-left">
1765                        !
1766                    </div>
1767                    <strong class="font-bold text-black">Merci de réessayer</strong><br />
1768                    <div class="font-normal">Le mot de passe que vous avez saisi est incorrect, veuillez réessayer.</div>
1769                </div>
1770
1771                <div class="relative" v-if="!login.errors.other && (login.state.registering || login.state.loggingin || login.state.existingaccount)">
1772                    <input type="password"
1773                        v-bind:type="visible.ddlPassword ? 'text' : 'password'"
1774                        id="ddl-password"
1775                        class="text-18 border border-gray1 p-15 rounded-10 mb-5 w-full"
1776                        v-bind:class="{'border-errorred outline-errorred bg-lighterrorred focus:bg-white': ((login.errors.passwordQuality.checked && !login.errors.passwordQuality.strong) || login.errors.password) && login.state.hasBeenClicked}"
1777                        placeholder="Mot de passe"
1778                        @input="loginValidate();login.errors.passwordQuality.hasBeenClicked = true"
1779                        v-model="login.password"
1780                        @keydown.enter="clickSubmitButton()"
1781                        ref="passwordInput">
1782                    <div class="absolute top-17 right-10 font-bold text-14 underline text-black cursor-pointer"
1783                        @click="visible.ddlPassword = !visible.ddlPassword"
1784                        v-html="visible.ddlPassword ? 'Masquer' : 'Afficher'"></div>
1785
1786                    <div class="mb-20 text-14" v-if="!login.errors.other && login.state.registering && (login.errors.passwordQuality.hasBeenClicked || login.state.hasBeenClicked)">
1787                        <ul>
1788                            <li v-if="login.errors.passwordQuality.strong" class="text-green">X Fiabilité du mot de passe : Bonne</li>
1789                            <li v-if="!login.errors.passwordQuality.strong">X Fiabilité du mot de passe : <span class="text-red">Faible</span></li>
1790                            <li v-if="!login.errors.passwordQuality.strong && login.errors.passwordQuality.mustntContainNameOrEmail">X Ne doit pas contenir votre nom ni votre adresse e-mail</li>
1791                            <li v-if="!login.errors.passwordQuality.strong && !login.errors.passwordQuality.mustntContainNameOrEmail" class="text-red">X Ne doit pas contenir votre nom ni votre adresse e-mail</li>
1792                            <li v-if="!login.errors.passwordQuality.strong && login.errors.passwordQuality.atLeast8Characters">X Au moins 8 caractères</li>
1793                            <li v-if="!login.errors.passwordQuality.strong && !login.errors.passwordQuality.atLeast8Characters" class="text-red">X Au moins 8 caractères</li>
1794                            <li v-if="!login.errors.passwordQuality.strong && login.errors.passwordQuality.containsNumberOrSymbol">X Contient un chiffre ou un symbole</li>
1795                            <li v-if="!login.errors.passwordQuality.strong && !login.errors.passwordQuality.containsNumberOrSymbol" class="text-red">X Contient un chiffre ou un symbole</li>
1796                        </ul>
1797                    </div>
1798
1799                    <div class="mb-20" v-if="!login.state.loggingin && !login.errors.other">
1800                        <div class="mt-30">
1801
1802                        </div>
1803
1804                        En cliquant sur <strong>Accepter et continuer</strong>, j'accepte les <a href="/fr/site/cgdv" target="_blank" class="underline hover:no-underline">Conditions de vente</a> d' easy-Ré.com.
1805                    </div>
1806                </div>
1807            </div>
1808
1809            <div class="mb-20 border border-gray1 rounded-10 p-15 text-14" v-if="login.errors.other">
1810                <div class="inline-block w-50 h-50 leading-50 text-36 rounded-full leading-18 mr-15 text-center bg-errorred text-white float-left">
1811                    !
1812                </div>
1813                <strong class="font-bold text-black">Merci de réessayer</strong><br />
1814                <div class="font-normal">Une erreur indéterminée est survenue.</div>
1815            </div>
1816
1817            <div class="text-right mb-20">
1818                <button class="mt-10 text-18 bg-button bg-gray2 bg-mousefollow disabled:bg-none disabled:cursor-not-allowed rounded-5 p-13 text-white text-center font-bold font-16 w-full"
1819                        @click="loginStep1Submit()" v-bind:disabled="login.state.sending"
1820                        v-if="login.state.welcome">
1821                    <div data-cypress-login-continue class="" v-if="!login.state.sending" role="submit-button">
1822                        Continuer                    </div>
1823                    <div class="dot-opacity-loader mx-auto my-6" v-if="login.state.sending"> <span></span> <span></span> <span></span> </div>
1824                </button>
1825
1826                <div v-if="login.state.welcome" class="w-full text-center border-b border-gray1 leading-0 mt-20 mb-10">
1827                    <span class="bg-white px-20 text-gray88 text-12 font-normal">ou</span>
1828                </div>
1829
1830                <button data-cypress-mail-login-from-menu class="mt-10 border border-gray1 hover:border-pink rounded-5 p-13 text-center font-bold w-full" @click="goToLoginWithMode('email')" v-if="login.state.welcome && login.mode == 'phone'">
1831                    <div class="">
1832                        <img src="/img/email-icon.png" width="30" class="w-30 inline relative -top-2 mr-10">
1833                        Continuer avec une adresse e-mail                    </div>
1834                    <div class="dot-opacity-loader mx-auto my-6" v-if="login.state.sending"> <span></span> <span></span> <span></span> </div>
1835                </button>
1836                <button class="mt-10 border border-gray1 hover:border-pink rounded-5 p-13 text-center font-bold w-full" @click="goToLoginWithMode('phone')" v-if="login.state.welcome && login.mode == 'email'">
1837                    <div class="">
1838                        <img src="/img/smartphone-icon.png" height="30" class="h-30 inline relative -top-2 mr-10">
1839                        Continuer avec votre numéro de téléphone                    </div>
1840                    <div class="dot-opacity-loader mx-auto my-6" v-if="login.state.sending"> <span></span> <span></span> <span></span> </div>
1841                </button>
1842
1843                <button class="mt-10 border border-gray1 hover:border-pink rounded-5 p-13 text-center font-bold w-full" @click="loginWithGoogle()" v-if="login.state.welcome && login.mode == 'email'">
1844                    <div class="">
1845                        <i class="fa fa-google text-20 inline relative -top-2 mr-10"></i>
1846                        Continuer avec Google                    </div>
1847                    <div class="dot-opacity-loader mx-auto my-6" v-if="login.state.sending"> <span></span> <span></span> <span></span> </div>
1848                </button>
1849
1850                <button data-cypress-login-btn-submit class="cypress-login-btn mt-10 text-18 bg-button bg-gray2 bg-mousefollow disabled:bg-none disabled:cursor-not-allowed rounded-5 p-13 text-white text-center font-bold font-16 w-full"
1851                        @click="loginSubmit()" v-bind:disabled="login.state.sending"
1852                        v-if="login.state.loggingin || login.state.existingaccount">
1853                    <div class="" v-if="!login.state.sending" role="submit-button">Se connecter</div>
1854                    <div class="dot-opacity-loader mx-auto my-6" v-if="login.state.sending"> <span></span> <span></span> <span></span> </div>
1855                </button>
1856                <button class="mt-10 text-18 bg-button bg-gray2 bg-mousefollow disabled:bg-none disabled:cursor-not-allowed rounded-5 p-13 text-white text-center font-bold font-16 w-full"
1857                        @keydown.enter="clickSubmitButton()"
1858                        @click="register()" v-bind:disabled="login.state.sending"
1859                        v-if="login.state.registering">
1860                    <div class="" v-if="!login.state.sending" role="submit-button">
1861                        Accepter et continuer                    </div>
1862                    <div class="dot-opacity-loader mx-auto my-6" v-if="login.state.sending"> <span></span> <span></span> <span></span> </div>
1863                </button>
1864
1865                <div class="my-20 text-left" v-if="login.requestPasswordResetErrorMessage">
1866                    <div class="inline-block w-17 h-17 rounded-full leading-18 -mt-1 text-center bg-errorred text-white">
1867                        !
1868                    </div>
1869                    <span class="font-normal text-errorred">{{login.requestPasswordResetErrorMessage}}</span>
1870                </div>
1871
1872                <button data-cypress-send-new-password class="mt-10 text-18 bg-black disabled:bg-gray1 rounded-5 p-13 text-white text-center font-bold font-16 w-full"
1873                        @keydown.enter="clickSubmitButton()" @click="requestPasswordReset()" v-bind:disabled="login.state.sending" v-if="login.state.requestpasswordreset">
1874                    <div class="" v-if="!login.state.sending" role="submit-button">
1875                        Envoyer le lien de réinitialisation                    </div>
1876                    <div class="dot-opacity-loader mx-auto my-6" v-if="login.state.sending"> <span></span> <span></span> <span></span> </div>
1877                </button>
1878            </div>
1879
1880            <div class="" v-if="login.state.registering && !login.errors.other">
1881                <div class="w-full mt-20">
1882                    <div v-html="headerLoginRecaptchaHtml">
1883                    </div>
1884                    <div class="mb-20 mt-5" v-if="login.errors.reCaptcha && login.state.hasBeenClicked">
1885                        <div class="inline-block w-17 h-17 rounded-full leading-18 -mt-1 text-center bg-errorred text-white">
1886                            !
1887                        </div>
1888                        <span class="font-normal text-errorred">Veuillez remplir le Captcha ci-dessus.</span>
1889                    </div>
1890                </div>
1891            </div>
1892
1893            <button class="font-bold text-black mb-10 underline block" v-if="login.state.existingaccount" @click="login.state.existingaccount = false; login.state.welcome = true; loginClearAllFormErrors()">Connectez-vous avec un compte différent</button>
1894            <button data-cypress-forgot-password class="font-bold text-black mb-10 underline block" v-if="login.state.loggingin || login.state.existingaccount" @click="login.state.requestpasswordreset = true; login.state.existingaccount = false; login.state.loggingin = false; loginClearAllFormErrors()">Mot de passe oublié ?</button>
1895        </div>
1896    </div>
1897    <div class="tw" v-if="open.smscode" v-cloak>
1898    <div class="fixed flex items-center justify-center top-0 left-0 w-full h-full z-[300]">
1899        <div class="absolute top-0 left-0 w-full h-full bg-transparentblack" @click="open.smscode = false">
1900        </div>
1901        <div class="bg-white p-20 rounded-10 w-1/2 min-w-[366px] md:min-w-[400px] max-w-[600px] relative">
1902            <button class="border border-3 rounded-full w-40 h-40 block mb-15" @click="open.smscode = false">X</button>
1903            <div class="flex flex-row justify-between">
1904                <div>
1905                    <div class="mb-15">
1906                        <div class="font-bold text-22 mb-10">Confirmez votre numéro</div>
1907                    </div>
1908                    <div class="dot-pulse">
1909                    </div>
1910                </div>
1911            </div>
1912            <div class="">
1913                <div class="my-20 font-normal relative">
1914                    Saisissez le code que vous avez reçu par SMS au {{ login.phonenumber }}
1915
1916                    <div class="grid grid-cols-6 gap-10 w-fit-content text-18 my-20">
1917                                                    <input data-cypress-phonecode-0 type="tel" maxlength="1" minlength="1" class="w-54 h-54 md:w-59 md:h-59 border rounded-10 text-center leading-59 text-22"
1918                                   @focus="phonecodeHasFocus()" @input="phonecodeInput(0)" @keyup.backspace="phonecodeBackspace(0)"
1919                                   v-model="phonecode.digits[0]" ref="phonecodedigit0"
1920                                   v-bind:class="{'border-gray88': !phonecode.errors.phonecode, 'border-errorred': phonecode.errors.phonecode }">
1921                                                    <input data-cypress-phonecode-1 type="tel" maxlength="1" minlength="1" class="w-54 h-54 md:w-59 md:h-59 border rounded-10 text-center leading-59 text-22"
1922                                   @focus="phonecodeHasFocus()" @input="phonecodeInput(1)" @keyup.backspace="phonecodeBackspace(1)"
1923                                   v-model="phonecode.digits[1]" ref="phonecodedigit1"
1924                                   v-bind:class="{'border-gray88': !phonecode.errors.phonecode, 'border-errorred': phonecode.errors.phonecode }">
1925                                                    <input data-cypress-phonecode-2 type="tel" maxlength="1" minlength="1" class="w-54 h-54 md:w-59 md:h-59 border rounded-10 text-center leading-59 text-22"
1926                                   @focus="phonecodeHasFocus()" @input="phonecodeInput(2)" @keyup.backspace="phonecodeBackspace(2)"
1927                                   v-model="phonecode.digits[2]" ref="phonecodedigit2"
1928                                   v-bind:class="{'border-gray88': !phonecode.errors.phonecode, 'border-errorred': phonecode.errors.phonecode }">
1929                                                    <input data-cypress-phonecode-3 type="tel" maxlength="1" minlength="1" class="w-54 h-54 md:w-59 md:h-59 border rounded-10 text-center leading-59 text-22"
1930                                   @focus="phonecodeHasFocus()" @input="phonecodeInput(3)" @keyup.backspace="phonecodeBackspace(3)"
1931                                   v-model="phonecode.digits[3]" ref="phonecodedigit3"
1932                                   v-bind:class="{'border-gray88': !phonecode.errors.phonecode, 'border-errorred': phonecode.errors.phonecode }">
1933                                                    <input data-cypress-phonecode-4 type="tel" maxlength="1" minlength="1" class="w-54 h-54 md:w-59 md:h-59 border rounded-10 text-center leading-59 text-22"
1934                                   @focus="phonecodeHasFocus()" @input
1934="phonecodeInput(4)" @keyup.backspace="phonecodeBackspace(4)"
1935                                   v-model="phonecode.digits[4]" ref="phonecodedigit4"
1936                                   v-bind:class="{'border-gray88': !phonecode.errors.phonecode, 'border-errorred': phonecode.errors.phonecode }">
1937                                                    <input data-cypress-phonecode-5 type="tel" maxlength="1" minlength="1" class="w-54 h-54 md:w-59 md:h-59 border rounded-10 text-center leading-59 text-22"
1938                                   @focus="phonecodeHasFocus()" @input="phonecodeInput(5)" @keyup.backspace="phonecodeBackspace(5)"
1939                                   v-model="phonecode.digits[5]" ref="phonecodedigit5"
1940                                   v-bind:class="{'border-gray88': !phonecode.errors.phonecode, 'border-errorred': phonecode.errors.phonecode }">
1941                                            </div>
1942
1943                    <div class="mb-20 -mt-10" v-if="phonecode.errors.phonecode">
1944                        <div class="inline-block w-17 h-17 rounded-full leading-18 -mt-1 text-center bg-errorred text-white">
1945                            !
1946                        </div>
1947                        <span class="font-normal text-errorred">{{ phonecode.errors.phonecode }}</span>
1948                    </div>
1949
1950                    <div class="my-20">
1951                        Vous n'avez pas reçu de code ? <button class="underline hover:no-underline font-bold" @click="closeSmsCodeAndGoEmail()">Se connecter avec un e-mail</button>
1952                    </div>
1953
1954                    <div class="absolute top-0 left-0 bg-white opacity-90 flex justify-center items-center w-full h-full" v-if="phonecode.state.checking">
1955                        <div class="dot-pulse dot-pulse--gray"></div>
1956                    </div>
1957                </div>
1958            </div>
1959        </div>
1960    </div>
1961</div>
1962</div>
1963
1964    </div>
1965
1966    
1967    <form id="recaptchafooter" class="hidden" action="/fr" method="post">
1968<input type="hidden" name="_csrf" value="LVaAEBvyZ3bYm8dwbQczi__IzSHpbEaqNyNPPNkXcyBFBMFYfrRUQ7qu_gU9dQTAqYT-ZIIBcZhuWydv6ERKeQ=="><div class="form-group field-recaptchafooter-recaptcha">
1969
1970<input type="hidden" id="recaptchafooter-recaptcha" class="form-control" name="Recaptchafooter[reCaptcha]"><div id="recaptchafooter-recaptcha-recaptcha-recaptchafooter" class="g-recaptcha" data-sitekey="6LcSpxQTAAAAAJa4w9bi1WilWZc2M8uAkhFyw-B2" data-input-id="recaptchafooter-recaptcha" data-form-id="recaptchafooter"></div>
1971
1972<div class="help-block"></div>
1973</div></form>
1974    
1975    <div id="js-translations" class="hidden2" data-current-language="fr">
1976    <span data-translation-source="Séjour de " data-translation-target="Séjour de " />
1977    <span data-translation-source=" nuit(s) pour " data-translation-target=" nuit(s) pour " />
1978    <span data-translation-source=" personne(s). Taxe de séjour : " data-translation-target=" personne(s). Taxe de séjour : " />
1979    <span data-translation-source="nuits" data-translation-target="nuits" />
1980    <span data-translation-source="nuit" data-translation-target="nuit" />
1981    <span data-translation-source="Ajoutez des dates pour voir le prix" data-translation-target="Ajoutez des dates pour voir le prix" />
1982    <span data-translation-source="Une adresse e-mail est obligatoire." data-translation-target="Une adresse e-mail est obligatoire." />
1983    <span data-translation-source="Entrez une adresse e-mail valide." data-translation-target="Entrez une adresse e-mail valide." />
1984    <span data-translation-source="Veuillez saisir un numéro de téléphone entre 3 et 12 chiffres" data-translation-target="Veuillez saisir un numéro de téléphone entre 3 et 12 chiffres" />
1985    <span data-translation-source="Veuillez saisir votre prénom" data-translation-target="Veuillez saisir votre prénom" />
1986    <span data-translation-source="Veuillez saisir votre nom" data-translation-target="Veuillez saisir votre nom" />
1987    <span data-translation-source="Certains caractères sont invalides" data-translation-target="Certains caractères sont invalides" />
1988    <span data-translation-source="Impossible de générer le code SMS. Veuillez vérifier le numéro que vous avez saisi et essayer de nouveau, ou connectez-vous par e-mail en cliquant sur le bouton prévu à cet effet ci-dessous." data-translation-target="Impossible de générer le code SMS. Veuillez vérifier le numéro que vous avez saisi et essayer de nouveau, ou connectez-vous par e-mail en cliquant sur le bouton prévu à cet effet ci-dessous." />
1989    <span data-translation-source="Impossible de générer le code SMS. Une erreur indéterminée est survenue." data-translation-target="Impossible de générer le code SMS. Une erreur indéterminée est survenue." />
1990    <span data-translation-source="Impossible de vérifier le code SMS. Une erreur indéterminée est survenue." data-translation-target="Impossible de vérifier le code SMS. Une erreur indéterminée est survenue." />
1991    <span data-translation-source="Le mot de passe que vous avez saisi est incorrect, veuillez réessayer." data-translation-target="Le mot de passe que vous avez saisi est incorrect, veuillez réessayer." />
1992    <span data-translation-source="Vous allez recevoir prochainement un lien de réinitialisation à votre adresse e-mail." data-translation-target="Vous allez recevoir prochainement un lien de réinitialisation à votre adresse e-mail." />
1993</div>
vendor: 145 bytes, lines 1993-1994
1993
1994    <script src="//www.google.com/recaptcha/api.js?hl=en-GB?hl=fr&amp;render=explicit&amp;onload=recaptchaOnloadCallback" async defer></script>
1995<script src="/assets/6f07714/jquery.js"></script>
vendor: 1 bytes, line 1995
1995
1996<script src="/assets/46fc8fc7/yii.js"></script>
vendor: 1 bytes, line 1996
1996
1997<script src="/assets/46fc8fc7/yii.activeForm.js"></script>
vendor: 1 bytes, line 1997
1997
1998<script>function recaptchaOnloadCallback() {
1999    "use strict";
2000    jQuery(".g-recaptcha").each(function () {
2001        const reCaptcha = jQuery(this);
2002        if (reCaptcha.data("recaptcha-client-id") === undefined) {
2003            const recaptchaClientId = grecaptcha.render(reCaptcha.attr("id"), {
2004                "callback": function (response) {
2005                    if (reCaptcha.data("form-id") !== "") {
2006                        jQuery("#" + reCaptcha.data("input-id"), "#" + reCaptcha.data("form-id")).val(response)
2007                            .trigger("change");
2008                    } else {
2009                        jQuery("#" + reCaptcha.data("input-id")).val(response).trigger("change");
2010                    }
2011
2012                    if (reCaptcha.attr("data-callback")) {
2013                        eval("(" + reCaptcha.attr("data-callback") + ")(response)");
2014                    }
2015                },
2016                "expired-callback": function () {
2017                    if (reCaptcha.data("form-id") !== "") {
2018                        jQuery("#" + reCaptcha.data("input-id"), "#" + reCaptcha.data("form-id")).val("");
2019                    } else {
2020                        jQuery("#" + reCaptcha.data("input-id")).val("");
2021                    }
2022
2023                    if (reCaptcha.attr("data-expired-callback")) {
2024                        eval("(" + reCaptcha.attr("data-expired-callback") + ")()");
2025                    }
2026                },
2027            });
2028            reCaptcha.data("recaptcha-client-id", recaptchaClientId);
2029        }
2030    });
2031}</script>
vendor: 1 bytes, line 2031
2031
2032<script>jQuery(function ($) {
2033jQuery('#recaptchafooter').yiiActiveForm([], []);
2034});</script>
2034</body>
2035</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.