Club Ados

<!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>Club Ados</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 " 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 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 active" 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 active 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/tmz206133/header-ludotheque-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-5 text-white mb-0">Club Ados</h1> </div>  </div> </div> <div class="container compo H3-blue img-fluid py-3 py-lg-6"> <div class='row'><div class='col-7'><h3>Le Club Ados est un lieu d’accueil libre sans obligation d’heure d’arrivée et/ou de départ du jeune.</h3><div>L’équipe est disponible et à l’écoute des envies des jeunes. Un programme adapté proposant des activités, des sorties culturelles / sportives, des baignades, des jeux de plein air et des séjours en toute sérénité pour les jeunes de 11 à 17 ans.<br>Il est ouvert le :<ul><li>Mercredi de 14h à 18h (hors vacances scolaires)</li><li>Pendant les vacances scolaires : du lundi au vendredi de 14h à 18h en fonction de la programmation.</li></ul><br>Fermetures annuelles du club ados : 1ère quinzaine d’août et 2ème semaine des vacances de Noêl.<br><br><a href="https://www.facebook.com/people/Club-Ados-Mireval/100057356653627/" target="_blank"><i class="bi bi-arrow-right-circle-fill"></i> Retrouvez l’actu du club ados de Mireval sur sa page Facebook</a></div></div><div class='col'><img src='cms/Paragraphes/tmz206749/Capture-d’écran-2024-11-18-à-14.29.05.jpg' class="img-fluid"></div></div> </div> <section class="container-fluid" style="background-color: "> <div class="container content-space-1"> <div class="row justify-content-center"> <div class="col-lg-3 col-12"> <div class="p-3 h-100"> <p class="mb-1 text-violet fw-semibold">Formulaire inscription Club Ados</p> <div class="doc my-2"> <div class="doc-preview shadow-2" href="cms/Paragraphes/tmz209248/1-Formulaire-Inscription-Club-Ados-2.pdf" > <a href="cms/Paragraphes/tmz209248/1-Formulaire-Inscription-Club-Ados-2.pdf" target="_blank"><img class="img-fluid" src="miniatures/cms/Paragraphes/tmz209248/1-Formulaire-Inscription-Club-Ados-2-400-9999.webp" alt="Paragraphes/tmz209248/1-Formulaire-Inscription-Club-Ados-2."></a> </div> <div class="doc-infos"> <a href="cms/Paragraphes/tmz209248/1-Formulaire-Inscription-Club-Ados-2.pdf" download="Paragraphes/tmz209248/1-Formulaire-Inscription-Club-Ados-2." class="text-primary mx-2" data-bs-toggle="tooltip" data-bs-placement="top" ><i class="bi bi-download"></i> Télécharger</a> </div> </div> <style> .doc {position:relative;} .doc:hover {cursor: pointer;} .doc-infos{background-color: rgba(255,255,255,0.8);position:absolute;width:100%;left:0;bottom:0;padding:5px;text-align: center;opacity: 0;transition: all 0.2s ease-in-out;} .doc-infos a {display: inline-block;} .doc:hover .doc-infos {opacity: 1;} </style> </div> </div> <div class="col-lg-3 col-12"> <div class="p-3 h-100"> <p class="mb-1 text-violet fw-semibold">Réglement intérieur Club Ados</p> <div class="doc my-2"> <div class="doc-preview shadow-2" href="cms/Paragraphes/tmz209248/2-Reglement-Interieur-Club-Ados-CM-30-11-2022.pdf" > <a href="cms/Paragraphes/tmz209248/2-Reglement-Interieur-Club-Ados-CM-30-11-2022.pdf" target="_blank"><img class="img-fluid" src="miniatures/cms/Paragraphes/tmz209248/2-Reglement-Interieur-Club-Ados-CM-30-11-2022-400-9999.webp" alt="Paragraphes/tmz209248/2-Reglement-Interieur-Club-Ados-CM-30-11-2022."></a> </div> <div class="doc-infos"> <a href="cms/Paragraphes/tmz209248/2-Reglement-Interieur-Club-Ados-CM-30-11-2022.pdf" download="Paragraphes/tmz209248/2-Reglement-Interieur-Club-Ados-CM-30-11-2022." class="text-primary mx-2" data-bs-toggle="tooltip" data-bs-placement="top" ><i class="bi bi-download"></i> Télécharger</a> </div> </div> <style> .doc {position:relative;} .doc:hover {cursor: pointer;} .doc-infos{background-color: rgba(255,255,255,0.8);position:absolute;width:100%;left:0;bottom:0;padding:5px;text-align: center;opacity: 0;transition: all 0.2s ease-in-out;} .doc-infos a {display: inline-block;} .doc:hover .doc-infos {opacity: 1;} </style> </div> </div> <div class="col-lg-3 col-12"> <div class="p-3 h-100"> <p class="mb-1 text-violet fw-semibold">Tarification Club Ados</p> <div class="doc my-2"> <div class="doc-preview shadow-2" href="cms/Paragraphes/tmz209248/3-Tarification-Club-Ados.pdf" > <a href="cms/Paragraphes/tmz209248/3-Tarification-Club-Ados.pdf" target="_blank"><img class="img-fluid" src="miniatures/cms/Paragraphes/tmz209248/3-Tarification-Club-Ados-400-9999.webp" alt="Paragraphes/tmz209248/3-Tarification-Club-Ados."></a> </div> <div class="doc-infos"> <a href="cms/Paragraphes/tmz209248/3-Tarification-Club-Ados.pdf" download="Paragraphes/tmz209248/3-Tarification-Club-Ados." class="text-primary mx-2" data-bs-toggle="tooltip" data-bs-placement="top" ><i class="bi bi-download"></i> Télécharger</a> </div> </div> <style> .doc {position:relative;} .doc:hover {cursor: pointer;} .doc-infos{background-color: rgba(255,255,255,0.8);position:absolute;width:100%;left:0;bottom:0;padding:5px;text-align: center;opacity: 0;transition: all 0.2s ease-in-out;} .doc-infos a {display: inline-block;} .doc:hover .doc-infos {opacity: 1;} </style> </div> </div> <div class="col-lg-3 col-12"> <div class="p-3 h-100"> <p class="mb-1 text-violet fw-semibold">Programme vacances d'hiver club ados 2025</p> <div class="doc my-2"> <div class="doc-preview shadow-2" href="cms/Paragraphes/tmz209248/Vacances hiver ados 2025.pdf" > <a href="cms/Paragraphes/tmz209248/Vacances hiver ados 2025.pdf" target="_blank"><img class="img-fluid" src="miniatures/cms/Paragraphes/tmz209248/Vacances%20hiver%20ados%202025-400-9999.webp" alt="Paragraphes/tmz209248/Vacances hiver ados 2025."></a> </div> <div class="doc-infos"> <a href="cms/Paragraphes/tmz209248/Vacances hiver ados 2025.pdf" download="Paragraphes/tmz209248/Vacances hiver ados 2025." class="text-primary mx-2" data-bs-toggle="tooltip" data-bs-placement="top" ><i class="bi bi-download"></i> Télécharger</a> </div> </div> <style> .doc {position:relative;} .doc:hover {cursor: pointer;} .doc-infos{background-color: rgba(255,255,255,0.8);position:absolute;width:100%;left:0;bottom:0;padding:5px;text-align: center;opacity: 0;transition: all 0.2s ease-in-out;} .doc-infos a {display: inline-block;} .doc:hover .doc-infos {opacity: 1;} </style> </div> </div> </div> </div> </section> <div class="container mt-2 content-space-1 texte-para"> <div class="row justify-content-center"> <div class="col-md-6 col-12 align-self-center"> <img src="miniatures/cms/Paragraphes/tmz206750/accueil-extrascolaire-adolescents-600-1900.webp" class="img-fluid" alt="Club Ados"> </div> <div class="col-md-6 col-12"> <h4 class="fw-semibold fs-2">Club Ados</h4> <p class="fs-3">75 Chemin des Amouriès – 34110 MIREVAL<br>Directeur : Alexandre GINES<br><br><a href="tel:+33787266706" target="_blank">07.87.26.67.06</a><br><br><a href="mailto:clubados@mireval34.fr" target="_blank">clubados@mireval34.fr</a><br></p> </div> </div> </div> <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

Club Ados