Signaler un incident

<!DOCTYPE html> <html lang="fr" dir=""> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content=""> <title>Signaler un incident</title> <link rel="shortcut icon" href="favicon/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png"> <link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ffffff"> <link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png"> <link rel="stylesheet" href="css/theme.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-MH88S37VLG"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-MH88S37VLG'); </script> </head> <body class="navbar-sidebaxter-aside-lg"> <script src="extra/jquery.min.js"></script> <script src="assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="assets/vendor/hs-go-to/dist/hs-go-to.min.js"></script> <script src="assets/vendor/swiper/swiper-bundle.min.js"></script> <script src="extra/hs.core.js"></script> <script src="extra/components/hs.popup.js"></script> <script src="extra/vendor/appear.js"></script> <script src="extra/components/hs.onscroll-animation.js"></script> <script src="extra/jquery-migrate.min.js"></script> <script src="extra/vendor/jquery-ui/ui/widgets/datepicker.js"></script> <script src="extra/vendor/dropzone/dropzone.min.js"></script> <script src="extra/vendor/bootbox/bootbox.all.min.js"></script> <script src="extra/vendor/growl/jquery.growl.js"></script> <script src="extra/vendor/jquery-validation/dist/jquery.validate.min.js"></script> <script src="extra/vendor/fancybox/jquery.fancybox.js"></script> <script src="assets/vendor/hs-video-bg/dist/hs-video-bg.min.js"></script> <script src="assets/js/theme.min.js"></script> <script src="extra/theme.js"></script> <script src="js/script.js"></script> ion-js] <header> <nav class="navbar navbar-expand-lg bg-white navbar-sticky-top py-0"> <div class="container-xl position-relative py-2"> <a class="navbar-brand" href="/"> <img class="navbar-brand-logo" src="media/mireval_logo.png" alt="Logo de la ville de Mireval"> </a> <button class="navbar-toggler border-0" type="button" data-bs-toggle="offcanvas" data-bs-target="#mainMenu" aria-controls="mainMenu"> <span class="navbar-toggler-icon text-black"></span> </button> <div class="offcanvas offcanvas-lg offcanvas-end text-lg-end" data-bs-scroll="true" tabindex="-1" id="mainMenu" > <div class="offcanvas-header d-lg-none"> <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button> </div> <div class="offcanvas-body p-0"> <ul class="navbar-nav justify-content-end ms-auto"> <li class="nav-item mb-0 mx-2 dropdown dropdown-custom"> <a class="nav-link px-2 dropdown-toggle text-uppercase " href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" id="dropdown-ma-ville"> Ma ville  </a> <div class="dropdown-menu"> <div class="container-xl py-lg-3"> <div class="row"> <div class="col-12 col-lg-8"> <div class="row"> <div class="col-12 mt-2"> <div class="overflow-hidden"> <h2 class="titre-menu text-uppercase d-lg-inline-block d-none">Ma ville</h2> </div> </div> <div class="col-12 col-lg-6 mt-lg-4"> <h5 class="brd-jaune border-bottom border-2 p-2">Découvrir Mireval</h5> <ul class="custom-list"> <li> <a class="link rounded-2 px-3 " href="comment-venir-a-mireval"><i class="bi bi-arrow-right text-primary"></i> Comment venir à Mireval </a> </li> <li> <a class="link rounded-2 px-3 " href="commerces-et-entreprises"><i class="bi bi-arrow-right text-primary"></i> Commerces et entreprises </a> </li> <li> <a class="link rounded-2 px-3 " href="democratie-participative"><i class="bi bi-arrow-right text-primary"></i> Démocratie participative </a> </li> <li> <a class="link rounded-2 px-3 " href="plan-de-ville"><i class="bi bi-arrow-right text-primary"></i> Plan de Ville </a> </li> <li> <a class="link rounded-2 px-3 " href="mireval-en-images"><i class="bi bi-arrow-right text-primary"></i> Mireval en images </a> </li> <li> <a class="link rounded-2 px-3 " href="decouvrir-mireval"><i class="bi bi-arrow-right text-primary"></i> Découvrir Mireval </a> </li> <li> <a class="link rounded-2 px-3 " href="dans-les-alentours"><i class="bi bi-arrow-right text-primary"></i> Dans les alentours </a> </li> </ul> </div> <div class="col-12 col-lg-6 mt-lg-4"> <h5 class="brd-jaune border-bottom border-2 p-2">Vie Municipale</h5> <ul class="custom-list"> <li> <a class="link rounded-2 px-3 " href="je-reste-informe-reseaux-sociaux-mireval-connect"><i class="bi bi-arrow-right text-primary"></i> Je reste informé <span class='comment d-block small ps-4 text-primary'>Réseaux sociaux - Mireval Connect</span> </a> </li> <li> <a class="link rounded-2 px-3 " href="vie-economique-marche-hebdomadaire-annuaire-des-professionnels"><i class="bi bi-arrow-right text-primary"></i> Vie économique <span class='comment d-block small ps-4 text-primary'>Marché hebdomadaire, annuaire des professionnels</span> </a> </li> <li> <a class="link rounded-2 px-3 " href="communaute-d-agglomeration"><i class="bi bi-arrow-right text-primary"></i> Communauté d'agglomération </a> </li> <li> <a class="link rounded-2 px-3 " href="budget-commune-finances-publiques"><i class="bi bi-arrow-right text-primary"></i> Budget Commune <span class='comment d-block small ps-4 text-primary'>Finances publiques</span> </a> </li> <li> <a class="link rounded-2 px-3 " href="services-municipaux"><i class="bi bi-arrow-right text-primary"></i> Services municipaux </a> </li> </ul> </div> <div class="col-12 col-lg-6 mt-lg-4"> <h5 class="brd-jaune border-bottom border-2 p-2">Conseil municipal</h5> <ul class="custom-list"> <li> <a class="link rounded-2 px-3 " href="dates-des-conseils-municipaux"><i class="bi bi-arrow-right text-primary"></i> Dates des conseils municipaux </a> </li> <li> <a class="link rounded-2 px-3 " href="conseils-municipaux"><i class="bi bi-arrow-right text-primary"></i> Conseils municipaux </a> </li> <li> <a class="link rounded-2 px-3 " href="equipe-municipale"><i class="bi bi-arrow-right text-primary"></i> Equipe Municipale </a> </li> </ul> </div> <div class="col-12 col-lg-6 mt-lg-4"> <h5 class="brd-jaune border-bottom border-2 p-2">Actes administratifs</h5> <ul class="custom-list"> <li> <a class="link rounded-2 px-3 " href="consultation-des-documents-administratifs-consultables-de-mireval"><i class="bi bi-arrow-right text-primary"></i> Consultation des documents administratifs consultables de Mireval </a> </li> </ul> </div> </div> </div> <div class="col-12 col-lg-4"> <div class="bg-gris h-100 header-rapide pt-1"> <h5 class="brd-bleu border-bottom border-2 py-2 mx-3">Accès rapide</h5> <div class="p-3"> <ul class="list-unstyled list-rapide"> <li class="mb-4"><a href="agenda"><img class="me-2" src="cms/Rédactionnels/tmz164301/icon-evenement.svg" alt="Agenda & évènements"">Agenda & évènements</a></li> <li class="mb-4"><a href="demarches-d-urbanisme"><img class="me-2" src="cms/Rédactionnels/tmz164296/icon-urbanisme-mireval0.svg" alt="Urbanisme"">Urbanisme</a></li> <li class="mb-4"><a href="espace-familles"><img class="me-2" src="cms/Rédactionnels/tmz165342/icon-famille0.svg" alt="Espace Familles"">Espace Familles</a></li> <li class="mb-4"><a href="plan-de-ville"><img class="me-2" src="cms/Rédactionnels/tmz164287/icon-plan-de-ville.svg" alt="Plan de la Ville"">Plan de la Ville</a></li> <li class="mb-4"><a href="restauration-scolaire"><img class="me-2" src="cms/Rédactionnels/tmz164383/icon-menus.svg" alt="Menus Enfance"">Menus Enfance</a></li> </ul> <a class="btn btn-danger btn-demarche fs-4" aria-current="page" href="signaler-un-incident"> <i class="bi bi-exclamation-triangle"></i> Signaler un incident </a> </div> </div> </div> </div> </div> </div> </li> <li class="nav-item mb-0 mx-2 dropdown dropdown-custom"> <a class="nav-link px-2 dropdown-toggle text-uppercase active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" id="dropdown-quotidien"> Quotidien  </a> <div class="dropdown-menu"> <div class="container-xl py-lg-3"> <div class="row"> <div class="col-12 col-lg-8"> <div class="row"> <div class="col-12 mt-2"> <div class="overflow-hidden"> <h2 class="titre-menu text-uppercase d-lg-inline-block d-none">Quotidien</h2> </div> </div> <div class="col-12 col-lg-6 mt-lg-4"> <h5 class="brd-jaune border-bottom border-2 p-2">Quotidien</h5> <ul class="custom-list"> <li> <a class="link active rounded-2 px-3 " href="signaler-un-incident"><i class="bi bi-arrow-right text-primary"></i> Signaler un incident </a> </li> <li> <a class="link rounded-2 px-3 " href="actualites"><i class="bi bi-arrow-right text-primary"></i> Actualités </a> </li> <li> <a class="link rounded-2 px-3 " href="contact"><i class="bi bi-arrow-right text-primary"></i> Contact </a> </li> <li> <a class="link rounded-2 px-3 " href="accessibilite-et-handicaop"><i class="bi bi-arrow-right text-primary"></i> Accessibilité et handicap </a> </li> <li> <a class="link rounded-2 px-3 " href="actualites-travaux"><i class="bi bi-arrow-right text-primary"></i> Travaux en cours </a> </li> <li> <a class="link rounded-2 px-3 " href="agenda"><i class="bi bi-arrow-right text-primary"></i> Agenda </a> </li> </ul> </div> <div class="col-12 col-lg-6 mt-lg-4"> <h5 class="brd-jaune border-bottom border-2 p-2">Urbanisme</h5> <ul class="custom-list"> <li> <a class="link rounded-2 px-3 " href="plan-local-d-urbanisme"><i class="bi bi-arrow-right text-primary"></i> Plan local d'urbanisme <span class='comment small fw-bold ps-1 text-primary'>PLU</span> </a> </li> <li> <a class="link rounded-2 px-3 " href="cadastre"><i class="bi bi-arrow-right text-primary"></i> Cadastre </a> </li> <li> <a class="link rounded-2 px-3 " href="demarches-d-urbanisme"><i class="bi bi-arrow-right text-primary"></i> Démarches d'Urbanisme </a> </li> <li> <a class="link rounded-2 px-3 " href="plan-de-prevention-du-risque-inondation"><i class="bi bi-arrow-right text-primary"></i> Plan de Prévention du Risque Inondation <span class='comment small fw-bold ps-1 text-primary'>PPRI</span> </a> </li> <li> <a class="link rounded-2 px-3 " href="plan-communal-de-sauvegarde-pcs"><i class="bi bi-arrow-right text-primary"></i> Plan Communal de Sauvegarde <span class='comment small fw-bold ps-1 text-primary'>PCS</span> </a> </li> <li> <a class="link rounded-2 px-3 " href="permis-de-vegetalisme"><i class="bi bi-arrow-right text-primary"></i> Permis de végétaliser </a> </li> </ul> </div> <div class="col-12 col-lg-6 mt-lg-4"> <h5 class="brd-jaune border-bottom border-2 p-2">Environnement et Citoyenneté</h5> <ul class="custom-list"> <li> <a class="link rounded-2 px-3 " href="eclairage-public"><i class="bi bi-arrow-right text-primary"></i> Éclairage public </a> </li> <li> <a class="link rounded-2 px-3 " href="vert-demain-et-zero-phyto"><i class="bi bi-arrow-right text-primary"></i> Vert demain et Zéro Phyto </a> </li> <li> <a class="link rounded-2 px-3 " href="dechets-du-quotidien"><i class="bi bi-arrow-right text-primary"></i> Déchets du quotidien </a> </li> </ul> </div> <div class="col-12 col-lg-6 mt-lg-4"> <h5 class="brd-jaune border-bottom border-2 p-2">Centre Communal d’Action sociale</h5> <ul class="custom-list"> <li> <a class="link rounded-2 px-3 " href="informations-pratiques-ccas"><i class="bi bi-arrow-right text-primary"></i> Informations pratiques CCAS </a> </li> <li> <a class="link rounded-2 px-3 " href="actes-administratifs-ccas"><i class="bi bi-arrow-right text-primary"></i> Actes administratifs CCAS </a> </li> <li> <a class="link rounded-2 px-3 " href="activites-du-ccas"><i class="bi bi-arrow-right text-primary"></i> Activités du CCAS </a> </li> <li> <a class="link rounded-2 px-3 " href="budget-du-ccas"><i class="bi bi-arrow-right text-primary"></i> Budget du CCAS </a> </li> </ul> </div> </div> </div> <div class="col-12 col-lg-4"> <div class="bg-gris h-100 header-rapide pt-1"> <h5 class="brd-bleu border-bottom border-2 py-2 mx-3">Accès rapide</h5> <div class="p-3"> <ul class="list-unstyled list-rapide"> <li class="mb-4"><a href="agenda"><img class="me-2" src="cms/Rédactionnels/tmz164301/icon-evenement.svg" alt="Agenda & évènements"">Agenda & évènements</a></li> <li class="mb-4"><a href="demarches-d-urbanisme"><img class="me-2" src="cms/Rédactionnels/tmz164296/icon-urbanisme-mireval0.svg" alt="Urbanisme"">Urbanisme</a></li> <li class="mb-4"><a href="espace-familles"><img class="me-2" src="cms/Rédactionnels/tmz165342/icon-famille0.svg" alt="Espace Familles"">Espace Familles</a></li> <li class="mb-4"><a href="plan-de-ville"><img class="me-2" src="cms/Rédactionnels/tmz164287/icon-plan-de-ville.svg" alt="Plan de la Ville"">Plan de la Ville</a></li> <li class="mb-4"><a href="restauration-scolaire"><img class="me-2" src="cms/Rédactionnels/tmz164383/icon-menus.svg" alt="Menus Enfance"">Menus Enfance</a></li> </ul> <a class="btn btn-danger btn-demarche fs-4" aria-current="page" href="signaler-un-incident"> <i class="bi bi-exclamation-triangle"></i> Signaler un incident </a> </div> </div> </div> </div> </div> </div> </li> <li class="nav-item mb-0 mx-2 dropdown dropdown-custom"> <a class="nav-link px-2 dropdown-toggle text-uppercase " href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" id="dropdown-enfance-jeunesse"> Enfance & Jeunesse  </a> <div class="dropdown-menu"> <div class="container-xl py-lg-3"> <div class="row"> <div class="col-12 col-lg-8"> <div class="row"> <div class="col-12 mt-2"> <div class="overflow-hidden"> <h2 class="titre-menu text-uppercase d-lg-inline-block d-none">Enfance & Jeunesse</h2> </div> </div> <div class="col-12 col-lg-6 mt-lg-4"> <h5 class="brd-jaune border-bottom border-2 p-2">Petite enfance</h5> <ul class="custom-list"> <li> <a class="link rounded-2 px-3 " href="creche"><i class="bi bi-arrow-right text-primary"></i> Crèche </a> </li> <li> <a class="link rounded-2 px-3 " href="assistantes-maternelles-relais-petite-enfance-rpe"><i class="bi bi-arrow-right text-primary"></i> Assistantes Maternelles / Relais Petite Enfance <span class='comment small fw-bold ps-1 text-primary'>RPE</span> </a> </li> </ul> </div> <div class="col-12 col-lg-6 mt-lg-4"> <h5 class="brd-jaune border-bottom border-2 p-2">SEJM</h5> <ul class="custom-list"> <li> <a class="link rounded-2 px-3 " href="service-enfance-jeunesse-mirevalais"><i class="bi bi-arrow-right text-primary"></i> Service Enfance Jeunesse Mirevalais </a> </li> <li> <a class="link rounded-2 px-3 " href="accueil-de-loisirs-extrascolaire-ale"><i class="bi bi-arrow-right text-primary"></i> Accueil de Loisirs Extrascolaire <span class='comment small fw-bold ps-1 text-primary'>ALE</span> </a> </li> <li> <a class="link rounded-2 px-3 " href="accueil-de-loisirs-periscolaire-alp"><i class="bi bi-arrow-right text-primary"></i> Accueil de Loisirs Périscolaire <span class='comment small fw-bold ps-1 text-primary'>ALP</span> </a> </li> <li> <a class="link rounded-2 px-3 " href="club-ados"><i class="bi bi-arrow-right text-primary"></i> Club Ados </a> </li> <li> <a class="link rounded-2 px-3 " href="ludotheque"><i class="bi bi-arrow-right text-primary"></i> Ludothèque </a> </li> <li> <a class="link rounded-2 px-3 " href="restauration-scolaire"><i class="bi bi-arrow-right text-primary"></i> Restauration scolaire </a> </li> <li> <a class="link rounded-2 px-3 " href="conseil-municipal-des-jeunes"><i class="bi bi-arrow-right text-primary"></i> Conseil Municipal des Jeunes </a> </li> </ul> </div> <div class="col-12 col-lg-6 mt-lg-4"> <h5 class="brd-jaune border-bottom border-2 p-2">Ecoles</h5> <ul class="custom-list"> <li> <a class="link rounded-2 px-3 " href="ecole-elementaire"><i class="bi bi-arrow-right text-primary"></i> École élémentaire </a> </li> <li> <a class="link rounded-2 px-3 " href="ecole-maternelle"><i class="bi bi-arrow-right text-primary"></i> École maternelle </a> </li> <li> <a class="link rounded-2 px-3 " href="rased"><i class="bi bi-arrow-right text-primary"></i> Cursus Occitan </a> </li> </ul> </div> <div class="col-12 col-lg-6 mt-lg-4"> <h5 class="brd-jaune border-bottom border-2 p-2">Informations et actualités</h5> <ul class="custom-list"> <li> <a class="link rounded-2 px-3 " href="actualites-jeunesse"><i class="bi bi-arrow-right text-primary"></i> Actualités Enfance et Jeunesse </a> </li> <li> <a class="link rounded-2 px-3 " href="transports-scolaires"><i class="bi bi-arrow-right text-primary"></i> Transports scolaires </a> </li> </ul> </div> </div> </div> <div class="col-12 col-lg-4"> <div class="bg-gris h-100 header-rapide pt-1"> <h5 class="brd-bleu border-bottom border-2 py-2 mx-3">Accès rapide</h5> <div class="p-3"> <ul class="list-unstyled list-rapide"> <li class="mb-4"><a href="agenda"><img class="me-2" src="cms/Rédactionnels/tmz164301/icon-evenement.svg" alt="Agenda & évènements"">Agenda & évènements</a></li> <li class="mb-4"><a href="demarches-d-urbanisme"><img class="me-2" src="cms/Rédactionnels/tmz164296/icon-urbanisme-mireval0.svg" alt="Urbanisme"">Urbanisme</a></li> <li class="mb-4"><a href="espace-familles"><img class="me-2" src="cms/Rédactionnels/tmz165342/icon-famille0.svg" alt="Espace Familles"">Espace Familles</a></li> <li class="mb-4"><a href="plan-de-ville"><img class="me-2" src="cms/Rédactionnels/tmz164287/icon-plan-de-ville.svg" alt="Plan de la Ville"">Plan de la Ville</a></li> <li class="mb-4"><a href="restauration-scolaire"><img class="me-2" src="cms/Rédactionnels/tmz164383/icon-menus.svg" alt="Menus Enfance"">Menus Enfance</a></li> </ul> <a class="btn btn-danger btn-demarche fs-4" aria-current="page" href="signaler-un-incident"> <i class="bi bi-exclamation-triangle"></i> Signaler un incident </a> </div> </div> </div> </div> </div> </div> </li> <li class="nav-item mb-0 mx-2 dropdown dropdown-custom"> <a class="nav-link px-2 dropdown-toggle text-uppercase " href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" id="dropdown-culture-sport"> Culture & Sport  </a> <div class="dropdown-menu"> <div class="container-xl py-lg-3"> <div class="row"> <div class="col-12 col-lg-8"> <div class="row"> <div class="col-12 mt-2"> <div class="overflow-hidden"> <h2 class="titre-menu text-uppercase d-lg-inline-block d-none">Culture & Sport</h2> </div> </div> <div class="col-12 col-lg-6 mt-lg-4"> <h5 class="brd-jaune border-bottom border-2 p-2">Associations</h5> <ul class="custom-list"> <li> <a class="link rounded-2 px-3 " href="demarches-associatives"><i class="bi bi-arrow-right text-primary"></i> Démarches associatives </a> </li> <li> <a class="link rounded-2 px-3 " href="annuaire-des-associations"><i class="bi bi-arrow-right text-primary"></i> Annuaire des Associations </a> </li> </ul> </div> <div class="col-12 col-lg-6 mt-lg-4"> <h5 class="brd-jaune border-bottom border-2 p-2">Culture</h5> <ul class="custom-list"> <li> <a class="link rounded-2 px-3 " href="centre-culturel-leo-malet"><i class="bi bi-arrow-right text-primary"></i> Centre culturel Léo Malet </a> </li> </ul> </div> <div class="col-12 col-lg-6 mt-lg-4"> <h5 class="brd-jaune border-bottom border-2 p-2">Médiathèques Kiosque</h5> <ul class="custom-list"> <li> <a class="link rounded-2 px-3 " href="mediatheques-kiosque"><i class="bi bi-arrow-right text-primary"></i> Médiathèques Kiosque </a> </li> </ul> </div> <div class="col-12 col-lg-6 mt-lg-4"> <h5 class="brd-jaune border-bottom border-2 p-2">Activité plein air</h5> <ul class="custom-list"> <li> <a class="link rounded-2 px-3 " href="installations-sportives"><i class="bi bi-arrow-right text-primary"></i> Installations sportives </a> </li> <li> <a class="link rounded-2 px-3 " href="piste-cyclable"><i class="bi bi-arrow-right text-primary"></i> Piste cyclable </a> </li> <li> <a class="link rounded-2 px-3 " href="massif-de-la-gardiole-et-ses-periodes-de-chasse"><i class="bi bi-arrow-right text-primary"></i> Massif de la Gardiole et ses périodes de chasse </a> </li> </ul> </div> </div> </div> <div class="col-12 col-lg-4"> <div class="bg-gris h-100 header-rapide pt-1"> <h5 class="brd-bleu border-bottom border-2 py-2 mx-3">Accès rapide</h5> <div class="p-3"> <ul class="list-unstyled list-rapide"> <li class="mb-4"><a href="agenda"><img class="me-2" src="cms/Rédactionnels/tmz164301/icon-evenement.svg" alt="Agenda & évènements"">Agenda & évènements</a></li> <li class="mb-4"><a href="demarches-d-urbanisme"><img class="me-2" src="cms/Rédactionnels/tmz164296/icon-urbanisme-mireval0.svg" alt="Urbanisme"">Urbanisme</a></li> <li class="mb-4"><a href="espace-familles"><img class="me-2" src="cms/Rédactionnels/tmz165342/icon-famille0.svg" alt="Espace Familles"">Espace Familles</a></li> <li class="mb-4"><a href="plan-de-ville"><img class="me-2" src="cms/Rédactionnels/tmz164287/icon-plan-de-ville.svg" alt="Plan de la Ville"">Plan de la Ville</a></li> <li class="mb-4"><a href="restauration-scolaire"><img class="me-2" src="cms/Rédactionnels/tmz164383/icon-menus.svg" alt="Menus Enfance"">Menus Enfance</a></li> </ul> <a class="btn btn-danger btn-demarche fs-4" aria-current="page" href="signaler-un-incident"> <i class="bi bi-exclamation-triangle"></i> Signaler un incident </a> </div> </div> </div> </div> </div> </div> </li> <li class="nav-item mx-2 mb-0"> <a class="btn btn-primary btn-demarche text-uppercase" aria-current="page" href="demarches-administratives"> <i class="bi bi-file-earmark-text"></i> Démarches </a> </li> <li class="nav-item mx-2 mt-3 mt-lg-0 mb-0 nav-recherche"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <i class="bi bi-search"></i> </a> <div class="dropdown-menu dropdown-menu-end"> <form action="rechercher"> <div class="input-group my-2"> <input type="text" class="form-control form-control-sm" placeholder="Recherche" name="recherche"> <div class="input-group-append"> <button class="btn px-3" type="submit"><i class="bi bi-search"></i></button> </div> </div> </form> </div> </li> </ul> </div> </div> </div> </nav> </header>  <main id="content" role="main"> <div class="cms"> <div class="debut"></div> <div class="bg-img-center" style="background-image: url(miniatures/cms/Paragraphes/tms1103233/entete-assocciations-3000-4000.webp);"> <div class="container-lg px-0"> <div class="entete py-4 px-2 justify-content-center justify-lg-content-start"> <h1 class="display-6 text-white mb-0">Déclarez un incident observé dans Mireval</h1> </div>  </div> </div> <style>ul {margin-bottom:0px;}</style> <div class="container"> <form id="formulaire" autocomplete="off" class="form-inscription"> <input type="hidden" name="IP" value="8.222.208.146"> <input type="hidden" name="post" value="Agenda"> <input type="hidden" name="code" id="code" value=""> <input type="hidden" name="Agenda:Catégorie" value="Web"> <input type="hidden" name="Agenda:Type Contact" value="Signalement d’incident"> <input type="hidden" name="Agenda:Identifiant" id="uuid" value="D9355BBFE38447EB810668CDA7FA968D"> <input type="hidden" name="Agenda:Date" value="03/03/2025"> <input type="hidden" name="Agenda:Heure début" value="11:25:51"> <input type="hidden" name="Agenda:I-eMailsNotification" value="services.techniques@mireval34.fr, j.dalbin@mireval34.fr, d.agez@mireval34.fr"> <h2></h2> <span>Merci de remplir soigneusement le formulaire</span> <div class="row"> <div class="col-6"> <div class="encart-white p-2 "> <label class="form-label title-label"><span>Nom et prénom</span> * :</label><br> <input type="text" id="wid1" name="Agenda:I-Nom" value="" class="form-control valid"> </div> </div> <div class="col-12"> <div class="encart-white p-2 "> <label class="form-label title-label"><span>Adresse</span> :</label><br> <textarea class="form-control" id="wid2" name="Agenda:I-Adresse" value="" rows="3"></textarea> </div> </div> <div class="col-4"> <div class="encart-white p-2 "> <label class="form-label title-label"><span>Code postal</span> :</label><br> <input type="text" id="wid3" name="Agenda:I-Code postal" value="" class="form-control"> </div> </div> <div class="col-8"> <div class="encart-white p-2 "> <label class="form-label title-label"><span>Ville</span> :</label><br> <input type="text" id="wid4" name="Agenda:I-Ville" value="" class="form-control"> </div> </div> <div class="col-5"> <div class="encart-white p-2 "> <label class="form-label title-label"><span>Téléphone</span> :</label><br> <input type="text" id="wid5" name="Agenda:I-T-Téléphone" value="" class="form-control"> </div> </div> <div class="col-7"> <div class="encart-white p-2 "> <label class="form-label title-label"><span>e-Mail</span> * :</label><br> <input type="email" id="wid6" name="Agenda:I-eMail" value="" class="form-control valid"> </div> </div> <div class="col-12"> <div class="encart-white p-2 "> <label class="form-label title-label"><span>Décrivez le problème découvert</span> * :</label><br> <textarea class="form-control valid" id="wid7" name="Agenda:I-Commentaires" value="" rows="3"></textarea> </div> </div> <div class="col-4 mb-4 "> <div class="encart-white p-2 h-100"> <div class="h-100 d-flex flex-column justify-content-between align-items-center py-3"> <div class="text-center lh-1 mb-2"><span>Photo 1</span></div> <div class="document"> <div class="dropzone dropzone-box dropzone-valid" data-max-size="20" data-chemin="temp/D9355BBFE38447EB810668CDA7FA968D" data-nom="Photo1" data-suffixe="image/*,application/pdf,.doc,.docx" data-download=""></div> </div> </div> </div> </div> <div class="col-4 mb-4 "> <div class="encart-white p-2 h-100"> <div class="h-100 d-flex flex-column justify-content-between align-items-center py-3"> <div class="text-center lh-1 mb-2"><span>Photo 2</span></div> <div class="document"> <div class="dropzone dropzone-box dropzone-valid" data-max-size="20" data-chemin="temp/D9355BBFE38447EB810668CDA7FA968D" data-nom="Photo2" data-suffixe="image/*,application/pdf,.doc,.docx" data-download=""></div> </div> </div> </div> </div> <div class="col-4 mb-4 "> <div class="encart-white p-2 h-100"> <div class="h-100 d-flex flex-column justify-content-between align-items-center py-3"> <div class="text-center lh-1 mb-2"><span>Photo 3</span></div> <div class="document"> <div class="dropzone dropzone-box dropzone-valid" data-max-size="20" data-chemin="temp/D9355BBFE38447EB810668CDA7FA968D" data-nom="Photo3" data-suffixe="image/*,application/pdf,.doc,.docx" data-download=""></div> </div> </div> </div> </div> </div> <h4>Votre localisation est intégrée pour faciliter notre intervention</h4> <div id="map" style="height: 400px; width: 100%;"></div> <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script> <script> // Initialiser la carte const map = L.map('map').setView([0, 0], 13); // Coordonnées par défaut // Ajouter une couche OpenStreetMap L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© OpenStreetMap contributors' }).addTo(map); // Ajouter un marqueur (sera mis à jour) const marker = L.marker([0, 0]).addTo(map); // Obtenir la géolocalisation if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(position) { const latitude = position.coords.latitude; const longitude = position.coords.longitude; // Centrer la carte sur la position map.setView([latitude, longitude], 13); // Mettre à jour le marqueur marker.setLatLng([latitude, longitude]) .bindPopup("Vous êtes ici !") .openPopup(); // Remplir les champs du formulaire document.getElementById("lat").value = latitude; document.getElementById("lng").value = longitude; }, function(error) { alert("Erreur lors de la géolocalisation : " + error.message); }); } else { alert("La géolocalisation n'est pas supportée par ce navigateur."); } </script> <input type="hidden" name="Agenda:I-Latitude" id="lat" readonly> <input type="hidden" name="Agenda:I-Longitude" id="lng" readonly> <div class="mt-4 text-center mb-6"> <div class="text-danger pb-2 message-valid" style="display: none;"> <i class="bi bi-info-circle"></i> <span>Veuillez vérifier les champs obligatoires.</span> </div> <button type="button" class="btn btn-outline-primary" onClick="validerFormulaire()"><span>Envoyer</span></button> </div> </div> </div> <div id="template-ars-custom" style="display: none;"> <div class="dz-preview dz-file-preview"> <div class="dz-image"> <div class="dz-size" data-dz-size></div> <img data-dz-thumbnail alt=""/> </div> <div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress></span></div> <div class="dz-success-mark"><span>✔</span></div> <div class="dz-error-mark"><span>✘</span></div> <div class="dz-error-message"><span data-dz-errormessage></span></div> <a class="btn btn-outline-primary btn-xs btn-apercu mb-2" download onClick="previewDocs($(this))" target="_blank"><i class="bi bi-eye"></i> <span>Aperçu</span></a> </div> </div> <script> $('.page').hide(); $('.page#p1').show(); //$('.page#p4').show(); $(document).on('ready', function () { Dropzone.autoDiscover = false; var dropzones = []; $('#formulaire .dropzone').each(function(i, el){ var _container = $(el); var _suffixe_accepted = $(el).data('suffixe'); var chemin = $(el).data('chemin')+'/'+$(el).data('nom'); var _nom = $(el).data('nom'); var _thumbnail = $(el).data('thumbnail'); var _inputValid = $(el).closest('.document').find('.valid-doc'); var _maxSize = parseInt($(el).data('max-size'));//vf23.9 var myDropzone = new Dropzone(el, { previewTemplate: document.querySelector('#template-ars-custom').innerHTML, url: 'wd/envoi', params: {chemin: chemin}, forceText: true, //createImageThumbnails:false, acceptedFiles: _suffixe_accepted, autoProcessQueue: true, uploadMultiple: false, parallelUploads: 1, maxFiles: 1, maxFilesize: _maxSize, timeout:3600000, addRemoveLinks: true, dictRemoveFile:' <i class="bi-trash"></i>', dictRemoveFileConfirmation: "Êtes-vous sûr de vouloir supprimer ce document ?", dictFallbackMessage:'Votre navigateur ne supporte pas le Dropzone.', dictInvalidFileType:'Les documents déposés doivent être au format image, PDF, doc ou docx.', dictFileTooBig:'Taille maximum limite par document : {{maxFilesize}}Mo.', dictResponseError: "Serveur réponses erreur avec {{statusCode}} code.", dictCancelUpload: "Annuler le téléchargement", dictUploadCanceled: "Téléchargement annulé.", dictCancelUploadConfirmation: "Voulez-vous vraiment annuler ce téléchargement ?", dictMaxFilesExceeded: "1 Document maximum", init: function(){ if ((_thumbnail != '') && (_thumbnail != undefined)){ var myDropzone = this; var mockFile = {name:_nom+"."+_thumbnail.split(".").pop(),dataURL:_thumbnail,size:12345,statuts:'queued',id:i,nameWithoutExt:_nom,suffix:_thumbnail.split(".").pop()}; //console.log(mockFile); mockFile.accepted = true; myDropzone.files.push(mockFile); myDropzone.emit("addedfile", mockFile); myDropzone.createThumbnailFromUrl(mockFile, myDropzone.options.thumbnailWidth, myDropzone.options.thumbnailHeight, myDropzone.options.thumbnailMethod, true, function (thumbnail) { myDropzone.emit('thumbnail', mockFile, thumbnail); }); myDropzone.emit("complete", mockFile); _inputValid.val('ok'); } this.on("error", function(file, errorMessage) { if ((this.getAcceptedFiles().length<1) || (this.getUploadingFiles().length=1)) { this.removeFile(file); } if(errorMessage.indexOf('timedout')>-1) { alert('Délai trop long pour l‘envoi du document'); } else { alert(errorMessage); } }); this.on("timeout", function(file) {// not working this.removeFile(file); }); this.on("removedfile", function(file){ var ext = file.name.split('.').pop(); $.get(' wd/envoi/?supprimer='+chemin+'.'+ext, function(data) { // console.log(data.result); _inputValid.val(''); }); }); this.on("success", function(file, responseText) { _inputValid.val('ok'); $('#formulaire').valid(); // if(response.result =='ok') { // _inputValid.val('ok'); // $('#formulaire').valid(); // }else { // this.removeFile(file); // alert(response.message); // } }); }, }) dropzones.push(myDropzone) }); }) </script> </form> <div id="inscription-ok"> </div> </div> <script> initialFormValues = $('#formulaire').serialize(); initialFormValues = initialFormValues.replace(/&?I-Langue=[^&]*/g, ''); $(document).ready(function() { initValidateFormulaire($('#formulaire')); majValideDocs($('#formulaire')); blocMaj('1'); }); function pagePrev() { var page_actuelle = $('.page:visible'); var page_to = page_actuelle.prev(); if (page_to.length>0) { page_actuelle.hide();page_to.show('slow'); } } function pageNext() { var page_actuelle = $('.page:visible'); var page_to = page_actuelle.next(); if( (page_to.length>0) && ($('#formulaire').valid())) { $('.message-valid').fadeOut(); page_actuelle.hide();page_to.show('slow'); } } function setLangue(langue) { var FormValues = $('#formulaire').serialize(); FormValues = FormValues.replace(/&?I-Langue=[^&]*/g, ''); var langue_now = (langue=='EN') ? 'FR':'EN'; if (initialFormValues == FormValues) { $('#formulaire').load('wd/bloc/modules/Formulaire|formulaire?par=tmz209234&l='+langue); }else { bootbox.confirm({ message: ((langue_now=='FR') ? 'Pensez à enregistrer avant de changer la langue.<br>Confirmer le changement de la langue ?':'Remember to save before changing the language.<br>Confirm language change ?'), closeButton: false, callback: function (result) { if (result == true) { $('#formulaire').load('wd/bloc/modules/Formulaire|formulaire?par=tmz209234&l='+langue); }else { $('#b'+langue).prop('checked',false); $('#b'+langue_now).prop('checked',true) } }, buttons: { confirm: { label: ((langue_now=='FR')?'Confirmer':'Confirm'), className: 'btn-primary' }, cancel: { label: ((langue_now=='FR')?'Annuler':'Cancel'), className: 'btn-outline-primary' } }, locale: 'fr' }); console.log('--------') console.log(initialFormValues); console.log(FormValues); console.log('--------') } } // ---------- BLOC Début -----------// function blocAjouter(element){ var bloc_indice = element.closest('.bloc').data('no'); var blocACloner = $('.bloc.b'+bloc_indice).first(); var last_visible = $('.bloc.active.b'+bloc_indice).last(); //var blocACloner = (element.hasClass('bloc')) ? element:element.closest('.bloc'); //alert(last_visible.next('.bloc:hidden').length); if (last_visible.next('.bloc:hidden').length>0) { var bloc = last_visible.next('.bloc:hidden'); bloc.show(); bloc.addClass('active'); bloc.find('.btn-bloc-ajouter').show(); }else { var bloc = blocACloner.clone(); //var last = blocACloner.siblings('.bloc').last(); var last = $('.bloc.b'+bloc_indice).last() bloc.insertAfter(last); viderChamps(bloc); //var indice = blocACloner.siblings('.bloc').length+1; var indice = parseInt(last.find('input').first().attr('name').charAt(last.find('input').first().attr('name').length - 1)); if (isNaN(indice)) {indice = 1} bloc.find('input,select,textarea').each(function(champs){ $(this).attr('name',$(this).attr('name')+(indice+1)); }); } blocMaj(blocACloner.data('no')); $('html').animate({scrollTop: bloc.offset().top,},800) } function blocSupprimer(element){ var blocASupprimer = (element.hasClass('bloc')) ? element:element.closest('.bloc'); viderChamps(blocASupprimer); blocASupprimer.prev('.bloc.active').find('.btn-bloc-ajouter').show(); blocASupprimer.removeClass('active'); blocASupprimer.hide(); blocMaj(blocASupprimer.data('no')); } function blocMaj(no) {// MAJ les names, buttons var first = $('.bloc.b'+no+'.active').first(); var last = $('.bloc.b'+no+'.active').last(); last.siblings().find('.btn-bloc-ajouter').hide(); last.find('.btn-bloc-ajouter').show();// afficher le dernier btn Ajouter if($('.bloc.b'+no+'.active').length<2) { $('.bloc.b'+no).find('.btn-bloc-supprimer').hide(); }else { $('.bloc.b'+no).find('.btn-bloc-supprimer').show(); } first.find('.btn-bloc-supprimer').hide(); // alert(first.data('no')+' - '+last.data('no')); majValid($('#formulaire')); } // ---------- BLOC Fin -----------// function validerFormulaire() { if ($('#formulaire').valid()) { $('.message-valid').fadeOut(); var btn = $(event.target).closest('button'); traitement(btn); $('#inscription-ok').load('wd/bloc/modules/Formulaire|inscription',$('#formulaire').serializeArray(),function(code){ //$.removeCookie('pre-selection'); $('#formulaire').fadeOut(function(){$('#inscription-ok').fadeIn(function(){$('html').animate({scrollTop: $('#inscription-ok').offset().top,},800)})}); removeTraitement(btn); }) } } function majValideDocs(form) { form.find('.valid-doc').each(function (item){ var input = $(this); input.rules("add", {required: function (){return input.closest('.document').is(':visible');}}); }); } function previewDocs(element) { var lien = element.closest('.dropzone').data('download'); element.attr('href',lien); } </script> <div class="fin"></div> </div> </main> <footer class="container-fluidf mt-3 mt-lg-0 border-top border-1" style="overflow:hidden"> <div class="container-xl px-0"> <div class="row align-items-md-center"> <div class="col-lg-4 col-12 mb-md-0 text-center py-4"> <img src="media/mireval_logo_footer.png" class="img-fluid h-foot mx-auto" alt="Logo de la ville de Mireval"> </div> <div class="col-lg-8 col-12"> <div class="footer-bg-white-black p-3"> <div class="row"> <div class="col-md-6 col-12 mt-4 mb-3 mb-md-0 align-self-start"> <h4 class="text-light fs-light fs-3">Mairie de Mireval</h4> <ul class="list-inline text-white"> <li class="list-inline-item align-top"><img src="media/icon-location.svg" alt="Icône Plan"></li> <li class="list-inline-item">7 place Louis Aragon<br>34110 Mireval</li> </ul> <ul class="list-inline text-white"> <li class="list-inline-item"><img src="media/icon-phone.svg" alt="Icône téléphone"></li> <li class="list-inline-item"><a class="text-white" href="tel:0467186290"> 04.67.18.62.90</a></li> </ul> <a href="contact" class="text-blue mb-1">Formulaire de contact</a> <p class="text-white">Sauf demandes d’actes d’État Civil</p> </div> <div class="col-md-6 col-12 mt-4 mb-3 mb-md-0 align-self-start"> <p class="text-light fw-semibold">Inscrivez-vous à la newsletter</p> <form id="newsletter-footer"> <input type="hidden" name="memo" value="memo"> <input type="hidden" name="Catégorie" value="Web"> <input type="hidden" name="Type Contact" value="Newsletter"> <input type="hidden" name="Type" value="Newsletter"> <div class="input-card input-card-sm p-0 rounded-5"> <div class="input-card-form pe-0 rounded-5"> <input name="email" type="email" class="form-control form-control-lg rounded-5 valid" placeholder="Votre adresse-mail" aria-label="Votre adresse-mail"> </div> <button type="button" class="btn btn-primary btn-lg rounded-5" onClick="memoContact($('#newsletter-footer'))">M'inscrire</button> </div> </form> <div class="message-ok text-primary" style="display: none;"> Vous êtes inscrit ! </div> <script> $(document).ready(function() { initValidateFormulaire($('#newsletter-footer')); }) </script> <p class="text-light mt-4 mb-0 fw-semibold">Retrouvez-nous :</p> <a href="https://www.facebook.com/mireval34110/?locale=fr_FR" target="_blank" class=""><i class="bi bi-facebook text-white fs-1"></i></a> </div> </div> </div> </div> </div> </div> </footer> <section class="container-fluid bg-dark"> <div class="container"> <div class="row"> <div class="col-12 text-center py-2"> <ul class="list-inline list-separator text-white"> <li class="list-inline-item"> <a class="list-separator-link text-white" href="contact">Contactez-nous</a> </li> <li class="list-inline-item"> <a class="list-separator-link text-white" href="#">Mentions légales</a> </li> <li class="list-inline-item"> <a class="list-separator-link text-white" href="#">Plan du site</a> </li> <li class="list-inline-item"> <a class="list-separator-link text-white" href="#">Accessibilité</a> </li> </ul> </div> </div> </div> </section>  <a class="js-go-to go-to position-fixed" href="javascript:;" style="visibility: hidden;" data-hs-go-to-options='{"offsetTop": 700,"position": {"init": {"right": "2rem"},"show": {"bottom": "2rem"},"hide": {"bottom": "-2rem"}}}'><i class="bi-chevron-up"></i></a> </body> </html> <script> (function() { // INITIALIZATION OF VIDEO BACKGROUND // ======================================================= $('.js-video-bg').each(function () { var videoBg = new HSVideoBg($(this)).init(); }); }); </script>

CINXE.COM

Signaler un incident