presque tous les points faits, sauf les changements de nom et de logo sur tous le site

This commit is contained in:
Hugo LAMY
2022-03-29 19:22:42 +02:00
parent f62cc64c8d
commit b7fb27b548
74 changed files with 1444 additions and 763 deletions

3
new/.htaccess Normal file
View File

@@ -0,0 +1,3 @@
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [R,L]

View File

@@ -1,139 +0,0 @@
<!DOCTYPE html>
<html lang="de" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KOSMOPOLIT - der Verein</title>
<base href="../"/>
<meta name="description" content="KOSMOPOLITs Aktivitäten kreisen um die zeitgenössische, deutschsprachige und europäische Literatur. Sowohl in der Zeitschrift Litterall als auch im Rahmen der literarischen Treffen Lettres d'Europe et d'Ailleurs fördert der Verein einen literarischen Kosmopolitismus, der sich mit aktuellen Fragestellungen auseinandersetzt.">
<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">
<link rel="shortcut icon" href="./docs/logo.ico" type="image/x-icon">
<style> html {visibility: hidden; opacity: 0;} </style>
</head>
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" ><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./de/kosmopolit.html" ><p>KOSMOPOLIT</p></a>
<a href="./de/litterall.html" ><p>Litter<i>all</i></p></a>
<a href="./de/lettres.html" ><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./de/aktuelles.html" ><p>Aktuelles</p></a>
</div>
<div class="nav_right">
<a class="language" href="./fr/kosmopolit.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language selected" 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>Inhaltsverzeichnis</h2>
<a href="./de/kosmopolit.html#anchor_kosmopolit"> <h3>KOSMOPOLIT</h3></a>
<a href="./de/kosmopolit.html#anchor_kontakt"> <h3>Kontakt</h3></a>
<a href="./de/kosmopolit.html#anchor_team"> <h3>unser Team</h3></a>
<a href="./de/kosmopolit.html#anchor_Urheberrechte"><h3>Urheberrechte</h3></a>
</div>
</aside>
<main>
<h1 id="anchor_kosmopolit">KOSMOPOLIT</h3>
<div class="quote">
<p>Ich habe früher einmal zu Eratosthenes geäußert : Das Kennzeichen des Geistes ist, daß er die Unendlichkeit will; nun sei die Scheibe unendlicher als die Kugel, also müsse die Erde eine Scheibe sein. Und fügte ungeduldig hinzu, ob er nicht mitfühle, wie fürchterlich es wäre, wenn man eine Kugeloberfläche einmal fertig entdeckt hätte&nbsp?</p>
<div class="quote_credit">
<p>Arno Schmidt, <i>Enthymesis</i></p>
</div>
</div>
<br><br><br>
<p>Es gibt diese Sehnsucht nach dem Unendlichen der Sprachen und der Literaturen.</p>
<p>Es gibt diese Grenzen des Körpers, des Geistes, diese realen und imaginären Barrieren.</p>
<p>Es gilt einen Raum zu finden, eine Zeit zu suchen.</p>
<p>Mittels Übersetzungen und öffentlichen Wortmeldungen von Autor:innen eröffnet KOSMOPOLIT neue Wege, die Welt zu entziffern.</p>
<p>Eine Herausforderung, an der wir Sie gerne teilhaben lassen.</p>
<br><br>
<div class="image full">
<img src="./docs/kosmopolit/kaleidoscope_l.jpg" alt="explosion superposee">
<p class="right"><small><i>Explosions superposées</i> © Olgaline Padilla</small></p>
</div>
<h2 id="anchor_kontakt">Kontakt</h2>
<p>KOSMOPOLIT - littératures germanophones et européennes
<br>10 rue Vandrezanne
<br>75013 Paris</p>
<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">Beitrittserklärung</a></p>
<a class="img_icon" href="https://www.facebook.com/Kosmopolit-litt%C3%A9ratures-germanophones-et-europ%C3%A9ennes-253938429851591" target="blank" rel"noopener noreferrer"><img src="docs/facebook.png"></a>
<h2 id="anchor_team">unser Team</h2>
<p>
Françoise Toraille Präsidentin
<br>
Joachim Umlauf Vizepräsident
<br>
Lucie Lamy Sekretärin
<br>
Evelyne Maes Kassenführerin
<br>
Dominique Petit Vorstandsmitglied
</p>
<br>
<p>
Jean-Philippe Rossignol künstlerischer Leiter
<br>
Miléna Yung Koordinatorin
</p>
<br>
<p>
Bernard Banoun Berater
<br>
Francesca Isidori Beraterin
</p>
<h2 id="anchor_Urheberrechte">Urheberrechte</h2>
<p>
Marie-Charlotte Gain-Hautbois Bild des Logos
<br>
Lucie Lamy Gestaltung des Logos
<br>
Hugo Lamy Webseite
</p>
<br><br>
<iframe src="./de/date.html"></iframe>
</main>
<aside class="aside_right">
<div class="relative_box">
<h2 class="box_name">der Ausgangspunkt</h2>
<a href="https://www.leroidesaulnes.org/" target="_blank" rel="noopener noreferrer">
<h2>Les Amis du Roi des Aulnes</h2>
<p>1980 gründet Nicole Bary die deutschsprachiger Literatur gewidmete Buchhandlung Le Roi des Aulnes, 1983 den Verein Les Amis du Roi des Aulnes, später die Zeitschrift Litter<i>all</i> und schließlich <i>Lettres d'Europe et d'Ailleurs</i>, ein Festival mit europäischen Schriftstellern. Diese Aktivitäten bilden die Grundlage des heutigen Vereins KOSMOPOLIT.</datagrid></span></p>
</a>
</div>
</aside>
</div>
<footer>
<iframe src="./fr/footer.html"></iframe>
</footer>
</body>
</html>

View File

@@ -55,21 +55,6 @@
<main>
<h1 id="anchor_lettres">Lettres d'Europe et d'Ailleurs</h1>
<div class="quote">
<p>See each scene deep, love it like a complex faceted jewel. Get the light, shadow & vivid color. Set scene the night before. Sleep on it, write it in the morning.</p>
<div class="quote_credit">
<p>Sylvia Plath, <i>Journals</i></p>
</div>
</div>
<br><br><br>
<p>Das Festival bringt einmal im Jahr Autor:innen aus Europa und anderswoher zusammen. Diese öffentlichen literarischen Treffen stellen eine Erkundung des Schreibens, der Sprachen und der zeitgenössischen Welt dar. Dabei hinterfragen sie unter anderem unser Verhältnis zur gesellschaftlichen Realität, zum Klima, zum Bereich des Tierischen, Politischen und Poetischen.</p>
<p>In einer Welt im Umbruch möchten wir unterschiedliche Sprachräume miteinander in einen Dialog bringen.</p>
<p>Wir veranstalten diese Debatten in enger Zusammenarbeit mit kulturellen Institutionen, Buchhandlungen und Universitäten.</p>
<br><br>
<div class="image full">
<img src="./docs/lea/frontiere_l.jpg" alt="inage frontiere de frank smith">
<p class="right"><small><i>Frontière</i> © Frank Smith</small></p>
</div>
<h2 id="anchor_2021">Ausgabe 2021</h2>
<div class="horizontal">
<a href="./en/lettres/lettres_2021.html">

View File

@@ -7,8 +7,8 @@
<base href="../"/>
<meta name="description" content="In dieser Zeitschrift wird ein- bis zweimal im Jahr eine Auswahl bislang in Frankreich unveröffentlichter Texte, die aus dem Deutschen übersetzt sind, herausgegeben. Seien es Gedichte, Essays, Erzählungen, Novellen, Reden oder Romanauszüge wir stellen singuläre literarische Stimmen vor und kreative Formen in den Vordergrund. Die einzelnen Ausgaben sind wahlweise thematisch ausgerichtet oder vereinen literarische Texte, die sich gegenseitig zum Klingen bringen.">
<meta name="keywords" content="truc, bidule, chouette">
<link href="./styles/litterall.css" type="text/css" rel="stylesheet">
<link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/litterall.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" href="./docs/logo.ico" type="image/x-icon">
<style> html {visibility: hidden; opacity: 0;} </style>
</head>
@@ -58,18 +58,6 @@
<main>
<h1 id="anchor_litterall">Litter<i>all</i></h1>
<div class="quote">
<p>Uns Ausländern fällt es schwer, in das letzte Geheimnis des fremdartigen Verses einzudringen. Nicht wir haben hier zu urteilen, nicht uns gehört das letzte Wort.</p>
<div class="quote_credit">
<p>Ossip Mandelstam, <i>Gespräch über Dante</i></p>
<p>Übersetzung Norbert Randow</p>
</div>
</div>
<br><br><br>
<p>In dieser Zeitschrift wird ein- bis zweimal im Jahr eine Auswahl bislang in Frankreich unveröffentlichter Texte, die aus dem Deutschen übersetzt sind, herausgegeben.</p>
<p>Seien es Gedichte, Essays, Erzählungen, Novellen, Reden oder Romanauszüge wir stellen singuläre literarische Stimmen vor und kreative Formen in den Vordergrund.</p>
<p>Die einzelnen Ausgaben sind wahlweise thematisch ausgerichtet oder vereinen literarische Texte, die sich gegenseitig zum Klingen bringen.</p>
<br><br>
<div class="image full">
<img src="./docs/litterall/bibliotheque_litterall_l.jpg" alt="bibliotheque litterall">
<p class="right"><small>Photo: Jeffrey Trehudic</small></p>
@@ -199,11 +187,6 @@
<aside class="aside_right">
<div class="relative_box">
<h2 class="box_name">zu ähnlichen Themen</h2>
<a href="./fr/publications/traduire_retraduire.html" target="_blank" rel="noopener noreferrer">
<h2>Traduire, retraduire</h2>
<p>Entretien entre Frédéric Boyer, Christiane Kayser et <span class="nocut">Jean-Philippe Rossignol</span></p>
</a>
</div>
</aside>

View File

@@ -1,61 +0,0 @@
<!DOCTYPE html>
<html lang="de" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="../"/>
<link href="./styles/style.css" type="text/css" rel="stylesheet">
</head>
<body id="body_navbar">
<div class="navbar">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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="./de/vereinigung.html" target="_parent"><p>Vereinigung</p></a>
<a href="./de/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./de/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./de/aktuelles.html" target="_parent"><p>Aktuelles</p></a>
</div>
<div class="nav_right">
<a class="language" href="./fr/actualites.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language selected" href="./de/aktuelles.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language" href="./en/news.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/asociation.html" target="_parent">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language" href="./de/kosmopolit.html" target="_parent">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language" href="./en/kosmopolit.html" target="_parent">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</div>
</body>
</html>

109
new/de/vereinigung.html Normal file
View File

@@ -0,0 +1,109 @@
<!DOCTYPE html>
<html lang="de" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>der verein</title>
<base href="../"/>
<meta name="description" content="des Vereinigung Aktivitäten kreisen um die zeitgenössische, deutschsprachige und europäische Literatur. Sowohl in der Zeitschrift Litterall als auch im Rahmen der literarischen Treffen Lettres d'Europe et d'Ailleurs fördert der Verein einen literarischen Kosmopolitismus, der sich mit aktuellen Fragestellungen auseinandersetzt.">
<link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/association.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" href="./docs/logo.ico" type="image/x-icon">
<style> html {visibility: hidden; opacity: 0;} </style>
</head>
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" ><img src="./docs/nav/association_logo_mini.png" alt="logo association"></a>
<a href="./de/Vereinigung.html" ><p>Vereinigung</p></a>
<a href="./de/litterall.html" ><p>Litter<i>all</i></p></a>
<a href="./de/lettres.html" ><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./de/aktuelles.html" ><p>Aktuelles</p></a>
</div>
<div class="nav_right">
<a class="language" href="./fr/association.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language selected" href="./de/vereinigung.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language" href="./en/association.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>Inhaltsverzeichnis</h2>
<a href="./de/vereinigung.html#anchor_vereinigung"> <h3>VEREINIGUNG</h3></a>
<a href="./de/vereinigung.html#anchor_kontakt"> <h3>Kontakt</h3></a>
<a href="./de/vereinigung.html#anchor_team"> <h3>unser Team</h3></a>
<a href="./de/vereinigung.html#anchor_Urheberrechte"><h3>Urheberrechte</h3></a>
</div>
</aside>
<main>
<h2 id="anchor_kontakt">Kontakt</h2>
<p>ASSOCIATION - littératures germanophones et européennes
<br>10 rue Vandrezanne
<br>75013 Paris</p>
<p><a href="mailto:kosmopolit.contact@protonmail.com">kosmopolit.contact@protonmail.com</a></p>
<p><a href="./de/vereinigung.html#anchor_kontakt">Beitrittserklärung</a></p>
<a class="img_icon" href="https://www.facebook.com/Kosmopolit-litt%C3%A9ratures-germanophones-et-europ%C3%A9ennes-253938429851591" target="blank" rel"noopener noreferrer"><img src="docs/facebook.png"></a>
<h2 id="anchor_team">unser Team</h2>
<p>
Françoise Toraille Präsidentin
<br>
Joachim Umlauf Vizepräsident
<br>
Sekretärin
<br>
Evelyne Maes Kassenführerin
<br>
Dominique Petit Vorstandsmitglied
</p>
<br>
<p>
künstlerischer Leiter
<br>
Koordinatorin
</p>
<br>
<p>
Bernard Banoun Berater
<br>
Francesca Isidori Beraterin
</p>
<br><br>
<iframe src="./de/date.html"></iframe>
</main>
<aside class="aside_right">
<div class="relative_box">
<h2 class="box_name">der Ausgangspunkt</h2>
<a href="https://www.leroidesaulnes.org/" target="_blank" rel="noopener noreferrer">
<h2>Les Amis du Roi des Aulnes</h2>
<p>1980 gründet Nicole Bary die deutschsprachiger Literatur gewidmete Buchhandlung Le Roi des Aulnes, 1983 den Verein Les Amis du Roi des Aulnes, später die Zeitschrift Litter<i>all</i> und schließlich <i>Lettres d'Europe et d'Ailleurs</i>, ein Festival mit europäischen Schriftstellern. Diese Aktivitäten bilden die Grundlage des heutigen Vereins der VEREINIGUNG.</datagrid></span></p>
</a>
</div>
</aside>
</div>
<footer>
<iframe src="./fr/footer.html"></iframe>
</footer>
</body>
</html>

View File

Before

Width:  |  Height:  |  Size: 57 MiB

After

Width:  |  Height:  |  Size: 57 MiB

View File

Before

Width:  |  Height:  |  Size: 114 KiB

After

Width:  |  Height:  |  Size: 114 KiB

View File

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 29 KiB

View File

Before

Width:  |  Height:  |  Size: 61 KiB

After

Width:  |  Height:  |  Size: 61 KiB

View File

Before

Width:  |  Height:  |  Size: 120 KiB

After

Width:  |  Height:  |  Size: 120 KiB

View File

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 38 KiB

View File

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

@@ -3,12 +3,12 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KOSMOPOLIT - the association</title>
<title>the association</title>
<base href="../"/>
<meta name="description" content="KOSMOPOLIT focuses on contemporary German-language and European literature. In its journal Litterall as well as through the literary meetings Lettres d'Europe et d'Ailleurs, the association puts forward a literary cosmopolitism concerned by present-time issues.">
<meta name="description" content="the association focuses on contemporary German-language and European literature. In its journal Litterall as well as through the literary meetings Lettres d'Europe et d'Ailleurs, the association puts forward a literary cosmopolitism concerned by present-time issues.">
<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">
<link href="./styles/association.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" href="./docs/logo.ico" type="image/x-icon">
<style> html {visibility: hidden; opacity: 0;} </style>
</head>
@@ -19,23 +19,23 @@
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./en/kosmopolit.html" ><p>KOSMOPOLIT</p></a>
<a id="nav_logo" href="index.html"><img src="./docs/nav/association_logo_mini.png" alt="logo association"></a>
<a href="./en/association.html" ><p>ASSOCIATION</p></a>
<a href="./en/litterall.html" ><p>Litter<i>all</i></p></a>
<a href="./en/lettres.html" ><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./en/news.html" ><p>News</p></a>
</div>
<div class="nav_right">
<a class="language" href="./fr/kosmopolit.html">
<a class="language" href="./fr/association.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">
<a class="language" href="./de/vereinigung.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language selected" href="./en/kosmopolit.html">
<a class="language selected" href="./en/association.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
@@ -47,40 +47,20 @@
<aside class="aside_left sticky">
<div class="table_box">
<h2>table of contents</h2>
<a href="./en/kosmopolit.html#anchor_kosmopolit"> <h3>KOSMOPOLIT</h3></a>
<a href="./en/kosmopolit.html#anchor_contact"> <h3>contact</h3></a>
<a href="./en/kosmopolit.html#anchor_team"> <h3>our team</h3></a>
<a href="./en/kosmopolit.html#anchor_credits"> <h3>credits</h3></a>
<a href="./en/association.html#anchor_association"> <h3>ASSOCIATION</h3></a>
<a href="./en/association.html#anchor_contact"> <h3>contact</h3></a>
<a href="./en/association.html#anchor_team"> <h3>our team</h3></a>
<a href="./en/association.html#anchor_credits"> <h3>credits</h3></a>
</div>
</aside>
<main>
<h1 id="anchor_kosmopolit">KOSMOPOLIT</h3>
<div class="quote">
<p>I once remarked to Eratosthenes : the hallmark of the intellect is that it desires infinity; and since a disk is more infinite than a sphere, the earth must be a disk. And impatiently added : did he not also feel how dreadful it would be once the whole surface of the sphere had been discovered&nbsp?</p>
<div class="quote_credit">
<p>Arno Schmidt, <i>Enthymesis</i></p>
<p>traduction John E. Woods</p>
</div>
</div>
<br><br><br>
<p>There is this longing for the infiniteness of languages and literatures.</p>
<p>There is this limit of the body and the mind, these real or imaginary boundaries.</p>
<p>There is this space to find, this time to seek.</p>
<p>Thanks to translation and public speech of authors, KOSMOPOLIT proposes other ways of interpreting the world.</p>
<p>It is a bet to which you are invited.</p>
<br><br>
<div class="image full">
<img src="./docs/kosmopolit/kaleidoscope_l.jpg" alt="explosion superposee">
<p class="right"><small><i>Explosions superposées</i> © Olgaline Padilla</small></p>
</div>
<h2 id="anchor_contact">contact</h2>
<p>KOSMOPOLIT - littératures germanophones et européennes
<p>littératures germanophones et européennes
<br>10 rue Vandrezanne
<br>75013 Paris</p>
<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">membership form</a></p>
<p><a href="./en/association.html#anchor_contact">membership form</a></p>
<a class="img_icon" href="https://www.facebook.com/Kosmopolit-litt%C3%A9ratures-germanophones-et-europ%C3%A9ennes-253938429851591" target="blank" rel"noopener noreferrer"><img src="docs/facebook.png"></a>
<h2 id="anchor_team">our team</h2>
@@ -89,7 +69,7 @@
<br>
Joachim Umlauf vice-chairman
<br>
Lucie Lamy secretary
secretary
<br>
Evelyne Maes treasurer
<br>
@@ -97,9 +77,9 @@
</p>
<br>
<p>
Jean-Philippe Rossignol artistic director
artistic director
<br>
Miléna Yung coordinator
coordinator
</p>
<br>
<p>
@@ -108,15 +88,6 @@
Francesca Isidori adviser
</p>
<h2 id="anchor_credits">credits</h2>
<p>
Marie-Charlotte Gain-Hautbois logo picture
<br>
Lucie Lamy logo design
<br>
Hugo Lamy website
</p>
<br><br>
<iframe src="./en/date.html"></iframe>
</main>
@@ -126,7 +97,7 @@
<h2 class="box_name">the starting point</h2>
<a href="https://www.leroidesaulnes.org/" target="_blank" rel="noopener noreferrer">
<h2>Les Amis du Roi des Aulnes</h2>
<p>Nicole Bary founded in 1980 in Paris the German-language countries' bookshop <span class="nocut">Le Roi des Aulnes</span>, in 1983 the association Les Amis du Roi des Aulnes, then the journal Litter<i>all</i> and the European writers meetings <i>Lettres d'Europe et d'Ailleurs</i>. Her work was a precursor to that of KOSMOPOLIT.</datagrid></span></p>
<p>Nicole Bary founded in 1980 in Paris the German-language countries' bookshop <span class="nocut">Le Roi des Aulnes</span>, in 1983 the association Les Amis du Roi des Aulnes, then the journal Litter<i>all</i> and the European writers meetings <i>Lettres d'Europe et d'Ailleurs</i>. Her work was a precursor to that of the ASSOCIATION.</datagrid></span></p>
</a>
</div>
</aside>

View File

@@ -55,22 +55,6 @@
<main>
<h1 id="anchor_lettres">Lettres d'Europe et d'Ailleurs</h1>
<div class="quote">
<p>See each scene deep, love it like a complex faceted jewel. Get the light, shadow & vivid color. Set scene the night before. Sleep on it, write it in the morning.</p>
<div class="quote_credit">
<p>Sylvia Plath, <i>Journals</i></p>
</div>
</div>
<br><br><br>
<p>This festival brings together once a year authors from Europe and elsewhere. Dedicated to the exploration of writing, languages and the contemporary world, these writers meetings take place in public and aim to question notably our relationship with reality, climate, animality, politics and poetics.</p>
<p>In a changing world, we would like to link together different linguistic spheres.</p>
<p>We organize these debates hand-in-hand with cultural institutes, bookshops and universities.</p>
<br><br>
<div class="image full">
<img src="./docs/lea/frontiere_l.jpg" alt="inage frontiere de frank smith">
<p class="right"><small><i>Frontière</i> © Frank Smith</small></p>
</div>
<h2 id="anchor_2021">edition 2021</h2>
<a href="./en/lettres/lettres_2021.html">
<div class="image horizontal">

View File

@@ -57,6 +57,7 @@
<a href="./en/lettres/lettres_2021.html#anchor_3"> <h3>3.exiles, history, politics</h3></a>
<a href="./en/lettres/lettres_2021.html#anchor_4"> <h3>4.women and communities</h3></a>
<a href="./en/lettres/lettres_2021.html#anchor_5"> <h3>5.mediterranean worlds, reality and memory</h3></a>
<a href="./en/lettres/lettres_2021.html#anchor_artistic"> <h3>artistic direction and coordination</h3></a>
<a href="./en/lettres/lettres_2021.html#anchor_organisation"> <h3>design and organization</h3></a>
<a href="./en/lettres/lettres_2021.html#anchor_partners"> <h3>partners</h3></a>
</div>
@@ -160,6 +161,9 @@
</p>
<a class="img_icon" href="https://www.facebook.com/events/726355522099267/?ref=newsfeed" target="blank" rel"noopener noreferrer"><img src="docs/facebook.png"></a>
<h2 id="anchor_artistic">artistic direction and coordination</h2>
<p>Jean-Philippe Rossignol and Miléna Yung</p>
<h2 id="anchor_organisation">design and organization</h2>
<p>KOSMOPOLIT, with Les Amis du Roi des Aulnes</p>

View File

@@ -7,8 +7,8 @@
<base href="../"/>
<meta name="description" content="This journal publishes once or twice a year a selection of German-language texts, yet unpublished in French. Poetry, essay, short story, novel excerpt we put forward singular literary voices and creative forms. Each issue can either follow a theme, or its own path within a general arrangement.">
<meta name="keywords" content="truc, bidule, chouette">
<link href="./styles/litterall.css" type="text/css" rel="stylesheet">
<link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/litterall.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" href="./docs/logo.ico" type="image/x-icon">
<style> html {visibility: hidden; opacity: 0;} </style>
</head>
@@ -58,18 +58,6 @@
<main>
<h1 id="anchor_litterall">Litter<i>all</i></h1>
<div class="quote">
<p>For us as foreigners it is difficult to penetrate to the ultimate secret of an alien poetry. It is not for us to judge; the last word cannot be ours.</p>
<div class="quote_credit">
<p>Ossip Mandelstam, <i>Conversation about Dante</i></p>
<p>translation Sidney Monas</p>
</div>
</div>
<br><br><br>
<p>This journal publishes once or twice a year a selection of German-language texts, yet unpublished in French.</p>
<p>Poetry, essay, short story, novel excerpt we put forward singular literary voices and creative forms.</p>
<p>Each issue can either follow a theme, or its own path within a general arrangement.</p>
<br><br>
<div class="image full">
<img src="./docs/litterall/bibliotheque_litterall_l.jpg" alt="bibliotheque litterall">
<p class="right"><small>credit: Jeffrey Trehudic</small></p>
@@ -200,11 +188,6 @@
<aside class="aside_right">
<div class="relative_box">
<h2 class="box_name">related</h2>
<a href="./fr/publications/traduire_retraduire.html">
<h2>Traduire, retraduire</h2>
<p>Entretien entre Frédéric Boyer, Christiane Kayser et <span class="nocut">Jean-Philippe Rossignol</span></p>
</a>
</div>
</aside>

View File

