CINXE.COM

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"><!-- CSS Unify Template --> <link rel="stylesheet" fetchpriority="high" href="https://www.cycl-op.org/libdefined/minified/pub/gencss-min.css?up=1.53"> <link rel="stylesheet" fetchpriority="high" href="https://www.cycl-op.org/libdefined/minified/pub/customcss-min.css?up=4.41"> <link rel="stylesheet" fetchpriority="low" href="https://www.cycl-op.org/libsrc/unify-v3.1/assets/vendor/bootstrap-icons/font/bootstrap-icons.min.css"><link rel="shortcut icon" type="image/png" href="https://www.cycl-op.org/images/pf/64/cycl-op.png" > <link rel="alternate" type="application/rss+xml" title="" href="https://www.cycl-op.org/rss/lastnews.xml" ></head> <body> <!-- ========== HEADER ========== --> <div class="contHead"> <!-- ========== HEADER ========== --> <header id="header" style="box-shadow: 0 .375rem 1.5rem 0 rgba(140,152,164,.125);background:white;top:-110px" class="d-flex zi-3 py-1 flex-column-reverse navbar-expand-lg navbar-end navbar-light"> <div class="d-flex container align-items-center px-0 justify-content-between"> <div class="text-end"> <a href="https://www.cycl-op.org/" aria-label=""> <img loading="lazy" class="navbar-brand-logo cropped" style="max-width:130px" src="https://www.cycl-op.org/images/logo.webp" alt="Cycl-op.org, la plateforme dédiée à l’économie circulaire en Occitanie" /> </a> </div> <div class="d-flex col-lg-10 flex-column-reverse"> <!-- Navigation --> <div class="container"> <nav class="js-mega-menu navbar-nav-wrap justify-content-lg-start justify-content-between flex-row flex-lg-nowrap"> <div class="d-flex align-items-center"> <div class="d-flex justify-content-between w-100 w-lg-auto d-lg-block"> <div class="d-flex"> <button class="btn d-inline d-lg-none border align-self-center py-2 px-3 me-2" aria-label="Recherche" data-bs-toggle="modal" data-bs-target="#ModalSearch"><i class="fs-5 bi bi-search"></i></button> <div class="align-self-center"> <!-- Toggler --> <button data-reset-menu class="navbar-toggler border-0 text-primary" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-default"> <i class="display-4 bi bi-list"></i> </span> <span class="navbar-toggler-toggled"> <i class="display-4 bi bi-x"></i> </span> </button> <!-- End Toggler --> </div> </div> </div> <!-- Collapse --> <div class="rounded collapse navbar-collapse mobile-container" id="navbarNavDropdown"> <div class="rounded navbar-sticky-top-scroller"> <ul data-list-container class="navbar-nav rounded nav-pills px-3 px-lg-0"> <!-- Pages --> <li class="hs-has-mega-menu nav-item mb-0" data-hs-mega-menu-item-options='{ "desktop": { "maxWidth": "65rem" } }'> <a id="landingsMegaMenu" style="white-space: nowrap;" class="hs-mega-menu-invoker nav-link fw-bold" aria-current="page" href="javascript:void(0);" role="button" aria-expanded="false">Actualités</a> <!-- Mega Menu --> <div class="hs-mega-menu hs-position-left-fix dropdown-menu mt-0" aria-labelledby="landingsMegaMenu" style="min-width:22rem;width:20rem"> <!-- Main Content --> <div class="row"> <div class="col-sm"> <div class="navbar-dropdown-menu-inner"> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/articles/" >Actualités</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/articles/appels-a-projet/" >Appels à Projets & Soutiens</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/static/h/ami-eco.html" >AMI ECO</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/articles/edition/#params:bmV3c190eXBlX2lkOjY=" ><i class="bi bi-chevron-double-right me-2"></i>Publiez votre AAP et Soutiens</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/articles/edition/" ><i class="bi bi-chevron-double-right me-2"></i>Publiez votre actualité</a> </div> </div> </div> <!-- End Main Content --> </div> <!-- End Mega Menu --> </li> <li class="hs-has-sub-menu nav-item mb-0"> <a id="menu65" class="hs-mega-menu-invoker nav-link fw-bold" href="javascript:void(0);" role="button" aria-expanded="false">Agenda</a> <!-- Mega Menu --> <div class="hs-sub-menu dropdown-menu mt-0" aria-labelledby="menu65" style="width:20rem"> <!-- Main Content --> <div class="navbar-dropdown-menu-inner"> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/articles/events/" >Événements</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/articles/events/#search,fGV2ZW50X3R5cGVfaWQ6MTA=" >Formations</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/events/edition/" ><i class="bi bi-chevron-double-right me-2"></i>Publiez un événement</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/articles/edition/#params:dGFnczpmb3JtYXRpb24=" ><i class="bi bi-chevron-double-right me-2"></i>Publiez une formation</a> </div> <!-- End Main Content --> </div> <!-- End Mega Menu --> </li> <!-- End Pages --> <li class="hs-has-sub-menu nav-item mb-0"> <a id="menu2" class="hs-mega-menu-invoker nav-link fw-bold" href="javascript:void(0);" role="button" aria-expanded="false">Initiatives</a> <!-- Mega Menu --> <div class="hs-sub-menu dropdown-menu mt-0" aria-labelledby="menu2" style="width:20rem"> <!-- Main Content --> <div class="navbar-dropdown-menu-inner"> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/initiative/" >Toutes les initiatives</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/initiative/edition/" ><i class="bi bi-chevron-double-right me-2"></i>Publiez une initiative</a> </div> <!-- End Main Content --> </div> <!-- End Mega Menu --> </li> <!-- End Pages --> <li class="hs-has-sub-menu nav-item mb-0"> <a id="menu6" class="hs-mega-menu-invoker nav-link fw-bold" href="javascript:void(0);" role="button" aria-expanded="false">Ressources</a> <!-- Mega Menu --> <div class="hs-sub-menu dropdown-menu mt-0" aria-labelledby="menu6" style="width:20rem"> <!-- Main Content --> <div class="navbar-dropdown-menu-inner"> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/library/" >Fonds documentaire</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/toolbox/" >Boite à outils</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/video/" >Vidéos</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/library/edition/" ><i class="bi bi-chevron-double-right me-2"></i>Publiez un document</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/toolbox/edition/" ><i class="bi bi-chevron-double-right me-2"></i>Publiez un outil</a> </div> <!-- End Main Content --> </div> <!-- End Mega Menu --> </li> <!-- End Pages --> <li class="hs-has-sub-menu nav-item mb-0"> <a id="menu4" class="hs-mega-menu-invoker nav-link fw-bold" href="javascript:void(0);" role="button" aria-expanded="false">Réseaux</a> <!-- Mega Menu --> <div class="hs-sub-menu dropdown-menu mt-0" aria-labelledby="menu4" style="width:20rem"> <!-- Main Content --> <div class="navbar-dropdown-menu-inner"> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/member/" >Annuaire des membres</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/company/" >Annuaire des organisations</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/company/#search,fGhlYWRvZk5ldHdvcmtfaWQ6MQ==" >Annuaire des têtes de réseaux</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/static/h/groupes-de-travail-et-reseaux.html" >Réseaux régionaux de l'économie circulaire</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/communities/" >Toutes les communautés</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/community/pg/groups/new/" ><i class="bi bi-chevron-double-right me-2"></i>Créez une nouvelle communauté</a> </div> <!-- End Main Content --> </div> <!-- End Mega Menu --> </li> <!-- End Pages --> <li class="hs-has-sub-menu nav-item mb-0"> <a id="menu56" class="hs-mega-menu-invoker nav-link fw-bold" href="javascript:void(0);" role="button" aria-expanded="false">Forums</a> <!-- Mega Menu --> <div class="hs-sub-menu dropdown-menu mt-0" aria-labelledby="menu56" style="width:20rem"> <!-- Main Content --> <div class="navbar-dropdown-menu-inner"> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/static/h/forum-economie-circulaire.html" >Forum Economie Circulaire 2020</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/static/h/forum-economie-circulaire-2021.html" >Forum Economie Circulaire 2021</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/static/h/5eme-forum-regional-de-l-economie-circulaire-en-occitanie.html" >Forum Economie Circulaire 2022</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/static/h/6eme-forum-regional-de-l-economie-circulaire-en-occitanie.html?n=20230915105152" >Forum Economie Circulaire 2023</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/static/h/7eme-forum-regionl-de-l-economie-circulaire-en-occitanie.html?n=20240718101501" >Forum Economie Circulaire 2024</a> </div> <!-- End Main Content --> </div> <!-- End Mega Menu --> </li> <!-- End Pages --> <li class="hs-has-sub-menu nav-item mb-0"> <a id="menu37" class="hs-mega-menu-invoker nav-link fw-bold" href="javascript:void(0);" role="button" aria-expanded="false">Comprendre</a> <!-- Mega Menu --> <div class="hs-sub-menu dropdown-menu mt-0" aria-labelledby="menu37" style="width:20rem"> <!-- Main Content --> <div class="navbar-dropdown-menu-inner"> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/static/h/l-economie-circulaire-en-occitanie.html" >L'économie circulaire en Occitanie</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/static/h/le-territoire.html" >Le territoire occitan et le PRAEC</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/static/h/les-filieres-prioritaires-en-occitanie.html" >Les filières prioritaires</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/static/h/les-services-de-la-plateforme.html" >Pourquoi Cycl'Op et les services</a> <a class="dropdown-item" style="white-space:normal !important" href="https://www.cycl-op.org/indicateurs-eci-occitanie.html" >Les chiffres clés de la plateforme</a> </div> <!-- End Main Content --> </div> <!-- End Mega Menu --> </li> <!-- End Pages --> <li class="d-lg-none"><hr class="my-3"/></li> <li class="d-flex align-items-center d-lg-none px-1"> <button class="btn d-lg-inline d-none border align-self-center px-3 me-2" data-bs-toggle="modal" aria-label="Recherche" data-bs-target="#ModalSearch"><i class="bi bi-search"></i></button> <div id="mobileMenuuser" data-user-container class="menuser align-self-center"></div> <div class="connexiontop align-self-center"> <div class="d-flex"> <a class="btn btn-soft-primary px-3 me-2" href="https://www.cycl-op.org/connexion.html">Connexion</a> <a class="btn btn-primary px-3" href="https://www.cycl-op.org/register/index.html">Inscription</a> </div> </div> </li> </ul> </div> </div> <!-- End Collapse --> </div> <div id="menuscroll" class="d-none align-items-lg-center justify-content-lg-end px-1 col"> <button aria-label="Recherche" class="btn d-lg-inline d-none align-self-center px-3 me-2" data-bs-toggle="modal" data-bs-target="#ModalSearch"><i class="bi bi-search"></i></button> <div class="menuser align-self-center"></div> <div class="connexiontop align-self-center"> <div class="d-flex align-items-center"> <a class="me-2 btn" title="Connexion" href="https://www.cycl-op.org/connexion.html" ><i class="bi fs-3 text-black bi-person-fill"></i></a> </div> </div> </div> </nav> </div> <!-- Global navigation --> <div id="topMenu" class="d-none transitionFade d-lg-block container "> <nav class="d-flex"> <div class="d-none d-lg-flex justify-content-end align-items-center px-1 col"> <div class="dropdown align-self-center"> <a href="javascript:void(0);" role="button" class="border btn py-2 px-3 me-2" title="Le réseau de l'économie circulaire" data-bs-toggle="dropdown" aria-expanded="false"> <i class="bi bi-globe me-2 text-primary text-black"></i> <span class="text-uppercase">Le réseau</span> </a> <ul class="dropdown-menu shadow-sm" aria-labelledby="dropdownpffoot"> <li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.bretagnecirculaire.org/">Bretagnecirculaire.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.circemed.org/">Circemed.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.collectif-grandest.org/">Collectif-grandest.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.cycl-op.org/">Cycl-op.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.eclaira.org/">Eclaira.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.economiecirculaire.org/">Economiecirculaire.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.genie.ch/">Genie.ch</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.grandpariscirculaire.org/">Grandpariscirculaire.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.quebeccirculaire.org/">Quebeccirculaire.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.recita.org/">Recita.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.reseau-preci.org/">Reseau-preci.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.reseau-synapse.org/">Reseau-synapse.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://neci.normandie.fr/">Neci</a></li> </ul> </div> <button aria-label="Recherche" class="btn py-2 d-lg-inline d-none border align-self-center px-3 me-2" data-bs-toggle="modal" data-bs-target="#ModalSearch"><i class="bi bi-search"></i></button> <div class="menuser align-self-center"></div> <div class="connexiontop align-self-center"> <div class="d-flex"> <a class="btn py-2 btn-soft-primary px-3 me-2" href="https://www.cycl-op.org/connexion.html" >Connexion</a> <a class="btn py-2 btn-primary px-3" href="https://www.cycl-op.org/register/index.html">Inscription</a> </div> </div> </div> </nav> </div> </div> </div> </header> <!-- ========== END HEADER ========== --> <!-- Modal SEARCH --> <div id="ModalSearch" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body px-10 py-1"> <div class="container content-space-1"> <div class="text-center mx-lg-auto"> <!-- Heading --> <div class="mb-5"> <h5 class="display-6">Recherchez</h5> </div> <!-- End Heading dqfdfezqd --> <form id="searchform-1"> <div class="position-relative"> <!-- Input Card --> <div class="input-card p-1 position-relative zi-1 input-card-sm"> <div class="input-card-form"> <input type="text" class="form-control form-control-lg" id="globalsearch" aria-label="Search article"> </div> <button type="button" id="globalsearchbtn" aria-label="Recherche" class="btn btn-primary btn-lg"><i class="bi bi-search"></i></button> </div> <!-- End Input Card --> <!-- SVG Shape --> <figure class="position-absolute top-0 end-0 d-none d-sm-block mt-n8 me-n8" style="width: 4rem;"> <img class="img-fluid" loading="lazy" src="https://www.cycl-op.org/libsrc/unify-v3.1/assets/svg/components/pointer-up.svg" alt="Image Description"> </figure> <!-- End SVG Shape --> <!-- SVG Shape --> <figure class="position-absolute bottom-0 start-0 ms-n10 mb-n8" style="width: 12rem; margin-left: -10rem;"> <img class="img-fluid" loading="lazy" src="https://www.cycl-op.org/libsrc/unify-v3.1/assets/svg/components/curved-shape.svg" alt="Image Description"> </figure> <!-- End SVG Shape --> </div> </form> </div> </div> </div> </div> </div> </div> </div> <!-- ========== END HEADER ========== --> <!-- ========== MAIN CONTENT ========== --> <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="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/parcours-efc-recrutement-de-dirigeants-pour-la-promo-2025-terres-efc-occitanie.html"> <!-- Card --> <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/20250212110108-formations-efc-2025.webp" alt="Parcours EFC - Recrutement de dirigeants, pour la promo 2025 - Terres EFC Occitanie"> <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"> <h4 class="card-title text-primary">Parcours EFC - Recrutement de dirigeants, pour la promo 2025 - Terres EFC Occitanie</h4> </div> </div> <!-- End Card --> </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/webinaire-ademe-aap-soutien-au-developpement-d-eic-reemployables.html"> <!-- Card --> <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/20250203100727-image-entete-aap-eic.webp" alt="[Webinaire ADEME] : AAP « Soutien au développement d’EIC réemployables » | 5 Mars "> <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"> <h4 class="card-title text-primary">[Webinaire ADEME] : AAP « Soutien au développement d’EIC réemployables » | 5 Mars</h4> </div> </div> <!-- End Card --> </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/reunion-du-gt-plastique-le-20-mars-2025-charte-plastique-collectivites-region.html"> <!-- Card --> <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/20250124104059-plan-plastique.webp" alt="Réunion du GT Plastique le 20 mars 2025 | Charte plastique Collectivités/Région"> <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"> <h4 class="card-title text-primary">Réunion du GT Plastique le 20 mars 2025 | Charte plastique Collectivités/Région</h4> </div> </div> <!-- End Card --> </a> </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/le-fourgon-journee-portes-ouvertes.html"> <!-- Card --> <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/7065/.thumbs/20250227161402-image-lf---2025.webp" alt="Le Fourgon -"> <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">Le Fourgon - Journée portes ouvertes | Toulouse | Dimanche 23 mars</h3> </div> </div> <!-- End Card --> </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/retour-d-experiences-de-l-aap-biodechets-en-occitanie-2019-2022.html"> <!-- Card --> <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/6933/.thumbs/20250227155811-image1.webp" alt="Biodéchets en..."> <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">Biodéchets en Occitanie - Retours d’expériences de l’AAP : 2019 - 2022</h3> </div> </div> <!-- End Card --> </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/le-parc-naturel-regional-des-grands-causses-revitalise-sa-filiere-laine-locale.html"> <!-- Card --> <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/20250227101842-filiere-laine-gds-causses-tete.webp" alt="Revitalisation..."> <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">Revitalisation de la filière laine - Parc naturel régional des Grands Causses</h3> </div> </div> <!-- End Card --> </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/entreprises-adoptez-l-eco-conception-pour-innover-durablement.html"> <!-- Card --> <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/6092/.thumbs/20250227104058-atelier-eco-conception.webp" alt="Entreprises "> <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">Entreprises : Adoptez l'éco-conception pour innover durablement | Toulouse | 14 mars (...)</h3> </div> </div> <!-- End Card --> </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/webinaire-tarification-incitative-argumentaires-et-etapes.html"> <!-- Card --> <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/20250224104045-webinaire-ti.webp" alt="[Webinaire] Tarif..."> <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] Tarification Incitative : argumentaires et étapes | 13 mars</h3> </div> </div> <!-- End Card --> </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/journees-d-echanges-techniques-referent-es-de-sites-de-compostage-partage.html"> <!-- Card --> <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/5882/.thumbs/20250224093810-rccjt-mauguio-4416.webp" alt="[Journées techniq..."> <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">[Journées techniques] Référents Sites de compostage partagés | Maugio (34) | 8 avril (...)</h3> </div> </div> <!-- End Card --> </a> </div> </div> <!-- End Row --> <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> <!-- Card --> <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/le-fourgon-journee-portes-ouvertes.html"> Le Fourgon - Journée portes ouvertes | Toulouse | Dimanche 23 mars (...) </a> </h3> </div> </div> <div class="col-4 position-relative"> <a href="https://www.cycl-op.org/articles/h/le-fourgon-journee-portes-ouvertes.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/7065/.thumbs/20250227161402-image-lf---2025.webp" alt="Le Fourgon - Journée portes ouvertes | Toulouse | Dimanche 23 mars "> <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> <!-- End Card --> <!-- Card --> <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/retour-d-experiences-de-l-aap-biodechets-en-occitanie-2019-2022.html"> Biodéchets en Occitanie - Retours d’expériences de l’AAP : 201 (...) </a> </h3> </div> </div> <div class="col-4 position-relative"> <a href="https://www.cycl-op.org/articles/h/retour-d-experiences-de-l-aap-biodechets-en-occitanie-2019-2022.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/6933/.thumbs/20250227155811-image1.webp" alt="Biodéchets en Occitanie - Retours d’expériences de l’AAP : 2019 - 2022"> <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> <!-- End Card --> <!-- Card --> <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/le-parc-naturel-regional-des-grands-causses-revitalise-sa-filiere-laine-locale.html"> Revitalisation de la filière laine - Parc naturel régional des (...) </a> </h3> </div> </div> <div class="col-4 position-relative"> <a href="https://www.cycl-op.org/articles/h/le-parc-naturel-regional-des-grands-causses-revitalise-sa-filiere-laine-locale.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/147/.thumbs/20250227101842-filiere-laine-gds-causses-tete.webp" alt="Revitalisation de la filière laine - Parc naturel régional des Grands Causses"> <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> <!-- End Card --> <!-- Card --> <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/entreprises-adoptez-l-eco-conception-pour-innover-durablement.html"> Entreprises : Adoptez l'éco-conception pour innover durablement (...) </a> </h3> </div> </div> <div class="col-4 position-relative"> <a href="https://www.cycl-op.org/articles/h/entreprises-adoptez-l-eco-conception-pour-innover-durablement.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/6092/.thumbs/20250227104058-atelier-eco-conception.webp" alt="Entreprises : Adoptez l\'éco-conception pour innover durablement | Toulouse | 14 mars"> <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> <!-- End Card --> <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"> <!-- Agenda Card --> <a class="col-6 d-flex align-items-stretch" href="./articles/h/formation-agent-e-polyvalent-e-de-gestion-et-valorisation-des-dechets-2024-2025.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">17</strong> <span class="fs-5"> Oct </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">[Formation] Agent·e Polyvalent·e - Gestion et Valorisation des Déchets...</p> </div> </div> </a> <!--End Agenda Card --> <!-- Agenda Card --> <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> <!--End Agenda Card --> <!-- Agenda Card --> <a class="col-6 d-flex align-items-stretch" href="./articles/h/formation-guide-composteur-ice-fevrier-et-mars-2025.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">05</strong> <span class="fs-5"> Fev </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] Guide Composteur·ice | Montpellier | Février et Mars 2025...</p> </div> </div> </a> <!--End Agenda Card --> <!-- Agenda Card --> <a class="col-6 d-flex align-items-stretch" href="./articles/h/atelier-decouverte-de-l-eco-conception-perpignan-4-mars-2025.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">04</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">Atelier découverte de l'éco-conception | Perpignan | 4 mars 2025</p> </div> </div> </a> <!--End Agenda Card --> <!-- Agenda Card --> <a class="col-6 d-flex align-items-stretch" href="./articles/h/webinaire-retour-d-experience-l-eco-conception-quel-atout-dans-votre-strategie.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"> 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">Webinaire</span> <p class="p-2 mb-0">Webinaire -Retour d'expérience- L'éco-conception : quel atout dans votre...</p> </div> </div> </a> <!--End Agenda Card --> <!-- Agenda Card --> <a class="col-6 d-flex align-items-stretch" href="./articles/h/webinaire-tarification-incitative-argumentaires-et-etapes.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">13</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">Webinaire</span> <p class="p-2 mb-0">[Webinaire] Tarification Incitative : argumentaires et étapes | 13 mars...</p> </div> </div> </a> <!--End Agenda Card --> </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/1230/.thumbs/20240924083306-visuels-recrutement-com-apgvd.webp" media="(min-width:500px)" /> <a href="https://www.cycl-op.org/articles/h/formation-agent-e-polyvalent-e-de-gestion-et-valorisation-des-dechets-2024-2025.html"> <img class="rounded-top croppedlg zi-1" loading="lazy" style="max-height:180px" src="https://www.cycl-op.org/data/sources/users/1230/.thumbs/20240924083306-visuels-recrutement-com-apgvd.webp" alt="[Formation] Agent·e Polyvalent·e - Gestion et Valorisation des Déchets | Mèze (34)" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" aria-label="[Formation] Agent·e Polyvalent·e - Gestion et Valorisation des Déchets | Mèze (34)"/> <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 SEPTEMBRE </span> </div> <h2 class="h4 g-my-15 pt-3 fw-bold"> <a href="https://www.cycl-op.org/articles/h/formation-agent-e-polyvalent-e-de-gestion-et-valorisation-des-dechets-2024-2025.html">[Formation] Agent·e Polyvalent·e - Gestion et Valorisation des Déchets | Mèze (34)</a> </h2> <p class="g-color-gray-dark-v2"> Le centre de formation de l&rsquo;ARDAM, bas&eacute; &agrave;&nbsp;M&egrave;ze (H&eacute;rault),&nbsp;sp&eacute;cialis&eacute; dans les m&eacute;tiers de l&#39;environnement (...)</p> <p> <strong> par Nicolas Peiffer </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/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&#39;incubateur de l&#39;artisanat, cherche de nouveaux candidats pour sa 2&egrave;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/6310/.thumbs/20231221092038-p1040954.jpg" media="(min-width:500px)" /> <a href="https://www.cycl-op.org/articles/h/formation-guide-composteur-ice-fevrier-et-mars-2025.html"> <img class="rounded-top croppedlg zi-1" loading="lazy" style="max-height:180px" src="https://www.cycl-op.org/data/sources/users/6310/.thumbs/20231221092038-p1040954.jpg" alt="[Formation] Guide Composteur·ice | Montpellier | Février et Mars 2025" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" aria-label="[Formation] Guide Composteur·ice | Montpellier | Février et Mars 2025"/> <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"> 22 OCTOBRE </span> </div> <h2 class="h4 g-my-15 pt-3 fw-bold"> <a href="https://www.cycl-op.org/articles/h/formation-guide-composteur-ice-fevrier-et-mars-2025.html">[Formation] Guide Composteur·ice | Montpellier | Février et Mars 2025</a> </h2> <p class="g-color-gray-dark-v2"> Le succ&egrave;s des projets de pr&eacute;vention et de gestion de proximit&eacute; des biod&eacute;chets repose essentiellement (...)</p> <p> <strong> par Géraldine Chamussy </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/6416/.thumbs/20250211095813-1738681410559.webp" media="(min-width:500px)" /> <a href="https://www.cycl-op.org/articles/h/atelier-decouverte-de-l-eco-conception-perpignan-4-mars-2025.html"> <img class="rounded-top croppedlg zi-1" loading="lazy" style="max-height:180px" src="https://www.cycl-op.org/data/sources/users/6416/.thumbs/20250211095813-1738681410559.webp" alt="Atelier découverte de l'éco-conception | Perpignan | 4 mars 2025" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" aria-label="Atelier découverte de l'éco-conception | Perpignan | 4 mars 2025"/> <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"> 11 FEVRIER </span> </div> <h2 class="h4 g-my-15 pt-3 fw-bold"> <a href="https://www.cycl-op.org/articles/h/atelier-decouverte-de-l-eco-conception-perpignan-4-mars-2025.html">Atelier découverte de l'éco-conception | Perpignan | 4 mars 2025</a> </h2> <p class="g-color-gray-dark-v2">Participez &agrave; un atelier simple et ludique pour d&eacute;couvrir l&#39;&eacute;co-conception ! L&rsquo;&eacute;co-conception consiste (...)</p> <p> <strong> par Cécile PICOLLET </strong> </p> </div> </article> </div> </div> <!-- Arrows --> <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> <!-- End Swiper --> <!-- JS Plugins Init. --> </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> <!-- <style> .map-link:hover .opacity-0 { opacity: 1 !important; } .transition-opacity { transition: opacity 0.3s ease; } </style> --> </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/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,&nbsp;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&ccedil;ais de mobilier EU Ecolabel&nbsp;&nbsp; Depuis sa cr&eacute;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&eacute;chets m&eacute;nagers et assimil&eacute;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&rsquo;alliance de l&rsquo;expertise horlogè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&egrave;s des professionnels et particuliers&nbsp; les montres et bijoux usag&eacute;s (...) </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/animer-un-reseau-d-acteurs-de-ressourceries-et-recycleries-en-occitanie.html"> <picture class="w-100 d-block h-100"> <source srcset="https://www.cycl-op.org/data/sources/users/6833/.thumbs/20240920110218-logorrroc.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/6833/.thumbs/20240920110218-logorrroc.webp" alt="Animer un réseau d'acteur (...)" aria-label="Animer un réseau d'acteurs de ressourceries et recycleries en Occitanie"/> </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"> Animer un réseau d'acteurs de ressourceries et recycleries en Occitanie </h2> <p class="text-dark mb-4"> Les ressourceries et les recycleries sont des structures d&#39;int&eacute;r&ecirc;t g&eacute;n&eacute;ral et se d&eacute;ploient sur l&#39;ensemble (...) </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> <!-- End Swiper --> <!-- JS Plugins Init. --> </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"> 4 <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/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"> 148 <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/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"> 109 <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/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"> 42 <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"> 4 <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/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"> 148 <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/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"> 109 <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/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"> 42 <i class="bi bi-people-fill"></i> </div> </div> <strong> Animé par benoît THIERRY </strong> </div> </article> </div> </div> <!-- Arrows --> <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> <!-- End Swiper --> <!-- JS Plugins Init. --> </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="Appels à projets..." 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/OAM-ukTCfLY?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/20250221162403-ecominero.webp" alt="Appels à projets Ecominéro en faveur du réemploi et de la réutilisation de PMCB" aria-label="Appels à projets Ecominéro en faveur du réemploi et de la réutilisation de PMCB"> <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/appels-a-projets-ecominero-en-faveur-du-reemploi-et-de-la-reutilisation-de-pmcb.html">Appels à projets Ecominéro en faveur du réemploi et de la réutilisation de PMCB</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">21/02/2025 Kaelig Guernigou</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="Rencontres Nation..." 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/v2HX0z6dP4k?si=rwiSsn5BfOC4AyiO?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/20250213152246-rencontres-nationales-ecoconception.webp" alt="Rencontres Nationales Ecoconception | Villeurbane | 8 avril" aria-label="Rencontres Nationales Ecoconception | Villeurbane | 8 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/rencontres-nationales-ecoconception-villeurbane-8-avril.html">Rencontres Nationales Ecoconception | Villeurbane | 8 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">13/02/2025 Sandrine Tarde</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="[Replay 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://youtu.be/v2HX0z6dP4k?si=0ZhTUGd5RnBYZ8RH?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/20250220171009-video-eco-conception.webp" alt=" [Replay Webinaire] "Les leviers pour un déploiement massif de l’éco-conception en 2025"" aria-label=" [Replay Webinaire] "Les leviers pour un déploiement massif de l’éco-conception en 2025""> <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/webinaire-les-leviers-pour-un-deploiement-massif-de-l-eco-conception-en-2025.html"> [Replay Webinaire] "Les leviers pour un déploiement massif de l’éco-conception en 2025"</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">13/02/2025 Sandrine Tarde</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="Cours en ligne..." 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/K4tnTPFbUWM?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.quebeccirculaire.org/data/sources/users/5777/20221121221059-visuel-mooc-economie-circulaire-2023.jpg" alt="Cours en ligne gratuit d’introduction à l’économie circulaire: disponible cet hiver" aria-label="Cours en ligne gratuit d’introduction à l’économie circulaire: disponible cet hiver"> <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/q/cours-en-ligne-gratuit-d-introduction-a-l-economie-circulaire-les-inscriptions-sont-ouvertes.html">Cours en ligne gratuit d’introduction à l’économie circulaire: disponible cet hiver</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">10/02/2025 Émilie Chiasson</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"> <!-- Card --> <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/sailcoop-decarboner-le-transport-maritime-de-passagers.html"> Sailcoop, décarboner le transport maritime de passagers (...) </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/sailcoop-decarboner-le-transport-maritime-de-passagers.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/5/.thumbs/20250228161117-pexels-jan-van-der-wolf-11680885-20182858.webp" alt="Sailcoop, décarboner le transport maritime de passagers "> <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> <!-- End Card --> <!-- Card --> <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/m/les-reglementations-europeennes-sur-la-pollution-plastique-en-mer-ademe.html"> Les réglementations européennes sur la pollution plasti (...) </a> </h3> <span class="badge bg-danger text-primary">Circemed.org</span> </div> </div> <div class="col-4 position-relative"> <a href="https://www.cycl-op.org/articles/m/les-reglementations-europeennes-sur-la-pollution-plastique-en-mer-ademe.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.circemed.org/data/sources/users/11/.thumbs/20250228161108-uedepositphotos35711349-stock-photo-european-flags-in-front-of.webp" alt="Les réglementations européennes sur la pollution plastique en mer – ADEME"> <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> <!-- End Card --> <!-- Card --> <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/r/save-the-date-rencontre-annuelle-des-achats-publics-responsables.html"> Rencontre Annuelle des Achats Publics Responsables </a> </h3> <span class="badge bg-danger text-primary">Recita.org</span> </div> </div> <div class="col-4 position-relative"> <a href="https://www.cycl-op.org/articles/r/save-the-date-rencontre-annuelle-des-achats-publics-responsables.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.recita.org/data/sources/users/11905/.thumbs/20250228095902-imgrencontreannuelle3ar2025-002.webp" alt="Rencontre Annuelle des Achats Publics Responsables"> <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> <!-- End Card --> <!-- Card --> <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/m/back-to-blue-une-initiative-pour-lutter-contre-les-pollutions-marines.html"> Back to blue, une initiative pour lutter contre les (...) </a> </h3> <span class="badge bg-danger text-primary">Circemed.org</span> </div> </div> <div class="col-4 position-relative"> <a href="https://www.cycl-op.org/articles/m/back-to-blue-une-initiative-pour-lutter-contre-les-pollutions-marines.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.circemed.org/data/sources/users/13/.thumbs/20250225102323-pollutionmarine.webp" alt="Back to blue, une initiative pour lutter contre les pollutions marines"> <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> <!-- End Card --> <!-- Card --> <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/cap-sur-la-decarbonation-de-l-industrie-avec-clean-industrial-deal.html"> Cap sur la décarbonation de l’industrie avec Clean (...) </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/cap-sur-la-decarbonation-de-l-industrie-avec-clean-industrial-deal.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/20250227171359-eu25.webp" alt="Cap sur la décarbonation de l’industrie avec Clean Industrial Deal "> <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> <!-- End Card --> <!-- Card --> <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/r/ami-rejoignez-le-parcours-d-accompagnement-efc-2025.html"> AMI - Rejoignez le Parcours d'accompagnement EFC 2 </a> </h3> <span class="badge bg-danger text-primary">Recita.org</span> </div> </div> <div class="col-4 position-relative"> <a href="https://www.cycl-op.org/articles/r/ami-rejoignez-le-parcours-d-accompagnement-efc-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.recita.org/data/sources/users/11580/.thumbs/20250227165411-logo-efc.webp" alt="AMI - Rejoignez le Parcours d\'accompagnement EFC 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> <!-- End Card --> </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/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 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/7029/.thumbs/20241127115600-logoeternity-systems.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-ETERNITY SYSTEMS" 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/eternity-systems.html">ETERNITY SYSTEMS</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/7027/.thumbs/20241125211240-logo-tzcld-66.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-Association Droit à l'Emploi 66" 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/association-droit-a-l-emploi-66.html">Association Droit à l'Emploi 66</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/7020/.thumbs/20241123095129-logo-soundari-et-texte-new.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-SOUNDARI" 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/soundari.html">SOUNDARI</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/7012/.thumbs/20241118153133-logo.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-Ibbeo Cosmétiques" 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/ibbeo-cosmetiques.html">Ibbeo Cosmétiques</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/7007/.thumbs/20241113143957-logos-valoris3.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-Valoris Ressourcerie" 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-ressourcerie.html">Valoris Ressourcerie</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/7009/.thumbs/20241113142000-logo-bat-mat.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-La BAT-MAT" 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-bat-mat.html">La BAT-MAT</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/7006/.thumbs/20241113132844-images.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-TOUTENVÉLO PERPIGNAN" 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/toutenvelo-perpignan.html">TOUTENVÉLO PERPIGNAN</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/7004/.thumbs/20241112171736-coorace-logo-couleur-occitanie.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-COORACE OCCITANIE" 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/coorace-occitanie.html">COORACE OCCITANIE</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/7003/.thumbs/20241112142045-logo-couleur-png.webp" loading="lazy" onerror="this.onerror=null;this.style.visibility='hidden';this.style.zIndex='0';" alt="organisme-CUMAC" 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/cumac.html">CUMAC</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> <!-- ========== END MAIN CONTENT ========== --> <!-- ========== FOOTER ========== --> <footer class="bg-dark"> <div class="container"> <div class="d-flex flex-column flex-lg-row pt-5"> <div class="d-flex flex-column col-md-8 col-12"> <div class="d-md-flex flex-lg-row flex-column justify-content-start text-white"> <div class="dropdown col-lg-6 mb-lg-0 mb-3 col-12"> <a style="text-wrap: pretty;" class="dropdown-toggle text-white" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <i class="bi bi-globe me-2"></i> Le réseau national de l'économie circulaire </a> <ul class="dropdown-menu shadow-sm" aria-labelledby="dropdownpffoot"> <li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.bretagnecirculaire.org/">Bretagnecirculaire.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.circemed.org/">Circemed.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.collectif-grandest.org/">Collectif-grandest.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.cycl-op.org/">Cycl-op.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.eclaira.org/">Eclaira.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.economiecirculaire.org/">Economiecirculaire.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.genie.ch/">Genie.ch</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.grandpariscirculaire.org/">Grandpariscirculaire.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.quebeccirculaire.org/">Quebeccirculaire.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.recita.org/">Recita.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.reseau-preci.org/">Reseau-preci.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://www.reseau-synapse.org/">Reseau-synapse.org</a></li><li><a class="dropdown-item" rel="nofollow" target="_blank" href="https://neci.normandie.fr/">Neci</a></li> </ul> </div> <div class="col-lg-3 col-12 mb-3 mb-lg-0" data-bs-toggle="modal" data-bs-target="#ModalSearch"><a class="text-white" href="#"><i class="bi-search me-2"></i> Rechercher</a> </div> <div class="col-lg-3 col-12 mb-3 mb-lg-0"><a class="text-white" href="https://www.cycl-op.org/connexion.html"><i class="bi bi-person me-2"></i> Connexion / Inscription</a></div> </div> <div class="mt-8 d-none d-lg-block"> <p class="text-white"> <img class="img-fluid float-start me-3 mb-3" alt="logo recita" src="https://www.cycl-op.org/images/logo_white.webp">Cycl’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> <!-- End Col --> </div> </div> </div> <div class="row justify-content-center mb-2 align-items-center"> <div class="col-5 d-none d-lg-block"> <hr class="my-3"/> </div> <div class="col-lg-2 col-12 d-flex justify-content-center"> <!-- Social Icons --> <a class="btn-light btn-icon me-1 rounded-circle" aria-label="linkedin" href="https://fr.linkedin.com/company/cycl-op/"><i class=" bi bi-linkedin"></i></a> </div> <div class="col-5 d-none d-lg-block"> <hr class="my-3" /> </div> </div> <div class="row flex-column-reverse flex-lg-row mb-5"> <div class="col-lg-7 mb-7 d-block d-lg-none mb-lg-0 col-12 text-start"> <p class="text-white"> <img loading="lazy" class="img-fluid float-start me-3 mb-3" alt="logo recita" src="https://www.cycl-op.org/images/logo_white.webp">Cycl’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> <!-- ========== END FOOTER ========== --> <script src="https://www.cycl-op.org/libsrc/unify-v3.1/assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="https://www.cycl-op.org/libdefined/minified/pub/unify-min.js"></script> <script 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> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); _paq.push(['disableCookies']); (function() { var u="//stats.ciridd.org/"; _paq.push(['setTrackerUrl', u+'day']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'day.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> <script type="text/javascript" src="https://www.cycl-op.org/libsrc/tarteaucitron.js/tarteaucitron.min.js"></script> <script> tarteaucitron.init({"privacyUrl":"https://www.cycl-op.org/index.php?file=cgu/&frame=active#personaldata","hashtag":"#tarteaucitron","cookieName":"tarteaucitron","orientation":"middle","groupServices":false,"showAlertSmall":true,"cookieslist":false,"closePopup":false,"showIcon":false,"iconPosition":"BottomLeft","adblocker":false,"DenyAllCta":true,"AcceptAllCta":true,"highPrivacy":true,"handleBrowserDNTRequest":false,"removeCredit":true,"moreInfoLink":true,"useExternalCss":false,"useExternalJs":false,"readmoreLink":"","mandatory":true,});</script> </body> </html>

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