takethestreet/sites/tomalacalle/fr/index.html

<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Toma la calle · Une rue, toutes les luttes</title>
<meta name="description" content="Réseau international de campements né à la Puerta del Sol, à Madrid, le 26 septembre. Toit, Terre, Sans frontières et Paix&nbsp;: une rue, toutes les luttes.">
<link rel="alternate" hreflang="es" href="https://tomalacalle.net/">
<link rel="alternate" hreflang="en" href="https://tomalacalle.net/en/">
<link rel="alternate" hreflang="pt" href="https://tomalacalle.net/pt/">
<link rel="alternate" hreflang="it" href="https://tomalacalle.net/it/">
<link rel="alternate" hreflang="fr" href="https://tomalacalle.net/fr/">
<link rel="icon" href="../favicon.svg">
<link rel="stylesheet" href="../css/web.css">
</head>
<body>
<header class="cab">
  <a class="firma" href="../"><img class="simbolo" src="../img/simbolo.svg" alt=""><img class="logotipo" src="../img/logotipo.svg" alt="Toma la calle"></a>
  <nav class="idiomas" aria-label="Langue"><a href="../">ES</a><a href="../en/">EN</a><a href="../pt/">PT</a><a href="../it/">IT</a><a href="../fr/" aria-current="page">FR</a></nav>
</header>

<main>
<section class="portada">
  <h1>Une rue,<br>toutes les luttes</h1>
  <p class="ejes-lista"><span class="c-techo">Toit</span> · <span class="c-tierra">Terre</span> · <span class="c-fronteras">Sans frontières</span> · <span class="c-paz">Paix</span></p>
  <img class="calle" src="../img/calle.svg" alt="Une foule colorée remplit la rue">
  <nav class="acciones">
    <a class="bt" href="#unete">Rejoins-nous</a>
    <a class="bt" href="#acampadas">Trouve ton campement</a>
    <a class="bt" href="#difunde">Fais tourner</a>
  </nav>
</section>

<section class="bloque intro">
  <p>Nous sommes nées à la Puerta del Sol, à Madrid, le <b>26 septembre</b>, pour le logement. Aujourd'hui, sur les places, se retrouvent des collectifs pour le logement, écologistes, antiracistes, antimilitaristes et féministes, et les campements s'étendent au Portugal et en Italie.</p>
  <p class="fuerte">On ne nous prend pas le logement, la planète, les papiers et la paix séparément. C'est le même modèle, qui place le profit d'une minorité au-dessus de la vie de toutes. C'est pour ça que nous descendons ensemble dans la même rue.</p>
</section>

<section class="bloque" id="ejes">
  <h2>Quatre axes</h2>
  <div class="ejes">
    <article class="eje e-techo">
      <img src="../img/eje-techo.svg" alt="">
      <h3>Toit</h3>
      <p class="lema">Le logement est un droit, pas une marchandise.</p>
      <p>Contre les expulsions, la spéculation, les fonds vautours et la touristification. Pour le logement public et des quartiers où l'on puisse vivre.</p>
    </article>
    <article class="eje e-tierra">
      <img src="../img/eje-tierra.svg" alt="">
      <h3>Terre</h3>
      <p class="lema">La planète aussi, c'est chez nous.</p>
      <p>Justice climatique&nbsp;: faire payer les industries qui polluent, pas les quartiers. Des villes vertes, des transports publics et un coup d'arrêt à la destruction des territoires.</p>
    </article>
    <article class="eje e-fronteras">
      <img src="../img/eje-fronteras.svg" alt="">
      <h3>Sans frontières</h3>
      <p class="lema">Aucune personne n'est illégale.</p>
      <p>Régularisation, fin des rafles racistes et des centres de rétention, et les mêmes droits pour toutes les personnes qui vivent ici.</p>
    </article>
    <article class="eje e-paz">
      <img src="../img/eje-paz.svg" alt="">
      <h3>Paix</h3>
      <p class="lema">Plus de logements, moins de chars.</p>
      <p>De l'argent pour la vie, pas pour la guerre. Fin du commerce des armes et solidarité avec les peuples qui subissent la guerre et l'occupation&nbsp;: avec la Palestine, haut et fort.</p>
    </article>
  </div>
  <div class="transversal e-feminismos">
    <img src="../img/eje-feminismos.svg" alt="">
    <p><b>Les féminismes partout.</b> Celles qui subissent le plus les expulsions, celles qui portent le soin, celles qui traversent les frontières&nbsp;: les quatre axes se regardent avec des lunettes violettes.</p>
  </div>
</section>

<section class="bloque" id="acampadas">
  <h2>Campements</h2>
  <div class="paises">
    <div class="pais">
      <h3>Espagne</h3>
      <p>Depuis le 26S, des campements dans 18 villes. La liste complète sur <a href="https://acampada26s.net" target="_blank">acampada26s.net</a>.</p>
      <p><a href="https://madrid.acampada26s.net" target="_blank">Madrid · Sol</a></p>
    </div>
    <div class="pais">
      <h3>Portugal</h3>
      <p><a href="https://instagram.com/acampadaporto" target="_blank">Porto · Praça D. João I</a></p>
    </div>
    <div class="pais">
      <h3>Italie</h3>
      <p>Milano · Statale<br>Roma · piazza Bologna<br>Des tentes dans une dizaine d'universités</p>
    </div>
    <div class="pais nuevo">
      <h3>Et ta ville&nbsp;?</h3>
      <p>S'il y a un campement là où tu vis, ou si vous voulez en monter un, écrivez-nous et on l'ajoute à la carte.</p>
    </div>
  </div>
</section>

<section class="bloque" id="unete">
  <h2>Comment on s'organise</h2>
  <ul class="principios">
    <li><b>Assemblée.</b> Les décisions se prennent sur les places. Personne ne parle au nom de toutes sans mandat.</li>
    <li><b>Autonomie.</b> Pas de partis ni de sigles en tête. Les collectifs viennent avec leur nom, mais la rue est à toutes.</li>
    <li><b>Entraide et soin.</b> Personne n'est laissée de côté&nbsp;: nourriture, abri, soutien juridique et santé.</li>
    <li><b>Réseau de réseaux.</b> Chaque campement garde sa propre voix. Le commun se coordonne sur OASIS.</li>
    <li><b>La rue comme outil.</b> Occuper l'espace public de façon ouverte et pacifique, avec joie et sans peur.</li>
  </ul>
</section>

<section class="bloque" id="difunde">
  <h2>Fais tourner</h2>
  <p class="etiquetas"><span>#takethestreet</span><span>#unacalletodaslasluchas</span><span>#26s</span></p>
  <p>Le <b>26 de chaque mois</b>, toutes les places en même temps. Publie dans ta langue avec le hashtag commun et celui de ta ville.</p>
  <p>Logos et dessin pour affiches et réseaux&nbsp;: <a href="../img/logotipo.svg" download>logotype</a> · <a href="../img/simbolo.svg" download>symbole</a> · <a href="../img/calle.svg" download>dessin</a></p>
</section>
</main>

<footer class="pie">
  <p>Toma la calle · réseau international de campements · 26S</p>
  <p>Textes et dessin CC BY-SA 4.0 · Code AGPL-3.0</p>
</footer>
</body>
</html>