@@ -16,7 +16,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/actualites.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language" href="./de/aktuelles.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language" href="./en/news.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -1,136 +0,0 @@
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- PERSONALIZE -->
<title>association</title>
<meta name="description" content="l'association déploie ses activités autour de la littérature contemporaine, de langue allemande et européenne. Elle met en avant un cosmopolitisme littéraire tourné vers des questionnements actuels, aussi bien dans la revue Litterall que par les rencontres Lettres d'Europe et d'Ailleurs.">
<!-- PERSONALIZE END -->
<base href="../"/>
<link href="./styles_here.css" type="text/css" rel="stylesheet">
<link href="./styles/style.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" href="./docs/logo.ico" type="image/x-icon">
<style> html {visibility: hidden; opacity: 0;} </style>
<script src="./fr/script.js" defer></script>
</head>
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<iframe src="./fr/navleft.html"></iframe>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/asociation.html" target="_parent">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language" href="./de/kosmopolit.html" target="_parent">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language" href="./en/kosmopolit.html" target="_parent">
<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/asso/association.html#anchor_kosmopolit"> <h3>KOSMOPOLIT</h3> </a>
<a href="./fr/asso/association.html#anchor_contact"> <h3>contact</h3> </a>
<a href="./fr/asso/association.html#anchor_equipe"> <h3>l'équipe</h3> </a>
<a href="./fr/asso/association.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&nbsp?</p>
<div class="quote_credit">
<p>Arno Schmidt, <i>Enthymésis</i></p>
<p>traduction Claude Riehl</p>
</div>
</div>
<br><br><br>
<p>Il y a ce désir pour linfini des langues et des littératures.</p>
<p>Il y a cette limite du corps, de lesprit, ces barrières réelles et imaginaires.</p>
<p>Il y a cet espace à trouver, ce temps à chercher.</p>
<p>KOSMOPOLIT propose dautres manières de lire le monde, grâce à la traduction et à la parole publique dauteurs et d'autrices.</p>
<p>Cest le pari que nous vous proposons.</p>
<br><br>
<div class="image full">
<img src="./docs/kosmopolit/kaleidoscope_l.jpg" alt="explosion superposee">
<p class="right"><small><i>Explosions superposées</i> © Olgaline Padilla</small></p>
</div>
<h2 id="anchor_contact">contact</h2>
<p>KOSMOPOLIT - littératures germanophones et européennes
<br>10 rue Vandrezanne
<br>75013 Paris</p>
<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>
<a class="img_icon" href="https://www.facebook.com/Kosmopolit-litt%C3%A9ratures-germanophones-et-europ%C3%A9ennes-253938429851591" target="blank" rel"noopener noreferrer"><img src="docs/facebook.png"></a>
<h2 id="anchor_equipe">léquipe</h2>
<p>
Françoise Toraille présidente
<br>
Joachim Umlauf vice-président
<br>
Lucie Lamy secrétaire
<br>
Evelyne Maës trésorière
<br>
Dominique Petit administratrice
</p>
<br>
<p>
Jean-Philippe Rossignol directeur artistique
<br>
Miléna Yung coordinatrice
</p>
<br>
<p>
Bernard Banoun conseiller
<br>
Francesca Isidori conseillère
</p>
<h2 id="anchor_credits">crédits</h2>
<p>
Marie-Charlotte Gain-Hautbois visuel du logo
<br>
Lucie Lamy réalisation du logo
<br>
Hugo Lamy site internet
</p>
<br><br>
<iframe src="./fr/date.html"></iframe>
</main>
<aside class="aside_right">
<div class="relative_box">
<h2 class="box_name">le point de départ</h2>
<a href="https://www.leroidesaulnes.org/" target="_blank" rel="noopener noreferrer">
<h2>Les Amis du Roi des Aulnes</h2>
<p>En 1980, Nicole Bary fonde la librairie des pays de langue allemande <span class="nocut">Le Roi des Aulnes</span>, en 1983 lassociation <span class="nocut">Les Amis du Roi des Aulnes</span>, puis la revue Litter<i>all</i> et les rencontres décrivains européens <i>Lettres d'Europe et d'Ailleurs</i>. Son travail a été précurseur de celui de KOSMOPOLIT.</datagrid></span></p>
</a>
</div>
</aside>
</div>
<footer>
<iframe src="./fr/footer.html"></iframe>
</footer>
</body>
</html>

113
new/fr/association.html Normal file
View File

@@ -0,0 +1,113 @@
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>l'association</title>
<base href="../"/>
<meta name="description" content="association déploie ses activités autour de la littérature contemporaine, de langue allemande et européenne. Elle met en avant un cosmopolitisme littéraire tourné vers des questionnements actuels, aussi bien dans la revue Litterall que par les rencontres Lettres d'Europe et d'Ailleurs.">
<meta name="keywords" content="truc, bidule, chouette">
<link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/association.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" href="./docs/logo.ico" type="image/x-icon">
<style> html {visibility: hidden; opacity: 0;} </style>
<script src="./fr/script.js" defer></script>
</head>
<body>
<nav class="navbar sticky" tabindex="0">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/association_logo_mini.png" alt="logo association"></a>
<a href="./fr/association.html" target="_parent"><p>ASSOCIATION</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/association.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language" href="./de/vereinigung.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language" href="./en/association.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/association.html#anchor_association"> <h3>ASSOCIATION</h3> </a>
<a href="./fr/association.html#anchor_contact"> <h3>contact</h3> </a>
<a href="./fr/association.html#anchor_equipe"> <h3>l'équipe</h3> </a>
<a href="./fr/association.html#anchor_credits"> <h3>crédits</h3> </a>
</div>
</aside>
<main>
<h2 id="anchor_contact">contact</h2>
<p>association - littératures germanophones et européennes
<br>10 rue Vandrezanne
<br>75013 Paris</p>
<p><a href="mailto:kosmopolit.contact@protonmail.com">kosmopolit.contact@protonmail.com</a></p>
<p><a href="./fr/association.html#anchor_contact">bulletin d'adhésion</a></p>
<a class="img_icon" href="https://www.facebook.com/Kosmopolit-litt%C3%A9ratures-germanophones-et-europ%C3%A9ennes-253938429851591" target="blank" rel"noopener noreferrer"><img src="docs/facebook.png"></a>
<h2 id="anchor_equipe">léquipe</h2>
<p>
Françoise Toraille présidente
<br>
Joachim Umlauf vice-président
<br>
secrétaire
<br>
Evelyne Maës trésorière
<br>
Dominique Petit administratrice
</p>
<br>
<p>
directeur artistique
<br>
coordinatrice
</p>
<br>
<p>
Bernard Banoun conseiller
<br>
Francesca Isidori conseillère
</p>
<br><br>
<iframe src="./fr/date.html"></iframe>
</main>
<aside class="aside_right">
<div class="relative_box">
<h2 class="box_name">le point de départ</h2>
<a href="https://www.leroidesaulnes.org/" target="_blank" rel="noopener noreferrer">
<h2>Les Amis du Roi des Aulnes</h2>
<p>En 1980, Nicole Bary fonde la librairie des pays de langue allemande <span class="nocut">Le Roi des Aulnes</span>, en 1983 lassociation <span class="nocut">Les Amis du Roi des Aulnes</span>, puis la revue Litter<i>all</i> et les rencontres décrivains européens <i>Lettres d'Europe et d'Ailleurs</i>. Son travail a été précurseur de celui de l'association.</datagrid></span></p>
</a>
</div>
</aside>
</div>
<footer>
<iframe src="./fr/footer.html"></iframe>
</footer>
</body>
</html>

