pro/2018_WEBSITE_blochouse
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
hugodu69
2018-12-19 01:09:26 +01:00
commit 4fd63a6c8b
232 changed files with 14551 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
txt/anim_index.txt Normal file
View File

@@ -0,0 +1,16 @@
<!-- animation page d'accueil -->
<ul class="diaporama">
<li><a href="ateliers.php" title="Accéder à ATELIERS"><img alt="image 1 diaporama" src="images/accueil/pageAccueil1.jpg" /></a></li>
<li><a href="artistes.php" title="Accéder à ARTISTES"><img alt="image 2 diaporama" src="images/accueil/pageAccueil2.jpg" /></a></li>
<li><a href="interstices.php" title="Accéder à INTERSTICES"><img alt="image 2 diaporama" src="images/accueil/pageAccueil2a.jpg" /></a></li>
<li><a href="manifestations.php" title="Accéder à MANIFESTATIONS"><img alt="image 3 diaporama" src="images/accueil/pageAccueil3.jpg" /></a></li>
<li><a href="interstices.php" title="Accéder à INTERSTICES"><img alt="image 4 diaporama" src="images/accueil/pageAccueil4.jpg" /></a></li>
<li><a href="artistes.php" title="Accéder à ARTISTES"><img alt="image 5 diaporama" src="images/accueil/pageAccueil5.jpg" /></a></li>
<li><a href="ateliers.php" title="Accéder à ATELIERS"><img alt="image 6 diaporama" src="images/accueil/pageAccueil6.jpg" /></a></li>
<li><a href="manifestations.php" title="Accéder à MANIFESTATIONS"><img alt="image 7 diaporama" src="images/accueil/pageAccueil7.jpg" /></a></li>
</ul>

50
txt/artistes.txt Normal file
View File

@@ -0,0 +1,50 @@
<div id="content_artistes">
<div class="portrait"><a href="#" onclick="javascript:afficher(0);" title="Margot Montenoise"><img src="images/artistes/margotMontenoise.jpg" alt="margot Montenoise" /></a></div>
<div class="vide" style="background-color:#cccccc;"></div>
<div class="portrait"><a href="#" onclick="javascript:afficher(1);" title="Christophe Bogdan"><img src="images/artistes/christopheBogdan.jpg" alt="christophe Bogdan" /></a></div>
<div class="portrait"><a href="#" onclick="javascript:afficher(2);" title="Masha Krivokapic"><img src="images/artistes/mashaKrivokapic.jpg" alt="masha Krivokapic" /></a></div>
<div class="vide" style="background-color:#999999;"></div>
<div class="portrait"><a href="#" onclick="javascript:afficher(3);" title="Vincent Pandellé"><img src="images/artistes/vincentPandelle.jpg" alt="vincent Pandelle" /></a></div>
<div class="vide" style="background-color:#ffffff;"></div>
<div class="portrait"><a href="#" onclick="javascript:afficher(4);" title="Jean José Baranes"><img src="images/artistes/jeanJoseBaranes.jpg" alt="jean Jose Baranes" /></a></div>
<div class="portrait"><a href="#" onclick="javascript:afficher(5);" title="Eliza Magri"><img src="images/artistes/elizaMagri.jpg" alt="eliza Magri" /></a></div>
<div class="vide" style="background-color:#666666;"></div>
<div class="portrait"><a href="#" onclick="javascript:afficher(6);" title="Isabelle Rince"><img src="images/artistes/isabelleRince.jpg" alt="isabelle Rince" /></a></div>
<div class="vide" style="background-color:#333333;"></div>
<div class="boite">
<div class="portrait"><a href="#" onclick="javascript:afficher(17);" title="Claudine Sabatier"><img src="images/artistes/claudineSabatier.jpg" alt="claudine Sabatier" /></a></div>
<div class="portrait"><a href="#" onclick="javascript:afficher(7);" title="Jérôme Bouchez"><img src="images/artistes/jeromeBouchez.jpg" alt="Jerome Bouchez" /></a></div>
<div class="portrait"><a href="#" onclick="javascript:afficher(8);" title="Paule Millara"><img src="images/artistes/pauleMillara.jpg" alt="paule Millara" /></a></div>
<div class="vide" style="background-color:#333333;"></div>
</div>
<div id="affichage">
</div>
<div class="boite">
<div class="portrait"><a href="#" onclick="javascript:afficher(21);" title="Françoise Delecroix"><img src="images/artistes/francoiseDelecroix.jpg" alt="Françoise Delecroix" /></a></div>
<div class="portrait"><a href="#" onclick="javascript:afficher(9);" title="Dashan Yang"><img src="images/artistes/dashanYang.jpg" alt="dashan Yang" /></a></div>
<div class="portrait"><a href="#" onclick="javascript:afficher(10);" title="Altone Mishino"><img src="images/artistes/altoneMishino.jpg" alt="altone Mishino" /></a></div>
<div class="vide" style="background-color:#999999;"></div>
</div>
<div class="vide" style="background-color:#666666;"></div>
<div class="portrait"><a href="#" onclick="javascript:afficher(11);" title="Macha Pandellé"><img src="images/artistes/mariaPandelle.jpg" alt="maria Pandelle" /></a></div>
<div class="portrait"><a href="#" onclick="javascript:afficher(20);" title="François Gibault"><img src="images/artistes/francoisgibault.jpg" alt="François Gibault" /></a></div>
<div class="portrait"><a href="#" onclick="javascript:afficher(12);" title="Milan Atanaskovic"><img src="images/artistes/milanAtanaskovic.jpg" alt="milan Atanaskovic" /></a></div>
<div class="portrait"><a href="#" onclick="javascript:afficher(13);" title="Wari"><img src="images/artistes/wari.jpg" alt="wari" /></a></div>
<div class="vide" style="background-color:#ffffff;"></div>
<div class="portrait"><a href="#" onclick="javascript:afficher(14);" title="Anna Mauban"><img src="images/artistes/annaMauban.jpg" alt="anna Mauban" /></a></div>
<div class="vide" style="background-color:#ffffff;"></div>
<div class="portrait"><a href="#" onclick="javascript:afficher(15);" title="Mitou Alalinarde"><img src="images/artistes/mitouAllalinarde.jpg" alt="mitou Allalinarde" /></a></div>
<div class="vide" style="background-color:#333333;"></div>
<div class="portrait"><a href="#" onclick="javascript:afficher(16);" title="Nicolas De Ferran"><img src="images/artistes/nicolasDeFerran.jpg" alt="nicolas De Ferran" /></a></div>
<div class="portrait"><a href="#" onclick="javascript:afficher(19);" title="Arnaud de l’Estourbeillion"><img src="images/artistes/arnauddelestourbeillion.jpg" alt="Arnaud de l’Estourbeillion" /></a></div>
<!-- fin content --></div>

65
txt/ateliers.txt Normal file
View File

