397 lines
14 KiB
HTML
397 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<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, Vincent Pandellé, Altone Mishino, Jérome Bouchez, Christophe Bogdan, Margot Montenoise, esapce de travail alternatif, Mitou Alalinarde, Claire Artemyz, Jean José Baranes, Gérard Koch, Nicolas de Ferran, Macha Krivokapic, 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/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: 25px">
|
|
<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:blochouseprojects@yahoo.com"
|
|
title="Envoyer un mail à l'association Bloc-House"
|
|
>
|
|
blochouseprojects@yahoo.com
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- fin left -->
|
|
|
|
<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="portrait">
|
|
<a href="#" onclick="javascript:afficher(22);" title="Arnaud Laval"
|
|
><img src="images/artistes/arnaudLaval.jpg" alt="arnaud Laval"
|
|
/></a>
|
|
</div> -->
|
|
<div class="vide" style="background-color: #999999"></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="Laurence Bost"
|
|
><img src="images/artistes/laurenceBost.jpg" alt="laurence Bost"
|
|
/></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: #ffffff"></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="vide" style="background-color: #cccccc"></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="portrait">
|
|
<a
|
|
href="#"
|
|
onclick="javascript:afficher(24);"
|
|
title="Ilan Parienté"
|
|
><img
|
|
src="images/artistes/ilanPariente.jpg"
|
|
alt="Ilan Parienté"
|
|
/></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="vide" style="background-color: #999999"></div>
|
|
<div class="portrait">
|
|
<a href="#" onclick="javascript:afficher(20);" title="Lin Lei"
|
|
><img src="images/artistes/linLei.jpg" alt="Lin Lei"
|
|
/></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: #666666"></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: #333333"></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="portrait">
|
|
<a
|
|
href="#"
|
|
onclick="javascript:afficher(23);"
|
|
title="Françoise Miquelis"
|
|
><img
|
|
src="images/artistes/francoiseMiquelis.jpg"
|
|
alt="Françoise Miquelis"
|
|
/></a>
|
|
</div> -->
|
|
<div class="vide" style="background-color: #999999"></div>
|
|
<div class="vide" style="background-color: #ccc"></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>
|
|
</div>
|
|
<!-- fin content -->
|
|
|
|
<div id="trait_vertical" style="margin-left: 68px"></div>
|
|
</div>
|
|
<!-- fin right -->
|
|
|
|
<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>
|
|
</div>
|
|
<!-- fin bottom -->
|
|
</div>
|
|
<!-- fin global -->
|
|
</body>
|
|
</html>
|