View File

@@ -9,7 +9,7 @@
<body>
<div class="footer">
<div class="footer_container">
<p>© KOSMOPOLIT littératures germanophones et européennes</p>
<p>© ASSOCIATION littératures germanophones et européennes</p>
<p>kosmopolit.contact@protonmail.com</p>
</div>
</div>

View File

@@ -16,7 +16,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/lettres.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language" href="./de/lettres.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language" href="./en/lettres.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">
@@ -31,23 +56,6 @@
<main>
<h1 id="anchor_lettres">Lettres d'Europe et d'Ailleurs</h1>
<div class="quote">
<p>Voir chaque scène dans toute sa profondeur, la traiter amoureusement comme un joyau aux multiples facettes. Trouver la lumière, lombre et la couleur vive. Déterminer la scène la veille au soir. Puis dormir dessus et lécrire le matin.</p>
<div class="quote_credit">
<p>Sylvia Plath, <i>Journaux</i></p>
<p>traduction Christine Savinet</p>
</div>
</div>
<br><br><br>
<p>Ces rencontres littéraires réunissent une fois par an des auteurs et des autrices dEurope et dailleurs. Tournées vers lexploration de lécriture, des langues et du monde contemporain, ces débats ont lieu en public et questionnent notamment notre rapport au réel, aux climats, à lanimalité, au politique et au poétique.</p>
<p>Dans un monde en transition, nous souhaitons relier différentes sphères linguistiques.</p>
<p>Nous programmons ces rencontres en co-construction avec des instituts culturels, des librairies et des universités.</p>
<br><br>
<div class="image full">
<img src="./docs/lea/frontiere_l.jpg" alt="inage frontiere de frank smith">
<p class="right"><small><i>Frontière</i> © Frank Smith</small></p>
</div>
<h2 id="anchor_2021">édition 2021</h2>
<a href="./fr/lettres/lettres_2021.html">
<div class="image horizontal">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">
@@ -24,7 +49,7 @@
<div class="table_box">
<h2>sommaire</h2>
<a href="./fr/lettres/lettres_2011.html#anchor_2011"> <h3>Lettres dEurope et dAilleurs 2011 </h3></a>
<a href="./fr/lettres/lettres_2011.html#anchor_auteurices"> <h3>auteurs & autrices </h3></a>
<a href="./fr/lettres/lettres_2011.html#anchor_auteurices"> <h3>auteurs & autrices </h3></a>
<a href="./fr/lettres/lettres_2011.html#anchor_date"> <h3>date et lieu </h3></a>
<a href="./fr/lettres/lettres_2011.html#anchor_organisation"> <h3>conception et organisation </h3></a>
</div>
@@ -89,7 +114,7 @@
<p>Aix-en-Provence, 9-10 septembre 2011</p>
<p>Cité du Livre Bibliothèque Méjanes</p>
<h2 id="anchor_organisation">conception et organisaion</h2>
<h2 id="anchor_organisation">conception et organisation</h2>
<p>Les Amis du Roi des Aulnes</p>
<br><br>

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">
@@ -91,7 +116,7 @@
Hôtel de ville
</p>
<h2 id="anchor_organisation">conception et organisaion</h2>
<h2 id="anchor_organisation">conception et organisation</h2>
<p>Les Amis du Roi des Aulnes</p>
<br><br>

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">
@@ -83,7 +108,7 @@
Hôtel de ville
</p>
<h2 id="anchor_organisation">conception et organisaion</h2>
<h2 id="anchor_organisation">conception et organisation</h2>
<p>Les Amis du Roi des Aulnes</p>
<br><br>

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">
@@ -83,7 +108,7 @@
Hôtel de ville
</p>
<h2 id="anchor_organisation">conception et organisaion</h2>
<h2 id="anchor_organisation">conception et organisation</h2>
<p>Les Amis du Roi des Aulnes</p>
<br><br>

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">
@@ -71,7 +96,7 @@
Aix-en-Provence Cité du Livre Bibliothèque Méjanes
</p>
<h2 id="anchor_organisation">conception et organisaion</h2>
<h2 id="anchor_organisation">conception et organisation</h2>
<p>Les Amis du Roi des Aulnes</p>
<br><br>

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">
@@ -67,7 +92,7 @@
Sorbonne Nouvelle
</p>
<h2 id="anchor_organisation">conception et organisaion</h2>
<h2 id="anchor_organisation">conception et organisation</h2>
<p>Les Amis du Roi des Aulnes</p>
<br><br>

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">
@@ -69,7 +94,7 @@
Librairie Polonaise
</p>
<h2 id="anchor_organisation">conception et organisaion</h2>
<h2 id="anchor_organisation">conception et organisation</h2>
<p>Les Amis du Roi des Aulnes</p>
<br><br>

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">
@@ -76,7 +101,7 @@
Librairie polonaise
</p>
<h2 id="anchor_organisation">conception et organisaion</h2>
<h2 id="anchor_organisation">conception et organisation</h2>
<p>Les Amis du Roi des Aulnes</p>
<br><br>

View File

