automatic formatting
This commit is contained in:
hugo LAMY
@@ -1,14 +1,28 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8" />
|
||||||
<title>Association Bloc-House - Les ateliers éphémères - Les artistes adhérents</title>
|
<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="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="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 " />
|
<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="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/styles.css"
|
||||||
|
title="Design"
|
||||||
|
/>
|
||||||
|
|
||||||
<script type="text/javascript" src="javascript/tools.js"></script>
|
<script type="text/javascript" src="javascript/tools.js"></script>
|
||||||
|
|
||||||
@@ -16,7 +30,7 @@
|
|||||||
<!--
|
<!--
|
||||||
function preload() {
|
function preload() {
|
||||||
if (document.images) {
|
if (document.images) {
|
||||||
tabImages=new Array;
|
tabImages = new Array();
|
||||||
for (var i = 0; i < preload.arguments.length; i++) {
|
for (var i = 0; i < preload.arguments.length; i++) {
|
||||||
tabImages[i] = new Image();
|
tabImages[i] = new Image();
|
||||||
tabImages[i].src = preload.arguments[i];
|
tabImages[i].src = preload.arguments[i];
|
||||||
@@ -24,45 +38,80 @@ function preload() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
var tabImages=new Array;
|
var tabImages = new Array();
|
||||||
preload("images/logo_bloc_house.png", "images/fond1.png", "images/mail.png");
|
preload(
|
||||||
|
"images/logo_bloc_house.png",
|
||||||
|
"images/fond1.png",
|
||||||
|
"images/mail.png"
|
||||||
|
);
|
||||||
//-->
|
//-->
|
||||||
</script>
|
</script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
|
||||||
var _gaq = _gaq || [];
|
var _gaq = _gaq || [];
|
||||||
_gaq.push(['_setAccount', 'UA-31878743-1']);
|
_gaq.push(["_setAccount", "UA-31878743-1"]);
|
||||||
_gaq.push(['_trackPageview']);
|
_gaq.push(["_trackPageview"]);
|
||||||
|
|
||||||
(function () {
|
(function () {
|
||||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
var ga = document.createElement("script");
|
||||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
ga.type = "text/javascript";
|
||||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
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>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body onload="javascript:init();">
|
<body onload="javascript:init();">
|
||||||
|
|
||||||
<div id="global">
|
<div id="global">
|
||||||
|
|
||||||
<div id="left">
|
<div id="left">
|
||||||
<div id="logo"><img src="images/logo_bloc_house.png" alt="Logo Bloc-House" width="223" height="47" /></div>
|
<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="trait"></div>
|
||||||
<div class="menu"><a href="index.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="ateliers.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="manifestations.html" 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="trait1"></div>
|
||||||
<div class="menu">ARTISTES</div>
|
<div class="menu">ARTISTES</div>
|
||||||
<div class="trait1"></div>
|
<div class="trait1"></div>
|
||||||
<div class="menu"><a href="interstices.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="contact.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="partenaires.html" 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;">
|
<div class="left_bottom1" style="margin-top:25px;">
|
||||||
@@ -70,87 +119,271 @@ preload("images/logo_bloc_house.png", "images/fond1.png", "images/mail.png");
|
|||||||
</div>
|
</div>
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<div class="left_bottom1" style="margin-top:25px;">
|
<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" />
|
<img
|
||||||
<div class="sousmenu" style="margin-top:5px;">
|
class="icone"
|
||||||
<a href="mailto:bloc.house79@gmail.com" title="Envoyer un mail à l'association Bloc-House">
|
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
|
bloc.house79@gmail.com
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- fin left -->
|
<!-- fin left -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div id="right">
|
<div id="right">
|
||||||
|
|
||||||
<div id="content_artistes">
|
<div id="content_artistes">
|
||||||
|
<div class="portrait">
|
||||||
<div class="portrait"><a href="#" onclick="javascript:afficher(0);" title="Margot Montenoise"><img src="images/artistes/margotMontenoise.jpg" alt="margot Montenoise" /></a></div>
|
<a
|
||||||
<div class="vide" style="background-color:#cccccc;"></div>
|
href="#"
|
||||||
<div class="portrait"><a href="#" onclick="javascript:afficher(1);" title="Christophe Bogdan"><img src="images/artistes/christopheBogdan.jpg" alt="christophe Bogdan" /></a></div>
|
onclick="javascript:afficher(0);"
|
||||||
<div class="portrait"><a href="#" onclick="javascript:afficher(2);" title="Masha Krivokapic"><img src="images/artistes/mashaKrivokapic.jpg" alt="masha Krivokapic" /></a></div>
|
title="Margot Montenoise"
|
||||||
<div class="vide" style="background-color:#999999;"></div>
|
><img
|
||||||
<div class="portrait"><a href="#" onclick="javascript:afficher(3);" title="Vincent Pandellé"><img src="images/artistes/vincentPandelle.jpg" alt="vincent Pandelle" /></a></div>
|
src="images/artistes/margotMontenoise.jpg"
|
||||||
<div class="portrait"><a href="#" onclick="javascript:afficher(22);" title="Arnaud Laval"><img src="images/artistes/arnaudLaval.jpg" alt="arnaud Laval" /></a></div>
|
alt="margot Montenoise"
|
||||||
|
/></a>
|
||||||
<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>
|
||||||
<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: #cccccc"></div>
|
||||||
<div class="vide" style="background-color:#666666;"></div>
|
<div class="portrait">
|
||||||
<div class="portrait"><a href="#" onclick="javascript:afficher(6);" title="Laurence Bost"><img src="images/artistes/laurenceBost.jpg" alt="laurence Bost" /></a></div>
|
<a
|
||||||
<div class="vide" style="background-color:#333333;"></div>
|
href="#"
|
||||||
|
onclick="javascript:afficher(1);"
|
||||||
<div class="boite">
|
title="Christophe Bogdan"
|
||||||
<div class="portrait"><a href="#" onclick="javascript:afficher(17);" title="Claudine Sabatier"><img src="images/artistes/claudineSabatier.jpg" alt="Claudine Sabatier" /></a></div>
|
><img
|
||||||
<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>
|
src="images/artistes/christopheBogdan.jpg"
|
||||||
<div class="portrait"><a href="#" onclick="javascript:afficher(8);" title="Paule Millara"><img src="images/artistes/pauleMillara.jpg" alt="Paule Millara" /></a></div>
|
alt="christophe Bogdan"
|
||||||
<div class="vide" style="background-color:#333333;"></div>
|
/></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>
|
||||||
|
|
||||||
<div id="affichage">
|
<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>
|
||||||
|
<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="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">
|
||||||
<div class="portrait"><a href="#" onclick="javascript:afficher(9);" title="Dashan Yang"><img src="images/artistes/dashanYang.jpg" alt="Dashan Yang" /></a></div>
|
<a
|
||||||
<div class="portrait"><a href="#" onclick="javascript:afficher(10);" title="Altone Mishino"><img src="images/artistes/altoneMishino.jpg" alt="Altone Mishino" /></a></div>
|
href="#"
|
||||||
<div class="portrait"><a href="#" onclick="javascript:afficher(24);" title="Ilan Parienté"><img src="images/artistes/ilanPariente.jpg" alt="Ilan Parienté" /></a></div>
|
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="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 class="vide" style="background-color:#999999;"></div>-->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="vide" style="background-color:#666666;"></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">
|
||||||
<div class="portrait"><a href="#" onclick="javascript:afficher(20);" title="Lin Lei"><img src="images/artistes/linLei.jpg" alt="Lin Lei" /></a></div>
|
<a
|
||||||
<div class="portrait"><a href="#" onclick="javascript:afficher(12);" title="Milan Atanaskovic"><img src="images/artistes/milanAtanaskovic.jpg" alt="Milan Atanaskovic" /></a></div>
|
href="#"
|
||||||
<div class="portrait"><a href="#" onclick="javascript:afficher(13);" title="Wari"><img src="images/artistes/wari.jpg" alt="wari" /></a></div>
|
onclick="javascript:afficher(11);"
|
||||||
<div class="vide" style="background-color:#ffffff;"></div>
|
title="Macha Pandellé"
|
||||||
|
><img
|
||||||
<div class="portrait"><a href="#" onclick="javascript:afficher(14);" title="Anna Mauban"><img src="images/artistes/annaMauban.jpg" alt="Anna Mauban" /></a></div>
|
src="images/artistes/mariaPandelle.jpg"
|
||||||
<div class="vide" style="background-color:#ffffff;"></div>
|
alt="Maria Pandelle"
|
||||||
<div class="portrait"><a href="#" onclick="javascript:afficher(15);" title="Mitou Alalinarde"><img src="images/artistes/mitouAllalinarde.jpg" alt="Mitou Allalinarde" /></a></div>
|
/></a>
|
||||||
<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>
|
||||||
<div class="vide" style="background-color:#ccc;"></div>
|
<div class="portrait">
|
||||||
<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>
|
<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: #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="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: #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>
|
</div>
|
||||||
<!-- fin content -->
|
<!-- fin content -->
|
||||||
|
|
||||||
<div id="trait_vertical" style="margin-left:68px;"></div>
|
<div id="trait_vertical" style="margin-left: 68px"></div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- fin right -->
|
<!-- fin right -->
|
||||||
|
|
||||||
<div id="bottom">
|
<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>
|
<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>
|
</div>
|
||||||
<!-- fin bottom -->
|
<!-- fin bottom -->
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- fin global -->
|
<!-- fin global -->
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -1,34 +1,56 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8" />
|
||||||
<title>Association Bloc-House - Les ateliers éphémères - Les lieux</title>
|
<title>Association Bloc-House - Les ateliers éphémères - Les lieux</title>
|
||||||
|
|
||||||
<meta name="description" content="Page présentant les lieux de l'association Bloc-House à Sceaux" />
|
<meta
|
||||||
<meta name="Author" content="Les lieux de l'association Bloc-House à Sceaux" />
|
name="description"
|
||||||
<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 " />
|
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="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="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/styles.css"
|
||||||
|
title="Design"
|
||||||
|
/>
|
||||||
|
|
||||||
<script type="text/javascript" src="javascript/jsScrollbar.js"></script>
|
<script type="text/javascript" src="javascript/jsScrollbar.js"></script>
|
||||||
<script type="text/javascript" src="javascript/jsScroller.js"></script>
|
<script type="text/javascript" src="javascript/jsScroller.js"></script>
|
||||||
|
|
||||||
<script type="text/javascript"><!--
|
<script type="text/javascript">
|
||||||
|
<!--
|
||||||
var scroller = null;
|
var scroller = null;
|
||||||
var scrollbar = null;
|
var scrollbar = null;
|
||||||
|
|
||||||
window.onload = function () {
|
window.onload = function () {
|
||||||
scroller = new jsScroller(document.getElementById("News"), 480, 530);
|
scroller = new jsScroller(document.getElementById("News"), 480, 530);
|
||||||
scrollbar = new jsScrollbar (document.getElementById("Scrollbar-Container"), scroller, true, scrollbarEvent);
|
scrollbar = new jsScrollbar(
|
||||||
}
|
document.getElementById("Scrollbar-Container"),
|
||||||
|
scroller,
|
||||||
|
true,
|
||||||
|
scrollbarEvent
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
function scrollbarEvent(o, type) {
|
function scrollbarEvent(o, type) {
|
||||||
if (type == "mousedown") {
|
if (type == "mousedown") {
|
||||||
if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#E3E3E3";
|
if (o.className == "Scrollbar-Track")
|
||||||
|
o.style.backgroundColor = "#E3E3E3";
|
||||||
else o.style.backgroundColor = "##CC3300";
|
else o.style.backgroundColor = "##CC3300";
|
||||||
} else {
|
} else {
|
||||||
if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#EEE";
|
if (o.className == "Scrollbar-Track")
|
||||||
|
o.style.backgroundColor = "#EEE";
|
||||||
else o.style.backgroundColor = "#CC3300";
|
else o.style.backgroundColor = "#CC3300";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -37,7 +59,9 @@ function swapIt(o) {
|
|||||||
o.blur();
|
o.blur();
|
||||||
if (o.className == "current") return false;
|
if (o.className == "current") return false;
|
||||||
|
|
||||||
var list = document.getElementById("Navigation").getElementsByTagName("a");
|
var list = document
|
||||||
|
.getElementById("Navigation")
|
||||||
|
.getElementsByTagName("a");
|
||||||
for (var i = 0; i < list.length; i++) {
|
for (var i = 0; i < list.length; i++) {
|
||||||
if (list[i].className == "current") {
|
if (list[i].className == "current") {
|
||||||
list[i].className = "";
|
list[i].className = "";
|
||||||
@@ -58,13 +82,14 @@ function swapIt(o) {
|
|||||||
|
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
--></script>
|
-->
|
||||||
|
</script>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
<!--
|
<!--
|
||||||
function preload() {
|
function preload() {
|
||||||
if (document.images) {
|
if (document.images) {
|
||||||
tabImages=new Array;
|
tabImages = new Array();
|
||||||
for (var i = 0; i < preload.arguments.length; i++) {
|
for (var i = 0; i < preload.arguments.length; i++) {
|
||||||
tabImages[i] = new Image();
|
tabImages[i] = new Image();
|
||||||
tabImages[i].src = preload.arguments[i];
|
tabImages[i].src = preload.arguments[i];
|
||||||
@@ -72,46 +97,80 @@ function preload() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
var tabImages=new Array;
|
var tabImages = new Array();
|
||||||
preload("images/logo_bloc_house.png", "images/fond1.png", "images/mail.png");
|
preload(
|
||||||
|
"images/logo_bloc_house.png",
|
||||||
|
"images/fond1.png",
|
||||||
|
"images/mail.png"
|
||||||
|
);
|
||||||
//-->
|
//-->
|
||||||
</script>
|
</script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
|
||||||
var _gaq = _gaq || [];
|
var _gaq = _gaq || [];
|
||||||
_gaq.push(['_setAccount', 'UA-31878743-1']);
|
_gaq.push(["_setAccount", "UA-31878743-1"]);
|
||||||
_gaq.push(['_trackPageview']);
|
_gaq.push(["_trackPageview"]);
|
||||||
|
|
||||||
(function () {
|
(function () {
|
||||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
var ga = document.createElement("script");
|
||||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
ga.type = "text/javascript";
|
||||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
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>
|
</script>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div id="global">
|
<div id="global">
|
||||||
|
|
||||||
<div id="left">
|
<div id="left">
|
||||||
<div id="logo"><img src="images/logo_bloc_house.png" alt="Logo Bloc-House" width="223" height="47" /></div>
|
<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="trait"></div>
|
||||||
<div class="menu"><a href="index.html" 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="trait1"></div>
|
||||||
<div class="menu">ATELIERS</div>
|
<div class="menu">ATELIERS</div>
|
||||||
<div class="trait1"></div>
|
<div class="trait1"></div>
|
||||||
<div class="menu"><a href="manifestations.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="artistes.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="interstices.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="contact.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="partenaires.html" 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;">
|
<div class="left_bottom1" style="margin-top:25px;">
|
||||||
@@ -119,48 +178,87 @@ preload("images/logo_bloc_house.png", "images/fond1.png", "images/mail.png");
|
|||||||
</div>
|
</div>
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<div class="left_bottom1" style="margin-top:25px;">
|
<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:bloc.house79@gmail.com" title="Envoyer un mail à l'association Bloc-House">bloc.house79@gmail.com</a></div>
|
<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>
|
</div>
|
||||||
|
|
||||||
|
<!-- fin left -->
|
||||||
|
</div>
|
||||||
<!-- fin left --></div>
|
|
||||||
|
|
||||||
<div id="right">
|
<div id="right">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div id="ateliers">
|
<div id="ateliers">
|
||||||
|
|
||||||
<div id="Container">
|
<div id="Container">
|
||||||
<div id="News">
|
<div id="News">
|
||||||
|
|
||||||
<div class="Scroller-Container">
|
<div class="Scroller-Container">
|
||||||
|
<div id="img_atelier">
|
||||||
<div id="img_atelier"><img src="images/ateliers/ateliers1.jpg" alt="Le site des ateliers Bloc-House" /></div>
|
<img
|
||||||
|
src="images/ateliers/ateliers1.jpg"
|
||||||
|
alt="Le site des ateliers Bloc-House"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="legende">Site des ateliers Bloc-House</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é-->
|
<!-- ici la liste des artistes résidents, pour ajouter ou échanger un artiste, mettre "- nom de l'artiste" à l'endroit souhaité-->
|
||||||
<div class="artistes">
|
<div class="artistes">
|
||||||
|
<p style="font-size: 14px; font-weight: bold">
|
||||||
<p style="font-size:14px;font-weight:bold;">Les artistes résidents</p>
|
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;">Underground <span style="margin-left:5px;">Milan Atanaskovic</span></p> -->
|
||||||
<p style="margin-top:2px;">First level <span style="margin-left:23px;">Laurence Boost dite LABB - Vincent Pandellé</span></p>
|
<p style="margin-top: 2px">
|
||||||
<p style="margin-top:2px;">Second level <span style="margin-left:7px;">Altone Mishino - Jérome Bouchez - Macha Krivokapic - Milan Atanaskovic</span></p>
|
First level
|
||||||
<p style="margin-top:2px;">Third level <span style="margin-left:19px;">Margot Montenoise - Ilan Parienté</span></p>
|
<span style="margin-left: 23px"
|
||||||
|
>Laurence Boost dite LABB - Vincent Pandellé</span
|
||||||
|
>
|
||||||
|
</p>
|
||||||
|
<p style="margin-top: 2px">
|
||||||
|
Second level
|
||||||
|
<span style="margin-left: 7px"
|
||||||
|
>Altone Mishino - Jérome Bouchez - Macha Krivokapic -
|
||||||
|
Milan Atanaskovic</span
|
||||||
|
>
|
||||||
|
</p>
|
||||||
|
<p style="margin-top: 2px">
|
||||||
|
Third level
|
||||||
|
<span style="margin-left: 19px"
|
||||||
|
>Margot Montenoise - Ilan Parienté</span
|
||||||
|
>
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- fin de la liste des artistes -->
|
<!-- fin de la liste des artistes -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- les images -->
|
<!-- les images -->
|
||||||
|
|
||||||
<div id="carton"><img src="images/ateliers/ateliers4.jpg" style="margin-left:5px;margin-top:25px;" alt="carton invitation 1" width="228" height="320" /><img src="images/ateliers/ateliers5.jpg" style="margin-left:5px;margin-top:25px;" alt="carton invitation 1" width="238" height="320" /></div>
|
<div id="carton">
|
||||||
|
<img
|
||||||
|
src="images/ateliers/ateliers4.jpg"
|
||||||
|
style="margin-left: 5px; margin-top: 25px"
|
||||||
|
alt="carton invitation 1"
|
||||||
|
width="228"
|
||||||
|
height="320"
|
||||||
|
/><img
|
||||||
|
src="images/ateliers/ateliers5.jpg"
|
||||||
|
style="margin-left: 5px; margin-top: 25px"
|
||||||
|
alt="carton invitation 1"
|
||||||
|
width="238"
|
||||||
|
height="320"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- fin des images -->
|
<!-- fin des images -->
|
||||||
|
|
||||||
@@ -168,38 +266,82 @@ preload("images/logo_bloc_house.png", "images/fond1.png", "images/mail.png");
|
|||||||
<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="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>
|
||||||
|
<strong>2008 / 2018</strong> – Dixième anniversaire du site
|
||||||
|
des ateliers d’artistes et de l’association Bloc-House
|
||||||
|
marqué par la création collective de « Gesture », une
|
||||||
|
peinture monumentale présentée au public sur la façade du
|
||||||
|
site, le samedi 8 décembre 2018 lors d’une Porte Ouverte
|
||||||
|
Nocturne des ateliers.
|
||||||
|
</p>
|
||||||
|
<br />
|
||||||
|
<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>
|
||||||
|
|
||||||
<div id="texte" style="margin-top:18px;font-size:12px;">
|
<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><strong>2008 / 2018</strong> – Dixième anniversaire du site des ateliers d’artistes et de l’association Bloc-House marqué par la création collective de « Gesture », une peinture monumentale présentée au public sur la façade du site, le samedi 8 décembre 2018 lors d’une Porte Ouverte Nocturne des ateliers.</p>
|
<p style="margin-top: 10px; font-weight: bold">
|
||||||
<br>
|
Christophe Girard
|
||||||
<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>
|
||||||
|
<p>
|
||||||
<p style="width:100px;height:1px;border-bottom:1px solid #cc3300;margin-left:190px;margin-top:25px;"></p>
|
Le petit livre rouge de la culture - Propositions pour une
|
||||||
|
république culturelle
|
||||||
<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>
|
||||||
|
|
||||||
<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>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>
|
<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>
|
</div>
|
||||||
<!-- fin scroller container --></div>
|
|
||||||
|
|
||||||
|
<!-- fin news -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- fin container -->
|
||||||
<!-- fin news --></div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- fin container --></div>
|
|
||||||
|
|
||||||
|
|
||||||
<div id="Scrollbar-Container">
|
<div id="Scrollbar-Container">
|
||||||
<div class="Scrollbar-Up"></div>
|
<div class="Scrollbar-Up"></div>
|
||||||
@@ -209,19 +351,33 @@ preload("images/logo_bloc_house.png", "images/fond1.png", "images/mail.png");
|
|||||||
<div class="Scrollbar-Handle"></div>
|
<div class="Scrollbar-Handle"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- fin ateliers --></div>
|
<!-- fin ateliers -->
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="trait_vertical"></div>
|
<div id="trait_vertical"></div>
|
||||||
<!-- fin right --></div>
|
<!-- fin right -->
|
||||||
|
</div>
|
||||||
<div id="bottom">
|
<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>
|
<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 bottom -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- fin global -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<!-- fin global --></div>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -1,34 +1,59 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8" />
|
||||||
<title>Association Bloc-House - Les ateliers éphémères - Contact et informations</title>
|
<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
|
||||||
<meta name="Author" content="Coordonnées de contact de l'association Bloc-House à Sceaux" />
|
name="description"
|
||||||
<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 " />
|
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="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/styles.css"
|
||||||
|
title="Design"
|
||||||
|
/>
|
||||||
<script type="text/javascript" src="javascript/tools.js"></script>
|
<script type="text/javascript" src="javascript/tools.js"></script>
|
||||||
|
|
||||||
<script type="text/javascript" src="javascript/jsScrollbar.js"></script>
|
<script type="text/javascript" src="javascript/jsScrollbar.js"></script>
|
||||||
<script type="text/javascript" src="javascript/jsScroller.js"></script>
|
<script type="text/javascript" src="javascript/jsScroller.js"></script>
|
||||||
|
|
||||||
<script type="text/javascript"><!--
|
<script type="text/javascript">
|
||||||
|
<!--
|
||||||
var scroller = null;
|
var scroller = null;
|
||||||
var scrollbar = null;
|
var scrollbar = null;
|
||||||
|
|
||||||
window.onload = function () {
|
window.onload = function () {
|
||||||
scroller = new jsScroller(document.getElementById("News"), 480, 530);
|
scroller = new jsScroller(document.getElementById("News"), 480, 530);
|
||||||
scrollbar = new jsScrollbar (document.getElementById("Scrollbar-Container"), scroller, true, scrollbarEvent);
|
scrollbar = new jsScrollbar(
|
||||||
}
|
document.getElementById("Scrollbar-Container"),
|
||||||
|
scroller,
|
||||||
|
true,
|
||||||
|
scrollbarEvent
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
function scrollbarEvent(o, type) {
|
function scrollbarEvent(o, type) {
|
||||||
if (type == "mousedown") {
|
if (type == "mousedown") {
|
||||||
if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#E3E3E3";
|
if (o.className == "Scrollbar-Track")
|
||||||
|
o.style.backgroundColor = "#E3E3E3";
|
||||||
else o.style.backgroundColor = "##CC3300";
|
else o.style.backgroundColor = "##CC3300";
|
||||||
} else {
|
} else {
|
||||||
if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#EEE";
|
if (o.className == "Scrollbar-Track")
|
||||||
|
o.style.backgroundColor = "#EEE";
|
||||||
else o.style.backgroundColor = "#CC3300";
|
else o.style.backgroundColor = "#CC3300";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -37,7 +62,9 @@ function swapIt(o) {
|
|||||||
o.blur();
|
o.blur();
|
||||||
if (o.className == "current") return false;
|
if (o.className == "current") return false;
|
||||||
|
|
||||||
var list = document.getElementById("Navigation").getElementsByTagName("a");
|
var list = document
|
||||||
|
.getElementById("Navigation")
|
||||||
|
.getElementsByTagName("a");
|
||||||
for (var i = 0; i < list.length; i++) {
|
for (var i = 0; i < list.length; i++) {
|
||||||
if (list[i].className == "current") {
|
if (list[i].className == "current") {
|
||||||
list[i].className = "";
|
list[i].className = "";
|
||||||
@@ -58,13 +85,14 @@ function swapIt(o) {
|
|||||||
|
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
--></script>
|
-->
|
||||||
|
</script>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
<!--
|
<!--
|
||||||
function preload() {
|
function preload() {
|
||||||
if (document.images) {
|
if (document.images) {
|
||||||
tabImages=new Array;
|
tabImages = new Array();
|
||||||
for (var i = 0; i < preload.arguments.length; i++) {
|
for (var i = 0; i < preload.arguments.length; i++) {
|
||||||
tabImages[i] = new Image();
|
tabImages[i] = new Image();
|
||||||
tabImages[i].src = preload.arguments[i];
|
tabImages[i].src = preload.arguments[i];
|
||||||
@@ -72,46 +100,80 @@ function preload() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
var tabImages=new Array;
|
var tabImages = new Array();
|
||||||
preload("images/logo_bloc_house.png", "images/fond1.png", "images/mail.png");
|
preload(
|
||||||
|
"images/logo_bloc_house.png",
|
||||||
|
"images/fond1.png",
|
||||||
|
"images/mail.png"
|
||||||
|
);
|
||||||
//-->
|
//-->
|
||||||
</script>
|
</script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
|
||||||
var _gaq = _gaq || [];
|
var _gaq = _gaq || [];
|
||||||
_gaq.push(['_setAccount', 'UA-31878743-1']);
|
_gaq.push(["_setAccount", "UA-31878743-1"]);
|
||||||
_gaq.push(['_trackPageview']);
|
_gaq.push(["_trackPageview"]);
|
||||||
|
|
||||||
(function () {
|
(function () {
|
||||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
var ga = document.createElement("script");
|
||||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
ga.type = "text/javascript";
|
||||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
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>
|
</script>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div id="global">
|
<div id="global">
|
||||||
|
|
||||||
<div id="left">
|
<div id="left">
|
||||||
<div id="logo"><img src="images/logo_bloc_house.png" alt="Logo Bloc-House" width="223" height="47" /></div>
|
<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="trait"></div>
|
||||||
<div class="menu"><a href="index.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="ateliers.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="manifestations.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="artistes.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="interstices.html" 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="trait1"></div>
|
||||||
<div class="menu">CONTACT - INFOS</div>
|
<div class="menu">CONTACT - INFOS</div>
|
||||||
<div class="trait1"></div>
|
<div class="trait1"></div>
|
||||||
<div class="menu"><a href="partenaires.html" 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;">
|
<div class="left_bottom1" style="margin-top:25px;">
|
||||||
@@ -119,87 +181,181 @@ preload("images/logo_bloc_house.png", "images/fond1.png", "images/mail.png");
|
|||||||
</div>
|
</div>
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<div class="left_bottom1" style="margin-top:25px;">
|
<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:bloc.house79@gmail.com" title="Envoyer un mail à l'association Bloc-House">bloc.house79@gmail.com</a></div>
|
<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>
|
</div>
|
||||||
|
|
||||||
|
<!-- fin left -->
|
||||||
|
</div>
|
||||||
<!-- fin left --></div>
|
|
||||||
|
|
||||||
<div id="right">
|
<div id="right">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div id="ateliers">
|
<div id="ateliers">
|
||||||
|
|
||||||
<div id="Container">
|
<div id="Container">
|
||||||
<div id="News">
|
<div id="News">
|
||||||
|
|
||||||
<div class="Scroller-Container">
|
<div class="Scroller-Container">
|
||||||
|
|
||||||
|
|
||||||
<div id="fauteuil">
|
<div id="fauteuil">
|
||||||
<div id="adresse1">
|
<div id="adresse1">
|
||||||
<div id="logo_p"><img src="images/logo_bloc_housep.png" width="180" height="38" alt="logo association bloc-house" /></div>
|
<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;">
|
<table style="position: relative; top: 48px; left: 13px">
|
||||||
<tr>
|
<tr>
|
||||||
<td>Adresse postale :</td><td> Les Garages</td></tr>
|
<td>Adresse postale :</td>
|
||||||
<tr><td></td><td> 20 rue des Imbergères</td></tr>
|
<td> Les Garages</td>
|
||||||
<tr><td></td><td> 92330 Sceaux</td></tr>
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td></td>
|
||||||
|
<td> 20 rue des Imbergères</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td></td>
|
||||||
|
<td> 92330 Sceaux</td>
|
||||||
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<table style="position:relative;top:64px;left:13px;">
|
<table style="position: relative; top: 64px; left: 13px">
|
||||||
<tr><td>Site des ateliers :</td><td> 54 rue de Bagneux</td></tr>
|
<tr>
|
||||||
<tr><td></td><td> 92330 Sceaux</td></tr>
|
<td>Site des ateliers :</td>
|
||||||
|
<td> 54 rue de Bagneux</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td></td>
|
||||||
|
<td> 92330 Sceaux</td>
|
||||||
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<table style="position:relative;top:76px;left:13px;">
|
<table style="position: relative; top: 76px; left: 13px">
|
||||||
<tr><td>Adresse mail :</td><td class="link"> <a href="mailto:bloc.house79@gmail.com" title="Envoyer un mail à l'association Bloc-House">bloc.house79@gmail.com</a></td></tr>
|
<tr>
|
||||||
|
<td>Adresse mail :</td>
|
||||||
|
<td class="link">
|
||||||
|
<a
|
||||||
|
href="mailto:bloc.house79@gmail.com"
|
||||||
|
title="Envoyer un mail à l'association Bloc-House"
|
||||||
|
>bloc.house79@gmail.com</a
|
||||||
|
>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<table style="position:relative;top:88px;left:13px;">
|
<table style="position: relative; top: 88px; left: 13px">
|
||||||
<tr><td>Responsables publication :</td><td> Jérôme Bouchez</td></tr>
|
<tr>
|
||||||
<tr><td></td><td> Eliza Magri</td></tr>
|
<td>Responsables publication :</td>
|
||||||
|
<td> Jérôme Bouchez</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td></td>
|
||||||
|
<td> Eliza Magri</td>
|
||||||
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<table style="position:relative;top:100px;left:13px;">
|
<table style="position: relative; top: 100px; left: 13px">
|
||||||
<tr><td>Crédits photographiques :</td><td> Macha Krivokapic</td></tr>
|
<tr>
|
||||||
<tr><td></td><td> Eliza Magri</td></tr>
|
<td>Crédits photographiques :</td>
|
||||||
<tr><td></td><td> Jérôme Bouchez</td></tr>
|
<td> Macha Krivokapic</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td></td>
|
||||||
|
<td> Eliza Magri</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td></td>
|
||||||
|
<td> Jérôme Bouchez</td>
|
||||||
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<table style="position:relative;top:112px;left:13px;">
|
<table style="position: relative; top: 112px; left: 13px">
|
||||||
<tr><td>Crédits vidéos :</td><td> Milan Atanaskovic</td></tr>
|
<tr>
|
||||||
|
<td>Crédits vidéos :</td>
|
||||||
|
<td> Milan Atanaskovic</td>
|
||||||
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<table style="position:relative;top:124px;left:13px;">
|
<table style="position: relative; top: 124px; left: 13px">
|
||||||
<tr><td>Réalisation du site :</td><td class="link"> <a href="http://www.marlei-webdesign.com" title="Accéder au site de Marlei Webdesign" target="_blank">Marlei Webdesign</a></td></tr>
|
<tr>
|
||||||
<tr><td>Maintenance du site :</td><td class="link"> <a href="https://hugulumu.fr" title="Accéder au site de Hugo Lamy" target="_blank">Hugo Lamy</td></tr>
|
<td>Réalisation du site :</td>
|
||||||
|
<td class="link">
|
||||||
|
<a
|
||||||
|
href="http://www.marlei-webdesign.com"
|
||||||
|
title="Accéder au site de Marlei Webdesign"
|
||||||
|
target="_blank"
|
||||||
|
>Marlei Webdesign</a
|
||||||
|
>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Maintenance du site :</td>
|
||||||
|
<td class="link">
|
||||||
|
<a
|
||||||
|
href="https://hugulumu.fr"
|
||||||
|
title="Accéder au site de Hugo Lamy"
|
||||||
|
target="_blank"
|
||||||
|
>Hugo Lamy</a
|
||||||
|
>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<div id="marlei"></div>
|
<div id="marlei"></div>
|
||||||
|
|
||||||
</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-style: italic; margin-top: 18px">
|
||||||
|
Totem, bois et béton, création Christophe Bogdan pour
|
||||||
<p style="font-size:12px;font-weight:bold;margin-top:25px;">mentions légales</p>
|
Bloc-House, 2013.
|
||||||
<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>
|
||||||
<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>
|
|
||||||
|
|
||||||
|
<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>
|
</div>
|
||||||
<!-- fin scroller container --></div>
|
|
||||||
|
|
||||||
|
<!-- fin news -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- fin container -->
|
||||||
<!-- fin news --></div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- fin container --></div>
|
|
||||||
<div id="Scrollbar-Container">
|
<div id="Scrollbar-Container">
|
||||||
<div class="Scrollbar-Up"></div>
|
<div class="Scrollbar-Up"></div>
|
||||||
|
|
||||||
@@ -208,19 +364,33 @@ preload("images/logo_bloc_house.png", "images/fond1.png", "images/mail.png");
|
|||||||
<div class="Scrollbar-Handle"></div>
|
<div class="Scrollbar-Handle"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- fin ateliers --></div>
|
<!-- fin ateliers -->
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="trait_vertical"></div>
|
<div id="trait_vertical"></div>
|
||||||
<!-- fin right --></div>
|
<!-- fin right -->
|
||||||
|
</div>
|
||||||
<div id="bottom">
|
<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>
|
<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 bottom -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- fin global -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<!-- fin global --></div>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -1,21 +1,42 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8" />
|
||||||
<title>Association Bloc-House - Les ateliers éphémères - Page d'accueil</title>
|
<title>
|
||||||
|
Association Bloc-House - Les ateliers éphémères - Page d'accueil
|
||||||
|
</title>
|
||||||
|
|
||||||
<meta name="description" content="Site présentant les activités de l'association Bloc-House à Sceaux" />
|
<meta
|
||||||
<meta name="Author" content="L'association Bloc-House - pole de création à Sceaux" />
|
name="description"
|
||||||
<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 " />
|
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="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/styles.css"
|
||||||
|
title="Design"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<script
|
||||||
<script type="text/javascript" src="javascript/jquery-1.3.2.min.js"></script>
|
type="text/javascript"
|
||||||
<script type="text/javascript" src="javascript/jquery.diaporama.js"></script>
|
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/script.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!--<script type="text/javascript" src="javascript/jquery.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" src="javascript/easySlider1.7.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
@@ -31,7 +52,7 @@
|
|||||||
<!--
|
<!--
|
||||||
function preload() {
|
function preload() {
|
||||||
if (document.images) {
|
if (document.images) {
|
||||||
tabImages=new Array;
|
tabImages = new Array();
|
||||||
for (var i = 0; i < preload.arguments.length; i++) {
|
for (var i = 0; i < preload.arguments.length; i++) {
|
||||||
tabImages[i] = new Image();
|
tabImages[i] = new Image();
|
||||||
tabImages[i].src = preload.arguments[i];
|
tabImages[i].src = preload.arguments[i];
|
||||||
@@ -39,47 +60,94 @@ function preload() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
var tabImages=new Array;
|
var tabImages = new Array();
|
||||||
preload("images/logo_bloc_house.png", "images/fond1.png", "images/mail.png", "images/accueil/pageAccueil1.jpg", "images/accueil/pageAccueil2.jpg", "images/accueil/pageAccueil2a.jpg", "images/accueil/pageAccueil8.jpg", "images/accueil/pageAccueil4.jpg", "images/accueil/pageAccueil9.jpg", "images/accueil/pageAccueil6.jpg", "images/accueil/pageAccueil7.jpg");
|
preload(
|
||||||
|
"images/logo_bloc_house.png",
|
||||||
|
"images/fond1.png",
|
||||||
|
"images/mail.png",
|
||||||
|
"images/accueil/pageAccueil1.jpg",
|
||||||
|
"images/accueil/pageAccueil2.jpg",
|
||||||
|
"images/accueil/pageAccueil2a.jpg",
|
||||||
|
"images/accueil/pageAccueil8.jpg",
|
||||||
|
"images/accueil/pageAccueil4.jpg",
|
||||||
|
"images/accueil/pageAccueil9.jpg",
|
||||||
|
"images/accueil/pageAccueil6.jpg",
|
||||||
|
"images/accueil/pageAccueil7.jpg"
|
||||||
|
);
|
||||||
//-->
|
//-->
|
||||||
</script>
|
</script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
|
||||||
var _gaq = _gaq || [];
|
var _gaq = _gaq || [];
|
||||||
_gaq.push(['_setAccount', 'UA-31878743-1']);
|
_gaq.push(["_setAccount", "UA-31878743-1"]);
|
||||||
_gaq.push(['_trackPageview']);
|
_gaq.push(["_trackPageview"]);
|
||||||
|
|
||||||
(function () {
|
(function () {
|
||||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
var ga = document.createElement("script");
|
||||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
ga.type = "text/javascript";
|
||||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
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>
|
</script>
|
||||||
<meta name="google-site-verification" content="t6t1zeNahIOuUSEJ0MNrnSx4qDJvDBgSkBq-PWUFBls" />
|
<meta
|
||||||
|
name="google-site-verification"
|
||||||
|
content="t6t1zeNahIOuUSEJ0MNrnSx4qDJvDBgSkBq-PWUFBls"
|
||||||
|
/>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div id="global">
|
<div id="global">
|
||||||
|
|
||||||
<div id="left">
|
<div id="left">
|
||||||
<div id="logo"><img src="images/logo_bloc_house.png" alt="Logo Bloc-House" width="223" height="47" /></div>
|
<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="trait"></div>
|
||||||
<div class="menu">ACCUEIL</div>
|
<div class="menu">ACCUEIL</div>
|
||||||
<div class="trait1"></div>
|
<div class="trait1"></div>
|
||||||
<div class="menu"><a href="ateliers.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="manifestations.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="artistes.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="interstices.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="contact.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="partenaires.html" 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;">
|
<div class="left_bottom1" style="margin-top:25px;">
|
||||||
@@ -87,60 +155,151 @@ preload("images/logo_bloc_house.png", "images/fond1.png", "images/mail.png", "im
|
|||||||
</div>
|
</div>
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<div class="left_bottom1" style="margin-top:25px;">
|
<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:bloc.house79@gmail.com" title="Envoyer un mail à l'association Bloc-House">bloc.house79@gmail.com</a></div>
|
<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>
|
</div>
|
||||||
|
|
||||||
|
<!-- fin left -->
|
||||||
|
</div>
|
||||||
<!-- fin left --></div>
|
|
||||||
|
|
||||||
<div id="right">
|
<div id="right">
|
||||||
<div id="content">
|
<div id="content">
|
||||||
|
|
||||||
|
|
||||||
<!-- animation page d'accueil -->
|
<!-- animation page d'accueil -->
|
||||||
|
|
||||||
<ul class="diaporama">
|
<ul class="diaporama">
|
||||||
<li><a href="manifestations.html" title="Accéder à MANIFESTATIONS"><img alt="image 1 diaporama" src="images/accueil/pageAccueil1.jpg" /></a></li>
|
<li>
|
||||||
<li><a href="manifestations.html" title="Accéder à MANIFESTATIONS"><img alt="image 2 diaporama" src="images/accueil/pageAccueil2.jpg" /></a></li>
|
<a href="manifestations.html" title="Accéder à MANIFESTATIONS"
|
||||||
<li><a href="manifestations.html" title="Accéder à MANIFESTATIONS"><img alt="image 3 diaporama" src="images/accueil/pageAccueil2a.jpg"/></a></li>
|
><img
|
||||||
<li><a href="manifestations.html" title="Accéder à MANIFESTATIONS"><img alt="image 4 diaporama" src="images/accueil/pageAccueil10.jpg" /></a></li>
|
alt="image 1 diaporama"
|
||||||
<li><a href="manifestations.html" title="Accéder à MANIFESTATIONS"><img alt="image 5 diaporama" src="images/accueil/pageAccueil11.jpg" /></a></li>
|
src="images/accueil/pageAccueil1.jpg"
|
||||||
<li><a href="manifestations.html" title="Accéder à MANIFESTATIONS"><img alt="image 6 diaporama" src="images/accueil/pageAccueil4.jpg" /></a></li>
|
/></a>
|
||||||
<li><a href="manifestations.html" title="Accéder à MANIFESTATIONS"><img alt="image 7 diaporama" src="images/accueil/pageAccueil9.jpg" /></a></li>
|
</li>
|
||||||
<li><a href="manifestations.html" title="Accéder à MANIFESTATIONS"><img alt="image 8 diaporama" src="images/accueil/pageAccueil6.jpg" /></a></li>
|
<li>
|
||||||
<li><a href="manifestations.html" title="Accéder à MANIFESTATIONS"><img alt="image 9 diaporama" src="images/accueil/pageAccueil7.jpg" /></a></li>
|
<a href="manifestations.html" title="Accéder à MANIFESTATIONS"
|
||||||
|
><img
|
||||||
|
alt="image 2 diaporama"
|
||||||
|
src="images/accueil/pageAccueil2.jpg"
|
||||||
|
/></a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="manifestations.html" title="Accéder à MANIFESTATIONS"
|
||||||
|
><img
|
||||||
|
alt="image 3 diaporama"
|
||||||
|
src="images/accueil/pageAccueil2a.jpg"
|
||||||
|
/></a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="manifestations.html" title="Accéder à MANIFESTATIONS"
|
||||||
|
><img
|
||||||
|
alt="image 4 diaporama"
|
||||||
|
src="images/accueil/pageAccueil10.jpg"
|
||||||
|
/></a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="manifestations.html" title="Accéder à MANIFESTATIONS"
|
||||||
|
><img
|
||||||
|
alt="image 5 diaporama"
|
||||||
|
src="images/accueil/pageAccueil11.jpg"
|
||||||
|
/></a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="manifestations.html" title="Accéder à MANIFESTATIONS"
|
||||||
|
><img
|
||||||
|
alt="image 6 diaporama"
|
||||||
|
src="images/accueil/pageAccueil4.jpg"
|
||||||
|
/></a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="manifestations.html" title="Accéder à MANIFESTATIONS"
|
||||||
|
><img
|
||||||
|
alt="image 7 diaporama"
|
||||||
|
src="images/accueil/pageAccueil9.jpg"
|
||||||
|
/></a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="manifestations.html" title="Accéder à MANIFESTATIONS"
|
||||||
|
><img
|
||||||
|
alt="image 8 diaporama"
|
||||||
|
src="images/accueil/pageAccueil6.jpg"
|
||||||
|
/></a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="manifestations.html" title="Accéder à MANIFESTATIONS"
|
||||||
|
><img
|
||||||
|
alt="image 9 diaporama"
|
||||||
|
src="images/accueil/pageAccueil7.jpg"
|
||||||
|
/></a>
|
||||||
|
</li>
|
||||||
</ul>
|
</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">
|
<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 :
|
Créée en 2007 à Sceaux, Bloc-House est une association d'artistes
|
||||||
|
plasticiens, dont la vocation est de diffuser la création
|
||||||
|
contemporaine et de favoriser l'ouverture d'ateliers éphémères sur
|
||||||
|
son territoire. Pôle de création, elle est aussi l'interface entre
|
||||||
|
les partenaires culturels, économiques et sociaux et s'inscrit ainsi
|
||||||
|
dans les propos du curator Nicolas Bourriaud :
|
||||||
<br /><br />
|
<br /><br />
|
||||||
<span style="font-style:italic;">« L'oeuvre d'art se présente comme un interstice social à l'intérieur de laquelle ces expériences, ces nouvelles « possibilités de vie », s'avèrent possibles : il semble plus urgent d'inventer des relations possibles avec ses voisins au présent que de faire chanter les lendemains. » <br /><span style="float:left;font-style:normal;margin-top:3px;"><span style="font-weight:bold;">Esthétique relationnelle</span>, Les Presses du Réel, 1998</span></span>
|
<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 />
|
<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.
|
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>
|
</div>
|
||||||
|
|
||||||
|
<!-- fin content -->
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- fin content --></div>
|
|
||||||
|
|
||||||
<div id="trait_vertical"></div>
|
<div id="trait_vertical"></div>
|
||||||
<!-- fin right --></div>
|
<!-- fin right -->
|
||||||
|
</div>
|
||||||
<div id="bottom">
|
<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>
|
<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 bottom -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- fin global -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<!-- fin global --></div>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -1,18 +1,32 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8" />
|
||||||
<title>Association Bloc-House - Les ateliers éphémères - Interstices</title>
|
<title>Association Bloc-House - Les ateliers éphémères - Interstices</title>
|
||||||
|
|
||||||
<meta name="description" content="Page présentant les interstices de l'association Bloc-House à Sceaux" />
|
<meta
|
||||||
<meta name="Author" content="L'association Bloc-House - présentation des interstices" />
|
name="description"
|
||||||
<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 " />
|
content="Page présentant les interstices de l'association Bloc-House à Sceaux"
|
||||||
|
/>
|
||||||
|
<meta
|
||||||
|
name="Author"
|
||||||
|
content="L'association Bloc-House - présentation des interstices"
|
||||||
|
/>
|
||||||
|
<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="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/styles.css"
|
||||||
|
title="Design"
|
||||||
|
/>
|
||||||
|
|
||||||
<script type="text/javascript" src="javascript/tools.js"></script>
|
<script type="text/javascript" src="javascript/tools.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!--<script type="text/javascript" src="javascript/jquery.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" src="javascript/easySlider1.7.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
@@ -28,7 +42,7 @@
|
|||||||
<!--
|
<!--
|
||||||
function preload() {
|
function preload() {
|
||||||
if (document.images) {
|
if (document.images) {
|
||||||
tabImages=new Array;
|
tabImages = new Array();
|
||||||
for (var i = 0; i < preload.arguments.length; i++) {
|
for (var i = 0; i < preload.arguments.length; i++) {
|
||||||
tabImages[i] = new Image();
|
tabImages[i] = new Image();
|
||||||
tabImages[i].src = preload.arguments[i];
|
tabImages[i].src = preload.arguments[i];
|
||||||
@@ -36,46 +50,89 @@ function preload() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
var tabImages=new Array;
|
var tabImages = new Array();
|
||||||
preload("images/logo_bloc_house.png", "images/fond1.png", "images/mail.png", "images/interstices/interstices1.jpg", "images/interstices/interstices2.jpg", "images/interstices/interstices3.jpg", "images/interstices/interstices4.jpg", "images/interstices/interstices5.jpg", "images/interstices/interstices6.jpg", "images/interstices/interstices7.jpg", "images/interstices/interstices8.jpg");
|
preload(
|
||||||
|
"images/logo_bloc_house.png",
|
||||||
|
"images/fond1.png",
|
||||||
|
"images/mail.png",
|
||||||
|
"images/interstices/interstices1.jpg",
|
||||||
|
"images/interstices/interstices2.jpg",
|
||||||
|
"images/interstices/interstices3.jpg",
|
||||||
|
"images/interstices/interstices4.jpg",
|
||||||
|
"images/interstices/interstices5.jpg",
|
||||||
|
"images/interstices/interstices6.jpg",
|
||||||
|
"images/interstices/interstices7.jpg",
|
||||||
|
"images/interstices/interstices8.jpg"
|
||||||
|
);
|
||||||
//-->
|
//-->
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
|
||||||
var _gaq = _gaq || [];
|
var _gaq = _gaq || [];
|
||||||
_gaq.push(['_setAccount', 'UA-31878743-1']);
|
_gaq.push(["_setAccount", "UA-31878743-1"]);
|
||||||
_gaq.push(['_trackPageview']);
|
_gaq.push(["_trackPageview"]);
|
||||||
|
|
||||||
(function () {
|
(function () {
|
||||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
var ga = document.createElement("script");
|
||||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
ga.type = "text/javascript";
|
||||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
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>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body onload="javascript:initSurvol(0);">
|
<body onload="javascript:initSurvol(0);">
|
||||||
|
|
||||||
<div id="global">
|
<div id="global">
|
||||||
|
|
||||||
<div id="left">
|
<div id="left">
|
||||||
<div id="logo"><img src="images/logo_bloc_house.png" alt="Logo Bloc-House" width="223" height="47" /></div>
|
<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="trait"></div>
|
||||||
<div class="menu"><a href="index.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="ateliers.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="manifestations.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="artistes.html" 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="trait1"></div>
|
||||||
<div class="menu">INTERSTICES</div>
|
<div class="menu">INTERSTICES</div>
|
||||||
<div class="trait1"></div>
|
<div class="trait1"></div>
|
||||||
<div class="menu"><a href="contact.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="partenaires.html" 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;">
|
<div class="left_bottom1" style="margin-top:25px;">
|
||||||
@@ -83,32 +140,100 @@ preload("images/logo_bloc_house.png", "images/fond1.png", "images/mail.png", "im
|
|||||||
</div>
|
</div>
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<div class="left_bottom1" style="margin-top:25px;">
|
<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:bloc.house79@gmail.com" title="Envoyer un mail à l'association Bloc-House">bloc.house79@gmail.com</a></div>
|
<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>
|
</div>
|
||||||
|
|
||||||
|
<!-- fin left -->
|
||||||
|
</div>
|
||||||
<!-- fin left --></div>
|
|
||||||
|
|
||||||
<div id="right">
|
<div id="right">
|
||||||
|
|
||||||
<div id="content_inter">
|
<div id="content_inter">
|
||||||
|
<div id="interstice">
|
||||||
<div id="interstice"><img id="survol" src="" alt="images interstices" width="500" height="520" /></div>
|
<img
|
||||||
|
id="survol"
|
||||||
<div id="chiffres">
|
src=""
|
||||||
<p style="margin-top:3px;"><a href="#" title="interstice 01" onmouseover="javascript:text_over(1);">I 1</a></p>
|
alt="images interstices"
|
||||||
<p><a href="#" title="interstice 02" onmouseover="javascript:text_over(2);">I 2</a></p>
|
width="500"
|
||||||
<p><a href="#" title="interstice 03" onmouseover="javascript:text_over(3);">I 3</a></p>
|
height="520"
|
||||||
<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>
|
</div>
|
||||||
|
|
||||||
|
<div id="chiffres">
|
||||||
|
<p style="margin-top: 3px">
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
title="interstice 01"
|
||||||
|
onmouseover="javascript:text_over(1);"
|
||||||
|
>I 1</a
|
||||||
|
>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
title="interstice 02"
|
||||||
|
onmouseover="javascript:text_over(2);"
|
||||||
|
>I 2</a
|
||||||
|
>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
title="interstice 03"
|
||||||
|
onmouseover="javascript:text_over(3);"
|
||||||
|
>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>
|
<!-- fin content -->
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- pour ajouter une image
|
<!-- pour ajouter une image
|
||||||
ajouter cette ligne ci-dessous au code avant la balise </div>
|
ajouter cette ligne ci-dessous au code avant la balise </div>
|
||||||
@@ -138,17 +263,30 @@ ensuite aller dans javascript/tools.js
|
|||||||
et voir la suite y décrite
|
et voir la suite y décrite
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<div id="trait_vertical" style="margin-left:50px;"></div>
|
<div id="trait_vertical" style="margin-left: 50px"></div>
|
||||||
<!-- fin right --></div>
|
<!-- fin right -->
|
||||||
|
</div>
|
||||||
<div id="bottom">
|
<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>
|
<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 bottom -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- fin global -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<!-- fin global --></div>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@@ -1,21 +1,38 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8" />
|
||||||
<title>Association Bloc-House - Les ateliers éphémères - Les partenaires</title>
|
<title>
|
||||||
|
Association Bloc-House - Les ateliers éphémères - Les partenaires
|
||||||
|
</title>
|
||||||
|
|
||||||
<meta name="description" content="Page présentant les partenaires de l'association Bloc-House à Sceaux" />
|
<meta
|
||||||
<meta name="Author" content="L'association Bloc-House - pole de création à Sceaux - les partenaires" />
|
name="description"
|
||||||
<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 " />
|
content="Page présentant les partenaires de l'association Bloc-House à Sceaux"
|
||||||
|
/>
|
||||||
|
<meta
|
||||||
|
name="Author"
|
||||||
|
content="L'association Bloc-House - pole de création à Sceaux - les partenaires"
|
||||||
|
/>
|
||||||
|
<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="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/styles.css"
|
||||||
|
title="Design"
|
||||||
|
/>
|
||||||
|
|
||||||
<script type="text/javascript" src="javascript/tools.js"></script>
|
<script type="text/javascript" src="javascript/tools.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
<!--
|
<!--
|
||||||
function preload() {
|
function preload() {
|
||||||
if (document.images) {
|
if (document.images) {
|
||||||
tabImages=new Array;
|
tabImages = new Array();
|
||||||
for (var i = 0; i < preload.arguments.length; i++) {
|
for (var i = 0; i < preload.arguments.length; i++) {
|
||||||
tabImages[i] = new Image();
|
tabImages[i] = new Image();
|
||||||
tabImages[i].src = preload.arguments[i];
|
tabImages[i].src = preload.arguments[i];
|
||||||
@@ -23,43 +40,78 @@ function preload() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
var tabImages=new Array;
|
var tabImages = new Array();
|
||||||
preload("images/logo_bloc_house.png", "images/fond1.png", "images/mail.png");
|
preload(
|
||||||
|
"images/logo_bloc_house.png",
|
||||||
|
"images/fond1.png",
|
||||||
|
"images/mail.png"
|
||||||
|
);
|
||||||
//-->
|
//-->
|
||||||
</script>
|
</script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
|
||||||
var _gaq = _gaq || [];
|
var _gaq = _gaq || [];
|
||||||
_gaq.push(['_setAccount', 'UA-31878743-1']);
|
_gaq.push(["_setAccount", "UA-31878743-1"]);
|
||||||
_gaq.push(['_trackPageview']);
|
_gaq.push(["_trackPageview"]);
|
||||||
|
|
||||||
(function () {
|
(function () {
|
||||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
var ga = document.createElement("script");
|
||||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
ga.type = "text/javascript";
|
||||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
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>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body onload="javascript:initPart();initPart1();">
|
<body onload="javascript:initPart();initPart1();">
|
||||||
|
|
||||||
<div id="global">
|
<div id="global">
|
||||||
|
|
||||||
<div id="left">
|
<div id="left">
|
||||||
<div id="logo"><img src="images/logo_bloc_house.png" alt="Logo Bloc-House" width="223" height="47" /></div>
|
<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="trait"></div>
|
||||||
<div class="menu"><a href="index.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="ateliers.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="manifestations.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="artistes.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="interstices.html" 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="trait1"></div>
|
||||||
<div class="menu"><a href="contact.html" 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="trait1"></div>
|
||||||
<div class="menu">PARTENAIRES</div>
|
<div class="menu">PARTENAIRES</div>
|
||||||
|
|
||||||
@@ -69,52 +121,121 @@ preload("images/logo_bloc_house.png", "images/fond1.png", "images/mail.png");
|
|||||||
</div>
|
</div>
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<div class="left_bottom1" style="margin-top:25px;">
|
<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:bloc.house79@gmail.com" title="Envoyer un mail à l'association Bloc-House">bloc.house79@gmail.com</a></div>
|
<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>
|
</div>
|
||||||
|
|
||||||
|
<!-- fin left -->
|
||||||
|
</div>
|
||||||
<!-- fin left --></div>
|
|
||||||
|
|
||||||
<div id="right">
|
<div id="right">
|
||||||
<div id="content">
|
<div id="content">
|
||||||
|
|
||||||
|
|
||||||
<div id="lP">
|
<div id="lP">
|
||||||
<div id="haut">
|
<div id="haut">
|
||||||
|
<div class="partner">
|
||||||
|
<a
|
||||||
|
href="http://www.sceaux.fr"
|
||||||
|
title="Accéder au site internet de La ville de Sceaux"
|
||||||
|
onmouseover="javascript:showLogo();"
|
||||||
|
onmouseout="javascript:initPart();"
|
||||||
|
target="_blank"
|
||||||
|
><img
|
||||||
|
id="p1"
|
||||||
|
src=""
|
||||||
|
alt="logo ville de Sceaux"
|
||||||
|
width="200"
|
||||||
|
height="200"
|
||||||
|
/></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="partner"><a href="http://www.sceaux.fr" title="Accéder au site internet de La ville de Sceaux" onmouseover="javascript:showLogo();" onmouseout="javascript:initPart();" target="_blank"><img id="p1" src="" alt="logo ville de Sceaux" width="200" height="200" /></a></div>
|
<div
|
||||||
|
class="partner1"
|
||||||
<div class="partner1" style="margin-top:-30px;margin-left:30px;"><a href="" title="Accéder au site internet de " onmouseover="javascript();" onmouseout="javascript:();" target="_blank"><img id="p3" src="" alt="" width="200" height="200" /></a></div>
|
style="margin-top: -30px; margin-left: 30px"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href=""
|
||||||
|
title="Accéder au site internet de "
|
||||||
|
onmouseover="javascript();"
|
||||||
|
onmouseout="javascript:();"
|
||||||
|
target="_blank"
|
||||||
|
><img id="p3" src="" alt="" width="200" height="200"
|
||||||
|
/></a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="bas">
|
<div id="bas">
|
||||||
|
<div class="partner1" style="margin-left: -10px">
|
||||||
<div class="partner1" style="margin-left:-10px;"><a href="" title="Accéder au site internet de " onmouseover="javascript:();" onmouseout="javascript:();" target="_blank"><img id="p4" src="" alt="" width="200" height="200" /></a></div>
|
<a
|
||||||
|
href=""
|
||||||
|
title="Accéder au site internet de "
|
||||||
<div class="partner" style="margin-top:-30px;margin-left:30px;"><a href="http://www.oart.tv" title="Accéder au site internet de oArt TV" onmouseover="javascript:showLogo1(3);" onmouseout="javascript:initPart1();" target="_blank"><img id="p2" src="" alt="logo ville de Sceaux" width="200" height="200" /></a></div>
|
onmouseover="javascript:();"
|
||||||
|
onmouseout="javascript:();"
|
||||||
|
target="_blank"
|
||||||
|
><img id="p4" src="" alt="" width="200" height="200"
|
||||||
|
/></a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="partner" style="margin-top: -30px; margin-left: 30px">
|
||||||
|
<a
|
||||||
|
href="http://www.oart.tv"
|
||||||
|
title="Accéder au site internet de oArt TV"
|
||||||
|
onmouseover="javascript:showLogo1(3);"
|
||||||
|
onmouseout="javascript:initPart1();"
|
||||||
|
target="_blank"
|
||||||
|
><img
|
||||||
|
id="p2"
|
||||||
|
src=""
|
||||||
|
alt="logo ville de Sceaux"
|
||||||
|
width="200"
|
||||||
|
height="200"
|
||||||
|
/></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<!-- pour ajouter un partenaire, mettre le logo en 200 x 200 px, et le glisser dans le dossier images/ , insérer le chemin de l'image dans src="images/.... .jpg" dans une des div avec l'id "partner1", remplacer "partner1" par "partner", mettre le chemin du site dans a href="...", insérer le nom du partnenaire dans alt="logo de ... " et title="Accéder au site de ... " -->
|
<!-- pour ajouter un partenaire, mettre le logo en 200 x 200 px, et le glisser dans le dossier images/ , insérer le chemin de l'image dans src="images/.... .jpg" dans une des div avec l'id "partner1", remplacer "partner1" par "partner", mettre le chemin du site dans a href="...", insérer le nom du partnenaire dans alt="logo de ... " et title="Accéder au site de ... " -->
|
||||||
|
|
||||||
<!-- fin content --></div>
|
<!-- fin content -->
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="trait_vertical"></div>
|
<div id="trait_vertical"></div>
|
||||||
<!-- fin right --></div>
|
<!-- fin right -->
|
||||||
|
</div>
|
||||||
<div id="bottom">
|
<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>
|
<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 bottom -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- fin global -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<!-- fin global --></div>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user