Cycl-op.org, la plateforme dédiée à l’économie circulaire en 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>Cycl-op.org, la plateforme dédiée à l’économie circulaire en Occitanie</title> <meta name="keywords" content="plateforme collaborative, économie circulaire, région Occitanie, france, entreprise, recyclage, flux, valeur, écologie industrielle, éco-conception, ACV" > <meta name="Description" content="Cycl-op.org, la plateforme dédiée à l’économie circulaire en Occitanie. Ses objectifs principaux : identifier des initiatives, susciter des projets et ainsi favoriser la mise en œuvre de l’économie circulaire sur le territoire par l'ensemble des acteurs engagés." > <meta name="abstract" content="Cycl-op.org, la plateforme dédiée à l’économie circulaire en Occitanie. Ses objectifs principaux : identifier des initiatives, susciter des projets et ainsi favoriser la mise en œuvre de l’économie circulaire sur le territoire par l'ensemble des acteurs engagés."> <meta name="Author" content="Cycl-op.org, la plateforme dédiée à l’économie 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" > <meta property="og:site_name" content="cycl-op.org" > <meta property="og:title" content="Cycl-op.org, la plateforme dédiée à l’économie circulaire en Occitanie"> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.cycl-op.org/connexion.html"> <meta property="og:description" content="La plateforme dédiée à l’économie circulaire en Occitanie"> <meta property="og:locale" content="fr_FR"> <meta name ="image" 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="Cycl-op.org, la plateforme dédiée à l’économie circulaire en Occitanie. Ses objectifs principaux : identifier des initiatives, susciter des projets et ainsi favoriser la mise en œuvre de l’économie circulaire sur le territoire par l'ensemble des acteurs engagés." /> <meta name="twitter:title" content="Cycl-op.org, la plateforme dédiée à l’économie circulaire en Occitanie" /> <meta name="twitter:url" content="https://www.cycl-op.org/connexion.html" /> <meta name="twitter:image" content="https://www.cycl-op.org/images/pf/square/cycl-op.png" /> <link rel="canonical" href="https://www.cycl-op.org/connexion.html"> <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.43"> <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="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’économie 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 class="home"> <div class="w-100 bg-primary mx-auto row align-items-center"> <div style="transform: scale(0.9);" class="d-none d-md-flex justify-content-center py-2 flex-wrap"> <a class="badge badge-effect fs-5 me-2 py-2 px-2" href="./tags/YnRw"># btp</a><a class="badge badge-effect fs-5 me-2 py-2 px-2" href="./tags/YmlvZMOpY2hldHM="># biodéchets</a><a class="badge badge-effect fs-5 me-2 py-2 px-2" href="./tags/Y3VsdHVyZQ=="># culture</a><a class="badge badge-effect fs-5 me-2 py-2 px-2" href="./tags/UlNF"># RSE</a><a class="badge badge-effect fs-5 me-2 py-2 px-2" href="./tags/RWNvLWNvbmNlcHRpb24="># Eco-conception</a><a class="badge badge-effect fs-5 me-2 py-2 px-2" href="./tags/ZWZj"># efc</a><a class="badge badge-effect fs-5 me-2 py-2 px-2" href="./tags/ZWl0"># eit</a><a class="badge badge-effect fs-5 me-2 py-2 px-2" href="./tags/dGV4dGlsZXM="># textiles</a><a class="badge badge-effect fs-5 me-2 py-2 px-2" href="./tags/cGxhc3RpcXVl"># plastique</a><a class="badge badge-effect fs-5 me-2 py-2 px-2" href="./tags/dnJhYw=="># vrac</a><a class="badge badge-effect fs-5 me-2 py-2 px-2" href="./tags/Y29uc2lnbmU="># consigne</a><a class="badge badge-effect fs-5 me-2 py-2 px-2" href="./tags/c29icmnDqXTDqQ=="># sobriété</a><a class="badge badge-effect fs-5 me-2 py-2 px-2" href="./tags/UlJS"># RRR</a><a class="badge badge-effect fs-5 me-2 py-2 px-2" href="./tags/dmlkw6lvcy1hZ2lyY2lyY3VsYWlyZQ=="># vidéos-agircirculaire</a><a class="badge badge-effect fs-5 me-2 py-2 px-2" href="./tags/Rm9ybWF0aW9u"># Formation</a> </div> </div> <section style="height:630px;background-size: cover;background-image:url('https://www.cycl-op.org/images/HERO2.webp')" class="position-relative adjust-pos w-100 overflow-hidden"> <div class="container position-relative zi-2 row flex-column flex-lg-row mx-auto justify-content-between mt-lg-6 pt-6"> <div class="col-lg-5 mb-6 mb-lg-0 p-4 rounded-3 bg-light-trans"> <h1 class="m-0 h3 fw-bold text-uppercase text-primary"> <span>Bienvenue sur Cycl’Op</span><br/> la plateforme des acteurs de l'économie circulaire en Occitanie </h1> </div> <div class="d-flex flex-column flex-xl-row align-items-center justify-content-evenly col-lg-5 p-3 rounded-3 bg-light-trans"> <h2 style="color:#E3322B;" class="col-xl-7 fw-bold h4"> <span class="text-primary fs-2">Rejoignez</span> la plateforme des acteurs de <span class="text-primary">l'économie circulaire</span> en Occitanie </h2> <div class="col-xl-4"> <a class="btn btn-primary px-3 rounded-2 text-white" aria-label="Devenez membre" href="https://www.cycl-op.org/register/index.html" role="button">Devenez membre</a> </div> </div> </div> <div class="position-relative d-none d-lg-flex mt-5 pt-lg-8 pt-xl-9 w-100 zi-2 bottom-0 justify-content-evenly bottom"> <div class="d-flex align-items-center pb-xl-10"> <a href="https://www.cycl-op.org/articles/events/"><img height=200 width=200 src="https://www.cycl-op.org/images/cyclop5_1.webp" loading="lazy" alt="aganda" /></a> <span class="fw-bold text-primary"><a class="text-primary" href="https://www.cycl-op.org/articles/events/">Agenda</a></span> </div> <div class="d-flex align-items-center mb-xl-3 pb-xl-3"> <a class="text-primary" href="https://www.cycl-op.org/initiative/"><img height=200 width=200 src="https://www.cycl-op.org/images/cyclop2_1.webp" loading="lazy" alt="initiative" /></a> <span class="fw-bold text-primary"><a class="text-primary" href="https://www.cycl-op.org/initiative/">Initiatives</a></span> </div> <div class="d-flex align-items-center mt-xl-9"> <a class="text-primary" href="https://www.cycl-op.org/communities/"><img height=200 width=200 src="https://www.cycl-op.org/images/cyclop3_1.webp" loading="lazy" alt="communautés" /></a> <span class="fw-bold text-primary"><a class="text-primary" href="https://www.cycl-op.org/communities/">Communautés</a></span> </div> <div class="d-flex align-items-center mt-xl-4"> <a class="text-primary" href="https://www.cycl-op.org/library/"><img height=200 width=200 src="https://www.cycl-op.org/images/cyclop1_1.webp" loading="lazy" alt="ressources" /></a> <span class="fw-bold text-primary"><a class="text-primary" href="https://www.cycl-op.org/library/">Ressources</a></span> </div> </div> <div style="background:#F5F7FA;height:64px;" class="w-100 d-none d-lg-block grow position-absolute bottom-0"></div> <svg xmlns="http://www.w3.org/2000/svg" style="bottom:40px;left:-6px;width:105%;transform:rotate(-5deg)" class="position-absolute get-basic d-none d-lg-block zi-1" viewBox="0 0 1440 320"><path fill="#F5F7FA" fill-opacity="1" d="M0,32L80,37.3C160,43,320,53,480,85.3C640,117,800,171,960,181.3C1120,192,1280,160,1360,144L1440,128L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z"></path></svg> </section> <div class="position-relative overflow-hidden w-100"> <div class="container positon-relative zi-2"> <div class="row d-flex flex-column flex-xl-row"> <div class="w-100 pt-6 text-center"> <h2 class="mb-0 fw-bold h3">À la une</h2> <hr class="text-warning2 mt-1 mb-4 mx-auto" style="border:1px solid;width:35px" /> </div> <div class="row justify-content-lg-between justify-content-center mx-auto mt-2 mb-xl-0 col-12"> <div class="card overflow-hidden col-lg-6 col-12 card-flush mb-3 mb-md-6" style="transform: scale(0.98);"> <div class="row align-items-center"> <div class="col-sm-5 ps-0 position-relative"> <a href="library/h/retour-sur-le-webinaire-sur-la-ti-quels-argumentaires-et-quelles-etapes-pour-lancer-la-reflexion-et-franchir-le-cap-de-la-decision.html"> <img loading="lazy" src="https://www.cycl-op.org/data/sources/users/147/.thumbs/20250404093957-imge-wbr-ti-mars-2025.webp" class="croppedlg zi-1 rounded" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="[Retour Webinaire] Tarification Incitative « Quels argumentaires et quelles étapes pour lancer la réflexion et franchir le cap de la décision ? »" /> <div class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute top-0 bottom-0" > <i class="bi bi-newspaper text-primary"></i> </div> </a> </div>  <div class="col-sm-7">  <div class="card-body"> <h2 class="card-title h4"> <a href="library/h/retour-sur-le-webinaire-sur-la-ti-quels-argumentaires-et-quelles-etapes-pour-lancer-la-reflexion-et-franchir-le-cap-de-la-decision.html"> [Retour Webinaire] Tarification Incitative « Quels argumentaires et quelles étapes pour lancer la réflexi... </a> </h2> <p class="card-text"> L’objectif de ce webinaire était de profiter de ces retours d’expériences pour : Comprendre les réticences et motivations des élus...</p> </div>  </div>  </div>  </div> <div class="card overflow-hidden col-lg-6 col-12 card-flush mb-3 mb-md-6" style="transform: scale(0.98);"> <div class="row align-items-center"> <div class="col-sm-5 ps-0 position-relative"> <a href="articles/h/res-occ-deploie-son-offre-de-service-pour-ses-adherents-et-non-adherents.html"> <img loading="lazy" src="https://www.cycl-op.org/data/sources/users/6873/.thumbs/20250314102619-carrousel-offre-de-service.webp" class="croppedlg zi-1 rounded" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="RES'OCC déploie son offre de service pour des achats publics durables !" /> <div class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute top-0 bottom-0" > <i class="bi bi-newspaper text-primary"></i> </div> </a> </div>  <div class="col-sm-7">  <div class="card-body"> <h2 class="card-title h4"> <a href="articles/h/res-occ-deploie-son-offre-de-service-pour-ses-adherents-et-non-adherents.html"> RES'OCC déploie son offre de service pour des achats publics durables ! </a> </h2> <p class="card-text"> Le centre de ressource de RES'OCC a fait peau neuve !  Retrouvez toutes les ressources pour vous accompagner dans votre stratégie...</p> </div>  </div>  </div>  </div> </div> </div> </div> </div> <div class="overflow-hidden pb-6 d-none d-lg-block bg-light"> <div class="w-100 text-center pt-6 mx-auto"> <h2 class="mb-0 fw-bold h3">Actualités</h2> <hr class="text-primary mt-1 mb-4 mx-auto" style="border:1px solid;width:35px" /> </div> <div class="container"> <div class="row row-cols-1 row-cols-sm-2 row-cols-lg-3 gx-7"> <div class="col mb-3 mb-md-5 position-relative"> <a class="card card-ghost card-transition-zoom h-100" href="https://www.cycl-op.org/articles/h/4eme-edition-du-feet-forum-des-energies-de-transition.html">  <div class="card h-100 mb-3"> <img class="card-img-top zi-1 croppedmd" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" src="https://www.cycl-op.org/data/sources/users/109/.thumbs/20250410122436-image1fett2025.webp" alt="4ème édition..."> <div style="background-color:#f1f1f1f1;min-height:200px" class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 border-bottom position-absolute" > <i class="bi bi-newspaper text-primary"></i> </div> <div class="card-body p-4"> <h3 class="fw-bold h4 card-title text-black">4ème édition du FEET : Forum des Energies de Transition</h3> </div> </div>  </a> </div> <div class="col mb-3 mb-md-5 position-relative"> <a class="card card-ghost card-transition-zoom h-100" href="https://www.cycl-op.org/articles/h/formation-guide-composteur-rice-automne-2025.html">  <div class="card h-100 mb-3"> <img class="card-img-top zi-1 croppedmd" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" src="https://www.cycl-op.org/data/sources/users/6323/.thumbs/20250408084420-instagram-2.webp" alt="Formation Guide..."> <div style="background-color:#f1f1f1f1;min-height:200px" class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 border-bottom position-absolute" > <i class="bi bi-newspaper text-primary"></i> </div> <div class="card-body p-4"> <h3 class="fw-bold h4 card-title text-black">Formation Guide Composteur.rice Automne 2025</h3> </div> </div>  </a> </div> <div class="col mb-3 mb-md-5 position-relative"> <a class="card card-ghost card-transition-zoom h-100" href="https://www.cycl-op.org/articles/h/cdd-toulouse-responsable-de-projet-creation-d-outils-pedagogiques.html">  <div class="card h-100 mb-3"> <img class="card-img-top zi-1 croppedmd" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" src="https://www.cycl-op.org/data/sources/users/2318/.thumbs/20250408075257-bto9jjl4jouabdojiy7vcoversquarevertical1743686250051.webp" alt="[CDD - Toulouse..."> <div style="background-color:#f1f1f1f1;min-height:200px" class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 border-bottom position-absolute" > <i class="bi bi-newspaper text-primary"></i> </div> <div class="card-body p-4"> <h3 class="fw-bold h4 card-title text-black">[CDD - Toulouse] Responsable de projet - création d'outils pédagogiques</h3> </div> </div>  </a> </div> <div class="col mb-3 mb-md-5 position-relative"> <a class="card card-ghost card-transition-zoom h-100" href="https://www.cycl-op.org/articles/h/soiree-annuelle-de-la-chaire-ecocirculab.html">  <div class="card h-100 mb-3"> <img class="card-img-top zi-1 croppedmd" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" src="https://www.cycl-op.org/data/sources/users/6022/.thumbs/20250408071518-soiree-annuelle-de-la-chaire-ecocirculab.webp" alt="Soirée annuelle..."> <div style="background-color:#f1f1f1f1;min-height:200px" class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 border-bottom position-absolute" > <i class="bi bi-newspaper text-primary"></i> </div> <div class="card-body p-4"> <h3 class="fw-bold h4 card-title text-black">Soirée annuelle de la Chaire Ecocirculab | Montpellier | 5 juin</h3> </div> </div>  </a> </div> <div class="col mb-3 mb-md-5 position-relative"> <a class="card card-ghost card-transition-zoom h-100" href="https://www.cycl-op.org/articles/h/congres-riodd-2025-appel-a-communications-jusqu-au-23-mai.html">  <div class="card h-100 mb-3"> <img class="card-img-top zi-1 croppedmd" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" src="https://www.cycl-op.org/data/sources/users/147/.thumbs/20250407163622-riodd-2025.webp" alt="CONGRÈS RIODD..."> <div style="background-color:#f1f1f1f1;min-height:200px" class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 border-bottom position-absolute" > <i class="bi bi-newspaper text-primary"></i> </div> <div class="card-body p-4"> <h3 class="fw-bold h4 card-title text-black">CONGRÈS RIODD 2025 - APPEL À COMMUNICATIONS jusqu'au 23 mai !</h3> </div> </div>  </a> </div> <div class="col mb-3 mb-md-5 position-relative"> <a class="card card-ghost card-transition-zoom h-100" href="https://www.cycl-op.org/articles/h/partenariat-region-occitanie-x-reseau-vrac-et-reemploi.html">  <div class="card h-100 mb-3"> <img class="card-img-top zi-1 croppedmd" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" src="https://www.cycl-op.org/data/sources/users/6692/.thumbs/20250407132814-img0607-1.webp" alt="[Webinaire] Parte..."> <div style="background-color:#f1f1f1f1;min-height:200px" class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 border-bottom position-absolute" > <i class="bi bi-newspaper text-primary"></i> </div> <div class="card-body p-4"> <h3 class="fw-bold h4 card-title text-black">[Webinaire] Partenariat Réseau Vrac et Réemploi / Région Occitanie | 16 juin</h3> </div> </div>  </a> </div> </div>  <div class="w-lg-65 text-center mx-lg-auto"> <a class="btn btn-primary text-uppercase" href="./articles/">Toutes les actus</a> </div> </div> </div> <div class="d-block container d-lg-none"> <div class="w-100 text-center mx-auto"> <h2 class="mb-0 fw-bold h3">Actualités</h2> <hr class="text-primary mt-1 mb-5 mx-auto" style="border:1px solid;width:35px" /> </div>  <div class="card mb-3"> <div class="d-flex align-items-center no-gutters"> <div class="col-8 border-end"> <div class="card-body"> <h3 class="fw-bold h5 card-title text-black"> <a class="text-black" href="https://www.cycl-op.org/articles/h/4eme-edition-du-feet-forum-des-energies-de-transition.html"> 4ème édition du FEET : Forum des Energies de Transition </a> </h3> </div> </div> <div class="col-4 position-relative"> <a href="https://www.cycl-op.org/articles/h/4eme-edition-du-feet-forum-des-energies-de-transition.html"> <img class="card-img-top cropped zi-1 rounded-0" loading="lazy" onerror="this.onerror=null;this.style.display='none';this.style.zIndex='0';" src="https://www.cycl-op.org/data/sources/users/109/.thumbs/20250410122436-image1fett2025.webp" alt="4ème édition du FEET : Forum des Energies de Transition"> <div class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute top-0 bottom-0 start-0 end-0" > <i class="bi bi-newspaper text-primary"></i> </div> </a> </div> </div> </div>   <div class="card mb-3"> <div class="d-flex align-items-center no-gutters"> <div class="col-8 border-end"> <div class="card-body"> <h3 class="fw-bold h5 card-title text-black"> <a class="text-black" href="https://www.cycl-op.org/articles/h/formation-guide-composteur-rice-automne-2025.html"> Formation Guide Composteur.rice Automne 2025 </a> </h3> </div> </div> <div class="col-4 position-relative"> <a href="https://www.cycl-op.org/articles/h/formation-guide-composteur-rice-automne-2025.html"> <img class="card-img-top cropped zi-1 rounded-0" loading="lazy" onerror="this.onerror=null;this.style.display='none';this.style.zIndex='0';" src="https://www.cycl-op.org/data/sources/users/6323/.thumbs/20250408084420-instagram-2.webp" alt="Formation Guide Composteur.rice Automne 2025"> <div class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute top-0 bottom-0 start-0 end-0" > <i class="bi bi-newspaper text-primary"></i> </div> </a> </div> </div> </div>   <div class="card mb-3"> <div class="d-flex align-items-center no-gutters"> <div class="col-8 border-end"> <div class="card-body"> <h3 class="fw-bold h5 card-title text-black"> <a class="text-black" href="https://www.cycl-op.org/articles/h/cdd-toulouse-responsable-de-projet-creation-d-outils-pedagogiques.html"> [CDD - Toulouse] Responsable de projet - création d'outils pédagogi (...) </a> </h3> </div> </div> <div class="col-4 position-relative"> <a href="https://www.cycl-op.org/articles/h/cdd-toulouse-responsable-de-projet-creation-d-outils-pedagogiques.html"> <img class="card-img-top cropped zi-1 rounded-0" loading="lazy" onerror="this.onerror=null;this.style.display='none';this.style.zIndex='0';" src="https://www.cycl-op.org/data/sources/users/2318/.thumbs/20250408075257-bto9jjl4jouabdojiy7vcoversquarevertical1743686250051.webp" alt="[CDD - Toulouse] Responsable de projet - création d\'outils pédagogiques"> <div class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute top-0 bottom-0 start-0 end-0" > <i class="bi bi-newspaper text-primary"></i> </div> </a> </div> </div> </div>   <div class="card mb-3"> <div class="d-flex align-items-center no-gutters"> <div class="col-8 border-end"> <div class="card-body"> <h3 class="fw-bold h5 card-title text-black"> <a class="text-black" href="https://www.cycl-op.org/articles/h/soiree-annuelle-de-la-chaire-ecocirculab.html"> Soirée annuelle de la Chaire Ecocirculab | Montpellier | 5 juin (...) </a> </h3> </div> </div> <div class="col-4 position-relative"> <a href="https://www.cycl-op.org/articles/h/soiree-annuelle-de-la-chaire-ecocirculab.html"> <img class="card-img-top cropped zi-1 rounded-0" loading="lazy" onerror="this.onerror=null;this.style.display='none';this.style.zIndex='0';" src="https://www.cycl-op.org/data/sources/users/6022/.thumbs/20250408071518-soiree-annuelle-de-la-chaire-ecocirculab.webp" alt="Soirée annuelle de la Chaire Ecocirculab | Montpellier | 5 juin"> <div class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute top-0 bottom-0 start-0 end-0" > <i class="bi bi-newspaper text-primary"></i> </div> </a> </div> </div> </div>  <div class="text-center mx-lg-auto"> <a class="btn w-100 btn-primary text-uppercase" href="./articles/">Toutes les actus</a> </div> </div> <div class="container"> <section class="d-flex container flex-column flex-xl-row mt-5 mb-3"> <div class="col-12"> <div class="w-100 text-center"> <h2 class="mb-0 fw-bold h3">Prochains événements</h2> <hr class="text-warning2 mt-1 mb-4 mx-auto" style="border:1px solid;width:35px" /> </div> <div class="d-none d-xl-block"> <div class="d-flex justify-content-between flex-wrap container px-0">  <a class="col-6 d-flex align-items-stretch" href="./articles/h/lancement-de-la-nouvelle-promotion-du-nouvel-atelier-l-incubateur-de-la-cma.html"> <div class="col-12 w-100 px-3 bg-blue-light agenda-card-small d-flex mb-3"> <div class="bg-primary rounded col-3 d-flex justify-content-center text-center flex-column"> <p class="mb-0 py-2 text-white d-flex flex-column"> <strong class="fs-1">22</strong> <span class="fs-5"> Nov </span> <span class="fs-5"> 2024</span> </p> </div> <div class="col-9 p-2 ms-2 bg-light rounded"> <span class="btn fs-5 px-2 ms-2 rounded-3 text-primary py-1 bg-danger">Formation</span> <p class="p-2 mb-0">La Nouvelle promotion Toulousaine du NOUVEL ATELIER (CMA) est lancée</p> </div> </div> </a>   <a class="col-6 d-flex align-items-stretch" href="./articles/h/12eme-edition-de-tous-au-compost-du-29-mars-au-13-avril.html"> <div class="col-12 w-100 px-3 bg-blue-light agenda-card-small d-flex mb-3"> <div class="bg-primary rounded col-3 d-flex justify-content-center text-center flex-column"> <p class="mb-0 py-2 text-white d-flex flex-column"> <strong class="fs-1">29</strong> <span class="fs-5"> Mars </span> <span class="fs-5"> 2025</span> </p> </div> <div class="col-9 p-2 ms-2 bg-light rounded"> <span class="btn fs-5 px-2 ms-2 rounded-3 text-primary py-1 bg-danger">Autre</span> <p class="p-2 mb-0">12ème édition de "Tous au Compost !" | Du 29 mars au 13 avril</p> </div> </div> </a>   <a class="col-6 d-flex align-items-stretch" href="./articles/h/metiers-en-transition-ecologique-et-sociale.html"> <div class="col-12 w-100 px-3 bg-blue-light agenda-card-small d-flex mb-3"> <div class="bg-primary rounded col-3 d-flex justify-content-center text-center flex-column"> <p class="mb-0 py-2 text-white d-flex flex-column"> <strong class="fs-1">11</strong> <span class="fs-5"> Avril </span> <span class="fs-5"> 2025</span> </p> </div> <div class="col-9 p-2 ms-2 bg-light rounded"> <span class="btn fs-5 px-2 ms-2 rounded-3 text-primary py-1 bg-danger">Conférence</span> <p class="p-2 mb-0">Métiers en transition écologique et sociale | Toulouse | 11 avril</p> </div> </div> </a>   <a class="col-6 d-flex align-items-stretch" href="./articles/h/tous-au-compost-au-centre-communautaire-de-rodez-agglomeration.html"> <div class="col-12 w-100 px-3 bg-blue-light agenda-card-small d-flex mb-3"> <div class="bg-primary rounded col-3 d-flex justify-content-center text-center flex-column"> <p class="mb-0 py-2 text-white d-flex flex-column"> <strong class="fs-1">12</strong> <span class="fs-5"> Avril </span> <span class="fs-5"> 2025</span> </p> </div> <div class="col-9 p-2 ms-2 bg-light rounded"> <span class="btn fs-5 px-2 ms-2 rounded-3 text-primary py-1 bg-danger">Autre</span> <p class="p-2 mb-0">"Tous au compost" au centre communautaire de Rodez agglomération | 12 avril...</p> </div> </div> </a>   <a class="col-6 d-flex align-items-stretch" href="./articles/h/cafe-guichet-vert-economie-circulaire-dans-le-batiment.html"> <div class="col-12 w-100 px-3 bg-blue-light agenda-card-small d-flex mb-3"> <div class="bg-primary rounded col-3 d-flex justify-content-center text-center flex-column"> <p class="mb-0 py-2 text-white d-flex flex-column"> <strong class="fs-1">30</strong> <span class="fs-5"> Avril </span> <span class="fs-5"> 2025</span> </p> </div> <div class="col-9 p-2 ms-2 bg-light rounded"> <span class="btn fs-5 px-2 ms-2 rounded-3 text-primary py-1 bg-danger">Webinaire</span> <p class="p-2 mb-0">[Webinaire] Café Guichet Vert - Economie circulaire dans le bâtiment |...</p> </div> </div> </a>   <a class="col-6 d-flex align-items-stretch" href="./articles/h/reemploi-comment-prescrire-l-economie-circulaire.html"> <div class="col-12 w-100 px-3 bg-blue-light agenda-card-small d-flex mb-3"> <div class="bg-primary rounded col-3 d-flex justify-content-center text-center flex-column"> <p class="mb-0 py-2 text-white d-flex flex-column"> <strong class="fs-1">16</strong> <span class="fs-5"> Mai </span> <span class="fs-5"> 2025</span> </p> </div> <div class="col-9 p-2 ms-2 bg-light rounded"> <span class="btn fs-5 px-2 ms-2 rounded-3 text-primary py-1 bg-danger">Formation</span> <p class="p-2 mb-0">[Formation] Réemploi BTP : Prescrire l’économie circulaire | Toulouse ...</p> </div> </div> </a>  </div> </div> <div class="d-block d-xl-none"> <section> <div class="js-swiper-responsive-breakpoint swiper"> <div class="swiper-wrapper"> <div style="height:auto" class="swiper-slide"> <article class="border h-100 rounded px-0"> <div class="col-md-12 position-relative"> <picture style="max-height:180px;height:180px" class="w-100"> <source srcset="https://www.cycl-op.org/data/sources/users/6318/.thumbs/20241008125325-cma31incubateurweb400x250-hd.webp" media="(min-width:500px)" /> <a href="https://www.cycl-op.org/articles/h/lancement-de-la-nouvelle-promotion-du-nouvel-atelier-l-incubateur-de-la-cma.html"> <img class="rounded-top croppedlg zi-1" loading="lazy" style="max-height:180px" src="https://www.cycl-op.org/data/sources/users/6318/.thumbs/20241008125325-cma31incubateurweb400x250-hd.webp" alt="La Nouvelle promotion Toulousaine du NOUVEL ATELIER (CMA) est lancée " onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" aria-label="La Nouvelle promotion Toulousaine du NOUVEL ATELIER (CMA) est lancée "/> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute border-bottom top-0 bottom-0" > <i class="bi bi-clock-history text-primary"></i> </div> </a> </picture> </div> <div class="col-md-12 align-self-center px-3"> <div class="mt-3"> <span class="btn fs-5 px-2 rounded-3 py-1 btn-outline-danger"> 08 OCTOBRE </span> </div> <h2 class="h4 g-my-15 pt-3 fw-bold"> <a href="https://www.cycl-op.org/articles/h/lancement-de-la-nouvelle-promotion-du-nouvel-atelier-l-incubateur-de-la-cma.html">La Nouvelle promotion Toulousaine du NOUVEL ATELIER (CMA) est lancée </a> </h2> <p class="g-color-gray-dark-v2"> Le NOUVEL ATELIER, l'incubateur de l'artisanat, cherche de nouveaux candidats pour sa 2ème promotion (...)</p> <p> <strong> par Céline JUNG </strong> </p> </div> </article> </div> <div style="height:auto" class="swiper-slide"> <article class="border h-100 rounded px-0"> <div class="col-md-12 position-relative"> <picture style="max-height:180px;height:180px" class="w-100"> <source srcset="https://www.cycl-op.org/data/sources/users/147/.thumbs/20250214091925-tous-au-compost-2025-banniere.webp" media="(min-width:500px)" /> <a href="https://www.cycl-op.org/articles/h/12eme-edition-de-tous-au-compost-du-29-mars-au-13-avril.html"> <img class="rounded-top croppedlg zi-1" loading="lazy" style="max-height:180px" src="https://www.cycl-op.org/data/sources/users/147/.thumbs/20250214091925-tous-au-compost-2025-banniere.webp" alt="12ème édition de "Tous au Compost !" | Du 29 mars au 13 avril " onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" aria-label="12ème édition de "Tous au Compost !" | Du 29 mars au 13 avril "/> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute border-bottom top-0 bottom-0" > <i class="bi bi-clock-history text-primary"></i> </div> </a> </picture> </div> <div class="col-md-12 align-self-center px-3"> <div class="mt-3"> <span class="btn fs-5 px-2 rounded-3 py-1 btn-outline-danger"> 14 FEVRIER </span> </div> <h2 class="h4 g-my-15 pt-3 fw-bold"> <a href="https://www.cycl-op.org/articles/h/12eme-edition-de-tous-au-compost-du-29-mars-au-13-avril.html">12ème édition de "Tous au Compost !" | Du 29 mars au 13 avril </a> </h2> <p class="g-color-gray-dark-v2"> Vous cherchez un moyen de réduire vos déchets et d'agir pour l'environnement ? Ne manquez pas l'événemen (...)</p> <p> <strong> par Sandrine Tarde </strong> </p> </div> </article> </div> <div style="height:auto" class="swiper-slide"> <article class="border h-100 rounded px-0"> <div class="col-md-12 position-relative"> <picture style="max-height:180px;height:180px" class="w-100"> <source srcset="https://www.cycl-op.org/data/sources/users/6921/.thumbs/20250324122930-affiche-valideepage-0001.webp" media="(min-width:500px)" /> <a href="https://www.cycl-op.org/articles/h/metiers-en-transition-ecologique-et-sociale.html"> <img class="rounded-top croppedlg zi-1" loading="lazy" style="max-height:180px" src="https://www.cycl-op.org/data/sources/users/6921/.thumbs/20250324122930-affiche-valideepage-0001.webp" alt="Métiers en transition écologique et sociale | Toulouse | 11 avril" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" aria-label="Métiers en transition écologique et sociale | Toulouse | 11 avril"/> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute border-bottom top-0 bottom-0" > <i class="bi bi-clock-history text-primary"></i> </div> </a> </picture> </div> <div class="col-md-12 align-self-center px-3"> <div class="mt-3"> <span class="btn fs-5 px-2 rounded-3 py-1 btn-outline-danger"> 24 MARS </span> </div> <h2 class="h4 g-my-15 pt-3 fw-bold"> <a href="https://www.cycl-op.org/articles/h/metiers-en-transition-ecologique-et-sociale.html">Métiers en transition écologique et sociale | Toulouse | 11 avril</a> </h2> <p class="g-color-gray-dark-v2"> Métiers en Transition Ecologique et Sociale   Le Pôle ESS des Herbes Folles organise un événement consa (...)</p> <p> <strong> par Elodie Orain </strong> </p> </div> </article> </div> <div style="height:auto" class="swiper-slide"> <article class="border h-100 rounded px-0"> <div class="col-md-12 position-relative"> <picture style="max-height:180px;height:180px" class="w-100"> <source srcset="https://www.cycl-op.org/data/sources/users/499/.thumbs/20250402125734-affichetac-2025-a3.webp" media="(min-width:500px)" /> <a href="https://www.cycl-op.org/articles/h/tous-au-compost-au-centre-communautaire-de-rodez-agglomeration.html"> <img class="rounded-top croppedlg zi-1" loading="lazy" style="max-height:180px" src="https://www.cycl-op.org/data/sources/users/499/.thumbs/20250402125734-affichetac-2025-a3.webp" alt=""Tous au compost" au centre communautaire de Rodez agglomération | 12 avril" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" aria-label=""Tous au compost" au centre communautaire de Rodez agglomération | 12 avril"/> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute border-bottom top-0 bottom-0" > <i class="bi bi-clock-history text-primary"></i> </div> </a> </picture> </div> <div class="col-md-12 align-self-center px-3"> <div class="mt-3"> <span class="btn fs-5 px-2 rounded-3 py-1 btn-outline-danger"> 02 AVRIL </span> </div> <h2 class="h4 g-my-15 pt-3 fw-bold"> <a href="https://www.cycl-op.org/articles/h/tous-au-compost-au-centre-communautaire-de-rodez-agglomeration.html">"Tous au compost" au centre communautaire de Rodez agglomération | 12 avril</a> </h2> <p class="g-color-gray-dark-v2">Rodez Agglomération vous invite à la nouvelle édition de l’événement « Tous au compost ». Samedi 12 (...)</p> <p> <strong> par Samuel Mercoirol </strong> </p> </div> </article> </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>   </section> </div> <div class="w-100 mt-3 d-flex justify-content-center"> <a href="https://www.cycl-op.org/articles/events/" class="btn w-100 w-lg-auto border-0 rounded-1 btn-primary px-4 py-3"> TOUS LES ÉVÉNEMENTS </a> </div> </div> </section> </div> <div class="pt-7"> <div class="container"> <section class="d-flex flex-column py-lg-6 mb-4 mb-lg-8"> <div class="row"> <div class="col-lg-5"> <div class="h-100 d-lg-flex flex-column d-none position-relative"> <div class="w-100 text-center"> <h2 class="mb-0 fw-bold h3">Les initiatives remarquables en Occitanie</h2> <hr class="text-danger mt-1 mb-3 mx-auto" style="border:1px solid;width:35px" /> </div> <a class="map-link h-100 d-block position-relative hover-overlay rounded-3 " href="https://www.cycl-op.org/initiative/"> <img class="rounded-3 h-100 w-100" loading="lazy" style="object-fit:cover" src="https://www.cycl-op.org/images/map.rex.webp" alt="Carte interactive des initiatives" /> <div class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center bg-primary bg-opacity-75 rounded-3 opacity- transition-opacity"> <div class="text-center"> <i class="bi bi-geo-alt-fill display-4 text-white mb-2"></i> <p class="text-white fs-4 mb-0">Explorer la carte</p> <span class="text-white fs-6">Cliquez pour découvrir toutes les initiatives</span> </div> </div> </a> </div>  </div> <section class="col-lg-7 h-100"> <div class="w-100 text-center"> <h2 class="mb-0 fw-bold h3">Les initiatives remarquables</h2> <hr class="text-danger mt-1 mb-7 mx-auto" style="border:1px solid;width:35px" /> </div> <div class="js-swiper-responsive-breakpoint2 px-1 swiper"> <div class="swiper-wrapper"> <div class="swiper-slide h-auto"> <article class="border bg-white h-100 rounded-3 overflow-hidden transition-hover hover-shadow-lg"> <div class="col-lg-12 col-12 position-relative d-flex justify-content-center overflow-hidden"> <a class="w-100 d-block position-relative overflow-hidden" href="https://www.cycl-op.org/initiative/h/back-it-le-reconditionnement-inclusif.html"> <picture class="w-100 d-block h-100"> <source srcset="https://www.cycl-op.org/data/sources/users/7137/.thumbs/20250331132838-back-it-cycl-oppage-0001.webp" media="(max-width:991px)" /> <img class="rounded-top zi-1 croppedlg align-self-center transition-transform hover-scale" loading="lazy" style="max-height:220px;object-fit:cover" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" src="https://www.cycl-op.org/data/sources/users/7137/.thumbs/20250331132838-back-it-cycl-oppage-0001.webp" alt="BACK IT – Le reconditionn (...)" aria-label=" BACK IT – Le reconditionnement inclusif"/> </picture> <div style="min-height:200px" class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 h-100 position-absolute top-50 start-50 translate-middle" > <i class="bi bi-newspaper text-primary"></i> </div> </a> </div> <div class="col-lg-12 col-12 d-flex flex-column justify-content-between p-4"> <div class=""> <h2 class="h4 mb-3 fw-bold"> BACK IT – Le reconditionnement inclusif </h2> <p class="text-dark mb-4"> BACK IT est une Entreprise Adaptée qui donne une seconde vie aux équipements informatiques tout en favori (...) </p> </div> </div> </article></a> </div> <div class="swiper-slide h-auto"> <article class="border bg-white h-100 rounded-3 overflow-hidden transition-hover hover-shadow-lg"> <div class="col-lg-12 col-12 position-relative d-flex justify-content-center overflow-hidden"> <a class="w-100 d-block position-relative overflow-hidden" href="https://www.cycl-op.org/initiative/h/vite-mon-outil-location-d-outils-en-circuit-court-entre-artisans-et-bricoleurs.html"> <picture class="w-100 d-block h-100"> <source srcset="https://www.cycl-op.org/data/sources/users/7053/.thumbs/20250117081302-le-nouvel-atelier-2024.webp" media="(max-width:991px)" /> <img class="rounded-top zi-1 croppedlg align-self-center transition-transform hover-scale" loading="lazy" style="max-height:220px;object-fit:cover" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" src="https://www.cycl-op.org/data/sources/users/7053/.thumbs/20250117081302-le-nouvel-atelier-2024.webp" alt="Vite Mon Outil - Location (...)" aria-label="Vite Mon Outil - Location d'outils en circuit court entre artisans et bricoleurs"/> </picture> <div style="min-height:200px" class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 h-100 position-absolute top-50 start-50 translate-middle" > <i class="bi bi-newspaper text-primary"></i> </div> </a> </div> <div class="col-lg-12 col-12 d-flex flex-column justify-content-between p-4"> <div class=""> <h2 class="h4 mb-3 fw-bold"> Vite Mon Outil - Location d'outils en circuit court entre artisans et bricoleurs </h2> <p class="text-dark mb-4"> Que nous soyons professionnels ou particuliers, nous en avons tous de nombreux outils chez nous. Sommes (...) </p> </div> </div> </article></a> </div> <div class="swiper-slide h-auto"> <article class="border bg-white h-100 rounded-3 overflow-hidden transition-hover hover-shadow-lg"> <div class="col-lg-12 col-12 position-relative d-flex justify-content-center overflow-hidden"> <a class="w-100 d-block position-relative overflow-hidden" href="https://www.cycl-op.org/initiative/h/makiba-1er-fabricant-francais-de-mobilier-eu-ecolabel.html"> <picture class="w-100 d-block h-100"> <source srcset="https://www.cycl-op.org/data/sources/users/6878/.thumbs/20241206140733-2024-makiba-eu-ecolabel--reference.webp" media="(max-width:991px)" /> <img class="rounded-top zi-1 croppedlg align-self-center transition-transform hover-scale" loading="lazy" style="max-height:220px;object-fit:cover" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" src="https://www.cycl-op.org/data/sources/users/6878/.thumbs/20241206140733-2024-makiba-eu-ecolabel--reference.webp" alt="MAKIBA, 1er fabricant (...)" aria-label="MAKIBA, 1er fabricant français de mobilier EU Ecolabel"/> </picture> <div style="min-height:200px" class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 h-100 position-absolute top-50 start-50 translate-middle" > <i class="bi bi-newspaper text-primary"></i> </div> </a> </div> <div class="col-lg-12 col-12 d-flex flex-column justify-content-between p-4"> <div class=""> <h2 class="h4 mb-3 fw-bold"> MAKIBA, 1er fabricant français de mobilier EU Ecolabel </h2> <p class="text-dark mb-4"> MAKIBA, 1er fabricant français de mobilier EU Ecolabel   Depuis sa création, il y a 7 ans, MAKIBA a pour (...) </p> </div> </div> </article></a> </div> <div class="swiper-slide h-auto"> <article class="border bg-white h-100 rounded-3 overflow-hidden transition-hover hover-shadow-lg"> <div class="col-lg-12 col-12 position-relative d-flex justify-content-center overflow-hidden"> <a class="w-100 d-block position-relative overflow-hidden" href="https://www.cycl-op.org/initiative/h/donner-une-nouvelle-vie-aux-cendres-de-biomasse.html"> <picture class="w-100 d-block h-100"> <source srcset="https://www.cycl-op.org/data/sources/users/5840/.thumbs/20240920053014-silocamion-36.webp" media="(max-width:991px)" /> <img class="rounded-top zi-1 croppedlg align-self-center transition-transform hover-scale" loading="lazy" style="max-height:220px;object-fit:cover" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" src="https://www.cycl-op.org/data/sources/users/5840/.thumbs/20240920053014-silocamion-36.webp" alt="Donner une nouvelle vie (...)" aria-label="Donner une nouvelle vie aux cendres de biomasse"/> </picture> <div style="min-height:200px" class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 h-100 position-absolute top-50 start-50 translate-middle" > <i class="bi bi-newspaper text-primary"></i> </div> </a> </div> <div class="col-lg-12 col-12 d-flex flex-column justify-content-between p-4"> <div class=""> <h2 class="h4 mb-3 fw-bold"> Donner une nouvelle vie aux cendres de biomasse </h2> <p class="text-dark mb-4"> Trifyl est un Syndicat de traitement et de valorisation des déchets ménagers et assimilés regroupant (...) </p> </div> </div> </article></a> </div> <div class="swiper-slide h-auto"> <article class="border bg-white h-100 rounded-3 overflow-hidden transition-hover hover-shadow-lg"> <div class="col-lg-12 col-12 position-relative d-flex justify-content-center overflow-hidden"> <a class="w-100 d-block position-relative overflow-hidden" href="https://www.cycl-op.org/initiative/h/concept-de-montres-et-bijoux-upcycles-eho.html"> <picture class="w-100 d-block h-100"> <source srcset="https://www.cycl-op.org/data/sources/users/6939/.thumbs/20240920150949-presentation-agefiph-2024.webp" media="(max-width:991px)" /> <img class="rounded-top zi-1 croppedlg align-self-center transition-transform hover-scale" loading="lazy" style="max-height:220px;object-fit:cover" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" src="https://www.cycl-op.org/data/sources/users/6939/.thumbs/20240920150949-presentation-agefiph-2024.webp" alt="Concept de montres et (...)" aria-label="Concept de montres et bijoux upcyclés eHo"/> </picture> <div style="min-height:200px" class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 h-100 position-absolute top-50 start-50 translate-middle" > <i class="bi bi-newspaper text-primary"></i> </div> </a> </div> <div class="col-lg-12 col-12 d-flex flex-column justify-content-between p-4"> <div class=""> <h2 class="h4 mb-3 fw-bold"> Concept de montres et bijoux upcyclés eHo </h2> <p class="text-dark mb-4"> eHo est l’alliance de l’expertise horlogère et de la revalorisation de composants horlogers inutilise (...) </p> </div> </div> </article></a> </div> <div class="swiper-slide h-auto"> <article class="border bg-white h-100 rounded-3 overflow-hidden transition-hover hover-shadow-lg"> <div class="col-lg-12 col-12 position-relative d-flex justify-content-center overflow-hidden"> <a class="w-100 d-block position-relative overflow-hidden" href="https://www.cycl-op.org/initiative/h/promouvoir-et-favoriser-le-reemploi-des-composants-horlogers.html"> <picture class="w-100 d-block h-100"> <source srcset="https://www.cycl-op.org/data/sources/users/6938/.thumbs/20240920145917-shema-eco-tempo.webp" media="(max-width:991px)" /> <img class="rounded-top zi-1 croppedlg align-self-center transition-transform hover-scale" loading="lazy" style="max-height:220px;object-fit:cover" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" src="https://www.cycl-op.org/data/sources/users/6938/.thumbs/20240920145917-shema-eco-tempo.webp" alt="Promouvoir et favoriser (...)" aria-label="Promouvoir et favoriser le réemploi des composants horlogers "/> </picture> <div style="min-height:200px" class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 h-100 position-absolute top-50 start-50 translate-middle" > <i class="bi bi-newspaper text-primary"></i> </div> </a> </div> <div class="col-lg-12 col-12 d-flex flex-column justify-content-between p-4"> <div class=""> <h2 class="h4 mb-3 fw-bold"> Promouvoir et favoriser le réemploi des composants horlogers </h2> <p class="text-dark mb-4"> Le concept Eco Tempo collecte auprès des professionnels et particuliers  les montres et bijoux usagés (...) </p> </div> </div> </article></a> </div> <div class="js-swiper-responsive-breakpoint-pagination d-none text-center"></div> </div> <div class=" text-center mt-2"></div> </div>   </section> </div> <div class="text-center d-md-none mx-lg-auto"> <a class="btn w-100 btn-primary text-uppercase" href="https://www.cycl-op.org/initiative/">Toutes les projets repertoriées</a> </div> </section> </div> </div> <div class=" py-7"> <div class="container"> <section class="d-flex flex-column flex-xl-row mb-4"> <div class="col-12"> <div class="w-100 text-center"> <h2 class="mb-0 fw-bold h3">Rejoindre une communauté</h2> <hr class="text-warning2 mt-1 mb-4 mx-auto" style="border:1px solid;width:35px" /> </div> <div class="d-none d-xl-flex justify-content-evenly align-items-stretch flex-wrap"> <article class="mb-4 rounded col-12 col-xl-5"> <div class="row media border bg-white rounded "> <a class="col-5 border-end d-flex position-relative justify-content-center align-items-center align-items-center zi-2 overflow-hidden px-0" href="https://www.cycl-op.org/communities/dillocc---depots-de-dechets-illegaux-en-occitanie/"> <picture class="position-relative d-flex align-items-center" style="min-height:200px"> <img class="img-fluid position-relative 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';" 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"/> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute top-0 bottom-0 start-0 end-0" > <i class="bi bi-people-fill text-primary"></i> </div> </picture> </a> <div class="media-body py-3 d-flex flex-column align-self-center col"> <a class="fs-3 fw-bold mb-1" 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> <div class="my-2"> <div> <div class="btn fs-5 px-2 rounded-3 py-1 btn-outline-info"> 16 <i class="bi bi-people-fill"></i> </div> </div> </div> <p> Animé par Samuel GREGOIRE </p> </div> </div> </article> <article class="mb-4 rounded col-12 col-xl-5"> <div class="row media border bg-white rounded "> <a class="col-5 border-end d-flex position-relative justify-content-center align-items-center align-items-center zi-2 overflow-hidden px-0" href="https://www.cycl-op.org/communities/gestion-des-biodechets/"> <picture class="position-relative d-flex align-items-center" style="min-height:200px"> <img class="img-fluid position-relative 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';" alt="Gestion des biodéchets" aria-label="Gestion des biodéchets"/> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute top-0 bottom-0 start-0 end-0" > <i class="bi bi-people-fill text-primary"></i> </div> </picture> </a> <div class="media-body py-3 d-flex flex-column align-self-center col"> <a class="fs-3 fw-bold mb-1" href="https://www.cycl-op.org/communities/gestion-des-biodechets/">Gestion des biodéchets</a> <div class="my-2"> <div> <div class="btn fs-5 px-2 rounded-3 py-1 btn-outline-info"> 116 <i class="bi bi-people-fill"></i> </div> </div> </div> <p> Animé par Naïma Moncamp </p> </div> </div> </article> <article class="mb-4 rounded col-12 col-xl-5"> <div class="row media border bg-white rounded "> <a class="col-5 border-end d-flex position-relative justify-content-center align-items-center align-items-center zi-2 overflow-hidden px-0" href="https://www.cycl-op.org/communities/synocc-le-reseau-eit-en-occitanie/"> <picture class="position-relative d-flex align-items-center" style="min-height:200px"> <img class="img-fluid position-relative 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';" alt="Syn'Occ, le réseau EIT en Occitanie" aria-label="Syn'Occ, le réseau EIT en Occitanie"/> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute top-0 bottom-0 start-0 end-0" > <i class="bi bi-people-fill text-primary"></i> </div> </picture> </a> <div class="media-body py-3 d-flex flex-column align-self-center col"> <a class="fs-3 fw-bold mb-1" href="https://www.cycl-op.org/communities/synocc-le-reseau-eit-en-occitanie/">Syn'Occ, le réseau EIT en Occitanie</a> <div class="my-2"> <div> <div class="btn fs-5 px-2 rounded-3 py-1 btn-outline-info"> 162 <i class="bi bi-people-fill"></i> </div> </div> </div> <p> Animé par Caroline Valluis </p> </div> </div> </article> <article class="mb-4 rounded col-12 col-xl-5"> <div class="row media border bg-white rounded "> <a class="col-5 border-end d-flex position-relative justify-content-center align-items-center align-items-center zi-2 overflow-hidden px-0" href="https://www.cycl-op.org/communities/les-acteurs-du-plastique-en-occitanie/"> <picture class="position-relative d-flex align-items-center" style="min-height:200px"> <img class="img-fluid position-relative 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';" alt="Les acteurs du plastique en Occitanie" aria-label="Les acteurs du plastique en Occitanie"/> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute top-0 bottom-0 start-0 end-0" > <i class="bi bi-people-fill text-primary"></i> </div> </picture> </a> <div class="media-body py-3 d-flex flex-column align-self-center col"> <a class="fs-3 fw-bold mb-1" href="https://www.cycl-op.org/communities/les-acteurs-du-plastique-en-occitanie/">Les acteurs du plastique en Occitanie</a> <div class="my-2"> <div> <div class="btn fs-5 px-2 rounded-3 py-1 btn-outline-info"> 48 <i class="bi bi-people-fill"></i> </div> </div> </div> <p> Animé par benoît THIERRY </p> </div> </div> </article> </div> <div class="d-block d-xl-none"> <section> <div class="js-swiper-responsive-breakpoint swiper"> <div class="swiper-wrapper"> <div style="height:auto" class="swiper-slide"> <article class="border h-100 rounded px-0"> <div class="col-md-12 position-relative" style="max-height:180px;height:180px;overflow:hidden"> <picture style="max-height:180px;height:180px;overflow:hidden" class="w-100"> <source srcset="https://www.cycl-op.org/community/pg/groupicon/7807/large/default.jpg" media="(min-width:500px)" /> <img class="rounded-top zi-1 croppedlg" style="max-height:180px" 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';" 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"/> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute border-bottom top-0 bottom-0" > <i class="bi bi-people-fill text-primary"></i> </div> </picture> </div> <div class="col-md-12 align-self-center px-3 pb-3"> <h2 class="h5 g-my-15 pt-3 g-font-weight-700"> <a 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 justify-content-start mb-3"> <div class="btn btn-outline-info rounded-2 py-1 px-3 mx-1"> 16 <i class="bi bi-people-fill"></i> </div> </div> <strong> Animé par Samuel GREGOIRE </strong> </div> </article> </div> <div style="height:auto" class="swiper-slide"> <article class="border h-100 rounded px-0"> <div class="col-md-12 position-relative" style="max-height:180px;height:180px;overflow:hidden"> <picture style="max-height:180px;height:180px;overflow:hidden" class="w-100"> <source srcset="https://www.cycl-op.org/community/pg/groupicon/40/large/default.jpg" media="(min-width:500px)" /> <img class="rounded-top zi-1 croppedlg" style="max-height:180px" 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';" alt="Gestion des biodéchets" aria-label="Gestion des biodéchets"/> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute border-bottom top-0 bottom-0" > <i class="bi bi-people-fill text-primary"></i> </div> </picture> </div> <div class="col-md-12 align-self-center px-3 pb-3"> <h2 class="h5 g-my-15 pt-3 g-font-weight-700"> <a href="https://www.cycl-op.org/communities/gestion-des-biodechets/">Gestion des biodéchets</a> </h2> <div class="d-flex justify-content-start mb-3"> <div class="btn btn-outline-info rounded-2 py-1 px-3 mx-1"> 116 <i class="bi bi-people-fill"></i> </div> </div> <strong> Animé par Naïma Moncamp </strong> </div> </article> </div> <div style="height:auto" class="swiper-slide"> <article class="border h-100 rounded px-0"> <div class="col-md-12 position-relative" style="max-height:180px;height:180px;overflow:hidden"> <picture style="max-height:180px;height:180px;overflow:hidden" class="w-100"> <source srcset="https://www.cycl-op.org/community/pg/groupicon/36/large/default.jpg" media="(min-width:500px)" /> <img class="rounded-top zi-1 croppedlg" style="max-height:180px" 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';" alt="Syn'Occ, le réseau EIT en Occitanie" aria-label="Syn'Occ, le réseau EIT en Occitanie"/> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute border-bottom top-0 bottom-0" > <i class="bi bi-people-fill text-primary"></i> </div> </picture> </div> <div class="col-md-12 align-self-center px-3 pb-3"> <h2 class="h5 g-my-15 pt-3 g-font-weight-700"> <a 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 justify-content-start mb-3"> <div class="btn btn-outline-info rounded-2 py-1 px-3 mx-1"> 162 <i class="bi bi-people-fill"></i> </div> </div> <strong> Animé par Caroline Valluis </strong> </div> </article> </div> <div style="height:auto" class="swiper-slide"> <article class="border h-100 rounded px-0"> <div class="col-md-12 position-relative" style="max-height:180px;height:180px;overflow:hidden"> <picture style="max-height:180px;height:180px;overflow:hidden" class="w-100"> <source srcset="https://www.cycl-op.org/community/pg/groupicon/2800/large/default.jpg" media="(min-width:500px)" /> <img class="rounded-top zi-1 croppedlg" style="max-height:180px" 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';" alt="Les acteurs du plastique en Occitanie" aria-label="Les acteurs du plastique en Occitanie"/> <div class="bg-white w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute border-bottom top-0 bottom-0" > <i class="bi bi-people-fill text-primary"></i> </div> </picture> </div> <div class="col-md-12 align-self-center px-3 pb-3"> <h2 class="h5 g-my-15 pt-3 g-font-weight-700"> <a 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 justify-content-start mb-3"> <div class="btn btn-outline-info rounded-2 py-1 px-3 mx-1"> 48 <i class="bi bi-people-fill"></i> </div> </div> <strong> Animé par benoît THIERRY </strong> </div> </article> </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>   </section> </div> <div class="w-100 mt-3 d-flex justify-content-center"> <a href="https://www.cycl-op.org/communities/" class="btn w-100 w-lg-auto border-0 rounded-1 btn-primary px-4 py-3"> TOUTES LES COMMUNAUTÉS </a> </div> </div> </section> </div> </div> <div class="container py-7"> <div class="row flex-column flex-lg-row"> <section class="col-12 flex-column flex-xl-row"> <div class="w-100 text-center"> <h2 class="mb-0 fw-bold h3">Toutes les vidéos</h2> <hr class="text-warning2 mt-1 mb-4 mx-auto" style="border:1px solid;width:35px" /> </div> <div class="d-flex flex-xl-row flex-column justify-content-evenly align-items-stretch flex-wrap"> <article class="card border overflow-hidden col-xl-5 col-12 rounded mb-4"> <div class="row no-gutters"> <div class="col-5 position-relative d-flex justify-content-center align-items-center px-0" style="min-height:150px"> <a aria-label="Mastère Spécialis..." class="js-fancybox d-flex align-items-center justify-content-center position-relative" href="javascript:;" data-fancybox="lightbox-gallery-01-2" data-src="https://youtu.be/hyXSFTyXuIo?si=pqHTfi73e1jX2xKD?autoplay=1"> <img class="img-fluid zi-1 align-self-center rounded-start w-100 croppedmd" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" src="https://www.cycl-op.org/data/sources/users/1464/20250403095656-capture-dzecran-2025-04-03-115333.webp" alt="Mastère Spécialisé® PRINEC : Devenir expert en l’économie circulaire ! " aria-label="Mastère Spécialisé® PRINEC : Devenir expert en l’économie circulaire ! "> <div class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 rounded-start position-absolute top-0 bottom-0 zi-2" > <i class="bi bi-play-circle text-white"></i> </div> </a> </div> <div class="col-7 border-start d-flex pe-0 py-3 ps-5"> <div class="card-body px-0 py-0 align-self-center"> <h3 class="card-title h5 fw-bold text-break"><a class="text-black" href="https://www.cycl-op.org/articles/h/mastere-specialise-prinec-devenir-expert-en-l-economie-circulaire.html">Mastère Spécialisé® PRINEC : Devenir expert en l’économie circulaire ! </a></h3> <p class="card-text d-none d-md-block mb-1"></p> <p class="card-text d-flex justify-content-between"> <small class="text-muted">03/04/2025 de MENGIN FONDRAGON Florence</small> </p> </div> </div> </div> </article> <article class="card border overflow-hidden col-xl-5 col-12 rounded mb-4"> <div class="row no-gutters"> <div class="col-5 position-relative d-flex justify-content-center align-items-center px-0" style="min-height:150px"> <a aria-label="Récit d’une entre..." class="js-fancybox d-flex align-items-center justify-content-center position-relative" href="javascript:;" data-fancybox="lightbox-gallery-01-2" data-src="https://youtu.be/XMuZdJzyVF0?si=mIIUalkcDuqWEm8F?autoplay=1"> <img class="img-fluid zi-1 align-self-center rounded-start w-100 croppedmd" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" src="https://www.cycl-op.org/data/sources/users/783/20250402101036-content-6.webp" alt="Récit d’une entreprise en trajectoire EFC - Lyreco" aria-label="Récit d’une entreprise en trajectoire EFC - Lyreco"> <div class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 rounded-start position-absolute top-0 bottom-0 zi-2" > <i class="bi bi-play-circle text-white"></i> </div> </a> </div> <div class="col-7 border-start d-flex pe-0 py-3 ps-5"> <div class="card-body px-0 py-0 align-self-center"> <h3 class="card-title h5 fw-bold text-break"><a class="text-black" href="https://www.cycl-op.org/articles/h/recit-d-une-entreprise-en-trajectoire-efc-lyreco.html">Récit d’une entreprise en trajectoire EFC - Lyreco</a></h3> <p class="card-text d-none d-md-block mb-1"></p> <p class="card-text d-flex justify-content-between"> <small class="text-muted">02/04/2025 Elodie GUYOT</small> </p> </div> </div> </div> </article> <article class="card border overflow-hidden col-xl-5 col-12 rounded mb-4"> <div class="row no-gutters"> <div class="col-5 position-relative d-flex justify-content-center align-items-center px-0" style="min-height:150px"> <a aria-label="[Retour Webinaire..." class="js-fancybox d-flex align-items-center justify-content-center position-relative" href="javascript:;" data-fancybox="lightbox-gallery-01-2" data-src="https://www.youtube.com/watch?v=5A1c_Zk2ymE ?autoplay=1"> <img class="img-fluid zi-1 align-self-center rounded-start w-100 croppedmd" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" src="https://www.cycl-op.org/data/sources/users/147/20250404093957-imge-wbr-ti-mars-2025.webp" alt="[Retour Webinaire] Tarification Incitative « Quels argumentaires et quelles étapes pour lancer la réflexion et franchir le cap de la décision ? »" aria-label="[Retour Webinaire] Tarification Incitative « Quels argumentaires et quelles étapes pour lancer la réflexion et franchir le cap de la décision ? »"> <div class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 rounded-start position-absolute top-0 bottom-0 zi-2" > <i class="bi bi-play-circle text-white"></i> </div> </a> </div> <div class="col-7 border-start d-flex pe-0 py-3 ps-5"> <div class="card-body px-0 py-0 align-self-center"> <h3 class="card-title h5 fw-bold text-break"><a class="text-black" href="https://www.cycl-op.org/library/h/retour-sur-le-webinaire-sur-la-ti-quels-argumentaires-et-quelles-etapes-pour-lancer-la-reflexion-et-franchir-le-cap-de-la-decision.html">[Retour Webinaire] Tarification Incitative « Quels argumentaires et quelles étapes pour lancer la réflexion et franchir le cap de la décision ? »</a></h3> <p class="card-text d-none d-md-block mb-1"></p> <p class="card-text d-flex justify-content-between"> <small class="text-muted">02/04/2025 Leo MATHIEU</small> </p> </div> </div> </div> </article> <article class="card border overflow-hidden col-xl-5 col-12 rounded mb-4"> <div class="row no-gutters"> <div class="col-5 position-relative d-flex justify-content-center align-items-center px-0" style="min-height:150px"> <a aria-label="[Fresque] de" class="js-fancybox d-flex align-items-center justify-content-center position-relative" href="javascript:;" data-fancybox="lightbox-gallery-01-2" data-src="https://youtu.be/DP9iUA43Kv4?autoplay=1"> <img class="img-fluid zi-1 align-self-center rounded-start w-100 croppedmd" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" src="https://www.cycl-op.org/data/sources/users/783/20250331082848-visuel-fresque.webp" alt="[Fresque] de la Transition Economique | Lundi 7 avril" aria-label="[Fresque] de la Transition Economique | Lundi 7 avril"> <div class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 rounded-start position-absolute top-0 bottom-0 zi-2" > <i class="bi bi-play-circle text-white"></i> </div> </a> </div> <div class="col-7 border-start d-flex pe-0 py-3 ps-5"> <div class="card-body px-0 py-0 align-self-center"> <h3 class="card-title h5 fw-bold text-break"><a class="text-black" href="https://www.cycl-op.org/articles/h/fresque-de-la-transition-economique-lundi-7-avril.html">[Fresque] de la Transition Economique | Lundi 7 avril</a></h3> <p class="card-text d-none d-md-block mb-1"></p> <p class="card-text d-flex justify-content-between"> <small class="text-muted">31/03/2025 Elodie GUYOT</small> </p> </div> </div> </div> </article> </div> <div class="w-100 mt-3 d-flex justify-content-center"> <a href="https://www.cycl-op.org/video/" class="btn w-100 w-lg-auto border-0 rounded-1 btn-primary px-4 py-3"> TOUTES LES VIDÉOS </a> </div> </section> </div> </div> <section class="col-12" style="align-self: center;"> </section> <section class="row py-7 flex-column w-100 mx-auto mb-8 flex-lg-row"> <div> <div class="w-100 text-center"> <h2 class="mb-0 fw-bold h3">Vu ailleurs</h2> <hr class="text-warning2 mt-1 mb-4 mx-auto" style="border:1px solid;width:35px" /> </div> <div class="row container flex-wrap mx-auto">  <div style="transform: scale(.95);" class="card justify-content-center mb-3 col-lg-4"> <div class="d-flex align-items-center no-gutters"> <div class="col-8 border-end"> <div class="card-body"> <h3 class="h5 card-title text-primary"> <a href="https://www.cycl-op.org/articles/q/town-hall-electoral-sur-l-economie-verte.html"> Town Hall électoral sur l’économie verte </a> </h3> <span class="badge bg-danger text-primary">Quebeccirculaire.org</span> </div> </div> <div class="col-4 position-relative"> <a href="https://www.cycl-op.org/articles/q/town-hall-electoral-sur-l-economie-verte.html"> <img class="card-img-top cropped zi-1 rounded-0" loading="lazy" onerror="this.onerror=null;this.style.display='none';this.style.zIndex='0';" src="https://www.quebeccirculaire.org/data/sources/users/10908/.thumbs/20250410132448-banniere-1200x300---town-hall.webp" alt="Town Hall électoral sur l’économie verte "> <div class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute top-0 bottom-0 start-0 end-0" > <i class="bi bi-newspaper text-primary"></i> </div> </a> </div> </div> </div>   <div style="transform: scale(.95);" class="card justify-content-center mb-3 col-lg-4"> <div class="d-flex align-items-center no-gutters"> <div class="col-8 border-end"> <div class="card-body"> <h3 class="h5 card-title text-primary"> <a href="https://www.cycl-op.org/articles/s/echange-a-la-mise-en-œuvre-de-l-aap-europeen-ftj-en-region-sud-et-la-region-de-saxe.html"> Echanges sur le fonds européen FTJ en région SUD et (...) </a> </h3> <span class="badge bg-danger text-primary">Reseau-preci.org</span> </div> </div> <div class="col-4 position-relative"> <a href="https://www.cycl-op.org/articles/s/echange-a-la-mise-en-œuvre-de-l-aap-europeen-ftj-en-region-sud-et-la-region-de-saxe.html"> <img class="card-img-top cropped zi-1 rounded-0" loading="lazy" onerror="this.onerror=null;this.style.display='none';this.style.zIndex='0';" src="https://www.reseau-preci.org/data/sources/users/35/.thumbs/20250410121159-europe9.webp" alt="Echanges sur le fonds européen FTJ en région SUD et en Région de Saxe en Allemagne "> <div class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute top-0 bottom-0 start-0 end-0" > <i class="bi bi-newspaper text-primary"></i> </div> </a> </div> </div> </div>   <div style="transform: scale(.95);" class="card justify-content-center mb-3 col-lg-4"> <div class="d-flex align-items-center no-gutters"> <div class="col-8 border-end"> <div class="card-body"> <h3 class="h5 card-title text-primary"> <a href="https://www.cycl-op.org/articles/e/cartographie-des-gisements-industriels-textiles-en-auvergne-rhone-alpes.html"> Cartographie des gisements industriels textiles en </a> </h3> <span class="badge bg-danger text-primary">Eclaira.org</span> </div> </div> <div class="col-4 position-relative"> <a href="https://www.cycl-op.org/articles/e/cartographie-des-gisements-industriels-textiles-en-auvergne-rhone-alpes.html"> <img class="card-img-top cropped zi-1 rounded-0" loading="lazy" onerror="this.onerror=null;this.style.display='none';this.style.zIndex='0';" src="https://www.eclaira.org/data/sources/users/12473/.thumbs/20250410095915-techtera-logo-fond-clair.webp" alt="Cartographie des gisements industriels textiles en Auvergne-Rhône-Alpes "> <div class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute top-0 bottom-0 start-0 end-0" > <i class="bi bi-newspaper text-primary"></i> </div> </a> </div> </div> </div>   <div style="transform: scale(.95);" class="card justify-content-center mb-3 col-lg-4"> <div class="d-flex align-items-center no-gutters"> <div class="col-8 border-end"> <div class="card-body"> <h3 class="h5 card-title text-primary"> <a href="https://www.cycl-op.org/articles/t/un-programme-d-eit-inseree-dans-la-reindustrialisation-des-territoires-bretons.html"> Un programme d’EIT intégré dans la réindustrialisation (...) </a> </h3> <span class="badge bg-danger text-primary">Bretagnecirculaire.org</span> </div> </div> <div class="col-4 position-relative"> <a href="https://www.cycl-op.org/articles/t/un-programme-d-eit-inseree-dans-la-reindustrialisation-des-territoires-bretons.html"> <img class="card-img-top cropped zi-1 rounded-0" loading="lazy" onerror="this.onerror=null;this.style.display='none';this.style.zIndex='0';" src="https://www.bretagnecirculaire.org/data/sources/users/639/.thumbs/20250404090223-eitti.webp" alt="Un programme d’EIT intégré dans la réindustrialisation des territoires bretons"> <div class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute top-0 bottom-0 start-0 end-0" > <i class="bi bi-newspaper text-primary"></i> </div> </a> </div> </div> </div>   <div style="transform: scale(.95);" class="card justify-content-center mb-3 col-lg-4"> <div class="d-flex align-items-center no-gutters"> <div class="col-8 border-end"> <div class="card-body"> <h3 class="h5 card-title text-primary"> <a href="https://www.cycl-op.org/articles/e/journee-regionale-de-l-economie-de-la-fonctionnalite-et-de-la-cooperation-efc-19-06.html"> Journée régionale de l’économie de la fonctionnalité (...) </a> </h3> <span class="badge bg-danger text-primary">Eclaira.org</span> </div> </div> <div class="col-4 position-relative"> <a href="https://www.cycl-op.org/articles/e/journee-regionale-de-l-economie-de-la-fonctionnalite-et-de-la-cooperation-efc-19-06.html"> <img class="card-img-top cropped zi-1 rounded-0" loading="lazy" onerror="this.onerror=null;this.style.display='none';this.style.zIndex='0';" src="https://www.eclaira.org/data/sources/users/12487/.thumbs/20250410084728-reliefjournezeefc2025v02.webp" alt="Journée régionale de l’économie de la fonctionnalité et de la coopération (EFC) 19/06"> <div class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute top-0 bottom-0 start-0 end-0" > <i class="bi bi-newspaper text-primary"></i> </div> </a> </div> </div> </div>   <div style="transform: scale(.95);" class="card justify-content-center mb-3 col-lg-4"> <div class="d-flex align-items-center no-gutters"> <div class="col-8 border-end"> <div class="card-body"> <h3 class="h5 card-title text-primary"> <a href="https://www.cycl-op.org/articles/c/le-fil-en-commun-infographie-sur-la-fin-de-vie-des-vetements-professionnels.html"> Le Fil en Commun : infographie sur la fin de vie des (...) </a> </h3> <span class="badge bg-danger text-primary">Economiecirculaire.org</span> </div> </div> <div class="col-4 position-relative"> <a href="https://www.cycl-op.org/articles/c/le-fil-en-commun-infographie-sur-la-fin-de-vie-des-vetements-professionnels.html"> <img class="card-img-top cropped zi-1 rounded-0" loading="lazy" onerror="this.onerror=null;this.style.display='none';this.style.zIndex='0';" src="https://www.economiecirculaire.org/data/sources/users/9694/.thumbs/20250401150818-vetementspro.webp" alt="Le Fil en Commun : infographie sur la fin de vie des vêtements professionnels "> <div class="bg- w-100 d-flex justify-content-center zi-0 align-items-center display-5 position-absolute top-0 bottom-0 start-0 end-0" > <i class="bi bi-newspaper text-primary"></i> </div> </a> </div> </div> </div>  </div> </div> </section> <div class="container"> <div class="w-100 mt-5 mb-8 d-flex justify-content-center"> <a href="https://fr.linkedin.com/company/cycl-op/?viewAsMember=true" class="col-12 btn-primary col-md-3 text-uppercase py-3 mb-3 mb-lg-0 rounded text-white text-center p-4 d-flex align-items-center"> <div class="w-100"> <i class="bi bi-linkedin fs-3"></i><br> <span class="fw-bold">Nous suivre sur Linkedin</span> </div> </a> </div> <section class="d-flex flex-column py-3 mb-8"> <div class="w-100 text-center mx-auto"> <h2 class="mb-0 fw-bold h3">Ils nous ont rejoints</h2> <hr class="text-warning2 mt-1 mb-4 mx-auto" style="border:1px solid;width:35px" /> </div> <div class="js-swiper-responsive-breakpoint-auto swiper"> <div class="swiper-wrapper"> <div style="width:auto" class="swiper-slide d-flex flex-column align-items-center justify-content-center"> <div class="px-3 position-relative text-center" style="height:140px"> <img class="position-relative zi-2" src="https://www.cycl-op.org/data/sources/users/7156/.thumbs/20250409143707-logo-pastel.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-Synergies du Pastel" style="height:140px;max-width:230px;object-fit:contain;"/> <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-building text-primary"></i> </div> </div> <h3 class="h5 position-relative zi-2 mb-2 text-center"><a class="text-black" href="company/h/synergies-du-pastel.html">Synergies du Pastel</a></h3> </div> <div style="width:auto" class="swiper-slide d-flex flex-column align-items-center justify-content-center"> <div class="px-3 position-relative text-center" style="height:140px"> <img class="position-relative zi-2" src="https://www.cycl-op.org/data/sources/users/7152/.thumbs/20250404123712-seconde-media.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-Seconde Media" style="height:140px;max-width:230px;object-fit:contain;"/> <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-building text-primary"></i> </div> </div> <h3 class="h5 position-relative zi-2 mb-2 text-center"><a class="text-black" href="company/h/seconde-media.html">Seconde Media</a></h3> </div> <div style="width:auto" class="swiper-slide d-flex flex-column align-items-center justify-content-center"> <div class="px-3 position-relative text-center" style="height:140px"> <img class="position-relative zi-2" src="https://www.cycl-op.org/data/sources/users/7141/.thumbs/20250328115556-lancelot-digital.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-Lancelot.Digital" style="height:140px;max-width:230px;object-fit:contain;"/> <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-building text-primary"></i> </div> </div> <h3 class="h5 position-relative zi-2 mb-2 text-center"><a class="text-black" href="company/h/lancelot-digital.html">Lancelot.Digital</a></h3> </div> <div style="width:auto" class="swiper-slide d-flex flex-column align-items-center justify-content-center"> <div class="px-3 position-relative text-center" style="height:140px"> <img class="position-relative zi-2" src="https://www.cycl-op.org/data/sources/users/7137/.thumbs/20250325111623-logo-back-it-valide.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-BackIT " style="height:140px;max-width:230px;object-fit:contain;"/> <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-building text-primary"></i> </div> </div> <h3 class="h5 position-relative zi-2 mb-2 text-center"><a class="text-black" href="company/h/backit.html">BackIT</a></h3> </div> <div style="width:auto" class="swiper-slide d-flex flex-column align-items-center justify-content-center"> <div class="px-3 position-relative text-center" style="height:140px"> <img class="position-relative zi-2" src="https://www.cycl-op.org/data/sources/users/7127/.thumbs/20250318094405-logotypecccbhorizontal-2020.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-Communauté de Communes Coteaux Bellevue" style="height:140px;max-width:230px;object-fit:contain;"/> <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-building text-primary"></i> </div> </div> <h3 class="h5 position-relative zi-2 mb-2 text-center"><a class="text-black" href="company/h/communaute-de-communes-coteaux-bellevue.html">Communauté de Communes Coteaux Bellevue</a></h3> </div> <div style="width:auto" class="swiper-slide d-flex flex-column align-items-center justify-content-center"> <div class="px-3 position-relative text-center" style="height:140px"> <img class="position-relative zi-2" src="https://www.cycl-op.org/data/sources/users/7125/.thumbs/20250313142722-gdouesttoulousainlogocmjn.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-LE GRAND OUEST TOULOUSAIN" style="height:140px;max-width:230px;object-fit:contain;"/> <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-building text-primary"></i> </div> </div> <h3 class="h5 position-relative zi-2 mb-2 text-center"><a class="text-black" href="company/h/le-grand-ouest-toulousain.html">LE GRAND OUEST TOULOUSAIN</a></h3> </div> <div style="width:auto" class="swiper-slide d-flex flex-column align-items-center justify-content-center"> <div class="px-3 position-relative text-center" style="height:140px"> <img class="position-relative zi-2" src="https://www.cycl-op.org/data/sources/users/7121/.thumbs/20250312230955-renovacoul.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-Fédération RENOVA" style="height:140px;max-width:230px;object-fit:contain;"/> <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-building text-primary"></i> </div> </div> <h3 class="h5 position-relative zi-2 mb-2 text-center"><a class="text-black" href="company/h/federation-renova.html">Fédération RENOVA</a></h3> </div> <div style="width:auto" class="swiper-slide d-flex flex-column align-items-center justify-content-center"> <div class="px-3 position-relative text-center" style="height:140px"> <img class="position-relative zi-2" src="https://www.cycl-op.org/data/sources/users/7120/.thumbs/20250312141408-odyssezelogoorange.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-ODYSSÉE " style="height:140px;max-width:230px;object-fit:contain;"/> <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-building text-primary"></i> </div> </div> <h3 class="h5 position-relative zi-2 mb-2 text-center"><a class="text-black" href="company/h/odyssee.html">ODYSSÉE</a></h3> </div> <div style="width:auto" class="swiper-slide d-flex flex-column align-items-center justify-content-center"> <div class="px-3 position-relative text-center" style="height:140px"> <img class="position-relative zi-2" src="https://www.cycl-op.org/data/sources/users/7110/.thumbs/20250303151712-logo-france-consigne-fond-transparent.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-France Consigne" style="height:140px;max-width:230px;object-fit:contain;"/> <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-building text-primary"></i> </div> </div> <h3 class="h5 position-relative zi-2 mb-2 text-center"><a class="text-black" href="company/h/france-consigne.html">France Consigne</a></h3> </div> <div style="width:auto" class="swiper-slide d-flex flex-column align-items-center justify-content-center"> <div class="px-3 position-relative text-center" style="height:140px"> <img class="position-relative zi-2" src="https://www.cycl-op.org/data/sources/users/7089/.thumbs/20250217184604-image1.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-Communauté de communes Vallée de l'Hérault" style="height:140px;max-width:230px;object-fit:contain;"/> <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-building text-primary"></i> </div> </div> <h3 class="h5 position-relative zi-2 mb-2 text-center"><a class="text-black" href="company/h/communaute-de-communes-vallee-de-l-herault.html">Communauté de communes Vallée de l'Hérault</a></h3> </div> <div style="width:auto" class="swiper-slide d-flex flex-column align-items-center justify-content-center"> <div class="px-3 position-relative text-center" style="height:140px"> <img class="position-relative zi-2" src="https://www.cycl-op.org/data/sources/users/7074/.thumbs/20250208174819-logo-pas-perdu1rond.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-Pas Perdu - Valorisation d'invendus" style="height:140px;max-width:230px;object-fit:contain;"/> <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-building text-primary"></i> </div> </div> <h3 class="h5 position-relative zi-2 mb-2 text-center"><a class="text-black" href="company/h/pas-perdu-valorisation-d-invendus.html">Pas Perdu - Valorisation d'invendus</a></h3> </div> <div style="width:auto" class="swiper-slide d-flex flex-column align-items-center justify-content-center"> <div class="px-3 position-relative text-center" style="height:140px"> <img class="position-relative zi-2" src="https://www.cycl-op.org/data/sources/users/7072/.thumbs/20250206080513-logo-cdc-limouxin-fond-blanc2.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-Communauté de Communes du LIMOUXIN- service gestion des déchets-" style="height:140px;max-width:230px;object-fit:contain;"/> <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-building text-primary"></i> </div> </div> <h3 class="h5 position-relative zi-2 mb-2 text-center"><a class="text-black" href="company/h/communaute-de-communes-du-limouxin-service-gestion-des-dechets.html">Communauté de Communes du LIMOUXIN- service gestio...</a></h3> </div> <div style="width:auto" class="swiper-slide d-flex flex-column align-items-center justify-content-center"> <div class="px-3 position-relative text-center" style="height:140px"> <img class="position-relative zi-2" src="https://www.cycl-op.org/data/sources/users/7066/.thumbs/20250130162258-logos.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-Poudres Durables SAS" style="height:140px;max-width:230px;object-fit:contain;"/> <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-building text-primary"></i> </div> </div> <h3 class="h5 position-relative zi-2 mb-2 text-center"><a class="text-black" href="company/h/poudres-durables-sas.html">Poudres Durables SAS</a></h3> </div> <div style="width:auto" class="swiper-slide d-flex flex-column align-items-center justify-content-center"> <div class="px-3 position-relative text-center" style="height:140px"> <img class="position-relative zi-2" src="https://www.cycl-op.org/data/sources/users/7065/.thumbs/20250130102706-lefourgon-logocouleur-1.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-Le Fourgon" style="height:140px;max-width:230px;object-fit:contain;"/> <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-building text-primary"></i> </div> </div> <h3 class="h5 position-relative zi-2 mb-2 text-center"><a class="text-black" href="company/h/le-fourgon.html">Le Fourgon</a></h3> </div> <div style="width:auto" class="swiper-slide d-flex flex-column align-items-center justify-content-center"> <div class="px-3 position-relative text-center" style="height:140px"> <img class="position-relative zi-2" src="https://www.cycl-op.org/data/sources/users/6751/.thumbs/20250121094627-img8813.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-Verréo, bouteille et bouchons, bac, carbone pour les vins et bières" style="height:140px;max-width:230px;object-fit:contain;"/> <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-building text-primary"></i> </div> </div> <h3 class="h5 position-relative zi-2 mb-2 text-center"><a class="text-black" href="company/h/verreo-bouteille-et-bouchons-bac-carbone-pour-les-vins-et-bieres.html">Verréo, bouteille et bouchons, bac, carbone pour...</a></h3> </div> <div style="width:auto" class="swiper-slide d-flex flex-column align-items-center justify-content-center"> <div class="px-3 position-relative text-center" style="height:140px"> <img class="position-relative zi-2" src="https://www.cycl-op.org/data/sources/users/7051/.thumbs/20250115162023-grandouesttoulousainlogocouleur.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-Le Grand Ouest Toulousain Communauté de Communes" style="height:140px;max-width:230px;object-fit:contain;"/> <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-building text-primary"></i> </div> </div> <h3 class="h5 position-relative zi-2 mb-2 text-center"><a class="text-black" href="company/h/le-grand-ouest-toulousain-communaute-de-communes.html">Le Grand Ouest Toulousain Communauté de Communes...</a></h3> </div> <div style="width:auto" class="swiper-slide d-flex flex-column align-items-center justify-content-center"> <div class="px-3 position-relative text-center" style="height:140px"> <img class="position-relative zi-2" src="https://www.cycl-op.org/data/sources/users/147/.thumbs/20250109161135-valoris-logoblancvertical-300x300png.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-VALORIS " style="height:140px;max-width:230px;object-fit:contain;"/> <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-building text-primary"></i> </div> </div> <h3 class="h5 position-relative zi-2 mb-2 text-center"><a class="text-black" href="company/h/valoris.html">VALORIS</a></h3> </div> <div style="width:auto" class="swiper-slide d-flex flex-column align-items-center justify-content-center"> <div class="px-3 position-relative text-center" style="height:140px"> <img class="position-relative zi-2" src="https://www.cycl-op.org/data/sources/users/6246/.thumbs/20241217112743-5.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-TREMA RENOVATION" style="height:140px;max-width:230px;object-fit:contain;"/> <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-building text-primary"></i> </div> </div> <h3 class="h5 position-relative zi-2 mb-2 text-center"><a class="text-black" href="company/h/trema-renovation.html">TREMA RENOVATION</a></h3> </div> <div style="width:auto" class="swiper-slide d-flex flex-column align-items-center justify-content-center"> <div class="px-3 position-relative text-center" style="height:140px"> <img class="position-relative zi-2" src="https://www.cycl-op.org/data/sources/users/7036/.thumbs/20241206111411-logo-la-mine-ok.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-La Mine des Gaves" style="height:140px;max-width:230px;object-fit:contain;"/> <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-building text-primary"></i> </div> </div> <h3 class="h5 position-relative zi-2 mb-2 text-center"><a class="text-black" href="company/h/la-mine-des-gaves.html">La Mine des Gaves</a></h3> </div> <div style="width:auto" class="swiper-slide d-flex flex-column align-items-center justify-content-center"> <div class="px-3 position-relative text-center" style="height:140px"> <img class="position-relative zi-2" src="https://www.cycl-op.org/data/sources/users/7034/.thumbs/20241204160502-logoherault2022rougesimplifiervb.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-CMA de l'Hérault" style="height:140px;max-width:230px;object-fit:contain;"/> <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-building text-primary"></i> </div> </div> <h3 class="h5 position-relative zi-2 mb-2 text-center"><a class="text-black" href="company/h/cma-de-l-herault.html">CMA de l'Hérault</a></h3> </div> </div> </div> </section> </div> <button id="triggerDialog" aria-label="contribute" style="border-top-left-radius:2rem;border-bottom-left-radius:2rem; bottom:13%" class="btn-primary zi-3 border-0 d-flex px-3 px-lg-6 py-lg-3 py-2 position-fixed end-0"><i class="bi me-3 bi-pencil-square"></i><span class="fw-bold d-none d-lg-block">CONTRIBUER</span></button> <dialog style="max-width:1300px; width:90%" id="dialogContribute" class="border-0 pb-0 px-0 rounded-2"> <div class="container px-3 mb-3"> <div class="headdialog d-flex justify-content-between"> <div class="col-10 col-md-8 col-lg-6"> <h3>Contribuer</h3> <p> Le site de Cycl-op permet à tous de fournir du contenu. </p> </div> <i id="closerDialog" style="cursor:pointer" class="bi bi-x display-5 text-primary"></i> </div> <div class="bodydialog d-flex flex-column flex-md-row flex-md-wrap justify-content-evenly"> <div class="col-xl-3 col-md-6 col-12 mb-3 mb-xl-0 "> <div class="h-100 border text-center card"> <div class="bg-danger rounded-top py-4 mb-3 border-bottom"> <strong class="text-primary">Actualités</strong> </div> <div class="d-flex flex-column justify-content-between h-100"> <p class="px-3"> Proposer une actualité sur un sujet d'économie circulaire ! </p> <div class="card-footer px-3"> <a style="white-space: nowrap;" href="https://www.cycl-op.org/articles/edition/" class="btn fs-5 w-100 btn-primary"><i class="bi me-2 bi-pencil-square"></i><span>Proposer un article</span></a> </div> </div> </div> </div> <div class="col-xl-3 col-md-6 col-12 mb-3 mb-xl-0 "> <div class="h-100 ms-2 border text-center card"> <div class="bg-danger rounded-top py-4 mb-3 border-bottom"> <strong class="text-primary">Agenda</strong> </div> <div class="d-flex flex-column justify-content-between h-100"> <p class="px-3"> Proposer un événement qui a lieu sur le territoire ! </p> <div class="card-footer px-3"> <a style="white-space: nowrap;" href="https://www.cycl-op.org/events/edition/" class="btn fs-5 w-100 btn-primary"><i class="bi me-2 bi-plus"></i><span>Proposer un événement</span></a> </div> </div> </div> </div> <div class="col-xl-3 col-md-6 col-12 mb-3 mb-xl-0 "> <div class="h-100 ms-2 border text-center card"> <div class="bg-danger rounded-top py-4 mb-3 border-bottom"> <strong class="text-primary">Projets</strong> </div> <div class="d-flex flex-column justify-content-between h-100"> <p class="px-3"> Proposer votre projet en économie circulaire afin de le partager à la communauté ! </p> <div class="card-footer px-3"> <a style="white-space: nowrap;" href="https://www.cycl-op.org/initiative/edition/" class="btn fs-5 w-100 btn-primary"><i class="bi me-2 bi-upload"></i> <span>Proposer un projet</span></a> </div> </div> </div> </div> <div class="col-xl-3 col-md-6 col-12 mb-3 mb-xl-0 "> <div class="h-100 ms-2 border text-center card"> <div class="bg-danger rounded-top py-4 mb-3 border-bottom"> <strong class="text-primary">Ressources</strong> </div> <div class="d-flex flex-column justify-content-between h-100"> <p class="px-3"> Proposer un document PDF, une vidéo sur un sujet de l'économie circulaire ! </p> <div class="card-footer px-3"> <a style="white-space: nowrap;" href="https://www.cycl-op.org/library/edition/" class="btn fs-5 w-100 btn-primary"><i class="bi me-2 bi-upload"></i> <span>Proposer un contenu</span></a> </div> </div> </div> </div> </div> </div> <div class="footerdialog p-4 bg-body rounded-bottom d-flex align-items-center flex-column flex-lg-row justify-content-lg-bewteen"> <strong class="mx-2 w-100 w-md-auto mb-3 mb-lg-0">Explorer et participez aux communautés Cycl-op !</strong> <p class="mx-2 mb-3 w-md-65 mb-lg-0">De nombreuses commuanautés sont présentes sur le site de Cycl-op, consulter, échanger et publier votre contenu ! </p> <div class="mx-2 col-md-6 col-lg-3 col-12 text-center"> <a href="https://www.cycl-op.org/communities/" class=" w-100 btn btn-outline-primary">Explorer les commaunautés</a> </div> </div> </dialog> </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’op est la plateforme des acteurs de l’économie circulaire en Occitanie. Initiée dans le cadre du Plan Régional d’Action en Faveur de l’Economie Circulaire (PRAEC), avec le soutien financier de l’ADEME et de la Région Occitanie, c’est l’outil et la vitrine de l’économie 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’op est la plateforme des acteurs de l’économie circulaire en Occitanie. Initiée dans le cadre du Plan Régional d’Action en Faveur de l’Economie Circulaire (PRAEC), avec le soutien financier de l’ADEME et de la Région Occitanie, c’est l’outil et la vitrine de l’économie 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 type="text/javascript" src="https://www.cycl-op.org/libdefined/minified/pub/homejs-min.js?up=1.75"></script> <script src="https://www.cycl-op.org/libsrc/unify-v3.1/assets/vendor/fslightbox/index.js"></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> </body> </html>

CINXE.COM

Cycl-op.org, la plateforme dédiée à l’économie circulaire en Occitanie