@@ -18,7 +18,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/lettres/lettres_2021.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language" href="./en/lettres/lettres_2021.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">
@@ -34,6 +59,7 @@
<a href="./fr/lettres/lettres_2021.html#anchor_4"> <h3>4.des femmes et des communautés</h3></a>
<a href="./fr/lettres/lettres_2021.html#anchor_5"> <h3>5.mondes méditerranéens, réalité et mémoire</h3></a>
<a href="./fr/lettres/lettres_2021.html#anchor_auteurices"> <h3>auteurs & autrices</h3></a>
<a href="./fr/lettres/lettres_2021.html#anchor_artistique"> <h3>direction artistique et coordination</h3></a>
<a href="./fr/lettres/lettres_2021.html#anchor_organisation"> <h3>conception et organisation</h3></a>
<a href="./fr/lettres/lettres_2021.html#anchor_partenaires"> <h3>partenaires</h3></a>
</div>
@@ -145,7 +171,10 @@
<p><mark>Najwa M. Barakat</mark> est une autrice libanaise, née à Bcharré et installée à Paris depuis 1985. Elle a mené des études de cinéma et travaillé comme journaliste dans la presse écrite et audiovisuelle. Publié à Beyrouth en 1996, <i>Le bus des gens bien</i> (Bas el-awadêm) est son troisième roman et le premier publié en France dans la collection "La Cosmopolite" (Stock, 2002). Aux éditions Actes Sud / Sindbad, elle est lautrice des romans <i>Ya salam&nbsp!</i> (2012), <i>La Langue du secret</i> (2015) et <i>Monsieur N.</i> (2021).</p>
<p><mark>Lefteris Giannakoudakis</mark> est un écrivain et réalisateur grec, né à Héraklion en 1972. Après des études de biologie à Athènes, il commence à écrire et son premier roman paraît en 2000. Scénariste, il a tourné plusieurs courts-métrages, dont le road movie <i>Milkyway</i> en 2020. Son travail d'auteur a été distingué à trois reprises et ses nouvelles ont paru dans de nombreuses anthologies. Il vit aujourdhui en Crète où il enseigne lécriture créative et le scénario. Son cinquième roman, <i>Ombre</i>, vient de paraître aux éditions Cambourakis. C'est le premier traduit en français.</p>
<h2 id="anchor_organisation">conception et organisaion</h2>
<h2 id="anchor_artistique">direction artistique et coordination</h2>
<p>Jean-Philippe Rossignol et Miléna Yung</p>
<h2 id="anchor_organisation">conception et organisation</h2>
<p>KOSMOPOLIT, avec Les Amis du Roi des Aulnes</p>
<h2 id="anchor_partenaires">partenaires</h2>

View File

@@ -3,12 +3,12 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KOSMOPOLIT - Litterall</title>
<title>Litterall</title>
<base href="../"/>
<meta name="description" content="Cette revue publie une à deux fois par an un choix de textes germanophones, inédits en traduction française. Poésie, essai, récit, nouvelle, discours, extrait de roman nous mettons en avant des voix singulières de la littérature et des formes créatives. Les numéros peuvent prendre un tour thématique ou bien suivre leur propre voie, dans un souci de composition densemble.">
<meta name="keywords" content="truc, bidule, chouette">
<link href="./styles/litterall.css" type="text/css" rel="stylesheet">
<link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/litterall.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" href="./docs/logo.ico" type="image/x-icon">
<style> html {visibility: hidden; opacity: 0;} </style>
<script src="./fr/script.js" defer></script>
@@ -16,7 +16,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/association_logo_mini.png" alt="logo association"></a>
<a href="./fr/association.html" target="_parent"><p>ASSOCIATION</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/litterall.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language" href="./de/litterall.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language" href="./en/litterall.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">
@@ -34,18 +59,6 @@
<main>
<h1 id="anchor_litterall">Litter<i>all</i></h1>
<div class="quote">
<p>Il est difficile à des étrangers comme nous de pénétrer lultime secret des vers dune autre langue. Ce nest pas à nous den juger, nous naurons pas le dernier mot.</p>
<div class="quote_credit">
<p>Ossip Mandelstam, <i>Entretien sur Dante</i></p>
<p>traduction Louis Martinez</p>
</div>
</div>
<br><br><br>
<p>Cette revue publie une à deux fois par an un choix de textes germanophones, inédits en traduction française.</p>
<p>Poésie, essai, récit, nouvelle, discours, extrait de roman nous mettons en avant des voix singulières de la littérature et des formes créatives.</p>
<p>Les numéros peuvent prendre un tour thématique ou bien suivre leur propre voie, dans un souci de composition densemble.</p>
<br><br>
<div class="image full">
<img src="./docs/litterall/bibliotheque_litterall_l.jpg" alt="bibliotheque litterall">
<p class="right"><small>crédit: Jeffrey Trehudic</small></p>
@@ -174,11 +187,6 @@
<aside class="aside_right">
<div class="relative_box">
<h2 class="box_name">sur le même thème</h2>
<a href="./fr/publications/traduire_retraduire.html">
<h2>Traduire, retraduire</h2>
<p>Entretien entre Frédéric Boyer, Christiane Kayser et <span class="nocut">Jean-Philippe Rossignol</span></p>
</a>
</div>
</aside>

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

View File

@@ -15,7 +15,32 @@
<body>
<nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">

43
new/fr/navbar.html Normal file
View File

@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="../"/>
<link href="./styles/style.css" type="text/css" rel="stylesheet">
</head>
<body id="body_navbar">
<div class="navbar">
<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/litterall.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/litterall.html" target="_parent">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
</div>
</div>
</div>
</div>
</body>
</html>

View File

@@ -1,89 +0,0 @@
<!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 - Traduire-retraduire</title>
<base href="../../"/>
<meta name="description" content="Traduire, retraduire : Entretien entre Frédéric Boyer, Christiane Kayser et Jean-Philippe Rossignol">
<meta name="keywords" content="truc, bidule, chouette">
<link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/traduire_retraduire.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" href="./docs/logo.ico" type="image/x-icon">
<style> html {visibility: hidden; opacity: 0;} </style>
</head>
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.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/publications/traduire_retraduire.html#anchor_telecharger"><h3>télécharger</h3></a>
<a href="./fr/publications/traduire_retraduire.html#anchor_publication"> <h3>publication</h3></a>
</div>
</aside>
<main id="main_traduire_retraduire">
<h1 id="anchor_telecharger">Traduire, retraduire<br><small>Entretien</small></i></h1>
<br><br>
<p ><a href="./docs/litterall/publications/traduire_retraduire.pdf" target="_blank" rel="noopener noreferrer">télécharger la publication au format pdf</a>, parue dans la revue <i>Fundstücke/Trouvailles</i>, 2020</p>
<br><br>
<div id="anchor_publication" class="image full">
<img src="./docs/litterall/publications/traduire_retraduire_1.jpg" alt="traduire_retraduire_1">
<img src="./docs/litterall/publications/traduire_retraduire_2.jpg" alt="traduire_retraduire_2">
<img src="./docs/litterall/publications/traduire_retraduire_3.jpg" alt="traduire_retraduire_3">
<img src="./docs/litterall/publications/traduire_retraduire_4.jpg" alt="traduire_retraduire_4">
<img src="./docs/litterall/publications/traduire_retraduire_5.jpg" alt="traduire_retraduire_5">
<img src="./docs/litterall/publications/traduire_retraduire_6.jpg" alt="traduire_retraduire_6">
<img src="./docs/litterall/publications/traduire_retraduire_7_8.jpg" alt="traduire_retraduire_7/8">
<img src="./docs/litterall/publications/traduire_retraduire_9.jpg" alt="traduire_retraduire_9">
<img src="./docs/litterall/publications/traduire_retraduire_10.jpg" alt="traduire_retraduire_10">
<img src="./docs/litterall/publications/traduire_retraduire_11.jpg" alt="traduire_retraduire_11">
</div>
<iframe src="./fr/date.html"></iframe>
</main>
<aside class="aside_right">
</aside>
</div>
<footer>
<iframe src="./fr/footer.html"></iframe>
</footer>
</body>
</html>