@@ -0,0 +1,65 @@
<div id="Container">
<div id="News">
<div class="Scroller-Container">
<div id="img_atelier"><img src="images/ateliers/ateliers1.jpg" style="margin-top:25px;" alt="Le site des ateliers Bloc-House" width="480" height="283" /></div>
<div class="legende">Site des ateliers Bloc-House</div>
<!-- ici la liste des artistes résidents, pour ajouter ou échanger un artiste, mettre "- nom de l'artiste" à l'endroit souhaité-->
<div class="artistes">
<p style="font-size:14px;font-weight:bold;">Les artistes résidents</p>
<p style="margin-top:2px;">Underground <span style="margin-left:5px;">Milan Atanaskovic</span></p>
<p style="margin-top:2px;">First level <span style="margin-left:23px;">Eliza Magri - Macha Pandellé - Vincent Pandellé</span></p>
<p style="margin-top:2px;">Second level <span style="margin-left:7px;">Altone Mishino - Jérome Bouchez - Paule Millara</span></p>
<p style="margin-top:2px;">Third level <span style="margin-left:19px;">Christophe Bogdan - Margot Montenoise - Lahouari Mansouri dit Wari</span></p>
</div>
<!-- fin de la liste des artistes -->
<!-- les images -->
<div id="carton"><img src="images/ateliers/ateliers2.jpg" style="margin-left:5px;margin-top:25px;" alt="carton invitation 1" width="228" height="320" /><img src="images/ateliers/ateliers3.jpg" style="margin-left:5px;margin-top:25px;" alt="carton invitation 1" width="238" height="320" /></div>
<!-- fin des images -->
<!-- pour ajouter un carton d'invitation, calculer l'image à une hauteur de 320px, la nommer par exemple "ateliers4.jpg" et la glisser dans le dossier images/ateliers/, ensuite ajouter dans le code ci dessus
<div id="carton"><img src="images/ateliers/ateliers4.jpg" style="margin-left:5px;margin-top:25px;" alt="carton invitation 3" width="" height="320" /></div>
-->
<div id="texte" style="margin-top:18px;font-size:12px;">
<p>Chaque année, Bloc-House organise deux portes ouvertes : en octobre, dans le cadre des ateliers portes ouvertes, en partenariat avec la ville de Sceaux; en juin des ateliers portes ouvertes directement proposés par les artistes résidents Bloc-House.</p>
<p style="width:100px;height:1px;border-bottom:1px solid #cc3300;margin-left:190px;margin-top:25px;"></p>
<p style="margin-top:25px;font-style:italic;">"... l'Etat, en lien avec les collectivités territoriales, pourrait faciliter l'implantation de collectifs d'artistes dans des lieux dits "intercalaires", c'est à dire des bâtiments en attente d'affectation ou de travaux, sur un temps donné, clairement défini dans une convention d'occupation précaire - précaire car temporaire."</p>
<p style="margin-top:10px;font-style:italic;">" Ces espaces de travail alternatifs... - même éphémères - ont un impact extrêmement positif sur la vie d'un quartier, son animation et son dynamisme. Il s'agit là d'une autre manière d'accéder à l'art, ni sacrée comme dans les musées, ni marchande comme dans les galeries. C'est un atout considérable, une chance pour les habitants, une opportunité pour les artistes."</p>
<p style="margin-top:10px;font-weight:bold;">Christophe Girard</p>
<p>Le petit livre rouge de la culture - Propositions pour une république culturelle</p>
<p>Flammarion, 2012.</p>
<p style="margin-top:20px;margin-bottom:10px;font-weight:bold;">Le site des ateliers a fait l'objet d'une convention de mise à disposition éphémère entre la ville de Sceaux et l'association Bloc-House</p>
</div>
<!-- fin scroller container --></div>
<!-- fin news --></div>
<!-- fin container --></div>

44
txt/interstices.txt Normal file
View File

@@ -0,0 +1,44 @@
<div id="content_inter">
<div id="interstice"><img id="survol" src="" alt="images interstices" width="500" height="520" /></div>
<div id="chiffres">
<p style="margin-top:3px;"><a href="#" title="interstice 01" onmouseover="javascript:text_over(0);">I 1</a></p>
<p><a href="#" title="interstice 02" onmouseover="javascript:text_over(1);">I 2</a></p>
<p><a href="#" title="interstice 03" onmouseover="javascript:text_over(2);">I 3</a></p>
<p><a href="#" title="interstice 04" onmouseover="javascript:text_over(4);">I 4</a></p>
<p><a href="#" title="interstice 05" onmouseover="javascript:text_over(5);">I 5</a></p>
<p><a href="#" title="interstice 06" onmouseover="javascript:text_over(6);">I 6</a></p>
<p><a href="#" title="interstice 07" onmouseover="javascript:text_over(7);">I 7</a></p>
</div>
<!-- fin content --></div>
<!-- pour ajouter une image
ajouter cette ligne ci-dessous au code avant la balise </div>
<p><a href="#" title="interstice 08" onmouseover="javascript:text_over(8);">I 8</a></p>
pour les images suivantes, le même code en augmentant tous les chiffre de +1
ensuite aller dans la feuille de style styles.css
et réduire la valeur margin-bottom, à vérifier après la mise en ligne afin que la liste s'ajuste à la page
#chiffres p{
font-size:18px;
font-weight:normal;
>> margin-bottom:60px;
}
#chiffres p a{
color:#000000;
font-size:18px;
font-weight:normal;
>> margin-bottom:60px;
text-decoration:none;
}
ensuite aller dans javascript/tools.js
et voir la suite y décrite
-->

375
txt/manifestations.txt Normal file
View File

