Outiref

Code source de l'URL : http://alternatiba.eu/marseille/l

  
        <!DOCTYPE html>
        <html lang="fr-FR" data-website-id="1" data-oe-company-name="Alternatiba Marseille">
            <head>
                <meta charset="utf-8"/>
                <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
                <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>

                <title>Alternatiba Marseille | Changeons le système, pas le climat !</title>
                
            
        <link type="image/x-icon" rel="shortcut icon" href="/web/image/website/1/favicon/"/>

                <script type="text/javascript">
                    var odoo = {
                        csrf_token: "72dfb0dc647b7b9f0df5be6585d25cebe4012118o",
                    };
                </script>

                
            <meta name="generator" content="Odoo"/>

            
            
            
            <meta name="description" content="Groupe local marseillais d'Alternatiba &quot;Changeons le système, pas le climat&quot;"/>
            <meta name="keywords" content="marseille, climat, association, groupe local, système, désobéissance civile, alternatiba, anv cop21, écolo, asso marseille"/>
            
                
                
                
                    
                        <meta property="og:type" content="website"/>
                    
                        <meta property="og:title" content="Alternatiba Marseille | Changeons le système, pas le climat !"/>
                    
                        <meta property="og:site_name" content="Alternatiba Marseille"/>
                    
                        <meta property="og:url" content="https://alternatibamarseille.org/"/>
                    
                        <meta property="og:image" content="https://alternatibamarseille.org/web/image/284971/Groupe%20pas%20sage.jpg"/>
                    
                        <meta property="og:description" content="Groupe local marseillais d'Alternatiba &quot;Changeons le système, pas le climat&quot;"/>
                    
                
                
                
                    
                        <meta name="twitter:card" content="summary_large_image"/>
                    
                        <meta name="twitter:title" content="Alternatiba Marseille | Changeons le système, pas le climat !"/>
                    
                        <meta name="twitter:image" content="https://alternatibamarseille.org/web/image/284971/Groupe%20pas%20sage.jpg"/>
                    
                        <meta name="twitter:site" content="@AlternatibaMar"/>
                    
                        <meta name="twitter:description" content="Groupe local marseillais d'Alternatiba &quot;Changeons le système, pas le climat&quot;"/>
                    
                
            

            
            
                
                    <link rel="alternate" hreflang="fr" href="https://alternatibamarseille.org/"/>
                
            

            <script type="text/javascript">
                odoo.session_info = {
                    is_admin: false,
                    is_system: false,
                    is_frontend: true,
                    translationURL: '/website/translations',
                    is_website_user: true,
                    user_id: 4
                };
                
            </script>

            <link type="text/css" rel="stylesheet" href="/web/content/285913-5d3a801/1/web.assets_common.0.css"/>
            <link type="text/css" rel="stylesheet" href="/web/content/285953-df030d3/1/web.assets_frontend.0.css"/>
            <link type="text/css" rel="stylesheet" href="/web/content/285954-df030d3/1/web.assets_frontend.1.css"/>
            
            
            

            <script type="text/javascript" src="/web/content/285914-5d3a801/1/web.assets_common.js"></script>
            <script type="text/javascript" src="/web/content/286407-df030d3/1/web.assets_frontend.js"></script>
            
            
            
        
            </head>
            <body>
                
            
        
            
        
        
            
                
            
        
        
    
    

            
            
        
    
            
        <div id="wrapwrap" class="homepage">
                <header class="o_affix_enabled">
                    <nav class="navbar navbar-expand-md navbar-light bg-light">
                        <div class="container">
                            <a href="/" class="navbar-brand logo">
            <span role="img" aria-label="Logo of Alternatiba Marseille" title="Alternatiba Marseille"><img src="/web/image/res.company/1/logo?unique=ed2a50b" class="img img-fluid"/></span>
        </a>
    <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#top_menu_collapse">
                                <span class="navbar-toggler-icon"></span>
                            </button>
                            <div class="collapse navbar-collapse" id="top_menu_collapse">
                                <ul class="nav navbar-nav ml-auto text-right o_menu_loading" id="top_menu">
                                    
        
            
    
    <li class="nav-item">
        <a role="menuitem" href="https://alternatibamarseille.org/event" class="nav-link">
            <span>Événements</span>
        </a>
    </li>
    

        
            
    
    
    <li class="nav-item dropdown">
        <a data-toggle="dropdown" href="#" class="nav-link dropdown-toggle">
            <span>À  propos</span>
        </a>
        <ul class="dropdown-menu" role="menu">
            
                
    
    <li class="">
        <a role="menuitem" href="/qui-sommes-nous" class="dropdown-item">
            <span>Qui sommes-nous ?</span>
        </a>
    </li>
    

            
                
    
    <li class="">
        <a role="menuitem" href="/nos-valeurs" class="dropdown-item">
            <span>Nos valeurs</span>
        </a>
    </li>
    

            
                
    
    <li class="">
        <a role="menuitem" href="/desobeissance-civile" class="dropdown-item">
            <span>ANV - COP21</span>
        </a>
    </li>
    

            
                
    
    <li class="">
        <a role="menuitem" href="/fonctionnement-alternatiba-marseille" class="dropdown-item">
            <span>Fonctionnement</span>
        </a>
    </li>
    

            
        </ul>
    </li>

        
            
    
    
    <li class="nav-item dropdown">
        <a data-toggle="dropdown" href="#" class="nav-link dropdown-toggle">
            <span>Nos activités</span>
        </a>
        <ul class="dropdown-menu" role="menu">
            
                
    
    <li class="">
        <a role="menuitem" href="/tour" class="dropdown-item">
            <span>Tour Alternatiba - Grand arrivée Marseille - octobre 2024</span>
        </a>
    </li>
    

            
                
    
    <li class="">
        <a role="menuitem" href="/actualites" class="dropdown-item">
            <span>Actualités</span>
        </a>
    </li>
    

            
                
    
    <li class="">
        <a role="menuitem" href="/sensibilisation" class="dropdown-item">
            <span>Sensibilisation</span>
        </a>
    </li>
    

            
                
    
    <li class="">
        <a role="menuitem" href="/mobilisation" class="dropdown-item">
            <span>Mobilisation</span>
        </a>
    </li>
    

            
                
    
    <li class="">
        <a role="menuitem" href="/camp-climat-et-luttes-sociales-2021" class="dropdown-item">
            <span>Camp climat et luttes sociales 2021</span>
        </a>
    </li>
    

            
                
    
    <li class="">
        <a role="menuitem" href="/camp-climat-et-luttes-sociales-2020" class="dropdown-item">
            <span>Camp climat et luttes sociales 2020</span>
        </a>
    </li>
    

            
                
    
    <li class="">
        <a role="menuitem" href="/guide-des-alternatives" class="dropdown-item">
            <span>Le guide des alternatives</span>
        </a>
    </li>
    

            
                
    
    <li class="">
        <a role="menuitem" href="/300-propositions" class="dropdown-item">
            <span>Les 300 propositions à la métropole</span>
        </a>
    </li>
    

            
        </ul>
    </li>

        
            
    
    
    <li class="nav-item dropdown">
        <a data-toggle="dropdown" href="#" class="nav-link dropdown-toggle">
            <span>Nos campagnes</span>
        </a>
        <ul class="dropdown-menu" role="menu">
            
                
    
    <li class="">
        <a role="menuitem" href="/actions-passees" class="dropdown-item">
            <span>Actions passées</span>
        </a>
    </li>
    

            
                
    
    <li class="">
        <a role="menuitem" href="/stop-extension-aeroport-mp" class="dropdown-item">
            <span>Stop extension aéroport Marseille-Provence</span>
        </a>
    </li>
    

            
                
    
    <li class="">
        <a role="menuitem" href="/dechets" class="dropdown-item">
            <span>Gestion des déchets</span>
        </a>
    </li>
    

            
                
    
    <li class="">
        <a role="menuitem" href="/marseille-transition" class="dropdown-item">
            <span>Marseille en Transition</span>
        </a>
    </li>
    

            
                
    
    <li class="">
        <a role="menuitem" href="/stop-croisieres" class="dropdown-item">
            <span>Stop Croisières </span>
        </a>
    </li>
    

            
                
    
    <li class="">
        <a role="menuitem" href="/marsmob-2" class="dropdown-item">
            <span>MarsMob</span>
        </a>
    </li>
    

            
                
    
    <li class="">
        <a role="menuitem" href="/" class="dropdown-item">
            <span>Précarité énergétique</span>
        </a>
    </li>
    

            
        </ul>
    </li>

        
            
    
    
    <li class="nav-item dropdown">
        <a data-toggle="dropdown" href="#" class="nav-link dropdown-toggle">
            <span>Presse</span>
        </a>
        <ul class="dropdown-menu" role="menu">
            
                
    
    <li class="">
        <a role="menuitem" href="/blog" class="dropdown-item">
            <span>Communiqués de presse</span>
        </a>
    </li>
    

            
                
    
    <li class="">
        <a role="menuitem" href="/Retours presse" class="dropdown-item">
            <span>Nos interviews</span>
        </a>
    </li>
    

            
                
    
    <li class="">
        <a role="menuitem" href="/stop-extension-aeroport-mp-presse" class="dropdown-item">
            <span>Stop extension aéroport Marseille-Provence - Retombées presse</span>
        </a>
    </li>
    

            
        </ul>
    </li>

        
            
    
    
    <li class="nav-item dropdown">
        <a data-toggle="dropdown" href="#" class="nav-link dropdown-toggle">
            <span>Nous soutenir</span>
        </a>
        <ul class="dropdown-menu" role="menu">
            
                
    
    <li class="">
        <a role="menuitem" href="/nous-rejoindre" class="dropdown-item">
            <span>Nous rejoindre</span>
        </a>
    </li>
    

            
                
    
    <li class="">
        <a role="menuitem" href="/faire-un-don" class="dropdown-item">
            <span>Faire un don</span>
        </a>
    </li>
    

            
                
    
    <li class="">
        <a role="menuitem" href="/contactus" class="dropdown-item">
            <span>Nous contacter</span>
        </a>
    </li>
    

            
        </ul>
    </li>

        
            
    
    <li class="nav-item">
        <a role="menuitem" href="/groups" class="nav-link">
            <span>Listes de diffusion</span>
        </a>
    </li>
    

        
    
            
            <li class="nav-item divider d-none"></li> <li id="my_cart" class="nav-item d-none">
                <a href="/shop/cart" class="nav-link">
                    <i class="fa fa-shopping-cart"></i>
                    Mon Panier <sup class="my_cart_quantity badge badge-primary" data-order-id=""></sup>
                </a>
            </li>
        
                                    
                                
            <li class="nav-item divider"></li>
            <li class="nav-item">
                <a class="nav-link" href="/web/login">
                    <b>Se connecter</b>
                </a>
            </li>
        </ul>
                            </div>
                        </div>
                    </nav>
                </header>
                <main>
                    
    
    <div id="wrap" class="oe_structure oe_empty">
      <section class="s_cover parallax s_parallax_is_fixed s_parallax_no_overflow_hidden bg-black-50 pb0 pt160" data-scroll-background-ratio="1" style="background-image: none;">
        <span class="s_parallax_bg oe_img_bg oe_custom_bg" style="background-image: url(&quot;/web/image/283043/P1000947.jpg&quot;); background-position: 49.33% 62.04%;"></span>
        <div class="container">
          <div class="row s_nb_column_fixed">
            <div class="col-lg-12 s_title" data-name="Title">
              <h5 class="s_title_thin" style="text-align: center; ">
                <font style="color: rgb(255, 255, 255); font-size: 62px;">Alternat</font>
                <font style="font-size: 62px;">iba Marseille</font>
              </h5>
              <h5 class="s_title_thin" style="text-align: center; ">
                <font style="font-size: 36px;">Changeons le</font>
                <span style="color: rgb(255, 255, 255); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Noto, &quot;Helvetica Neue&quot;, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; font-size: 36px; font-weight: bolder;"> système, pas le climat !</span>
                <br/>
              </h5>
            </div>
            <div class="pb16 pt40 s_text col-lg-8 offset-lg-2" data-name="Text">
              <h4 style="text-align: justify; color: rgb(33, 37, 41); background-color: rgb(254, 216, 25);">
                <font class="text-delta"><span style="font-weight: bolder;">Alternatiba</span>&nbsp;et&nbsp;<span style="font-weight: bolder;">Action Non-Violente COP21</span>&nbsp;(ANV-COP21) sont deux&nbsp; mouvements citoyens créés en 2013 et 2015. Les deux mouvements sont partiellement jumelés, c’est-à-dire qu’ils partagent des méthodes, des visions et souvent des bénévoles. </font>
              </h4>
              <h4 style="text-align: justify; color: rgb(33, 37, 41); background-color: rgb(254, 216, 25);">
                <font class="text-delta">Ils visent à&nbsp;<span style="font-weight: bolder;">faire émerger un mouvement citoyen massif pour relever le défi climatique grâce à la promotion d’alternatives et à des mobilisations non-violentes.</span></font>
                <font class="text-delta">
                  <span style="font-weight: bolder;">&nbsp;</span>
                </font>
              </h4>
            </div>
            <div class="col-lg-12 pb16 pt16 s_btn text-center" data-name="Buttons"><a href="/qui-sommes-nous" class="btn btn-delta rounded-circle rounded-circle rounded-circle rounded-circle rounded-circle rounded-circle rounded-circle rounded-circle" data-original-title="" title="" aria-describedby="tooltip426468">À propos</a>&nbsp;<br/><br/><a href="https://www.helloasso.com/associations/alternatiba-marseille/formulaires/1" class="rounded-circle rounded-circle rounded-circle btn btn-primary rounded-circle" data-original-title="" title="" aria-describedby="tooltip228990">Donner</a><a href="https://www.helloasso.com/associations/alternatiba-marseille/adhesions/adhesion-alternatiba-marseille-2023-2024" class="rounded-circle rounded-circle rounded-circle rounded-circle btn btn-primary rounded-circle" data-original-title="" title="" aria-describedby="tooltip228990">Adhérer</a><br/><br/></div>
            <div class="s_hr text-left pt32 pb32">
              <hr class="s_hr_1px s_hr_solid border-600 w-100 mx-auto"/>
            </div>
          </div>
        </div>
      </section>
      <section class="s_picture bg-200 pt48 pb24">
        <div class="container">
          <div class="row s_nb_column_fixed">
            <div class="col-lg-12 pt16 pb16">
              <p style="text-align: center;">&nbsp;Les solutions existent. ENSEMBLE NOUS SOMMES UNE FORCE IMMENSE !</p>
              <p style="text-align: center;">
                <a href="https://linktr.ee/Alternatiba_Marseille" class="btn btn-danger" data-original-title="" title="" aria-describedby="tooltip136322">Suivez-nous sur les réseaux </a>
                <br/>
              </p>
            </div>
          </div>
        </div>
      </section>
      <section class="s_text_image pt32 pb32">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-lg-6 pt16 pb16">
              <img src="/web/image/284971/Groupe%20pas%20sage.jpg" class="img img-fluid mx-auto" alt="Odoo • Image et Texte" data-original-title="" title="" aria-describedby="tooltip150992"/>
            </div>
            <div class="col-lg-6 pb16 pt16">
              <h2 style="text-align: center;">Rejoignez les campagnes dans lesquelles nous sommes engagé-es</h2>
              <ul>
                <li>
                  <h2>
                    <font style="font-size: 18px;">Stop Croisières</font>
                  </h2>
                </li>
                <li>
                  <h2>
                    <font style="font-size: 18px;">Stop Extension de l'Aéroport Marseille / Marignane</font>
                  </h2>
                </li>
                <li>
                  <h2>
                    <font style="font-size: 18px;">Déchets</font>
                  </h2>
                </li>
                <li>
                  <h2>
                    <font style="font-size: 18px;">Précarité énergétique / Habitat indigne</font>
                  </h2>
                </li>
                <li>
                  <h2>
                    <font style="font-size: 18px;">MarsMob (Collectif Marseillais des Mobilités de demain)</font>
                  </h2>
                </li>
                <li>
                  <h2>
                    <font style="font-size: 18px;">Events (concerts, projections, débats, conférences, ateliers, ..)<br/></font>
                  </h2>
                </li>
              </ul>
              <h2>
                <font style="font-size: 12px;">Crédit photo: Shannon<br/></font>
              </h2>
              <div class="input-group js_subscribe" data-list-id="5" data-subscribe="off">
                <input type="email" name="email" class="js_subscribe_email form-control" placeholder="Votre adresse email..."/>
                <span class="input-group-append">
                  <a role="button" href="#" class="btn btn-primary js_subscribe_btn o_default_snippet_text" data-original-title="" title="" aria-describedby="tooltip58415">S'inscrire</a>
                  <a role="button" href="#" class="btn btn-success js_subscribed_btn o_default_snippet_text d-none" disabled="disabled">Merci</a>
                </span>
                <div class="alert alert-success d-none o_default_snippet_text" role="status">Merci pour votre abonnement!</div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="pt32 pb32">
        <div class="container">
          <div class="row s_nb_column_fixed">
            <div class="col-lg-12 s_title pt16 pb16" style="text-align: center;">
              <h1 class="s_title_default">
                <font style="font-size: 62px;">Nos dernières infos<br/></font>
              </h1>
            </div>
          </div>
        </div>
      </section>
      <section class="s_three_columns bg-200 pt32 pb32">
        <div class="container">
          <div class="row d-flex align-items-stretch"></div>
        </div>
      </section>
      <section class="s_three_columns bg-200 pt32 pb32">
        <div class="container">
          <div class="row d-flex align-items-stretch">
            <div class="col-lg-4 s_col_no_bgcolor pt16 pb16">
              <div class="card bg-white">
                <img class="card-img-top" src="/web/image/287028/IMG_7472%20recadr%C3%A9e.jpg" alt="Odoo - Echantillon n°1 pour trois colonnes " data-original-title="" title="" aria-describedby="tooltip572982"/>
                <div class="card-body">
                  <h3 class="card-title">Avec Shaka Ponk <br/></h3>
                  <p class="card-text">Nous étions présent.es lors du concert au Dôme. Grace à ce groupe génalissime et au staff d'une gentillesse incroyable, nous avons pu nous adresser aux fans pour parler de nos actions et du Tour Alternatiba.<br/><br/><a href="https://www.instagram.com/p/C3ii7jkM7U6/?igsh=NjU0a2dydGNoN3Rz" class="btn btn-danger">Notre post Instagram</a><br/><br/>Photo: Olivier<br/><br/><br/></p>
                </div>
              </div>
            </div>
            <div class="col-lg-4 s_col_no_bgcolor pt16 pb16">
              <div class="card bg-white">
                <img class="card-img-top" src="/web/image/286994/Trace-final.png" alt="Odoo- Echantillon n° 2 pour trois colonnes" data-original-title="" title="" aria-describedby="tooltip765316"/>
                <div class="card-body">
                  <h3 class="card-title">Tour Alternatiba 2024<br/></h3>
                  <p class="card-text">Départ le 1er juin de Nantes pour une étape finale d'anthologie à Marseille du 4 au 6 octobre 2024 !<br/><br/>Prochain Réunion inter-associative: samedi 16 mars de 10h à 18h dans les locaux de Terre Nouvelle, au 68 Chemin des Baumillons, 13015 Marseille.<br/><br/><a href="https://alternatibamarseille.org/tour" class="btn btn-alpha">Toutes les infos</a><br/></p>
                </div>
                <div class="card-footer">
                  <i class="fa fa-info-circle mr-1"></i>
                  <small class="o_default_snippet_text">Informations Additionnelles</small>
                </div>
              </div>
            </div>
            <div class="col-lg-4 s_col_no_bgcolor pt16 pb0">
              <div class="card bg-white">
                <img class="card-img-top" src="/web/image/287070/Marseille%20%C3%A0%20jamais%20les%201ers%20-%20C1.png" alt="Odoo- Echantillon n° 3 pour trois colonnes" data-original-title="" title="" aria-describedby="tooltip861982"/>
                <div class="card-body">
                  <h3 class="card-title">MarsMob sort sa BD !</h3>
                  <h3 class="card-title o_default_snippet_text"></h3>
                  <p class="card-text">Regardez l'épisode 2: Marseille, à jamais les premiers ... à partir pour rentrer chez soi.<br/>8 autres épisodes en préparation !<br/></p>
                  <div class="pb0 pt16 s_btn text-left" data-name="Button"><a href="https://www.instagram.com/p/C4IY9VKMZED/?igsh=ejJnNWl1N3dzdzBx" class="btn btn-beta btn-sm" data-original-title="" title="" aria-describedby="tooltip409905">La BD sur Instagram</a><br/><br/>Illustrations: Benjamin<br/>Scénario: Shannon, Stéphanie, Benjamin et Christophe<br/></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="s_three_columns bg-200 pt32 pb32">
        <div class="container">
          <div class="row d-flex align-items-stretch">
            <div class="col-lg-4 s_col_no_bgcolor pt16 pb16">
              <div class="card bg-white">
                <img class="card-img-top" src="/web/image/286704/Dodo%204.JPG" alt="Odoo- Echantillon n° 3 pour trois colonnes" data-original-title="" title="" aria-describedby="tooltip863981"/>
                <div class="card-body">
                  <h3 class="card-title">Non à la fermeture du métro à 21h30 !<br/></h3>
                  <p class="card-text">ANV COP 21 et MarsMob ont manifesté hier contre la fermeture du métro sans concertation avec les élu.es et les habitant.es.</p>
                  <p class="card-text">Nous sortirons bientôt notre constat et nos propositions pour permettre aux marseillais.es de changer de mode de déplacements et pour que Marseille ne devienne pas invivable dans les prochaines années.<br/></p>
                  <div class="s_btn text-left pb0 pt16" data-name="Button">
                    <a href="https://drive.alternatibamarseille.org/s/jKkeJZ2FDGYgALt" class="btn btn-primary btn-sm" data-original-title="" title="">Lire le communiqué de presse</a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-4 s_col_no_bgcolor pt16 pb16">
              <div class="card bg-white">
                <img class="card-img-top" src="/web/image/286124/Fr%C3%A9quence%20Mistral%2026-06-2023.jpg" alt="Odoo - Echantillon n°1 pour trois colonnes " data-original-title="" title="" aria-describedby="tooltip613156"/>
                <div class="card-body">
                  <h3 class="card-title">Le podcast de Fréquence Mistral<br/></h3>
                  <p class="card-text">Rebecca et Christophe étaient invité-es sur Fréquence Mistral le 27 juin pour présenter toutes nos actions !<br/></p>
                  <div class="s_btn text-center pt16 pb16" data-name="Buttons">
                    <a href="https://www.frequencemistral.com/Micro-Ouvert-8-Pour-une-justice-climatique_a14031.html" class="btn btn-primary" data-original-title="" title="" aria-describedby="tooltip985754">Écouter le podcast</a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-4 s_col_no_bgcolor pt16 pb16">
              <div class="card bg-white">
                <img class="card-img-top" src="/web/image/286139/01_JTP_youtube_thumbnail_v2.png" alt="Odoo- Echantillon n° 2 pour trois colonnes" data-original-title="" title="" aria-describedby="tooltip694985"/>
                <div class="card-body">
                  <h3 class="card-title">Le JT Parodique<br/></h3>
                  <p class="card-text">Notre super groupe vidéo nous régale encore une fois.</p>
                  <div class="pb16 pt16 s_btn text-center" data-name="Buttons">
                    <a href="https://youtu.be/d8DmQWBBNtQ" class="btn btn-danger" data-original-title="" title="" aria-describedby="tooltip238592">Regarder le journal</a>
                  </div>
                  <p class="card-text">
                    <span class="yt-core-attributed-string yt-core-attributed-string--white-space-pre-wrap">
                      <span class="yt-core-attributed-string--link-inherit-color" style="color: rgb(255, 255, 255);">On aimerait que les infos soient traitées plutôt de </span>
                      <span class="yt-core-attributed-string--link-inherit-color" style="color: rgb(0, 0, 0);">Production: Alternatiba Marseille </span>
                    </span>
                    <br/>
                    <span class="yt-core-attributed-string yt-core-attributed-string--white-space-pre-wrap">
                      <span class="yt-core-attributed-string--link-inherit-color" style="color: rgb(0, 0, 0);">Scénario et réalisation: Shannon Féron et Sylvie Annestay </span>
                    </span>
                    <br/>
                    <span class="yt-core-attributed-string yt-core-attributed-string--white-space-pre-wrap">
                      <span class="yt-core-attributed-string--link-inherit-color" style="color: rgb(0, 0, 0);">Cadrage et montage: Jessica Burkhart </span>
                    </span>
                    <br/>
                    <span class="yt-core-attributed-string yt-core-attributed-string--white-space-pre-wrap">
                      <span class="yt-core-attributed-string--link-inherit-color" style="color: rgb(0, 0, 0);">Journaliste plateau: Chloé Letemple </span>
                    </span>
                    <br/>
                    <span class="yt-core-attributed-string yt-core-attributed-string--white-space-pre-wrap">
                      <span class="yt-core-attributed-string--link-inherit-color" style="color: rgb(0, 0, 0);">Envoyée spéciale: Aline Fintz </span>
                    </span>
                    <br/>
                    <span class="yt-core-attributed-string yt-core-attributed-string--white-space-pre-wrap">
                      <span class="yt-core-attributed-string--link-inherit-color" style="color: rgb(0, 0, 0);">Agent de sécurité Qatar: Jean Loup Dieuzayde </span>
                    </span>
                    <br/>
                    <br/>
                    <span class="yt-core-attributed-string yt-core-attributed-string--white-space-pre-wrap">
                      <span class="yt-core-attributed-string--link-inherit-color" style="color: rgb(0, 0, 0);">Remerciements à Bastet et à La Base Marseille&nbsp;</span>
                    </span>
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="s_text_image pt32 pb32">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-lg-6 pb16 pt16">
              <h1 class="style-scope ytd-watch-metadata">Simplement moi. Portrait d'une militante à Marseille, Louise.</h1>
              <h2>
                <font style="font-size: 18px;">Louise nous explique les raisons de son engagement. Il y a la lutte mais aussi la joie. Il y a la peur mais aussi l'espérance.</font>
              </h2>
              <h2>
                <font style="font-size: 12px;">Réalisation: Shannon et avec le soutien d'Elsa</font>
                <br/>
              </h2>
              <br/>
              <div class="pb16 pt16 s_btn text-left" data-name="Buttons">
                <a href="https://youtu.be/R4cwRUf-u1c" class="btn btn-danger" data-original-title="" title="" aria-describedby="tooltip241249">Visionne la vidéo</a>
              </div>
            </div>
            <div class="col-lg-6 pt16 pb16">
              <img src="/web/image/285988/Louise%20film.JPG" class="img img-fluid mx-auto" alt="Odoo • Texte et Image" data-original-title="" title="" aria-describedby="tooltip678293"/>
            </div>
          </div>
        </div>
      </section>
      <section class="s_three_columns bg-200 pt32 pb32">
        <div class="container">
          <div class="row d-flex align-items-stretch">
            <div class="col-lg-4 s_col_no_bgcolor pt16 pb16">
              <div class="card bg-white">
                <img class="card-img-top" src="/web/image/284982/ALTERNATIBA_portait_Helene_thumbnail_youtube.png" alt="Odoo - Echantillon n°1 pour trois colonnes " data-original-title="" title="" aria-describedby="tooltip624794"/>
                <div class="card-body">
                  <h3 class="card-title">Témoignage d'Hélène .<br/></h3>
                  <p class="card-text">Hélène nous livre son expérience d'engagement pour Alternatiba Marseille .<br/></p>
                  <p class="card-text">
                    <a href="https://youtu.be/NLf9TW2k4xo" class="btn btn-alpha">Visionne sa vidéo</a>
                    <br/>
                    <br/>
                  </p>
                  <p class="card-text">Réalisation: Shannon, Jess et Émilie<br/></p>
                </div>
              </div>
            </div>
            <div class="col-lg-4 s_col_no_bgcolor pt16 pb16">
              <div class="card bg-white">
                <img class="card-img-top" src="/web/image/284978/Capture%20Elsa.JPG" alt="Odoo- Echantillon n° 2 pour trois colonnes" data-original-title="" title="" aria-describedby="tooltip302390"/>
                <div class="card-body">
                  <h3 class="card-title">Pourquoi venir au prochain accueil ?<br/></h3>
                  <p class="card-text">Tu déprimes à force d'entendre des mauvaises nouvelles ?</p>
                  <p class="card-text">Rejoins nous pour entrer dans l'action et défendre ton futur !</p>
                  <p class="card-text">
                    <a href="https://youtu.be/LR244z8X69o" class="btn btn-beta">Visionne la vidéo</a>
                    <br/>
                    <br/>
                  </p>
                  <p class="card-text">Images: Shannon et Jess.<br/>Actrice: Elsa<br/></p>
                </div>
                <div class="card-footer">
                  <small>&nbsp;</small>
                </div>
              </div>
            </div>
            <div class="col-lg-4 s_col_no_bgcolor pt16 pb16">
              <div class="card bg-white">
                <img class="card-img-top" src="/web/image/284999/ALTERNATIBA_Rebecca_youtube_thumbnail.png" alt="Odoo- Echantillon n° 3 pour trois colonnes" data-original-title="" title="" aria-describedby="tooltip291033"/>
                <div class="card-body">
                  <h3 class="card-title">Micro Trottoir Mobilités <br/><span dir="auto" class="style-scope yt-formatted-string"><font style="font-size: 14px;">Rebecca s'intéresse à la pollution de l'air et aux mobilités dans la cité phocéenne. <br/>Elle a interrogé des passant-es sur la Canebière. Le constat n'est pas surprenant... <br/><a href="https://youtu.be/pnUy8UFacro" class="btn btn-info">Visionne la vidéo</a></font><font style="font-size: 14px;"><br/><br/></font></span><span dir="auto" class="style-scope yt-formatted-string"><font style="font-size: 14px;">Images : Shannon <br/>Montage vidéo : Christophe <br/>Effets visuels : Jess <br/>Musique : Wilfrid Rapanakis Bourg</font></span></h3>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
  
                </main>
                <footer class="bg-light o_footer">
                    <div id="footer" class="oe_structure oe_structure_solo">
      
    </div>
  <div class="o_footer_copyright">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 text-muted text-center text-md-left">
                        <span>Copyright &copy;</span> <span itemprop="name">Alternatiba Marseille</span>
                        
    

                    </div>
                    <div class="col-lg-6 text-right o_not_editable">
                        
    <div class="o_brand_promotion">
                Fourni par <a target="_blank" class="badge badge-danger" href="http://www.odoo.com/page/website-builder?utm_source=db&amp;utm_medium=website">Odoo</a>,
                le n°1 <a target="_blank" href="http://www.odoo.com/page/e-commerce?utm_source=db&amp;utm_medium=website">Open Source eCommerce</a>.
            </div>
        
                    </div>
                </div>
            </div>
        </div>
    </footer>
            </div>
        
    
        
            </body>
        </html>