224 lines
9.5 KiB
HTML
224 lines
9.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<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 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="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/jsScroller.js"></script>
|
|
|
|
<script type="text/javascript"><!--
|
|
var scroller = null;
|
|
var scrollbar = null;
|
|
|
|
window.onload = function () {
|
|
scroller = new jsScroller(document.getElementById("News"), 480, 530);
|
|
scrollbar = new jsScrollbar (document.getElementById("Scrollbar-Container"), scroller, true, scrollbarEvent);
|
|
}
|
|
|
|
function scrollbarEvent (o, type) {
|
|
if (type == "mousedown") {
|
|
if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#E3E3E3";
|
|
else o.style.backgroundColor = "##CC3300";
|
|
} else {
|
|
if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#EEE";
|
|
else o.style.backgroundColor = "#CC3300";
|
|
}
|
|
}
|
|
|
|
function swapIt(o) {
|
|
o.blur();
|
|
if (o.className == "current") return false;
|
|
|
|
var list = document.getElementById("Navigation").getElementsByTagName("a");
|
|
for (var i = 0; i < list.length; i++) {
|
|
if (list[i].className == "current") {
|
|
list[i].className = "";
|
|
document.getElementById(list[i].title).y = -scroller._y;
|
|
}
|
|
if (list[i].title == o.title) o.className = "current";
|
|
}
|
|
|
|
list = document.getElementById("Container").childNodes;
|
|
for (var i = 0; i < list.length; i++) {
|
|
if (list[i].tagName == "DIV") list[i].style.display = "none";
|
|
}
|
|
|
|
var top = document.getElementById(o.title);
|
|
top.style.display = "block";
|
|
scrollbar.swapContent(top);
|
|
if (top.y) scrollbar.scrollTo(0, top.y);
|
|
|
|
return false;
|
|
}
|
|
--></script>
|
|
|
|
<script type="text/javascript">
|
|
<!--
|
|
function preload() {
|
|
if (document.images) {
|
|
tabImages=new Array;
|
|
for (var i=0; i<preload.arguments.length; i++){
|
|
tabImages[i]=new Image();
|
|
tabImages[i].src=preload.arguments[i];
|
|
}
|
|
}
|
|
}
|
|
|
|
var tabImages=new Array;
|
|
preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png", "images/mail.png");
|
|
//-->
|
|
</script>
|
|
<script type="text/javascript">
|
|
|
|
var _gaq = _gaq || [];
|
|
_gaq.push(['_setAccount', 'UA-31878743-1']);
|
|
_gaq.push(['_trackPageview']);
|
|
|
|
(function() {
|
|
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
|
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
|
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
|
})();
|
|
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="global">
|
|
|
|
<div id="left">
|
|
<div id="logo"><img src="images/logo_bloc_house.png" alt="Logo Bloc-House" width="223" height="47" /></div>
|
|
<div class="trait"></div>
|
|
<div class="menu"><a href="index.html" title="Retour à la page d'accueil">ACCUEIL</a></div>
|
|
<div class="trait1"></div>
|
|
<div class="menu">ATELIERS</div>
|
|
<div class="trait1"></div>
|
|
<div class="menu"><a href="manifestations.html" title="Accéder à la page manifestations">MANIFESTATIONS</a></div>
|
|
<div class="trait1"></div>
|
|
<div class="menu"><a href="artistes.html" title="Accéder à la page artistes">ARTISTES</a></div>
|
|
<div class="trait1"></div>
|
|
<div class="menu"><a href="interstices.html" title="Accéder à la page interstices">INTERSTICES</a></div>
|
|
<div class="trait1"></div>
|
|
<div class="menu"><a href="contact.html" title="Accéder à la page contact">CONTACT - INFOS</a></div>
|
|
<div class="trait1"></div>
|
|
<div class="menu"><a href="partenaires.html" title="Accéder à la page partenaires">PARTENAIRES</a></div>
|
|
|
|
<div class="left_bottom1" style="margin-top:25px;">
|
|
<img class="icone" style="margin-left:5px;" src="images/iconePDF.png" alt="icone adobe reader" width="36" height="36" /><div class="sousmenu" style="margin-top:5px;"><a href="ressources/statuts_bloc_house.pdf" title="Télécharger les statuts de Bloc-House">Télécharger les statuts de l'association</a></div>
|
|
</div>
|
|
|
|
<div class="left_bottom1" style="margin-top:8px;">
|
|
<img class="icone" style="margin-left:12px;" src="images/mail.png" alt="icone mailbox" width="28" height="18" /><div class="sousmenu" style="margin-top:5px;"><a href="mailto:bloc.house79@gmail.com" title="Envoyer un mail à l'association Bloc-House">bloc.house79@gmail.com</a></div>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- fin left --></div>
|
|
|
|
<div id="right">
|
|
|
|
|
|
|
|
<div id="ateliers">
|
|
|
|
<div id="Container">
|
|
<div id="News">
|
|
|
|
<div class="Scroller-Container">
|
|
|
|
<div id="img_atelier"><img src="images/ateliers/ateliers1.jpg" style="margin-top:25px;" alt="Le site des ateliers Bloc-House" width="480" height="283" /></div>
|
|
|
|
<div class="legende">Site des ateliers Bloc-House</div>
|
|
|
|
|
|
|
|
<!-- ici la liste des artistes résidents, pour ajouter ou échanger un artiste, mettre "- nom de l'artiste" à l'endroit souhaité-->
|
|
<div class="artistes">
|
|
|
|
<p style="font-size:14px;font-weight:bold;">Les artistes résidents</p>
|
|
<p style="margin-top:2px;">Underground <span style="margin-left:5px;">Milan Atanaskovic</span></p>
|
|
<p style="margin-top:2px;">First level <span style="margin-left:23px;">Eliza Magri - Macha Pandellé - Vincent Pandellé</span></p>
|
|
<p style="margin-top:2px;">Second level <span style="margin-left:7px;">Altone Mishino - Jérome Bouchez - Paule Millara</span></p>
|
|
<p style="margin-top:2px;">Third level <span style="margin-left:19px;">Christophe Bogdan - Margot Montenoise - Lahouari Mansouri dit Wari</span></p>
|
|
</div>
|
|
|
|
<!-- fin de la liste des artistes -->
|
|
|
|
|
|
|
|
<!-- les images -->
|
|
|
|
<div id="carton"><img src="images/ateliers/ateliers2.jpg" style="margin-left:5px;margin-top:25px;" alt="carton invitation 1" width="228" height="320" /><img src="images/ateliers/ateliers3.jpg" style="margin-left:5px;margin-top:25px;" alt="carton invitation 1" width="238" height="320" /></div>
|
|
|
|
<!-- fin des images -->
|
|
|
|
<!-- pour ajouter un carton d'invitation, calculer l'image à une hauteur de 320px, la nommer par exemple "ateliers4.jpg" et la glisser dans le dossier images/ateliers/, ensuite ajouter dans le code ci dessus
|
|
<div id="carton"><img src="images/ateliers/ateliers4.jpg" style="margin-left:5px;margin-top:25px;" alt="carton invitation 3" width="" height="320" /></div>
|
|
-->
|
|
|
|
|
|
|
|
|
|
<div id="texte" style="margin-top:18px;font-size:12px;">
|
|
|
|
<p>Chaque année, Bloc-House organise deux portes ouvertes : en octobre, dans le cadre des ateliers portes ouvertes, en partenariat avec la ville de Sceaux; en juin des ateliers portes ouvertes directement proposés par les artistes résidents Bloc-House.</p>
|
|
|
|
<p style="width:100px;height:1px;border-bottom:1px solid #cc3300;margin-left:190px;margin-top:25px;"></p>
|
|
|
|
<p style="margin-top:25px;font-style:italic;">"... l'Etat, en lien avec les collectivités territoriales, pourrait faciliter l'implantation de collectifs d'artistes dans des lieux dits "intercalaires", c'est à dire des bâtiments en attente d'affectation ou de travaux, sur un temps donné, clairement défini dans une convention d'occupation précaire - précaire car temporaire."</p>
|
|
|
|
<p style="margin-top:10px;font-style:italic;">" Ces espaces de travail alternatifs... - même éphémères - ont un impact extrêmement positif sur la vie d'un quartier, son animation et son dynamisme. Il s'agit là d'une autre manière d'accéder à l'art, ni sacrée comme dans les musées, ni marchande comme dans les galeries. C'est un atout considérable, une chance pour les habitants, une opportunité pour les artistes."</p>
|
|
|
|
<p style="margin-top:10px;font-weight:bold;">Christophe Girard</p>
|
|
<p>Le petit livre rouge de la culture - Propositions pour une république culturelle</p>
|
|
<p>Flammarion, 2012.</p>
|
|
|
|
<p style="margin-top:20px;margin-bottom:10px;font-weight:bold;">Le site des ateliers a fait l'objet d'une convention de mise à disposition éphémère entre la ville de Sceaux et l'association Bloc-House</p>
|
|
</div>
|
|
<!-- fin scroller container --></div>
|
|
|
|
|
|
|
|
<!-- fin news --></div>
|
|
|
|
|
|
|
|
|
|
<!-- fin container --></div>
|
|
|
|
|
|
<div id="Scrollbar-Container">
|
|
<div class="Scrollbar-Up"></div>
|
|
|
|
<div class="Scrollbar-Down"></div>
|
|
<div class="Scrollbar-Track">
|
|
<div class="Scrollbar-Handle"></div>
|
|
</div>
|
|
</div>
|
|
<!-- fin ateliers --></div>
|
|
|
|
<div id="trait_vertical"></div>
|
|
<!-- fin right --></div>
|
|
<div id="bottom">
|
|
<img class="icone1" src="images/logo_carre2.png" alt="logo association" width="33" height="33" /><div class="adress" style="float:left;margin-top:18px;margin-left:8px;"><span style="font-weight:bold;">Association BLOC-HOUSE, Les Ateliers Éphémères, </span>54 rue de Bagneux, 92330 Sceaux</div>
|
|
|
|
<!-- fin bottom --></div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- fin global --></div>
|
|
</body>
|
|
</html>
|