pro/2023_WEBSITE_blochouse
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Files
d7e378465a52e25cea8508d09736ce9be64a9d52
2023_WEBSITE_blochouse/manifestations.html
asus d7e378465a init
2023-11-23 09:16:19 +01:00

674 lines
49 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Association Bloc-House - Les ateliers &eacute;ph&eacute;m&egrave;res - Les manifestations - Vid&eacute;os et photos</title>
<meta name="description" content="Page présentant les manifestations de l'association Bloc-House à Sceaux" />
<meta name="Author" content="Les manifestations de l'association Bloc-House à Sceaux" />
<meta name="keywords" content="Bloc-House, ateliers &eacute;ph&eacute;mères, ville de Sceaux, ateliers portes ouvertes, association d'artistes plasticiens, diffusion de la création contemporaine, ouverture d'ateliers éphémères, territoire, pôle de création, interface, partenaires culturels, économiques et sociaux, manifestations artistiques, Underground, Milan Atanaskovic, Eliza Magri, Macha Pandellé, Vincent Pandellé, Altone Mishino, Jérome Bouchez, Paule Millara, Christophe Bogdan, Margot Montenoise, Lahouari Mansouri dit Wari, esapce de travail alternatif, Mitou Alalinarde, Claire Artemyz, Jean José Baranes, Gérard Koch, Nicolas de Ferran, Macha Krivokapic, Anne Mauban, Isabelle Rince, Claudine Sabatier, Dashan Yang, installation éphémères, manifestation NOIR, manifestation TO BE A STICKER, manifestation CECI N'EST PAS UN KAKEMONO, manifestation CO-INCIDENCES " />
<link rel="shortcut icon" href="images/iconw.png"/>
<link rel="stylesheet" media="screen" type="text/css" href="css/styles.css" title="Design" />
<link rel="stylesheet" media="screen" type="text/css" href="css/lightbox.css" title="Design" />
<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="javascript/lightbox.js"></script>
<script type="text/javascript" src="javascript/jsScrollbar.js"></script>
<script type="text/javascript" src="javascript/jsScroller.js"></script>
<script type="text/javascript"><!--
var scroller = null;
var scrollbar = null;
window.onload = function () {
scroller = new jsScroller(document.getElementById("News"), 480, 530);
scrollbar = new jsScrollbar (document.getElementById("Scrollbar-Container"), scroller, true, scrollbarEvent);
}
function scrollbarEvent (o, type) {
if (type == "mousedown") {
if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#E3E3E3";
else o.style.backgroundColor = "##CC3300";
} else {
if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#EEE";
else o.style.backgroundColor = "#CC3300";
}
}
function swapIt(o) {
o.blur();
if (o.className == "current") return false;
var list = document.getElementById("Navigation").getElementsByTagName("a");
for (var i = 0; i < list.length; i++) {
if (list[i].className == "current") {
list[i].className = "";
document.getElementById(list[i].title).y = -scroller._y;
}
if (list[i].title == o.title) o.className = "current";
}
list = document.getElementById("Container").childNodes;
for (var i = 0; i < list.length; i++) {
if (list[i].tagName == "DIV") list[i].style.display = "none";
}
var top = document.getElementById(o.title);
top.style.display = "block";
scrollbar.swapContent(top);
if (top.y) scrollbar.scrollTo(0, top.y);
return false;
}
--></script>
<script type="text/javascript">
<!--
function preload() {
if (document.images) {
tabImages=new Array;
for (var i=0; i<preload.arguments.length; i++){
tabImages[i]=new Image();
tabImages[i].src=preload.arguments[i];
}
}
}
var tabImages=new Array;
preload("images/logo_bloc_house.png", "images/fond1.png", "images/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 &agrave; la page d'accueil">ACCUEIL</a></div>
<div class="trait1"></div>
<div class="menu"><a href="ateliers.html" title="Acc&eacute;der &agrave; la page ateliers">ATELIERS</a></div>
<div class="trait1"></div>
<div class="menu">MANIFESTATIONS</div>
<div class="trait1"></div>
<div class="menu"><a href="artistes.html" title="Acc&eacute;der &agrave; la page artistes">ARTISTES</a></div>
<div class="trait1"></div>
<div class="menu"><a href="interstices.html" title="Acc&eacute;der &agrave; la page interstices">INTERSTICES</a></div>
<div class="trait1"></div>
<div class="menu"><a href="contact.html" title="Acc&eacute;der &agrave; la page contact">CONTACT - INFOS</a></div>
<div class="trait1"></div>
<div class="menu"><a href="partenaires.html" title="Acc&eacute;der &agrave; la page partenaires">PARTENAIRES</a></div>
<!--
<div class="left_bottom1" style="margin-top:25px;">
<img class="icone" style="margin-left:5px;" src="images/iconePDF.png" alt="icone adobe reader" width="36" height="36" /><div class="sousmenu" style="margin-top:5px;"><a href="ressources/statuts_bloc_house.pdf" title="T&eacute;l&eacute;charger les statuts de Bloc-House">T&eacute;l&eacute;charger les statuts de l'association</a></div>
</div>
-->
<div class="left_bottom1" style="margin-top: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>
</div>
<!-- fin left --></div>
<div id="right">
<div id="middle">
<div id="top" style="height: 25px;">
<div class="nom"><div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carr&eacute; Bloc-House" /></div>Nature Borders</div>
<div class="nom"><div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carr&eacute; Bloc-House" /></div>L’art mène le monde</div>
<div class="nom"><div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carr&eacute; Bloc-House" /></div>Surface Sensible</div>
<div class="nom"><div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carr&eacute; Bloc-House" /></div>Visible / Invisible 2</div>
<div class="nom"><div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carr&eacute; Bloc-House" /></div>Visible / Invisible</div>
<div class="nom"><div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carr&eacute; Bloc-House" /></div>Amuse-gueule</div>
<div class="nom"><div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carr&eacute; Bloc-House" /></div>Archipel</div>
<div class="nom"><div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carr&eacute; Bloc-House" /></div>Open54 Performances</div>
<div class="nom"><div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carr&eacute; Bloc-House" /></div>L'&eacute;lection</div><br>
<div class="nom"><div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carr&eacute; Bloc-House" /></div>Trac&eacute;s</div>
<div class="nom"><div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carr&eacute; Bloc-House" /></div>Heureux Des-Astres</div>
<div class="nom"><div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carr&eacute; Bloc-House" /></div>Co-Incidences</div>
<div class="nom"><div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carr&eacute; Bloc-House" /></div>Noir</div>
<div class="nom"><div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carr&eacute; Bloc-House" /></div>To be a stickler</div><br>
<div class="nom"><div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carr&eacute; Bloc-House" /></div>Ceci n'est pas un kak&eacute;mono</div>
<div class="nom"><div class="carre"><img src="images/carre_noir.png" width="10" height="12" alt="carr&eacute; Bloc-House" /></div>C1.1</div>
</div>
<div id="manifestations">
<div id="Container">
<div id="News">
<div class="Scroller-Container">
<!-- Start nouveau-->
<!-- debut nature borders -->
<div class="images_grand7" style="width: 480px; height: 290px;margin-top:3px;">
<div class="img_grand"><a href="images/manifestations/nature_borders_0.jpg" rel="lightbox[natureBorders]" title="Nature Borders"><img src="images/manifestations/nature_borders_0.jpg" alt="nature borders" width="478" border="0" /></a></div>
</div>
<div class="images">
<div class="vignette"><a href="images/manifestations/nature_borders_1.jpg" rel="lightbox[natureBorders]" title="Jérôme Bouchez" ><img src="images/manifestations/nature_borders_1.jpg" alt="Image 1 nature borders" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/nature_borders_2.jpg" style="margin-left:9px;" rel="lightbox[natureBorders]" title="Eliza Magri" ><img src="images/manifestations/nature_borders_2.jpg" alt="Image 2 nature borders" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/nature_borders_3.jpg" style="margin-left:9px;" rel="lightbox[natureBorders]" title="Stéphane Moreau" ><img src="images/manifestations/nature_borders_3.jpg" alt="Image 3 nature borders" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/nature_borders_4.jpg" style="margin-left:9px;" rel="lightbox[natureBorders]" title="Benjamin Sabatier"><img src="images/manifestations/nature_borders_4.jpg" alt="Image 4 nature borders" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/nature_borders_5.jpg" style="margin-left:9px;" rel="lightbox[natureBorders]" title="Évelyne Henrard" ><img src="images/manifestations/nature_borders_5.jpg" alt="Image 5 nature borders" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/nature_borders_6.jpg" style="margin-left:9px;" rel="lightbox[natureBorders]" title="Agnès Pezeu" ><img src="images/manifestations/nature_borders_6.jpg" alt="Image 6 nature borders" width="70" height="70" border="0" /></a></div>
</div>
<div class="title">Nature Borders</div>
<div class="texte_manif">
<p style="font-size:14px;">16-17-18 Octobre 2021</p>
<p style="font-style:italic;margin-top:5px;">Projet Sculpture et Nature, dans le cadre des journées de l’architecture – Maison-Atelier de André Lurçat.</p>
<p style="margin-top:8px;text-align:justify;">Jury de sélection : Jean-Philippe Allardi, adjoint au maire de Sceaux délégué à la culture - Christophe Delavault, Commissariat d’exposition - Benjamin Sabatier, artiste parrain - Laure Waast, architecte au conseil d’architecture, d’urbanisme et de l’environnement des Hauts de Seine.</p>
<p style="margin-top:8px;text-align:justify;">July Ancel - Milan Atanaskovic - Jérôme Bouchez - Julie Chabin - Évelyne Henrard - Macha Krivokapic - Eliza Magri - Paul F. Millet - Francoise Miquelis - Altone Mishino - Stéphane Moreau - Agnès Pezeu - Olivier Shaw</p>
</div>
<!-- fin lart mene le monde -->
<!-- debut lart mene le monde -->
<div class="images_grand7" style="width: 480px; height: 370px;margin-top:3px;">
<div class="img_grand"><a href="images/manifestations/lart_mene_le_monde_0.jpg" rel="lightbox[lartMeneLeMonde]" title="l'art mene le monde"><img src="images/manifestations/lart_mene_le_monde_0.jpg" alt="lart mene le monde" width="478" border="0" /></a></div>
</div>
<div class="images">
<div class="vignette"><a href="images/manifestations/lart_mene_le_monde_1.jpg" rel="lightbox[lartMeneLeMonde]" title="Picabia" ><img src="images/manifestations/lart_mene_le_monde_1.jpg" alt="Image 1 lart mene le monde" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/lart_mene_le_monde_2.jpg" style="margin-left:30px;" rel="lightbox[lartMeneLeMonde]" title="Schiller" ><img src="images/manifestations/lart_mene_le_monde_2.jpg" alt="Image 2 lart mene le monde" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/lart_mene_le_monde_3.jpg" style="margin-left:30px;" rel="lightbox[lartMeneLeMonde]" title="Picasso" ><img src="images/manifestations/lart_mene_le_monde_3.jpg" alt="Image 3 lart mene le monde" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/lart_mene_le_monde_4.jpg" style="margin-left:30px;" rel="lightbox[lartMeneLeMonde]" title="Virignia Wolf"><img src="images/manifestations/lart_mene_le_monde_4.jpg" alt="Image 4 lart mene le monde" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/lart_mene_le_monde_5.jpg" style="margin-left:30px;" rel="lightbox[lartMeneLeMonde]" title="LaM" ><img src="images/manifestations/lart_mene_le_monde_5.jpg" alt="Image 5 lart mene le monde" width="70" height="70" border="0" /></a></div>
</div>
<div class="title">L’art mène le monde</div>
<div class="texte_manif">
<p style="font-size:14px;">Février - Avril 2020</p>
<!--
<p style="font-style:italic;margin-top:5px;">Hôtel de ville de Sceaux</p>
-->
<p style="margin-top:8px;text-align:justify;">Disposées pendant le confinement sur le territoire de la ville de Sceaux et perçues lors des précieuses sorties du public, ces 5 citations rappelaient la présence essentielle de l’Art dans nos vies.</p>
<!--
<p style="margin-top:8px;text-align:justify;">Macha Pandellé - Altone Mishino - Françoise Delecroix - ITAE - Wari Mansouri – Vincent Pandellé - Jean.José Baranes - Grégory Morizeau  - Arnaud Laval - Renaud Bargues - Laurence Bost - Mitou Allalinarde - Christophe Bogdan - Claudine Sabatier - Anne Mauban - Jérôme Bouchez – Dashan Yang - Arnaud de l’Estourbeillon - Paule Millara - Margot Montenoise - Jouda Gomri - Lin Lei - Milan Atanaskovic - Bertell’</p>
-->
</div>
<!-- fin lart mene le monde -->
<!-- debut Surface Sensible -->
<div class="images_grand7" style="width: 480px; height: 276px;margin-top:3px;">
<div class="img_grand"><a href="images/manifestations/surface_sensible1.jpg" rel="lightbox[surfaceSensible]" title="Exposition surface sensible"><img src="images/manifestations/surface_sensible1.jpg" alt="Exposition surface sensible" width="478" border="0" /></a></div>
</div>
<div class="images">
<div class="vignette"><a href="images/manifestations/surface_sensible2.jpg" rel="lightbox[surfaceSensible]" title="vue de l'exposition"><img src="images/manifestations/surface_sensible2.jpg" alt="Image 1 Exposition surface sensible" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/surface_sensible3.jpg" style="margin-left:9px;" rel="lightbox[surfaceSensible]" title="Françoise Delecroix"><img src="images/manifestations/surface_sensible3.jpg" alt="Image 2 Exposition surface sensible" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/surface_sensible4.jpg" style="margin-left:9px;" rel="lightbox[surfaceSensible]" title="Altone Mishino"><img src="images/manifestations/surface_sensible4.jpg" alt="Image 3 Exposition surface sensible" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/surface_sensible5.jpg" style="margin-left:9px;" rel="lightbox[surfaceSensible]" title="laurence Bost LABB"><img src="images/manifestations/surface_sensible5.jpg" alt="Image 4 Exposition surface sensible" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/surface_sensible6.jpg" style="margin-left:9px;" rel="lightbox[surfaceSensible]" title="Renaud Bargues"><img src="images/manifestations/surface_sensible6.jpg" alt="Image 5 Exposition surface sensible" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/surface_sensible7.jpg" style="margin-left:9px;" rel="lightbox[surfaceSensible]" title="Vincente Pandellé"><img src="images/manifestations/surface_sensible7.jpg" alt="Image 6 Exposition surface sensible" width="70" height="70" border="0" /></a></div>
</div>
<div class="title">Surface Sensible</div>
<div class="texte_manif">
<p style="font-size:14px;">12 - 23 novembre 2019</p>
<p style="font-style:italic;margin-top:5px;">Hôtel de ville de Sceaux</p>
<p style="margin-top:8px;text-align:justify;"> La peinture contemporaine n’est aujourd’hui dominée ni par l’abstraction, ni par la figuration ; elle se situe davantage dans une féconde cohabitation. Elle n’a jamais été aussi multiple, Surface Sensible a souhaité témoigner de cette diversité.</p>
<p style="margin-top:8px;text-align:justify;">Macha Pandellé - Altone Mishino - Françoise Delecroix - ITAE - Wari Mansouri – Vincent Pandellé - Jean.José Baranes - Grégory Morizeau  - Arnaud Laval - Renaud Bargues - Laurence Bost - Mitou Allalinarde - Christophe Bogdan - Claudine Sabatier - Anne Mauban - Jérôme Bouchez – Dashan Yang - Arnaud de l’Estourbeillon - Paule Millara - Margot Montenoise - Jouda Gomri - Lin Lei - Milan Atanaskovic - Bertell’</p>
</div>
<!-- fin Surface Sensible -->
<!-- debut Visible-invisible 2 -->
<div class="video" style="margin-bottom:-130px;">
<video width="480" poster="images/manifestations/Visible-invisible-2-poster.jpg" controls>
<source src="video/invisible.mp4" type="video/mp4">
</video>
</div>
<div class="images">
<div class="vignette"><a href="images/manifestations/Visible-invisible-2-1g.jpg" rel="lightbox[Visible_Invisible_2]" title="visibles-invisibles 2"><img src="images/manifestations/Visible-invisible-2-1p.jpg" alt="Image 1 visible-invisible-2" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/Visible-invisible-2-2g.jpg" style="margin-left:9px;" rel="lightbox[Visible_Invisible_2]" title="Visible-invisible 2"><img src="images/manifestations/Visible-invisible-2-2p.jpg" alt="Image 2 visible-invisible-2" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/Visible-invisible-2-3g.jpg" style="margin-left:9px;" rel="lightbox[Visible_Invisible_2]" title="Visible-invisible 3"><img src="images/manifestations/Visible-invisible-2-3p.jpg" alt="Image 3 visible-invisible-2" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/Visible-invisible-2-4g.jpg" style="margin-left:9px;" rel="lightbox[Visible_Invisible_2]" title="Visible-invisible 4"><img src="images/manifestations/Visible-invisible-2-4p.jpg" alt="Image 4 visible-invisible-2" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/Visible-invisible-2-5g.jpg" style="margin-left:9px;" rel="lightbox[Visible_Invisible_2]" title="Visible-invisible 5"><img src="images/manifestations/Visible-invisible-2-5p.jpg" alt="Image 5 visible-invisible-2" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/Visible-invisible-2-6g.jpg" style="margin-left:9px;" rel="lightbox[Visible_Invisible_2]" title="Visible-invisible 6"><img src="images/manifestations/Visible-invisible-2-6p.jpg" alt="Image 6 visible-invisible-2" width="70" height="70" border="0" /></a></div>
</div>
<div class="title">Visible / Invisible 2</div>
<div class="texte_manif">
<p style="font-size:14px;">17 mai-17 juin 2018</p>
<p style="font-style:italic;margin-top:5px;">Musée de l’île de France – Écuries du Domaine départemental de Sceaux</p>
<p style="margin-top:8px;text-align:justify;">Deuxième volet du projet Visible / Invisible, mené en partenariat avec le musée du Domaine départemental de Sceaux. Douze artistes, trente-sept œuvres réalisées au crayon de mine sur papier expression de cette dimension entre visible et invisible. Les dessins ont fait l’objet d’une sélection effectuée par le musée et son conservateur.</p>
<p style="margin-top:8px;text-align:justify;">Mitou Alalinarde, Christophe Bogdan, Jérôme Bouchez, Françoise Delecroix, François Gibault, Tao Hai, Arnaud Laval, Lin Lei, Eliza Magri, Altone Mishino, Claudine Sabatier, Dashan Yang.</p>
</div>
<!-- fin Visible-invisible 2 -->
<!-- debut Visible-invisible -->
<div class="images_grand7" style="width: 480px; height: 322px;margin-top:3px;">
<div class="img_grand"><a href="images/manifestations/Visible_invisible1.jpg" rel="lightbox[visibleInvisible]" title="Exposition visible - invisible"><img src="images/manifestations/Visible_invisible1.jpg" alt="Exposition visible - invisible" width="478" border="0" /></a></div>
</div>
<div class="images">
<div class="vignette"><a href="images/manifestations/Visible_invisible2.jpg" rel="lightbox[visibleInvisible]" title="Exposition visible - invisible"><img src="images/manifestations/Visible_invisible2p.jpg" alt="Image 1 Exposition visible - invisible" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/Visible_invisible3.jpg" style="margin-left:9px;" rel="lightbox[visibleInvisible]" title="Exposition visible - invisible"><img src="images/manifestations/Visible_invisible3p.jpg" alt="Image 2 Exposition visible - invisible" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/Visible_invisible4.jpg" style="margin-left:9px;" rel="lightbox[visibleInvisible]" title="Exposition visible - invisible"><img src="images/manifestations/Visible_invisible4p.jpg" alt="Image 3 Exposition visible - invisible" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/Visible_invisible5.jpg" style="margin-left:9px;" rel="lightbox[visibleInvisible]" title="Exposition visible - invisible"><img src="images/manifestations/Visible_invisible5p.jpg" alt="Image 4 Exposition visible - invisible" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/Visible_invisible6.jpg" style="margin-left:9px;" rel="lightbox[visibleInvisible]" title="Exposition visible - invisible"><img src="images/manifestations/Visible_invisible6p.jpg" alt="Image 5 Exposition visible - invisible" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/Visible_invisible7.jpg" style="margin-left:9px;" rel="lightbox[visibleInvisible]" title="Exposition visible - invisible"><img src="images/manifestations/Visible_invisible7p.jpg" alt="Image 6 Exposition visible - invisible" width="70" height="70" border="0" /></a></div>
</div>
<div class="title">Visible / Invisible</div>
<div class="texte_manif">
<p style="font-size:14px;">31 juillet - 30 aout 2017 - en partenariat avec la galerie Rauchfeld - Paris</p>
<p style="font-style:italic;margin-top:5px;">Galerie Rauchfeld, 22 rue de Seine, 75006 Paris</p>
<p style="margin-top:8px;text-align:justify;">Première édition d’une exposition axée sur le dessin contemporain à la galerie parisienne Rauchfeld. Présentation d’une trentaine de dessins réalisés exclusivement au crayon de mine sur papier.</p>
<p style="margin-top:8px;text-align:justify;">Christophe Bogdan - Dashan Yang - Françoise Delecroix - Macha Pandellé - Isabelle Rince - Zhou Zeng - Arnaud de L’Estourbeillon - Jean-José Baranes - Claudine Sabatier - Jérôme Bouchez - Nicolas de Ferran - Margot Montenoise - Vincent Pandellé - Eliza Magri - Hai Tao - Arnaud Laval - Altone Mishino - Mitou Alalinarde - François Gibault – Qi Xiayan - Macha Krivokapic - Wari</p>
</div>
<!-- fin Visible-invisible -->
<!-- debut Amuse-gueule -->
<div class="images_grand7" style="width: 480px; height: 360px;margin-top:3px;">
<div class="img_grand"><a href="images/manifestations/amuse_gueule.jpg" rel="lightbox[amuseGueule]" title="Amuse Gueule"><img src="images/manifestations/amuse_gueule.jpg" alt="Exposition Amuse Gueule" width="478" border="0" /></a></div>
</div>
<div class="title">Amuse-gueule - Vente aux Enchères - Performance </div>
<div class="texte_manif">
<p style="font-size:14px;">Samedi 18 juin 2016 / Site des Ateliers à Sceaux</p>
<p style="font-style:italic;margin-top:5px;">Exposition des travaux 11.06 > 18.06, Vitrine de l’Hôtel de Ville</p>
<p style="margin-top:8px;text-align:justify;">Vente aux enchères/performance, proposant les travaux d'artistes professionnels du collectif Bloc-House avec un prix de départ de 10 euros. La vente s’est faite à l'aveugle et a été menée bénévolement par le commissaire priseur Maitre J.P.Allardi, sur le site de l'association. L’idée est que l'œuvre prime sur la notion de valeur et d'objet d'art, cette performance pour Une fois et jamais plus.</p>
<p style="margin-top:8px;text-align:justify;">Milan Atanaskovic - Mitou Alalinarde - Jean-José Baranès - Christophe Bogdan - Jérôme Bouchez Nicolas de Ferran - François Gibault - Eliza Magri - Anne Mauban - Paule Millara - Altone Mishino - Margot Montenoise- Macha Pandellé - Vincent Pandellé - Isabelle Rince – Arnaud de l’Estourbeillon – Invités : Laurence Bost - Arnaud Laval</p>
</div>
<!-- fin Amuse-gueule -->
<!-- debut Archipel -->
<div class="images_grand7" style="width: 480px; height: 360px;margin-top:3px;">
<div class="img_grand"><a href="images/manifestations/archipel1.jpg" rel="lightbox[archipel]" title="Archipel"><img src="images/manifestations/archipel1.jpg" alt="Image TO BE A STICKER" width="478" border="0" /></a></div>
</div>
<div class="images">
<div class="vignette"><a href="images/manifestations/archipel2.jpg" rel="lightbox[archipel]" title="Installation de C.Bogdan"><img src="images/manifestations/archipel2p.jpg" alt="Image 1 l_election" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/archipel3.jpg" style="margin-left:9px;" rel="lightbox[archipel]" title="Installation de Vincent Pandell&eacute;"><img src="images/manifestations/archipel3p.jpg" alt="Image 2 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/archipel4.jpg" style="margin-left:9px;" rel="lightbox[archipel]" title="Installation de Renaud Bargues"><img src="images/manifestations/archipel4p.jpg" alt="Image 3 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/archipel5.jpg" style="margin-left:9px;" rel="lightbox[archipel]" title="Installation de Nicolas de Ferran"><img src="images/manifestations/archipel5p.jpg" alt="Image 4 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/archipel6.jpg" style="margin-left:9px;" rel="lightbox[archipel]" title="Installation de Milan Atanaskovik"><img src="images/manifestations/archipel6p.jpg" alt="Image 5 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/archipel7.jpg" style="margin-left:9px;" rel="lightbox[archipel]" title="Installation de Mitou Allalinarde"><img src="images/manifestations/archipel7p.jpg" alt="Image 6 l'élection" width="70" height="70" border="0" /></a></div>
</div>
<div class="title">ARCHIPEL</div>
<div class="texte_manif">
<p style="font-size:14px;">Installations artistiques éphémères du collectif - du 19 au 20 septembre 2015</p>
<p style="font-style:italic;margin-top:5px;">Jardin de la Ménagerie, Sceaux</p>
<p style="margin-top:8px;text-align:justify;">Le collectif d’artistes propose des installations artistiques éphémères formant le temps d’un week-end un archipel où chaque îlot tracé devient un territoire propre à chacun des artistes.</p>
<p style="margin-top:8px;text-align:justify;">Mitou Allalinarde - Milan Atanaskovic - Jean-José Baranes - Christophe Bogdan - Arnaud de l’Estourbeillon - Nicolas de Ferran - Macha Krivokapic - Wari Mansouri - Anne Mauban - Paule Millara - Altone Mishino - Margot Montenoise - Macha Pandellé - Vincent Pandellé - Dashan Yang – Artistes invités : Renaud Bargues - Françoise Delecroix - Claudine Sabatier</p>
<p style="margin-top:8px;text-align:justify;">...L’idée d’archipel conjoint deux notions contradictoires : l’iso- lement de l’île et la liaison de l’ensemble. D’où les caractéristiques que l’écrivain Edouard Glissant accorde à la pensée archipélique : « l’ambigu, le fragile, le dérivé » J.J Joubert.</p>
</div>
<!-- fin Archipel -->
<!-- debut Open54 -->
<div class="images_grand8" style="width: 480px; height: 360px;margin-top:3px;">
<div class="img_grand"><a href="images/manifestations/open54_Performances.jpg" rel="lightbox[open54]" title="OPEN54 PERFORMANCES"><img src="images/manifestations/open54_Performances.jpg" alt="OPEN54 PERFORMANCES" width="478" border="0" /></a></div>
</div>
<div class="title" style="margin-top: 8px;">OPEN54 PERFORMANCES</div>
<div class="texte_manif">
<p style="font-size:14px;">Actions artistiques Live - Samedi 20 juin 2015</p>
<p style="font-style:italic;margin-top:5px;">Site de l’association Bloc-House, 54 rue de Bagneux-Sceaux</p>
<p style="margin-top:8px;text-align:justify;">Programme : Révèlation, Dashan Yang/Xiaomei Wang (Zen/encre) – Co-Loque, Vincent Pandellé (lecture) – Crob’Art, Christophe Bogdan/Margot Montenoise (dessin) – Chanteuses Publiques, Ludmila Dabo/Malgorzata Kasprzycka (performances vocales) – Lecture Houellebecquienne, François Gibault/Wari Mansouri (lecture/graph) – Cello, Léo Bredeloup (performance musicale) – 1/7, Jérôme Bouchez (performance) – Passage des cinq sens, Julia Dondzilo (geste relationnel) – Prélude musical de l’archipel des coopératives imaginaires, A.de l’Estourbeillon/N.de Ferran/B.Heereng – Geste en cours, Milan Atanaskovic (performance permanente)</p>
</div>
<!-- fin Open54 -->
<!-- debut Election -->
<div class="images_grand3">
<div class="img_grand"><a href="images/manifestations/l_election.jpg" rel="lightbox[election]" title="L'élection"><img src="images/manifestations/l_election.jpg" alt="Image TO BE A STICKER" width="478" height="349" border="0" /></a></div>
</div>
<div class="images">
<div class="vignette"><a href="images/manifestations/l_election1.jpg" rel="lightbox[election]" title="Affiche de Claudine Sabatier"><img src="images/manifestations/l_election1p.jpg" alt="Image 1 l_election" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election2.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche de Nicolas de Ferran"><img src="images/manifestations/l_election2p.jpg" alt="Image 2 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election3.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche d'Arnaud de l'Estourbeillion"><img src="images/manifestations/l_election3p.jpg" alt="Image 3 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election4.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche de Margot Montenoise"><img src="images/manifestations/l_election4p.jpg" alt="Image 4 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election5.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche de Milan Atanaskovic"><img src="images/manifestations/l_election5p.jpg" alt="Image 5 l'élection" width="70" height="70" border="0" /></a></div>
</div>
<!-- deuxième rang -->
<div class="images1">
<div class="vignette"><a href="images/manifestations/l_election6.jpg" rel="lightbox[election]" title="Affiche de Vincent Pandellé"><img src="images/manifestations/l_election6p.jpg" alt="Image 6 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election7.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche de Jérôme Bouchez "><img src="images/manifestations/l_election7p.jpg" alt="Image 7 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election8.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche de Macha Pandellé"><img src="images/manifestations/l_election8p.jpg" alt="Image 8 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election9.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche de Christophe Bogdan"><img src="images/manifestations/l_election9p.jpg" alt="Image 9 l'élection" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/l_election10.jpg" style="margin-left:30px;" rel="lightbox[election]" title="Affiche de Jouda Guerfali"><img src="images/manifestations/l_election10p.jpg" alt="Image 10 l'élection" width="70" height="70" border="0" /></a></div>
</div>
<div class="title">L'ÉLECTION</div>
<div class="texte_manif">
<p style="font-size:14px;">Installation - du 15/05 au 29/05/2013</p>
<p style="font-style:italic;margin-top:5px;">Sur trois sites dans la ville de Sceaux</p>
<p style="margin-top:8px;text-align:justify;">Milan Atanaskovic - Christophe Bogdan - Jérôme Bouchez - Nicolas De Ferran - Arnaud De L'Estourbeillon - Jouda Guerfali - Margot Montenoise - Macha Pandellé - Vincent Pandellé - Claudine Sabatier</p>
<p style="margin-top:8px;text-align:justify;">La poésie, l'imaginaire et l'art au-dessus de toute chose, tel est le parti pris de cette campagne d'affichage pour une élection fictive. Directement inspirée de la pataphysique et du surréalisme, cette manifestation s'inscrit en écho aux oeuvres des grands écrivains, poètes et pataphysiciens : Boris Vian, Alfred Jarry, mais aussi Alphonse Allais, Roland Topor…</p>
</div>
<!-- fin Election -->
<!-- debut Tracés -->
<div class="images_grand4">
<div class="img_grand"><a href="images/manifestations/traces.jpg" rel="lightbox[traces]" title="Affiche de la manifestation Tracés"><img src="images/manifestations/traces.jpg" alt="Image Tracés" width="478" height="400" border="0" /></a></div>
</div>
<div class="images">
<div class="vignette"><a href="images/manifestations/traces1.jpg" rel="lightbox[traces]" title="Tracés 1"><img src="images/manifestations/traces1p.jpg" alt="Image 1 traces" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/traces2.jpg" style="margin-left:30px;" rel="lightbox[traces]" title="Tracés 2"><img src="images/manifestations/traces2p.jpg" alt="Image 2 traces" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/traces3.jpg" style="margin-left:30px;" rel="lightbox[traces]" title="Tracés 3"><img src="images/manifestations/traces3p.jpg" alt="Image 3 traces" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/traces4.jpg" style="margin-left:30px;" rel="lightbox[traces]" title="Tracés 4"><img src="images/manifestations/traces4p.jpg" alt="Image 4 traces" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/traces5.jpg" style="margin-left:30px;" rel="lightbox[traces]" title="Tracés 5"><img src="images/manifestations/traces5p.jpg" alt="Image 5 traces" width="70" height="70" border="0" /></a></div>
</div>
<div class="title">TRACÉS</div>
<div class="texte_manif">
<p style="font-size:14px;">Installation/Anamorphose - Du 14/09 au 22/09/13</p>
<p style="font-style:italic;margin-top:5px;">Journées du patrimoine de l'année Le Nôtre 2013 - Rotonde du jardin de la ménagerie - Démarche éco-durable</p>
<p style="margin-top:8px;text-align:justify;">Le collectif Bloc-House</p>
<p style="margin-top:8px;text-align:justify;">Lorsque la complexité, l'aléatoire, le désordre, la précarité des frontières, la pluralité et la relativité des points de vue sont au centre des différents savoirs, de la physique quantique à l'art contemporain.</p>
</div>
<!-- fin Tracés -->
<!-- debut Heureux Des-Astres -->
<div class="images_grand5">
<div class="img_grand"><a href="images/manifestations/heureuxDesAstres.jpg" rel="lightbox[heureuxDesAstres]" title="Affiche de la manifestation Heureux des-astres"><img src="images/manifestations/heureuxDesAstresp.jpg" alt="Image Heureux Des-Astres" width="478" height="360" border="0" /></a></div>
</div>
<div class="title">HEUREUX DES-ASTRES</div>
<div class="texte_manif">
<p style="font-size:14px;">Exposition - Du 12/12/12 au 2/2/13</p>
<p style="font-style:italic;margin-top:5px;">Galerie de la médiathèque de Sceaux</p>
<p style="font-style:italic;">Performance théâtrale des comédiennes Ludmilla Dabo et Gosian Kasprzycka</p>
<p style="font-style:italic;">Texte de Frankétienne - Musique de l'exposition : Jérôme Bouchez - Musique générative</p>
<p style="margin-top:8px;text-align:justify;">Mitou Alalinarde - Jean-José Baranes - Christophe Bogdan - Nicolas De Ferran - Arnaud de L'Estourbeillon - François Gibault - Jouda Guerfali (invitée) - Macha Krivokapic - Paule Millara - Altone Mishino - Margot Montenoise - Isabelle Rince - Claudine Sabatier - Wari</p>
<p style="margin-top:8px;text-align:justify;">Le concept de l'exposition se situe dans le titre paradoxal Heureux Des-Astres ! Sur la thématique catastrophiste du désastre et notre rapport aux astres, un pied de nez ironique aux thèses de fin du monde, annoncées pour décembre 2012.</p>
</div>
<!-- fin Heureux Des-Astres -->
<!-- debut Co-Incidences -->
<div class="video" style="margin-bottom:-40px;">
<video width="480" poster="images/manifestations/coIncidences-poster.jpg" controls>
<source src="video/coincidences.mp4" type="video/mp4">
</video>
</div>
<div class="images">
<div class="vignette"><a href="images/manifestations/coIncidences1g.jpg" rel="lightbox[coincidences]" title="Co-Incidences 1"><img src="images/manifestations/coIncidences1p.jpg" alt="Image 1 CoIncidences" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/coIncidences2g.jpg" style="margin-left:9px;" rel="lightbox[coincidences]" title="Co-Incidences 2"><img src="images/manifestations/coIncidences2p.jpg" alt="Image 2 CoIncidences" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/coIncidences3g.jpg" style="margin-left:9px;" rel="lightbox[coincidences]" title="Co-Incidences 3"><img src="images/manifestations/coIncidences3p.jpg" alt="Image 3 CoIncidences" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/coIncidences4g.jpg" style="margin-left:9px;" rel="lightbox[coincidences]" title="Co-Incidences 4"><img src="images/manifestations/coIncidences4p.jpg" alt="Image 4 CoIncidences" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/coIncidences5g.jpg" style="margin-left:9px;" rel="lightbox[coincidences]" title="Co-Incidences 5"><img src="images/manifestations/coIncidences5p.jpg" alt="Image 5 CoIncidences" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/coIncidences6g.jpg" style="margin-left:9px;" rel="lightbox[coincidences]" title="Co-Incidences 6"><img src="images/manifestations/coIncidences6p.jpg" alt="Image 6 CoIncidences" width="70" height="70" border="0" /></a></div>
</div>
<div class="title">
CO-INCIDENCES </div>
<div class="texte_manif">
<p style="font-size:14px;">Installations - Avril 2010</p>
<p style="font-style:italic;margin-top:5px;">Site classé - Jardin de la Ménagerie de Sceaux</p>
<p>Scénographie : Arnaud Laval</p>
<p>Création sonore : Régis Delbroucq</p>
<p style="margin-top:8px;text-align:justify;">Mitou Alalinarde - Claire Artemyz - Milan Atanaskovic - Jean José Baranes - Christophe Bogdan - Gérard Koch - Nicolas de Ferran - Macha Krivokapic - Eliza Magri - Anne Mauban - Altone Mishino - Margot Montenoise - Macha Pandellé - Vincent Pandellé - Isabelle Rince - Claudine Sabatier - Lahouari Mansouri dit Wari - Dashan Yang</p>
<p style="margin-top:8px;text-align:justify;">Dix-sept installations éphémères proposées par les artistes Bloc-House, en partenariat avec la ville de Sceaux. Elles marquent une rencontre entre la création artistique, le présent et le passé du jardin historique de la Ménagerie.</p>
</div>
<!-- fin Co-Incidences -->
<!-- debut Noir -->
<div class="video" style="margin-bottom:-40px;">
<video width="480" poster="images/manifestations/noir-poster.jpg" controls>
<source src="video/noir.mp4" type="video/mp4">
</video>
</div>
<div class="images">
<div class="vignette"><a href="images/manifestations/noir1g.jpg" rel="lightbox[noir]" title="NOIR 1"><img src="images/manifestations/noir1p.jpg" alt="Image 1 NOIR" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/noir2g.jpg" style="margin-left:30px;" rel="lightbox[noir]" title="NOIR 2"><img src="images/manifestations/noir2p.jpg" alt="Image 2 NOIR" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/noir3g.jpg" style="margin-left:30px;" rel="lightbox[noir]" title="NOIR 3"><img src="images/manifestations/noir3p.jpg" alt="Image 3 NOIR" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/noir4g.jpg" style="margin-left:30px;" rel="lightbox[noir]" title="NOIR 4"><img src="images/manifestations/noir4p.jpg" alt="Image 4 NOIR" width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/noir5g.jpg" style="margin-left:30px;" rel="lightbox[noir]" title="NOIR 5"><img src="images/manifestations/noir5p.jpg" alt="Image 5 NOIR" width="70" height="70" border="0" /></a></div>
</div>
<div class="title">NOIR</div>
<div class="texte_manif">
<p style="font-size:14px;">Installations photographiques - du 06 au 12 novembre 2009</p>
<p style="font-style:italic;margin-top:5px;">Mois de la photo à Sceaux</p>
<p style="margin-top:8px;text-align:justify;">Milan Atanaskovic - Jean José Baranes - Matt Bed - Christophe Bogdan - Jérôme Bouchez - Nicolas de Ferran - Macha Krivokapic - Anna Kuznetsova - Eliza Magri - Altone Mishino - Margot Montenoise - Vincent Pandellé</p>
<p style="margin-top:8px;text-align:justify;">Dans un espace convoquant la camera obscura, une lecture intimiste de chaque installation photographique et dispositif vidéo, inscrits dans des halos de lumière.</p>
</div>
<div class="images_grand">
<div class="img_grand"><a href="images/manifestations/toBeAsticklerg.jpg" rel="lightbox[stickler]" title="STICKLER"><img src="images/manifestations/toBeAsticklerp.jpg" alt="Image TO BE A STICKER" width="478" height="370" border="0" /></a></div>
</div>
<!-- fin Noir -->
<!-- debut To be a stickler -->
<div class="title">TO BE A STICKLER</div>
<div class="texte_manif">
<p style="font-size:14px;">Installation photographique outdoor - Novembre 2010</p>
<p style="font-style:italic;margin-top:5px;">Mois de la photo à Sceaux - Site de l'ancienne gendarmerie</p>
<p style="margin-top:8px;text-align:justify;">Milan Atanaskovic - Jérôme Bouchez - Nicolas de Ferran - Macha Krivokapic - Vincent Pandellé - Lahouari Mansouri dit Wari</p>
</div>
<div class="images_grand1">
<div class="img_grand"><a href="images/manifestations/kakemonog.jpg" rel="lightbox[kakemono]" title="CECI N'EST PAS UN KAKEMONO"><img src="images/manifestations/kakemonop.jpg" alt="Image CECI N'EST PAS UN KAKEMONO" width="478" height="347" border="0" /></a></div>
</div>
<!-- fin To be a stickler -->
<!-- debut Ceci n'est pas un kakémono -->
<div class="title">CECI N'EST PAS UN KAK&Eacute;MONO</div>
<div class="texte_manif">
<p style="font-size:14px;">Intervention en milieu urbain - Sceaux Février 2011</p>
<p style="margin-top:8px;text-align:justify;">Mitou Alalinarde - Jean José Baranes - Christophe Bogdan - Jérôme Bouchez - Nicolas de Ferran - Anne Mauban - Paule Millara - Margot Montenoise - Macha Pandellé - Vincent Pandellé - Isabelle Rince - Claudine Sabatier - Lahouari Mansouri dit Wari - Dashan Yang</p>
</div>
<!-- fin Ceci n'est pas un kakémono -->
<!-- debut C1.1 -->
<div class="images_grand2">
<div class="img_grand"><a href="images/manifestations/c11g.jpg" rel="lightbox[c11]" title="C1.1"><img src="images/manifestations/c11p.jpg" style="border-bottom:1px solid #990000;" alt="Image C1.1" width="478" height="374" /></a></div>
</div>
<div class="title">C1.1</div>
<div class="texte_manif">
<p style="font-size:14px;">Sceaux Avril 2008</p>
</div>
<!-- fin C1.1 -->
<!-- debut du paragraphe d'une nouvelle manifestation
<div class="video">
insérer le code de la vidéo s'il y a lieu, et effacer ce texte
</div>
<div class="images">
exemple pour 5 images, completer le chemin des images avec les noms à la place de "..." ainsi que title et alt avec le nom de la manifestation, ne pas oublier de glisser les nouvelles images p et g dans le dossier images/manifestations/, et effacer ce texte
<div class="vignette"><a href="images/manifestations/...1g.jpg" rel="lightbox[manifestations]" title="Photo 1 de la manifestation ..."><img src="images/manifestations/...1p.jpg" alt="Image 1 ..." width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/...2g.jpg" rel="lightbox[manifestations]" title="Photo 1 de la manifestation ..."><img src="images/manifestations/...2p.jpg" alt="Image 1 ..." width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/...3g.jpg" rel="lightbox[manifestations]" title="Photo 1 de la manifestation ..."><img src="images/manifestations/...3p.jpg" alt="Image 1 ..." width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/...4g.jpg" rel="lightbox[manifestations]" title="Photo 1 de la manifestation ..."><img src="images/manifestations/...4p.jpg" alt="Image 1 ..." width="70" height="70" border="0" /></a></div>
<div class="vignette"><a href="images/manifestations/...5g.jpg" rel="lightbox[manifestations]" title="Photo 1 de la manifestation ..."><img src="images/manifestations/...5p.jpg" alt="Image 1 ..." width="70" height="70" border="0" /></a></div>
</div>
<div class="title">....
mettre le nom de la manifestions et effacer ce texte
</div>
<div class="texte_manif"> ici tous les paragraphes qui suivent le titre
<p style="font-size:14px;">... remplir en cas de sous-titre, genre de manifestations</p>
<p style="font-style:italic;margin-top:5px;">... nom général et date</p>
<p style="margin-top:8px;text-align:justify;">... les noms des participants</p>
<p style="margin-top:8px;text-align:justify;">... Un texte sur l'événement</p>
fin de texte_manif</div>
fin du paragraphe nouvelle manifestation, à insérer à l'endroit souhaité entre fin et debut d'autres paragraphes -->
<!-- fin scroller container --></div>
<!-- fin news --></div>
<!-- fin container --></div>
<div id="Scrollbar-Container">
<div class="Scrollbar-Up"></div>
<div class="Scrollbar-Down"></div>
<div class="Scrollbar-Track" title="faire glisser le curseur pour faire défiler les manifestations">
<div class="Scrollbar-Handle"></div>
</div>
</div>
<!-- fin manifestations --></div>
<!-- fin middle --></div>
<div id="trait_vertical1"></div>
<!-- fin right --></div>
<div id="bottom">
<img class="icone1" src="images/logo_carre2.png" alt="logo association" width="33" height="33" /><div class="adress" style="float:left;margin-top:18px;margin-left:8px;"><span style="font-weight:bold;">Association BLOC-HOUSE, Les Ateliers &Eacute;ph&eacute;m&egrave;res, </span>54 rue de Bagneux, 92330 Sceaux</div>
<!-- fin bottom --></div>
<!-- fin global --></div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink