124 lines
4.4 KiB
HTML
124 lines
4.4 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">
|
||
<a class="language selected" href="./fr/kosmopolit.html">
|
||
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
|
||
<p>fr</p>
|
||
</a>
|
||
<a class="language" href="./de/kosmopolit.html">
|
||
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
|
||
<p>de</p>
|
||
</a>
|
||
<a class="language" href="./en/kosmopolit.html">
|
||
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
|
||
<p>en</p>
|
||
</a>
|
||
</div>
|
||
|
||
</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>contact</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 superposées</i> © Olgaline Padilla</small></p>
|
||
</div>
|
||
|
||
<h2 id="anchor_contact">contact</h2>
|
||
<p><a href="mailto:kosmopolit.contact@protonmail.com">kosmopolit.contact@protonmail.com</a></p>
|
||
<p><a href="./docs/kosmopolit/formulaire_adhesion.pdf" target="_blank" rel="noopener noreferrer">bulletin d'adhésion</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>
|
||
|
||
<br><br>
|
||
<iframe src="./fr/date.html"></iframe>
|
||
</main>
|
||
|
||
<aside class="aside_right">
|
||
<div class="relative_box">
|
||
</div>
|
||
</aside>
|
||
|
||
</div>
|
||
<footer>
|
||
<iframe src="./fr/footer.html"></iframe>
|
||
</footer>
|
||
</body>
|
||
</html>
|