CINXE.COM
Covoiturage simple | Covoiturer vers les 茅v茅nements de Bio360 2025
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Covoiturage simple | Covoiturer vers les 茅v茅nements de Bio360 2025</title> <link rel="stylesheet" href="/build/6510.d19cfa2b.css"><link rel="stylesheet" href="/build/app.875c3b00.css"> <style> h1,h2,h3,h4,h5,a, a:hover { color: #4caf51;} .text-primary { color: #4caf51 !important;} .btn-primary { background-color:#4caf51; border-color:#4caf51; } .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle { background-color: #4caf51; border-color: #4caf51; } .badge-primary { background-color:#4caf51; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color:#4caf51 !important; border-color:#4caf51; } .btn-outline-primary { color: #4caf51; border-color:#4caf51; } .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active { background-color:#4caf51 !important; border-color:#4caf51; } .bg-primary { background-color: rgba(76,175,81,0.1) !important; } .picto-direction { border:1px solid #4caf51; background-color:rgba(76,175,81,0.1); color:#4caf51; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #4caf51; background: #4caf51; font-weight: normal; color: #ffffff; } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle { color: #fff; background-color: #4caf51; border-color: #4caf51; } .border.border-primary { border: 1px solid #4caf51 !important; } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #4caf51; border-color: #4caf51; } </style> <link rel="stylesheet" href="https://js.arcgis.com/4.30/esri/themes/light/main.css"> <script src="https://js.arcgis.com/4.30/"></script> </head> <body class="bg-primary"> <div class="container-fluid container-md"> <div class="row"> <div class="col-12 col-md-10 bg-white offset-md-1"> <div class="row mb-4"> <img src="https://admin.covoiturage-simple.com/images/banners/bees-bio360-2025-header-720x150-02-fr-web-673b1d8c02117718573186.png" class="img-fluid" /> </div> <div class="row pt-2"> <div class="col-10 d-flex justify-content-start"> <a class="text-decoration-none text-body" href="/bio360?p=bio360"> <!-- img on small --> <img src="/images/logo/current/logo.svg" alt="logo covoiturage-simple" class="me-2 d-block d-sm-none" style="width:50px" /> <!-- img on others --> <img src="/images/logo/current/logo.svg" alt="logo covoiturage-simple" class="me-2 d-none d-sm-block" style="width:100px" /> </a> <h2 class="mt-0 font-weight-bold"> <span class="">Covoiturer avec</span><br /> <strong class="text-primary">Bio360 2025</strong> </h2> </div> <div class="col-2 d-flex justify-content-end"> <a href="https://tawk.to/chat/659bd9d80ff6374032bda269/1hjkclu13" target="_blank" data-toggle="tooltip" data-placement="bottom" title="Perdu(e) ? Chattez avec nous pour de l'aide !"> <!-- i class="fas fa-question-circle"></i --> <img width="50" src="/images/besoin_aide.png" title="besoin d'aide?" /> </a> <div class="d-inline dropdown mb-3"> <button class="btn btn-outline-secondary ml-2 dropdown-toggle" style="background: white;color: black;border:0;" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <span class="fi fi-fr"></span> </button> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item" href="/bio360?p=bio360&_locale=fr"> <span class="fi fi-fr"></span> Fran莽ais </a> <a class="dropdown-item" href="/bio360?p=bio360&_locale=de"> <span class="fi fi-de"></span> Deutsch </a> <a class="dropdown-item" href="/bio360?p=bio360&_locale=en"> <span class="fi fi-gb"></span> English </a> </div> </div> </div> </div> <div class="row mb-2"> <div class="col-12 col-md-7"> <div class="btn-group btn-group-toggle d-flex" data-toggle="buttons"> <!-- Vue 茅v茅nements --> <a href="/bio360/evenements" class="btn btn-lg w-100 my-2 shadow btn-outline-primary "> <i class="fas fa-calendar"></i> 脡v茅nements </a> <!-- Vue annonces --> <a href="/bio360" class="btn btn-lg w-100 my-2 shadow btn-outline-secondary active"> <i class="fas fa-car"></i> Annonces </a> </div> </div> <div class="col-12 col-md-5 d-flex justify-content-end"> <div class="btn-group w-100"> <a href="/bio360/publier" type="button" class="btn btn-lg my-2 shadow btn-primary" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Publier mon annonce"> <i class="fas fa-paper-plane"></i> D茅poser une annonce </a> <button type="button" class="btn btn-lg text-white my-2 shadow btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"> <span class="visually-hidden">Toggle Dropdown</span> </button> <ul class="dropdown-menu dropdown-menu-end"> <li> <a href="/bio360/publiermulti" class="dropdown-item"> D茅poser plusieurs annonces </a> </li> </ul> </div> </div> </div> <div id="annoncesList" data-token="AAPT3NKHt6i2urmWtqOuugvr9aY7aZ8vZDbWIaUKeT84WwEwtCu-AvsDmATFnJA0uVfgUjWSL2YZfVZy5NNL3cTFStNKdJJV5zRnvnvN6437MBA9CxwyLa1ye8ho1Z0-KIIC-07MCNDMy5ONFBwZxJ6OqGkEaFrRUe9k6dAgBBUuurT8dHuAYxanxCUD9EW2VEPgDYGqK2zXoEZb-gnpXVKRwg9NB-f_kj7X70PiR77WE0_FfvM-HRkr-BbW-ZYCxWTe" data-client="bio360" data-linklabel="Prendre contact !" data-controller="list"> <div id="activeFilters" class="card shadow"> <div class="card-header bg-white "> <div class="row mb-2"> <div class="col"> <h3>Annonces (0)</h3> </div> </div> <div id="filterBox" class="collapse mb-2"> <div class="row"> <div class="col-12 d-inline-flex gap-1"> <button type="button" class="ms-1 btn btn-light" data-action="click->list#chercheFilterBtn"> <i class="material-icons">directions_walk</i> </button> </div> </div> <div id="moreFilters" class="row collapse mt-2 p-2"> <div class="col-4"> <div class="form-group"> <div class="input-group"> <span class="input-group-prepend"> <button tabindex="-1" class="btn btn-outline-secondary border border-right-0" type="button"> Du </button> </span> <input type="date" id="filter_startday" name="filter[startday]" class="form-control"> </div> </div> </div> <div class="col-4"> <div class="form-group"> <div class="input-group"> <span class="input-group-prepend"> <button tabindex="-1" class="btn btn-outline-secondary border border-right-0" type="button"> au </button> </span> <input type="date" id="filter_endday" name="filter[endday]" class="form-control"> </div> </div> </div> <div class="col-4"> <div class="form-group"> <div class="input-group"> <span class="input-group-prepend"> <button tabindex="-1" class="btn btn-outline-secondary border border-right-0" type="button"> Doit inclure </button> </span> <input type="text" id="filter_fulltextsearchterm" name="filter[fulltextsearchterm]" placeholder="Ex: Lyon" class="form-control"> </div> </div> </div> </div> </div> <div class="row mb-4"> <div class="col-md-12"> <div id="viewDiv" style="padding:0;margin: 0;height:400px;width: 100%;"></div> </div> </div> <div class="card shadow mb-3"> <div class="card-body text-center"> <p class=""> <span class="font-weight-bold"> Pas d'annonce pour le moment ! </span><br> Soyez la premi猫re ou le premier 脿 chercher ou proposer des places !<br/> </p> </div> </div> <div class="card shadow mb-3"> <div class="card-body text-center"> <p class=""> <div class="row mb-2"> <div class="col-12 font-weight-bold"> <h5 class="card-title mb-2"> <strong>Aucune annonce ne correspond 脿 votre recherche ?</strong> </h5> </div> </div> <div class="row"> <div class="col p-4"> <div style="min-height:100px"> <img style="width:80px;" src="/images/logo/current/logo.svg"/> </div> <a href="/bio360/publier" class="shadow btn btn-outline-primary w-100 adDeposit m-2"> Je cherche ou propose une place </a> </div> </div> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <footer class="footer my-2 p-2"> <div class="text-center"> <a href="https://www.covoiturage-simple.com" target="_blank" class="text-muted d-inline-flex align-items-center"> <img src="/images/logo/current/logo.svg" alt="Logo Covoiturage-simple.com" style="width: 40px;" class="me-2"> Covoiturage-simple.com </a> </div> </footer> <script src="/build/runtime.5c6584cf.js" defer></script><script src="/build/6510.ad619e95.js" defer></script><script src="/build/app.1de14568.js" defer></script> </body> </html>