View File

@@ -1 +0,0 @@
google-site-verification: googleb31c726d08849c4e.html

View File

@@ -3,8 +3,8 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KOSMOPOLIT - littératures germanohpones et européennes</title>
<meta name="description" content="KOSMOPOLIT déploie ses activités autour de la littérature contemporaine, de langue allemande et européenne. Elle met en avant un cosmopolitisme littéraire tourné vers des questionnements actuels, aussi bien dans la revue Litterall que par les rencontres Lettres d'Europe et d'Ailleurs.">
<title>association - littératures germanohpones et européennes</title>
<meta name="description" content="l'association déploie ses activités autour de la littérature contemporaine, de langue allemande et européenne. Elle met en avant un cosmopolitisme littéraire tourné vers des questionnements actuels, aussi bien dans la revue Litterall que par les rencontres Lettres d'Europe et d'Ailleurs.">
<meta name="keywords" content="truc, bidule, chouette">
<link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/index.css" type="text/css" rel="stylesheet">
@@ -14,10 +14,10 @@
<body id="body_index">
<main class="index" id="index">
<div class="logo_links" id="index_links">
<h3 id="kosmopolit"><a href="./fr/asso/association.html">association</a></h3>
<h3 id="litterall"><a href="./fr/litter/litterall.html">Litter<i>all</i></a></h3>
<h3 id="lea"><a href="./fr/lettres/lettres.html">Lettres d'Europe et d'Ailleurs</a></h3>
<h3 id="actualites"><a href="./fr/actu/actualites.html">Actualités</a></h3>
<h3 id="association"> <a href="./fr/association.html">ASSOCIATION</a></h3>
<h3 id="litterall"> <a href="./fr/litterall.html">Litter<i>all</i></a></h3>
<h3 id="lea"> <a href="./fr/lettres.html">Lettres d'Europe et d'Ailleurs</a></h3>
<h3 id="actualites"> <a href="./fr/actualites.html">Actualités</a></h3>
</div>
</main>
</body>

View File

@@ -1,28 +0,0 @@
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="../"/>
<link href="./styles/style.css" type="text/css" rel="stylesheet">
</head>
<body class="i_navbar">
<div class="i_nav_right">
<a class="language selected" href="./fr/asociation.html" target="_parent">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language" href="./de/kosmopolit.html" target="_parent">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language" href="./en/kosmopolit.html" target="_parent">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</body>
</html>

View File

@@ -1,30 +0,0 @@
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="../"/>
<link href="./styles/style.css" type="text/css" rel="stylesheet">
</head>
<body id="body_navbar">
<div class="navbar">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<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/asso/association.html" target="_parent"><p>association</p> </a>
<a href="./fr/litter/litterall.html" target="_parent"><p>Litter<i>all</i></p> </a>
<a href="./fr/lettres/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p> </a>
<a href="./fr/actu/actualites.html" target="_parent"><p>Actualités</p> </a>
</div>
<div class="nav_right">
<iframe src="./navbar/nav_lang.html"></iframe>
</div>
</div>
</body>
</html>

View File

@@ -1,3 +1,7 @@
aside.aside_right .relative_box {
border-style: none;
}
.page_nav {
min-width: 200px;
padding: 0px 20px 0px 0px;

View File

@@ -1,9 +1,6 @@
/*---------------------------------------------*/
/*NAVBAR*/
nav {
border-bottom: 1px solid var(--color-lines-4);
}
nav iframe {
width: 100%;
}
@@ -11,43 +8,19 @@ body#body_navbar {
background-color: transparent;
overflow: hidden;
}
.navbar, .i_navbar {
.navbar {
flex-direction: row;
/*we have to set the height to use the height % for childs elements*/
height: var(--nav-height);
background-color: var(--color-back-base);
border-bottom: 1px solid var(--color-lines-4);
}
.navbar *, .i_navbar * {
.navbar * {
display: flex;
flex-direction: row;
margin: auto;
height: 100%;
}
/*menu burger responsive*/
.navbar input#burger {
display: none;
}
.navbar .burger {
margin: 0px;
}
/*hover & focus*/
.navbar a:hover, .navbar a:focus,
.i_navbar a:hover, .i_navbar a:focus {
background-color: var(--color-back-dark);
}
.navbar a#nav_logo:hover, .navbar a#nav_logo:focus {
background-color: var(--color-back-base);
}
.navbar a > *, .i_navbar a > * {
/*to center vertically the text*/
height: auto;
}
/*---------------------------------------------*/
/*NAVIGATION LINKS*/
/* nav_left is used for links to pages*/
.navbar .nav_left {
margin-left: 0px;
@@ -59,9 +32,24 @@ body#body_navbar {
padding-left: 40px;
padding-right: 40px;
}
.navbar a > * {
/*to center vertically the text*/
height: auto;
}
.navbar .nav_left img {
height: calc(100% - 4px);
}
.navbar a:hover, .navbar a:focus {
background-color: var(--color-back-dark);
}
.navbar a#nav_logo:hover, .navbar a#nav_logo:focus {
background-color: var(--color-back-base);
}
/* nav_right is used for actions such as connection, search or language*/
.navbar .nav_right {
margin-right: 0px;
}
@@ -75,35 +63,40 @@ body#body_navbar {
language
language inactive
*/
/* nav_right is used for actions such as connection, search or language*/
.nav_right, .i_nav_right {
margin-right: 0px;
}
.i_nav_right .language {
.navbar .nav_right .language {
position: relative;
padding: 0px 10px;
margin: auto 0px auto auto;
}
/* horizontal space between flag and name*/
.i_nav_right .language > * {
.navbar .nav_right .language > * {
margin: auto 3px;
}
/*flag size*/
.i_nav_right .language img.flag {
.navbar .nav_right .language img.flag {
height: 12px;
}
/*text size*/
.i_navbar .nav_right .language p {
.navbar .nav_right .language p {
font-size: 1.6em;
}
/*selected language*/
.i_nav_right .language.selected {
.navbar .language.selected {
background-color: var(--color-back-dark);
pointer-events: none;
}
/*inactive language*/
.i_nav_right .language.inactive {
.navbar .language.inactive {
pointer-events: none;
filter: grayscale(100%);
}
/*menu burger responsive*/
nav.navbar input#burger {
display: none;
}
nav.navbar .burger {
margin: 0px;
}