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

modifs dans les html

Browse Source
This commit is contained in:
hugodu69
2018-12-26 02:03:10 +01:00
parent 71af12e0e2
commit 911040430f
12 changed files with 965 additions and 813 deletions
Download Patch File Download Diff File Expand all files Collapse all files

144
artistes.html Normal file
View File

@@ -0,0 +1,144 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<title>Association Bloc-House - Les ateliers éphémères - Les artistes adhérents</title>
<meta name="description" content="Site présentant les activités et les artistes de l'association Bloc-House à Sceaux" />
<meta name="Author" content="L'association Bloc-House et ses artistes" />
<meta name="keywords" content="Bloc-House, ateliers éphémères, ville de Sceaux, ateliers portes ouvertes, association d'artistes plasticiens, diffusion de la création contemporaine, ouverture d'ateliers éphémères, territoire, pôle de création, interface, partenaires culturels, économiques et sociaux, manifestations artistiques, Underground, Milan Atanaskovic, Eliza Magri, Macha Pandellé, Vincent Pandellé, Altone Mishino, Jérome Bouchez, Paule Millara, Christophe Bogdan, Margot Montenoise, Lahouari Mansouri dit Wari, esapce de travail alternatif, Mitou Alalinarde, Claire Artemyz, Jean José Baranes, Gérard Koch, Nicolas de Ferran, Macha Krivokapic, Anne Mauban, Isabelle Rince, Claudine Sabatier, Dashan Yang, installation éphémères, manifestation NOIR, manifestation TO BE A STICKER, manifestation CECI N'EST PAS UN KAKEMONO, manifestation CO-INCIDENCES " />
<link rel="shortcut icon" href="images/iconw.png"/>
<link rel="stylesheet" media="screen" type="text/css" href="css/styles.css" title="Design" />
<script type="text/javascript" src="javascript/tools.js"></script>
<script type="text/javascript">
<!--
function preload() {
if (document.images) {
tabImages=new Array;
for (var i=0; i<preload.arguments.length; i++){
tabImages[i]=new Image();
tabImages[i].src=preload.arguments[i];
}
}
}
var tabImages=new Array;
preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png", "images/mail.png");
//-->
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-31878743-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body onload="javascript:init();">
<div id="global">
<div id="left">
<div id="logo"><img src="images/logo_bloc_house.png" alt="Logo Bloc-House" width="223" height="47" /></div>
<div class="trait"></div>
<div class="menu"><a href="index.html" title="Retour à la page d'accueil">ACCUEIL</a></div>
<div class="trait1"></div>
<div class="menu"><a href="ateliers.html" title="Accéder à la page ateliers">ATELIERS</a></div>
<div class="trait1"></div>
<div class="menu"><a href="manifestations.html" title="Accéder à la page manifestations">MANIFESTATIONS</a></div>
<div class="trait1"></div>
<div class="menu">ARTISTES</div>
<div class="trait1"></div>
<div class="menu"><a href="interstices.html" title="Accéder à la page interstices">INTERSTICES</a></div>
<div class="trait1"></div>
<div class="menu"><a href="contact.html" title="Accéder à la page contact">CONTACT - INFOS</a></div>
<div class="trait1"></div>
<div class="menu"><a href="partenaires.html" title="Accéder à la page partenaires">PARTENAIRES</a></div>
<div class="left_bottom1" style="margin-top:25px;">
<img class="icone" style="margin-left:5px;" src="images/iconePDF.png" alt="icone adobe reader" width="36" height="36" /><div class="sousmenu" style="margin-top:5px;"><a href="ressources/statuts_bloc_house.pdf" title="Télécharger les statuts de Bloc-House">Télécharger les statuts de l'association</a></div>
</div>
<div class="left_bottom1" style="margin-top:8px;">
<img class="icone" style="margin-left:12px;" src="images/mail.png" alt="icone mailbox" width="28" height="18" /><div class="sousmenu" style="margin-top:5px;"><a href="mailto:bloc.house79@gmail.com" title="Envoyer un mail à l'association Bloc-House">bloc.house79@gmail.com</a></div>
</div>
<!-- fin left --></div>
<div id="right">
<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>
<div id="trait_vertical" style="margin-left:68px;"></div>
<!-- fin right --></div>
<div id="bottom">
<img class="icone1" src="images/logo_carre2.png" alt="logo association" width="33" height="33" /><div class="adress" style="float:left;margin-top:18px;margin-left:8px;"><span style="font-weight:bold;">Association BLOC-HOUSE, Les Ateliers Éphémères, </span>54 rue de Bagneux, 92330 Sceaux</div>
<!-- fin bottom --></div>
<!-- fin global --></div>
</body>
</html>

95
artistes.php
View File

@@ -1,95 +0,0 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<title>Association Bloc-House - Les ateliers éphémères - Les artistes adhérents</title>
<meta name="description" content="Site présentant les activités et les artistes de l'association Bloc-House à Sceaux" />
<meta name="Author" content="L'association Bloc-House et ses artistes" />
<meta name="keywords" content="Bloc-House, ateliers éphémères, ville de Sceaux, ateliers portes ouvertes, association d'artistes plasticiens, diffusion de la création contemporaine, ouverture d'ateliers éphémères, territoire, pôle de création, interface, partenaires culturels, économiques et sociaux, manifestations artistiques, Underground, Milan Atanaskovic, Eliza Magri, Macha Pandellé, Vincent Pandellé, Altone Mishino, Jérome Bouchez, Paule Millara, Christophe Bogdan, Margot Montenoise, Lahouari Mansouri dit Wari, esapce de travail alternatif, Mitou Alalinarde, Claire Artemyz, Jean José Baranes, Gérard Koch, Nicolas de Ferran, Macha Krivokapic, Anne Mauban, Isabelle Rince, Claudine Sabatier, Dashan Yang, installation éphémères, manifestation NOIR, manifestation TO BE A STICKER, manifestation CECI N'EST PAS UN KAKEMONO, manifestation CO-INCIDENCES " />
<link rel="shortcut icon" href="images/iconw.png"/>
<link rel="stylesheet" media="screen" type="text/css" href="css/styles.css" title="Design" />
<script type="text/javascript" src="javascript/tools.js"></script>
<script type="text/javascript">
<!--
function preload() {
if (document.images) {
tabImages=new Array;
for (var i=0; i<preload.arguments.length; i++){
tabImages[i]=new Image();
tabImages[i].src=preload.arguments[i];
}
}
}
var tabImages=new Array;
preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png", "images/mail.png");
//-->
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-31878743-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body onload="javascript:init();">
<div id="global">
<div id="left">
<div id="logo"><img src="images/logo_bloc_house.png" alt="Logo Bloc-House" width="223" height="47" /></div>
<div class="trait"></div>
<div class="menu"><a href="index.php" title="Retour à la page d'accueil">ACCUEIL</a></div>
<div class="trait1"></div>
<div class="menu"><a href="ateliers.php" title="Accéder à la page ateliers">ATELIERS</a></div>
<div class="trait1"></div>
<div class="menu"><a href="manifestations.php" title="Accéder à la page manifestations">MANIFESTATIONS</a></div>
<div class="trait1"></div>
<div class="menu">ARTISTES</div>
<div class="trait1"></div>
<div class="menu"><a href="interstices.php" title="Accéder à la page interstices">INTERSTICES</a></div>
<div class="trait1"></div>
<div class="menu"><a href="contact.php" title="Accéder à la page contact">CONTACT - INFOS</a></div>
<div class="trait1"></div>
<div class="menu"><a href="partenaires.php" title="Accéder à la page partenaires">PARTENAIRES</a></div>
<div class="left_bottom1" style="margin-top:25px;">
<img class="icone" style="margin-left:5px;" src="images/iconePDF.png" alt="icone adobe reader" width="36" height="36" /><div class="sousmenu" style="margin-top:5px;"><a href="ressources/statuts_bloc_house.pdf" title="Télécharger les statuts de Bloc-House">Télécharger les statuts de l'association</a></div>
</div>
<div class="left_bottom1" style="margin-top:8px;">
<img class="icone" style="margin-left:12px;" src="images/mail.png" alt="icone mailbox" width="28" height="18" /><div class="sousmenu" style="margin-top:5px;"><a href="mailto:bloc.house79@gmail.com" title="Envoyer un mail à l'association Bloc-House">bloc.house79@gmail.com</a></div>
</div>
<!-- fin left --></div>
<div id="right">
<?php include('txt/artistes.txt'); ?>
<div id="trait_vertical" style="margin-left:68px;"></div>
<!-- fin right --></div>
<div id="bottom">
<img class="icone1" src="images/logo_carre2.png" alt="logo association" width="33" height="33" /><div class="adress" style="float:left;margin-top:18px;margin-left:8px;"><span style="font-weight:bold;">Association BLOC-HOUSE, Les Ateliers Éphémères, </span>54 rue de Bagneux, 92330 Sceaux</div>
<!-- fin bottom --></div>
<!-- fin global --></div>
</body>
</html>

79
ateliers.php → ateliers.html
View File

@@ -99,19 +99,19 @@ preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png",
<div id="left">
<div id="logo"><img src="images/logo_bloc_house.png" alt="Logo Bloc-House" width="223" height="47" /></div>
<div class="trait"></div>
<div class="menu"><a href="index.php" title="Retour à la page d'accueil">ACCUEIL</a></div>
<div class="menu"><a href="index.html" title="Retour à la page d'accueil">ACCUEIL</a></div>
<div class="trait1"></div>
<div class="menu">ATELIERS</div>
<div class="trait1"></div>
<div class="menu"><a href="manifestations.php" title="Accéder à la page manifestations">MANIFESTATIONS</a></div>
<div class="menu"><a href="manifestations.html" title="Accéder à la page manifestations">MANIFESTATIONS</a></div>
<div class="trait1"></div>
<div class="menu"><a href="artistes.php" title="Accéder à la page artistes">ARTISTES</a></div>
<div class="menu"><a href="artistes.html" title="Accéder à la page artistes">ARTISTES</a></div>
<div class="trait1"></div>
<div class="menu"><a href="interstices.php" title="Accéder à la page interstices">INTERSTICES</a></div>
<div class="menu"><a href="interstices.html" title="Accéder à la page interstices">INTERSTICES</a></div>
<div class="trait1"></div>
<div class="menu"><a href="contact.php" title="Accéder à la page contact">CONTACT - INFOS</a></div>
<div class="menu"><a href="contact.html" title="Accéder à la page contact">CONTACT - INFOS</a></div>
<div class="trait1"></div>
<div class="menu"><a href="partenaires.php" title="Accéder à la page partenaires">PARTENAIRES</a></div>
<div class="menu"><a href="partenaires.html" title="Accéder à la page partenaires">PARTENAIRES</a></div>
<div class="left_bottom1" style="margin-top:25px;">
<img class="icone" style="margin-left:5px;" src="images/iconePDF.png" alt="icone adobe reader" width="36" height="36" /><div class="sousmenu" style="margin-top:5px;"><a href="ressources/statuts_bloc_house.pdf" title="Télécharger les statuts de Bloc-House">Télécharger les statuts de l'association</a></div>
@@ -131,7 +131,70 @@ preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png",
<div id="ateliers">
<?php include('txt/ateliers.txt'); ?>
<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>
<div id="Scrollbar-Container">
@@ -157,4 +220,4 @@ preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png",
<!-- fin global --></div>
</body>
</html>
</html>

85
contact.html
View File

