var content = document.getElementById("ateliers");
var js = document.getElementById("js");

var 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>
		</div><!-- fin scroller container -->
	</div><!-- fin news -->
	</div><!-- fin container -->

	<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>
`;

content.innerHTML = ateliers;



var script1 = document.createElement('script');
script1.type = 'text/javascript';
script1.async = false;
script1.src = 'javascript/jsScrollbar.js';
var script2 = document.createElement('script');
script2.type = 'text/javascript';
script2.async = false;
script2.src = 'javascript/jsScroller.js';
var script3 = document.createElement('script');
script3.type = 'text/javascript';
script3.async = false;
script3.src = 'javascript/jsScrollOnload.js';
js.appendChild(script1);
js.appendChild(script2);
js.appendChild(script3);
