Les communaut茅s du r茅seau Cycl-op, inscrivez-vous et participez aux sujets qui vous int茅ressent.

<!DOCTYPE html> <html lang="fr" prefix="og: http://ogp.me/ns#"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Les communaut茅s du r茅seau Cycl-op, inscrivez-vous et participez aux sujets qui vous int茅ressent.</title> <meta name="keywords" content="Groupes, communaut茅s, espaces collaboratifs, forums, Occitanie" > <meta name="Description" content="Les communaut茅s du r茅seau des acteurs de l'茅conomie circulaire en Occitanie Cycl-op, inscrivez-vous et participez aux sujets qui vous int茅ressent." > <meta name="Author" content="Cycl-op.org, la plateforme d茅di茅e 脿 l鈥櫭ヽonomie circulaire en Occitanie" > <meta name="copyright" content="CIRIDD" > <meta name="language" content="FR" > <meta name="Identifier-URL" content="https://www.cycl-op.org/" > <meta name="distribution" content="Global" > <link rel="canonical" href="https://www.cycl-op.org/communities/"> <meta property="og:site_name" content="cycl-op.org" > <meta property="og:title" content="Rejoignez les communaut茅s sur Cycl-op.org, la plateforme d茅di茅e 脿 l鈥櫭ヽonomie circulaire en Occitanie"> <meta property="og:type" content="article"> <meta property="og:url" content="https://www.cycl-op.org/communities/"> <meta property="og:description" content="Les communaut茅s du r茅seau des acteurs de l'茅conomie circulaire en Occitanie Cycl-op, inscrivez-vous et participez aux sujets qui vous int茅ressent."> <meta property="og:locale" content="fr_FR"> <meta property="og:image" content="https://www.cycl-op.org/images/pf/square/cycl-op.png"> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="Les communaut茅s du r茅seau des acteurs de l'茅conomie circulaire en Occitanie Cycl-op, inscrivez-vous et participez aux sujets qui vous int茅ressent." /> <meta name="twitter:title" content="Rejoignez les communaut茅s sur Cycl-op.org, la plateforme d茅di茅e 脿 l鈥櫭ヽonomie circulaire en Occitanie" /> <meta name="twitter:url" content="https://www.cycl-op.org/communities/" /> <meta name="twitter:image" content="https://www.cycl-op.org/images/pf/square/cycl-op.png" /><script fetchpriority="high" src="https://www.cycl-op.org/libdefined/minified/pub/extjs-min.js"></script> <script src="https://www.cycl-op.org/libdefined/minified/pub/libs-min.js?up=2.05"></script> <script src="https://www.cycl-op.org/libsrc/unify/vendor/jquery/jquery.min.js"></script> <script src="https://www.cycl-op.org/libdefined/minified/pub/langjs-fr-min.js?up=1.6"></script>  <link rel="stylesheet" fetchpriority="high" href="https://www.cycl-op.org/libdefined/minified/pub/gencss-min.css?up=1.53"> <link rel="stylesheet" fetchpriority="high" href="https://www.cycl-op.org/libdefined/minified/pub/customcss-min.css?up=4.41"> <link rel="stylesheet" fetchpriority="low" href="https://www.cycl-op.org/libsrc/unify-v3.1/assets/vendor/bootstrap-icons/font/bootstrap-icons.min.css"> <link rel="stylesheet" href="https://www.cycl-op.org/libdefined/minified/pub/communitycss-min.css"> <link rel="stylesheet" type="text/css" href="https://www.cycl-op.org/libdefined/minified/pub/newscss-min.css?up=1.2"> <script src="https://www.cycl-op.org/libdefined/minified/pub/eventjs-min.js"></script> <script src="https://www.cycl-op.org/libdefined/minified/pub/projectconnectedjs-min.js"></script><link rel="shortcut icon" type="image/png" href="https://www.cycl-op.org/images/pf/64/cycl-op.png" > <link rel="alternate" type="application/rss+xml" title="" href="https://www.cycl-op.org/rss/lastnews.xml" ></head><body>  <div class="contHead">  <header id="header" style="box-shadow: 0 .375rem 1.5rem 0 rgba(140,152,164,.125);background:white;top:-110px" class="d-flex zi-3 py-1 flex-column-reverse navbar-expand-lg navbar-end navbar-light"> <div class="d-flex container align-items-center px-0 justify-content-between"> <div class="text-end"> <a href="https://www.cycl-op.org/" aria-label=""> <img loading="lazy" class="navbar-brand-logo cropped" style="max-width:130px" src="https://www.cycl-op.org/images/logo.webp" alt="Cycl-op.org, la plateforme d茅di茅e 脿 l鈥櫭ヽonomie circulaire en Occitanie" /> </a> </div> <div class="d-flex col-lg-10 flex-column-reverse">  <div class="container"> <nav class="js-mega-menu navbar-nav-wrap justify-content-lg-start justify-content-between flex-row flex-lg-nowrap"> <div class="d-flex align-items-center"> <div class="d-flex justify-content-between w-100 w-lg-auto d-lg-block"> <div class="d-flex"> <button class="btn d-inline d-lg-none border align-self-center py-2 px-3 me-2" aria-label="Recherche" data-bs-toggle="modal" data-bs-target="#ModalSearch"><i class="fs-5 bi bi-search"></i></button> <div class="align-self-center">  <button data-reset-menu class="navbar-toggler border-0 text-primary" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-default"> <i class="display-4 bi bi-list"></i> </span> <span class="navbar-toggler-toggled"> <i class="display-4 bi bi-x"></i> </span> </button>  </div> </div> </div>  <div class="rounded collapse navbar-collapse mobile-container" id="navbarNavDropdown"> <div class="rounded navbar-sticky-top-scroller"> <ul data-list-container class="navbar-nav rounded nav-pills px-3 px-lg-0">  <li class="hs-has-mega-menu nav-item mb-0" data-hs-mega-menu-item-options='{ "desktop": { "maxWidth": "65rem" } }'> <a id="landingsMegaMenu" style="white-space: nowrap;" class="hs-mega-menu-invoker nav-link fw-bold" aria-current="page" href="javascript:void(0);" role="button" aria-expanded="false">Actualit茅s</a>  <div class="hs-mega-menu hs-position-left-fix dropdown-menu mt-0" aria-labelledby="landingsMegaMenu" style="min-width:22rem;width:20rem">  <div class="row"> <div class="col-sm"> <div class="navbar-dropdown-menu-inner"> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/articles/" >Actualit茅s</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/articles/appels-a-projet/" >Appels 脿 Projets & Soutiens</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/static/h/ami-eco.html" >AMI ECO</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/articles/edition/#params:bmV3c190eXBlX2lkOjY=" ><i class="bi bi-chevron-double-right me-2"></i>Publiez votre AAP et Soutiens</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/articles/edition/" ><i class="bi bi-chevron-double-right me-2"></i>Publiez votre actualit茅</a> </div> </div> </div>  </div>  </li> <li class="hs-has-sub-menu nav-item mb-0"> <a id="menu65" class="hs-mega-menu-invoker nav-link fw-bold" href="javascript:void(0);" role="button" aria-expanded="false">Agenda</a>  <div class="hs-sub-menu dropdown-menu mt-0" aria-labelledby="menu65" style="width:20rem">  <div class="navbar-dropdown-menu-inner"> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/articles/events/" >脡v茅nements</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/articles/events/#search,fGV2ZW50X3R5cGVfaWQ6MTA=" >Formations</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/events/edition/" ><i class="bi bi-chevron-double-right me-2"></i>Publiez un 茅v茅nement</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/articles/edition/#params:dGFnczpmb3JtYXRpb24=" ><i class="bi bi-chevron-double-right me-2"></i>Publiez une formation</a> </div>  </div>  </li>  <li class="hs-has-sub-menu nav-item mb-0"> <a id="menu2" class="hs-mega-menu-invoker nav-link fw-bold" href="javascript:void(0);" role="button" aria-expanded="false">Initiatives</a>  <div class="hs-sub-menu dropdown-menu mt-0" aria-labelledby="menu2" style="width:20rem">  <div class="navbar-dropdown-menu-inner"> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/initiative/" >Toutes les initiatives</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/initiative/edition/" ><i class="bi bi-chevron-double-right me-2"></i>Publiez une initiative</a> </div>  </div>  </li>  <li class="hs-has-sub-menu nav-item mb-0"> <a id="menu6" class="hs-mega-menu-invoker nav-link fw-bold" href="javascript:void(0);" role="button" aria-expanded="false">Ressources</a>  <div class="hs-sub-menu dropdown-menu mt-0" aria-labelledby="menu6" style="width:20rem">  <div class="navbar-dropdown-menu-inner"> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/library/" >Fonds documentaire</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/toolbox/" >Boite 脿 outils</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/video/" >Vid茅os</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/library/edition/" ><i class="bi bi-chevron-double-right me-2"></i>Publiez un document</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/toolbox/edition/" ><i class="bi bi-chevron-double-right me-2"></i>Publiez un outil</a> </div>  </div>  </li>  <li class="hs-has-sub-menu nav-item mb-0"> <a id="menu4" class="hs-mega-menu-invoker nav-link fw-bold" href="javascript:void(0);" role="button" aria-expanded="false">R茅seaux</a>  <div class="hs-sub-menu dropdown-menu mt-0" aria-labelledby="menu4" style="width:20rem">  <div class="navbar-dropdown-menu-inner"> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/member/" >Annuaire des membres</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/company/" >Annuaire des organisations</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/company/#search,fGhlYWRvZk5ldHdvcmtfaWQ6MQ==" >Annuaire des t锚tes de r茅seaux</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/static/h/groupes-de-travail-et-reseaux.html" >R茅seaux r茅gionaux de l'茅conomie circulaire</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/communities/" >Toutes les communaut茅s</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/community/pg/groups/new/" ><i class="bi bi-chevron-double-right me-2"></i>Cr茅ez une nouvelle communaut茅</a> </div>  </div>  </li>  <li class="hs-has-sub-menu nav-item mb-0"> <a id="menu56" class="hs-mega-menu-invoker nav-link fw-bold" href="javascript:void(0);" role="button" aria-expanded="false">Forums</a>  <div class="hs-sub-menu dropdown-menu mt-0" aria-labelledby="menu56" style="width:20rem">  <div class="navbar-dropdown-menu-inner"> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/static/h/forum-economie-circulaire.html" >Forum Economie Circulaire 2020</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/static/h/forum-economie-circulaire-2021.html" >Forum Economie Circulaire 2021</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/static/h/5eme-forum-regional-de-l-economie-circulaire-en-occitanie.html" >Forum Economie Circulaire 2022</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/static/h/6eme-forum-regional-de-l-economie-circulaire-en-occitanie.html?n=20230915105152" >Forum Economie Circulaire 2023</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/static/h/7eme-forum-regionl-de-l-economie-circulaire-en-occitanie.html?n=20240718101501" >Forum Economie Circulaire 2024</a> </div>  </div>  </li>  <li class="hs-has-sub-menu nav-item mb-0"> <a id="menu37" class="hs-mega-menu-invoker nav-link fw-bold" href="javascript:void(0);" role="button" aria-expanded="false">Comprendre</a>  <div class="hs-sub-menu dropdown-menu mt-0" aria-labelledby="menu37" style="width:20rem">  <div class="navbar-dropdown-menu-inner"> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/static/h/l-economie-circulaire-en-occitanie.html" >L'茅conomie circulaire en Occitanie</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/static/h/le-territoire.html" >Le territoire occitan et le PRAEC</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/static/h/les-filieres-prioritaires-en-occitanie.html" >Les fili猫res prioritaires</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/static/h/les-services-de-la-plateforme.html" >Pourquoi Cycl'Op et les services</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/indicateurs-eci-occitanie.html" >Les chiffres cl茅s de la plateforme</a> </div>  </div>  </li>  <li class="d-lg-none"><hr class="my-3"/></li> <li class="d-flex align-items-center d-lg-none px-1"> <button class="btn d-lg-inline d-none border align-self-center px-3 me-2" data-bs-toggle="modal" aria-label="Recherche" data-bs-target="#ModalSearch"><i class="bi bi-search"></i></button> <div id="mobileMenuuser" data-user-container class="menuser align-self-center"></div> <div class="connexiontop align-self-center"> <div class="d-flex"> <a class="btn btn-soft-primary px-3 me-2" href="https://www.cycl-op.org/connexion.html">Connexion</a> <a class="btn btn-primary px-3" href="https://www.cycl-op.org/register/index.html">Inscription</a> </div> </div> </li> </ul> </div> </div>  </div> <div id="menuscroll" class="d-none align-items-lg-center justify-content-lg-end px-1 col"> <button aria-label="Recherche" class="btn d-lg-inline d-none align-self-center px-3 me-2" data-bs-toggle="modal" data-bs-target="#ModalSearch"><i class="bi bi-search"></i></button> <div class="menuser align-self-center"></div> <div class="connexiontop align-self-center"> <div class="d-flex align-items-center"> <a class="me-2 btn" title="Connexion" href="https://www.cycl-op.org/connexion.html" ><i class="bi fs-3 text-black bi-person-fill"></i></a> </div> </div> </div> </nav> </div>  <div id="topMenu" class="d-none transitionFade d-lg-block container "> <nav class="d-flex"> <div class="d-none d-lg-flex justify-content-end align-items-center px-1 col"> <div class="dropdown align-self-center"> <a href="javascript:void(0);" role="button" class="border btn py-2 px-3 me-2" title="Le r茅seau de l'茅conomie circulaire" data-bs-toggle="dropdown" aria-expanded="false"> <i class="bi bi-globe me-2 text-primary text-black"></i> <span class="text-uppercase">Le r茅seau</span> </a> <ul class="dropdown-menu shadow-sm" aria-labelledby="dropdownpffoot"> <li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.bretagnecirculaire.org/">Bretagnecirculaire.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.circemed.org/">Circemed.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.collectif-grandest.org/">Collectif-grandest.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.cycl-op.org/">Cycl-op.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.eclaira.org/">Eclaira.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.economiecirculaire.org/">Economiecirculaire.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.genie.ch/">Genie.ch</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.grandpariscirculaire.org/">Grandpariscirculaire.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.quebeccirculaire.org/">Quebeccirculaire.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.recita.org/">Recita.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.reseau-preci.org/">Reseau-preci.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.reseau-synapse.org/">Reseau-synapse.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://neci.normandie.fr/">Neci</a></li> </ul> </div> <button aria-label="Recherche" class="btn py-2 d-lg-inline d-none border align-self-center px-3 me-2" data-bs-toggle="modal" data-bs-target="#ModalSearch"><i class="bi bi-search"></i></button> <div class="menuser align-self-center"></div> <div class="connexiontop align-self-center"> <div class="d-flex"> <a class="btn py-2 btn-soft-primary px-3 me-2" href="https://www.cycl-op.org/connexion.html" >Connexion</a> <a class="btn py-2 btn-primary px-3" href="https://www.cycl-op.org/register/index.html">Inscription</a> </div> </div> </div> </nav> </div> </div> </div> </header>   <div id="ModalSearch" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body px-10 py-1"> <div class="container content-space-1"> <div class="text-center mx-lg-auto">  <div class="mb-5"> <h5 class="display-6">Recherchez</h5> </div>  <form id="searchform-1"> <div class="position-relative">  <div class="input-card p-1 position-relative zi-1 input-card-sm"> <div class="input-card-form"> <input type="text" class="form-control form-control-lg" id="globalsearch" aria-label="Search article"> </div> <button type="button" id="globalsearchbtn" aria-label="Recherche" class="btn btn-primary btn-lg"><i class="bi bi-search"></i></button> </div>   <figure class="position-absolute top-0 end-0 d-none d-sm-block mt-n8 me-n8" style="width: 4rem;"> <img class="img-fluid" loading="lazy" src="https://www.cycl-op.org/libsrc/unify-v3.1/assets/svg/components/pointer-up.svg" alt="Image Description"> </figure>   <figure class="position-absolute bottom-0 start-0 ms-n10 mb-n8" style="width: 12rem; margin-left: -10rem;"> <img class="img-fluid" loading="lazy" src="https://www.cycl-op.org/libsrc/unify-v3.1/assets/svg/components/curved-shape.svg" alt="Image Description"> </figure>  </div> </form> </div> </div> </div> </div> </div> </div> </div>  <main> <div class="container content-space-b-lg-3">  <nav class="pt-xxl-5 pt-3 pb-1"> <ul class="list-inline px-0"> <li class="list-inline-item me-0"><a class="text-primay" aria-label="Accueil" href="https://www.cycl-op.org/">Accueil</a> </li> <li class="list-inline-item me-0"><span class="mx-2">/</span>Toutes les communaut茅s </li> </ul> </nav> <div class="d-md-flex justify-content-md-between"> <ul class="nav nav-segment bg-primary bg-opacity-25" role="tablist"> <li class="nav-item"> <a class="nav-link fs-5 active" href="../communities/">D茅couvrir</a> </li> <li class="nav-item"> <a class="nav-link fs-5" href="../communities/my/">Mes communaut茅s</a> </li> </ul> <a href="../communities/edition/" class="d-none border py-1 border-primary h-sm btn btn-outline-primary d-md-flex align-items-center"><i class="bi fs-3 bi-plus"></i> Cr茅er une communaut茅</a> </div> <a href="../communities/edition/" class="d-md-none border py-1 border-primary h-sm btn w-100 btn-outline-primary d-flex justify-content-center align-items-center"><i class="bi fs-3 bi-plus"></i> Cr茅er une communaut茅</a> <section id="blist"><h3 class="fw-bold mt-6 mb-3">Communaut茅s proches de chez vous / 脿 la une</h3><div class="mb-2"> <section> <div class="js-swiper-responsive-breakpoint swiper"> <div class="swiper-wrapper"> <div class="swiper-slide" style="width:100%!important"> <div class="postion-relative overflow-hidden rounded border px-0" style="max-width:22rem"> <div class="col-md-12 border-bottom position-relative" style="max-height:200px;height:200px;overflow:hidden"> <a class="u-link-v5 text-black" href="https://www.cycl-op.org/communities/dillocc---depots-de-dechets-illegaux-en-occitanie/"> <picture style="max-height:200px;height:200px" class="w-100"> <source srcset="https://www.cycl-op.org/community/pg/groupicon/7807/large/default.jpg" media="(min-width:500px)" /> <img class="croppedlg zi-1" loading="lazy" src="https://www.cycl-op.org/community/pg/groupicon/7807/large/default.jpg" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" style="max-height:200px" alt="Dill'Occ - D茅p么ts de d茅chets ill茅gaux en Occitanie" aria-label="Dill'Occ - D茅p么ts de d茅chets ill茅gaux en Occitanie"/> </picture> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute top-0 bottom-0" > <i class="bi bi-people-fill text-primary"></i> </div> </a> </div> <div style="height:200px" class="col-md-12 d-flex flex-column justify-content-center mb-3 px-3"> <h2 class="h5 g-my-15 text-center pt-3 g-font-weight-700"> <a class="u-link-v5 text-black" href="https://www.cycl-op.org/communities/dillocc---depots-de-dechets-illegaux-en-occitanie/">Dill'Occ - D茅p么ts de d茅chets ill茅gaux en Occitanie</a> </h2> <div class="d-flex flex-column align-items-center justify-content-center"> <div class="mb-3"> <div style="background-color:#308ACA" class="badge bg-custom py-2 px-3 mx-1"> 4 <i class="bi bi-people-fill"></i> </div> </div> <div style="background-color:#308ACA" class="badge bg-custom py-2 px-3 mx-1"> <i class="bi bi-door-open-fill"></i> Communaut茅 en acc猫s libre </div> </div> <p class="text-center mt-2 mb-0"> Anim茅 par Samuel GREGOIRE </p> </div> <div class="text-center px-3 mb-4"> <a class="btn container-fluid btn-primary mx-auto" href="javascript:;" onClick="joinComPopUp('',7807)" > <i class="bi bi-person-plus-fill pe-2"></i> Rejoindre </a> </div> </div> </div> <div class="swiper-slide" style="width:100%!important"> <div class="postion-relative overflow-hidden rounded border px-0" style="max-width:22rem"> <div class="col-md-12 border-bottom position-relative" style="max-height:200px;height:200px;overflow:hidden"> <a class="u-link-v5 text-black" href="https://www.cycl-op.org/communities/synocc-le-reseau-eit-en-occitanie/"> <picture style="max-height:200px;height:200px" class="w-100"> <source srcset="https://www.cycl-op.org/community/pg/groupicon/36/large/default.jpg" media="(min-width:500px)" /> <img class="croppedlg zi-1" loading="lazy" src="https://www.cycl-op.org/community/pg/groupicon/36/large/default.jpg" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" style="max-height:200px" alt="Syn'Occ, le r茅seau EIT en Occitanie" aria-label="Syn'Occ, le r茅seau EIT en Occitanie"/> </picture> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute top-0 bottom-0" > <i class="bi bi-people-fill text-primary"></i> </div> </a> </div> <div style="height:200px" class="col-md-12 d-flex flex-column justify-content-center mb-3 px-3"> <h2 class="h5 g-my-15 text-center pt-3 g-font-weight-700"> <a class="u-link-v5 text-black" href="https://www.cycl-op.org/communities/synocc-le-reseau-eit-en-occitanie/">Syn'Occ, le r茅seau EIT en Occitanie</a> </h2> <div class="d-flex flex-column align-items-center justify-content-center"> <div class="mb-3"> <div style="background-color:#308ACA" class="badge bg-custom py-2 px-3 mx-1"> 148 <i class="bi bi-people-fill"></i> </div> </div> <div style="background-color:#308ACA" class="badge bg-custom py-2 px-3 mx-1"> <i class="bi bi-door-open-fill"></i> Communaut茅 en acc猫s libre </div> </div> <p class="text-center mt-2 mb-0"> Anim茅 par Caroline Valluis </p> </div> <div class="text-center px-3 mb-4"> <a class="btn container-fluid btn-primary mx-auto" href="javascript:;" onClick="joinComPopUp('',36)" > <i class="bi bi-person-plus-fill pe-2"></i> Rejoindre </a> </div> </div> </div> <div class="swiper-slide" style="width:100%!important"> <div class="postion-relative overflow-hidden rounded border px-0" style="max-width:22rem"> <div class="col-md-12 border-bottom position-relative" style="max-height:200px;height:200px;overflow:hidden"> <a class="u-link-v5 text-black" href="https://www.cycl-op.org/communities/gestion-des-biodechets/"> <picture style="max-height:200px;height:200px" class="w-100"> <source srcset="https://www.cycl-op.org/community/pg/groupicon/40/large/default.jpg" media="(min-width:500px)" /> <img class="croppedlg zi-1" loading="lazy" src="https://www.cycl-op.org/community/pg/groupicon/40/large/default.jpg" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" style="max-height:200px" alt="Gestion des biod茅chets" aria-label="Gestion des biod茅chets"/> </picture> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute top-0 bottom-0" > <i class="bi bi-people-fill text-primary"></i> </div> </a> </div> <div style="height:200px" class="col-md-12 d-flex flex-column justify-content-center mb-3 px-3"> <h2 class="h5 g-my-15 text-center pt-3 g-font-weight-700"> <a class="u-link-v5 text-black" href="https://www.cycl-op.org/communities/gestion-des-biodechets/">Gestion des biod茅chets</a> </h2> <div class="d-flex flex-column align-items-center justify-content-center"> <div class="mb-3"> <div style="background-color:#308ACA" class="badge bg-custom py-2 px-3 mx-1"> 109 <i class="bi bi-people-fill"></i> </div> </div> <div style="background-color:#308ACA" class="badge bg-custom py-2 px-3 mx-1"> <i class="bi bi-lock-fill"></i> Communaut茅 priv茅e </div> </div> <p class="text-center mt-2 mb-0"> Anim茅 par Na茂ma Moncamp </p> </div> <div class="text-center px-3 mb-4"> <a class="btn container-fluid btn-soft-primary mx-auto" href="javascript:;" onClick="joinComPopUp('request',40)" > <i class="bi bi-key-fill"></i> Demande acc猫s </a> </div> </div> </div> <div class="swiper-slide" style="width:100%!important"> <div class="postion-relative overflow-hidden rounded border px-0" style="max-width:22rem"> <div class="col-md-12 border-bottom position-relative" style="max-height:200px;height:200px;overflow:hidden"> <a class="u-link-v5 text-black" href="https://www.cycl-op.org/communities/les-acteurs-du-plastique-en-occitanie/"> <picture style="max-height:200px;height:200px" class="w-100"> <source srcset="https://www.cycl-op.org/community/pg/groupicon/2800/large/default.jpg" media="(min-width:500px)" /> <img class="croppedlg zi-1" loading="lazy" src="https://www.cycl-op.org/community/pg/groupicon/2800/large/default.jpg" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" style="max-height:200px" alt="Les acteurs du plastique en Occitanie" aria-label="Les acteurs du plastique en Occitanie"/> </picture> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute top-0 bottom-0" > <i class="bi bi-people-fill text-primary"></i> </div> </a> </div> <div style="height:200px" class="col-md-12 d-flex flex-column justify-content-center mb-3 px-3"> <h2 class="h5 g-my-15 text-center pt-3 g-font-weight-700"> <a class="u-link-v5 text-black" href="https://www.cycl-op.org/communities/les-acteurs-du-plastique-en-occitanie/">Les acteurs du plastique en Occitanie</a> </h2> <div class="d-flex flex-column align-items-center justify-content-center"> <div class="mb-3"> <div style="background-color:#308ACA" class="badge bg-custom py-2 px-3 mx-1"> 42 <i class="bi bi-people-fill"></i> </div> </div> <div style="background-color:#308ACA" class="badge bg-custom py-2 px-3 mx-1"> <i class="bi bi-door-open-fill"></i> Communaut茅 en acc猫s libre </div> </div> <p class="text-center mt-2 mb-0"> Anim茅 par beno卯t THIERRY </p> </div> <div class="text-center px-3 mb-4"> <a class="btn container-fluid btn-primary mx-auto" href="javascript:;" onClick="joinComPopUp('',2800)" > <i class="bi bi-person-plus-fill pe-2"></i> Rejoindre </a> </div> </div> </div> <div class="swiper-slide" style="width:100%!important"> <div class="postion-relative overflow-hidden rounded border px-0" style="max-width:22rem"> <div class="col-md-12 border-bottom position-relative" style="max-height:200px;height:200px;overflow:hidden"> <a class="u-link-v5 text-black" href="https://www.cycl-op.org/communities/btp/"> <picture style="max-height:200px;height:200px" class="w-100"> <source srcset="https://www.cycl-op.org/community/pg/groupicon/35/large/default.jpg" media="(min-width:500px)" /> <img class="croppedlg zi-1" loading="lazy" src="https://www.cycl-op.org/community/pg/groupicon/35/large/default.jpg" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" style="max-height:200px" alt="BTP" aria-label="BTP"/> </picture> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute top-0 bottom-0" > <i class="bi bi-people-fill text-primary"></i> </div> </a> </div> <div style="height:200px" class="col-md-12 d-flex flex-column justify-content-center mb-3 px-3"> <h2 class="h5 g-my-15 text-center pt-3 g-font-weight-700"> <a class="u-link-v5 text-black" href="https://www.cycl-op.org/communities/btp/">BTP</a> </h2> <div class="d-flex flex-column align-items-center justify-content-center"> <div class="mb-3"> <div style="background-color:#308ACA" class="badge bg-custom py-2 px-3 mx-1"> 71 <i class="bi bi-people-fill"></i> </div> </div> <div style="background-color:#308ACA" class="badge bg-custom py-2 px-3 mx-1"> <i class="bi bi-door-open-fill"></i> Communaut茅 en acc猫s libre </div> </div> <p class="text-center mt-2 mb-0"> Anim茅 par JULIE VERRECCHIA </p> </div> <div class="text-center px-3 mb-4"> <a class="btn container-fluid btn-primary mx-auto" href="javascript:;" onClick="joinComPopUp('',35)" > <i class="bi bi-person-plus-fill pe-2"></i> Rejoindre </a> </div> </div> </div> <div class="swiper-slide" style="width:100%!important"> <div class="postion-relative overflow-hidden rounded border px-0" style="max-width:22rem"> <div class="col-md-12 border-bottom position-relative" style="max-height:200px;height:200px;overflow:hidden"> <a class="u-link-v5 text-black" href="https://www.cycl-op.org/communities/communaute-des-acheteurs-publics/"> <picture style="max-height:200px;height:200px" class="w-100"> <source srcset="https://www.cycl-op.org/community/pg/groupicon/2496/large/default.jpg" media="(min-width:500px)" /> <img class="croppedlg zi-1" loading="lazy" src="https://www.cycl-op.org/community/pg/groupicon/2496/large/default.jpg" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" style="max-height:200px" alt="Communaut茅 des acheteurs publics" aria-label="Communaut茅 des acheteurs publics"/> </picture> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute top-0 bottom-0" > <i class="bi bi-people-fill text-primary"></i> </div> </a> </div> <div style="height:200px" class="col-md-12 d-flex flex-column justify-content-center mb-3 px-3"> <h2 class="h5 g-my-15 text-center pt-3 g-font-weight-700"> <a class="u-link-v5 text-black" href="https://www.cycl-op.org/communities/communaute-des-acheteurs-publics/">Communaut茅 des acheteurs publics</a> </h2> <div class="d-flex flex-column align-items-center justify-content-center"> <div class="mb-3"> <div style="background-color:#308ACA" class="badge bg-custom py-2 px-3 mx-1"> 46 <i class="bi bi-people-fill"></i> </div> </div> <div style="background-color:#308ACA" class="badge bg-custom py-2 px-3 mx-1"> <i class="bi bi-door-open-fill"></i> Communaut茅 en acc猫s libre </div> </div> <p class="text-center mt-2 mb-0"> Anim茅 par Karine Freu </p> </div> <div class="text-center px-3 mb-4"> <a class="btn container-fluid btn-primary mx-auto" href="javascript:;" onClick="joinComPopUp('',2496)" > <i class="bi bi-person-plus-fill pe-2"></i> Rejoindre </a> </div> </div> </div> </div>  <div class="js-swiper-responsive-breakpoint-button-next swiper-button-next"></div> <div class="js-swiper-responsive-breakpoint-button-prev swiper-button-prev"></div> </div>   <div class="js-swiper-responsive-breakpoint-pagination swiper-pagination"></div>   </section></div></section> <h3 class="fw-bold mb-0 mt-3">Explorer toutes les communaut茅s</h3> <div class="col-md-12 pt-4 text-start"> <div class="rexfilter"> <div class=" justify-content-between pe-0"> <div class="row col-md-9 col-sm-12"> <div class="col-md col-sm-6 col-xs-12 "> <div class="input-card rounded-1 py-0 px-0"> <div class="input-card-form pe-0 w-100"> <label for="keyword" class="form-label visually-hidden">Recherche</label> <input type="text" class="form-control fs-5 pe-0 form-control-lg py-0" id="keyword" placeholder="Recherche" aria-label="Search article"> </div> <i title="Rechercher" onClick="doQuery();" class="btn btn-lg border-0 text-primary bi bi-search"></i> </div> </div> <div class="col-md col-sm-4 col-xs-12 "> <select id="section_list" class="form-select" onchange="select2Send('section')"><option value="" id="section_id_0"> Type de communaut茅 </option><option value="1" label="Communaut茅s de veille" id="section_id_1">Communaut茅s de veille</option><option value="2" label="Communaut茅s de projets" id="section_id_2">Communaut茅s de projets</option><option value="3" label="Communaut茅s de formations" id="section_id_3">Communaut茅s de formations</option><option value="4" label="Communaut茅s d'usage" id="section_id_4">Communaut茅s d'usage</option><option value="5" label="Communaut茅s d'茅v茅nements" id="section_id_5">Communaut茅s d'茅v茅nements</option><option value="6" label="Communaut茅s r茅gionales" id="section_id_6">Communaut茅s r茅gionales</option></select> </div> <div class="col-md col-sm-2 col-xs-12 "> <div class="border pe-0 rounded-1 d-flex align-items-center"> <i class="bi bi-sort-up px-2"></i> <select id="order_list" class="form-select w-100 border-0" onchange="select2Send('order')"><option value="" id="order_id_-1"> Tri </option><option value="1" label="Dates de cr茅ation" id="order_id_1">Dates de cr茅ation</option><option value="0" label="Publications + r茅centes" id="order_id_0">Publications + r茅centes</option></select> </div> </div> </div> </div> <div class="col-12 py-2"><span id="catlabels"></span><span><small><a class="text-decoration-underline text-black" href="#" onclick="doQuery('clear');">tout effacer</a></small></span></div> </div> <div class="mt-7" id="contentgridbefore"></div> <div id="contentgrid"></div> </div> </div> </main>  <footer class="bg-dark"> <div class="container"> <div class="d-flex flex-column flex-lg-row pt-5"> <div class="d-flex flex-column col-md-8 col-12"> <div class="d-md-flex flex-lg-row flex-column justify-content-start text-white"> <div class="dropdown col-lg-6 mb-lg-0 mb-3 col-12"> <a style="text-wrap: pretty;" class="dropdown-toggle text-white" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <i class="bi bi-globe me-2"></i> Le r茅seau national de l'茅conomie circulaire </a> <ul class="dropdown-menu shadow-sm" aria-labelledby="dropdownpffoot"> <li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.bretagnecirculaire.org/">Bretagnecirculaire.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.circemed.org/">Circemed.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.collectif-grandest.org/">Collectif-grandest.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.cycl-op.org/">Cycl-op.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.eclaira.org/">Eclaira.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.economiecirculaire.org/">Economiecirculaire.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.genie.ch/">Genie.ch</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.grandpariscirculaire.org/">Grandpariscirculaire.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.quebeccirculaire.org/">Quebeccirculaire.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.recita.org/">Recita.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.reseau-preci.org/">Reseau-preci.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.reseau-synapse.org/">Reseau-synapse.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://neci.normandie.fr/">Neci</a></li> </ul> </div> <div class="col-lg-3 col-12 mb-3 mb-lg-0" data-bs-toggle="modal" data-bs-target="#ModalSearch"><a class="text-white" href="#"><i class="bi-search me-2"></i> Rechercher</a> </div> <div class="col-lg-3 col-12 mb-3 mb-lg-0"><a class="text-white" href="https://www.cycl-op.org/connexion.html"><i class="bi bi-person me-2"></i> Connexion / Inscription</a></div> </div> <div class="mt-8 d-none d-lg-block"> <p class="text-white"> <img class="img-fluid float-start me-3 mb-3" alt="logo recita" src="https://www.cycl-op.org/images/logo_white.webp">Cycl鈥檕p est la plateforme des acteurs de l鈥櫭ヽonomie circulaire en Occitanie. Initi茅e dans le cadre du Plan R茅gional d鈥橝ction en Faveur de l鈥橢conomie Circulaire (PRAEC), avec le soutien financier de l鈥橝DEME et de la R茅gion Occitanie, c鈥檈st l鈥檕util et la vitrine de l鈥櫭ヽonomie circulaire en r茅gion. </p> </div> </div> <div class="col-lg-4 ps-lg-6 col-12 "> <strong class="text-white">Plans du site</strong><br/> <div class="row text-start mt-4"> <div class="col-6 mb-2"> <a href="https://www.cycl-op.org/articles/" class="text-cap fw-normal text-white">Actualit茅s</a> </div> <div class="col-6 mb-2"> <a href="https://www.cycl-op.org/initiative/" class="text-cap fw-normal text-white">Initiatives</a> </div> <div class="col-6 mb-2"> <a href="https://www.cycl-op.org/static/h/groupes-de-travail-et-reseaux.html" class="text-cap fw-normal text-white">R茅seaux</a> </div> <div class="col-6 mb-2"> <a href="https://www.cycl-op.org/library/" class="text-cap fw-normal text-white">Ressources</a> </div> <div class="col-6 mb-2"> <a href="https://www.cycl-op.org/static/h/questions-frequentes-faq.html" class="text-cap fw-normal text-white">FAQ</a> </div> <div class="col-6 mb-2"> <a href="https://www.cycl-op.org/static/h/l-economie-circulaire-en-occitanie.html" class="text-cap fw-normal text-white">Comprendre</a> </div> <div class="col-6 mb-2"> <a href="https://www.cycl-op.org/articles/events/" class="text-cap fw-normal text-white">Agenda</a> </div> <div class="col-6 mb-2"> <a href="https://www.cycl-op.org/static/h/accessibilite-numerique.html" class="text-cap fw-normal text-white">Accessibilit茅</a> </div>  </div> </div> </div> <div class="row justify-content-center mb-2 align-items-center"> <div class="col-5 d-none d-lg-block"> <hr class="my-3"/> </div> <div class="col-lg-2 col-12 d-flex justify-content-center">  <a class="btn-light btn-icon me-1 rounded-circle" aria-label="linkedin" href="https://fr.linkedin.com/company/cycl-op/"><i class=" bi bi-linkedin"></i></a> </div> <div class="col-5 d-none d-lg-block"> <hr class="my-3" /> </div> </div> <div class="row flex-column-reverse flex-lg-row mb-5"> <div class="col-lg-7 mb-7 d-block d-lg-none mb-lg-0 col-12 text-start"> <p class="text-white"> <img loading="lazy" class="img-fluid float-start me-3 mb-3" alt="logo recita" src="https://www.cycl-op.org/images/logo_white.webp">Cycl鈥檕p est la plateforme des acteurs de l鈥櫭ヽonomie circulaire en Occitanie. Initi茅e dans le cadre du Plan R茅gional d鈥橝ction en Faveur de l鈥橢conomie Circulaire (PRAEC), avec le soutien financier de l鈥橝DEME et de la R茅gion Occitanie, c鈥檈st l鈥檕util et la vitrine de l鈥櫭ヽonomie circulaire en r茅gion. </p> </div> <div class="col-lg-5 mb-7 mb-lg-0 col-12 text-start"> <div class="text-white">Port茅 conjointement par :</div> <img loading="lazy" class="img-fluid me-2" width="150" alt="ORDECO" src="https://www.cycl-op.org/images/logo_Ordeco.webp"> <img loading="lazy" class="img-fluid me-2" width="190" alt="CIRIDD" src="https://www.cycl-op.org/images/logo_CIRIDD.webp"> </div> </div> <div class="col-12 d-none d-lg-block"> <hr class="my-3"/> </div> <div class="d-md-flex justify-content-start text-white py-5 "> <a class="d-block me-4 mb-4" rel="nofollow" href="https://creativecommons.org/licenses/by-nc-nd/3.0/" target="_blank"> <img loading="lazy" alt="CC" src="https://www.cycl-op.org/images/CC.png"></a> <a class="text-white-70 d-block d-lg-inline me-2" href="https://www.cycl-op.org/contacts.html">Nous contacter</a> <span class="d-none d-lg-inline mx-3"> - </span> <a class="text-white-70 d-block d-lg-inline" href="https://www.cycl-op.org/cgu/index.html">Conditions G茅n茅rales d'Utilisation</a> <span class="d-none d-lg-inline mx-3"> - </span> <a href="https://www.cycl-op.org/company/h/ciridd.html" class="text-white-70 d-block d-lg-inline">Conception & R茅alisation : CIRIDD 漏 2023</a> </div> </div> </footer>  <script src="https://www.cycl-op.org/libsrc/unify-v3.1/assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="https://www.cycl-op.org/libdefined/minified/pub/unify-min.js"></script> <script> var responsiveBreakpoint=new Swiper(".js-swiper-responsive-breakpoint",{slidesPerView:1,spaceBetween:10,pagination:{el:".js-swiper-responsive-breakpoint-pagination",clickable:true,},navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev",},breakpoints:{640:{slidesPerView:2,spaceBetween:20,},768:{slidesPerView:2,spaceBetween:30,},1024:{slidesPerView:3,spaceBetween:30,},1400:{slidesPerView:4,spaceBetween:30,}}});</script> <script> document.addEventListener('DOMContentLoaded',function(){const dialogObject=document.querySelector("#dialogContribute");const openerDialog=document.querySelector("#triggerDialog");const closerDialog=document.querySelector("#closerDialog");if(openerDialog!=null&&closerDialog!=null){openerDialog.addEventListener("click",()=>{dialogObject.showModal();}) closerDialog.addEventListener("click",()=>{dialogObject.close();})}}) </script> <script> (async function check(){await fetch("https://www.cycl-op.org/session/check.html",{method:"POST"}).then(response=>response.json()).then(res=>{if(res.logged){document.querySelectorAll('.connexiontop').forEach((elem)=>elem.style.display="none");document.querySelectorAll('.menuser').forEach((elem)=>elem.innerHTML=res.menu);}});})() const containerList=document.querySelector("[data-list-container]");const lists=document.querySelectorAll("[data-list-container] li:not(:last-child)");const itemElemToCloseUserDropDown=document.createElement('li');itemElemToCloseUserDropDown.innerHTML=`<a class="text-black fw-bold"href="javascript:void(0);"><i class="bi bi-arrow-left me-3"></i>Revenir en arri猫re</a>`;itemElemToCloseUserDropDown.classList="dropdown-item py-2";let dropdownUser="";let avatarContainer="";let userItems="";let isUserAvatarOpen=false;if(document.querySelector("[data-user-container]")!==null){const userContainer=document.querySelector("[data-user-container]");userContainer.addEventListener("click",()=>{isUserAvatarOpen=!isUserAvatarOpen;if(isUserAvatarOpen){if(window.innerWidth<992){avatarContainer=document.querySelector("[data-avatar-container]");avatarContainer.classList.add("d-none");userItems=document.querySelector("[data-user-menu]");userItems.classList.add("d-block");userItems.classList.add('border-0');userItems.prepend(itemElemToCloseUserDropDown) dropdownUser=document.querySelector("[data-user-container] > div");dropdownUser.classList.remove("pe-5") dropdownUser.classList.remove("me-5") for(var item of lists){item.classList.add("d-none")}}}else{avatarContainer=document.querySelector('[data-avatar-container]');avatarContainer.classList.remove("d-none");userItems=document.querySelector("[data-user-menu]");userItems.classList.remove("d-block");for(var item of lists){item.classList.remove("d-none")}}})} if(document.querySelector('[data-reset-menu]')!==null){const resetButton=document.querySelector('[data-reset-menu]');resetButton.addEventListener("click",()=>{avatarContainer=document.querySelector('[data-avatar-container]');userItems=document.querySelector("[data-user-menu]");if(avatarContainer)avatarContainer.classList.remove("d-none");if(userItems)userItems.classList.remove("d-block");for(var item of lists){item.classList.remove("d-none")} if(!isUserAvatarOpen){containerList.classList.add("border");} isUserAvatarOpen=false;})} window.addEventListener("resize",()=>{if(window.innerWidth>991&&isUserAvatarOpen){for(var item of lists){item.classList.remove("d-none")}} if(window.innerWidth<=991){containerList.classList.add("border")}else{containerList.classList.remove("border")} if(window.innerWidth<=991&&isUserAvatarOpen){for(var item of lists){item.classList.add("d-none")}}}) new HSHeader('#header').init() const megaMenu=new HSMegaMenu('.js-mega-menu',{desktop:{position:'left'}}) function sendRequest(){var searchQuery=document.getElementById("globalsearch").value;var siteUrl="https://www.cycl-op.org";var dirInstalled="/";window.location=siteUrl+dirInstalled+"index.php/globalsearch/?q="+searchQuery;} document.addEventListener('DOMContentLoaded',function(){const myModal=document.getElementById('ModalSearch') const myInput=document.getElementById('globalsearch') myModal.addEventListener('shown.bs.modal',()=>{myInput.focus()}) document.getElementById("globalsearch").addEventListener('keydown',function(e){if(e.key=="Enter"){e.preventDefault();sendRequest();}}) document.getElementById("globalsearchbtn").addEventListener('click',function(e){sendRequest();})})</script>  <script type="text/javascript" src="https://www.cycl-op.org/libsrc/sharer.js/sharer.min.js" async></script> <script src="https://www.cycl-op.org/libsrc/unify/vendor/fancybox/jquery.fancybox.min.js"></script> <link rel="stylesheet" type="text/css"href="https://www.cycl-op.org/libsrc/unify/vendor/fancybox/jquery.fancybox.min.css"> <script> function stopIt(e){e.preventDefault();} window.addEventListener("DOMContentLoaded",function(e){const header=document.querySelector("header");const linksFisrtLevel=document.querySelectorAll('[data-list-container] li a.hs-mega-menu-invoker');if(header&&window.innerWidth<992){header.classList.add("navbar","navbar-sticky-top");header.style.top="0px";linksFisrtLevel?.forEach(item=>{item.addEventListener("click",stopIt);});}});window.addEventListener("resize",function(e){const linksFisrtLevel=document.querySelectorAll('[data-list-container] li a.hs-mega-menu-invoker');if(linksFisrtLevel.length>0){if(window.innerWidth<992){linksFisrtLevel.forEach(item=>{item.addEventListener("click",stopIt);});} if(window.innerWidth>992){linksFisrtLevel.forEach(item=>{item.removeEventListener("click",stopIt);});}}});window.addEventListener("scroll",function(e){const logo=document.querySelector("a#logoscroll");const userMenu=document.querySelector("#menuscroll");const topMenu=document.querySelector("#topMenu");const header=document.querySelector("header");if(!header)return;if(window.innerWidth>992){if(window.scrollY<150){setTimeout(()=>{header.classList.remove("navbar-sticky-top","navbar");userMenu?.classList.remove("d-lg-flex");topMenu?.classList.add("d-lg-block");logo?.classList.remove("d-lg-block");},50);header.style.top="-110px";header.style.transition="all 0s ease-in 0s";} if(window.scrollY>150){setTimeout(()=>{header.classList.add("navbar","navbar-sticky-top");topMenu?.classList.remove("d-lg-block");userMenu?.classList.add("d-lg-flex");logo?.classList.add("d-lg-block");},50);header.style.top="0px";header.style.transition="all 80ms ease-in-out 130ms";}}else{header.classList.add("navbar","navbar-sticky-top");header.style.top="0px";}});</script>  <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); _paq.push(['disableCookies']); (function() { var u="//stats.ciridd.org/"; _paq.push(['setTrackerUrl', u+'day']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'day.js'; s.parentNode.insertBefore(g,s); })(); </script>  <script type="text/javascript" src="https://www.cycl-op.org/libsrc/tarteaucitron.js/tarteaucitron.min.js"></script> <script> tarteaucitron.init({"privacyUrl":"https://www.cycl-op.org/index.php?file=cgu/&frame=active#personaldata","hashtag":"#tarteaucitron","cookieName":"tarteaucitron","orientation":"middle","groupServices":false,"showAlertSmall":true,"cookieslist":false,"closePopup":false,"showIcon":false,"iconPosition":"BottomLeft","adblocker":false,"DenyAllCta":true,"AcceptAllCta":true,"highPrivacy":true,"handleBrowserDNTRequest":false,"removeCredit":true,"moreInfoLink":true,"useExternalCss":false,"useExternalJs":false,"readmoreLink":"","mandatory":true,});</script> <script type="text/javascript"> function filterA(sort){var resList=Ext.getCmp("list-grid");resList.store.load({params:{start:0,limit:15,sort:sort,dir:'DESC'}});} function filterB(){var resList=Ext.getCmp("list-grid");resList.store.load({params:{start:0,limit:15}});} function doQuery(param){window.location.hash="";var params="";if(param=='clear'){params='';Ext.get('catlabels').dom.innerHTML='';if(typeof(Ext.getCmp("keyword"))!='undefined'){$("#keyword").val("");Ext.getCmp('keyword').setValue('');} if(typeof(Ext.getCmp("section"))!='undefined'){$("#section_list").val("");Ext.getCmp('section').setValue('');} if(typeof(Ext.getCmp("order"))!='undefined'){$("#order_list").val("");Ext.getCmp('order').setValue('');}} else{if(param){params+=param;} else{if($("#keyword").val()){params+="|keyword:"+$("#keyword").val()+"";} if(typeof(Ext.getCmp("keyword"))!='undefined'&&Ext.getCmp("keyword").getValue()){params+="|keyword:"+Ext.getCmp('keyword').getValue()+"";} if(typeof(Ext.getCmp("type"))!='undefined'&&Ext.getCmp("type").value) params+="|type_id:"+Ext.getCmp("type").value+"";if(typeof(Ext.getCmp("section"))!='undefined'&&Ext.getCmp("section").value) params+="|section_id:"+Ext.getCmp("section").value+"";if(typeof(Ext.getCmp("order"))!='undefined'&&Ext.getCmp("order").value) params+="|order_id:"+Ext.getCmp("order").value+"";}} if(param) paramencoded=params;else paramencoded=Ext.util.base64.encode(params);var resListStore=Ext.getCmp("list-grid");resListStore.store.load({params:{start:0,limit:15,query:'search,'+paramencoded}});$('#blist').hide();window.location="https://www.cycl-op.org/communities/#search,"+paramencoded+':page1';} var formfilter=new Ext.FormPanel({title:'',id:"formsearchadd",border:false,autoHeight:true,labelAlign:'top',buttonAlign:'right',items:[{fieldLabel:'<span style="font-size:14px;color:#363636;font-weight:bold">Mot cl茅</span>',xtype:'textfield',name:'keyword',id:'keyword',anchor:'100%',listeners:{specialkey:function(f,e){if(e.getKey()==e.ENTER){doQuery();}},change:function(fld,newValue,oldValue,opts){doQuery();}}},{fieldLabel:"Section",id:"section",xtype:"combo",anchor:"98%",store:new Ext.data.JsonStore({autoLoad:true,url:'https://www.cycl-op.org/index.php/select,category.json',root:'records',totalProperty:'totalCount',idProperty:'id',remoteSort:true,maxHeight:100,fields:['id','name']}),displayField:'name',valueField:'id',editable:false,mode:'local',typeAhead:true,triggerAction:'all',allowBlank:true,hiddenName:'section_id',listeners:{select:function(){doQuery();}}},{fieldLabel:"Order",id:"order",xtype:"combo",anchor:"98%",store:new Ext.data.SimpleStore({id:0,fields:['key','value'],data:[['0','last_modif'],['1','pub_date']]}),displayField:'value',valueField:'key',editable:false,mode:'local',typeAhead:true,triggerAction:'all',allowBlank:true,hiddenName:'order_id',listeners:{select:function(){doQuery();}}},{fieldLabel:"Types de communaut茅s",id:"type",xtype:"combo",anchor:"98%",store:new Ext.data.SimpleStore({id:0,fields:['key','value'],data:[['1','Priv茅e'],['0','Publique']]}),displayField:'value',valueField:'key',editable:false,mode:'local',typeAhead:true,triggerAction:'all',allowBlank:true,hiddenName:'type_id',listeners:{select:function(){doQuery();}}}],buttons:[{text:'<i class="bi bi-arrow-clockwise"></i>',handler:function(b,e){Ext.getCmp('formsearchadd').getForm().reset();$("#keyword").val('');var resList=Ext.getCmp("list-grid");window.location.hash="";doQuery();}},{text:'Fermer',id:'cancelButton',handler:function(){Ext.getCmp('win-filter').destroy();}}]});restBtn=new Ext.Button({text:'<i class="bi bi-arrow-clockwise"></i>',handler:function(b,e){var formsearch=Ext.getCmp("formsearch");formsearch.getForm().reset();var resList=Ext.getCmp("list-grid");window.location.hash="";doQuery();}});showFormFilter=function(){if(typeof(winfilter)!='undefined'){winfilter.show();} else{winfilter=new Ext.Window({id:'win-filter',autoHeight:true,width:'80%',cls:'maxWidth-700',y:'20%',maximizable:false,collapsible:false,closeAction:'hide',resizable:true,layout:'fit',items:[formfilter]});winfilter.show();}} Ext.BLANK_IMAGE_URL='https://www.cycl-op.org/libsrc/ext/resources/images/default/s.gif';function getUrlQuery() {var currentUrl=window.location.href;var currentUrlArray=currentUrl.split("#");var xUrlQuery="";if(currentUrlArray.length>1) xUrlQuery=currentUrlArray[currentUrlArray.length-1];return xUrlQuery;} Ext.onReady(function() {var pageSize=10;var resListStore=new Ext.data.JsonStore({url:'../index.php?file=communities/datasrc/communities.list.json',root:'records',totalProperty:'totalCount',idProperty:'id',remoteSort:true,fields:['id','title','href','hrefjoin','description','img','status','members','first_name','last_name','user_img','user_id','pub_date','last_modif','ismember']});var filter='';var tags=function(tags,label){var html='';var tagTb=tags.split(',');var label=label;tagTb.forEach(function(cat){var regex=RegExp(cat.trim(),'gi');html+='<a target="_blank" href="../tags/'+Ext.util.base64.encode(cat.trim())+'"><li class="list-inline-item g-mb-10"><div class="u-tags-v1 g-font-size-12 g-brd-around g-brd-gray-light-v4 g-bg-primary--hover g-brd-primary--hover g-color-black-opacity-0_8 g-color-white--hover rounded g-py-6 px-2 me-1"><i class="bi bi-tag"></i> '+cat+'</div></li></a>';});html+="";return html;} var rexListColModel=new Ext.grid.ColumnModel([{header:'Titre',id:'001_title',dataIndex:'title',align:'left',renderer:function(value,p,record){if(record.get('tags')) var taghtml=tags(record.get('tags'),'tags:');else var taghtml='';if(record.get('categories')) var cathtml=tags(record.get('categories'),'categories:');else var cathtml='';if(record.get('title')){var textStatus='';var boutonAccesBlock='';var boutonAccesInline='';if(record.data.ismember==0){if(record.data.status=="lock"){textStatus="Communaut茅 priv茅e";boutonAccesInline='<a href="javascript:;" onClick="joinComPopUp(\'request\',\''+record.data.id+'\')" class="d-none d-md-flex btn btn-lg btn-soft-primary"><i class="bi bi-key-fill pe-2"></i> Demande acc猫s</a>';boutonAccesBlock='<a href="javascript:;" onClick="joinComPopUp(\'request\',\''+record.data.id+'\')" class="d-block d-md-none btn btn-lg btn-soft-primary"><i class="bi bi-key-fill pe-2"></i> Demande acc猫s</a>';}else{textStatus="Communaut茅 en acc猫s libre";boutonAccesInline='<a href="javascript:;" onClick="joinComPopUp(\'\',\''+record.data.id+'\')" class="d-none d-md-flex btn btn-lg btn-primary"><i class="bi bi-person-plus-fill pe-2"></i> Rejoindre</a>';boutonAccesBlock='<a href="javascript:;" onClick="joinComPopUp(\'\',\''+record.data.id+'\')" class="d-block d-md-none btn btn-lg btn-primary"><i class="bi bi-person-plus-fill pe-2"></i> Rejoindre</a>';}}else{if(record.data.status=="lock"){textStatus="Communaut茅 priv茅e";}else{textStatus="Communaut茅 en acc猫s libre";}} return'<article class="row flex-column flex-md-row align-items-start border mx-1 rounded u-block-hover"><div class="col-md-3 px-0 border-end "><a class="text-black" href="'+record.get('href')+'"><div style="min-height:242px" class="position-relative d-flex justify-content-center align-items-center"><img class="img-fluid zi-1 position-relative" onerror="this.onerror=null;this.style.display=\'none\';this.style.zIndex=\'0\';" src="'+record.data.img+'" alt="'+record.data.title+'"/><i class="bi bi-people-fill position-absolute display-5 zi-0 text-primary"></i></div></a></div><div class="col-md-9 p-3 mb-3 align-self-center"><div class="d-flex align-items-center justify-content-between"><h3 class="h5 mb-0 "><a class="text-dark fw-bold" href="'+record.get('href')+'">'+record.data.title+'</a></h3>'+boutonAccesInline+'</div><div class="d-flex mt-2 mb-3"><div style="background-color:#308ACA" class="badge bg-custom py-2 px-3"><span class="pe-2">'+record.data.members+'</span><i class="bi bi-people-fill"></i></div><span class="d-none d-md-block align-self-center ms-2">Anim茅 par '+record.data.last_name+'</span></div><div class="g-pt-10--md"><div class="media mb-2"><div class="media-body"><div style="background-color:#308ACA" class="badge bg-custom py-2 px-4"><i class="bi bi-bi bi-'+record.data.status+'-fill"></i></div><span class="ps-2">'+textStatus+'</span><div class="d-none mt-2 d-md-block text-muted">'+record.data.description+'</div>'+boutonAccesBlock+'</div></div></div></div></article><ul class="u-list-inline col-md-12">'+taghtml+cathtml+'</ul>';}else{return'<h3 style="text-align:center">Nous n\'avons trouv茅 aucun enregistrement correspondant 脿 votre demande</h3>'}}}]);;var expander=new Ext.grid.RowExpander({tpl:new Ext.Template('<tpl if="values.body">','<div class="body">{body}</div>','</tpl>')});function resizeimg(){$('img.thumb').each(function(){if($(this).height()>=$(this).width()){$(this).css("width","auto");$(this).css("margin","auto");}});} var rexList=new Ext.grid.GridPanel({title:'',view:new Ext.grid.GridView({ignoreAdd:true,deferEmptyText:true,emptyText:'<div class="card bg-light card-body my-3">Aucune publication post茅e 脿 ce jour.</div>'}),viewConfig:{forceFit:true},store:resListStore,id:'list-grid',layout:'fit',bodyCssClass:'minHeight-500',autoHeight:true,hideHeaders:true,autoExpandColumn:'001_title',autoExpandMax:1200,bbar:new Ext.PagingToolbarInfinite({store:resListStore,displayInfo:true,emptyMsg:'<div class="card bg-light card-body my-3">Aucune publication post茅e 脿 ce jour.</div>',pageSize:pageSize,listeners:{beforechange:function(t,e){prevhtml=$("div.minHeight-500").html();postop=$('#contentgridbefore').offset().top+$('#contentgridbefore').height();},change:function(thisd,params){if(params.activePage>1){$("#contentgridbefore").html($("#contentgridbefore").html()+prevhtml);postop=$('#contentgridbefore').offset().top+$('#contentgridbefore').height()-100;scroll(0,postop);}else{scroll(0,0);} var currentHash=window.location.hash;if(currentHash){var prems=0;if(currentHash.match('#page')){var pattern=/page[0-9]+/g;var currentHash=currentHash.replace(pattern,'page'+this.getPageData().activePage);window.location.hash=currentHash;} else{}} else{var prems=1;newpage=this.getPageData().activePage;} $(document).ready(function(){if(prems==0){$('#contentgridfirst').hide();$('.x-grid3-viewport').css('display','inherit');}});}}}),cm:rexListColModel,sm:new Ext.grid.RowSelectionModel({singleSelect:true}),iconCls:'icon-grid'});resListStore.on('load',function(thisStore,records,options){Ext.getBody().unmask();if(Ext.get('totalLength')) Ext.get('totalLength').dom.innerHTML="("+thisStore.totalLength+")";});store="resListStore";eval(store).on('beforeload',function(store,options){var currentUrl=window.location.hash;if(currentUrl)Ext.getBody().mask('<div class=\"blur\"><svg version=\"1.1\" id=\"preloader\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 100 100\" enable-background=\"new 0 0 100 100\" xml:space=\"preserve\"> <path fill=\"#EB9906\" d=\"M31.6,3.5C5.9,13.6-6.6,42.7,3.5,68.4c10.1,25.7,39.2,38.3,64.9,28.1l-3.1-7.9c-21.3,8.4-45.4-2-53.8-23.3 c-8.4-21.3,2-45.4,23.3-53.8L31.6,3.5z\"> <animateTransform attributeName=\"transform\" attributeType=\"XML\" type=\"rotate\" dur=\"2s\" from=\"0 50 50\" to=\"360 50 50\" repeatCount=\"indefinite\" /> </path> <path fill=\"#EB9906\" d=\"M42.3,39.6c5.7-4.3,13.9-3.1,18.1,2.7c4.3,5.7,3.1,13.9-2.7,18.1l4.1,5.5c8.8-6.5,10.6-19,4.1-27.7 c-6.5-8.8-19-10.6-27.7-4.1L42.3,39.6z\"> <animateTransform attributeName=\"transform\" attributeType=\"XML\" type=\"rotate\" dur=\"1s\" from=\"0 50 50\" to=\"-360 50 50\" repeatCount=\"indefinite\" /> </path> <path fill=\"#EB9906\" d=\"M82,35.7C74.1,18,53.4,10.1,35.7,18S10.1,46.6,18,64.3l7.6-3.4c-6-13.5,0-29.3,13.5-35.3s29.3,0,35.3,13.5 L82,35.7z\"> <animateTransform attributeName=\"transform\" attributeType=\"XML\" type=\"rotate\" dur=\"2s\" from=\"0 50 50\" to=\"360 50 50\" repeatCount=\"indefinite\" /> </path> </svg></div>','x-mask-loading');var xUrlQuery="";var currentUrlArray=currentUrl.split("#");if(currentUrlArray.length>1) xUrlQuery=currentUrlArray[currentUrlArray.length-1];var pattern=/:?page[0-9]+((:local)|(:europe))?/g;var xUrlQuery=xUrlQuery.replace(pattern,'');if(xUrlQuery!=null&&xUrlQuery!='') options.params.query=xUrlQuery;if(filter) options.params.urlQuery=filter;return true;});var currentUrl=window.location.hash;var xUrlQueryPage="";var xUrlQuery="";var currentPageArray=currentUrl.split("page");if(currentPageArray.length>1) xUrlQueryPage=currentPageArray[currentPageArray.length-1];var currentUrlArray=currentUrl.split("#");if(currentUrlArray.length>1) xUrlQuery=currentUrlArray[currentUrlArray.length-1];var pattern=/(:europe)|(:local)/g;var xUrlQueryPage=xUrlQueryPage.replace(pattern,'');if(xUrlQueryPage) var start=(xUrlQueryPage-1)*pageSize;else var start=0;var pattern=/:?page[0-9]+((:local)|(:europe))?/g;var xUrlQuery=xUrlQuery.replace(pattern,'');if(xUrlQuery!=null&&xUrlQuery!='') resListStore.load({params:{start:start,limit:pageSize,query:xUrlQuery,urlQuery:filter}});else resListStore.load({params:{start:start,limit:pageSize}});rexList.render('contentgrid');$(document).ready(function(){$(window).resize(function(){Ext.getCmp('list-grid').getView().refresh();});$(window).on("orientationchange",function(){Ext.getCmp('list-grid').getView().refresh();});});});function checkStatus(){var hash=window.location.hash;var encodedraw=hash.split(',');if(encodedraw[1]&&encodedraw[1]!==undefined){var encodedstr=encodedraw[1].split(':');var decodestr=Ext.util.base64.decode(encodedstr[0]);var filteredparam=decodestr.split('|');filteredparam.forEach(element=>{var filterparam=element.split(':');if(filterparam[0]!="event_begin_date"){var id=filterparam[0].slice(0,-3);if(id!==undefined&&filterparam[1]){console.log(id);console.log(filterparam[1]);Ext.getCmp(id).setValue(filterparam[1]);val=filterparam[1];if(val!==undefined){var tabval=val.split(',');tabval.forEach(v=>{var el=document.getElementById(id+'_id_'+v);if($('#'+id).is(':checkbox')&&val==1){$('#'+id).prop('checked',true);} if(el!==null&&el!==undefined) Ext.get('catlabels').dom.innerHTML=Ext.get('catlabels').dom.innerHTML+'<div id="'+id+'_list_'+v+'" class="badge bg-primary text-end me-2 mb-2">'+el['label']+'<a onClick="remove2Send(\''+id+'_list_'+v+'\',\''+v+'\',\''+id+'\');" class="cursor-pointer align-middle text-white"><i class="ms-1 bi bi-x-lg fs-4"></i></a></div>';});}}}})}} function check2Send(id){var prevval='';var hash=window.location.hash;var encodedraw=hash.split(',');if(encodedraw[1]&&encodedraw[1]!==undefined){var encodedstr=encodedraw[1].split(':');var decodestr=Ext.util.base64.decode(encodedstr[0]);var filteredparam=decodestr.split('|');var filter=id+'_'+val;filteredparam.forEach(element=>{var filterparam=element.split(':');if(filterparam[1]!==undefined&&filterparam[0]==filter){prevval='|'+filterparam[1];}})} var val=document.getElementById(id+'_list').value;var el=document.getElementById(id+'_id_'+val);Ext.get('catlabels').dom.innerHTML=Ext.get('catlabels').dom.innerHTML+'<div id="'+id+'_list_'+val+'" class="badge bg-primary text-end me-2 mb-2">'+el['label']+'<a onClick="remove2SendCheck(\''+id+'_list_'+val+'\',\''+val+'\',\''+id+'\');" class="cursor-pointer text-white"><i class="ms-1 bi bi-x-lg fs-4"></i></a></div>';showFormFilter();winfilter.hide();Ext.getCmp(id+'_'+val).setValue('on');doQuery();} function select2Send(id){var prevval='';var hash=window.location.hash;var encodedraw=hash.split(',');if(encodedraw[1]&&encodedraw[1]!==undefined){var encodedstr=encodedraw[1].split(':');var decodestr=Ext.util.base64.decode(encodedstr[0]);var prevval='';var filteredparam=decodestr.split('|');var filter=id+'_id';filteredparam.forEach(element=>{var filterparam=element.split(':');if(filterparam[1]!==undefined&&filterparam[0]==filter){prevval=filterparam[1];}})} var val=document.getElementById(id+'_list').value;var el=document.getElementById(id+'_id_'+val);if(prevval){var arrayprevval=prevval.split(',');var arrayval=new Array(val);var arrayval=arrayval.concat(arrayprevval);}else{var arrayval=new Array(val);} Ext.get('catlabels').dom.innerHTML=Ext.get('catlabels').dom.innerHTML+'<div id="'+id+'_list_'+val+'" class="badge bg-primary text-end me-2 mb-2">'+el['label']+'<a onClick="remove2Send(\''+id+'_list_'+val+'\',\''+val+'\',\''+id+'\');" class="cursor-pointer text-white"><i class="ms-1 bi bi-x-lg fs-4"></i></a></div>';Ext.getCmp(id).setValue(arrayval);doQuery();} function select2SendSearch(id){var prevval='';var hash=window.location.hash;var encodedraw=hash.split(',');if(encodedraw[1]&&encodedraw[1]!==undefined){var encodedstr=encodedraw[1].split(':');var decodestr=Ext.util.base64.decode(encodedstr[0]);var filteredparam=decodestr.split('|');var filter=id+'';filteredparam.forEach(element=>{var filterparam=element.split(':');if(filterparam[1]!==undefined&&filterparam[0]==filter){prevval=','+filterparam[1];}})} var valkey=document.getElementById(id+'_list').value;var el=document.getElementById(id+'_id_'+valkey);var val=el['label'];Ext.get('catlabels').dom.innerHTML=Ext.get('catlabels').dom.innerHTML+'<div id="'+id+'_list_'+valkey+'" class="badge bg-primary text-end me-2 mb-2">'+el['label']+'<a onClick="remove2SendSearch(\''+id+'_list_'+valkey+'\',\''+valkey+'\',\''+id+'\');" class="cursor-pointer text-white"><i class="ms-1 bi bi-x-lg fs-4"></i></a></div>';Ext.getCmp(id).setValue(val+prevval);doQuery();} function remove2Send(eln,val,id){var prevval='';var newval='';var hash=window.location.hash;var encodedraw=hash.split(',');if(encodedraw[1]&&encodedraw[1]!==undefined){var encodedstr=encodedraw[1].split(':');var decodestr=Ext.util.base64.decode(encodedstr[0]);var filteredparam=decodestr.split('|');var filter=id+'_id';filteredparam.forEach(element=>{var filterparam=element.split(':');if(filterparam[1]!==undefined&&filterparam[0]==filter){prevval=filterparam[1];if(prevval!==undefined){var tabval=prevval.split(',');var index=tabval.indexOf(val);tabval.splice(index,1);newval=tabval.join(",");}}})} var el=document.getElementById(eln);el.remove();if(newval)Ext.getCmp(id).setValue(newval);else Ext.getCmp(id).setValue('');doQuery();} function remove2SendCheck(eln,val,id){var prevval='';var newval='';var hash=window.location.hash;var encodedraw=hash.split(',');if(encodedraw[1]&&encodedraw[1]!==undefined){var encodedstr=encodedraw[1].split(':');var decodestr=Ext.util.base64.decode(encodedstr[0]);var filteredparam=decodestr.split('|');var filter=id+'_'+val;filteredparam.forEach(element=>{var filterparam=element.split(':');console.log(filterparam[0]);console.log(filter);if(filterparam[0]==filter){console.log('yes');Ext.getCmp(id+'_'+val).setValue('');}})} var el=document.getElementById(eln);el.remove();doQuery();} function remove2SendSearch(eln,val,id){var prevval='';var hash=window.location.hash;var encodedraw=hash.split(',');if(encodedraw[1]&&encodedraw[1]!==undefined){var encodedstr=encodedraw[1].split(':');var decodestr=Ext.util.base64.decode(encodedstr[0]);var filteredparam=decodestr.split('|');var filter=id+'';filteredparam.forEach(element=>{var filterparam=element.split(':');if(filterparam[1]!==undefined&&filterparam[0]==filter){prevval=filterparam[1];if(prevval!==undefined){var tabval=prevval.split(',');var index=tabval.indexOf(val);tabval.splice(index,1);newval=tabval.join(",");}}})} var el=document.getElementById(eln);el.remove();if(newval)Ext.getCmp(id).setValue(newval);else Ext.getCmp(id).setValue('');doQuery();} $("#keyword").on('keypress',function(e){if(e.which==13){doQuery();}});function joinComPopUp(type,guid){var newWidth=($(window).width())*0.75;if(newWidth>800) var newWidth=800;if(type=='request') var url="https://www.cycl-op.org/community/action/groups/joinrequest?group_guid="+guid;else var url="https://www.cycl-op.org/community/action/groups/join?group_guid="+guid;$.ajax({url:url,type:'POST',success:function(data){Ext.getBody().unmask();var result=JSON.parse(data.trim());var win=new Ext.Window({layout:'fit',id:'confirmrecorded',width:newWidth,autoHeight:true,modal:true,plain:true,html:'<h4 class="h5 mt-2"><i class="icon-check g-font-size-36"></i><p class="mt-3">'+result.message+'</p></h4>',bodyStyle:'padding:20;text-align:center',buttonAlign:'center',buttons:[{"text":"Fermer","id":"btnDefaultclose","tooltip":"Fermer la fen锚tre",handler:function(){win.close();}}]});win.show();},failure:function(f,a) {var result=JSON.parse(data.trim());Ext.MessageBox.show({title:'',msg:result.message,buttons:Ext.MessageBox.OK,animEl:'mb9',width:400,icon:'ext-mb-error'});}});} </script> </body> </html

CINXE.COM

Les communaut茅s du r茅seau Cycl-op, inscrivez-vous et participez aux sujets qui vous int茅ressent.