@@ -2,13 +2,13 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<title>Association Bloc-House - Les ateliers éphémères - Les lieux</title>
<title>Association Bloc-House - Les ateliers éphémères - Contact et informations</title>
<meta name="description" content="Page présentant les lieux de l'association Bloc-House à Sceaux" />
<meta name="Author" content="Les lieux de l'association Bloc-House à Sceaux" />
<meta name="description" content="Page présentant les mentions légales de l'association Bloc-House à Sceaux" />
<meta name="Author" content="Coordonnées de contact de l'association Bloc-House à Sceaux" />
<meta name="keywords" content="Bloc-House, ateliers éphémères, ville de Sceaux, ateliers portes ouvertes, association d'artistes plasticiens, diffusion de la création contemporaine, ouverture d'ateliers éphémères, territoire, pôle de création, interface, partenaires culturels, économiques et sociaux, manifestations artistiques, Underground, Milan Atanaskovic, Eliza Magri, Macha Pandellé, Vincent Pandellé, Altone Mishino, Jérome Bouchez, Paule Millara, Christophe Bogdan, Margot Montenoise, Lahouari Mansouri dit Wari, esapce de travail alternatif, Mitou Alalinarde, Claire Artemyz, Jean José Baranes, Gérard Koch, Nicolas de Ferran, Macha Krivokapic, Anne Mauban, Isabelle Rince, Claudine Sabatier, Dashan Yang, installation éphémères, manifestation NOIR, manifestation TO BE A STICKER, manifestation CECI N'EST PAS UN KAKEMONO, manifestation CO-INCIDENCES " />
<link rel="stylesheet" media="screen" type="text/css" href="css/styles3.css" title="Design" />
<link rel="shortcut icon" href="images/iconw.png"/>
<link rel="stylesheet" media="screen" type="text/css" href="css/styles.css" title="Design" />
<script type="text/javascript" src="javascript/tools.js"></script>
<script type="text/javascript" src="javascript/jsScrollbar.js"></script>
@@ -76,7 +76,19 @@ var tabImages=new Array;
preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png", "images/mail.png");
//-->
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-31878743-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
@@ -87,19 +99,19 @@ preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png",
<div id="left">
<div id="logo"><img src="images/logo_bloc_house.png" alt="Logo Bloc-House" width="223" height="47" /></div>
<div class="trait"></div>
<div class="menu"><a href="index.php" title="Retour à la page d'accueil">ACCUEIL</a></div>
<div class="menu"><a href="index.html" title="Retour à la page d'accueil">ACCUEIL</a></div>
<div class="trait1"></div>
<div class="menu"><a href="ateliers.php" title="Accéder à la rubrique ateliers">ATELIERS</a></div>
<div class="menu"><a href="ateliers.html" title="Accéder à la rubrique ateliers">ATELIERS</a></div>
<div class="trait1"></div>
<div class="menu"><a href="manifestations.php" title="accéder à la page manifestations">MANIFESTATIONS</a></div>
<div class="menu"><a href="manifestations.html" title="accéder à la page manifestations">MANIFESTATIONS</a></div>
<div class="trait1"></div>
<div class="menu"><a href="artistes.php" title="Accéder à la page artistes">ARTISTES</a></div>
<div class="menu"><a href="artistes.html" title="Accéder à la page artistes">ARTISTES</a></div>
<div class="trait1"></div>
<div class="menu"><a href="interstices.php" title="Accéder à la page interstices">INTERSTICES</a></div>
<div class="menu"><a href="interstices.html" title="Accéder à la page interstices">INTERSTICES</a></div>
<div class="trait1"></div>
<div class="menu">CONTACT - INFOS</div>
<div class="trait1"></div>
<div class="menu"><a href="partenaires.php" title="Accéder à la page partenaires">PARTENAIRES</a></div>
<div class="menu"><a href="partenaires.html" title="Accéder à la page partenaires">PARTENAIRES</a></div>
<div class="left_bottom1" style="margin-top:25px;">
<img class="icone" style="margin-left:5px;" src="images/iconePDF.png" alt="icone adobe reader" width="36" height="36" /><div class="sousmenu" style="margin-top:5px;"><a href="ressources/statuts_bloc_house.pdf" title="Télécharger les statuts de Bloc-House">Télécharger les statuts de l'association</a></div>
@@ -129,32 +141,45 @@ preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png",
<div id="adresse1">
<div id="logo_p"><img src="images/logo_bloc_housep.png" width="180" height="38" alt="logo association bloc-house" /></div>
<p style="margin-left:17px;padding-top:43px;">Adresse postale : <span style="padding-left:8px;">Les Garages</span></p>
<p style="margin-left:113px;">20 rue des Imbergères </p>
<p style="margin-left:113px;">92330 Sceaux</p>
<table style="position:relative;top:48px;left:13px;">
<tr>
<td>Adresse postale :</td><td>&nbsp;Les Garages</td></tr>
<tr><td></td><td>&nbsp;20 rue des Imbergères</td></tr>
<tr><td></td><td>&nbsp;92330 Sceaux</td></tr>
</table>
<p style="margin-left:17px;padding-top:23px;">Site des ateliers : <span style="padding-left:10px;">54 rue de Bagneux</span></p>
<p style="margin-left:114px;">92330 Sceaux</p>
<table style="position:relative;top:64px;left:13px;">
<tr><td>Site des ateliers :</td><td>&nbsp;54 rue de Bagneux</td></tr>
<tr><td></td><td>&nbsp;92330 Sceaux</td></tr>
</table>
<p style="margin-left:17px;padding-top:23px;">Adresse mail : <a href="mailto:bloc.house79@gmail.com" title="Envoyer un mail à l'association Bloc-House">bloc.house79@gmail.com</a></p>
<table style="position:relative;top:76px;left:13px;">
<tr><td>Adresse mail :</td><td class="link">&nbsp;<a href="mailto:bloc.house79@gmail.com" title="Envoyer un mail à l'association Bloc-House">bloc.house79@gmail.com</a></td></tr>
</table>
<p style="margin-left:17px;padding-top:23px;">Responsables publication : Jérôme Bouchez</p>
<p style="margin-left:152px;font-size:11px;">Eliza Magri</p>
<table style="position:relative;top:88px;left:13px;">
<tr><td>Responsables publication :</td><td>&nbsp;Jérôme Bouchez</td></tr>
<tr><td></td><td>&nbsp;Eliza Magri</td></tr>
</table>
<p style="margin-left:17px;padding-top:23px;">Crédits photographiques : Macha Krivokapic</p>
<p style="margin-left:146px;font-size:11px;">Eliza Magri</p>
<p style="margin-left:145px;font-size:11px;">Jérome Bouchez</p>
<table style="position:relative;top:100px;left:13px;">
<tr><td>Crédits photographiques :</td><td>&nbsp;Macha Krivokapic</td></tr>
<tr><td></td><td>&nbsp;Eliza Magri</td></tr>
<tr><td></td><td>&nbsp;Jérôme Bouchez</td></tr>
</table>
<p style="margin-left:17px;padding-top:18px;">Crédits vidéos : Milan Atanaskovic</p>
<table style="position:relative;top:112px;left:13px;">
<tr><td>Crédits vidéos :</td><td>&nbsp;Milan Atanaskovic</td></tr>
</table>
<div id="marlei">Réalisation du site : <a href="http://www.marlei-webdesign.com" title="Accéder au site de Marlei Webdesign" target="_blank">Marlei Webdesign</a></div>
<table style="position:relative;top:124px;left:13px;">
<tr><td>Réalisation du site :</td><td class="link">&nbsp;<a href="http://www.marlei-webdesign.com" title="Accéder au site de Marlei Webdesign" target="_blank">Marlei Webdesign</a></td></tr>
</table>
<div id="marlei"> </div>
</div>
<p style="font-style:italic;margin-top:18px;">Le fauteuil « UBU », créé par le collectif Bloc-House pour le jardin d'entrée
du site des ateliers, est un clin d'½il du « Proust », siége créé en 1978 par Alessandro Mendini,
puis relooké en plastique orange en 2012.
Hommage à la bergère XVIIIème, Alessandro Mendini est comme architecte, designer et critique,
membre du collectif radical Alchimia ; Bloc-House en offre une variante au blanc virginal.</p>
<p style="font-style:italic;margin-top:18px;">Totem, bois et béton, création Christophe Bogdan pour Bloc-House, 2013.</p>
<p style="font-size:12px;font-weight:bold;margin-top:25px;">mentions légales</p>
<p style="margin-top:10px;">L'association Bloc-House n'est tenue que d'une simple obligation de moyens concernant les informations qu'elle met à disposition des personnes qui accèdent à son site Internet.</p>
@@ -195,4 +220,4 @@ membre du collectif radical Alchimia ; Bloc-House en offre une variante au blanc
<!-- fin global --></div>
</body>
</html>
</html>

223
contact.php
View File

