pict trait

programme-print/content/html/spectacles.html

@@ -261,6 +261,9 @@
         <li><span>Soutiens</span> Théâtre la Balsamine, Maison des Cultures et de la Cohésion Sociale de Molenbeek, Théâtre Marni et Zinnema </li>
     </ol>
     <p class="production">t.r.a.n.s.i.t.s.c.a.p.e est soutenu par la Fédération Wallonie-Bruxelles - Service de la danse, la Commune d’Ixelles et accompagné par le Grand Studio</p>
+
+    <figure class="image-trait"><img style="margin-top:300px; margin-left:150px;"src="/../../content/images/dessin/trait/fenetre.png"/><figcaption></figcaption></figure>
+
 </section>
 
 
@@ -299,6 +302,7 @@
         <li><span>Coproductions</span> Festival de Liège, Théâtre la Balsamine, La Coop asbl et ShelterProd</li>
         <li><span>Soutiens</span> Fédération Wallonie-Bruxelles – Service du Théâtre, taxshelter.be, ING, le tax-shelter du gouvernement fédéral belge, Corridor, BAMP, Fabrique de Théâtre du Hainaut, Centre des Arts Scéniques, Centre des écritures dramatiques – résidence de Mariemont, Théâtre de l'L, La Zone, [e]Utopia – Armel&#xa0;Roussel, Ad Lib Diffusion, Théâtre Poème et Le Lac</li>
     </ol>
+    <figure class="image-trait"><img src="/../../content/images/dessin/trait/tube.png"/><figcaption></figcaption></figure>
 </section>
 
 
@@ -349,6 +353,8 @@
     </ol>
         <figure id="ars-musica" style=""><img src="../../content/images/logos/arsmusica.jpg.svg"/></figure>
 
+        <figure class="image-trait"><img style="margin-top:130px;margin-left:270px;width:60%"src="/../../content/images/dessin/trait/rocher01.png"/><figcaption></figcaption></figure>
+
 </section>
 
 
@@ -656,6 +662,8 @@
     </ol>
         <figure class="audrey-detail image-extra"><img src="https://cloud.osp.kitchen/apps/files_sharing/publicpreview/Ysk3xskHfW4pmfK?x=1366&y=273&a=true&file=DSC_1242_audreylucie-%2520cr%25C3%25A9dit%2520Denis%2520Gysen-low-crop.jpg&scalingup=0"/><figcaption>Photo&#x202F;: Denis Gysen</figcaption></figure>
 
+        <figure class="image-trait"><img style="margin-top:140px; margin-left:90px; width:120% !important;"src="/../../content/images/dessin/trait/bumps-bigger.png"/><figcaption></figcaption></figure>
+
 </section>
 
 
@@ -705,9 +713,8 @@
 			<li><span>Soutiens</span> Fédération Wallonie-Bruxelles – Service du théâtre, taxshelter.be, ING, tax-shelter du gouvernement fédéral belge, Théâtre Océan Nord et Le 140</li>
     </ol>
     <p class="production">Ce spectacle n’aurait pu avoir lieu sans le concours du Théâtre Océan Nord.</p>
-<div>
-    <figure class="trait"><img src="/../../content/images/dessin/trait/chaise.png"/><figcaption>Photo&#x202F;: Eden Levi Am</figcaption></figure>
-</div>
+
+    <figure class="image-trait"><img style="width:70%; margin-top:250px;margin-left:90px;" src="/../../content/images/dessin/trait/chaise.png"/><figcaption></figcaption></figure>
 
 </section>
 
@@ -790,6 +797,8 @@
         <li><span>Soutiens </span> Fédération Wallonie-Bruxelles - Service du Théâtre, Cocof, Théâtre Varia – Centre dramatique de la Fédération Wallonie Bruxelles, du Centre Wallonie-Bruxelles Paris et de Montévidéo, Centre d'Art /Marseille, le tax-shelter </br>du gouvernement fédéral belge</li>
 		</ol>
 
+        <figure class="image-trait"><img style="margin-top:250px;margin-left:200px;" src="/../../content/images/dessin/trait/coin.png"/><figcaption></figcaption></figure>
+
 </section>
 
 
@@ -843,6 +852,8 @@
 			<li><span>Soutiens</span> Fédération Wallonie – Bruxelles - Service du Théâtre, Bamp, Wolubilis, La Roseraie, Centre de la Marionnette de la FWB et Quai 41</li>
 			<li><span>Remerciement</span> La Coop asbl</li>
     </ol>
+
+    <figure class="image-trait"><img style="margin-top:100px;margin-left:100px;width:130%"  src="/../../content/images/dessin/trait/cerf-volant.png"/></figure>
 </section>
 
 

programme-print/layout/spectacles/index.html

@@ -75,6 +75,8 @@
 		<div id="m-empty" class="master-page paper">
 <!--             <div class="inside"></div>
  -->
+ 				 <div class="image-trait"></div>
+ 
 			<div class="page">
 				<div class="footer"></div>
 

programme-print/layout/spectacles/main.js

@@ -27,6 +27,15 @@ function flowTemplate(i) {
 				-webkit-flow-from: image-extra-figcaption-`+i+`;
 				flow-from: image-extra-figcaption-`+i+`;
 			}
+			#stories section:nth-of-type(`+i+`) .image-trait
+			{
+				-webkit-flow-into: image-trait-`+i+`;
+				flow-into: image-trait-`+i+`;
+			}
+			.article-`+i+` .image-trait {
+				-webkit-flow-from: image-trait-`+i+`;
+				flow-from: image-trait-`+i+`;
+			}
 			#stories section:nth-of-type(`+i+`)  .phrase-intro{
 				-webkit-flow-into: phrase-`+i+`;
 				flow-into: phrase-`+i+`;

programme-print/layout/spectacles/styles.less

@@ -268,9 +268,9 @@ img.image-forme {
 	transform: scaleX(1);
 }
 
-figure.trait {
-	margin-top: 200px;
-	width:90%;
+.image-trait {
+	margin-top: 0px;
+	width:80%;
 }