@@ -0,0 +1,375 @@
<div id="Container">
<div id="News">
<div class="Scroller-Container">
<!-- Start nouveau-->
<div class="images_grand7" style="width: 480px; height: 322px;margin-top:3px;">
<div class="img_grand"><a href="images/manifestations/Visible_invisible1.jpg" rel="lightbox[visibleInvisible]" title="Exposition visible - invisible"><img src="images/manifestations/Visible_invisible1.jpg" alt="Exposition visible - invisible" width="478" border="0" /></a></div>
</div>
<div class="images">
<div class="vignette"><a href="images/manifestations/Visible_invisible2.jpg" rel="lightbox[visibleInvisible]" title="Exposition visible - invisible"><img src="images/manifestations/Visible_invisible2p.jpg" alt="Image 1 Exposition visible - invisible" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/Visible_invisible3.jpg" style="margin-left:9px;" rel="lightbox[visibleInvisible]" title="Exposition visible - invisible"><img src="images/manifestations/Visible_invisible3p.jpg" alt="Image 2 Exposition visible - invisible" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/Visible_invisible4.jpg" style="margin-left:9px;" rel="lightbox[visibleInvisible]" title="Exposition visible - invisible"><img src="images/manifestations/Visible_invisible4p.jpg" alt="Image 3 Exposition visible - invisible" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/Visible_invisible5.jpg" style="margin-left:9px;" rel="lightbox[visibleInvisible]" title="Exposition visible - invisible"><img src="images/manifestations/Visible_invisible5p.jpg" alt="Image 4 Exposition visible - invisible" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/Visible_invisible6.jpg" style="margin-left:9px;" rel="lightbox[visibleInvisible]" title="Exposition visible - invisible"><img src="images/manifestations/Visible_invisible6p.jpg" alt="Image 5 Exposition visible - invisible" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/Visible_invisible7.jpg" style="margin-left:9px;" rel="lightbox[visibleInvisible]" title="Exposition visible - invisible"><img src="images/manifestations/Visible_invisible7p.jpg" alt="Image 6 Exposition visible - invisible" width="70" height="70" border="0" /></a></div>
</div>
<div class="title">Visible / Invisible</div>
<div class="texte_manif">
<p style="font-size:14px;">Exposition du 31 juillet au 30 aout 2017, par le collectif Bloc-House en partenariat avec la galerie Rauchfeld</p>
<p style="font-style:italic;margin-top:5px;">Galerie Rauchfeld, 22 rue de Seine, 75006 Paris – France</p>
<p style="margin-top:8px;text-align:justify;">Première édition d’expositions à Paris à la galerie Rauchfeld. Une exposition sur le dessin, avec comme cahier des charges auxquels chacun des 22 artistes ont répondu : travailler avec juste le crayon de bois du 8H au 8B sur papier blanc, format libre et répondre à cette thématique : « Visible / Invisible ». La seconde édition devrait se dérouler en 2018 lors de la Semaine du Dessin à Sceaux et en 2019 l’ultime édition à Beijing à l’invitation de l’ambassade de France.</p>
<p style="margin-top:8px;text-align:justify;">Christophe Bogdan - Dashan Yang - Françoise Delecroix - Macha Pandellé - Isabelle Rince - Zhou Zeng - Arnaud de L’Estourbeillon - Jean-José Baranes - Claudine Sabatier - Jérôme Bouchez - Nicolas de Ferran - Margot Montenoise - Vincent Pandellé - Eliza Magri - Hai Tao - Arnaud Laval - Altone Mishino - Mitou Alalinarde - François Gibault – Qi Xiayan - Macha Krivokapic - Wari</p>
</div>
<!-- Start nouveau-->
<div class="images_grand7" style="width: 480px; height: 360px;margin-top:3px;">
<div class="img_grand"><a href="images/manifestations/amuse_gueule.jpg" rel="lightbox[amuseGueule]" title="Amuse Gueule"><img src="images/manifestations/amuse_gueule.jpg" alt="Exposition Amuse Gueule" width="478" border="0" /></a></div>
</div>
<div class="title">Amuse-gueule - Vente aux Enchères - Performance </div>
<div class="texte_manif">
<p style="font-size:14px;">Samedi 18 juin 2016 / Site des Ateliers à Sceaux</p>
<p style="font-style:italic;margin-top:5px;">Exposition des travaux 11.06 > 18.06, Vitrine de l’Hôtel de Ville</p>
<p style="margin-top:8px;text-align:justify;">Vente aux enchères/performance, proposant les travaux d'artistes professionnels du collectif Bloc-House avec un prix de départ de 10 euros. La vente s’est faite à l'aveugle et a été menée bénévolement par le commissaire priseur Maitre J.P.Allardi, sur le site de l'association. L’idée est que l'œuvre prime sur la notion de valeur et d'objet d'art, cette performance pour Une fois et jamais plus.</p>
<p style="margin-top:8px;text-align:justify;">Milan Atanaskovic - Mitou Alalinarde - Jean-José Baranès - Christophe Bogdan - Jérôme Bouchez Nicolas de Ferran - François Gibault - Eliza Magri - Anne Mauban - Paule Millara - Altone Mishino - Margot Montenoise- Macha Pandellé - Vincent Pandellé - Isabelle Rince – Arnaud de l’Estourbeillon – Invités : Laurence Bost - Arnaud Laval</p>
</div>
<!-- Start nouveau-->
<div class="images_grand7" style="width: 480px; height: 360px;margin-top:3px;">
<div class="img_grand"><a href="images/manifestations/archipel1.jpg" rel="lightbox[archipel]" title="Archipel"><img src="images/manifestations/archipel1.jpg" alt="Image TO BE A STICKER" width="478" border="0" /></a></div>
</div>
<div class="images">
<div class="vignette"><a href="images/manifestations/archipel2.jpg" rel="lightbox[archipel]" title="Installation de C.Bogdan"><img src="images/manifestations/archipel2p.jpg" alt="Image 1 l_election" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/archipel3.jpg" style="margin-left:9px;" rel="lightbox[archipel]" title="Installation de Vincent Pandell&eacute;"><img src="images/manifestations/archipel3p.jpg" alt="Image 2 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/archipel4.jpg" style="margin-left:9px;" rel="lightbox[archipel]" title="Installation de Renaud Bargues"><img src="images/manifestations/archipel4p.jpg" alt="Image 3 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/archipel5.jpg" style="margin-left:9px;" rel="lightbox[archipel]" title="Installation de Nicolas de Ferran"><img src="images/manifestations/archipel5p.jpg" alt="Image 4 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/archipel6.jpg" style="margin-left:9px;" rel="lightbox[archipel]" title="Installation de Milan Atanaskovik"><img src="images/manifestations/archipel6p.jpg" alt="Image 5 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/archipel7.jpg" style="margin-left:9px;" rel="lightbox[archipel]" title="Installation de Mitou Allalinarde"><img src="images/manifestations/archipel7p.jpg" alt="Image 6 l'élection" width="70" height="70" border="0" /></a></div>
</div>
<div class="title">ARCHIPEL</div>
<div class="texte_manif">
<p style="font-size:14px;">Installations artistiques éphémères du collectif - du 19 au 20 septembre 2015</p>
<p style="font-style:italic;margin-top:5px;">Jardin de la Ménagerie, Sceaux</p>
<p style="margin-top:8px;text-align:justify;">Le collectif d’artistes propose des installations artistiques éphémères formant le temps d’un week-end un archipel où chaque îlot tracé devient un territoire propre à chacun des artistes.</p>
<p style="margin-top:8px;text-align:justify;">Mitou Allalinarde - Milan Atanaskovic - Jean-José Baranes - Christophe Bogdan - Arnaud de l’Estourbeillon - Nicolas de Ferran - Macha Krivokapic - Wari Mansouri - Anne Mauban - Paule Millara - Altone Mishino - Margot Montenoise - Macha Pandellé - Vincent Pandellé - Dashan Yang – Artistes invités : Renaud Bargues - Françoise Delecroix - Claudine Sabatier</p>
<p style="margin-top:8px;text-align:justify;">...L’idée d’archipel conjoint deux notions contradictoires : l’iso- lement de l’île et la liaison de l’ensemble. D’où les caractéristiques que l’écrivain Edouard Glissant accorde à la pensée archipélique : « l’ambigu, le fragile, le dérivé » J.J Joubert.</p>
</div>
<!-- ///////////////// -->
<div class="images_grand8" style="width: 480px; height: 360px;margin-top:3px;">
<div class="img_grand"><a href="images/manifestations/open54_Performances.jpg" rel="lightbox[open54]" title="OPEN54 PERFORMANCES"><img src="images/manifestations/open54_Performances.jpg" alt="OPEN54 PERFORMANCES" width="478" border="0" /></a></div>
</div>
<div class="title" style="margin-top: 8px;">OPEN54 PERFORMANCES</div>
<div class="texte_manif">
<p style="font-size:14px;">Actions artistiques Live - Samedi 20 juin 2015</p>
<p style="font-style:italic;margin-top:5px;">Site de l’association Bloc-House, 54 rue de Bagneux-Sceaux</p>
<p style="margin-top:8px;text-align:justify;">Programme : Révèlation, Dashan Yang/Xiaomei Wang (Zen/encre) – Co-Loque, Vincent Pandellé (lecture) – Crob’Art, Christophe Bogdan/Margot Montenoise (dessin) – Chanteuses Publiques, Ludmila Dabo/Malgorzata Kasprzycka (performances vocales) – Lecture Houellebecquienne, François Gibault/Wari Mansouri (lecture/graph) – Cello, Léo Bredeloup (performance musicale) – 1/7, Jérôme Bouchez (performance) – Passage des cinq sens, Julia Dondzilo (geste relationnel) – Prélude musical de l’archipel des coopératives imaginaires, A.de l’Estourbeillon/N.de Ferran/B.Heereng – Geste en cours, Milan Atanaskovic (performance permanente)</p>
</div>
<!-- ///////////////// -->
<!-- Start nouveau-->
<div class="images_grand3">
<div class="img_grand"><a href="images/manifestations/l_election.jpg" rel="lightbox[election]" title="L'élection"><img src="images/manifestations/l_election.jpg" alt="Image TO BE A STICKER" width="478" height="349" border="0" /></a></div>
</div>
<div class="images">
<div class="vignette"><a href="images/manifestations/l_election1.jpg" rel="lightbox[election]" title="Affiche de Claudine Sabatier"><img src="images/manifestations/l_election1p.jpg" alt="Image 1 l_election" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election2.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche de Nicolas de Ferran"><img src="images/manifestations/l_election2p.jpg" alt="Image 2 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election3.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche d'Arnaud de l'Estourbeillion"><img src="images/manifestations/l_election3p.jpg" alt="Image 3 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election4.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche de Margot Montenoise"><img src="images/manifestations/l_election4p.jpg" alt="Image 4 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election5.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche de Milan Atanaskovic"><img src="images/manifestations/l_election5p.jpg" alt="Image 5 l'élection" width="70" height="70" border="0" /></a></div>
</div>
<!-- deuxième rang -->
<div class="images1">
<div class="vignette"><a href="images/manifestations/l_election6.jpg" rel="lightbox[election]" title="Affiche de Vincent Pandellé"><img src="images/manifestations/l_election6p.jpg" alt="Image 6 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election7.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche de Jérôme Bouchez "><img src="images/manifestations/l_election7p.jpg" alt="Image 7 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election8.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche de Macha Pandellé"><img src="images/manifestations/l_election8p.jpg" alt="Image 8 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election9.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche de Christophe Bogdan"><img src="images/manifestations/l_election9p.jpg" alt="Image 9 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election10.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche de Jouda Guerfali"><img src="images/manifestations/l_election10p.jpg" alt="Image 10 l'élection" width="70" height="70" border="0" /></a></div>
</div>
<div class="title">L'ÉLECTION</div>
<div class="texte_manif">
<p style="font-size:14px;">Installation - du 15/05 au 29/05/2013</p>
<p style="font-style:italic;margin-top:5px;">Sur trois sites dans la ville de Sceaux</p>
<p style="margin-top:8px;text-align:justify;">Milan Atanaskovic - Christophe Bogdan - Jérôme Bouchez - Nicolas De Ferran - Arnaud De L'Estourbeillon - Jouda Guerfali - Margot Montenoise - Macha Pandellé - Vincent Pandellé - Claudine Sabatier</p>
<p style="margin-top:8px;text-align:justify;">La poésie, l'imaginaire et l'art au-dessus de toute chose, tel est le parti pris de cette campagne d'affichage pour une élection fictive. Directement inspirée de la pataphysique et du surréalisme, cette manifestation s'inscrit en écho aux oeuvres des grands écrivains, poètes et pataphysiciens : Boris Vian, Alfred Jarry, mais aussi Alphonse Allais, Roland Topor…</p>
</div>
<!-- fin nouveau1, debut nouveau 2-->
<div class="images_grand4">
<div class="img_grand"><a href="images/manifestations/traces.jpg" rel="lightbox[traces]" title="Affiche de la manifestation Tracés"><img src="images/manifestations/traces.jpg" alt="Image Tracés" width="478" height="400" border="0" /></a></div>
</div>
<div class="images">
<div class="vignette"><a href="images/manifestations/traces1.jpg" rel="lightbox[traces]" title="Tracés 1"><img src="images/manifestations/traces1p.jpg" alt="Image 1 traces" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/traces2.jpg" style="margin-left:30px;" rel="lightbox[traces]" title="Tracés 2"><img src="images/manifestations/traces2p.jpg" alt="Image 2 traces" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/traces3.jpg" style="margin-left:30px;" rel="lightbox[traces]" title="Tracés 3"><img src="images/manifestations/traces3p.jpg" alt="Image 3 traces" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/traces4.jpg" style="margin-left:30px;" rel="lightbox[traces]" title="Tracés 4"><img src="images/manifestations/traces4p.jpg" alt="Image 4 traces" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/traces5.jpg" style="margin-left:30px;" rel="lightbox[traces]" title="Tracés 5"><img src="images/manifestations/traces5p.jpg" alt="Image 5 traces" width="70" height="70" border="0" /></a></div>
</div>
<div class="title">TRACÉS</div>
<div class="texte_manif">
<p style="font-size:14px;">Installation/Anamorphose - Du 14/09 au 22/09/13</p>
<p style="font-style:italic;margin-top:5px;">Journées du patrimoine de l'année Le Nôtre 2013 - Rotonde du jardin de la ménagerie - Démarche éco-durable</p>
<p style="margin-top:8px;text-align:justify;">Le collectif Bloc-House</p>
<p style="margin-top:8px;text-align:justify;">Lorsque la complexité, l'aléatoire, le désordre, la précarité des frontières, la pluralité et la relativité des points de vue sont au centre des différents savoirs, de la physique quantique à l'art contemporain.</p>
</div>
<!-- fin nouveau2, debut nouveau 3-->
<div class="images_grand5">
<div class="img_grand"><a href="images/manifestations/heureuxDesAstres.jpg" rel="lightbox[heureuxDesAstres]" title="Affiche de la manifestation Heureux des-astres"><img src="images/manifestations/heureuxDesAstresp.jpg" alt="Image Heureux Des-Astres" width="478" height="360" border="0" /></a></div>
</div>
<div class="title">HEUREUX DES-ASTRES</div>
<div class="texte_manif">
<p style="font-size:14px;">Exposition - Du 12/12/12 au 2/2/13</p>
<p style="font-style:italic;margin-top:5px;">Galerie de la médiathèque de Sceaux</p>
<p style="font-style:italic;">Performance théâtrale des comédiennes Ludmilla Dabo et Gosian Kasprzycka</p>
<p style="font-style:italic;">Texte de Frankétienne - Musique de l'exposition : Jérôme Bouchez - Musique générative</p>
<p style="margin-top:8px;text-align:justify;">Mitou Alalinarde - Jean-José Baranes - Christophe Bogdan - Nicolas De Ferran - Arnaud de L'Estourbeillon - François Gibault - Jouda Guerfali (invitée) - Macha Krivokapic - Paule Millara - Altone Mishino - Margot Montenoise - Isabelle Rince - Claudine Sabatier - Wari</p>
<p style="margin-top:8px;text-align:justify;">Le concept de l'exposition se situe dans le titre paradoxal Heureux Des-Astres ! Sur la thématique catastrophiste du désastre et notre rapport aux astres, un pied de nez ironique aux thèses de fin du monde, annoncées pour décembre 2012.</p>
</div>
<!-- fin nouveau3-->
<div class="video">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="480" height="400" title="Vidéo Co-Incidences" data="coincidences.swf" type="application/x-shockwave-flash" title="Vidéo Co-Incidences">
<param name="movie" value="video/coincidences.swf" />
<param name="quality" value="high" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="play" value="false" />
<param name="loop" value="false" />
<param name="bgcolor" value="#000000" />
<embed src="video/coincidences.swf" play="false" loop="false" quality="high" bgcolor="#000000" width="480" height="400" name="coincidences" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>
</div>
<div class="images">
<div class="vignette"><a href="images/manifestations/coIncidences1g.jpg" rel="lightbox[coincidences]" title="Co-Incidences 1"><img src="images/manifestations/coIncidences1p.jpg" alt="Image 1 CoIncidences" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/coIncidences2g.jpg" style="margin-left:9px;" rel="lightbox[coincidences]" title="Co-Incidences 2"><img src="images/manifestations/coIncidences2p.jpg" alt="Image 2 CoIncidences" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/coIncidences3g.jpg" style="margin-left:9px;" rel="lightbox[coincidences]" title="Co-Incidences 3"><img src="images/manifestations/coIncidences3p.jpg" alt="Image 3 CoIncidences" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/coIncidences4g.jpg" style="margin-left:9px;" rel="lightbox[coincidences]" title="Co-Incidences 4"><img src="images/manifestations/coIncidences4p.jpg" alt="Image 4 CoIncidences" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/coIncidences5g.jpg" style="margin-left:9px;" rel="lightbox[coincidences]" title="Co-Incidences 5"><img src="images/manifestations/coIncidences5p.jpg" alt="Image 5 CoIncidences" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/coIncidences6g.jpg" style="margin-left:9px;" rel="lightbox[coincidences]" title="Co-Incidences 6"><img src="images/manifestations/coIncidences6p.jpg" alt="Image 6 CoIncidences" width="70" height="70" border="0" /></a></div>
</div>
<div class="title">
CO-INCIDENCES </div>
<div class="texte_manif">
<p style="font-size:14px;">Installations - Avril 2010</p>
<p style="font-style:italic;margin-top:5px;">Site classé - Jardin de la Ménagerie de Sceaux</p>
<p>Scénographie : Arnaud Laval</p>
<p>Création sonore : Régis Delbroucq</p>
<p style="margin-top:8px;text-align:justify;">Mitou Alalinarde - Claire Artemyz - Milan Atanaskovic - Jean José Baranes - Christophe Bogdan - Gérard Koch - Nicolas de Ferran - Macha Krivokapic - Eliza Magri - Anne Mauban - Altone Mishino - Margot Montenoise - Macha Pandellé - Vincent Pandellé - Isabelle Rince - Claudine Sabatier - Lahouari Mansouri dit Wari - Dashan Yang</p>
<p style="margin-top:8px;text-align:justify;">Dix-sept installations éphémères proposées par les artistes Bloc-House, en partenariat avec la ville de Sceaux. Elles marquent une rencontre entre la création artistique, le présent et le passé du jardin historique de la Ménagerie.</p>
</div>
<!-- fin du paragraphe manifestation 1 CoIncidences-->
<div class="video">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="480" height="400" title="Vidéo Noir">
<param name="movie" value="video/noir.swf" />
<param name="quality" value="high" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="play" value="false" />
<param name="loop" value="false" />
<param name="bgcolor" value="#000000" />
<embed src="video/noir.swf" play="false" loop="false" quality="high" bgcolor="#000000" width="480" height="400" name="noir" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
<div class="images">
<div class="vignette"><a href="images/manifestations/noir1g.jpg" rel="lightbox[noir]" title="NOIR 1"><img src="images/manifestations/noir1p.jpg" alt="Image 1 NOIR" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/noir2g.jpg" style="margin-left:30px;" rel="lightbox[noir]" title="NOIR 2"><img src="images/manifestations/noir2p.jpg" alt="Image 2 NOIR" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/noir3g.jpg" style="margin-left:30px;" rel="lightbox[noir]" title="NOIR 3"><img src="images/manifestations/noir3p.jpg" alt="Image 3 NOIR" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/noir4g.jpg" style="margin-left:30px;" rel="lightbox[noir]" title="NOIR 4"><img src="images/manifestations/noir4p.jpg" alt="Image 4 NOIR" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/noir5g.jpg" style="margin-left:30px;" rel="lightbox[noir]" title="NOIR 5"><img src="images/manifestations/noir5p.jpg" alt="Image 5 NOIR" width="70" height="70" border="0" /></a></div>
</div>
<div class="title">NOIR</div>
<div class="texte_manif">
<p style="font-size:14px;">Installations photographiques - du 06 au 12 novembre 2009</p>
<p style="font-style:italic;margin-top:5px;">Mois de la photo à Sceaux</p>
<p style="margin-top:8px;text-align:justify;">Milan Atanaskovic - Jean José Baranes - Matt Bed - Christophe Bogdan - Jérôme Bouchez - Nicolas de Ferran - Macha Krivokapic - Anna Kuznetsova - Eliza Magri - Altone Mishino - Margot Montenoise - Vincent Pandellé</p>
<p style="margin-top:8px;text-align:justify;">Dans un espace convoquant la camera obscura, une lecture intimiste de chaque installation photographique et dispositif vidéo, inscrits dans des halos de lumière.</p>
</div>
<div class="images_grand">
<div class="img_grand"><a href="images/manifestations/toBeAsticklerg.jpg" rel="lightbox[stickler]" title="STICKLER"><img src="images/manifestations/toBeAsticklerp.jpg" alt="Image TO BE A STICKER" width="478" height="370" border="0" /></a></div>
</div>
<!-- fin du paragraphe manifestation 2 Noir-->
<div class="title">TO BE A STICKLER</div>
<div class="texte_manif">
<p style="font-size:14px;">Installation photographique outdoor - Novembre 2010</p>
<p style="font-style:italic;margin-top:5px;">Mois de la photo à Sceaux - Site de l'ancienne gendarmerie</p>
<p style="margin-top:8px;text-align:justify;">Milan Atanaskovic - Jérôme Bouchez - Nicolas de Ferran - Macha Krivokapic - Vincent Pandellé - Lahouari Mansouri dit Wari</p>
</div>
<div class="images_grand1">
<div class="img_grand"><a href="images/manifestations/kakemonog.jpg" rel="lightbox[kakemono]" title="CECI N'EST PAS UN KAKEMONO"><img src="images/manifestations/kakemonop.jpg" alt="Image CECI N'EST PAS UN KAKEMONO" width="478" height="347" border="0" /></a></div>
</div><!-- fin du paragraphe manifestation 3 Stickler-->
<div class="title">CECI N'EST PAS UN KAK&Eacute;MONO</div>
<div class="texte_manif">
<p style="font-size:14px;">Intervention en milieu urbain - Sceaux Février 2011</p>
<p style="margin-top:8px;text-align:justify;">Mitou Alalinarde - Jean José Baranes - Christophe Bogdan - Jérôme Bouchez - Nicolas de Ferran - Anne Mauban - Paule Millara - Margot Montenoise - Macha Pandellé - Vincent Pandellé - Isabelle Rince - Claudine Sabatier - Lahouari Mansouri dit Wari - Dashan Yang</p>
</div> <!-- fin du paragraphe manifestation 4 Kakémono-->
<div class="images_grand2">
<div class="img_grand"><a href="images/manifestations/c11g.jpg" rel="lightbox[c11]" title="C1.1"><img src="images/manifestations/c11p.jpg" style="border-bottom:1px solid #990000;" alt="Image C1.1" width="478" height="374" /></a></div>
</div>
<div class="title">C1.1</div>
<div class="texte_manif">
<p style="font-size:14px;">Sceaux Avril 2008</p>
</div> <!-- fin du paragraphe manifestation 5 C.1.1 -->
<!-- debut du paragraphe d'une nouvelle manifestation
<div class="video">
insérer le code de la vidéo s'il y a lieu, et effacer ce texte
</div>
<div class="images">
exemple pour 5 images, completer le chemin des images avec les noms à la place de "..." ainsi que title et alt avec le nom de la manifestation, ne pas oublier de glisser les nouvelles images p et g dans le dossier images/manifestations/, et effacer ce texte
<div class="vignette"><a href="images/manifestations/...1g.jpg" rel="lightbox[manifestations]" title="Photo 1 de la manifestation ..."><img src="images/manifestations/...1p.jpg" alt="Image 1 ..." width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/...2g.jpg" rel="lightbox[manifestations]" title="Photo 1 de la manifestation ..."><img src="images/manifestations/...2p.jpg" alt="Image 1 ..." width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/...3g.jpg" rel="lightbox[manifestations]" title="Photo 1 de la manifestation ..."><img src="images/manifestations/...3p.jpg" alt="Image 1 ..." width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/...4g.jpg" rel="lightbox[manifestations]" title="Photo 1 de la manifestation ..."><img src="images/manifestations/...4p.jpg" alt="Image 1 ..." width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/...5g.jpg" rel="lightbox[manifestations]" title="Photo 1 de la manifestation ..."><img src="images/manifestations/...5p.jpg" alt="Image 1 ..." width="70" height="70" border="0" /></a></div>
</div>
<div class="title">....
mettre le nom de la manifestions et effacer ce texte
</div>
<div class="texte_manif"> ici tous les paragraphes qui suivent le titre
<p style="font-size:14px;">... remplir en cas de sous-titre, genre de manifestations</p>
<p style="font-style:italic;margin-top:5px;">... nom général et date</p>
<p style="margin-top:8px;text-align:justify;">... les noms des participants</p>
<p style="margin-top:8px;text-align:justify;">... Un texte sur l'événement</p>
fin de texte_manif</div>
fin du paragraphe nouvelle manifestation, à insérer à l'endroit souhaité entre fin et debut d'autres paragraphes -->
<!-- fin scroller container --></div>
<!-- fin news --></div>
<!-- fin container --></div>

