CINXE.COM

Activités du CCAS

<!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>Activités du CCAS</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> <!-- Global site tag (gtag.js) - Google Analytics --> <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 <!-- <i class="bi bi-arrow-right-circle-fill text-primary ms-1"></i> --> </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 <!-- <i class="bi bi-arrow-right-circle-fill text-primary ms-1"></i> --> </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 active 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 <!-- <i class="bi bi-arrow-right-circle-fill text-primary ms-1"></i> --> </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 <!-- <i class="bi bi-arrow-right-circle-fill text-primary ms-1"></i> --> </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"><!-- Démarche --> <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> <!-- ========== HEADER Transparent que sur accueil !========== --> <main id="content" role="main"> <div class="cms"> <div class="debut"></div> <div class="bg-img-center" style="background-image: url(miniatures/cms/Paragraphes/tmz204825/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">Activités du CCAS</h1> </div> <!-- <div class="row align-items-center"> <div class="col-lg-5 col-12 bg-violet py-3"> <h1 class="display-5 text-white">Activités du CCAS</h1> </div> <div class="col-lg-2 col-12 ps-0 d-none d-md-block"> <img src="media/header-pages-globales.png" class=""> </div> </div> --> </div> </div> <section class="container-fluid py-4 py-lg-6" style="background-color: #f3f6f4"> <div class="container"> <div class="row"> <div class="col-12"> <h2 class="text-uppercase mb-0 text-black">Actualités</h2> <h4 class="mb-0 text-violet divider-start-violet fw-semibold"></h4> </div> <div class="col-lg-4 col-xl-3 col-md-6 col-12 mb-3 mb-lg-5"> <a class="d-block h-100" href="mammobile-jeudi-05-octobre-cclm-2"> <div class="p-3 my-3 pt-3 bg-white text-center h-100 hover-zoom" > 15/04/2024 <p class="text-center mb-1 text-primary fw-bold">Mammobile – lundi 06 mai – CCLM</p> <img class="card-img rounded-0" src="miniatures/cms/medias/Mammobile-Mireval-Mai-2024-360-9999.webp" alt="Mammobile – lundi 06 mai – CCLM"> <div class="text-start mt-2"> <span class="card-link text-violet">Lire la suite</span> </div> </div> </a> </div> <div class="col-lg-4 col-xl-3 col-md-6 col-12 mb-3 mb-lg-5"> <a class="d-block h-100" href="don-du-sang-lundi-13-novembre-2023"> <div class="p-3 my-3 pt-3 bg-white text-center h-100 hover-zoom" > 02/11/2023 <p class="text-center mb-1 text-primary fw-bold">Don du sang | Lundi 13 Novembre 2023</p> <img class="card-img rounded-0" src="miniatures/cms/medias/nov-2023-360-9999.webp" alt="Don du sang | Lundi 13 Novembre 2023"> <div class="text-start mt-2"> <span class="card-link text-violet">Lire la suite</span> </div> </div> </a> </div> <div class="col-lg-4 col-xl-3 col-md-6 col-12 mb-3 mb-lg-5"> <a class="d-block h-100" href="le-programme-du-ccas-pour-ce-mois-doctobre-2023"> <div class="p-3 my-3 pt-3 bg-white text-center h-100 hover-zoom" > 03/10/2023 <p class="text-center mb-1 text-primary fw-bold">Le programme du CCAS pour ce mois d’octobre 2023 !</p> <img class="card-img rounded-0" src="miniatures/cms/medias/PROGRAMME-OCTOBRE-2023-360-9999.webp" alt="Le programme du CCAS pour ce mois d’octobre 2023 !"> <div class="text-start mt-2"> <span class="card-link text-violet">Lire la suite</span> </div> </div> </a> </div> <div class="col-lg-4 col-xl-3 col-md-6 col-12 mb-3 mb-lg-5"> <a class="d-block h-100" href="mammobile-jeudi-05-octobre-cclm"> <div class="p-3 my-3 pt-3 bg-white text-center h-100 hover-zoom" > 15/09/2023 <p class="text-center mb-1 text-primary fw-bold">Mammobile – jeudi 05 octobre – CCLM</p> <img class="card-img rounded-0" src="miniatures/cms/medias/Mammobile-10.webp" alt="Mammobile – jeudi 05 octobre – CCLM"> <div class="text-start mt-2"> <span class="card-link text-violet">Lire la suite</span> </div> </div> </a> </div> </div> </div> </section> <div class="container"> <div class="row"> <div class="col-md-12"> <h3 class="titre"><span style="text-transform:uppercase"></span></h3> <div style="text-align: center;">Le <b>CCAS</b> organise des <b>activités</b> ainsi que des sorties que ce soit au niveau de la <b>commune ou à l’extérieur.</b></div><div style="text-align: center;"><br></div><div style="text-align: center;">En raison de la crise sanitaire, les sorties n’ont pu s’organiser. <b>Celles-ci reprennent peu à peu.</b></div><div style="text-align: center;"><br></div><div style="text-align: center;">Exemple des <b>sorties antérieures</b>:</div><div style="text-align: center;">En 2018, ils ont pu profiter d’une petite croisière sur le canal eu Rhône à Sète avec une halte dans une manade de taureaux et à la découverte d’une rizière et roselière. Ils ont déjeuné à bord d’une péniche avec à l’issue visite des boutiques et des remparts.</div> </div> </div> </div> <div class="container mb-5"> <div class="row"> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103237/30571429_102568330600186_7736672513253441536_n-1.jpg" data-overlay-blur-bg="true" data-caption="30571429_102568330600186_7736672513253441536_n-1.jpg"> <img src="miniatures/cms/Paragraphes/tms1103237/30571429_102568330600186_7736672513253441536_n-1-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103237/30656676_102568643933488_6064829941797617664_n.jpg" data-overlay-blur-bg="true" data-caption="30656676_102568643933488_6064829941797617664_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103237/30656676_102568643933488_6064829941797617664_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103237/30595164_102568487266837_3861923606313304064_n.jpg" data-overlay-blur-bg="true" data-caption="30595164_102568487266837_3861923606313304064_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103237/30595164_102568487266837_3861923606313304064_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103237/30531469_102569000600119_462728579491299328_n.jpg" data-overlay-blur-bg="true" data-caption="30531469_102569000600119_462728579491299328_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103237/30531469_102569000600119_462728579491299328_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103237/30594807_102568087266877_3293917557261598720_n.jpg" data-overlay-blur-bg="true" data-caption="30594807_102568087266877_3293917557261598720_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103237/30594807_102568087266877_3293917557261598720_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103237/30571464_102569410600078_2451761009812045824_n.jpg" data-overlay-blur-bg="true" data-caption="30571464_102569410600078_2451761009812045824_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103237/30571464_102569410600078_2451761009812045824_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103237/30594522_102568187266867_3924793724139208704_n.jpg" data-overlay-blur-bg="true" data-caption="30594522_102568187266867_3924793724139208704_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103237/30594522_102568187266867_3924793724139208704_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103237/30531517_102568733933479_7454909868223234048_n.jpg" data-overlay-blur-bg="true" data-caption="30531517_102568733933479_7454909868223234048_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103237/30531517_102568733933479_7454909868223234048_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103237/30516392_102568377266848_5164384924295233536_n.jpg" data-overlay-blur-bg="true" data-caption="30516392_102568377266848_5164384924295233536_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103237/30516392_102568377266848_5164384924295233536_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103237/30628970_102568277266858_4080098272683753472_n.jpg" data-overlay-blur-bg="true" data-caption="30628970_102568277266858_4080098272683753472_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103237/30628970_102568277266858_4080098272683753472_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103237/30581794_102569330600086_4704716388743249920_n.jpg" data-overlay-blur-bg="true" data-caption="30581794_102569330600086_4704716388743249920_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103237/30581794_102569330600086_4704716388743249920_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103237/30581744_102569607266725_660005021626138624_n.jpg" data-overlay-blur-bg="true" data-caption="30581744_102569607266725_660005021626138624_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103237/30581744_102569607266725_660005021626138624_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103237/30623763_102569077266778_393975421621764096_n.jpg" data-overlay-blur-bg="true" data-caption="30623763_102569077266778_393975421621764096_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103237/30623763_102569077266778_393975421621764096_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103237/30581327_102569040600115_9135788011487756288_n.jpg" data-overlay-blur-bg="true" data-caption="30581327_102569040600115_9135788011487756288_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103237/30581327_102569040600115_9135788011487756288_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103237/30530926_102569483933404_6958358094858420224_n.jpg" data-overlay-blur-bg="true" data-caption="30530926_102569483933404_6958358094858420224_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103237/30530926_102569483933404_6958358094858420224_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103237/30530803_102568147266871_9076112060839886848_n.jpg" data-overlay-blur-bg="true" data-caption="30530803_102568147266871_9076112060839886848_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103237/30530803_102568147266871_9076112060839886848_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103237/30652735_102569660600053_3950120849930977280_n.jpg" data-overlay-blur-bg="true" data-caption="30652735_102569660600053_3950120849930977280_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103237/30652735_102569660600053_3950120849930977280_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103237/30572164_102568227266863_3363604703014289408_n.jpg" data-overlay-blur-bg="true" data-caption="30572164_102568227266863_3363604703014289408_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103237/30572164_102568227266863_3363604703014289408_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103237/30572232_102568850600134_4060938183058128896_n-e1678456039750.jpg" data-overlay-blur-bg="true" data-caption="30572232_102568850600134_4060938183058128896_n-e1678456039750.jpg"> <img src="miniatures/cms/Paragraphes/tms1103237/30572232_102568850600134_4060938183058128896_n-e1678456039750-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103237/30531072_102569727266713_4592443521264254976_n.jpg" data-overlay-blur-bg="true" data-caption="30531072_102569727266713_4592443521264254976_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103237/30531072_102569727266713_4592443521264254976_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> </div> </div> <div class="container compo py-3 py-lg-6"> <div class='row'><div class='col'><div>C’est une semaine (la première semaine du mois d’octobre ) réservée aux personnes retraitées 🧓👵 au cours de laquelle différentes manifestations sont organisées par les CCAS à leur intention👈 </div></div><div class='col'><div>Celles ci ont pour objectifs d’amener les personnes du 3ème âge à aller à la rencontre les unes des autres et à s’investir dans la vie sociale.😃</div></div><div class='col'><div>Elles permettent aussi de créer des liens entre générations, de témoigner du respect que méritent nos aînés et de chasser le sentiment possible d’isolement.🤗</div></div><div class='col'><div>Les CCAS des communes du bassin de Thau proposent un calendrier de manifestations auxquelles sont invitées les personnes de toutes les communes participantes 🏤</div></div></div> </div> <div class="container mb-5"> <div class="row"> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103238/73226656_485709682286047_3406502673157980160_n.jpg" data-overlay-blur-bg="true" data-caption="73226656_485709682286047_3406502673157980160_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103238/73226656_485709682286047_3406502673157980160_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103238/72599810_485710015619347_3861796436626636800_n.jpg" data-overlay-blur-bg="true" data-caption="72599810_485710015619347_3861796436626636800_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103238/72599810_485710015619347_3861796436626636800_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103238/72476406_485709602286055_8025937671580811264_n.jpg" data-overlay-blur-bg="true" data-caption="72476406_485709602286055_8025937671580811264_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103238/72476406_485709602286055_8025937671580811264_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103238/72550669_485709788952703_5573537879872765952_n.jpg" data-overlay-blur-bg="true" data-caption="72550669_485709788952703_5573537879872765952_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103238/72550669_485709788952703_5573537879872765952_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103238/72759239_485709745619374_8922686105220808704_n.jpg" data-overlay-blur-bg="true" data-caption="72759239_485709745619374_8922686105220808704_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103238/72759239_485709745619374_8922686105220808704_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103238/72273932_485709872286028_3229254548287651840_n.jpg" data-overlay-blur-bg="true" data-caption="72273932_485709872286028_3229254548287651840_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103238/72273932_485709872286028_3229254548287651840_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103238/72322401_485709928952689_5024125139382435840_n.jpg" data-overlay-blur-bg="true" data-caption="72322401_485709928952689_5024125139382435840_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103238/72322401_485709928952689_5024125139382435840_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> </div> </div> <div class="container mb-5"> <div class="row"> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103239/80489094_2353583981525989_6094248668183920640_n.jpg" data-overlay-blur-bg="true" data-caption="80489094_2353583981525989_6094248668183920640_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103239/80489094_2353583981525989_6094248668183920640_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103239/79200614_2353583728192681_310480900905238528_n.jpg" data-overlay-blur-bg="true" data-caption="79200614_2353583728192681_310480900905238528_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103239/79200614_2353583728192681_310480900905238528_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103239/79315316_2353583844859336_4345512588558204928_n.jpg" data-overlay-blur-bg="true" data-caption="79315316_2353583844859336_4345512588558204928_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103239/79315316_2353583844859336_4345512588558204928_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103239/80081771_2353583658192688_4034089882929332224_n.jpg" data-overlay-blur-bg="true" data-caption="80081771_2353583658192688_4034089882929332224_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103239/80081771_2353583658192688_4034089882929332224_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103239/79094375_2353583934859327_2983873415875657728_n.jpg" data-overlay-blur-bg="true" data-caption="79094375_2353583934859327_2983873415875657728_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103239/79094375_2353583934859327_2983873415875657728_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103239/79786557_2353583771526010_5028274331193442304_n.jpg" data-overlay-blur-bg="true" data-caption="79786557_2353583771526010_5028274331193442304_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103239/79786557_2353583771526010_5028274331193442304_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103239/78149953_2353584141525973_3300325953409908736_n.jpg" data-overlay-blur-bg="true" data-caption="78149953_2353584141525973_3300325953409908736_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103239/78149953_2353584141525973_3300325953409908736_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103239/79660460_2353583688192685_934302652718645248_n.jpg" data-overlay-blur-bg="true" data-caption="79660460_2353583688192685_934302652718645248_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103239/79660460_2353583688192685_934302652718645248_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103239/79662334_2353584254859295_1853577399552180224_n.jpg" data-overlay-blur-bg="true" data-caption="79662334_2353584254859295_1853577399552180224_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103239/79662334_2353584254859295_1853577399552180224_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103239/79304018_2353584051525982_734642014108254208_n.jpg" data-overlay-blur-bg="true" data-caption="79304018_2353584051525982_734642014108254208_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103239/79304018_2353584051525982_734642014108254208_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103239/80034371_2353583894859331_6732450511670214656_n.jpg" data-overlay-blur-bg="true" data-caption="80034371_2353583894859331_6732450511670214656_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103239/80034371_2353583894859331_6732450511670214656_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> <div class="col-3"> <div style="display:flex;border:1px solid #ddd;padding:5px;justify-content: center;align-items: center;"> <a class="js-fancybox g-transition-0_4" href="javascript:void(0);" data-fancybox="lightbox-gallery--16" data-src="cms/Paragraphes/tms1103239/79145862_2353583814859339_395285004394954752_n.jpg" data-overlay-blur-bg="true" data-caption="79145862_2353583814859339_395285004394954752_n.jpg"> <img src="miniatures/cms/Paragraphes/tms1103239/79145862_2353583814859339_395285004394954752_n-400-250.webp" class="img-fluid" alt="Photo"> </a> </div> </div> </div> </div> <section class="container-fluid bg-grisb content-space-1"> <div class="container"> <div class="row"> <div class="col-lg-6 col-12 pe-0"> <img src="media/centre-communal-action-sociale.jpg" class="img-fluid" alt="Activités du CCAS"> </div> <div class="col-lg-6 col-12 bg-white p-5"> <h2 class="text-uppercase mb-0 text-violet fs-1"><span class="mb-0 text-black fw-normal text-uppercase mt-5 d-block fs-3">Le centre communal d’action sociale</span>est ouvert</h2> <hr style="border:1px solid #A0187E; width:15%;" class="my-2 d-none d-sm-block"> <p>Du <b>Lundi au Vendredi</b> de <b>10h à 12h</b><br>Permanence <b>sans rendez-vous</b><br></p><hr style="border:1px solid #A0187E; width:15%;" class="my-2 d-none d-sm-block"><span class="text-violet">Possibilité de prendre un rendez-vous en dehors des permanences.</span><p></p> </div> </div> </div> </section> <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> <!-- ========== END FOOTER ========== --> <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>

Pages: 1 2 3 4 5 6 7 8 9 10