128 lines
4.8 KiB
HTML
128 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr" dir="ltr">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>KOSMOPOLIT - l'association</title>
|
||
<base href="../"/>
|
||
<meta name="description" content="description du site web">
|
||
<meta name="keywords" content="truc, bidule, chouette">
|
||
<link href="./styles/style.css" type="text/css" rel="stylesheet">
|
||
<link href="./styles/kosmopolit.css" type="text/css" rel="stylesheet">
|
||
<style> html {visibility: hidden; opacity: 0;} </style>
|
||
</head>
|
||
<body>
|
||
|
||
<nav class="navbar sticky">
|
||
<div class="nav_left">
|
||
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
|
||
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
|
||
<a href="./fr/litterall.html" target="_parent"><p>LITTER<i>all</i></p></a>
|
||
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
|
||
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
|
||
</div>
|
||
|
||
<div class="nav_right">
|
||
<div class="dropdown">
|
||
<a class="drop_title drop horizontal" tabindex="0" target="_parent">
|
||
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
|
||
<p>fr</p>
|
||
</a>
|
||
<div class="drop_items">
|
||
<a class="drop horizontal" href="./en/kosmopolit.html" target="_parent">
|
||
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
|
||
<p>en</p>
|
||
</a>
|
||
<a class="drop horizontal" href="./de/kosmopolit.html" target="_parent">
|
||
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
|
||
<p>de</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--
|
||
<iframe src="./fr/navbar.html"></iframe>
|
||
-->
|
||
</nav>
|
||
|
||
<div class="container_main">
|
||
<aside class="aside_left sticky">
|
||
<div class="table_box">
|
||
<h2>sommaire</h2>
|
||
<a href="./fr/kosmopolit.html#anchor_kosmopolit"> <h3>KOSMOPOLIT</h3></a>
|
||
<a href="./fr/kosmopolit.html#anchor_contact"> <h3>pour nous contacter</h3></a>
|
||
<a href="./fr/kosmopolit.html#anchor_adhesion"> <h3>bulletin d'adhesion</h3></a>
|
||
<a href="./fr/kosmopolit.html#anchor_equipe"> <h3>l'équipe</h3></a>
|
||
<a href="./fr/kosmopolit.html#anchor_credits"> <h3>crédits</h3></a>
|
||
</div>
|
||
</aside>
|
||
|
||
<main>
|
||
<h1 id="anchor_kosmopolit">KOSMOPOLIT</h3>
|
||
<div class="quote">
|
||
<p>Un jour je tins à Eratosthène le raisonnement suivant : l'esprit se caractérise par sa volonté d'infini ; or le disque étant plus infini que la sphère, la terre sera donc nécessairement un disque. Et je lui demandai avec agacement s'il n'était pas capable de sentir combien l'idée d'une sphère dont on aurait fini d'explorer la surface était terrifiante ?</p>
|
||
<div class="quote_credit">
|
||
<p>Arno Schmidt, <i>Enthymésis</i></p>
|
||
<p>traduction Claude Riehl</p>
|
||
</div>
|
||
</div>
|
||
<br><br>
|
||
<p>Il y a ce désir pour l’infini des langues et des littératures.</p>
|
||
<p>Il y a cette limite du corps, de l’esprit, ces barrières réelles et imaginaires.</p>
|
||
<p>Il y a cet espace à trouver, ce temps à chercher.</p>
|
||
<p>KOSMOPOLIT propose d’autres manières de lire le monde, grâce à la traduction et à la parole publique d’auteur.e.s.</p>
|
||
<p>C’est un pari auquel vous êtes invité.e.s.</p>
|
||
<br><br>
|
||
<div class="image full">
|
||
<img src="./docs/kosmopolit/kaleidoscope.png" alt="kaleidoscope">
|
||
<p class="right"><small><i>explosions superposees</i> © Olgaline Padilla</small></p>
|
||
</div>
|
||
<h2 id="anchor_contact">pour nous contacter</h2>
|
||
<p><a href="mailto:kosmopolit.contact@protonmail.com">kosmopolit.contact@protonmail.com</a></p>
|
||
|
||
<h2 id="anchor_adhesion">bulletin d'adhesion</h2>
|
||
<p><a href="./docs/kosmopolit/formulaire_d_adhesion.pdf" target="_blank" rel="noopener noreferrer">télécharger ici</a></p>
|
||
|
||
<h2 id="anchor_equipe">L’équipe</h2>
|
||
<p>
|
||
Jean-Philippe Rossignol – directeur artistique
|
||
<br>
|
||
Miléna Yung – coordinatrice
|
||
</p>
|
||
<p>
|
||
Françoise Toraille – présidente
|
||
<br>
|
||
Joachim Umlauf – vice-président
|
||
<br>
|
||
Lucie Lamy – secrétaire
|
||
<br>
|
||
Evelyne Maes – trésorière
|
||
<br>
|
||
Dominique Petit – membre du conseil d’administration
|
||
</p>
|
||
<p>
|
||
Bernard Banoun – conseiller
|
||
<br>
|
||
Francesca Isidori – conseillère
|
||
</p>
|
||
<h2 id="anchor_credits">Crédits</h2>
|
||
<p>
|
||
Marie-Charlotte Gain-Hautbois – pour le graphisme du logo
|
||
<br>
|
||
Hugo Lamy – pour le site internet
|
||
</p>
|
||
<p class="date right"><i><small>le 01/04/2021</small></i></p>
|
||
</main>
|
||
|
||
<aside class="aside_right">
|
||
<div class="relative_box">
|
||
</div>
|
||
</aside>
|
||
|
||
</div>
|
||
<footer>
|
||
<iframe src="./fr/footer.html"></iframe>
|
||
</footer>
|
||
</body>
|
||
</html>
|