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é
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’ouverture : </strong></p> 864 865<p>Lundi : 13h30-17h<br /> 866Mardi, mercredi : 9h-13h<br /> 867Jeudi : 13h30-18h<br /> 868Vendredi : 9h-13h</p> 869 870<p>Etat-civil : Selon la dé
870marche à effectuer, ce service peut vous recevoir sur RDV en dehors des heures d'ouverture au public : lundi et jeudi matin et mardi après-midi</p> 871 872<p>Urbanisme : Permanence avec l'instructrice d'Annemasse-Agglo, le mercredi matin de 9h à 12h sur rendez-vous.</p> 873 874<p>Le service urbanisme reç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 © 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"> *</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"> *</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 += ' <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.