CINXE.COM
L'actualit茅 de l'茅conomie circulaire sur le territoire de l'Occitanie
<!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>L'actualit茅 de l'茅conomie circulaire sur le territoire de l'Occitanie</title> <meta name="keywords" content="information, 茅v茅nement, agenda, actualit茅s, news, 茅conomie circulaire, eit, 茅conomie de fonctionnalit茅, 茅co-conception, recyclage, r茅emploi, upcycling, mod猫le 茅conomique, d茅chets, mati猫re, flux, produits, exemple, nouveaut茅s" > <meta name="Description" content="Pr茅sentation d鈥檃ctualit茅s et d鈥櫭﹙茅nements en mati猫re d鈥櫭ヽonomie circulaire en Occitanie. L鈥檌nformation sur les projets et exemples concrets peuvent 锚tre partag茅s largement pour accompagner la transition vers un nouveau mod猫le de d茅veloppement 茅conomique, 茅cologique, mais aussi social." > <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/articles/"> <meta property="og:site_name" content="cycl-op.org" > <meta property="og:title" content="Consulter les derni猫res actualit茅s publi茅es 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/articles/."> <meta property="og:description" content="Pr茅sentation d鈥檃ctualit茅s et d鈥櫭﹙茅nements en mati猫re d鈥櫭ヽonomie circulaire en Occitanie. L鈥檌nformation sur les projets et exemples concrets peuvent 锚tre partag茅s largement pour accompagner la transition vers un nouveau mod猫le de d茅veloppement 茅conomique, 茅cologique, mais aussi social."> <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="Pr茅sentation d鈥檃ctualit茅s et d鈥櫭﹙茅nements en mati猫re d鈥櫭ヽonomie circulaire en Occitanie. L鈥檌nformation sur les projets et exemples concrets peuvent 锚tre partag茅s largement pour accompagner la transition vers un nouveau mod猫le de d茅veloppement 茅conomique, 茅cologique, mais aussi social." /> <meta name="twitter:title" content="Consulter les derni猫res actualit茅s publi茅es sur Cycl-op.org, la plateforme d茅di茅e 脿 l鈥櫭ヽonomie circulaire en Occitanie" /> <meta name="twitter:url" content="https://www.cycl-op.org/articles/." /> <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> <!-- CSS Unify Template --> <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" type="text/css" href="https://www.cycl-op.org/libdefined/minified/pub/newscss-min.css?up=1.2"><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> <!-- ========== HEADER ========== --> <div class="contHead"> <!-- ========== HEADER ========== --> <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"> <!-- Navigation --> <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"> <!-- Toggler --> <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> <!-- End Toggler --> </div> </div> </div> <!-- Collapse --> <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"> <!-- Pages --> <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> <!-- Mega Menu --> <div class="hs-mega-menu hs-position-left-fix dropdown-menu mt-0" aria-labelledby="landingsMegaMenu" style="min-width:22rem;width:20rem"> <!-- Main Content --> <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> <!-- End Main Content --> </div> <!-- End Mega Menu --> </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> <!-- Mega Menu --> <div class="hs-sub-menu dropdown-menu mt-0" aria-labelledby="menu65" style="width:20rem"> <!-- Main Content --> <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> <!-- End Main Content --> </div> <!-- End Mega Menu --> </li> <!-- End Pages --> <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> <!-- Mega Menu --> <div class="hs-sub-menu dropdown-menu mt-0" aria-labelledby="menu2" style="width:20rem"> <!-- Main Content --> <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> <!-- End Main Content --> </div> <!-- End Mega Menu --> </li> <!-- End Pages --> <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> <!-- Mega Menu --> <div class="hs-sub-menu dropdown-menu mt-0" aria-labelledby="menu6" style="width:20rem"> <!-- Main Content --> <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> <!-- End Main Content --> </div> <!-- End Mega Menu --> </li> <!-- End Pages --> <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> <!-- Mega Menu --> <div class="hs-sub-menu dropdown-menu mt-0" aria-labelledby="menu4" style="width:20rem"> <!-- Main Content --> <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> <!-- End Main Content --> </div> <!-- End Mega Menu --> </li> <!-- End Pages --> <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> <!-- Mega Menu --> <div class="hs-sub-menu dropdown-menu mt-0" aria-labelledby="menu56" style="width:20rem"> <!-- Main Content --> <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> <!-- End Main Content --> </div> <!-- End Mega Menu --> </li> <!-- End Pages --> <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> <!-- Mega Menu --> <div class="hs-sub-menu dropdown-menu mt-0" aria-labelledby="menu37" style="width:20rem"> <!-- Main Content --> <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> <!-- End Main Content --> </div> <!-- End Mega Menu --> </li> <!-- End Pages --> <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> <!-- End Collapse --> </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> <!-- Global navigation --> <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> <!-- ========== END HEADER ========== --> <!-- Modal SEARCH --> <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"> <!-- Heading --> <div class="mb-5"> <h5 class="display-6">Recherchez</h5> </div> <!-- End Heading dqfdfezqd --> <form id="searchform-1"> <div class="position-relative"> <!-- Input Card --> <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> <!-- End Input Card --> <!-- SVG Shape --> <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> <!-- End SVG Shape --> <!-- SVG Shape --> <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> <!-- End SVG Shape --> </div> </form> </div> </div> </div> </div> </div> </div> </div> <!-- ========== END HEADER ========== --> <main> <div class="container"> <!--=== Breadcrumbs ===--> <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><a href="https://www.cycl-op.org/articles/">Actualit茅s</a> </li> </ul> </nav> <div class="d-md-flex justify-content-md-between"> <h2 class="h3">Actualit茅s</h2> <div> <a href="../articles/edition/" class="border-primary btn w-100 btn btn-outline-primary"><i class="bi bi-upload"></i> Publier un article</a> </div> </div> <div class="mb-4"> <div class="col-md-12 pt-4 text-start"> <div class="rexfilter"> <div class=" justify-content-between pe-0"> <div class="row col-md-6"> <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="Rechercher" 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-6 col-xs-12 "> <select id="category_list" class="form-select" aria-label="Th茅matique" onchange="select2Send('category')"><option value="" id="category_id_0"> Th茅matiques </option><option value="1" label="Accompagnement" id="category_id_1">Accompagnement</option><option value="2" label="Achat responsable" id="category_id_2">Achat responsable</option><option value="106" label="Alimentation" id="category_id_106">Alimentation</option><option value="122" label="Allongement de la dur茅e d鈥檜sage" id="category_id_122">Allongement de la dur茅e d鈥檜sage</option><option value="6" label="Am茅nagement territorial" id="category_id_6">Am茅nagement territorial</option><option value="7" label="Analyse du Cycle de Vie" id="category_id_7">Analyse du Cycle de Vie</option><option value="9" label="Appels 脿 manifestation d鈥檌nt锚ret" id="category_id_9">Appels 脿 manifestation d鈥檌nt锚ret</option><option value="10" label="Appels 脿 projets" id="category_id_10">Appels 脿 projets</option><option value="11" label="Appels d鈥檕ffre" id="category_id_11">Appels d鈥檕ffre</option><option value="124" label="Approvisionnement durable" id="category_id_124">Approvisionnement durable</option><option value="126" label="Biod茅chets" id="category_id_126">Biod茅chets</option><option value="14" label="Circuits courts" id="category_id_14">Circuits courts</option><option value="134" label="Consigne" id="category_id_134">Consigne</option><option value="121" label="Consommation responsable" id="category_id_121">Consommation responsable</option><option value="21" label="Coop茅ration territoriale" id="category_id_21">Coop茅ration territoriale</option><option value="125" label="D茅chets" id="category_id_125">D茅chets</option><option value="24" label="Diagnostic" id="category_id_24">Diagnostic</option><option value="104" label="Eco-conception" id="category_id_104">Eco-conception</option><option value="110" label="Ecologie Industrielle et Territoriale" id="category_id_110">Ecologie Industrielle et Territoriale</option><option value="114" label="Economie collaborative" id="category_id_114">Economie collaborative</option><option value="107" label="Economie de la fonctionalit茅" id="category_id_107">Economie de la fonctionalit茅</option><option value="28" label="Economie sociale et solidaire" id="category_id_28">Economie sociale et solidaire</option><option value="128" label="Emballages" id="category_id_128">Emballages</option><option value="130" label="Etude" id="category_id_130">Etude</option><option value="31" label="Exp茅rimentation" id="category_id_31">Exp茅rimentation</option><option value="34" label="Fili猫res locales" id="category_id_34">Fili猫res locales</option><option value="35" label="Financement" id="category_id_35">Financement</option><option value="39" label="Formation" id="category_id_39">Formation</option><option value="40" label="Gouvernance" id="category_id_40">Gouvernance</option><option value="48" label="Indicateurs" id="category_id_48">Indicateurs</option><option value="115" label="Location" id="category_id_115">Location</option><option value="108" label="Lowtech" id="category_id_108">Lowtech</option><option value="131" label="Mati猫re premi猫re secondaire" id="category_id_131">Mati猫re premi猫re secondaire</option><option value="54" label="Mod猫les d鈥檃ffaires" id="category_id_54">Mod猫les d鈥檃ffaires</option><option value="55" label="Mod猫les 茅conomiques" id="category_id_55">Mod猫les 茅conomiques</option><option value="116" label="Optimisation des op茅rations" id="category_id_116">Optimisation des op茅rations</option><option value="65" label="Plan d茅chets" id="category_id_65">Plan d茅chets</option><option value="133" label="Prospective" id="category_id_133">Prospective</option><option value="75" label="Recherche" id="category_id_75">Recherche</option><option value="117" label="Reconditionnement" id="category_id_117">Reconditionnement</option><option value="123" label="Recyclage" id="category_id_123">Recyclage</option><option value="113" label="R茅emploi" id="category_id_113">R茅emploi</option><option value="77" label="R茅glementation" id="category_id_77">R茅glementation</option><option value="135" label="Remanufacturing" id="category_id_135">Remanufacturing</option><option value="120" label="R茅paration" id="category_id_120">R茅paration</option><option value="79" label="R茅seaux d鈥檃cteurs" id="category_id_79">R茅seaux d鈥檃cteurs</option><option value="80" label="Ressourceries" id="category_id_80">Ressourceries</option><option value="119" label="R茅utilisation" id="category_id_119">R茅utilisation</option><option value="84" label="Sensibilisation" id="category_id_84">Sensibilisation</option><option value="109" label="Sobri茅t茅" id="category_id_109">Sobri茅t茅</option><option value="86" label="Soutiens publics" id="category_id_86">Soutiens publics</option><option value="98" label="Territoire" id="category_id_98">Territoire</option><option value="127" label="Textiles" id="category_id_127">Textiles</option><option value="100" label="Tiers lieux" id="category_id_100">Tiers lieux</option><option value="132" label="Tri" id="category_id_132">Tri</option><option value="118" label="Valorisation" id="category_id_118">Valorisation</option><option value="129" label="Vrac" id="category_id_129">Vrac</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> <ul class="nav d-flex nav-segment w-100 mb-7" role="tablist"> <li class="nav-item px-1" role="tab"> <a class="nav-link fs-4" href="https://www.cycl-op.org/articles/" >Tous</a> </li> <li class="nav-item px-1" role="tab"> <a class="nav-link fs-4" href="https://www.cycl-op.org/articles/appels-a-projet/" >Appels 脿 projets & soutiens</a> </li> <li class="nav-item px-1" role="tab"> <a class="nav-link fs-4" href="https://www.cycl-op.org/articles/#search,bmV0d29ya3ZpZXc6MQ==" >Vus ailleurs</a> </li> </ul> <div class="row d-flex "> <div class="order-1 col-sm-12 col-lg-8"> <div id="contentgridbefore"></div> <div id="contentgrid" class=" mb-10"></div> <div id="tb_content"></div> </div> <div class="order-2 col-sm-12 col-lg-4 "> <div class="d-flex flex-column-reverse flex-sm-column"> <div class="border border-black rounded py-4 px-4 mb-6"> <h3 class="h4 ms-2 mb-4"><i class="bi bi-lightning-charge text-danger"></i>Articles les plus lus</h3> <section class="g-pa-5"> <section class="row"> <article class="mb-4 "> <div class="row media border bg-white rounded "> <a style="max-height: 120px;height:120px" class="zi-2 position-relative col-4 border-end overflow-hidden px-0" href="https://www.cycl-op.org/articles/h/appel-a-contributions-ciec-2025-congres-interdisciplinaire-economie-circulaire.html"> <picture class="w-100 position-relative"> <source srcset="https://www.cycl-op.org/data/sources/users/147/.thumbs/20250221144941-ciec-2025.webp" media="(max-width:991px)" /> <img class="rounded-start w-100 croppedlg zi-1" style="max-height:120px" loading="lazy" src="https://www.cycl-op.org/data/sources/users/147/.thumbs/20250221144941-ciec-2025.webp" alt="Appel 脿 contributions - CIEC 2025 - Congr猫s Interdisciplinaire Economie Circulaire" aria-label="Appel 脿 contributions - CIEC 2025 - Congr猫s Interdisciplinaire Economie Circulaire"> </picture> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center fs-1 position-absolute top-0 bottom-0 start-0 end-0" > <i class="bi bi-book text-primary"></i> </div> </a> <div class="media-body py-3 d-flex flex-column align-self-center col"> <a class="fs-4 fw-bold" href="https://www.cycl-op.org/articles/h/appel-a-contributions-ciec-2025-congres-interdisciplinaire-economie-circulaire.html">Appel 脿 contributions - CIEC 2025 - Congr猫s Interdisciplinaire (...)</a> </div> </div> </article> <article class="mb-4 "> <div class="row media border bg-white rounded "> <a style="max-height: 120px;height:120px" class="zi-2 position-relative col-4 border-end overflow-hidden px-0" href="https://www.cycl-op.org/articles/h/appels-a-projets-ecominero-en-faveur-du-reemploi-et-de-la-reutilisation-de-pmcb.html"> <picture class="w-100 position-relative"> <source srcset="https://www.cycl-op.org/data/sources/users/147/.thumbs/20250221162403-ecominero.webp" media="(max-width:991px)" /> <img class="rounded-start w-100 croppedlg zi-1" style="max-height:120px" loading="lazy" src="https://www.cycl-op.org/data/sources/users/147/.thumbs/20250221162403-ecominero.webp" alt="Appels 脿 projets Ecomin茅ro en faveur du r茅emploi et de la r茅utilisation de PMCB" aria-label="Appels 脿 projets Ecomin茅ro en faveur du r茅emploi et de la r茅utilisation de PMCB"> </picture> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center fs-1 position-absolute top-0 bottom-0 start-0 end-0" > <i class="bi bi-book text-primary"></i> </div> </a> <div class="media-body py-3 d-flex flex-column align-self-center col"> <a class="fs-4 fw-bold" href="https://www.cycl-op.org/articles/h/appels-a-projets-ecominero-en-faveur-du-reemploi-et-de-la-reutilisation-de-pmcb.html">Appels 脿 projets Ecomin茅ro en faveur du r茅emploi et de la r茅utili (...)</a> </div> </div> </article> <article class="mb-4 "> <div class="row media border bg-white rounded "> <a style="max-height: 120px;height:120px" class="zi-2 position-relative col-4 border-end overflow-hidden px-0" href="https://www.cycl-op.org/articles/h/les-evenements-eco-conception-en-occitanie-du-premier-semestre-2025-occimore.html"> <picture class="w-100 position-relative"> <source srcset="https://www.cycl-op.org/data/sources/users/147/.thumbs/20250218151756-logocc.webp" media="(max-width:991px)" /> <img class="rounded-start w-100 croppedlg zi-1" style="max-height:120px" loading="lazy" src="https://www.cycl-op.org/data/sources/users/147/.thumbs/20250218151756-logocc.webp" alt="Les 茅v茅nements 脡co-Conception en Occitanie du 1er semestre | OcciMore" aria-label="Les 茅v茅nements 脡co-Conception en Occitanie du 1er semestre | OcciMore"> </picture> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center fs-1 position-absolute top-0 bottom-0 start-0 end-0" > <i class="bi bi-book text-primary"></i> </div> </a> <div class="media-body py-3 d-flex flex-column align-self-center col"> <a class="fs-4 fw-bold" href="https://www.cycl-op.org/articles/h/les-evenements-eco-conception-en-occitanie-du-premier-semestre-2025-occimore.html">Les 茅v茅nements 脡co-Conception en Occitanie du 1er semestre | (...)</a> </div> </div> </article> <article class="mb-4 "> <div class="row media border bg-white rounded "> <a style="max-height: 120px;height:120px" class="zi-2 position-relative col-4 border-end overflow-hidden px-0" href="https://www.cycl-op.org/articles/h/congres-international-green-destinations-montpellier-du-28-au-30-septembre.html"> <picture class="w-100 position-relative"> <source srcset="https://www.cycl-op.org/data/sources/users/147/.thumbs/20250219162512-tourisme.webp" media="(max-width:991px)" /> <img class="rounded-start w-100 croppedlg zi-1" style="max-height:120px" loading="lazy" src="https://www.cycl-op.org/data/sources/users/147/.thumbs/20250219162512-tourisme.webp" alt="Congr猫s International Green Destinations | Montpellier | Du 28 au 30 septembre" aria-label="Congr猫s International Green Destinations | Montpellier | Du 28 au 30 septembre"> </picture> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center fs-1 position-absolute top-0 bottom-0 start-0 end-0" > <i class="bi bi-book text-primary"></i> </div> </a> <div class="media-body py-3 d-flex flex-column align-self-center col"> <a class="fs-4 fw-bold" href="https://www.cycl-op.org/articles/h/congres-international-green-destinations-montpellier-du-28-au-30-septembre.html">Congr猫s International Green Destinations | Montpellier | Du (...)</a> </div> </div> </article> <article class="mb-4 "> <div class="row media border bg-white rounded "> <a style="max-height: 120px;height:120px" class="zi-2 position-relative col-4 border-end overflow-hidden px-0" href="https://www.cycl-op.org/articles/h/webinaire-ademe-aap-soutien-au-developpement-d-eic-reemployables.html"> <picture class="w-100 position-relative"> <source srcset="https://www.cycl-op.org/data/sources/users/147/.thumbs/20250203100727-image-entete-aap-eic.webp" media="(max-width:991px)" /> <img class="rounded-start w-100 croppedlg zi-1" style="max-height:120px" loading="lazy" src="https://www.cycl-op.org/data/sources/users/147/.thumbs/20250203100727-image-entete-aap-eic.webp" alt="[Webinaire ADEME] : AAP 芦 Soutien au d茅veloppement d鈥橢IC r茅employables 禄 | 5 Mars " aria-label="[Webinaire ADEME] : AAP 芦 Soutien au d茅veloppement d鈥橢IC r茅employables 禄 | 5 Mars "> </picture> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center fs-1 position-absolute top-0 bottom-0 start-0 end-0" > <i class="bi bi-book text-primary"></i> </div> </a> <div class="media-body py-3 d-flex flex-column align-self-center col"> <a class="fs-4 fw-bold" href="https://www.cycl-op.org/articles/h/webinaire-ademe-aap-soutien-au-developpement-d-eic-reemployables.html">[Webinaire ADEME] : AAP 芦 Soutien au d茅veloppement d鈥橢IC r茅employ (...)</a> </div> </div> </article> <article class="mb-4 "> <div class="row media border bg-white rounded "> <a style="max-height: 120px;height:120px" class="zi-2 position-relative col-4 border-end overflow-hidden px-0" href="https://www.cycl-op.org/articles/h/le-parc-naturel-regional-des-grands-causses-revitalise-sa-filiere-laine-locale.html"> <picture class="w-100 position-relative"> <source srcset="https://www.cycl-op.org/data/sources/users/147/.thumbs/20250227101842-filiere-laine-gds-causses-tete.webp" media="(max-width:991px)" /> <img class="rounded-start w-100 croppedlg zi-1" style="max-height:120px" loading="lazy" src="https://www.cycl-op.org/data/sources/users/147/.thumbs/20250227101842-filiere-laine-gds-causses-tete.webp" alt="Revitalisation de la fili猫re laine - Parc naturel r茅gional des Grands Causses" aria-label="Revitalisation de la fili猫re laine - Parc naturel r茅gional des Grands Causses"> </picture> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center fs-1 position-absolute top-0 bottom-0 start-0 end-0" > <i class="bi bi-book text-primary"></i> </div> </a> <div class="media-body py-3 d-flex flex-column align-self-center col"> <a class="fs-4 fw-bold" href="https://www.cycl-op.org/articles/h/le-parc-naturel-regional-des-grands-causses-revitalise-sa-filiere-laine-locale.html">Revitalisation de la fili猫re laine - Parc naturel r茅gional des (...)</a> </div> </div> </article> </section> </section> </div> </div> </div> </div> </div> </main> <!-- ========== FOOTER ========== --> <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> <!-- End Col --> </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"> <!-- Social Icons --> <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> <!-- ========== END 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 src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script> <link rel="stylesheet" href="https://www.cycl-op.org/libsrc/ckeditor/plugins/contents/styles/styles.css" /> <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> <!-- Matomo --> <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> <!-- End Matomo Code --> <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"> loadStoreByHash=function(){var hash=document.location.hash;var regex=RegExp("page");if(!regex.test(hash)) document.location.reload(true);} setTimeout(function(){window.addEventListener("hashchange",loadStoreByHash,false);},1000);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("category"))!='undefined'){$("#category_list").val("");Ext.getCmp('category').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("category"))!='undefined'&&Ext.getCmp("category").value) params+="|category_id:"+Ext.getCmp("category").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}});window.location="https://www.cycl-op.org/articles/#search,"+paramencoded+':page1';} var formfilter=new Ext.FormPanel({title:"",id:"formsearch",border:false,autoHeight:true,labelAlign:"top",buttonAlign:"right",items:[{layout:"column",border:false,autoHeight:true,items:[{columnWidth:1,layout:"form",border:false,width:'140%',items:[{fieldLabel:'<span style="font-size:14px;color:#363636;font-weight:bold">Mot cl茅</span>',xtype:"textfield",name:"keyword",id:"keyword",anchor:"99%",hideLabel:true,emptyText:"Recherche",cls:"form-control fs-5 mx-0 py-0 form-control-lg",listeners:{specialkey:function(f,e){if(e.getKey()==e.ENTER){doQuery();}},change:function(fld,newValue,oldValue,opts){doQuery();}}},{fieldLabel:"Th茅matiques",id:"category",xtype:"combo",anchor:"100%",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:'category_id',listeners:{select:function(){doQuery();}}}]}]}]});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=articles/datasrc/article.list.json&news_type=',root:'records',totalProperty:'totalCount',idProperty:'id',remoteSort:true,fields:['id','title','subtitle','body','img_path','pub_date','user_id','user_img','user_link','last_name','first_name','state','linkTitle','event_begin_date','event_location','type','tags','categories','platform']});var filter='';var dateTabfr=new Array("Jan","F茅v","Mar","Avr","Mai","Jui","Jul","Aou","Sep","Oct","Nov","D茅c");var dateTaben=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sept","Oct","Nov","Dec");var ArticleDisplay='list';var tags=function(tags,label){var html='';var tagTb='';var tagTb=tags.split(/[,;]/);var label=label;var tagTbLimited=tagTb.slice(0,2);tagTbLimited.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 mb-1"><div class="badge badge-tag text-bg-primary mb-1 py-1 px-2 me-3 badge-tag-custom">'+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='';RtnCat='<ul class="list-inline ps-0 col-md-12 ms-0">'+taghtml+cathtml+'</ul>';if(record.get('id')){if(record.get('event_begin_date')>0){var date=record.get('event_begin_date');var day=date.substr(6,2);var month=date.substr(4,2);var year=date.substr(0,4);var newdate=day+"/"+month+"/"+year;var datethumb='<div class="border-top position-absolute bg-white bottom-0 w-100 zi-1"><div class="py-2"><div class="text-center"><span class="fw-bold ">'+newdate+'</span></div></div></div>';if(record.get('event_location')!="") var location='<br><br><a><i class="bi bi-geo-alt"></i></a> '+record.get('event_location');else var location='';} else{var datethumb='';var location='';} return'<article class="fade-in-2s row mx-1 mb-3 border rounded pb-0"><div class="col-md-4 rounded-start d-flex align-items-center border-end px-0 position-relative"><picture class="w-100"><a href="../'+record.get('type')+'/'+record.get('platform')+'/'+record.get('linkTitle')+'.html"><source srcset="'+record.get('img_path')+'" media="(max-width:991px)" /><img class="img-fluid w-100 zi-1 croppedmd" loading="lazy" src="'+record.get('img_path')+'" onerror="this.onerror=null;this.style.visibility=\'hidden\';this.style.zIndex=\'0\';" alt="'+record.data.title+'"/><div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center position-absolute display-5 top-0 bottom-0 start-0 end-0"><i class="bi bi-newspaper text-primary"></i></div></a>'+datethumb+'</picture></div><div class="col-md-8 bg-white pt-4">'+RtnCat+'<h2 class="h5 my-1 mb-3"><a class="text-dark fw-bold" href="../'+record.get('type')+'/'+record.get('platform')+'/'+record.get('linkTitle')+'.html">'+record.data.title+'</a></h2><p class="text-body">'+record.data.body+'</p><p> Post茅 le '+record.data.pub_date+' par <a href="'+record.get('user_link')+'" class="text-decoration-underline text-dark">'+record.data.first_name+' '+record.data.last_name+'</a> </p></div></article>'}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();}});</script> <script type="text/javascript"> var tab=["https://www.cycl-op.org/articles/","https://www.cycl-op.org/articles/appels-a-projet/","https://www.cycl-op.org/articles/#search,bmV0d29ya3ZpZXc6MQ=="];if(tab.includes(window.location.href)==true){$('a[href=\"'+window.location.href+'\"]').addClass('active');} document.addEventListener('DOMContentLoaded',function(){checkStatus();},false);</script> </body> </html>