331
txt/old_manifestations.txt Normal file
View File

@@ -0,0 +1,331 @@
<div id="Container">
<div id="News">
<div class="Scroller-Container">
<!-- Start nouveau-->
<div class="images_grand7" style="width: 480px; height: 360px;margin-top:3px;">
<div class="img_grand"><a href="images/manifestations/archipel1.jpg" rel="lightbox[archipel]" title="Archipel"><img src="images/manifestations/archipel1.jpg" alt="Image TO BE A STICKER" width="478" border="0" /></a></div>
</div>
<div class="images">
<div class="vignette"><a href="images/manifestations/archipel2.jpg" rel="lightbox[archipel]" title="Installation de C.Bogdan"><img src="images/manifestations/archipel2p.jpg" alt="Image 1 l_election" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/archipel3.jpg" style="margin-left:9px;" rel="lightbox[archipel]" title="Installation de Vincent Pandell&eacute;"><img src="images/manifestations/archipel3p.jpg" alt="Image 2 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/archipel4.jpg" style="margin-left:9px;" rel="lightbox[archipel]" title="Installation de Renaud Bargues"><img src="images/manifestations/archipel4p.jpg" alt="Image 3 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/archipel5.jpg" style="margin-left:9px;" rel="lightbox[archipel]" title="Installation de Nicolas de Ferran"><img src="images/manifestations/archipel5p.jpg" alt="Image 4 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/archipel6.jpg" style="margin-left:9px;" rel="lightbox[archipel]" title="Installation de Milan Atanaskovik"><img src="images/manifestations/archipel6p.jpg" alt="Image 5 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/archipel7.jpg" style="margin-left:9px;" rel="lightbox[archipel]" title="Installation de Mitou Allalinarde"><img src="images/manifestations/archipel7p.jpg" alt="Image 6 l'élection" width="70" height="70" border="0" /></a></div>
</div>
<div class="title">ARCHIPEL</div>
<div class="texte_manif">
<p style="font-size:14px;">Installations artistiques éphémères du collectif - du 19 au 20 septembre 2015</p>
<p style="font-style:italic;margin-top:5px;">Jardin de la Ménagerie, Sceaux</p>
<p style="margin-top:8px;text-align:justify;">Le collectif d’artistes propose des installations artistiques éphémères formant le temps d’un week-end un archipel où chaque îlot tracé devient un territoire propre à chacun des artistes.</p>
<p style="margin-top:8px;text-align:justify;">Mitou Allalinarde - Milan Atanaskovic - Jean-José Baranes - Christophe Bogdan - Arnaud de l’Estourbeillon - Nicolas de Ferran - Macha Krivokapic - Wari Mansouri - Anne Mauban - Paule Millara - Altone Mishino - Margot Montenoise - Macha Pandellé - Vincent Pandellé - Dashan Yang – Artistes invités : Renaud Bargues - Françoise Delecroix</p>
<p style="margin-top:8px;text-align:justify;">...L’idée d’archipel conjoint deux notions contradictoires : l’iso- lement de l’île et la liaison de l’ensemble. D’où les caractéristiques que l’écrivain Edouard Glissant accorde à la pensée archipélique : « l’ambigu, le fragile, le dérivé » J.J Joubert.</p>
</div>
<!-- ///////////////// -->
<div class="images_grand8" style="width: 480px; height: 360px;margin-top:3px;">
<div class="img_grand"><a href="images/manifestations/open54_Performances.jpg" rel="lightbox[open54]" title="OPEN54 PERFORMANCES"><img src="images/manifestations/open54_Performances.jpg" alt="OPEN54 PERFORMANCES" width="478" border="0" /></a></div>
</div>
<div class="title" style="margin-top: 8px;">OPEN54 PERFORMANCES</div>
<div class="texte_manif">
<p style="font-size:14px;">Actions artistiques Live - Samedi 20 juin 2015</p>
<p style="font-style:italic;margin-top:5px;">Site de l’association Bloc-House, 54 rue de Bagneux-Sceaux</p>
<p style="margin-top:8px;text-align:justify;">Programme : Révèlation, Dashan Yang/Xiaomei Wang (Zen/encre) – Co-Loque, Vincent Pandellé (lecture) – Crob’Art, Christophe Bogdan/Margot Montenoise (dessin) – Chanteuses Publiques, Ludmila Dabo/Malgorzata Kasprzycka (performances vocales) – Lecture Houellebecquienne, François Gibault/Wari Mansouri (lecture/graph) – Cello, Léo Bredeloup (performance musicale) – 1/7, Jérôme Bouchez (performance) – Passage des cinq sens, Julia Dondzilo (geste relationnel) – Prélude musical de l’archipel des coopératives imaginaires, A.de l’Estourbeillon/N.de Ferran/B.Heereng – Geste en cours, Milan Atanaskovic (performance permanente)</p>
</div>
<!-- ///////////////// -->
<!-- Start nouveau-->
<div class="images_grand3">
<div class="img_grand"><a href="images/manifestations/l_election.jpg" rel="lightbox[election]" title="L'élection"><img src="images/manifestations/l_election.jpg" alt="Image TO BE A STICKER" width="478" height="349" border="0" /></a></div>
</div>
<div class="images">
<div class="vignette"><a href="images/manifestations/l_election1.jpg" rel="lightbox[election]" title="Affiche de Claudine Sabatier"><img src="images/manifestations/l_election1p.jpg" alt="Image 1 l_election" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election2.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche de Nicolas de Ferran"><img src="images/manifestations/l_election2p.jpg" alt="Image 2 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election3.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche d'Arnaud de l'Estourbeillion"><img src="images/manifestations/l_election3p.jpg" alt="Image 3 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election4.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche de Margot Montenoise"><img src="images/manifestations/l_election4p.jpg" alt="Image 4 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election5.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche de Milan Atanaskovic"><img src="images/manifestations/l_election5p.jpg" alt="Image 5 l'élection" width="70" height="70" border="0" /></a></div>
</div>
<!-- deuxième rang -->
<div class="images1">
<div class="vignette"><a href="images/manifestations/l_election6.jpg" rel="lightbox[election]" title="Affiche de Vincent Pandellé"><img src="images/manifestations/l_election6p.jpg" alt="Image 6 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election7.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche de Jérôme Bouchez "><img src="images/manifestations/l_election7p.jpg" alt="Image 7 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election8.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche de Macha Pandellé"><img src="images/manifestations/l_election8p.jpg" alt="Image 8 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election9.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche de Christophe Bogdan"><img src="images/manifestations/l_election9p.jpg" alt="Image 9 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election10.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche de Jouda Guerfali"><img src="images/manifestations/l_election10p.jpg" alt="Image 10 l'élection" width="70" height="70" border="0" /></a></div>
</div>
<div class="title">L'ÉLECTION</div>
<div class="texte_manif">
<p style="font-size:14px;">Installation - du 15/05 au 29/05/2013</p>
<p style="font-style:italic;margin-top:5px;">Sur trois sites dans la ville de Sceaux</p>
<p style="margin-top:8px;text-align:justify;">Milan Atanaskovic - Christophe Bogdan - Jérôme Bouchez - Nicolas De Ferran - Arnaud De L'Estourbeillon - Jouda Guerfali - Margot Montenoise - Macha Pandellé - Vincent Pandellé - Claudine Sabatier</p>
<p style="margin-top:8px;text-align:justify;">La poésie, l'imaginaire et l'art au-dessus de toute chose, tel est le parti pris de cette campagne d'affichage pour une élection fictive. Directement inspirée de la pataphysique et du surréalisme, cette manifestation s'inscrit en écho aux oeuvres des grands écrivains, poètes et pataphysiciens : Boris Vian, Alfred Jarry, mais aussi Alphonse Allais, Roland Topor…</p>
</div>
<!-- fin nouveau1, debut nouveau 2-->
<div class="images_grand4">
<div class="img_grand"><a href="images/manifestations/traces.jpg" rel="lightbox[traces]" title="Affiche de la manifestation Tracés"><img src="images/manifestations/traces.jpg" alt="Image Tracés" width="478" height="400" border="0" /></a></div>
</div>
<div class="images">
<div class="vignette"><a href="images/manifestations/traces1.jpg" rel="lightbox[traces]" title="Tracés 1"><img src="images/manifestations/traces1p.jpg" alt="Image 1 traces" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/traces2.jpg" style="margin-left:30px;" rel="lightbox[traces]" title="Tracés 2"><img src="images/manifestations/traces2p.jpg" alt="Image 2 traces" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/traces3.jpg" style="margin-left:30px;" rel="lightbox[traces]" title="Tracés 3"><img src="images/manifestations/traces3p.jpg" alt="Image 3 traces" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/traces4.jpg" style="margin-left:30px;" rel="lightbox[traces]" title="Tracés 4"><img src="images/manifestations/traces4p.jpg" alt="Image 4 traces" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/traces5.jpg" style="margin-left:30px;" rel="lightbox[traces]" title="Tracés 5"><img src="images/manifestations/traces5p.jpg" alt="Image 5 traces" width="70" height="70" border="0" /></a></div>
</div>
<div class="title">TRACÉS</div>
<div class="texte_manif">
<p style="font-size:14px;">Installation/Anamorphose - Du 14/09 au 22/09/13</p>
<p style="font-style:italic;margin-top:5px;">Journées du patrimoine de l'année Le Nôtre 2013 - Rotonde du jardin de la ménagerie - Démarche éco-durable</p>
<p style="margin-top:8px;text-align:justify;">Le collectif Bloc-House</p>
<p style="margin-top:8px;text-align:justify;">Lorsque la complexité, l'aléatoire, le désordre, la précarité des frontières, la pluralité et la relativité des points de vue sont au centre des différents savoirs, de la physique quantique à l'art contemporain.</p>
</div>
<!-- fin nouveau2, debut nouveau 3-->
<div class="images_grand5">
<div class="img_grand"><a href="images/manifestations/heureuxDesAstres.jpg" rel="lightbox[heureuxDesAstres]" title="Affiche de la manifestation Heureux des-astres"><img src="images/manifestations/heureuxDesAstresp.jpg" alt="Image Heureux Des-Astres" width="478" height="360" border="0" /></a></div>
</div>
<div class="title">HEUREUX DES-ASTRES</div>
<div class="texte_manif">
<p style="font-size:14px;">Exposition - Du 12/12/12 au 2/2/13</p>
<p style="font-style:italic;margin-top:5px;">Galerie de la médiathèque de Sceaux</p>
<p style="font-style:italic;">Performance théâtrale des comédiennes Ludmilla Dabo et Gosian Kasprzycka</p>
<p style="font-style:italic;">Texte de Frankétienne - Musique de l'exposition : Jérôme Bouchez - Musique générative</p>
<p style="margin-top:8px;text-align:justify;">Mitou Alalinarde - Jean-José Baranes - Christophe Bogdan - Nicolas De Ferran - Arnaud de L'Estourbeillon - François Gibault - Jouda Guerfali (invitée) - Macha Krivokapic - Paule Millara - Altone Mishino - Margot Montenoise - Isabelle Rince - Claudine Sabatier - Wari</p>
<p style="margin-top:8px;text-align:justify;">Le concept de l'exposition se situe dans le titre paradoxal Heureux Des-Astres ! Sur la thématique catastrophiste du désastre et notre rapport aux astres, un pied de nez ironique aux thèses de fin du monde, annoncées pour décembre 2012.</p>
</div>
<!-- fin nouveau3-->
<div class="video">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="480" height="400" title="Vidéo Co-Incidences" data="coincidences.swf" type="application/x-shockwave-flash" title="Vidéo Co-Incidences">
<param name="movie" value="video/coincidences.swf" />
<param name="quality" value="high" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="play" value="false" />
<param name="loop" value="false" />
<param name="bgcolor" value="#000000" />
<embed src="video/coincidences.swf" play="false" loop="false" quality="high" bgcolor="#000000" width="480" height="400" name="coincidences" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>
</div>
<div class="images">
<div class="vignette"><a href="images/manifestations/coIncidences1g.jpg" rel="lightbox[coincidences]" title="Co-Incidences 1"><img src="images/manifestations/coIncidences1p.jpg" alt="Image 1 CoIncidences" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/coIncidences2g.jpg" style="margin-left:9px;" rel="lightbox[coincidences]" title="Co-Incidences 2"><img src="images/manifestations/coIncidences2p.jpg" alt="Image 2 CoIncidences" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/coIncidences3g.jpg" style="margin-left:9px;" rel="lightbox[coincidences]" title="Co-Incidences 3"><img src="images/manifestations/coIncidences3p.jpg" alt="Image 3 CoIncidences" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/coIncidences4g.jpg" style="margin-left:9px;" rel="lightbox[coincidences]" title="Co-Incidences 4"><img src="images/manifestations/coIncidences4p.jpg" alt="Image 4 CoIncidences" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/coIncidences5g.jpg" style="margin-left:9px;" rel="lightbox[coincidences]" title="Co-Incidences 5"><img src="images/manifestations/coIncidences5p.jpg" alt="Image 5 CoIncidences" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/coIncidences6g.jpg" style="margin-left:9px;" rel="lightbox[coincidences]" title="Co-Incidences 6"><img src="images/manifestations/coIncidences6p.jpg" alt="Image 6 CoIncidences" width="70" height="70" border="0" /></a></div>
</div>
<div class="title">
CO-INCIDENCES </div>
<div class="texte_manif">
<p style="font-size:14px;">Installations - Avril 2010</p>
<p style="font-style:italic;margin-top:5px;">Site classé - Jardin de la Ménagerie de Sceaux</p>
<p>Scénographie : Arnaud Laval</p>
<p>Création sonore : Régis Delbroucq</p>
<p style="margin-top:8px;text-align:justify;">Mitou Alalinarde - Claire Artemyz - Milan Atanaskovic - Jean José Baranes - Christophe Bogdan - Gérard Koch - Nicolas de Ferran - Macha Krivokapic - Eliza Magri - Anne Mauban - Altone Mishino - Margot Montenoise - Macha Pandellé - Vincent Pandellé - Isabelle Rince - Claudine Sabatier - Lahouari Mansouri dit Wari - Dashan Yang</p>
<p style="margin-top:8px;text-align:justify;">Dix-sept installations éphémères proposées par les artistes Bloc-House, en partenariat avec la ville de Sceaux. Elles marquent une rencontre entre la création artistique, le présent et le passé du jardin historique de la Ménagerie.</p>
</div>
<!-- fin du paragraphe manifestation 1 CoIncidences-->
<div class="video">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="480" height="400" title="Vidéo Noir">
<param name="movie" value="video/noir.swf" />
<param name="quality" value="high" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="play" value="false" />
<param name="loop" value="false" />
<param name="bgcolor" value="#000000" />
<embed src="video/noir.swf" play="false" loop="false" quality="high" bgcolor="#000000" width="480" height="400" name="noir" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
<div class="images">
<div class="vignette"><a href="images/manifestations/noir1g.jpg" rel="lightbox[noir]" title="NOIR 1"><img src="images/manifestations/noir1p.jpg" alt="Image 1 NOIR" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/noir2g.jpg" style="margin-left:30px;" rel="lightbox[noir]" title="NOIR 2"><img src="images/manifestations/noir2p.jpg" alt="Image 2 NOIR" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/noir3g.jpg" style="margin-left:30px;" rel="lightbox[noir]" title="NOIR 3"><img src="images/manifestations/noir3p.jpg" alt="Image 3 NOIR" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/noir4g.jpg" style="margin-left:30px;" rel="lightbox[noir]" title="NOIR 4"><img src="images/manifestations/noir4p.jpg" alt="Image 4 NOIR" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/noir5g.jpg" style="margin-left:30px;" rel="lightbox[noir]" title="NOIR 5"><img src="images/manifestations/noir5p.jpg" alt="Image 5 NOIR" width="70" height="70" border="0" /></a></div>
</div>
<div class="title">NOIR</div>
<div class="texte_manif">
<p style="font-size:14px;">Installations photographiques - du 06 au 12 novembre 2009</p>
<p style="font-style:italic;margin-top:5px;">Mois de la photo à Sceaux</p>
<p style="margin-top:8px;text-align:justify;">Milan Atanaskovic - Jean José Baranes - Matt Bed - Christophe Bogdan - Jérôme Bouchez - Nicolas de Ferran - Macha Krivokapic - Anna Kuznetsova - Eliza Magri - Altone Mishino - Margot Montenoise - Vincent Pandellé</p>
<p style="margin-top:8px;text-align:justify;">Dans un espace convoquant la camera obscura, une lecture intimiste de chaque installation photographique et dispositif vidéo, inscrits dans des halos de lumière.</p>
</div>
<div class="images_grand">
<div class="img_grand"><a href="images/manifestations/toBeAsticklerg.jpg" rel="lightbox[stickler]" title="STICKLER"><img src="images/manifestations/toBeAsticklerp.jpg" alt="Image TO BE A STICKER" width="478" height="370" border="0" /></a></div>
</div>
<!-- fin du paragraphe manifestation 2 Noir-->
<div class="title">TO BE A STICKLER</div>
<div class="texte_manif">
<p style="font-size:14px;">Installation photographique outdoor - Novembre 2010</p>
<p style="font-style:italic;margin-top:5px;">Mois de la photo à Sceaux - Site de l'ancienne gendarmerie</p>
<p style="margin-top:8px;text-align:justify;">Milan Atanaskovic - Jérôme Bouchez - Nicolas de Ferran - Macha Krivokapic - Vincent Pandellé - Lahouari Mansouri dit Wari</p>
</div>
<div class="images_grand1">
<div class="img_grand"><a href="images/manifestations/kakemonog.jpg" rel="lightbox[kakemono]" title="CECI N'EST PAS UN KAKEMONO"><img src="images/manifestations/kakemonop.jpg" alt="Image CECI N'EST PAS UN KAKEMONO" width="478" height="347" border="0" /></a></div>
</div><!-- fin du paragraphe manifestation 3 Stickler-->
<div class="title">CECI N'EST PAS UN KAK&Eacute;MONO</div>
<div class="texte_manif">
<p style="font-size:14px;">Intervention en milieu urbain - Sceaux Février 2011</p>
<p style="margin-top:8px;text-align:justify;">Mitou Alalinarde - Jean José Baranes - Christophe Bogdan - Jérôme Bouchez - Nicolas de Ferran - Anne Mauban - Paule Millara - Margot Montenoise - Macha Pandellé - Vincent Pandellé - Isabelle Rince - Claudine Sabatier - Lahouari Mansouri dit Wari - Dashan Yang</p>
</div> <!-- fin du paragraphe manifestation 4 Kakémono-->
<div class="images_grand2">
<div class="img_grand"><a href="images/manifestations/c11g.jpg" rel="lightbox[c11]" title="C1.1"><img src="images/manifestations/c11p.jpg" style="border-bottom:1px solid #990000;" alt="Image C1.1" width="478" height="374" /></a></div>
</div>
<div class="title">C1.1</div>
<div class="texte_manif">
<p style="font-size:14px;">Sceaux Avril 2008</p>
</div> <!-- fin du paragraphe manifestation 5 C.1.1 -->
<!-- debut du paragraphe d'une nouvelle manifestation
<div class="video">
insérer le code de la vidéo s'il y a lieu, et effacer ce texte
</div>
<div class="images">
exemple pour 5 images, completer le chemin des images avec les noms à la place de "..." ainsi que title et alt avec le nom de la manifestation, ne pas oublier de glisser les nouvelles images p et g dans le dossier images/manifestations/, et effacer ce texte
<div class="vignette"><a href="images/manifestations/...1g.jpg" rel="lightbox[manifestations]" title="Photo 1 de la manifestation ..."><img src="images/manifestations/...1p.jpg" alt="Image 1 ..." width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/...2g.jpg" rel="lightbox[manifestations]" title="Photo 1 de la manifestation ..."><img src="images/manifestations/...2p.jpg" alt="Image 1 ..." width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/...3g.jpg" rel="lightbox[manifestations]" title="Photo 1 de la manifestation ..."><img src="images/manifestations/...3p.jpg" alt="Image 1 ..." width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/...4g.jpg" rel="lightbox[manifestations]" title="Photo 1 de la manifestation ..."><img src="images/manifestations/...4p.jpg" alt="Image 1 ..." width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/...5g.jpg" rel="lightbox[manifestations]" title="Photo 1 de la manifestation ..."><img src="images/manifestations/...5p.jpg" alt="Image 1 ..." width="70" height="70" border="0" /></a></div>
</div>
<div class="title">....
mettre le nom de la manifestions et effacer ce texte
</div>
<div class="texte_manif"> ici tous les paragraphes qui suivent le titre
<p style="font-size:14px;">... remplir en cas de sous-titre, genre de manifestations</p>
<p style="font-style:italic;margin-top:5px;">... nom général et date</p>
<p style="margin-top:8px;text-align:justify;">... les noms des participants</p>
<p style="margin-top:8px;text-align:justify;">... Un texte sur l'événement</p>
fin de texte_manif</div>
fin du paragraphe nouvelle manifestation, à insérer à l'endroit souhaité entre fin et debut d'autres paragraphes -->
<!-- fin scroller container --></div>
<!-- fin news --></div>
<!-- fin container --></div>

