PageSourceSearch

https://www.mairie-bonne.fr/demarches

html mairie-bonne.fr collected 2026-10-02 22:03:10 UTC 67,306 bytes, 1,129 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3<head>
4    <!-- Google Tag Manager -->
5    
5<script>
vendor: 383 bytes, lines 5-9
5(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
6        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
7                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
8                'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
9                })(window,document,'script','dataLayer','
9GTM-PTWR3LD9
vendor: 3 bytes, line 9
9');
9</script>
9
10    <!-- End Google Tag Manager -->
11    <meta charset="utf-8">
12    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
13    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
14    <meta name="author" content="www.mairie-bonne.fr" />        
15    <title>Vos démarches • Commune de Bonne</title>
16        
17    <link rel="canonical" href="https://www.mairie-bonne.fr/demarches" />
18    <link rel="alternate" href="https://www.mairie-bonne.fr/demarches" hreflang="fr-fr" />  
19
20    
21            
22    
23    <!-- Open Graph meta pour Facebook -->
24    <meta property="og:type" content="website" />
25    <meta property="og:title" content="Vos démarches" />
26    <meta property="og:url" content="https://www.mairie-bonne.fr/demarches" />
27    <meta property="og:image" content="https://www.mairie-bonne.fr/img/logo.png"/>
28    <meta property="og:description" content="" />
29    <meta property="og:site_name" content="Commune de Bonne" />
30    
31    
32    
33    <!-- Open Graph meta pour Twitter -->
34    <meta name="twitter:card" content="summary" />
35    <meta name="twitter:site" content="Commune de Bonne" />
36    <meta name="twitter:title" content="Vos démarches" />
37    <meta name="twitter:description" content="" />
38    <meta name="twitter:image" content="https://www.mairie-bonne.fr/img/logo.png" />
39    
40    
41    <link rel="prefetch" href="https://cdnjs.cloudflare.com">
42    <link rel="preload" as="style" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous" onload="this.onload=null;this.rel='stylesheet'">
43    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
44    <link rel="preconnect" href="https://fonts.googleapis.com">
45    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
46    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@100;300;400;500;600;700&display=swap" rel="stylesheet">
47    
48    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css"/>
49    <link rel="preload" as="style" href="/css/main.css?v=1.2.0" onload="this.onload=null;this.rel='stylesheet'">
50    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
51    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.css">
52    
53</head>  
54<body class='sommaire'>
55    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 55-56
55
56    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
56GTM-PTWR3LD9
vendor: 87 bytes, lines 56-57
56" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
57    
57<!-- End Google Tag Manager (noscript) -->
58    <header id='header' class='w-100 top-0 left-0'>
59        <nav class='navbar navbar-expand-lg bg-white align-items-lg-stretch p-0 flex-wrap justify-content-lg-between'>
60            <div class='col-lg-auto col-md-4'>
61                <a class='navbar-brand m-0 p-3 pb-lg-0 d-block' href="/">
62                    <img src="/img/logo.png" class='img-fluid' width='250' alt="Commune de Bonne">
63                </a>
64            </div>
65            <div class='col-lg-auto col-12'>
66                
67                
68                <button type='button' title='Afficher le menu' class='navbar-toggler'  data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
69                    <span class='navbar-toggler-icon'></span>
70                    <span class='navbar-toggler-icon'></span>
71                    <span class='navbar-toggler-icon'></span>
72                </button>
73                <div class='collapse navbar-collapse flex-column align-items-lg-end h-100 justify-content-lg-between' id='navbarNav'>
74                    <a class='navbar-brand m-0 p-3 pb-lg-0 d-block d-lg-none' href="/">
75                        <img src="/img/logo.png" class='img-fluid' width='230' alt="Commune de Bonne">
76                    </a>
77                    <ul class='navbar-nav navbar-top'>
78                        <li class="nav-item ">
79                            <a class="nav-link my-0" href="/a-la-une" >
80                                <img src="/img/icons/news-white.svg" class='img-fluid me-2' width='24' alt="Les actualités de la commune de Bonne">
81                                À la une
82                            </a>
83                        </li>	 
84                        
85                        <li class="nav-item has-megamenu dropdown">
86                            <a class='nav-link position-relative' href='#' data-bs-toggle='dropdown'>
87                                <img src="/img/icons/un-clic-white.svg" class='img-fluid me-2' width='24' alt="Accès rapide aux principales rubriques du site">
88                                En un clic
89                            </a>
90
91                            <div class='dropdown-menu megamenu bg-orange rounded-0 border-0 title-big' role='menu'>
92                                <span class='h2 text-white'>En un <strong class='text-white'>Clic</strong></span>
93                                <div class='row justify-content-center '>                            
94                                    <ul class='nav flex-wrap list-unstyled text-sm-center text-start justify-content-center mx-auto nav-un-clic'>                                    
95            <li class='nav-item p-2' role="menuitem">
96            <a class='bg-white d-sm-block d-flex align-items-center text-dark py-sm-4 py-2 px-2 h-100' href="/demarches">
97                <img src="/upload/img/galerie_photo/260/l/icon-demarches-1648544463.png" class='img-fluid d-block mx-sm-auto ms-2 me-4' width='75' height='75' alt="Vos démarches administratives">
98                <strong class='m-0 fw-normal h3 mt-sm-3 d-block'>Vos démarches</strong>
99            </a>
100        </li>	
101            <li class='nav-item p-2' role="menuitem">
102            <a class='bg-white d-sm-block d-flex align-items-center text-dark py-sm-4 py-2 px-2 h-100' href="/democratie-locale/pv-conseil-municipal">
103                <img src="/upload/img/galerie_photo/260/l/icon-deliberation-1648544462.png" class='img-fluid d-block mx-sm-auto ms-2 me-4' width='75' height='75' alt="Procès verbaux des séances du conseil municipal">
104                <strong class='m-0 fw-normal h3 mt-sm-3 d-block'>Compte-rendu du Conseil municipal</strong>
105            </a>
106        </li>	
107            <li class='nav-item p-2' role="menuitem">
108            <a class='bg-white d-sm-block d-flex align-items-center text-dark py-sm-4 py-2 px-2 h-100' href="/cadre-vie/travaux">
109                <img src="/upload/img/galerie_photo/260/l/icon-travaux-1648544468.png" class='img-fluid d-block mx-sm-auto ms-2 me-4' width='75' height='75' alt="Travaux en cours dans la commune de Bonne">
110                <strong class='m-0 fw-normal h3 mt-sm-3 d-block'>Travaux en cours</strong>
111            </a>
112        </li>	
113            <li class='nav-item p-2' role="menuitem">
114            <a class='bg-white d-sm-block d-flex align-items-center text-dark py-sm-4 py-2 px-2 h-100' href="/cadre-vie/urbanisme">
115                <img src="/upload/img/galerie_photo/260/l/icon-urbanisme-1648544469.png" class='img-fluid d-block mx-sm-auto ms-2 me-4' width='75' height='75' alt="Aménagement de la ville">
116                <strong class='m-0 fw-normal h3 mt-sm-3 d-block'>Urbanisme</strong>
117            </a>
118        </li>	
119            <li class='nav-item p-2' role="menuitem">
120            <a class='bg-white d-sm-block d-flex align-items-center text-dark py-sm-4 py-2 px-2 h-100' href="/enfance-jeunesse">
121                <img src="/upload/img/galerie_photo/260/l/enfance-jeunesse-1648720308.png" class='img-fluid d-block mx-sm-auto ms-2 me-4' width='75' height='75' alt="Enfance et jeunesse">
122                <strong class='m-0 fw-normal h3 mt-sm-3 d-block'>Enfance & jeunesse</strong>
123            </a>
124        </li>	
125            <li class='nav-item p-2' role="menuitem">
126            <a class='bg-white d-sm-block d-flex align-items-center text-dark py-sm-4 py-2 px-2 h-100' href="/enfance-jeunesse/petite-enfance">
127                <img src="/upload/img/galerie_photo/260/l/icon-petite-enfance-1648544465.png" class='img-fluid d-block mx-sm-auto ms-2 me-4' width='75' height='75' alt="Accueil et garde de vos enfants">
128                <strong class='m-0 fw-normal h3 mt-sm-3 d-block'>Petite enfance</strong>
129            </a>
130        </li>	
131            <li class='nav-item p-2' role="menuitem">
132            <a class='bg-white d-sm-block d-flex align-items-center text-dark py-sm-4 py-2 px-2 h-100' href="/culture-loisirs-sports/mediatheque">
133                <img src="/upload/img/galerie_photo/260/l/icon-mediatheque-1648544464.png" class='img-fluid d-block mx-sm-auto ms-2 me-4' width='75' height='75' alt="Médiathèque de la commune de Bonne">
134                <strong class='m-0 fw-normal h3 mt-sm-3 d-block'>Médiathèque</strong>
135            </a>
136        </li>	
137            <li class='nav-item p-2' role="menuitem">
138            <a class='bg-white d-sm-block d-flex align-items-center text-dark py-sm-4 py-2 px-2 h-100' href="/cadre-vie/gestion-dechets">
139                <img src="/upload/img/galerie_photo/260/l/icon-ramassage-dechets-1648544466.png" class='img-fluid d-block mx-sm-auto ms-2 me-4' width='75' height='75' alt="Gestion des déchets à Bonne">
140                <strong class='m-0 fw-normal h3 mt-sm-3 d-block'>Déchetterie</strong>
141            </a>
142        </li>	
143            <li class='nav-item p-2' role="menuitem">
144            <a class='bg-white d-sm-block d-flex align-items-center text-dark py-sm-4 py-2 px-2 h-100' href="/solidarite-sante/centre-communal-action-sociale">
145                <img src="/upload/img/galerie_photo/260/l/icon-associations-1648544620.png" class='img-fluid d-block mx-sm-auto ms-2 me-4' width='75' height='75' alt="Centre c
145ommunal d’action sociale à Bonne">
146                <strong class='m-0 fw-normal h3 mt-sm-3 d-block'>Centre Communal d’Action Sociale</strong>
147            </a>
148        </li>	
149            <li class='nav-item p-2' role="menuitem">
150            <a class='bg-white d-sm-block d-flex align-items-center text-dark py-sm-4 py-2 px-2 h-100' href="/cadre-vie/transports">
151                <img src="/upload/img/galerie_photo/260/l/icon-transports-1648544467.png" class='img-fluid d-block mx-sm-auto ms-2 me-4' width='75' height='75' alt="Transports publics à Bonne">
152                <strong class='m-0 fw-normal h3 mt-sm-3 d-block'>Transport</strong>
153            </a>
154        </li>	
155    </ul>
156                                </div>
157                            </div>
158                        </li>	
159                        
160                        <li class="nav-item ">
161                            <a class="nav-link my-0" href="/trouver-un-service" >
162                                <img src="/img/icons/service-white.svg" class='img-fluid me-2' width='24' alt="Les services de la commune de Bonne">
163                                Trouver un service
164                            </a>
165                        </li>	
166
167                        <li class='nav-item has-megamenu dropdown-search d-none d-lg-inline-block'>
168                            <a class='nav-link position-relative' href='#' data-bs-toggle='dropdown'>
169                                <img src="/img/icons/search-white.svg" class='img-fluid' width='24' alt="Rechercher sur le site">
170                            </a>
171
172                            <div class='dropdown-menu megamenu bg-red rounded-0 border-0 overflow-hidden' role='menu'>
173                                <div class='row justify-content-center '>  
174                                    <div class='col-xl-8'>
175                                        <form method="GET" action="/recherche/search">
176    <div class='input-group my-4 align-items-center' role="menuitem">
177        <input id="recherche_input_layout" type='search' name="term" class='form-control bg-transparent shadow-none text-white rounded-0 ' placeholder="Je recherche..." aria-label="Je recherche..." aria-describedby="menu-btn-search">
178        <button class='btn my-0 bg-transparent p-0' type='submit' id="menu-btn-search"><img src="/img/icons/loupe.png" class='img-fluid' alt="Rechercher sur le site" width='160'></button>
179    </div>
180</form>
181                                    </div>
182                                </div>
183                            </div>
184                        </li>	 
185                        <li class='nav-item d-lg-none d-inline-block'>
186                            <form method="GET" action="/recherche/search">
187                                <div class='input-group align-items-center bg-red' role="menuitem">
188                                    <button class='btn my-0 bg-transparent p-0' type='submit' id="menu-btn-search"><img src="/img/icons/search-white.svg" class='img-fluid' alt="Rechercher sur le site" width='24'></button>
189                                    <input id="recherche_input_layout" type='search' name="term" class='form-control bg-transparent shadow-none text-white rounded-0 ' placeholder="Je recherche..." aria-label="Je recherche..." aria-describedby="menu-btn-search">
190                                </div>
191                            </form>
192                        </li>	 
193                    </ul>                    
194                    
195                     
196
197 
198
199 
200
201<ul class='navbar-nav navbar-main mt-2 justify-content-lg-center'>
202                     
203                            <li class="nav-item ">
204                    <a class="nav-link" href="/services-municipaux" >Services municipaux</a>
205                </li>	     
206                             
207                            <li class="nav-item has-megamenu dropdown">
208                    <a class='nav-link position-relative' href="/democratie-locale" href='#' data-bs-toggle='dropdown'>Démocratie locale</a>
209                    
210                    <div class='dropdown-menu megamenu bg-green rounded-0 border-0 m-0' role='menu'>
211                        <ul class='row justify-content-center list-unstyled'>                            
212                                 
213        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
214            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-376066632-preview-1648628739.jpeg')">
215                
216                                        <a class='d-block h-100 w-100' href="/democratie-locale/vos-elus-conseil-municipal" >
217                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Vos élus</strong>
218                        </a>
219                            </div> 
220        </li>        
221     
222        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
223            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-278071234-preview-1648629029.jpeg')">
224                
225                                        <a class='d-block h-100 w-100' href="/democratie-locale/commissions" >
226                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Commissions</strong>
227                        </a>
228                            </div> 
229        </li>        
230     
231        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
232            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/capture-1730299302.png')">
233                
234                                        <a class='d-block h-100 w-100' href="/democratie-locale/convocations" >
235                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Convocations du Conseil municipal</strong>
236                        </a>
237                            </div> 
238        </li>        
239     
240        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
241            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/istockphoto-1804442847-2048x2048-1739182253.jpg')">
242                
243                                        <a class='d-block h-100 w-100' href="/democratie-locale/deliberations" >
244                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Délibérations du Conseil municipal</strong>
245                        </a>
246                            </div> 
247        </li>        
248     
249        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
250            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-217558626-preview-1649153728.jpeg')">
251                
252                                        <a class='d-block h-100 w-100' href="/democratie-locale/pv-conseil-municipal" >
253                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Procès-verbaux du Conseil municipal</strong>
254                        </a>
255                            </div> 
256        </li>        
257     
258        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
259            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-40887547-preview-1648628687.jpeg')">
260                
261                                        <a class='d-block h-100 w-100' href="/democratie-locale/elections" >
262                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Élections</strong>
263                        </a>
264                            </div> 
265        </li>        
266                         
267
268                        </ul>
269                    </div>
270                </li>	                               
271
272                             
273                            <li class="nav-item has-megamenu dropdown">
274                    <a class='nav-link position-relative' href="/decouvrir-bonne" href='#' data-bs-toggle='dropdown'>Découvrir Bonne</a>
275                    
276                    <div class='dropdown-menu megamenu bg-green rounded-0 border-0 m-0' role='menu'>
277                        <ul class='row justify-content-center list-unstyled'>                            
278                                 
279        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
280            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/page-histoire-1666256925.jpg')">
281                
282                                        <a class='d-block h-100 w-100' href="/decouvrir-bonne/histoire" >
283                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Histoire de Bonne</strong>
284                        </a>
285                            </div> 
286        </li>        
287     
288        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
289            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/2013-11-02-0275-nernier-bonne-50-1666256785.jpg')">
290                
291                                        <a class='d-block h-100 w-100' href="/decouvrir-bonne/aujourdhui" >
292                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Bonne Aujourd'hui</strong>
293                        </a>
294                            </div> 
295        </li>        
296     
297        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
298            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/mairie-bonne-google-maps-1648630252.jpg')">
299                
300                                        <a class='d-block h-100 w-100' href="/decouvrir-bonne/situer-bonne" >
301                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Situer Bonne</strong>
302                        </a>
303                            </div> 
304        </li>        
305     
306        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
307            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/image2-1666256749.png')">
308                
309                                        <a class='d-block h-100 w-100' href="/decouvrir-bonne/images" >
310                            <strong class='title h3 text-white mt-0 fs-5 d-block'>En images</strong>
311                        </a>
312                            </div> 
313        </li>        
314     
315        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
316            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/bonne-videos-1666257032.jpg')">
317                
318                                        <a class='d-block h-100 w-100' href="/decouvrir-bonne/vi
318deos" >
319                            <strong class='title h3 text-white mt-0 fs-5 d-block'>En vidéos</strong>
320                        </a>
321                            </div> 
322        </li>        
323     
324        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
325            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/plans-1648630210.jpg')">
326                
327                                        <a class='d-block h-100 w-100' href="/decouvrir-bonne/plans-commune" >
328                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Plans de la commune</strong>
329                        </a>
330                            </div> 
331        </li>        
332     
333        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
334            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/vue-de-haute-bonne-1670495564.png')">
335                
336                                        <a class='d-block h-100 w-100' href="/decouvrir-bonne/site-patrimonial-remarquable" >
337                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Site Patrimonial Remarquable</strong>
338                        </a>
339                            </div> 
340        </li>        
341                         
342
343                        </ul>
344                    </div>
345                </li>	                               
346
347                             
348                            <li class="nav-item has-megamenu dropdown active">
349                    <a class='nav-link position-relative' href="/demarches" href='#' data-bs-toggle='dropdown'>Démarches</a>
350                    
351                    <div class='dropdown-menu megamenu bg-green rounded-0 border-0 m-0' role='menu'>
352                        <ul class='row justify-content-center list-unstyled'>                            
353                                 
354        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
355            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-85387924-preview-1648715822.jpeg')">
356                
357                                        <a class='d-block h-100 w-100' href="/demarches/carte-nationale-identite" >
358                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Carte nationale d’identité</strong>
359                        </a>
360                            </div> 
361        </li>        
362     
363        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
364            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-21691208-preview-1648715828.jpeg')">
365                
366                                        <a class='d-block h-100 w-100' href="/demarches/passeport" >
367                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Passeport</strong>
368                        </a>
369                            </div> 
370        </li>        
371     
372        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
373            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-267296500-preview-1648715833.jpeg')">
374                
375                                        <a class='d-block h-100 w-100' href="/demarches/etat-civil" >
376                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Etat-civil</strong>
377                        </a>
378                            </div> 
379        </li>        
380     
381        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
382            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-283632447-preview-1648716214.jpeg')">
383                
384                                        <a class='d-block h-100 w-100' href="/demarches/legalisation-signature" >
385                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Légalisation de signature</strong>
386                        </a>
387                            </div> 
388        </li>        
389     
390        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
391            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-265300323-preview-1648716090.jpeg')">
392                
393                                        <a class='d-block h-100 w-100' href="/demarches/certificat-vie" >
394                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Certificat de vie</strong>
395                        </a>
396                            </div> 
397        </li>        
398     
399        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
400            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-247939963-preview-1648715840.jpeg')">
401                
402                                        <a class='d-block h-100 w-100' href="/demarches/inscriptions-listes-electorales" >
403                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Inscriptions sur les listes électorales</strong>
404                        </a>
405                            </div> 
406        </li>        
407     
408        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
409            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-175030455-preview-1648717091.jpeg')">
410                
411                                        <a class='d-block h-100 w-100' href="/demarches/certificat-residence" >
412                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Certificat de résidence</strong>
413                        </a>
414                            </div> 
415        </li>        
416     
417        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
418            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-340530165-preview-1648716807.jpeg')">
419                
420                                        <a class='d-block h-100 w-100' href="/demarches/recensement-citoyen" >
421                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Recensement citoyen</strong>
422                        </a>
423                            </div> 
424        </li>        
425     
426        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
427            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-3151080-preview-1648716938.jpeg')">
428                
429                                        <a class='d-block h-100 w-100' href="/demarches/declaration-frontaliers" >
430                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Déclaration frontaliers</strong>
431                        </a>
432                            </div> 
433        </li>        
434     
435        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
436            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-222474111-preview-1648717072.jpeg')">
437                
438                                        <a class='d-block h-100 w-100' href="https://www.annemasse-agglo.fr/actions-et-projets/se-loger/maison-habitat" target="_blank">
439                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Logement</strong>
440                        </a>
441                            </div> 
442        </li>        
443                         
444
445                        </ul>
446                    </div>
447                </li>	                               
448
449                             
450                            <li class="nav-item has-megamenu dropdown">
451                    <a class='nav-link position-relative' href="/cadre-vie" href='#' data-bs-toggle='dropdown'>Cadre de vie</a>
452                    
453                    <div class='dropdown-menu megamenu bg-green rounded-0 border-0 m-0' role='menu'>
454                        <ul class='row justify-content-center list-unstyled'>                            
455                                 
456        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
457            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/transports-1665478286.jpg')">
458                
459                                        <a class='d-block h-100 w-100' href="/cadre-vie/transports" >
460                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Transports</strong>
461                        </a>
462                            </div> 
463        </li>        
464     
465        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
466            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/dechetterie-1665407144.jpg')">
467                
468                                        <a class='d-block h-100 w-100' href="/cadre-vie/gestion-dechets" >
469                            <strong class='title h3 text-white mt-0 fs-5 d-block'>
469Déchets</strong>
470                        </a>
471                            </div> 
472        </li>        
473     
474        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
475            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-18310897-preview-1648631585.jpeg')">
476                
477                                        <a class='d-block h-100 w-100' href="/cadre-vie/location-salle" >
478                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Location de salles</strong>
479                        </a>
480                            </div> 
481        </li>        
482     
483        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
484            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-153455834-preview-1648631062.jpeg')">
485                
486                                    <strong class='title h3 text-white mt-0 fs-5 d-block'>Environnement</strong>
487                    <ul class='list-unstyled px-0'>
488                             
489        <li role="menuitem">
490            <a href="/cadre-vie/environnement/ens" class='d-block fw-normal'>Espace Naturel Sensible </a>
491        </li>    
492     
493        <li role="menuitem">
494            <a href="/cadre-vie/environnement/forets" class='d-block fw-normal'>Forêts</a>
495        </li>    
496     
497        <li role="menuitem">
498            <a href="/cadre-vie/environnement/nuisibles" class='d-block fw-normal'>Nuisibles</a>
499        </li>    
500     
501        <li role="menuitem">
502            <a href="/cadre-vie/environnement/dicrim" class='d-block fw-normal'>DICRiM</a>
503        </li>    
504                         
505
506                    </ul>
507                                </div> 
508        </li>        
509     
510        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
511            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-463902716-preview-1648631536.jpeg')">
512                
513                                        <a class='d-block h-100 w-100' href="/cadre-vie/urbanisme" >
514                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Urbanisme</strong>
515                        </a>
516                            </div> 
517        </li>        
518     
519        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
520            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-205124787-preview-1648631463.jpeg')">
521                
522                                        <a class='d-block h-100 w-100' href="https://www.annemasse-agglo.fr/services-et-demarches/eau-et-assainissement/contrat-eau" target="_blank">
523                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Eau</strong>
524                        </a>
525                            </div> 
526        </li>        
527     
528        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
529            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-393202636-preview-1648631186.jpeg')">
530                
531                                        <a class='d-block h-100 w-100' href="/cadre-vie/travaux" >
532                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Travaux en cours</strong>
533                        </a>
534                            </div> 
535        </li>        
536                         
537
538                        </ul>
539                    </div>
540                </li>	                               
541
542                             
543                            <li class="nav-item has-megamenu dropdown">
544                    <a class='nav-link position-relative' href="/enfance-jeunesse" href='#' data-bs-toggle='dropdown'>Enfance</a>
545                    
546                    <div class='dropdown-menu megamenu bg-green rounded-0 border-0 m-0' role='menu'>
547                        <ul class='row justify-content-center list-unstyled'>                            
548                                 
549        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
550            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-320582139-preview-1648628423.jpeg')">
551                
552                                        <a class='d-block h-100 w-100' href="https://portail.berger-levrault.fr/MairieBonne74380/accueil" target="_blank">
553                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Portail famille</strong>
554                        </a>
555                            </div> 
556        </li>        
557     
558        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
559            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-105598988-preview-1648625576.jpg')">
560                
561                                    <strong class='title h3 text-white mt-0 fs-5 d-block'>Petite enfance</strong>
562                    <ul class='list-unstyled px-0'>
563                             
564        <li role="menuitem">
565            <a href="/enfance-jeunesse/petite-enfance/creche" class='d-block fw-normal'>Crèche</a>
566        </li>    
567     
568        <li role="menuitem">
569            <a href="/enfance-jeunesse/petite-enfance/assistantes-maternelles" class='d-block fw-normal'>Assistantes maternelles</a>
570        </li>    
571                         
572
573                    </ul>
574                                </div> 
575        </li>        
576     
577        <li class='col-xl-3 col-lg-6 my-2' role="menuitem">
578            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-20916889-preview-1648628377.jpg')">
579                
580                                    <strong class='title h3 text-white mt-0 fs-5 d-block'>Service enfance</strong>
581                    <ul class='list-unstyled px-0'>
582                             
583        <li role="menuitem">
584            <a href="/enfance-jeunesse/service-enfance/accueil-periscolaire" class='d-block fw-normal'>Accueil périscolaire</a>
585        </li>    
586     
587        <li role="menuitem">
588            <a href="/enfance-jeunesse/service-enfance/restauration-scolaire" class='d-block fw-normal'>Restauration pour enfants</a>
589        </li>    
590     
591        <li role="menuitem">
592            <a href="/enfance-jeunesse/service-enfance/accueil-loisirs-mercredi" class='d-block fw-normal'>Accueil de loisirs - Mercredi</a>
593        </li>    
594     
595        <li role="menuitem">
596            <a href="/enfance-jeunesse/service-enfance/centre-loisirs" class='d-block fw-normal'>Accueil de loisirs - vacances scolaires</a>
597        </li>    
598     
599        <li role="menuitem">
600            <a href="/enfance-jeunesse/service-enfance/documents-a-telecharger-du-service-enfance" class='d-block fw-normal'>Documents à télécharger</a>
601        </li>    
602                         
603
604                    </ul>
605                                </div> 
606        </li>        
607     
608        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
609            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-301245840-preview-1648628310.jpg')">
610                
611                                        <a class='d-block h-100 w-100' href="/enfance-jeunesse/ecoles" >
612                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Écoles</strong>
613                        </a>
614                            </div> 
615        </li>        
616                         
617
618                        </ul>
619                    </div>
620                </li>	                               
621
622                             
623                            <li class="nav-item has-megamenu dropdown">
624                    <a class='nav-link position-relative' href="/culture-loisirs-sports" href='#' data-bs-toggle='dropdown'>Culture / loisirs / sports</a>
625                    
626                    <div class='dropdown-menu megamenu bg-green rounded-0 border-0 m-0' role='menu'>
627                        <ul class='row justify-content-center list-unstyled'>                            
628                                 
629        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
630            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-22486890-preview-1654692040.jpeg')">
631                
632                                        <a class='d-block h-100 w-100' href="/culture-loisirs-sports/mediatheque" >
633                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Médiathèque</strong>
634                        </a>
635                            </div> 
636        </li>        
637     
638        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
639            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-465001946-preview-1654692135.jpeg')">
640                
641                                        <a class='d-block h-100 w-100' href="/culture-loisirs-sports/vie-associative" >
642                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Vie associative</strong>
643                        </a>
644                            </div> 
645        </li>        
646     
647        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
648            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/1000-f-714257374-thwwvyftzkk2mbsrdg2nfodsxrzm5xhm-1717488020.jpg')">
649                
650                                        <a class='d-block h-100 w-100' href="/culture-loisirs-sports/conservatoire-de-musique-d-annemasse-agglo" >
651                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Conservatoire de Musique d'Annemasse Agglo</strong>
652                        </a>
653                            </div> 
654        </li>        
655                         
656
657                        </ul>
658                    </div>
659                </li>	                               
660
661                             
662                            <li class="nav-item has-megamenu dropdown">
663                    <a class='nav-link position-relative' href="/solidarite-sante" href='#' data-bs-toggle='dropdown'>Solidarité / santé</a>
664                    
665                    <div class='dropdown-menu megamenu bg-green rounded-0 border-0 m-0' role='menu'>
666                        <ul class='row justify-content-center list-unstyled'>                            
667                                 
668        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
669            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-415973476-preview-1654700574.jpeg')">
670                
671                                        <a class='d-block h-100 w-100' href="/solidarite-sante/centre-communal-action-sociale" >
672                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Centre Communal d’Action Sociale (CCAS)</strong>
673                        </a>
674                            </div> 
675        </li>        
676     
677        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
678            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-207740544-preview-1654700013.jpeg')">
679                
680                                        <a class='d-block h-100 w-100' href="https://www.annemasse-agglo.fr/infos-et-loisirs/dossiers/cohesion-sociale" target="_blank">
681                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Liste des structures dans l’agglo</strong>
682                        </a>
683                            </div> 
684        </li>        
685     
686        <li class='col-xl-2 col-lg-6 my-2' role="menuitem">
687            <div class='col-megamenu p-lg-4 pb-lg-5 liste h-100' style="background-image: url('/upload/img/rubrique/l/adobestock-285190008-preview-1654699670.jpeg')">
688                
689                                        <a class='d-block h-100 w-100' href="/solidarite-sante/bibliotheque-sonore-daysirables" >
690                            <strong class='title h3 text-white mt-0 fs-5 d-block'>Bibliothèque sonore & DAYSIrables</strong>
691                        </a>
692                            </div> 
693        </li>        
694                         
695
696                        </ul>
697                    </div>
698                </li>	                               
699
700                                         
701        
702</ul>
703                </div>
704            </div>
705            <div class='nav-desktop col-12'></div>
706        </nav>
707    </header>
708
709    
710    <div id='bandeau' class='position-relative d-flex justify-content-center align-items-end bg-green'>
711        <div class='col-12  text-center anim-titre text-white'>
712            <h1>Vos d&eacute;
712marches</h1>
713
714            <ul class='breadcrumb justify-content-center' itemscope itemtype="http://schema.org/BreadcrumbList">
715<li  itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
716    <a itemprop="item" href="/" ><span itemprop="name">Accueil</span></a>
717    <meta itemprop="position" content="1">
718</li>
719<li class="active" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
720    <a itemprop="item" href="/demarches" ><span itemprop="name">Démarches</span></a>
721    <meta itemprop="position" content="2">
722</li>
723</ul>
724        </div>
725    </div>                    
726    
727    
728    
729    <section class='bg-green pt-0'>    
730    <div class='container-fluid wrap-lg'>
731        
732         
733        
734         
735
736        <ul class='nav nav-summary justify-content-center row'>
737                        
738                
739                                
740                                
741                                
742                                
743                                
744                                
745                                                         
746                <li class='nav-item col-xl-2 col-md-4 col-sm-6 mb-4' >
747                    <a class='h-100 nav-link position-relative' style="background-image: url('/upload/img/rubrique/l/adobestock-85387924-preview-1648715822.jpeg')" href="/demarches/carte-nationale-identite" >
748                        <h2 class='position-relative'>Carte nationale d’identité</h2>
749                        <svg width='25' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.99 285.71"><path d="M397.13,161.07,389.24,169a13.39,13.39,0,0,0,0,18.94h0L482.91,281H63.39A13.38,13.38,0,0,0,50,294.39v11.19A13.38,13.38,0,0,0,63.36,319H482.91l-93.67,93.1a13.39,13.39,0,0,0,0,18.94h0l7.89,7.89a13.39,13.39,0,0,0,18.94,0h0l130-129.46a13.39,13.39,0,0,0,0-18.94h0l-130-129.46a13.39,13.39,0,0,0-18.94,0Z" transform="translate(-50 -157.15)" style="fill:#fff"/></svg>
750                    </a>                    
751                </li>
752                     
753                <li class='nav-item col-xl-2 col-md-4 col-sm-6 mb-4' >
754                    <a class='h-100 nav-link position-relative' style="background-image: url('/upload/img/rubrique/l/adobestock-21691208-preview-1648715828.jpeg')" href="/demarches/passeport" >
755                        <h2 class='position-relative'>Passeport</h2>
756                        <svg width='25' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.99 285.71"><path d="M397.13,161.07,389.24,169a13.39,13.39,0,0,0,0,18.94h0L482.91,281H63.39A13.38,13.38,0,0,0,50,294.39v11.19A13.38,13.38,0,0,0,63.36,319H482.91l-93.67,93.1a13.39,13.39,0,0,0,0,18.94h0l7.89,7.89a13.39,13.39,0,0,0,18.94,0h0l130-129.46a13.39,13.39,0,0,0,0-18.94h0l-130-129.46a13.39,13.39,0,0,0-18.94,0Z" transform="translate(-50 -157.15)" style="fill:#fff"/></svg>
757                    </a>                    
758                </li>
759                     
760                <li class='nav-item col-xl-2 col-md-4 col-sm-6 mb-4' >
761                    <a class='h-100 nav-link position-relative' style="background-image: url('/upload/img/rubrique/l/adobestock-267296500-preview-1648715833.jpeg')" href="/demarches/etat-civil" >
762                        <h2 class='position-relative'>Etat-civil</h2>
763                        <svg width='25' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.99 285.71"><path d="M397.13,161.07,389.24,169a13.39,13.39,0,0,0,0,18.94h0L482.91,281H63.39A13.38,13.38,0,0,0,50,294.39v11.19A13.38,13.38,0,0,0,63.36,319H482.91l-93.67,93.1a13.39,13.39,0,0,0,0,18.94h0l7.89,7.89a13.39,13.39,0,0,0,18.94,0h0l130-129.46a13.39,13.39,0,0,0,0-18.94h0l-130-129.46a13.39,13.39,0,0,0-18.94,0Z" transform="translate(-50 -157.15)" style="fill:#fff"/></svg>
764                    </a>                    
765                </li>
766                     
767                <li class='nav-item col-xl-2 col-md-4 col-sm-6 mb-4' >
768                    <a class='h-100 nav-link position-relative' style="background-image: url('/upload/img/rubrique/l/adobestock-283632447-preview-1648716214.jpeg')" href="/demarches/legalisation-signature" >
769                        <h2 class='position-relative'>Légalisation de signature</h2>
770                        <svg width='25' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.99 285.71"><path d="M397.13,161.07,389.24,169a13.39,13.39,0,0,0,0,18.94h0L482.91,281H63.39A13.38,13.38,0,0,0,50,294.39v11.19A13.38,13.38,0,0,0,63.36,319H482.91l-93.67,93.1a13.39,13.39,0,0,0,0,18.94h0l7.89,7.89a13.39,13.39,0,0,0,18.94,0h0l130-129.46a13.39,13.39,0,0,0,0-18.94h0l-130-129.46a13.39,13.39,0,0,0-18.94,0Z" transform="translate(-50 -157.15)" style="fill:#fff"/></svg>
771                    </a>                    
772                </li>
773                     
774                <li class='nav-item col-xl-2 col-md-4 col-sm-6 mb-4' >
775                    <a class='h-100 nav-link position-relative' style="background-image: url('/upload/img/rubrique/l/adobestock-265300323-preview-1648716090.jpeg')" href="/demarches/certificat-vie" >
776                        <h2 class='position-relative'>Certificat de vie</h2>
777                        <svg width='25' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.99 285.71"><path d="M397.13,161.07,389.24,169a13.39,13.39,0,0,0,0,18.94h0L482.91,281H63.39A13.38,13.38,0,0,0,50,294.39v11.19A13.38,13.38,0,0,0,63.36,319H482.91l-93.67,93.1a13.39,13.39,0,0,0,0,18.94h0l7.89,7.89a13.39,13.39,0,0,0,18.94,0h0l130-129.46a13.39,13.39,0,0,0,0-18.94h0l-130-129.46a13.39,13.39,0,0,0-18.94,0Z" transform="translate(-50 -157.15)" style="fill:#fff"/></svg>
778                    </a>                    
779                </li>
780                     
781                <li class='nav-item col-xl-2 col-md-4 col-sm-6 mb-4' >
782                    <a class='h-100 nav-link position-relative' style="background-image: url('/upload/img/rubrique/l/adobestock-247939963-preview-1648715840.jpeg')" href="/demarches/inscriptions-listes-electorales" >
783                        <h2 class='position-relative'>Inscriptions sur les listes électorales</h2>
784                        <svg width='25' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.99 285.71"><path d="M397.13,161.07,389.24,169a13.39,13.39,0,0,0,0,18.94h0L482.91,281H63.39A13.38,13.38,0,0,0,50,294.39v11.19A13.38,13.38,0,0,0,63.36,319H482.91l-93.67,93.1a13.39,13.39,0,0,0,0,18.94h0l7.89,7.89a13.39,13.39,0,0,0,18.94,0h0l130-129.46a13.39,13.39,0,0,0,0-18.94h0l-130-129.46a13.39,13.39,0,0,0-18.94,0Z" transform="translate(-50 -157.15)" style="fill:#fff"/></svg>
785                    </a>                    
786                </li>
787                     
788                <li class='nav-item col-xl-2 col-md-4 col-sm-6 mb-4' >
789                    <a class='h-100 nav-link position-relative' style="background-image: url('/upload/img/rubrique/l/adobestock-175030455-preview-1648717091.jpeg')" href="/demarches/certificat-residence" >
790                        <h2 class='position-relative'>Certificat de résidence</h2>
791                        <svg width='25' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.99 285.71"><path d="M397.13,161.07,389.24,169a13.39,13.39,0,0,0,0,18.94h0L482.91,281H63.39A13.38,13.38,0,0,0,50,294.39v11.19A13.38,13.38,0,0,0,63.36,319H482.91l-93.67,93.1a13.39,13.39,0,0,0,0,18.94h0l7.89,7.89a13.39,13.39,0,0,0,18.94,0h0l130-129.46a13.39,13.39,0,0,0,0-18.94h0l-130-129.46a13.39,13.39,0,0,0-18.94,0Z" transform="translate(-50 -157.15)" style="fill:#fff"/></svg>
792                    </a>                    
793                </li>
794                     
795                <li class='nav-item col-xl-2 col-md-4 col-sm-6 mb-4' >
796                    <a class='h-100 nav-link position-relative' style="background-image: url('/upload/img/rubrique/l/adobestock-340530165-preview-1648716807.jpeg')" href="/demarches/recensement-citoyen" >
797                        <h2 class='position-relative'>Recensement citoyen</h2>
798                        <svg width='25' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.99 285.71"><path d="M397.13,161.07,389.24,169a13.39,13.39,0,0,0,0,18.94h0L482.91,281H63.39A13.38,13.38,0,0,0,50,294.39v11.19A13.38,13.38,0,0,0,63.36,319H482.91l-93.67,93.1a13.39,13.39,0,0,0,0,18.94h0l7.89,7.89a13.39,13.39,0,0,0,18.94,0h0l130-129.46a13.39,13.39,0,0,0,0-18.94h0l-130-129.46a13.39,13.39,0,0,0-18.94,0Z" transform="translate(-50 -157.15)" style="fill:#fff"/></svg>
799                    </a>                    
800                </li>
801                     
802                <li class='nav-item col-xl-2 col-md-4 col-sm-6 mb-4' >
803                    <a class='h-100 nav-link position-relative' style="background-image: url('/upload/img/rubrique/l/adobestock-3151080-preview-1648716938.jpeg')" href="/demarches/declaration-frontaliers" >
804                        <h2 class='position-relative'>Déclaration frontaliers</h2>
805                        <svg width='25' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.99 285.71"><path d="M397.13,161.07,389.24,169a13.39,13.39,0,0,0,0,18.94h0L482.91,281H63.39A13.38,13.38,0,0,0,50,294.39v11.19A13.38,13.38,0,0,0,63.36,319H482.91l-93.67,93.1a13.39,13.39,0,0,0,0,18.94h0l7.89,7.89a13.39,13.39,0,0,0,18.94,0h0l130-129.46a13.39,13.39,0,0,0,0-18.94h0l-130-129.46a13.39,13.39,0,0,0-18.94,0Z" transform="translate(-50 -157.15)" style="fill:#fff"/></svg>
806                    </a>                    
807                </li>
808                     
809                <li class='nav-item col-xl-2 col-md-4 col-sm-6 mb-4' >
810                    <a class='h-100 nav-link position-relative' style="background-image: url('/upload/img/rubrique/l/adobestock-222474111-preview-1648717072.jpeg')" href="https://www.annemasse-agglo.fr/actions-et-projets/se-loger/maison-habitat" >
811                        <h2 class='position-relative'>Logement</h2>
812                        <svg width='25' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.99 285.71"><path d="M397.13,161.07,389.24,169a13.39,13.39,0,0,0,0,18.94h0L482.91,281H63.39A13.38,13.38,0,0,0,50,294.39v11.19A13.38,13.38,0,0,0,63.36,319H482.91l-93.67,93.1a13.39,13.39,0,0,0,0,18.94h0l7.89,7.89a13.39,13.39,0,0,0,18.94,0h0l130-129.46a13.39,13.39,0,0,0,0-18.94h0l-130-129.46a13.39,13.39,0,0,0-18.94,0Z" transform="translate(-50 -157.15)" style="fill:#fff"/></svg>
813                    </a>                    
814                </li>
815                                
816                            
817                                
818                                
819                                
820                                
821                                
822                                
823                                
824                                
825                                                 
826                
827        </ul>        
828    </div>
829</section>
830
831
832    
833        
834    
835    
836        
837    
838    
839            
840    <footer id='footer' class='text-white py-5 sticky-stopper'>
841        <div class='container-fluid wrap'>
842            <div class='row justify-content-lg-between justify-content-center gx-0'>
843                <div class='col-xl-8 row justify-content-center text-center text-md-start'>
844                    <div class='col-xl-5 col-md-4'>
845                        <a class='d-block my-4 my-md-0' href="/">
846                            <img data-src="/img/logo-blanc.png" class="img-fluid lazyload" alt="Commune de Bonne" width="350">
847                        </a>
848                    </div>
849
850                    <div class='col-lg col-md row justify-content-xxl-around flex-wrap'>
851                        <div class='col-md-6'>
852                            <p><a href="https://goo.gl/maps/iDrPx5pRFTqG8ia47" target="_blank">479 VI de Chenaz,<br />
85374380 BONNE</a></p>
854       
855                            <p>
856                                <a href="tel:+33450392151" class='fs-4'>
857                                    <strong>04 50 39 21 51</strong>
858                                </a>
859                            </p>
860                        </div>
861
862                        <div class='col-md-6'>
863                            <p><strong>Horaires d&rsquo;ouverture :&nbsp;</strong></p>
864
865<p>Lundi : 13h30-17h<br />
866Mardi,&nbsp;mercredi : 9h-13h<br />
867Jeudi : 13h30-18h<br />
868Vendredi : 9h-13h</p>
869
870<p>Etat-civil : Selon la d&eacute;
870marche &agrave; effectuer, ce service peut vous recevoir sur RDV en dehors des heures d&#39;ouverture au public : lundi et jeudi matin et mardi apr&egrave;s-midi</p>
871
872<p>Urbanisme : Permanence avec l&#39;instructrice d&#39;Annemasse-Agglo,&nbsp;le mercredi matin de 9h &agrave; 12h sur rendez-vous.</p>
873
874<p>Le service urbanisme re&ccedil;oit exclusivement sur rendez-vous.</p>
875    
876                        </div>
877                    </div>
878                </div>
879                
880                <div class='col-xl d-lg-flex justify-content-xl-end justify-content-center'>
881                    <p class='text-center text-lg-start'>
882                        <a class='btn btn-green' href='/contact'>
883                            <img src="/img/icons/mail.svg" class='img-fluid me-2' alt="Écrivez-nous via notre formulaire de contact" width='20'>
884                            Nous contacter
885                        </a>
886                        <br class='d-none d-xl-block'/>
887                        <a class='btn' href='/recrutement'>
888                            Nos offres d'emploi
889                        </a>
890                        
891                    </p>
892                </div>
893            </div>
894                
895            <div class='row copyright align-items-center'>
896                <div class='col-lg-6 text-center text-lg-start'>
897                    <p class='mb-0'>
898                        Copyright &copy; 2026 Commune de Bonne - Tous droits réservés
899                        <a href="https://www.alpaweb.com/" target="_blank" title="Agence web Annecy" rel="nofollow">
900                            <img src="/img/alpaweb.svg" alt="Alpaweb, création site internet Annecy" class='alpaweb mx-1' width='20'>
901                        </a> 
902                    </p>
903                </div>
904                    
905                <div class='col-lg-6'>
906                    <ul class='nav navFooter text-uppercase justify-content-center justify-content-lg-end'>
907    <li class='nav-item position-relative ps-3 py-0'>
908        <a class='nav-link px-0' href="/">
909            Accueil
910        </a>
911    </li>
912    </ul>
913                </div>
914            </div>
915        </div>
916    </footer>
917                    
918    <a role='button' title='Retour en haut' id='backToTop' href='#' class='back-to-top align-items-center justify-content-center'>
919        <svg  width='25' id='arrow-top' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><path d="M161.07,202.87l7.89,7.89a13.39,13.39,0,0,0,18.94,0L281,117.09V536.61A13.39,13.39,0,0,0,294.42,550h11.16A13.39,13.39,0,0,0,319,536.61V117.09l93.13,93.67a13.39,13.39,0,0,0,18.94,0l7.89-7.89a13.39,13.39,0,0,0,0-18.94l-129.46-130a13.39,13.39,0,0,0-18.94,0l-129.46,130A13.39,13.39,0,0,0,161.07,202.87Z" style="fill:#fff"/></svg>
920    </a>
921                
922    <!-- Modal -->
923    <div class="modal fade" id="InscNewsletter" tabindex="-1" aria-labelledby="InscNewsletter" aria-hidden="true">
924        <div class="modal-dialog modal-dialog-centered">
925            <div class="modal-content">
926                <div class="modal-header">
927                    <h4 class="modal-title text-uppercase fs-5" id="InscNewsletter">S'inscrire à la newsletter</h4>
928                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
929                </div>
930                <div class="modal-body">
931                    <form method="post" class="needs-validation" action="/ajax/ajax.add_email.php" id="newsletter" name="contact" role="form" novalidate>
932
933    
934    <input id="username" name="username" class="form-control" hidden/> 
935    
936    <div class="row">
937
938        <div class="col-md-12 mb-3">
939            <label for="email">Mon adresse email<span class="text-error">&nbsp;*</span> :</label>
940            <input id="email" name="email" class="form-control" type="text" required/>
941            <div class="invalid-feedback">
942                Veuillez renseigner un email
943            </div>
944        </div>
945
946        <div class="col-md-12 mb-3">
947            <div class="form-check pt-3 mb-3">
948                <input class="form-check-input" type="checkbox" name="rgpd2" id="invalidCheck2" required>
949
950                <label class="form-check-label" for="invalidCheck2">
951                    En soumettant ce formulaire, j'accepte que les informations saisies soient utilisées pour me recontacter. Aucun autre traitement ne sera effectué avec votre adresse email. <span class="text-error">&nbsp;*</span>
952                </label>
953                <div class="invalid-feedback mt-0">
954                    Veuillez accepter le traitement des données personnelles
955                </div>
956            </div>
957        </div>
958    </div>
959
960    <div class="row">
961        <div class="col-md-12 text-center">
962            <button type="submit" class="btn btn-primary">
963                <i class="fa fa-paper-plane"></i> Envoyer
964            </button>
965            <input type="hidden" name="id_module" id="id_module" value="756">
966        </div>
967    </div>
968</form>
969
970<div id="newsletter-message"></div>
971                </div>
972            </div>
973        </div>
974    </div>
975
976    
977    
977<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
977
978    
979    
979<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
979
980    
980<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.1.18/jquery.backstretch.min.js"></script>
980
981    
981<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
981
982    
982<script async src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
982
983    
983<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
983
984    
984<script async src='/js/lazysizes.min.js'></script>
984
985    
985<script src="/js/newsletter.js?v=1.0.10"></script>
985
986    
986<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
986
987    
987<script>
988
989    function menuMobile()
990    {
991        var containerWidth = $(window).width();  
992        var ul = $('ul.navbar-main');
993        if (containerWidth >= 1200) {
994            $(window).scroll(function () {
995                var scroll = $(window).scrollTop();
996                if (scroll >= 100) {
997                    $("#header").addClass("header-fixed");
998                } else {
999                    $("#header").removeClass("header-fixed");
1000                }
1001            });
1002        } else{
1003            $("#header").removeClass("header-fixed");
1004            $(window).scroll(function () {
1005                var scroll = $(window).scrollTop();
1006                if (scroll >= 0) {
1007                    $("#header").removeClass("header-fixed");
1008                }
1009            });
1010        }
1011        
1012        if (containerWidth >= 992 && containerWidth < 1500) {
1013            $('.nav-desktop').append(ul);
1014        } else{
1015            $('#navbarNav').append(ul);
1016        }
1017    }
1018
1019    $(window).resize(function () {
1020        menuMobile();
1021    });
1022    
1023    var ul = $('ul.navbar-main');
1024    if ($(window).width() >= 992 && $(window).width() < 1500) {
1025        $('.nav-desktop').append(ul);
1026    } else{
1027        $('#navbarNav').append(ul);
1028    }
1029    
1030
1031    $(document).ready(function ()
1032    {
1033        
1034        if ($(document).height() > 1300 && $(document).width() > 1200) {
1035            $(window).scroll(function () {
1036                var scroll = $(window).scrollTop();
1037
1038                if (scroll >= 100) {
1039                    $("#header").addClass("header-fixed");
1040                } else {
1041                    $("#header").removeClass("header-fixed");
1042                }
1043            });
1044        }
1045                
1046        // bouton retour haut du site
1047        $(window).scroll(function ()
1048        {
1049            if ($(this).scrollTop() > 250) {
1050                $('#backToTop').fadeIn().addClass('d-flex');
1051            } else {
1052                $('#backToTop').fadeOut().removeClass('d-flex');
1053            }
1054        });
1055
1056        // scroll body to 0px on click
1057        $('#backToTop').click(function ()
1058        {
1059            $('body,html').animate({
1060                scrollTop: 0
1061            }, 400);
1062            return false;
1063        });      
1064        
1065        // affichage des bloc avec animation
1066        new WOW().init();
1067
1068        $('#recherche_input_layout').autocomplete(
1069        {
1070            minLength: 2,
1071            source: "/recherche/ajax_search",
1072            select: function (event, ui) {
1073                window.location.href = ui.item.rubrique.link;
1074            }
1075        }).autocomplete("instance")._renderItem = function(ul, item)
1076        {
1077            var html = '<div class="d-flex align-items-top p-1">';
1078            html += '<img src="' + item.rubrique.logo + '" style="height: 4rem; width: 4rem;" class="recherche-result-img img-thumbnail">';
1079            html += '&nbsp;<div>';
1080            html += '<h2 class="recherche-result-title m-0 h4">' + item.title + '</h2>';
1081            html += '<small class="recherche-result-meta fst-italic">' + (item.meta.length > 100 ? item.meta.slice(0, 100) + "..." : item.meta) + '</small></div>';
1082            html += "</div>";
1083            return $("<li>").append(html).appendTo(ul);
1084        };
1085
1086                $('.carousel-blog').slick({   
1087            slidesToScroll: 1,
1088            vertical: false,
1089            rows:2,
1090            slidesPerRow:2,
1091            infinite:false,
1092            focusOnSelect: true,
1093            appendArrows:'.slick-nav-news',
1094            autoplay: false,
1095            arrows: true,
1096            centerMode: false,
1097            nextArrow:'<button title="Précédent" type="button" class="slick-btn slick-next"><svg id="arrow-next" width="32" height="18"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.99 285.71"><path d="M397.13,161.07,389.24,169a13.39,13.39,0,0,0,0,18.94h0L482.91,281H63.39A13.38,13.38,0,0,0,50,294.39v11.19A13.38,13.38,0,0,0,63.36,319H482.91l-93.67,93.1a13.39,13.39,0,0,0,0,18.94h0l7.89,7.89a13.39,13.39,0,0,0,18.94,0h0l130-129.46a13.39,13.39,0,0,0,0-18.94h0l-130-129.46a13.39,13.39,0,0,0-18.94,0Z" transform="translate(-50 -157.15)" style="fill:#babf0b"/></svg></button>',
1098            prevArrow:'<button title="Suivant" type="button" class="slick-btn slick-prev"><svg id="arrow-left" width="32" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.99 285.71"><path d="M152.86,3.92h0a13.39,13.39,0,0,0-18.94,0L3.92,133.38h0a13.39,13.39,0,0,0,0,18.94l130,129.46h0a13.38,13.38,0,0,0,18.93,0l7.89-7.89h0a13.39,13.39,0,0,0,0-18.94l-93.67-93.1H486.65A13.37,13.37,0,0,0,500,148.43V137.22a13.37,13.37,0,0,0-13.39-13.37H67.08l93.67-93.06h0a13.39,13.39,0,0,0,0-18.94l-7.89-7.93Z" transform="translate(0 0)" style="fill:#babf0b"/></svg></button>',
1099            responsive: [ 
1100                {
1101                    breakpoint: 1200,
1102                    settings: {
1103                        slidesToShow: 2,
1104                        slidesToScroll: 2,
1105                        rows: 1,
1106                        slidesPerRow:1
1107                    }
1108                },
1109                {
1110                    breakpoint: 768,
1111                    settings: {
1112                        slidesToShow: 1,
1113                        slidesToScroll: 1,
1114                        rows: 1,
1115                        slidesPerRow:1
1116                    }
1117                }
1118            ]
1119        });
1120            
1121    });
1122        
1123    </script>
1123
1124
1125    
1126    
1127    
1128</body>
1129</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.