@@ -1,223 +0,0 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<title>Association Bloc-House - Les ateliers éphémères - Contact et informations</title>
<meta name="description" content="Page présentant les mentions légales de l'association Bloc-House à Sceaux" />
<meta name="Author" content="Coordonnées de contact de l'association Bloc-House à Sceaux" />
<meta name="keywords" content="Bloc-House, ateliers éphémères, ville de Sceaux, ateliers portes ouvertes, association d'artistes plasticiens, diffusion de la création contemporaine, ouverture d'ateliers éphémères, territoire, pôle de création, interface, partenaires culturels, économiques et sociaux, manifestations artistiques, Underground, Milan Atanaskovic, Eliza Magri, Macha Pandellé, Vincent Pandellé, Altone Mishino, Jérome Bouchez, Paule Millara, Christophe Bogdan, Margot Montenoise, Lahouari Mansouri dit Wari, esapce de travail alternatif, Mitou Alalinarde, Claire Artemyz, Jean José Baranes, Gérard Koch, Nicolas de Ferran, Macha Krivokapic, Anne Mauban, Isabelle Rince, Claudine Sabatier, Dashan Yang, installation éphémères, manifestation NOIR, manifestation TO BE A STICKER, manifestation CECI N'EST PAS UN KAKEMONO, manifestation CO-INCIDENCES " />
<link rel="shortcut icon" href="images/iconw.png"/>
<link rel="stylesheet" media="screen" type="text/css" href="css/styles.css" title="Design" />
<script type="text/javascript" src="javascript/tools.js"></script>
<script type="text/javascript" src="javascript/jsScrollbar.js"></script>
<script type="text/javascript" src="javascript/jsScroller.js"></script>
<script type="text/javascript"><!--
var scroller = null;
var scrollbar = null;
window.onload = function () {
scroller = new jsScroller(document.getElementById("News"), 480, 530);
scrollbar = new jsScrollbar (document.getElementById("Scrollbar-Container"), scroller, true, scrollbarEvent);
}
function scrollbarEvent (o, type) {
if (type == "mousedown") {
if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#E3E3E3";
else o.style.backgroundColor = "##CC3300";
} else {
if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#EEE";
else o.style.backgroundColor = "#CC3300";
}
}
function swapIt(o) {
o.blur();
if (o.className == "current") return false;
var list = document.getElementById("Navigation").getElementsByTagName("a");
for (var i = 0; i < list.length; i++) {
if (list[i].className == "current") {
list[i].className = "";
document.getElementById(list[i].title).y = -scroller._y;
}
if (list[i].title == o.title) o.className = "current";
}
list = document.getElementById("Container").childNodes;
for (var i = 0; i < list.length; i++) {
if (list[i].tagName == "DIV") list[i].style.display = "none";
}
var top = document.getElementById(o.title);
top.style.display = "block";
scrollbar.swapContent(top);
if (top.y) scrollbar.scrollTo(0, top.y);
return false;
}
--></script>
<script type="text/javascript">
<!--
function preload() {
if (document.images) {
tabImages=new Array;
for (var i=0; i<preload.arguments.length; i++){
tabImages[i]=new Image();
tabImages[i].src=preload.arguments[i];
}
}
}
var tabImages=new Array;
preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png", "images/mail.png");
//-->
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-31878743-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="global">
<div id="left">
<div id="logo"><img src="images/logo_bloc_house.png" alt="Logo Bloc-House" width="223" height="47" /></div>
<div class="trait"></div>
<div class="menu"><a href="index.php" title="Retour à la page d'accueil">ACCUEIL</a></div>
<div class="trait1"></div>
<div class="menu"><a href="ateliers.php" title="Accéder à la rubrique ateliers">ATELIERS</a></div>
<div class="trait1"></div>
<div class="menu"><a href="manifestations.php" title="accéder à la page manifestations">MANIFESTATIONS</a></div>
<div class="trait1"></div>
<div class="menu"><a href="artistes.php" title="Accéder à la page artistes">ARTISTES</a></div>
<div class="trait1"></div>
<div class="menu"><a href="interstices.php" title="Accéder à la page interstices">INTERSTICES</a></div>
<div class="trait1"></div>
<div class="menu">CONTACT - INFOS</div>
<div class="trait1"></div>
<div class="menu"><a href="partenaires.php" title="Accéder à la page partenaires">PARTENAIRES</a></div>
<div class="left_bottom1" style="margin-top:25px;">
<img class="icone" style="margin-left:5px;" src="images/iconePDF.png" alt="icone adobe reader" width="36" height="36" /><div class="sousmenu" style="margin-top:5px;"><a href="ressources/statuts_bloc_house.pdf" title="Télécharger les statuts de Bloc-House">Télécharger les statuts de l'association</a></div>
</div>
<div class="left_bottom1" style="margin-top:8px;">
<img class="icone" style="margin-left:12px;" src="images/mail.png" alt="icone mailbox" width="28" height="18" /><div class="sousmenu" style="margin-top:5px;"><a href="mailto:bloc.house79@gmail.com" title="Envoyer un mail à l'association Bloc-House">bloc.house79@gmail.com</a></div>
</div>
<!-- fin left --></div>
<div id="right">
<div id="ateliers">
<div id="Container">
<div id="News">
<div class="Scroller-Container">
<div id="fauteuil">
<div id="adresse1">
<div id="logo_p"><img src="images/logo_bloc_housep.png" width="180" height="38" alt="logo association bloc-house" /></div>
<table style="position:relative;top:48px;left:13px;">
<tr>
<td>Adresse postale :</td><td>&nbsp;Les Garages</td></tr>
<tr><td></td><td>&nbsp;20 rue des Imbergères</td></tr>
<tr><td></td><td>&nbsp;92330 Sceaux</td></tr>
</table>
<table style="position:relative;top:64px;left:13px;">
<tr><td>Site des ateliers :</td><td>&nbsp;54 rue de Bagneux</td></tr>
<tr><td></td><td>&nbsp;92330 Sceaux</td></tr>
</table>
<table style="position:relative;top:76px;left:13px;">
<tr><td>Adresse mail :</td><td class="link">&nbsp;<a href="mailto:bloc.house79@gmail.com" title="Envoyer un mail à l'association Bloc-House">bloc.house79@gmail.com</a></td></tr>
</table>
<table style="position:relative;top:88px;left:13px;">
<tr><td>Responsables publication :</td><td>&nbsp;Jérôme Bouchez</td></tr>
<tr><td></td><td>&nbsp;Eliza Magri</td></tr>
</table>
<table style="position:relative;top:100px;left:13px;">
<tr><td>Crédits photographiques :</td><td>&nbsp;Macha Krivokapic</td></tr>
<tr><td></td><td>&nbsp;Eliza Magri</td></tr>
<tr><td></td><td>&nbsp;Jérôme Bouchez</td></tr>
</table>
<table style="position:relative;top:112px;left:13px;">
<tr><td>Crédits vidéos :</td><td>&nbsp;Milan Atanaskovic</td></tr>
</table>
<table style="position:relative;top:124px;left:13px;">
<tr><td>Réalisation du site :</td><td class="link">&nbsp;<a href="http://www.marlei-webdesign.com" title="Accéder au site de Marlei Webdesign" target="_blank">Marlei Webdesign</a></td></tr>
</table>
<div id="marlei"> </div>
</div>
<p style="font-style:italic;margin-top:18px;">Totem, bois et béton, création Christophe Bogdan pour Bloc-House, 2013.</p>
<p style="font-size:12px;font-weight:bold;margin-top:25px;">mentions légales</p>
<p style="margin-top:10px;">L'association Bloc-House n'est tenue que d'une simple obligation de moyens concernant les informations qu'elle met à disposition des personnes qui accèdent à son site Internet.</p>
<p style="margin-top:10px;">Alors même que nous avons effectué toutes les démarches pour nous assurer de la fiabilité des informations contenues sur ce site Internet, l'association Bloc-House ne peut encourir aucune responsabilité du fait d'erreurs, d'omissions, où pour les résultats qui pourraient être obtenus par l'usage de ces informations.</p>
<p style="margin-top:10px;">Notamment l'usage des liens hypertextes peut conduire votre consultation de notre site vers d'autres serveurs pour prendre connaissance de l'information recherchée, serveurs sur lesquels l'association Bloc-House n'a aucun contrôle.</p>
</div>
<!-- fin scroller container --></div>
<!-- fin news --></div>
<!-- fin container --></div>
<div id="Scrollbar-Container">
<div class="Scrollbar-Up"></div>
<div class="Scrollbar-Down"></div>
<div class="Scrollbar-Track">
<div class="Scrollbar-Handle"></div>
</div>
</div>
<!-- fin ateliers --></div>
<div id="trait_vertical"></div>
<!-- fin right --></div>
<div id="bottom">
<img class="icone1" src="images/logo_carre2.png" alt="logo association" width="33" height="33" /><div class="adress" style="float:left;margin-top:18px;margin-left:8px;"><span style="font-weight:bold;">Association BLOC-HOUSE, Les Ateliers Éphémères, </span>54 rue de Bagneux, 92330 Sceaux</div>
<!-- fin bottom --></div>
<!-- fin global --></div>
</body>
</html>

142
index.html
View File