22
txt/partenaires.txt Normal file
View File

@@ -0,0 +1,22 @@
<div id="lP">
<div id="haut">
<div class="partner"><a href="http://www.sceaux.fr" title="Accéder au site internet de La ville de Sceaux" onmouseover="javascript:showLogo();" onmouseout="javascript:initPart();" target="_blank"><img id="p1" src="" alt="logo ville de Sceaux" width="200" height="200" /></a></div>
<div class="partner1" style="margin-top:-30px;margin-left:30px;"><a href="" title="Accéder au site internet de " onmouseover="javascript();" onmouseout="javascript:();" target="_blank"><img id="p3" src="" alt="" width="200" height="200" /></a></div>
</div>
<div id="bas">
<div class="partner1" style="margin-left:-10px;"><a href="" title="Accéder au site internet de " onmouseover="javascript:();" onmouseout="javascript:();" target="_blank"><img id="p4" src="" alt="" width="200" height="200" /></a></div>
<div class="partner" style="margin-top:-30px;margin-left:30px;"><a href="http://www.oart.tv" title="Accéder au site internet de oArt TV" onmouseover="javascript:showLogo1(3);" onmouseout="javascript:initPart1();" target="_blank"><img id="p2" src="" alt="logo ville de Sceaux" width="200" height="200" /></a></div>
</div>
</div>
<!-- pour ajouter un partenaire, mettre le logo en 200 x 200 px, et le glisser dans le dossier images/ , insérer le chemin de l'image dans src="images/.... .jpg" dans une des div avec l'id "partner1", remplacer "partner1" par "partner", mettre le chemin du site dans a href="...", insérer le nom du partnenaire dans alt="logo de ... " et title="Accéder au site de ... " -->

