PageSourceSearch

https://mairie-saintjeandarvey.fr/fr/tr/1407876/se-loger

html mairie-saintjeandarvey.fr collected 2026-10-02 16:49:45 UTC 117,024 bytes, 1,829 lines download raw bytes

1<!DOCTYPE html>
2<html dir="ltr" lang="fr">
3<head>
4    <title>
5            Se loger - Saint-Jean-d&#039;Arvey
6    </title>
7
8    
8<script src="/lib/tarteaucitron/tarteaucitron.js"></script>
8
9    
9<script>
10        var tarteaucitronExpireInDay = true, tarteaucitronForceExpire = 183;
11
12        tarteaucitron.init({
13            "privacyUrl": "", /* Privacy policy url */
14
15            "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */
16            "cookieName": "tarteaucitron", /* Cookie name */
17
18            "orientation": "bottom", /* Banner position (top - bottom) */
19
20            "showAlertSmall": false, /* Show the small banner on bottom right */
21            "cookieslist": true, /* Show the cookie list */
22
23            "showIcon": false, /* Show cookie icon to manage cookies */
24            // "iconSrc": "", /* Optionnal: URL or base64 encoded image */
25            "iconPosition": "BottomRight", /* Position of the icon between BottomRight, BottomLeft, TopRight and TopLeft */
26
27            "adblocker": false, /* Show a Warning if an adblocker is detected */
28
29            "DenyAllCta": true, /* Show the deny all button */
30            "AcceptAllCta": true, /* Show the accept all button when highPrivacy on */
31            "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */
32
33            "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */
34
35            "removeCredit": false, /* Remove credit link */
36            "moreInfoLink": true, /* Show more info link */
37            "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */
38
39            //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for subdomain website */
40
41            "readmoreLink": "", /* Change the default readmore link pointing to tarteaucitron.io */
42
43            "mandatory": true, /* Show a message about mandatory cookies */
44
45            "listCookieByService": false, /* Show a message about list cookie by service */
46            "tarteaucitronForceLanguage" : 'fr',
47
48        });
49    </script>
49
50
51        <meta name="Description" content="">
52<meta name="Keywords" content="">
53<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
54<meta charset="UTF-8">
55        
56    <!-- Matomo -->
57<script>
58  var _paq = window._paq = window._paq || [];
59  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
60  _paq.push(['trackPageView']);
61  _paq.push(['enableLinkTracking']);
62  (function() {
63    var u="//matomo-client.neopse.com/";
64    _paq.push(['setTrackerUrl', u+'matomo.php']);
65    _paq.push(['setSiteId', '410']);
66    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
67    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
68  })();
69</script>
69
70<!-- End Matomo Code -->
71
72
73
74
75
76
77
78                                        <link rel="apple-touch-icon" href="//static.neopse.com/assets/img/favicon/rdc_logo.ico?v=v1">
79                <link rel="icon" href="//static.neopse.com/assets/img/favicon/rdc_logo.ico?v=v1">
80                        <link rel="preconnect" href="https://fonts.googleapis.com">
81            <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
82            <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Material+Icons" rel="stylesheet">
83            <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Jost:wght@400;700&family=Lato:wght@400;700&family=Lora:wght@400;700&family=Merriweather:wght@400;700&family=Montserrat:wght@400;700&family=Nunito:wght@400;700&family=Open+Sans:wght@400;700&family=Outfit:wght@400;700&family=Roboto:wght@400;700&family=Roboto+Condensed:wght@400;700&family=Roboto+Slab:wght@400;700&display=swap" rel="stylesheet">
84
85            <link href='/dist/owlcarousel/css/owl.carousel.min.css' rel='stylesheet' type='text/css'>
86            <link href='/dist/owlcarousel/css/owl.theme.default.min.css' rel='stylesheet' type='text/css'>
87            <link href='/dist/slick/slick.css' rel='stylesheet' type='text/css'>
88            <link href='/dist/slick/slick-theme.css' rel='stylesheet' type='text/css'>
89            <link href='/dist/scrollbar/jquery.scrollbar.css' rel='stylesheet' type='text/css'>
90            <link href='/dist/fullcalendar/fullcalendar.min.css' rel='stylesheet' type='text/css'>
91            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css">
92            <link href="/tpl/8/css/style.css" rel="stylesheet" type='text/css'>
93            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css" />
94
95
96            <link href="/lib/splide-4.0.1/css/splide.min.css" rel="stylesheet" type="text/css"/>
97            <link href="/lib/splide-4.0.1/css/splide-custom.css" rel="stylesheet" type="text/css"/>
98
99                            <style class="notranslate">.bg_bloc { background-color: rgba(27, 150, 84, 0.69) !important; }
100        .table td, .table, .table thead th { border-color: rgba(27, 150, 84, 0.69) !important; }
101        .bg_bloc .dropdown-toggle,
102        .bg_bloc .dropdown-menu {
103            background-color: rgba(27, 150, 84, 0.69) !important;
104            border-color: rgba(27, 150, 84, 0.69) !important;
105        }
106        .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td{
107            border-color: rgba(27, 150, 84, 0.69) !important;
108        }
109
110        .fc-unthemed thead.fc-head, .fc-unthemed .fc-popover .fc-header{ background-color: rgba(27, 150, 84, 0.69) !important; }
111
112        .fc-unthemed td.fc-today{
113            background: rgba(27, 150, 84, 0.69) !important;
114        }
115
116        .cookies .btn{ background-color: rgba(27, 150, 84, 0.69) !important; }header.intro { background-image: url(https://static.neopse.com/medias/p/2284/site/79/b6/53/79b6535136cc24f657502bf0c99fa1078d8975a3.jpg?v=v1); }body { background-color: #FFFFFF; }body { background-image: url(https://static.neopse.com/medias/p/2284/site/79/b6/53/79b6535136cc24f657502bf0c99fa1078d8975a3.jpg?v=v1); background-position: center; background-repeat: repeat; }.bg_wrapper { background-color: rgba(255, 255, 255, 0.96) !important; }.bg_wrapper { background-image: url(undefined); background-position: center; background-repeat: repeat; }.c_btn, .modal .bg_btn, .owl-nav [class*=owl-] i { color: #FFFFFF; }
117        .c_btn, .modal .bg_btn { border-color: #FFFFFF; }
118
119        .titleButtonForm.c_btn, .intern-page .main-content .c_btn { color: #FFFFFF !important; }
120        .titleButtonForm.c_btn, .intern-page .main-content .c_btn { border-color: #FFFFFF !important; }
121
122        .c_btn:before { background-color: #FFFFFF !important; }
123        .owl-theme .owl-dots .owl-dot.active span,
124        .owl-theme .owl-dots .owl-dot:hover span,
125        .carousel-indicators .active {
126            background: #FFFFFF;
127            opacity: 1;
128        }
129        .carousel-indicators li, .owl-theme .owl-dots .owl-dot span{
130            background-color: #FFFFFF;
131            opacity: 0.5;
132        }
133
134        .owl-theme .owl-nav [class*=owl-]:before { background-color: #FFFFFF; }
135        .owl-theme .owl-nav [class*=owl-] { border-color: #FFFFFF; }
136
137        .slick-dots li button{
138            background-color: #FFFFFF;
139        }
140
141        .intern-page .slick-arrow:before{ color: #FFFFFF; }
142
143        .fc-event{ color: #FFFFFF !important;}.text_bloc {color:#FFFFFF !important;}
144        .text_bloc .title:before {background-color:#FFFFFF!important;}
145        .bg_bloc .c_text {color:#FFFFFF !important;}
146        .bg_bloc .dropdown-toggle,
147        .bg_bloc .dropdown-menu, .bg_bloc.bootstrap-select .dropdown-toggle::after {
148            color:#FFFFFF !important;
149        }
150
151        .fc-unthemed thead.fc-head{ color: #FFFFFF !important; }
152        .fc-unthemed td.fc-today{
153            color: #FFFFFF !important;
154        }
155
156        .cookies .btn{ color: #FFFFFF !important; }
157        .cookies .btn { border-color: #FFFFFF !important; }
158        .cookies .btn:before { background-color: #FFFFFF !important; }.footer-links.bg { background-color: #1B9654; }nav.navbar.bg { background-color: #FFFFFF; }nav.navbar.bg { background-image: url(undefined); background-position: center; background-repeat: repeat; }body, .c_text, .container, .carousel-caption .title, .dropdown-item.c_text, .newsletter .requirements { color: #000000; }
159        .border-box .box-container:after{ background-color: #000000;}
160        .oneclick-fixed a .oneclick-icon:hover, .oneclick-fixed a .oneclick-title{ background-color: #000000; }
161        .oneclick-fixed a .oneclick-icon:hover{ border-color: #000000; }
162        .slick-prev:before, .slick-next:before { color: #000000; }
163        .c_text.navbar-toggler{ border-color: #000000 !important; }
164        .title:before{ background-color: #000000 !important; }
165        .intern-page .en-tete{ border-left-color: #000000;}
166        .bootstrap-select .dropdown-menu li a{
167            color: #000000;
168        }
169        .bootstrap-select .dropdown-toggle::after{
170            color: #000000;
171        }
172        .fc-button{
173            color: #000000 !important;
174        }.research-container .c_btn { color: #FFFFFF; }nav.navbar .dropdown-menu { background-color: #FFFFFF; }.footer-links .c_text { color: #FFFFFF; }nav.navbar .c_text, nav.navbar .c_text i { color: #000000; }nav.navbar .h_text:hover { color: #FFFFFF; }.footer-links .c_title { color: #FFFFFF; }
175        .footer-links .c_title:before { background-color: #FFFFFF !important; }.footer.bg { background-color: #1B9654; }.footer.bg { background-image: url(undefined); background-position: center; background-repeat: repeat; }.breadcrumb.bg { background-color: rgba(27, 150, 84, 0.66); }.breadcrumb.bg { background-image: url(undefined); background-position: center; background-repeat: repeat; }nav.navbar .dropdown-menu .c_text { color: #000000; }nav.navbar .dropdown-menu .h_text:hover { color: #FFFFFF; }nav.navbar .h_text:hover { background-color: #1B9654; }body .bg_btn, .modal .bg_btn { background-color: #E6017D; }
176        .titleButtonForm.bg_btn, .intern-page .main-content .bg_btn { background-color: #E6017D !important; }
177        .fc-event{ background-color: #E6017D !important; border-color: #E6017D !important; }
178
179        .owl-theme .owl-nav [class*=owl-], .owl-theme .owl-nav [class*=owl-]:hover, .owl-theme .owl-nav [class*=owl-]:focus { background-color: #E6017D; }
180
181        .intern-page .slick-arrow{ background-color: #E6017D; }.footer .c_btn { color: #FFFFFF; }
182        .footer .c_btn { border-color: #FFFFFF; }
183        .footer .c_btn:before { background-color: #FFFFFF !important; }#w_headline.bg{ background-color: ; }.footer .c_text { color: #FFFFFF; }#w_4rm1dt43q .bg { background-color: D2D3D5 ; }#w_57decww5w .bg { background-color: #1B9654; }#w_5dsy06erm .bg { background-color: #74A32A; }#w_66mxrkdcb .bg{ background-color: rgba(237, 237, 237, 0.88); }#w_ahuxu7wq4 .bg { background-color: ; }#w_b05e8g79x .bg { background-color: rgba(255, 255, 255, 0.9); }#w_b05e8g79x .bg { background-image: url(undefined); background-position: center; background-repeat: repeat; }#w_fekajwgp1 .bg{ background-color: #FFFFFF; }#w_headline .c_btn, #w_headline .owl-nav [class*=owl-] i { color: #FFFFFF; }
184        #w_headline .c_btn { border-color: #FFFFFF; }
185        #w_headline .c_btn:before { background-color: #FFFFFF !important; }
186        
187        #w_headline .owl-theme .owl-nav [class*=owl-]:before { background-color: #FFFFFF; }
188        #w_headline .owl-theme .owl-nav [class*=owl-] { border-color: #FFFFFF; }#w_kfrxeetnz .bg { background-color: #E9BB0A; }#w_scpnyas5b .bg{ background-color: #CFCFCF; }#w_sq9tg6fv2 .bg { background-color: #1B9654; }#w_uqezm227g .bg { background-color: #FFFFFF; }#w_zz1fd1315 .bg { background-color: D2D3D5 ; }.breadcrumb.bg .c_text { color: #FFFFFF; }.research-container .bg_btn { background-color: #1B9654; }nav.navbar .dropdown-menu .h_text:hover { background-color: #1B9654; }.footer .c_title { color: #FFFFFF; }
189        .footer .c_title:before { background-color: #FFFFFF !important; }#w_4rm1dt43q .c_btn,
190        #w_4rm1dt43q .card-icon-date .day { color: #FFFFFF; border-color: #FFFFFF; }
191        #w_4rm1dt43q .c_btn:before,
192        #w_4rm1dt43q .owl-theme .owl-dots .owl-dot.active span,
193        #w_4rm1dt43q .owl-theme .owl-dots .owl-dot:hover span,
194        #w_4rm1dt43q .slick-dots .slick-active button:before,
195        #w_4rm1dt43q .card-icon-date .month {
196            background-color: #FFFFFF !important;
197            opacity: 1;
198        }
199        #w_4rm1dt43q .carousel-indicators li,
200        #w_4rm1dt43q .owl-theme .owl-dots .owl-dot span,
201        #w_4rm1dt43q .slick-dots li button:before{
202            background-color: #FFFFFF;
203            opacity: 0.5;
204        }#w_4zoujagw0 .c_btn, #w_4zoujagw0 .owl-nav [class*=owl-] i { color: #FFFFFF; }
205        #w_4zoujagw0 .c_btn { border-color: #FFFFFF; }
206        #w_4zoujagw0 .c_btn:before { background-color: #FFFFFF !important; }
207        
208        #w_4zoujagw0 .owl-theme .owl-nav [class*=owl-]:before { background-color: #FFFFFF; }
209        #w_4zoujagw0 .owl-theme .owl-nav [class*=owl-] { border-color: #FFFFFF; }#w_5dsy06erm .c_btn, #w_5dsy06erm .owl-nav [class*=owl-] i { color: #FFFFFF; }
210        #w_5dsy06erm .c_btn { border-color: #FFFFFF; }
211        #w_5dsy06erm .c_btn:before { background-color: #FFFFFF !important; }
212        
213        #w_5dsy06erm .owl-theme .owl-nav [class*=owl-]:before { background-color: #FFFFFF; }
214        #w_5dsy06erm .owl-theme .owl-nav [class*=owl-] { border-color: #FFFFFF; }#w_b05e8g79x .c_btn, #w_b05e8g79x .owl-nav [class*=owl-] i { color: #FFFFFF; }
215        #w_b05e8g79x .c_btn { border-color: #FFFFFF; }
216        #w_b05e8g79x .c_btn:before { background-color: #FFFFFF !important; }
217
218        #w_b05e8g79x .owl-theme .owl-nav [class*=owl-]:before { background-color: #FFFFFF; }
219        #w_b05e8g79x .owl-theme .owl-nav [class*=owl-] { border-color: #FFFFFF; }
220
221        #w_b05e8g79x .owl-theme .owl-dots .owl-dot.active span,
222        #w_b05e8g79x .owl-theme .owl-dots .owl-dot:hover span {
223            background: #FFFFFF;
224            opacity: 1;
225        }
226        #w_b05e8g79x .carousel-indicators li,
227        #w_b05e8g79x .owl-theme .owl-dots .owl-dot span{
228            background-color: #FFFFFF;
229            opacity: 0.5;
230        }#w_headline .c_text { color: #000000; }
231        #w_headline .title.c_text:before { background-color: #000000 !important; }#w_kfrxeetnz .c_btn, #w_kfrxeetnz .owl-nav [class*=owl-] i { color: #000000; } #w_kfrxeetnz .c_btn { border-color: #000000; } #w_kfrxeetnz .c_btn:before { background-color: #000000 !important; }#w_m93s6b5wt .c_btn{ color: #FFFFFF; }
232        #w_m93s6b5wt .c_btn { border-color: #FFFFFF; }
233        #w_m93s6b5wt .c_btn:before { background-color: #FFFFFF !important; }#w_oneclick .c_text { color: #000000; } #w_oneclick .oneclick-fixed a .oneclick-icon:hover, #w_oneclick .oneclick-fixed a .oneclick-title{ background-color: #000000; } #w_oneclick .oneclick-fixed a .oneclick-icon:hover{ border-color: #000000; }#w_qet9j5763 .c_btn{ color: #FFFFFF; }
234        #w_qet9j5763 .c_btn { border-color: #FFFFFF; }
235        #w_qet9j5763 .c_btn:before { background-color: #FFFFFF !important; }#w_uqezm227g .c_btn, #w_uqezm227g .owl-nav [class*=owl-] i { color: #FFFFFF; }
236        #w_uqezm227g .c_btn { border-color: #FFFFFF; }
237        #w_uqezm227g .c_btn:before { background-color: #FFFFFF !important; }
238        
239        #w_uqezm227g .slick-dots li button{
240            background-color: #FFFFFF;
241        }#w_zz1fd1315 .c_btn, #w_zz1fd1315 .owl-nav [class*=owl-] i { color: #FFFFFF; }
242        #w_zz1fd1315 .c_btn { border-color: #FFFFFF; }
243        #w_zz1fd1315 .c_btn:before { background-color: #FFFFFF !important; }.breadcrumb.bg .c_title { color: #FFFFFF; }
244        .breadcrumb.bg .c_title:before { background-color: #FFFFFF !important; }#w_4rm1dt43q .c_text { color: #FFFFFF; }
245
246        #w_4rm1dt43q .border-box .event-icon, #w_4rm1dt43q .border-box .box-container:after{ background-color: #FFFFFF; }#w_b05e8g79x .c_text { color: #FFFFFF; }
247        #w_b05e8g79x .border-box .box-container:after{ background-color: #FFFFFF; }#w_headline .c_title { color: #ffffff; }
248        #w_headline .c_title:before { background-color: #ffffff !important; }#w_kfrxeetnz .c_text, #w_kfrxeetnz .requirements { color: #000000; }#w_zz1fd1315 .c_text, #w_zz1fd1315 .requirements { color: #000000; }#w_4rm1dt43q .c_title { color: #000000; }
249        #w_4rm1dt43q .c_title:before { background-color: #000000 !important; }#w_57decww5w .c_title { color: #FFFFFF; }
250        #w_57decww5w .c_title:before { background-color: #FFFFFF !important; }#w_b05e8g79x .c_title { color: #000000 !important; }
251        #w_b05e8g79x .c_title:before { background-color: #000000 !important; }#w_kfrxeetnz .c_title { color: #000000; } #w_kfrxeetnz .c_title:before { background-color: #000000 !important; }#w_m93s6b5wt .c_title { color: #000000; }
252        #w_m93s6b5wt .c_title:before { background-color: #000000 !important; }#w_sq9tg6fv2 .c_title { color: #FFFFFF; }
253        #w_sq9tg6fv2 .c_title:before { background-color: #FFFFFF !important; }#w_uqezm227g .c_title { color: #000000; }
254        #w_uqezm227g .c_title:before { background-color: #000000 !important; }#w_zz1fd1315 .c_title { color: #000000; }
255        #w_zz1fd1315 .c_title:before { background-color: #000000 !important; }.footer .bg_btn { background-color: #E6017D; }#w_headline .c_title { display: none; }#w_57decww5w .c_title { display: none; }#w_b05e8g79x .c_title { display: inline-block; }#w_headline .bg_btn { background-color: #e6017d; }
256
257        #w_headline .owl-theme .owl-nav [class*=owl-], #w_headline .owl-theme .owl-nav [class*=owl-]:hover, #w_headline .owl-theme .owl-nav [class*=owl-]:focus { background-color: #e6017d; }#w_4rm1dt43q .bg_btn { background-color: #E6017D; }#w_4zoujagw0 .bg_btn { background-color: #E6017D; }
258
259        #w_4zoujagw0 .owl-theme .owl-nav [class*=owl-], #w_4zoujagw0 .owl-theme .owl-nav [class*=owl-]:hover, #w_4zoujagw0 .owl-theme .owl-nav [class*=owl-]:focus { background-color: #E6017D; }#w_5dsy06erm .bg_btn { background-color: #E42C82; }
260
261        #w_5dsy06erm .owl-theme .owl-nav [class*=owl-], #w_5dsy06erm .owl-theme .owl-nav [class*=owl-]:hover, #w_5dsy06erm .owl-theme .owl-nav [class*=owl-]:focus { background-color: #E42C82; }#w_b05e8g79x .bg_btn { background-color: #E6017D; }
262        #w_b05e8g79x .owl-theme .owl-nav [class*=owl-], #w_b05e8g79x .owl-theme .owl-nav [class*=owl-]:hover, #w_b05e8g79x .owl-theme .owl-nav [class*=owl-]:focus { background-color: #E6017D; }#w_headline .banner .bg_text { background-color: #DAD9D9; }#w_kfrxeetnz .bg_btn { background-color: #FFFFFF; }#w_m93s6b5wt .bg_btn { background-color: #e6017d; }#w_oneclick .oneclick-title.c_text, #w_oneclick .oneclick-text { color: #DE0B1F; }
263
264        #w_oneclick .oneclick-fixed a .oneclick-icon:hover i { color: #DE0B1F !important; }#w_qet9j5763 .bg_btn { background-color: #E6017D; }#w_uqezm227g .bg_btn { background-color:
264 #E6017D; }
265
266        #w_uqezm227g .owl-theme .owl-nav [class*=owl-], #w_uqezm227g .owl-theme .owl-nav [class*=owl-]:hover, #w_uqezm227g .owl-theme .owl-nav [class*=owl-]:focus { background-color: #E6017D; }#w_zz1fd1315 .bg_btn { background-color: #E6017D; }#w_4rm1dt43q .bg_text { background-color: #1B9654; }
267
268        #w_4rm1dt43q .border-box .event-icon i{ color: #1B9654; }#w_66mxrkdcb .bg_text { background-color: #FFFFFF; }#w_b05e8g79x .box-with-image:before { background-color: #1B9654; }#w_scpnyas5b .bg_text { background-color: #FFFFFF; }/*np-dropdowns*/.bootstrap-select{background-color:rgba(27, 150, 84, 0.69)!important;}.bootstrap-select .dropdown-menu{background-color:rgba(27, 150, 84, 0.69)!important;border-color:rgba(27, 150, 84, 0.69)!important;}.bootstrap-select .dropdown-menu .dropdown-item,.bootstrap-select .dropdown-menu li a,.bootstrap-select .dropdown-menu .dropdown-item:hover,.bootstrap-select .dropdown-menu .dropdown-item:focus,.bootstrap-select .dropdown-menu .dropdown-item.active,.bootstrap-select .dropdown-menu .dropdown-item.selected{background-color:rgba(27, 150, 84, 0.69)!important;}.bootstrap-select,.bootstrap-select .dropdown-toggle,.bootstrap-select .dropdown-toggle::after,.bootstrap-select .dropdown-menu,.bootstrap-select .dropdown-menu .c_text,.bootstrap-select .dropdown-menu .dropdown-item,.bootstrap-select .dropdown-menu .dropdown-item:hover,.bootstrap-select .dropdown-menu .dropdown-item:focus,.bootstrap-select .dropdown-menu .dropdown-item.active,.bootstrap-select .dropdown-menu .dropdown-item.selected,.bootstrap-select .dropdown-menu li a,.bootstrap-select .dropdown-menu .text{color:#FFFFFF!important;}</style>
269                    
270    
271    
271<script src="/js/vendor/jquery-3.2.1.min.js"></script>
271
272    
272<script>tarteaucitron.user.matomoHost = '//matomo.neopse.com/';</script>
272
273
274    <!-- Matomo -->
275    <!-- End Matomo Code -->
276</head>
277<body>
278
279<header role="banner">
280    <div class="ov"></div>
281
282    <!-- Top navbar -->
283<nav role="navigation" class="navbar navbar-fixed-left navbar-expand-lg bg">
284    <div class="ov"></div>
285
286    <div class="container">
287
288        <div class="navbar-header">
289            <a class="navbar-brand c_text" aria-label="Accueil" href="/fr/">
290                                    <div class="img">
291                        <picture class="logo img-fluid">
292                            <source media="(max-width: 991.98px)" srcset="https://static.neopse.com/medias/p/2284/site/b6/80/ef/b680ef8cb8066adcbe90ae00a75b233bdf030315.png">
293                            <img role="img" src="https://static.neopse.com/medias/p/2284/site/b6/80/ef/b680ef8cb8066adcbe90ae00a75b233bdf030315.png" alt="Logo Saint-Jean-d&#039;Arvey" loading="eager">
294                        </picture>
295                    </div>
296                            </a>
297        </div>
298
299        <button class="navbar-toggler c_text h_text" type="button" data-toggle="collapse"
300                data-target="#navbarNavDropdown"
301                aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
302            <span class="navbar-toggler-icon">
303                <i class="material-icons notranslate">menu</i>
304            </span>
305        </button>
306        <div class="collapse navbar-collapse" id="navbarNavDropdown">
307            <ul class="nav navbar-nav">
308                <li class="nav-item dropdown">
309                    <a class="nav-link c_text h_text px-3" href="/" role="button">
310                        <i class="material-icons">home</i>
311                    </a>
312                </li>
313                                                            <li class="nav-item dropdown dropup">
314                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown0" role="button"
315                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
316                                Notre commune
317                            </a>
318                            <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown0">
319                                                                    <div class="dropdown-menu-image" aria-hidden="true"
320                                         style="background-image: url(https://static.neopse.com/thumbs/p/2284/site/31/41/34/314134d869e84b92eaf0773753f59f5c4c9f4070.jpeg?v=v1);"></div>
321                                
322                                <div class="mega-dropdown-menu">
323                                    <div class="divider">
324                                                                                                                        
325                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
326                                               href="/fr/rb/867271/saint-jean-darvey">
327                                                Saint Jean d&#039;Arvey
328                                            </a>
329                                        
330                                        
331                                        
332                                                                                                                                                                
333                                        
334                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
335                                               href="/fr/ap/1408266/plan-acces-618">
336                                                Plan / Accès
337                                            </a>
338                                        
339                                        
340                                                                                                                                                                
341                                        
342                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
343                                               href="/fr/tr/1407876/se-loger">
344                                                Se loger
345                                            </a>
346                                        
347                                        
348                                                                                                                                                                
349                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
350                                               href="/fr/rb/896781/notre-patrimoine-2">
351                                                Notre Patrimoine
352                                            </a>
353                                        
354                                        
355                                        
356                                                                                                                                                                
357                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
358                                               href="/fr/rb/900369/les-activites-3">
359                                                Les activités
360                                            </a>
361                                        
362                                        
363                                        
364                                                                                                                    </div>
365                                </div>
366                            </div>
367                        </li>
368                    
369
370                                                            <li class="nav-item dropdown dropup">
371                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown1" role="button"
372                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
373                                La mairie
374                            </a>
375                            <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown1">
376                                                                    <div class="dropdown-menu-image" aria-hidden="true"
377                                         style="background-image: url(https://static.neopse.com/thumbs/p/2284/site/a0/db/cb/a0dbcb2df2efb80aa9a2ceaee78e01803b6982ff.jpeg?v=v1);"></div>
378                                
379                                <div class="mega-dropdown-menu">
380                                    <div class="divider">
381                                                                                                                        
382                                        
383                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
384                                               href="/fr/ct/1406589/contacts-913">
385                                                Contacts
386                                            </a>
387                                        
388                                        
389                                                                                                                                                                
390                                        
391                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
392                                               href="/fr/tb/1408383/conseil-municipal-106">
393                                                Conseil municipal
394                                            </a>
395                                        
396                                        
397                                                                                                                                                                
398                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
399                                               href="/fr/rb/1666108/publication-des-actes-administratifs-1">
400                                                Publication des actes administratifs
401                                            </a>
402                                        
403                                        
404                                        
405                                                                                                                                                                
406                                        
407                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
408                                               href="/fr/rp/1407915/seances-du-conseil-municipal-1">
409                                                Séances du Conseil Municipal
410                                            </a>
411                                        
412                                        
413                                                                                                                                                                
414                                        
415                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
416                                               href="/fr/pb/1408305/publications-356">
417                                                Publications
418                                            </a>
419                                        
420                                        
421                                                                                                                                                                
422                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
423                                               href="/fr/rb/867622/intercommunalite-140">
424                                                Intercommunalité
425                                            </a>
426                                        
427                                        
428                                        
429                                                                                                                                                                
430                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
431                                               href="/fr/rb/959883/batiment-multi-fonctionnel">
432                                                Bâtiment multi-fonctionnel
433                                            </a>
434                                        
435                                        
436                                        
437                                                                                                                    </div>
438                                </div>
439                            </div>
440                        </li>
441                    
442
443                                                            <li class="nav-item dropdown dropup">
444                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown2" role="button"
445                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
446                                Au quotidien
447                            </a>
448                            <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown2">
449                                                                    <div class="dropdown-menu-image" aria-hidden="true"
450                                         style="background-image: url(https://static.neopse.com/thumbs/p/2284/site/b6/41/8b/b6418bec4448ab30dea33f9bb0508fab55afbe7e.jpeg?v=v1);"></div>
451                                
452                                <div class="mega-dropdown-menu">
453                                    <div class="divider">
454                                                                                                                        
455                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
456                                               href="/fr/rb/867739/numeros-utiles-35">
457                                                Numéros utiles
458                                            </a>
459                                        
460                                        
461                                        
462                                                                                                                                                                
463                                        
464                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
465                                               href="/fr/ev/1406706/agenda-978">
466                                                Agenda
467                                            </a>
468                                        
469                                        
470                                                                                                                                                                
471                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
472                                               href="/fr/rb/868558/bibliotheque-91">
473                                                Bibliothèque
474                                            </a>
475                                        
476                                        
477                                        
478                                                                                                                                                                
479                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
480                                               href="/fr/rb/867778/agence-postale-communale-23">
481                                                Agence Postale Communale
482                                            </a>
483                                        
484                                        
485                                        
486                                                                                                                                                                
487                                        
488                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
489                                               href="/fr/rr/1408344/salles-a-louer-411">
490                                                Salles à louer
491                                            </a>
492                                        
493                                        
494                                                                                                                                                                
495                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
496                                               href="/fr/rb/867986/pret-de-materiel-1">
497                                                Prêt de matériel
498                                            </a>
499                                        
500                                        
501                                        
502                                                                                                                                                                
503                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
504                                               href="/fr/rb/985181/signaler-1">
505                                                Signaler
506                                            </a>
507                                        
508                                        
509                                        
510                                                                                                                                                                
511                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
512                                               href="/fr/rb/926395/ecomobilite-transport">
513                                                Ecomobilité / Transport
514                                            </a>
515                                        
516                                        
517                                        
518                                                                                                                                                                
519                                        
520                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
521                                               href="/fr/pg/1407525/guide-des-demarches-573">
522                                                Guide des démarches
523                                            </a>
524                                        
525                                        
526                                                                                   
526                                                                             
527                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
528                                               href="/fr/rb/2358904/convention-de-deneigement">
529                                                Convention de déneigement
530                                            </a>
531                                        
532                                        
533                                        
534                                                                                                                    </div>
535                                </div>
536                            </div>
537                        </li>
538                    
539
540                                                            <li class="nav-item dropdown dropup">
541                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown3" role="button"
542                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
543                                Vie locale
544                            </a>
545                            <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown3">
546                                                                    <div class="dropdown-menu-image" aria-hidden="true"
547                                         style="background-image: url(https://static.neopse.com/thumbs/p/2284/site/29/f1/82/29f18257342a01531e5edb0a9a14a8878811bfce.jpeg?v=v1);"></div>
548                                
549                                <div class="mega-dropdown-menu">
550                                    <div class="divider">
551                                                                                                                        
552                                        
553                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
554                                               href="/fr/nw/1406667/actualites-981">
555                                                Actualités
556                                            </a>
557                                        
558                                        
559                                                                                                                                                                
560                                        
561                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
562                                               href="/fr/mk/1408149/marches-430">
563                                                Marchés
564                                            </a>
565                                        
566                                        
567                                                                                                                                                                
568                                        
569                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
570                                               href="/fr/as/1407798/annuaire-des-associations-422">
571                                                Annuaire des associations
572                                            </a>
573                                        
574                                        
575                                                                                                                                                                
576                                        
577                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
578                                               href="/fr/bu/1407837/annuaire-des-professionnels-109">
579                                                Annuaire des professionnels
580                                            </a>
581                                        
582                                        
583                                                                                                                                                                
584                                        
585                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
586                                               href="/fr/he/1407759/annuaire-de-la-sante-110">
587                                                Annuaire de la santé
588                                            </a>
589                                        
590                                        
591                                                                                                                                                                
592                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
593                                               href="/fr/rb/867726/consultation-citoyenne">
594                                                Consultation citoyenne
595                                            </a>
596                                        
597                                        
598                                        
599                                                                                                                                                                
600                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
601                                               href="/fr/rb/1382604/conseil-consultatif-de-hameau">
602                                                Conseil consultatif de hameau.
603                                            </a>
604                                        
605                                        
606                                        
607                                                                                                                                                                
608                                        
609                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
610                                               href="/fr/jb/1407681/annonces-demploi-445">
611                                                Annonces d’emploi
612                                            </a>
613                                        
614                                        
615                                                                                                                                                                
616                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
617                                               href="/fr/rb/1823707/conseil-des-aines-1">
618                                                Conseil des aînés
619                                            </a>
620                                        
621                                        
622                                        
623                                                                                                                    </div>
624                                </div>
625                            </div>
626                        </li>
627                    
628
629                                                            <li class="nav-item dropdown dropup">
630                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown4" role="button"
631                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
632                                Jeunesse
633                            </a>
634                            <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown4">
635                                                                    <div class="dropdown-menu-image" aria-hidden="true"
636                                         style="background-image: url(https://static.neopse.com/thumbs/p/2284/site/c3/8f/bf/c38fbf4cb532c052e8b3ca77d3b3ca5e8e92c043.jpeg?v=v1);"></div>
637                                
638                                <div class="mega-dropdown-menu">
639                                    <div class="divider">
640                                                                                                                        
641                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
642                                               href="/fr/rb/868519/conseil-municipal-jeunes-2">
643                                                Conseil Municipal Jeunes
644                                            </a>
645                                        
646                                        
647                                        
648                                                                                                                                                                
649                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
650                                               href="/fr/rb/868337/ecole-60">
651                                                Ecole
652                                            </a>
653                                        
654                                        
655                                        
656                                                                                                                                                                
657                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
658                                               href="/fr/rb/868454/petite-creche-les-croes">
659                                                Petite Crèche  &quot;Les Croës&quot;
660                                            </a>
661                                        
662                                        
663                                        
664                                                                                                                                                                
665                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
666                                               href="/fr/rb/868402/portail-familles-2">
667                                                Portail familles
668                                            </a>
669                                        
670                                        
671                                        
672                                                                                                                                                                
673                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
674                                               href="/fr/rb/868376/periscolaire-garderie-restauration">
675                                                Périscolaire : garderie, restauration
676                                            </a>
677                                        
678                                        
679                                        
680                                                                                                                                                                
681                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
682                                               href="/fr/rb/868441/animation-enfance-jeunesse">
683                                                Animation Enfance Jeunesse
684                                            </a>
685                                        
686                                        
687                                        
688                                                                                                                                                                
689                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
690                                               href="/fr/rb/868493/relais-petite-enfance-31">
691                                                Relais Petite Enfance
692                                            </a>
693                                        
694                                        
695                                        
696                                                                                                                                                                
697                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
698                                               href="/fr/rb/868506/transport-scolaires">
699                                                Transport scolaires
700                                            </a>
701                                        
702                                        
703                                        
704                                                                                                                    </div>
705                                </div>
706                            </div>
707                        </li>
708                    
709
710                                                            <li class="nav-item dropdown dropup">
711                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown5" role="button"
712                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
713                                Cadre de vie
714                            </a>
715                            <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown5">
716                                                                    <div class="dropdown-menu-image" aria-hidden="true"
717                                         style="background-image: url(https://static.neopse.com/thumbs/p/2284/site/33/6c/32/336c321bf2a3a41f581307894deab14677f803a4.jpeg?v=v1);"></div>
718                                
719                                <div class="mega-dropdown-menu">
720                                    <div class="divider">
721                                                                                                                        
722                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
723                                               href="/fr/rb/867544/urbanisme-248">
724                                                Urbanisme
725                                            </a>
726                                        
727                                        
728                                        
729                                                                                                                                                                
730                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
731                                               href="/fr/rb/2379184/occupation-du-domaine-public-pour-travaux">
732                                                Occupation du domaine public pour travaux
733                                            </a>
734                                        
735                                        
736                                        
737                                                                                                                                                                
738                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
739                                               href="/fr/rb/867518/reglementation-11">
740                                                Réglementation
741                                            </a>
742                                        
743                                        
744                                        
745                                                                                                                                                                
746                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
747                                               href="/fr/rb/867843/travaux-6">
748                                                Travaux
749                                            </a>
750                                        
751                                        
752                                        
753                                                                                                                                                                
754                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
755                                               href="/fr/rb/867700/projets-durbanisme">
756                                                Projets d&#039;urbanisme
757                                            </a>
758                                        
759                                        
760                                        
761                                                                                                                                                                
762                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
763                                               href="/fr/rb/867414/plan-communal-de-sauvegarde-12">
764                                                Plan communal de sauvegarde
765                                            </a>
766                                        
767                                        
768                                        
769                                                                                                                                                                
770                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
771                                               href="/fr/rb/867869/eau-potable-14">
772                                                Eau potable
773                                            </a>
774                                        
775                                        
776                                        
777                                                                                                                                                                
778                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
779                                               href="/fr/rb/867895/dechets-36">
780                                                Déchets
781                                            </a>
782                                        
783                                        
784                                        
785                                                                                                                    </div>
786                                </div>
787                            </div>
788                        </li>
789                    
790
791                                    
792
793                                                                                                                        <li class="nav-item dropdown">
794                                    <a class="nav-link c_text h_text" role="menuitem" href="/fr/ct/1406589/contacts-913">Contacts</a>
795                                </li>
796                                                                        
797
798                
799                                    <li class="nav-item position-relative">
800                        <div role="button" class="cursor-pointer nav-link c_text" data-toggle="collapse"
801                             data-target="#google_translate_element" aria-expanded="false" aria-label="Choisir la langue du site"
802                             aria-controls="google_translate_element"><i class="material-icons notranslate">language</i>
803                        </div>
804                        <div id="google_translate_element" class="collapse">
805                            <div id="google_translate"></div>
806                            <div class="google_translate_consent" style="width: 200px; height: 60px;"></div>
807                        </div>
808                    </li>
809                
810            </ul>
811        </div>
812    </div>
813</nav>
814
815</header>
816
817<main role="main">
818        <div class="main intern-page">
819        <div class="content">
820
821            <div class="fixed">
822    <header class="breadcrumb container d-flex align-items-center bg">
823        <div class="ov"></div>
824        <div>
825            <h1 class="title dark c_title">Se loger</h1>
826
827                                <nav class="ariane c_text">
828    <span><a href="/fr/" class="font-weight-bold">Accueil</a></span>
829            / <a href="/fr/">Notre commune</a>
830            / <a href="/fr/tr/1407876/se-loger">Se loger</a>
831    </nav>
832
833                        </div>
834    </header>
835</div>
836
837    <div id="w_oneclick">
838        <div class="oneclick-fixed">
839    <div class="oneclick-container">
840                    <a href="/fr/ev/1406706/agenda-978"  class="oneclick c_text">
841                <div class="oneclick-icon bg_text c_text oneclick_1" >
842                                            <i class="material-icons notranslate" >date_range</i>
843                                    </div>
844                <div class="oneclick-title bg_text c_text" >
845                    <div class="oneclick-text">
846                        <p class="mb-0 h5">AGENDA</p>
847                    </div>
848                </div>
849            </a>
850            <style>
851                .oneclick_1:hover{
852                    background-color:  !important;
853                    color:  !important;
854                }
855            </style>
856                    <a href="/fr/nw/1406667/actualites-981"  class="oneclick c_text">
857                <div class="oneclick-icon bg_text c_text oneclick_2" >
858                                            <i class="material-icons notranslate" >book</i>
859                                    </div>
860                <div class="oneclick-title bg_text c_text" >
861                    <div class="oneclick-text">
862                        <p class="mb-0 h5">ACTUALITES</p>
863                    </div>
864                </div>
865            </a>
866            <style>
867                .oneclick_2:hover{
868                    background-color:  !important;
869                    color:  !important;
870                }
871            </style>
872                    <a href="/fr/rb/867739/numeros-utiles-35"  class="oneclick c_text">
873                <div class="oneclick-icon bg_text c_text oneclick_3" >
874                                            <i class="material-icons notranslate" >perm_phone_msg</i>
875                                    </div>
876                <div class="oneclick-title bg_text c_text" >
877                    <div class="oneclick-text">
878                        <p class="mb-0 h5">NUMEROS UTILES</p>
879                    </div>
880                </div>
881            </a>
882            <style>
883                .oneclick_3:hover{
884                    background-color:  !important;
885                    color:  !important;
886                }
887            </style>
888                    <a href="/fr/tr/1407876/se-loger"  class="oneclick c_text">
889                <div class="oneclick-icon bg_text c_text oneclick_4" >
890                                            <i class="material-icons notranslate" >local_hotel</i>
891                                    </div>
892                <div class="oneclick-title bg_text c_text" >
893                    <div class="oneclick-text">
894                        <p class="mb-0 h5">SE LOGER</p>
895                    </div>
896                </div>
897            </a>
898            <style>
899                .oneclick_4:hover{
900                    background-color:  !important;
901                    color:  !important;
902                }
903            </style>
904                    <a href="/fr/rb/868402/portail-familles-2"  class="oneclick c_text">
905                <div class="oneclick-icon bg_text c_text oneclick_5" >
906                                            <i class="material-icons notranslate" >supervised_user_circle</i>
907                                    </div>
908                <div class="oneclick-title bg_text c_text" >
909                    <div class="oneclick-text">
910                        <p class="mb-0 h5">PORTAIL FAMILLES</p>
911                    </div>
912                </div>
913            </a>
914            <style>
915                .oneclick_5:hover{
916                    background-color:  !important;
917                    color:  !important;
918                }
919            </style>
920                    <a href="/fr/rp/1407915/seances-du-conseil-municipal-1"  class="oneclick c_text">
921                <div class="oneclick-icon bg_text c_text oneclick_6" >
922                                            <i class="material-icons notranslate" >folder</i>
923                                    </div>
924                <div class="oneclick-title bg_text c_text" >
925                    <div class="oneclick-text">
926                        <p class="mb-0 h5">COMPTES RENDUS</p>
927                    </div>
928                </div>
929            </a>
930            <style>
931                .oneclick_6:hover{
932                    background-color:  !important;
933                    color:  !important;
934                }
935            </style>
936                    <a href="/fr/pg/1407525/guide-des-demarches-573"  class="oneclick c_text">
937                <div class="oneclick-icon bg_text c_text oneclick_7" >
938                                            <i class="material-icons notranslate" >account_balance</i>
939                                    </div>
940                <div class="oneclick-title bg_text c_text" >
941                    <div class="oneclick-text">
942                        <p class="mb-0 h5">GUIDE DES DEMARCHES</p>
943                    </div>
944                </div>
945            </a>
946            <style>
947                .oneclick_7:hover{
948                    background-color:  !important;
949                    color:  !important;
950                }
951            </style>
952                    <a href="/fr/rb/985181/signaler-1"  class="oneclick c_text">
953                <div class="oneclick-icon bg_text c_text oneclick_8" >
954                                            <i class="material-icons notranslate" >report_problem</i>
955                                    </div>
956                <div class="oneclick-title bg_text c_text" >
957                    <div class="oneclick-text">
958                        <p class="mb-0 h5">SIGNALER</p>
959                    </div>
960                </div>
961            </a>
962            <style>
963                .oneclick_8:hover{
964                    background-color:  !important;
965                    color:  !important;
966                }
967            </style>
968            </div>
969</div>
970
971    </div>
972
973            <!-- Contenu -->
974            <section class="wrapper bg_wrapper c_wrapper container">
975                <div class="ov bgw"></div>
976
977                <div class="main-content dynamicContent">
978                    <div class="row">
979                        <div class="col col-lg contenu">
980                                                            <div class="en-tete col-12 ckeditor_info">
981        <h2 class="heading c_title">Retrouvez ci-dessous les différentes possibilités de se loger</h2>            </div>
982                                                        <div class="search-category-one mb-3">
983                                <div>
984                                    <form action="">
985                                        <h2 class="h4 title">Recherche par catégorie -</h2>
986                                        <select id="selectCategories" name="cat" class="borderless bg_bloc text_bloc c_text selectpicker">
987                                            <option class="c_text" value="
9870">Toutes les catégories</option>
988                                                                                            <option class="c_text" value="47" >Hôtellerie / Hébergement</option>
989                                                                                            <option class="c_text" value="52" >Restauration / Gastronomie</option>
990                                                                                    </select>
991                                    </form>
992                                </div>
993                            </div>
994
995                            <div class="d-flex flex-wrap justify-content-between">
996
997                                
998                                    <div class="card card-list size-1-1 eLink tourism_47 tourismList">
999                                        <div class="card-button">
1000                                            <a href="/fr/tr/1407876/61960/chalet-sous-le-noyer" class="card-button">
1001                                                <img role="img" class="card-img-top img-fluid"
1002                                                     src="https://static.neopse.com/medias/p/2284/site/b1/b5/fa/b1b5fa48dc31716424649417881f2cfaac3909d9.jpg?v=v1"
1003                                                     alt="IMG_3691.jpeg">
1004                                            </a>
1005                                        </div>
1006                                        <div class="card-body">
1007                                            <h2 class="card-title mb-0 h5"><a href="/fr/tr/1407876/61960/chalet-sous-le-noyer">Chalet sous le Noyer</a></h2>
1008                                            <p>Gîtes</p>
1009                                            <div>
1010                                                <div class="card-text address d-flex">
1011                                                    <i class="material-icons notranslate small mt-1 mr-2">location_on</i>
1012                                                    <p class="mb-1">804 route de la Fougère                                                        <br/>73230 Saint-Jean-d&#039;Arvey</p>
1013                                                </div>
1014                                            </div>
1015                                            <div class="mb-2">
1016                                                <i class="material-icons notranslate small align-middle">phone</i>
1017                                                <p class="card-text d-inline-block">
1018                                                     <a href="tel:+33620720102">+33 6 20 72 01 02</a>                                                 </p>
1019                                            </div>
1020                                            <div>
1021                                                <p class="card-text d-inline-block">Meublé de tourisme - Gîte de France 3 épis</p>
1022                                            </div>
1023                                        </div>
1024                                    </div>
1025
1026                                
1027                                    <div class="card card-list size-1-1 eLink tourism_47 tourismList">
1028                                        <div class="card-button">
1029                                            <a href="/fr/tr/1407876/59516/gite-la-maison-des-soeurs" class="card-button">
1030                                                <img role="img" class="card-img-top img-fluid"
1031                                                     src="https://static.neopse.com/medias/p/2284/site/e7/3d/d1/e73dd154121a63076f89302105c3b5a6267881f4.jpg?v=v1"
1032                                                     alt="20251018_150632.jpg">
1033                                            </a>
1034                                        </div>
1035                                        <div class="card-body">
1036                                            <h2 class="card-title mb-0 h5"><a href="/fr/tr/1407876/59516/gite-la-maison-des-soeurs">Gîte &quot;La Maison des Soeurs&quot;</a></h2>
1037                                            <p>Gîtes</p>
1038                                            <div>
1039                                                <div class="card-text address d-flex">
1040                                                    <i class="material-icons notranslate small mt-1 mr-2">location_on</i>
1041                                                    <p class="mb-1"> -                                                         <br/>73230 Saint-Jean-d&#039;Arvey</p>
1042                                                </div>
1043                                            </div>
1044                                            <div class="mb-2">
1045                                                <i class="material-icons notranslate small align-middle">phone</i>
1046                                                <p class="card-text d-inline-block">
1047                                                     <a href="tel:+33689379080">+33 6 89 37 90 80</a>                                                 </p>
1048                                            </div>
1049                                            <div>
1050                                                <p class="card-text d-inline-block">Meublé de tourisme - Gîte de France</p>
1051                                            </div>
1052                                        </div>
1053                                    </div>
1054
1055                                
1056                                    <div class="card card-list size-1-1 eLink tourism_47 tourismList">
1057                                        <div class="card-button">
1058                                            <a href="/fr/tr/1407876/59113/gite-du-puisat" class="card-button">
1059                                                <img role="img" class="card-img-top img-fluid"
1060                                                     src="https://static.neopse.com/medias/p/2284/site/45/53/ca/4553ca4c9ccc1fa15e7835372166f0517432e305.jpg?v=v1"
1061                                                     alt="Pièce de vie2.jpeg">
1062                                            </a>
1063                                        </div>
1064                                        <div class="card-body">
1065                                            <h2 class="card-title mb-0 h5"><a href="/fr/tr/1407876/59113/gite-du-puisat">Gîte du Puisat</a></h2>
1066                                            <p>Gîtes</p>
1067                                            <div>
1068                                                <div class="card-text address d-flex">
1069                                                    <i class="material-icons notranslate small mt-1 mr-2">location_on</i>
1070                                                    <p class="mb-1">1890 route des Bauges                                                        <br/>73230 Saint-Jean-d&#039;Arvey</p>
1071                                                </div>
1072                                            </div>
1073                                            <div class="mb-2">
1074                                                <i class="material-icons notranslate small align-middle">phone</i>
1075                                                <p class="card-text d-inline-block">
1076                                                     <a href="tel:+33677302962">+33 6 77 30 29 62</a>                                                 </p>
1077                                            </div>
1078                                            <div>
1079                                                <p class="card-text d-inline-block">Meublé de tourisme</p>
1080                                            </div>
1081                                        </div>
1082                                    </div>
1083
1084                                
1085                                    <div class="card card-list size-1-1 eLink tourism_47 tourismList">
1086                                        <div class="card-button">
1087                                            <a href="/fr/tr/1407876/59815/loree-du-peney" class="card-button">
1088                                                <img role="img" class="card-img-top img-fluid"
1089                                                     src="https://static.neopse.com/medias/p/2284/site/ee/74/86/ee74862318f723c01f1c713d368d8fc6b51022f7.jpg?v=v1"
1090                                                     alt="EXT. 10.jpeg">
1091                                            </a>
1092                                        </div>
1093                                        <div class="card-body">
1094                                            <h2 class="card-title mb-0 h5"><a href="/fr/tr/1407876/59815/loree-du-peney">L&#039;Orée du Peney</a></h2>
1095                                            <p>Logements meublés</p>
1096                                            <div>
1097                                                <div class="card-text address d-flex">
1098                                                    <i class="material-icons notranslate small mt-1 mr-2">location_on</i>
1099                                                    <p class="mb-1">753 route du Col de Plainpalais                                                        <br/>73230 Saint-Jean-d&#039;Arvey</p>
1100                                                </div>
1101                                            </div>
1102                                            <div class="mb-2">
1103                                                <i class="material-icons notranslate small align-middle">phone</i>
1104                                                <p class="card-text d-inline-block">
1105                                                     <a href="tel:+33695823212">+33 6 95 82 32 12</a>                                                 </p>
1106                                            </div>
1107                                            <div>
1108                                                <p class="card-text d-inline-block">Maison de vacances haut de gamme</p>
1109                                            </div>
1110                                        </div>
1111                                    </div>
1112
1113                                
1114                                    <div class="card card-list size-1-1 eLink tourism_47 tourismList">
1115                                        <div class="card-button">
1116                                            <a href="/fr/tr/1407876/38859/la-maison-de-tamo" class="card-button">
1117                                                <img role="img" class="card-img-top img-fluid"
1118                                                     src="https://static.neopse.com/medias/p/2284/site/5b/14/ed/5b14ed07527ec2b24c261b1ae08bc7258f18cb41.jpg?v=v1"
1119                                                     alt="LA MAISON DE TAMO.jpg">
1120                                            </a>
1121                                        </div>
1122                                        <div class="card-body">
1123                                            <h2 class="card-title mb-0 h5"><a href="/fr/tr/1407876/38859/la-maison-de-tamo">LA MAISON DE TAMO</a></h2>
1124                                            <p>Gîtes</p>
1125                                            <div>
1126                                                <div class="card-text address d-flex">
1127                                                    <i class="material-icons notranslate small mt-1 mr-2">location_on</i>
1128                                                    <p class="mb-1">416, route du four                                                        <br/>73230 Saint-Jean-d&#039;Arvey</p>
1129                                                </div>
1130                                            </div>
1131                                            <div class="mb-2">
1132                                                <i class="material-icons notranslate small align-middle">phone</i>
1133                                                <p class="card-text d-inline-block">
1134                                                     <a href="tel:+33683157556">+33 6 83 15 75 56</a>                                                 </p>
1135                                            </div>
1136                                            <div>
1137                                                <p class="card-text d-inline-block">Meublé de tourisme  Gîte de France</p>
1138                                            </div>
1139                                        </div>
1140                                    </div>
1141
1142                                
1143                                    <div class="card card-list size-1-1 eLink tourism_47 tourismList">
1144                                        <div class="card-button">
1145                                            <a href="/fr/tr/1407876/21127/m-et-mme-huguenin" class="card-button">
1146                                                <img role="img" class="card-img-top img-fluid"
1147                                                     src="https://static.neopse.com/medias/p/2284/site/b1/c8/c6/b1c8c645cb45c4979a3362c81b3b175372603b74.jpg?v=v1"
1148                                                     alt="gite Huguenin">
1149                                            </a>
1150                                        </div>
1151                                        <div class="card-body">
1152                                            <h2 class="card-title mb-0 h5"><a href="/fr/tr/1407876/21127/m-et-mme-huguenin">M. et Mme HUGUENIN</a></h2>
1153                                            <p>Gîtes</p>
1154                                            <div>
1155                                                <div class="card-text address d-flex">
1156                                                    <i class="material-icons notranslate small mt-1 mr-2">location_on</i>
1157                                                    <p class="mb-1"> -                                                         <br/>73230 Saint-Jean-d&#039;Arvey</p>
1158                                                </div>
1159                                            </div>
1160                                            <div class="mb-2">
1161                                                <i class="material-icons notranslate small align-middle">phone</i>
1162                                                <p class="card-text d-inline-block">
1163                                                     <a href="tel:+33479284194">+33 4 79 28 41 94</a>                                                 </p>
1164                                            </div>
1165                                            <div>
1166                                                <p class="card-text d-inline-block">GITE LOFT A LA CAMPAGNE</p>
1167                                            </div>
1168                                        </div>
1169                                    </div>
1170
1171                                
1172                                    <div class="card card-list size-1-1 eLink tourism_47 tourismList">
1173                                        <div class="card-button">
1174                                            <a href="/fr/tr/1407876/21166/m-et-mme-rodriguez-etienne-et-sandra" class="card-button">
1175                                                <img role="img" class="card-img-top img-fluid"
1176                                                     src="https://static.neopse.com/medias/p/2284/site/d1/bb/2f/d1bb2fa011adfea7de37ff03498436766f04f677.jpg?v=v1"
1177                                                     alt="Rodriguez gite">
1178                                            </a>
1179                                        </div>
1180                                        <div class="card-body">
1181                                            <h2 class="card-title mb-0 h5"><a href="/fr/tr/1407876/21166/m-et-mme-rodriguez-etienne-et-sandra">M. et Mme RODRIGUEZ Etienne et Sandra</a></h2>
1182                                            <p>Gîtes</p>
1183                                            <div>
1184                                                <div class="card-text address d-flex">
1185                                                    <i class="material-icons notranslate small mt-1 mr-2">location_on</i>
1186                                                    <p class="mb-1"> -                                                         <br/>73230 Saint-Jean-d&#039;Arvey</p>
1187                                                </div>
1188                                        
1188    </div>
1189                                            <div class="mb-2">
1190                                                <i class="material-icons notranslate small align-middle">phone</i>
1191                                                <p class="card-text d-inline-block">
1192                                                     <a href="tel:+33685190162">+33 6 85 19 01 62</a>                                                 </p>
1193                                            </div>
1194                                            <div>
1195                                                <p class="card-text d-inline-block">Gîte de la fontaine</p>
1196                                            </div>
1197                                        </div>
1198                                    </div>
1199
1200                                
1201                                    <div class="card card-list size-1-1 eLink tourism_47 tourismList">
1202                                        <div class="card-button">
1203                                            <a href="/fr/tr/1407876/21140/m-et-mme-soubeyrand-michel-et-catherine" class="card-button">
1204                                                <img role="img" class="card-img-top img-fluid"
1205                                                     src="https://static.neopse.com/medias/p/2284/site/ed/1a/d3/ed1ad3c7259e3e2fefc4cc18b159339e5190221a.jpg?v=v1"
1206                                                     alt="gite SOUBEYRAND">
1207                                            </a>
1208                                        </div>
1209                                        <div class="card-body">
1210                                            <h2 class="card-title mb-0 h5"><a href="/fr/tr/1407876/21140/m-et-mme-soubeyrand-michel-et-catherine">M. et MME SOUBEYRAND Michel et Catherine</a></h2>
1211                                            <p>Gîtes</p>
1212                                            <div>
1213                                                <div class="card-text address d-flex">
1214                                                    <i class="material-icons notranslate small mt-1 mr-2">location_on</i>
1215                                                    <p class="mb-1"> -                                                         <br/>73230 Saint-Jean-d&#039;Arvey</p>
1216                                                </div>
1217                                            </div>
1218                                            <div class="mb-2">
1219                                                <i class="material-icons notranslate small align-middle">phone</i>
1220                                                <p class="card-text d-inline-block">
1221                                                     <a href="tel:+33479284567">+33 4 79 28 45 67</a>                                                 </p>
1222                                            </div>
1223                                            <div>
1224                                                <p class="card-text d-inline-block">Gite rural "Le Peney"</p>
1225                                            </div>
1226                                        </div>
1227                                    </div>
1228
1229                                
1230                                    <div class="card card-list size-1-1 eLink tourism_52 tourismList">
1231                                        <div class="card-button">
1232                                            <a href="/fr/tr/1407876/21205/restaurant-le-saint-jean" class="card-button">
1233                                                <img role="img" class="card-img-top img-fluid"
1234                                                     src="https://static.neopse.com/medias/p/2284/site/1f/db/22/1fdb22ae57f015b6b9eb8c80e7d0a8321cf6887f.png?v=v1"
1235                                                     alt="restaurant le stjean">
1236                                            </a>
1237                                        </div>
1238                                        <div class="card-body">
1239                                            <h2 class="card-title mb-0 h5"><a href="/fr/tr/1407876/21205/restaurant-le-saint-jean">Restaurant  &quot;LE SAINT JEAN&quot;</a></h2>
1240                                            <p>Restaurants de cuisine régionale / Cuisine de terroir</p>
1241                                            <div>
1242                                                <div class="card-text address d-flex">
1243                                                    <i class="material-icons notranslate small mt-1 mr-2">location_on</i>
1244                                                    <p class="mb-1"> -                                                         <br/>73230 Saint-Jean-d&#039;Arvey</p>
1245                                                </div>
1246                                            </div>
1247                                            <div class="mb-2">
1248                                                <i class="material-icons notranslate small align-middle">phone</i>
1249                                                <p class="card-text d-inline-block">
1250                                                     <a href="tel:+33479750441">+33 4 79 75 04 41</a>                                                 </p>
1251                                            </div>
1252                                            <div>
1253                                                <p class="card-text d-inline-block">RESTAURANT</p>
1254                                            </div>
1255                                        </div>
1256                                    </div>
1257
1258                                
1259                                    <div class="card card-list size-1-1 eLink tourism_47 tourismList">
1260                                        <div class="card-button">
1261                                            <a href="/fr/tr/1407876/60023/une-halte-sous-le-mont-peney" class="card-button">
1262                                                <img role="img" class="card-img-top img-fluid"
1263                                                     src="https://static.neopse.com/medias/p/2284/site/0f/3f/26/0f3f26aed5c8c73776bd4e511a05a906d4abfa0f.png?v=v1"
1264                                                     alt="Pierre - SJA - 1.png">
1265                                            </a>
1266                                        </div>
1267                                        <div class="card-body">
1268                                            <h2 class="card-title mb-0 h5"><a href="/fr/tr/1407876/60023/une-halte-sous-le-mont-peney">Une halte sous le Mont Peney</a></h2>
1269                                            <p>Logements meublés</p>
1270                                            <div>
1271                                                <div class="card-text address d-flex">
1272                                                    <i class="material-icons notranslate small mt-1 mr-2">location_on</i>
1273                                                    <p class="mb-1">200 route du four                                                        <br/>73230 Saint-Jean-d&#039;Arvey</p>
1274                                                </div>
1275                                            </div>
1276                                            <div class="mb-2">
1277                                                <i class="material-icons notranslate small align-middle">phone</i>
1278                                                <p class="card-text d-inline-block">
1279                                                     <a href="tel:+33607576208">+33 6 07 57 62 08</a>                                                 </p>
1280                                            </div>
1281                                            <div>
1282                                                <p class="card-text d-inline-block">Meublé de tourisme</p>
1283                                            </div>
1284                                        </div>
1285                                    </div>
1286
1287                                
1288                            </div>
1289                                                            <div class="pagination justify-content-end">
1290                                                                                                                <a class="active item current"
1291                                        href="                                                /fr/tr/1407876/se-loger/1
1292                                                ">                                                <strong>1</strong></a>
1293                                                                            <a class=" item current"
1294                                        href="                                                /fr/tr/1407876/se-loger/2
1295                                                ">-2</a>
1296                                                                                                        </div>
1297                            
1298                                                    </div>                                                                                                                                                
1299                        
1300                    </div>
1301                </div>
1302            </section>
1303
1304        </div>
1305    </div>
1306
1307</main>
1308
1309            <div id="previewModalImage" class="modal">
1310
1311                <!-- The Close Button -->
1312                <span id="closePreviewImage" class="close">&times;</span>
1313
1314                <!-- Navigation Buttons -->
1315                <a id="prevImage" class="modal-nav prev" href="javascript:void(0)">&#10094;</a>
1316                <a id="nextImage" class="modal-nav next" href="javascript:void(0)">&#10095;</a>
1317
1318                <!-- Image Counter -->
1319                <div id="imageCounter" class="image-counter"></div>
1320
1321                <!-- Modal Content (The Image) -->
1322                <div id="containerPreviewImage"><img role="img" class="modal-content" alt=""></div>
1323
1324                <!-- Modal Caption (Image Text) -->
1325                <div id="captionPreviewImage"></div>
1326            </div>
1327        
1328                    
1328<script>
1329                (function() {
1330                    const modal = document.getElementById('previewModalImage');
1331                    const modalImg = modal.querySelector('img');
1332                    const captionText = document.getElementById('captionPreviewImage');
1333                    const closePreviewImage = document.getElementById('closePreviewImage');
1334                    const prevBtn = document.getElementById('prevImage');
1335                    const nextBtn = document.getElementById('nextImage');
1336                    const imageCounter = document.getElementById('imageCounter');
1337                    
1338                    let currentImages = [];
1339                    let currentIndex = 0;
1340
1341                    function toggleElement(element, show) {
1342                        if (element) element.style.display = show ? 'block' : 'none';
1343                    }
1344
1345                    function updateModal(index) {
1346                        if (currentImages.length === 0) return;
1347                        currentIndex = index;
1348                        const img = currentImages[currentIndex];
1349                        modalImg.setAttribute('src', img.src);
1350                        modalImg.setAttribute('alt', img.alt || '');
1351                        captionText.innerHTML = img.alt || '';
1352                        imageCounter.textContent = (currentIndex + 1) + ' / ' + currentImages.length;
1353                        const showNav = currentImages.length > 1;
1354                        toggleElement(prevBtn, showNav);
1355                        toggleElement(nextBtn, showNav);
1356                        toggleElement(imageCounter, showNav);
1357                    }
1358
1359                    function showNext() {
1360                        if (currentImages.length === 0) return;
1361                        currentIndex = (currentIndex + 1) % currentImages.length;
1362                        updateModal(currentIndex);
1363                    }
1364
1365                    function showPrev() {
1366                        if (currentImages.length === 0) return;
1367                        currentIndex = (currentIndex - 1 + currentImages.length) % currentImages.length;
1368                        updateModal(currentIndex);
1369                    }
1370
1371                    function closest(element, selector) {
1372                        if (!element) return null;
1373                        if (selector.startsWith('.')) {
1374                            const className = selector.slice(1);
1375                            let current = element;
1376                            while (current && current !== document) {
1377                                if (current.classList && current.classList.contains(className)) return current;
1378                                current = current.parentElement;
1379                            }
1380                        }
1381                        return null;
1382                    }
1383
1384                    document.addEventListener('click', function(e) {
1385                        const target = e.target;
1386                        if (target.tagName === 'IMG' && 
1387                            (target.classList.contains('img') || target.classList.contains('main-img')) &&
1388                            closest(target, '.splide')) {
1389                            const clickedSlide = closest(target, '.splide__slide');
1390                            if (!clickedSlide) return;
1391                            const splideList = closest(clickedSlide, '.splide__list');
1392                            if (!splideList) return;
1393                            const allSlides = splideList.querySelectorAll('.splide__slide');
1394                            currentImages = [];
1395                            const seenSrcs = new Set();
1396                            const clickedSrc = target.src;
1397                            allSlides.forEach(function(slide) {
1398                                const slideImg = slide.querySelector('.img, .main-img');
1399                                if (slideImg && !seenSrcs.has(slideImg.src)) {
1400                                    seenSrcs.add(slideImg.src);
1401                                    currentImages.push(slideImg);
1402                                }
1403                            });
1404                            currentIndex = currentImages.findIndex(function(img) { return img.src === clickedSrc; });
1405                            if (currentIndex === -1) currentIndex = 0;
1406                            updateModal(currentIndex);
1407                            modal.style.display = 'block';
1408                        }
1409                    });
1410
1411                    if (nextBtn) nextBtn.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); showNext(); });
1412                    if (prevBtn) prevBtn.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); showPrev(); });
1413
1414                    document.addEventListener('keydown', function(e) {
1415                        const isModalVisible = modal.style.display === 'block' || window.getComputedStyle(modal).display !== 'none';
1416                        if (isModalVisible && modal.style.display !== 'none') {
1417                            if (e.key === 'ArrowRight' || e.keyCode === 39) { e.preventDefault(); showNext(); }
1418                            else if (e.key === 'ArrowLeft' || e.keyCode === 37) { e.preventDefault(); showPrev(); }
1419                            else if (e.key === 'Escape' || e.keyCode === 27) { e.preventDefault(); e.stopPropagation(); modal.style.display = 'none'; }
1420                        }
1421                    });
1422
1423                    if (closePreviewImage) closePreviewImage.addEventListener('click', function() { modal.style.display = 'none'; });
1424                    modal.addEventListener('click', function(e) { if (e.target === modal) modal.style.display = 'none'; });
1425                })();
1426            </script>
1426
1427        
1428    <div class="wrapper">
1429        
1430    </div>
1431
1432<!-- Footer -->
1433<footer role="contentinfo" class="footer bg">
1434    <div class="ov"></div>
1435            <div class="container d-flex flex-wrap">
1436        <div class="footer-container">
1437            
1438<div class="footer-links-container">
1439    <div class="title-container clearfix">
1440        <h2 class="title c_title d_title"><a href="/fr/ct/1406589/contacts-913">Contacts</a>        </h2>
1441    </div>
1442
1443    <div class="links c_text">
1444        <p class="font-weight-bold mb-0">Commune de Saint Jean d&#039;Arvey</p>
1445        <p class="mb-0">2461, route des Bauges</p>
1446        <p class="mb-0">73230 Saint-Jean-d&#039;Arvey - FRANCE</p>
1447         <p class="mb-0"><a href="tel:+33479284061">+33 4 79 28 40 61</a>
1448            </p>
1449                    <p class="mb-0"><a class="btn c_btn bg_btn" href="#" data-toggle="modal" data-target="#contactFormContactFooter">Contact par formulaire</a>
1450            </p>
1451        
1452        
1453    </div>
1454</div>
1455
1456
1457
1458            <div class="social-media">
1459    <ul class="c_text">
1460                                                                                                                                                            </ul>
1461</div>
1462
1463
1464            <div class="d-flex justify-content-center position-relative mb-5">
1465    <div class="btn-container mt-2 btn-espace-reserve">
1466            </div>
1467</div>
1468
1469
1470
1471        </div>
1472    </div>
1473</footer>
1474
1475<section class="bg footer-links">
1476    <div class="ov"></div>
1477    <div class="container d-flex flex-wrap justify-content-around">
1478    
1479    
1480    </div>
1481    <div class="container d-flex flex-wrap justify-content-center position-relative c_text mt-4">
1482        <p class="mr-2 c_text"><a href="/fr/li/1406628/mentions-legales-1025">Mentions légales</a>
1483</p>-
1484        <p class="ml-2 mr-2 c_text"><a href="/fr/1406628/politique-confidentialite">Politique de confidentialité</a>
1485</p>-
1486        <p class="ml-2 mr-2 c_text"><a href="/fr/accessibilite">Accessibilité</a>
1487</p>-
1488        
1489        <p class="ml-2 mr-2 c_text"><a href="/fr/sm/59376/plan-du-site-1" >Plan du site</a></p>-
1490        <p class="ml-2 mr-2 c_text"><a href="#tarteaucitron">Gestion des cookies</a></p>
1491            </div>
1492</section>
1493
1494<div class="modal fade" id="contactFormContactFooter" tabindex="-1" role="dialog" aria-labelledby="modalFooter-label" aria-hidden="true"
1495     style="color:initial;-webkit-transform: translateZ(0);transform: translateZ(0);">
1496    <div class="modal-dialog" role="document">
1497        <div class="modal-content">
1498            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
1499                <span aria-hidden="true">&times;</span>
1500            </button>
1501
1502            <div class="modal-header bg_bloc">
1503                                <h4 id="modalFooter-label" class="modal-title font-weight-bold dark text_bloc">Contact Mairie Saint Jean d&#039;Arvey</h4>
1504                            </div>
1505            <form id="contactFormFooter" action="/formMdContact" method="post"
1506                  novalidate enctype="multipart/form-data">
1507                <div class="modal-body pb-0">
1508
1509                                            <div class="form-group">
1510    <div><label for="1_input" id="1_inputLabel">Votre nom</label><span>*</span></div>
1511    <input type="text" name="1_input" class="form-control" id="1_input"
1512           aria-describedby="1_inputLabel">
1513        <span class="form-error requirements" id="1_input-error" role="alert">Ce champ est obligatoire</span>
1514</div>
1515                                            <div class="form-group">
1516    <div><label for="2_email" id="2_emailLabel">Votre adresse Mail</label><span>*</span></div>
1517    <input type="email" name="2_email" class="form-control" id="2_email" aria-describedby="2_emailLabel" />
1518        <span class="form-error requirements" id="2_email-error" role="alert">Ce champ est obligatoire</span>
1519</div>
1520                                            <div class="form-group">
1521    <div><label for="3_textarea">Votre Message</label><span>*</span>
1522    </div>
1523    <textarea name="3_textarea" class="form-control pl-0" id="3_textarea" rows="3"></textarea>
1524        <span class="form-error requirements" id="3_textarea-error" role="alert">Ce champ est obligatoire</span>
1525</div>                                            <div class="field-wrapper">
1526    <div><label for="4_email" class="font-weight-bold mr-1">Votre pièces jointes</label><span></span></div>
1527    <div class="d-flex align-items-center">
1528        <div class="form-group col-10 col-md-10 mb-0">
1529            <div class="upload-btn-wrapper">
1530                <button class="btn-file">JPG/PNG/PDF - 5Mo max.</button>
1531                <input type="file" name="4_file" id="4_file" accept="application/pdf,image/jpeg,image/png" aria-label="Télécharger des documents">
1532            </div>
1533        </div>
1534            </div>
1535
1536    <div>
1537        <ul class="listFiles">
1538
1539        </ul>
1540    </div>
1541    <span class="form-error requirements" id="4_file-error" role="alert">Ce champ est obligatoire</span>
1542</div>
1543                    
1544                    <div class="form-group">
1545    <div class="h-recaptcha m-auto d-inline-block"></div>
1546    <div class="form-error requirements" id="h-captcha-response-error" role="alert">Ce champ est obligatoire
1547    </div>
1548</div>                </div>
1549                <div class="modal-footer">
1550                    <div class="btn-container">
1551                        <button id="formContactForm" type="submit" class="btn bg_btn c_btn formContactForm" aria-label="Envoyer">ENVOYER</button>
1552                    </div>
1553                </div>
1554                <div class="m-3">
1555                    Les informations recueillies &agrave; partir de ce formulaire sont n&eacute;cessaires &agrave; la gestion de votre demande par notre Structure qui est responsable du traitement de vos donn&eacute;es personnelles collect&eacute;es.<br />
1556Vos donn<span style="color:null"><span style="background-color:null">&eacute;es personnelles re&ccedil;ues sont conserv&eacute;es par notre Structure pendant toute la dur&eacute;e n&eacute;cessaire au traitement de votre demande ou bien pour une dur&eacute;e de [&hellip;&hellip;.] mois maximum &agrave; compter du dernier contact. Dans la limite de leurs attributions respectives, sont destinataires de tout ou partie des donn&eacute;es les services et repr&eacute;sentants de notre Structure en charge des r&eacute;ponses aux demandes &eacute;mises via ce formulaire. Aucun transfert de vos donn&eacute;es hors de l&#39;Union europ&eacute;enne n&#39;est r&eacute;alis&eacute;. </span><br />
1557<span style="background-color:null">Vous pouvez &agrave; tout moment demander l&rsquo;acc&egrave;s, la rectification, l&rsquo;effacement, la portabilit&eacute; ou la limitation de vos donn&eacute;es, ou bien vous opposer &agrave; leur traitement, en contactant le D&eacute;l&eacute;gu&eacute; &agrave; la Protection des Donn&eacute;es de notre structure : </span><br />
1558<span style="background-color:null">- Par voie &eacute;lectronique &agrave; l&rsquo;adresse : [&hellip;&hellip;.] ; </span><br />
1559<span style="background-color:null">- Par voie postale &agrave; l&rsquo;attention du D&eacute;l&eacute;gu&eacute; &agrave; la Protection des Donn&eacute;es et &agrave; l&rsquo;adresse suivante : [&hellip;&hellip;.]. </span><br />
1560<span style="background-color:null">Si vous estimez, apr&egrave;s nous avoir contact&eacute;s, que vos droits sur vos donn&eacute;es personnelles ne sont pas respect&eacute;s, vous pou</span></span>vez adresser une r&eacute;clamation &agrave; la CNIL.
1561                </div>
1562            </form>
1563
1564            <div id="messageSendedFormContactFooter" class="form-message-sent" style="display: none">
1565                <p role="status">Le message a bien été envoyé à son destinataire. Merci.</p>
1566            </div>
1567        </div>
1568    </div>
1569</div>
1570
1571<div class="footer-bottom" style="position: relative;">
1572    <div class="container">
1573        <p>
1574
1575            <a href="https://reseaudescommunes.fr/?utm_source=rdcclients&utm_medium=footerlink" target="_blank">
1576                <img role="img" src="/images/rdc-logo-footer-2.png" alt="logo Réseau des Communes" class="img-fluid">
1577                Site créé en partenariat avec Réseau des Communes
1578            </a>
1579        </p>
1580    </div>
1581</div>
1582<div class="modal fade pdfModal" id="pdfModal" tabindex="-1" role="dialog" aria-label="Prévisualisation du PDF" aria-hidden="true">
1583    <div class="modal-dialog" role="document">
1584        <div class="modal-content">
1585            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
1586                <span aria-hidden="true">&times;</span>
1587            </button>
1588
1589            <embed type="application/pdf">
1590        </div>
1591    </div>
1592</div>
1593
1594
1595        
1595<script src="/js/vendor/popper.min.js"></script>
1595
1596    
1596<script src="/js/vendor/bootstrap.min.js"></script>
1596
1597
1598    <!-- Carousel -->
1599    
1599<script src='/dist/owlcarousel/js/owl.carousel.min.js'></script>
1599
1600    
1600<script src='/dist/owlcarousel/js/owl.linked.js'></script>
1600
1601
1602    
1602<script src='/dist/slick/slick.js'></script>
1602
1603    
1603<script src='/dist/scrollbar/jquery.scrollbar.min.js'></script>
1603
1604
1605    
1605<script src="/lib/splide-4.0.1/js/splide.min.js"></script>
1605
1606    
1606<script src="/lib/splide-4.0.1/extensions/autoscroll/js/splide-extension-auto-scroll.min.js"></script>
1606
1607
1608        
1608<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script>
1608
1609
1610        
1610<script src='/dist/pagination.min.js'></script>
1610
1611
1612    
1612<script src="/js/shared.js?v1"></script>
1612
1613    
1613<script src="/tpl/8/js/main.js"></script>
1613
1614    
1614<script src="/lib/chartjs/Chart.js"></script>
1614
1615    
1615<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>
1615
1616
1617    
1618
1619
1620
1621
1622
1623
1624
1625        
1625<script type="text/javascript">
1626
1627        tarteaucitron.user.matomoId = 6;
1628        (tarteaucitron.job = tarteaucitron.job || []).push('matomohightrack');
1629
1630
1631        (tarteaucitron.job = tarteaucitron.job || []).push('youtube');
1632        (tarteaucitron.job = tarteaucitron.job || []).push('dailymotion');
1633        (tarteaucitron.job = tarteaucitron.job || []).push('vimeo');
1634        (tarteaucitron.job = tarteaucitron.job || []).push('othervideo');
1635
1636                        tarteaucitron.user.googleTranslateCallback = function () {
1637            new google.translate.TranslateElement({pageLanguage: 'fr', includedLanguages: 'de,en,fr,it'}, 'google_translate');
1638        };
1639        (tarteaucitron.job = tarteaucitron.job || []).push('googletranslate');
1640            </script>
1640
1641
1642    
1642<script>
1643        $('#selectCategories').on('change', function () {
1644
1645            var selectedOption = $(this).val();
1646
1647
1648            var url = "/fr/tr/1407876/se-loger/1/category_id";
1649            url = url.replace("category_id", selectedOption);
1650
1651            if ($(this).val() === '0') {
1652                url = "/fr/tr/1407876/se-loger";
1653
1654            }
1655
1656            location.replace(url);
1657
1658        });
1659    </script>
1659
1660
1661    
1661<script type="text/javascript">
1662            </script>
1662
1663
1664<script src="https://js.hcaptcha.com/1/api.js?hl=fr&onload=CaptchaCallback&render=explicit" async defer></script>
1664
1665
1666<script type="text/javascript">
1667    var CaptchaCallback = function () {
1668        $('.h-recaptcha').each(function (index, el) {
1669            hcaptcha.render(el, {'sitekey': 'f5095cfb-139b-47da-88e2-f0d2e7485392'});
1670        });
1671    };
1672</script>
1672
1673
1674<script>
1675    $(document).ready(function () {
1676
1677        $('.selectpicker').selectpicker();
1678
1679        var input = $('input[type=file]');
1680
1681        input.on('change', function () {
1682            var list = $(this).parent().parent().parent().parent().find($('.listFiles'));
1683            list.empty();
1684
1685            for (var x = 0; x < this.files.length; x++) {
1686                var newFile = '<li>Fichier joint :  ' + this.files[x].name + ' ('+humanFileSize(this.files[x].size)+')</li>';
1687//                    li.innerHTML = 'File ' + (x + 1) + ':  ' + input.files[x].name;
1688                list.append(newFile);
1689            }
1690        });
1691
1692        $('.form-error').hide();
1693        $('#contactFormFooter').submit(function (e) {
1694            let form = $(this);
1695
1696            $.ajax({
1697                type: "POST",
1698                url: form.attr('action'),
1699                data: new FormData(form[0]),
1700                contentType: false,
1701                processData: false,
1702                beforeSend: function () {
1703                    form.find('.form-error').hide();
1704                    $('.formContactForm').attr('disabled', true);
1705                },
1706                success: function (response) {
1707                    hcaptcha.reset();
1708
1709                    if (response.status === 'KO') {
1710                        let errors = response.errors;
1711                        for (let index in errors) {
1712                            if (errors.hasOwnProperty(index)) {
1713                                let attr = errors[index];
1714                                let error = attr[Object.keys(attr)[0]];
1715                                form.find('#' + index + '-error').text(error).show();
1716                            }
1717                        }
1718                    }
1719                    else {
1720
1721                        $('#contactFormFooter').css('display', 'none');
1722                        $('#messageSendedFormContactFooter').css('display', '');
1723                        form[0].reset();
1724                    }
1725                },
1726                complete: function () {
1727
1728                    $('.formContactForm').removeAttr('disabled');
1729                }
1730            });
1731
1732            return false;
1733        });
1734
1735        $('#contactFormContactFooter').on('hidden.bs.modal', function () {
1736            $('#contactFormFooter')[0].reset();
1737
1738            $('#contactFormFooter').css('display', '');
1739
1740            $('#messageSendedFormContactFooter').css('display', 'none');
1741
1742            $('.form-error').hide();
1743
1744            $('.listFiles').empty();
1745
1746            hcaptcha.reset();
1747        });
1748
1749
1750    });
1751
1752    function humanFileSize(size) {
1753        var i = Math.floor(Math.log(size) / Math.log(1024));
1754        return ( size / Math.pow(1024, i) ).toFixed(1) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i];
1755    }
1756</script>
1756
1757
1758<script>
1759    $(function () {
1760
1761
1762        var numberAlerts = false;
1763
1764        var allAlerts = $('#alertsModal').find($('.alertsInfo'));
1765
1766        numberAlerts = allAlerts.length;
1767
1768        allAlerts.each(function (e) {
1769
1770            if (!sessionStorage.getItem("_nps_cookie_accept_alerts" + $(this).attr('data-id') + "")) {
1771                $('#alertsModal').modal('show');
1772            } else {
1773                $(this).remove();
1774                numberAlerts = numberAlerts - 1;
1775                setActiveAndDecrementNumber();
1776            }
1777
1778        });
1779
1780        $('.acceptCookiesAlerts').on('click', function (e) {
1781            e.preventDefault();
1782
1783            var currentDataId = $(this).attr('data-id');
1784
1785            sessionStorage.setItem('_nps_cookie_accept_alerts' + currentDataId + '', '1');
1786
1787            numberAlerts = numberAlerts - 1;
1788
1789            var currentParentNode = $(this).parent().parent().parent();
1790
1791            currentParentNode.removeClass('active');
1792            currentParentNode.remove();
1793
1794            setActiveAndDecrementNumber();
1795
1796        });
1797
1798        function setActiveAndDecrementNumber() {
1799            var newListOfAlerts = $('#alertsModal').find($('.alertsInfo'));
1800
1801            newListOfAlerts.each(function (index, e) {
1802                if (index == 0) {
1803                    $(this).addClass('active');
1804                }
1805            });
1806
1807            if (numberAlerts == 0) {
1808                $('#alertsModal').modal('hide');
1809            }
1810        }
1811
1812        var currentColorControl = '#212529';
1813
1814        $('#controlPrev').css('color', 'initial !important');
1815        $('#controlNext').css('color', 'initial !important');
1816        $('#controlPrev').on('mouseover', function () {
1817
1818            $(this).css('color', 'initial !important');
1819        });
1820
1821        $('#controlNext').on('mouseover', function () {
1822
1823            $(this).css('color', 'initial !important');
1824        });
1825
1826    });
1827</script>
1827
1828</body>
1829</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.