@@ -1,61 +1,62 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Site présentant les activités de l'association Bloc-House à Sceaux" />
<meta name="Author" content="L'association Bloc-House - pole de création à Sceaux" />
<meta name="keywords" content="Bloc-House, ateliers éphémères, ville de Sceaux, ateliers portes ouvertes, association d'artistes plasticiens, diffusion de la création contemporaine, ouverture d'ateliers éphémères, territoire, pôle de création, interface, partenaires culturels, économiques et sociaux, manifestations artistiques, Underground, Milan Atanaskovic, Eliza Magri, Macha Pandellé, Vincent Pandellé, Altone Mishino, Jérome Bouchez, Paule Millara, Christophe Bogdan, Margot Montenoise, Lahouari Mansouri dit Wari, esapce de travail alternatif, Mitou Alalinarde, Claire Artemyz, Jean José Baranes, Gérard Koch, Nicolas de Ferran, Macha Krivokapic, Anne Mauban, Isabelle Rince, Claudine Sabatier, Dashan Yang, installation éphémères, manifestation NOIR, manifestation TO BE A STICKER, manifestation CECI N'EST PAS UN KAKEMONO, manifestation CO-INCIDENCES " />
<title>Association Bloc-House - Les ateliers éphémères - Page d'accueil</title>
<link rel="shortcut icon" href="images/iconw.png"/>
<link rel="stylesheet" media="screen" type="text/css" href="css/styles.css" title="Design" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<title>Association Bloc-House - Les ateliers éphémères - Page d'accueil</title>
<script type="text/javascript" src="javascript/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="javascript/jquery.diaporama.js"></script>
<script type="text/javascript" src="javascript/script.js"></script>
<!--<script type="text/javascript" src="javascript/jquery.js"></script>
<script type="text/javascript" src="javascript/easySlider1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});
</script>-->
<script type="text/javascript">
<!--
function preload() {
if (document.images) {
tabImages=new Array;
for (var i=0; i<preload.arguments.length; i++){
tabImages[i]=new Image();
tabImages[i].src=preload.arguments[i];
}
<meta name="description" content="Site présentant les activités de l'association Bloc-House à Sceaux" />
<meta name="Author" content="L'association Bloc-House - pole de création à Sceaux" />
<meta name="keywords" content="Bloc-House, ateliers éphémères, ville de Sceaux, ateliers portes ouvertes, association d'artistes plasticiens, diffusion de la création contemporaine, ouverture d'ateliers éphémères, territoire, pôle de création, interface, partenaires culturels, économiques et sociaux, manifestations artistiques, Underground, Milan Atanaskovic, Eliza Magri, Macha Pandellé, Vincent Pandellé, Altone Mishino, Jérome Bouchez, Paule Millara, Christophe Bogdan, Margot Montenoise, Lahouari Mansouri dit Wari, esapce de travail alternatif, Mitou Alalinarde, Claire Artemyz, Jean José Baranes, Gérard Koch, Nicolas de Ferran, Macha Krivokapic, Anne Mauban, Isabelle Rince, Claudine Sabatier, Dashan Yang, installation éphémères, manifestation NOIR, manifestation TO BE A STICKER, manifestation CECI N'EST PAS UN KAKEMONO, manifestation CO-INCIDENCES " />
<link rel="shortcut icon" href="images/iconw.png"/>
<link rel="stylesheet" media="screen" type="text/css" href="css/styles.css" title="Design" />
<script type="text/javascript" src="javascript/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="javascript/jquery.diaporama.js"></script>
<script type="text/javascript" src="javascript/script.js"></script>
<!--<script type="text/javascript" src="javascript/jquery.js"></script>
<script type="text/javascript" src="javascript/easySlider1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});
</script>-->
<script type="text/javascript">
<!--
function preload() {
if (document.images) {
tabImages=new Array;
for (var i=0; i<preload.arguments.length; i++){
tabImages[i]=new Image();
tabImages[i].src=preload.arguments[i];
}
}
var tabImages=new Array;
preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png", "images/mail.png", "images/accueil/pageAccueil1.jpg", "images/accueil/pageAccueil7.jpg", "images/accueil/pageAccueil2.jpg", "images/accueil/pageAccueil3.jpg", "images/accueil/pageAccueil4.jpg", "images/accueil/pageAccueil5.jpg", "images/accueil/pageAccueil6.jpg");
//-->
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-31878743-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<meta name="google-site-verification" content="t6t1zeNahIOuUSEJ0MNrnSx4qDJvDBgSkBq-PWUFBls" />
}
}
var tabImages=new Array;
preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png", "images/mail.png", "images/accueil/pageAccueil1.jpg", "images/accueil/pageAccueil7.jpg", "images/accueil/pageAccueil2.jpg", "images/accueil/pageAccueil3.jpg", "images/accueil/pageAccueil4.jpg", "images/accueil/pageAccueil5.jpg", "images/accueil/pageAccueil6.jpg");
//-->
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-31878743-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<meta name="google-site-verification" content="t6t1zeNahIOuUSEJ0MNrnSx4qDJvDBgSkBq-PWUFBls" />
</head>
@@ -95,21 +96,23 @@
<div id="right">
<div id="content">
<!-- animation page d'accueil -->
<ul class="diaporama">
<li><a href="ateliers.html" title="Accéder à ATELIERS"><img alt="image 1 diaporama" src="images/accueil/pageAccueil1.jpg" /></a></li>
<li><a href="artistes.html" title="Accéder à ARTISTES"><img alt="image 2 diaporama" src="images/accueil/pageAccueil2.jpg" /></a></li>
<li><a href="interstices.html" title="Accéder à INTERSTICES"><img alt="image 2 diaporama" src="images/accueil/pageAccueil2a.jpg" /></a></li>
<li><a href="manifestations.html" title="Accéder à MANIFESTATIONS"><img alt="image 3 diaporama" src="images/accueil/pageAccueil3.jpg" /></a></li>
<li><a href="interstices.html" title="Accéder à INTERSTICES"><img alt="image 4 diaporama" src="images/accueil/pageAccueil4.jpg" /></a></li>
<li><a href="artistes.html" title="Accéder à ARTISTES"><img alt="image 5 diaporama" src="images/accueil/pageAccueil5.jpg" /></a></li>
<li><a href="ateliers.html" title="Accéder à ATELIERS"><img alt="image 6 diaporama" src="images/accueil/pageAccueil6.jpg" /></a></li>
<li><a href="manifestations.html" title="Accéder à MANIFESTATIONS"><img alt="image 7 diaporama" src="images/accueil/pageAccueil7.jpg" /></a></li>
<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>
<!-- texte de la page d'accueil, à remplacer, pour faire un paragraphe ajouter <br /><br /> -->
<!-- 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 :
@@ -117,6 +120,9 @@ Cr
<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>
<!-- fin content --></div>
@@ -128,6 +134,10 @@ Bloc-House produit chaque ann
<!-- fin bottom --></div>
<!-- fin global --></div>
</body>
</html>

59
interstices.php → interstices.html
View File

@@ -63,19 +63,19 @@ preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png",
<div id="left">
<div id="logo"><img src="images/logo_bloc_house.png" alt="Logo Bloc-House" width="223" height="47" /></div>
<div class="trait"></div>
<div class="menu"><a href="index.php" title="Retour à la page d'accueil">ACCUEIL</a></div>
<div class="menu"><a href="index.html" title="Retour à la page d'accueil">ACCUEIL</a></div>
<div class="trait1"></div>
<div class="menu"><a href="ateliers.php" title="Accéder à la page ateliers">ATELIERS</a></div>
<div class="menu"><a href="ateliers.html" title="Accéder à la page ateliers">ATELIERS</a></div>
<div class="trait1"></div>
<div class="menu"><a href="manifestations.php" title="Accéder à la page manifestations">MANIFESTATIONS</a></div>
<div class="menu"><a href="manifestations.html" title="Accéder à la page manifestations">MANIFESTATIONS</a></div>
<div class="trait1"></div>
<div class="menu"><a href="artistes.php" title="Accéder à la page artistes">ARTISTES</a></div>
<div class="menu"><a href="artistes.html" title="Accéder à la page artistes">ARTISTES</a></div>
<div class="trait1"></div>
<div class="menu">INTERSTICES</div>
<div class="trait1"></div>
<div class="menu"><a href="contact.php" title="Accéder à la page contact">CONTACT - INFOS</a></div>
<div class="menu"><a href="contact.html" title="Accéder à la page contact">CONTACT - INFOS</a></div>
<div class="trait1"></div>
<div class="menu"><a href="partenaires.php" title="Accéder à la page partenaires">PARTENAIRES</a></div>
<div class="menu"><a href="partenaires.html" title="Accéder à la page partenaires">PARTENAIRES</a></div>
<div class="left_bottom1" style="margin-top:25px;">
<img class="icone" style="margin-left:5px;" src="images/iconePDF.png" alt="icone adobe reader" width="36" height="36" /><div class="sousmenu" style="margin-top:5px;"><a href="ressources/statuts_bloc_house.pdf" title="Télécharger les statuts de Bloc-House">Télécharger les statuts de l'association</a></div>
@@ -91,7 +91,50 @@ preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png",
<div id="right">
<?php include('txt/interstices.txt'); ?>
<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
-->
<div id="trait_vertical" style="margin-left:50px;"></div>
<!-- fin right --></div>
@@ -106,4 +149,4 @@ preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png",
<!-- fin global --></div>
</body>
</html>
</html>

567
manifestations.html Normal file
View File

@@ -0,0 +1,567 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Association Bloc-House - Les ateliers &eacute;ph&eacute;m&egrave;res - Les manifestations - Vid&eacute;os et photos</title>
<meta name="description" content="Page présentant les manifestations de l'association Bloc-House à Sceaux" />
<meta name="Author" content="Les manifestations de l'association Bloc-House à Sceaux" />
<meta name="keywords" content="Bloc-House, ateliers &eacute;ph&eacute;mères, ville de Sceaux, ateliers portes ouvertes, association d'artistes plasticiens, diffusion de la création contemporaine, ouverture d'ateliers éphémères, territoire, pôle de création, interface, partenaires culturels, économiques et sociaux, manifestations artistiques, Underground, Milan Atanaskovic, Eliza Magri, Macha Pandellé, Vincent Pandellé, Altone Mishino, Jérome Bouchez, Paule Millara, Christophe Bogdan, Margot Montenoise, Lahouari Mansouri dit Wari, esapce de travail alternatif, Mitou Alalinarde, Claire Artemyz, Jean José Baranes, Gérard Koch, Nicolas de Ferran, Macha Krivokapic, Anne Mauban, Isabelle Rince, Claudine Sabatier, Dashan Yang, installation éphémères, manifestation NOIR, manifestation TO BE A STICKER, manifestation CECI N'EST PAS UN KAKEMONO, manifestation CO-INCIDENCES " />
<link rel="shortcut icon" href="images/iconw.png"/>
<link rel="stylesheet" media="screen" type="text/css" href="css/styles.css" title="Design" />
<link rel="stylesheet" media="screen" type="text/css" href="css/lightbox.css" title="Design" />
<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="javascript/lightbox.js"></script>
<script type="text/javascript" src="javascript/jsScrollbar.js"></script>
<script type="text/javascript" src="javascript/jsScroller.js"></script>
<script type="text/javascript"><!--
var scroller = null;
var scrollbar = null;
window.onload = function () {
scroller = new jsScroller(document.getElementById("News"), 480, 530);
scrollbar = new jsScrollbar (document.getElementById("Scrollbar-Container"), scroller, true, scrollbarEvent);
}
function scrollbarEvent (o, type) {
if (type == "mousedown") {
if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#E3E3E3";
else o.style.backgroundColor = "##CC3300";
} else {
if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#EEE";
else o.style.backgroundColor = "#CC3300";
}
}
function swapIt(o) {
o.blur();
if (o.className == "current") return false;
var list = document.getElementById("Navigation").getElementsByTagName("a");
for (var i = 0; i < list.length; i++) {
if (list[i].className == "current") {
list[i].className = "";
document.getElementById(list[i].title).y = -scroller._y;
}
if (list[i].title == o.title) o.className = "current";
}
list = document.getElementById("Container").childNodes;
for (var i = 0; i < list.length; i++) {
if (list[i].tagName == "DIV") list[i].style.display = "none";
}
var top = document.getElementById(o.title);
top.style.display = "block";
scrollbar.swapContent(top);
if (top.y) scrollbar.scrollTo(0, top.y);
return false;
}
--></script>
<script type="text/javascript">
<!--
function preload() {
if (document.images) {
tabImages=new Array;
for (var i=0; i<preload.arguments.length; i++){
tabImages[i]=new Image();
tabImages[i].src=preload.arguments[i];
}
}
}
var tabImages=new Array;
preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png", "images/mail.png");
//-->
</script>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-31878743-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="global">
<div id="left">
<div id="logo"><img src="images/logo_bloc_house.png" alt="Logo Bloc-House" width="223" height="47" /></div>
<div class="trait"></div>
<div class="menu"><a href="index.html" title="Retour &agrave; la page d'accueil">ACCUEIL</a></div>
<div class="trait1"></div>
<div class="menu"><a href="ateliers.html" title="Acc&eacute;der &agrave; la page ateliers">ATELIERS</a></div>
<div class="trait1"></div>
<div class="menu">MANIFESTATIONS</div>
<div class="trait1"></div>
<div class="menu"><a href="artistes.html" title="Acc&eacute;der &agrave; la page artistes">ARTISTES</a></div>
<div class="trait1"></div>
<div class="menu"><a href="interstices.html" title="Acc&eacute;der &agrave; la page interstices">INTERSTICES</a></div>
<div class="trait1"></div>
<div class="menu"><a href="contact.html" title="Acc&eacute;der &agrave; la page contact">CONTACT - INFOS</a></div>
<div class="trait1"></div>
<div class="menu"><a href="partenaires.html" title="Acc&eacute;der &agrave; la page partenaires">PARTENAIRES</a></div>
<div class="left_bottom1" style="margin-top:25px;">
<img class="icone" style="margin-left:5px;" src="images/iconePDF.png" alt="icone adobe reader" width="36" height="36" /><div class="sousmenu" style="margin-top:5px;"><a href="ressources/statuts_bloc_house.pdf" title="T&eacute;l&eacute;charger les statuts de Bloc-House">T&eacute;l&eacute;charger les statuts de l'association</a></div>
</div>
<div class="left_bottom1" style="margin-top:8px;">
<img class="icone" style="margin-left:12px;" src="images/mail.png" alt="icone mailbox" width="28" height="18" /><div class="sousmenu" style="margin-top:5px;"><a href="mailto:bloc.house79@gmail.com" title="Envoyer un mail à l'association Bloc-House">bloc.house79@gmail.com</a></div>
</div>
<!-- fin left --></div>
<div id="right">
<div id="middle">
<div id="top" style="height: 25px;">
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carr&eacute; Bloc-House" /></div>
<div class="nom">Visible / Invisible</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carr&eacute; Bloc-House" /></div>
<div class="nom">Amuse-gueule</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carr&eacute; Bloc-House" /></div>
<div class="nom">Archipel</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">Open54 Performances</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">L'&eacute;lection</div><br>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">Trac&eacute;s</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">Heureux Des-Astres</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">Co-Incidences</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">Noir</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">To be a stickler</div><br>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">Ceci n'est pas un kak&eacute;mono</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">C1.1</div>
</div>
<div id="manifestations">
<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¿i¿le et la liaison de l¿ensemble. D¿où les caractéristiques que l¿écrivain Edouard Glissant accorde a¿ la pense¿e archipe¿lique : « l¿ambigu, le fragile, le de¿rive¿ » 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>
<div id="Scrollbar-Container">
<div class="Scrollbar-Up"></div>
<div class="Scrollbar-Down"></div>
<div class="Scrollbar-Track">
<div class="Scrollbar-Handle"></div>
</div>
</div>
<!-- fin manifestations --></div>
<!-- fin middle --></div>
<div id="trait_vertical1"></div>
<!-- fin right --></div>
<div id="bottom">
<img class="icone1" src="images/logo_carre2.png" alt="logo association" width="33" height="33" /><div class="adress" style="float:left;margin-top:18px;margin-left:8px;"><span style="font-weight:bold;">Association BLOC-HOUSE, Les Ateliers &Eacute;ph&eacute;m&egrave;res, </span>54 rue de Bagneux, 92330 Sceaux</div>
<!-- fin bottom --></div>
<!-- fin global --></div>
</body>
</html>

193
manifestations.php
View File

@@ -1,193 +0,0 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Association Bloc-House - Les ateliers &eacute;ph&eacute;m&egrave;res - Les manifestations - Vid&eacute;os et photos</title>
<meta name="description" content="Page présentant les manifestations de l'association Bloc-House à Sceaux" />
<meta name="Author" content="Les manifestations de l'association Bloc-House à Sceaux" />
<meta name="keywords" content="Bloc-House, ateliers &eacute;ph&eacute;mères, ville de Sceaux, ateliers portes ouvertes, association d'artistes plasticiens, diffusion de la création contemporaine, ouverture d'ateliers éphémères, territoire, pôle de création, interface, partenaires culturels, économiques et sociaux, manifestations artistiques, Underground, Milan Atanaskovic, Eliza Magri, Macha Pandellé, Vincent Pandellé, Altone Mishino, Jérome Bouchez, Paule Millara, Christophe Bogdan, Margot Montenoise, Lahouari Mansouri dit Wari, esapce de travail alternatif, Mitou Alalinarde, Claire Artemyz, Jean José Baranes, Gérard Koch, Nicolas de Ferran, Macha Krivokapic, Anne Mauban, Isabelle Rince, Claudine Sabatier, Dashan Yang, installation éphémères, manifestation NOIR, manifestation TO BE A STICKER, manifestation CECI N'EST PAS UN KAKEMONO, manifestation CO-INCIDENCES " />
<link rel="shortcut icon" href="images/iconw.png"/>
<link rel="stylesheet" media="screen" type="text/css" href="css/styles.css" title="Design" />
<link rel="stylesheet" media="screen" type="text/css" href="css/lightbox.css" title="Design" />
<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="javascript/lightbox.js"></script>
<script type="text/javascript" src="javascript/jsScrollbar.js"></script>
<script type="text/javascript" src="javascript/jsScroller.js"></script>
<script type="text/javascript"><!--
var scroller = null;
var scrollbar = null;
window.onload = function () {
scroller = new jsScroller(document.getElementById("News"), 480, 530);
scrollbar = new jsScrollbar (document.getElementById("Scrollbar-Container"), scroller, true, scrollbarEvent);
}
function scrollbarEvent (o, type) {
if (type == "mousedown") {
if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#E3E3E3";
else o.style.backgroundColor = "##CC3300";
} else {
if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#EEE";
else o.style.backgroundColor = "#CC3300";
}
}
function swapIt(o) {
o.blur();
if (o.className == "current") return false;
var list = document.getElementById("Navigation").getElementsByTagName("a");
for (var i = 0; i < list.length; i++) {
if (list[i].className == "current") {
list[i].className = "";
document.getElementById(list[i].title).y = -scroller._y;
}
if (list[i].title == o.title) o.className = "current";
}
list = document.getElementById("Container").childNodes;
for (var i = 0; i < list.length; i++) {
if (list[i].tagName == "DIV") list[i].style.display = "none";
}
var top = document.getElementById(o.title);
top.style.display = "block";
scrollbar.swapContent(top);
if (top.y) scrollbar.scrollTo(0, top.y);
return false;
}
--></script>
<script type="text/javascript">
<!--
function preload() {
if (document.images) {
tabImages=new Array;
for (var i=0; i<preload.arguments.length; i++){
tabImages[i]=new Image();
tabImages[i].src=preload.arguments[i];
}
}
}
var tabImages=new Array;
preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png", "images/mail.png");
//-->
</script>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-31878743-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="global">
<div id="left">
<div id="logo"><img src="images/logo_bloc_house.png" alt="Logo Bloc-House" width="223" height="47" /></div>
<div class="trait"></div>
<div class="menu"><a href="index.php" title="Retour &agrave; la page d'accueil">ACCUEIL</a></div>
<div class="trait1"></div>
<div class="menu"><a href="ateliers.php" title="Acc&eacute;der &agrave; la page ateliers">ATELIERS</a></div>
<div class="trait1"></div>
<div class="menu">MANIFESTATIONS</div>
<div class="trait1"></div>
<div class="menu"><a href="artistes.php" title="Acc&eacute;der &agrave; la page artistes">ARTISTES</a></div>
<div class="trait1"></div>
<div class="menu"><a href="interstices.php" title="Acc&eacute;der &agrave; la page interstices">INTERSTICES</a></div>
<div class="trait1"></div>
<div class="menu"><a href="contact.php" title="Acc&eacute;der &agrave; la page contact">CONTACT - INFOS</a></div>
<div class="trait1"></div>
<div class="menu"><a href="partenaires.php" title="Acc&eacute;der &agrave; la page partenaires">PARTENAIRES</a></div>
<div class="left_bottom1" style="margin-top:25px;">
<img class="icone" style="margin-left:5px;" src="images/iconePDF.png" alt="icone adobe reader" width="36" height="36" /><div class="sousmenu" style="margin-top:5px;"><a href="ressources/statuts_bloc_house.pdf" title="T&eacute;l&eacute;charger les statuts de Bloc-House">T&eacute;l&eacute;charger les statuts de l'association</a></div>
</div>
<div class="left_bottom1" style="margin-top:8px;">
<img class="icone" style="margin-left:12px;" src="images/mail.png" alt="icone mailbox" width="28" height="18" /><div class="sousmenu" style="margin-top:5px;"><a href="mailto:bloc.house79@gmail.com" title="Envoyer un mail à l'association Bloc-House">bloc.house79@gmail.com</a></div>
</div>
<!-- fin left --></div>
<div id="right">
<div id="middle">
<div id="top" style="height: 25px;">
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carr&eacute; Bloc-House" /></div>
<div class="nom">Visible / Invisible</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carr&eacute; Bloc-House" /></div>
<div class="nom">Amuse-gueule</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carr&eacute; Bloc-House" /></div>
<div class="nom">Archipel</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">Open54 Performances</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">L'&eacute;lection</div><br>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">Trac&eacute;s</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">Heureux Des-Astres</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">Co-Incidences</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">Noir</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">To be a stickler</div><br>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">Ceci n'est pas un kak&eacute;mono</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">C1.1</div>
</div>
<div id="manifestations">
<?php include('txt/manifestations.txt'); ?>
<div id="Scrollbar-Container">
<div class="Scrollbar-Up"></div>
<div class="Scrollbar-Down"></div>
<div class="Scrollbar-Track">
<div class="Scrollbar-Handle"></div>
</div>
</div>
<!-- fin manifestations --></div>
<!-- fin middle --></div>
<div id="trait_vertical1"></div>
<!-- fin right --></div>
<div id="bottom">
<img class="icone1" src="images/logo_carre2.png" alt="logo association" width="33" height="33" /><div class="adress" style="float:left;margin-top:18px;margin-left:8px;"><span style="font-weight:bold;">Association BLOC-HOUSE, Les Ateliers &Eacute;ph&eacute;m&egrave;res, </span>54 rue de Bagneux, 92330 Sceaux</div>
<!-- fin bottom --></div>
<!-- fin global --></div>
</body>
</html>

189
old_manifestations.php
View File

@@ -1,189 +0,0 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Association Bloc-House - Les ateliers &eacute;ph&eacute;m&egrave;res - Les manifestations - Vid&eacute;os et photos</title>
<meta name="description" content="Page présentant les manifestations de l'association Bloc-House à Sceaux" />
<meta name="Author" content="Les manifestations de l'association Bloc-House à Sceaux" />
<meta name="keywords" content="Bloc-House, ateliers &eacute;ph&eacute;mères, ville de Sceaux, ateliers portes ouvertes, association d'artistes plasticiens, diffusion de la création contemporaine, ouverture d'ateliers éphémères, territoire, pôle de création, interface, partenaires culturels, économiques et sociaux, manifestations artistiques, Underground, Milan Atanaskovic, Eliza Magri, Macha Pandellé, Vincent Pandellé, Altone Mishino, Jérome Bouchez, Paule Millara, Christophe Bogdan, Margot Montenoise, Lahouari Mansouri dit Wari, esapce de travail alternatif, Mitou Alalinarde, Claire Artemyz, Jean José Baranes, Gérard Koch, Nicolas de Ferran, Macha Krivokapic, Anne Mauban, Isabelle Rince, Claudine Sabatier, Dashan Yang, installation éphémères, manifestation NOIR, manifestation TO BE A STICKER, manifestation CECI N'EST PAS UN KAKEMONO, manifestation CO-INCIDENCES " />
<link rel="shortcut icon" href="images/iconw.png"/>
<link rel="stylesheet" media="screen" type="text/css" href="css/styles.css" title="Design" />
<link rel="stylesheet" media="screen" type="text/css" href="css/lightbox.css" title="Design" />
<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="javascript/lightbox.js"></script>
<script type="text/javascript" src="javascript/jsScrollbar.js"></script>
<script type="text/javascript" src="javascript/jsScroller.js"></script>
<script type="text/javascript"><!--
var scroller = null;
var scrollbar = null;
window.onload = function () {
scroller = new jsScroller(document.getElementById("News"), 480, 530);
scrollbar = new jsScrollbar (document.getElementById("Scrollbar-Container"), scroller, true, scrollbarEvent);
}
function scrollbarEvent (o, type) {
if (type == "mousedown") {
if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#E3E3E3";
else o.style.backgroundColor = "##CC3300";
} else {
if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#EEE";
else o.style.backgroundColor = "#CC3300";
}
}
function swapIt(o) {
o.blur();
if (o.className == "current") return false;
var list = document.getElementById("Navigation").getElementsByTagName("a");
for (var i = 0; i < list.length; i++) {
if (list[i].className == "current") {
list[i].className = "";
document.getElementById(list[i].title).y = -scroller._y;
}
if (list[i].title == o.title) o.className = "current";
}
list = document.getElementById("Container").childNodes;
for (var i = 0; i < list.length; i++) {
if (list[i].tagName == "DIV") list[i].style.display = "none";
}
var top = document.getElementById(o.title);
top.style.display = "block";
scrollbar.swapContent(top);
if (top.y) scrollbar.scrollTo(0, top.y);
return false;
}
--></script>
<script type="text/javascript">
<!--
function preload() {
if (document.images) {
tabImages=new Array;
for (var i=0; i<preload.arguments.length; i++){
tabImages[i]=new Image();
tabImages[i].src=preload.arguments[i];
}
}
}
var tabImages=new Array;
preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png", "images/mail.png");
//-->
</script>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-31878743-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="global">
<div id="left">
<div id="logo"><img src="images/logo_bloc_house.png" alt="Logo Bloc-House" width="223" height="47" /></div>
<div class="trait"></div>
<div class="menu"><a href="index.php" title="Retour &agrave; la page d'accueil">ACCUEIL</a></div>
<div class="trait1"></div>
<div class="menu"><a href="ateliers.php" title="Acc&eacute;der &agrave; la page ateliers">ATELIERS</a></div>
<div class="trait1"></div>
<div class="menu">MANIFESTATIONS</div>
<div class="trait1"></div>
<div class="menu"><a href="artistes.php" title="Acc&eacute;der &agrave; la page artistes">ARTISTES</a></div>
<div class="trait1"></div>
<div class="menu"><a href="interstices.php" title="Acc&eacute;der &agrave; la page interstices">INTERSTICES</a></div>
<div class="trait1"></div>
<div class="menu"><a href="contact.php" title="Acc&eacute;der &agrave; la page contact">CONTACT - INFOS</a></div>
<div class="trait1"></div>
<div class="menu"><a href="partenaires.php" title="Acc&eacute;der &agrave; la page partenaires">PARTENAIRES</a></div>
<div class="left_bottom1" style="margin-top:25px;">
<img class="icone" style="margin-left:5px;" src="images/iconePDF.png" alt="icone adobe reader" width="36" height="36" /><div class="sousmenu" style="margin-top:5px;"><a href="ressources/statuts_bloc_house.pdf" title="T&eacute;l&eacute;charger les statuts de Bloc-House">T&eacute;l&eacute;charger les statuts de l'association</a></div>
</div>
<div class="left_bottom1" style="margin-top:8px;">
<img class="icone" style="margin-left:12px;" src="images/mail.png" alt="icone mailbox" width="28" height="18" /><div class="sousmenu" style="margin-top:5px;"><a href="mailto:bloc.house79@gmail.com" title="Envoyer un mail à l'association Bloc-House">bloc.house79@gmail.com</a></div>
</div>
<!-- fin left --></div>
<div id="right">
<div id="middle">
<div id="top">
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carr&eacute; Bloc-House" /></div>
<div class="nom">Archipel</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">Open54 Performances</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">L'&eacute;lection</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">Trac&eacute;s</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">Heureux Des-Astres</div><br>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">Co-Incidences</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">Noir</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">To be a stickler</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">Ceci n'est pas un kak&eacute;mono</div>
<div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carré Bloc-House" /></div>
<div class="nom">C1.1</div>
</div>
<div id="manifestations">
<?php include('txt/manifestations.txt'); ?>
<div id="Scrollbar-Container">
<div class="Scrollbar-Up"></div>
<div class="Scrollbar-Down"></div>
<div class="Scrollbar-Track">
<div class="Scrollbar-Handle"></div>
</div>
</div>
<!-- fin manifestations --></div>
<!-- fin middle --></div>
<div id="trait_vertical1"></div>
<!-- fin right --></div>
<div id="bottom">
<img class="icone1" src="images/logo_carre2.png" alt="logo association" width="33" height="33" /><div class="adress" style="float:left;margin-top:18px;margin-left:8px;"><span style="font-weight:bold;">Association BLOC-HOUSE, Les Ateliers &Eacute;ph&eacute;m&egrave;res, </span>54 rue de Bagneux, 92330 Sceaux</div>
<!-- fin bottom --></div>
<!-- fin global --></div>
</body>
</html>

0
partenaires.php → partenaires.html
View File

2
txt/manifestations.txt
View File

@@ -372,4 +372,4 @@ fin du paragraphe nouvelle manifestation, à insérer à l'endroit souhaité ent
<!-- fin container --></div>
<!-- fin container --></div>