10
txt/texte_index.txt Normal file
View File

@@ -0,0 +1,10 @@
<!-- texte de la page d'accueil, à remplacer, pour faire un paragraphe ajouter <br /><br /> -->
<div id="texte">
Créée en 2007 à Sceaux, Bloc-House est une association d'artistes plasticiens, dont la vocation est de diffuser la création contemporaine et de favoriser l'ouverture d'ateliers éphémères sur son territoire. Pôle de création, elle est aussi l'interface entre les partenaires culturels, économiques et sociaux et s'inscrit ainsi dans les propos du curator Nicolas Bourriaud :
<br /><br />
<span style="font-style:italic;">« L'oeuvre d'art se présente comme un interstice social à l'intérieur de laquelle ces expériences, ces nouvelles « possibilités de vie », s'avèrent possibles : il semble plus urgent d'inventer des relations possibles avec ses voisins au présent que de faire chanter les lendemains. » <br /><span style="float:left;font-style:normal;margin-top:3px;"><span style="font-weight:bold;">Esthétique relationnelle</span>, Les Presses du Réel, 1998</span></span>
<br /><br />
Bloc-House produit chaque année des manifestations artistiques qui sont autant de possibilités d'échange, de liens tissés avec le grand public et le milieu des collectionneurs.
</div>