balsamine.2013-2014
clone your own copy | download snapshot

Snapshots | iceberg

Inside this repository

balsa2014-sneak.html
text/html

Download raw (297.1 KB)

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>Balsamine 2013-2014</title>
    
  <link rel="stylesheet" type="text/css" href=" http://meyerweb.com/eric/tools/css/reset/reset.css" />
  
 
    <style type="text/less">

@font-face {
    font-family: 'Ume P Gothic Shadow';
    src: url('http://balsamine.be/pub/skins/balsamine/fonts/UmePGothicShadow/ume-p-gothic-shadow-webfont.eot');
    src: url('http://balsamine.be/pub/skins/balsamine/fonts/UmePGothicShadow/ume-p-gothic-shadow-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://balsamine.be/pub/skins/balsamine/fonts/UmePGothicShadow/ume-p-gothic-shadow-webfont.woff') format('woff'),
         url('http://balsamine.be/pub/skins/balsamine/fonts/UmePGothicShadow/ume-p-gothic-shadow-webfont.ttf') format('truetype'),
         url('http://balsamine.be/pub/skins/balsamine/fonts/UmePGothicShadow/ume-p-gothic-shadow-webfont.svg#ume_p_gothic_bapgothicbalsaBd') format('svg');
    font-weight: bold;
    font-style: normal;
}
/*
-  V A R I A B L E S  ---------------------------------------------------------------------------------------------
*/
 
@font-size-100: 10pt;
@line-height-100: 13pt;
 
@font-size-98: 14pt;
@line-height-98: 17pt;
 
@font-size-97: 13pt;
@line-height-97: 15pt;
 
@font-size-0: 12pt;
@line-height-0: 14pt;
 
@font-size-1: 16pt;
@line-height-1: 18pt;
 
@font-size-12: 18pt;
@line-height-12: 20pt;
 
@font-size-2: 27pt;
@line-height-2: 27pt;
 
@font-size-3: 30pt;
@line-height-3: 34pt;
 
@font-size-4: 40pt;
@line-height-4: 44pt;
 
@border: 2px solid @color-C;
@border-vert: 2px solid @color-N;
 
/*
-  C O U L E U R S  ---------------------------------------------------------------------------------------------
*/
 
@color-link: green; 
@color-C: rgb(255, 0, 82);  // magenta/rouge fluo
@color-N: #00aa5a;   // green U vert
@color-W: white;

//@color-C: black;
//@color-N: white;

img.preview {
    // display: none;
    border: 0px;
    z-index: 9;
}
img.noir {
    display: none;
    z-index: 8;
}
img.vert {
    display: none;
}
img.rose {
    display: none;
}


 
@color-0: mix(@color-N, @color-C, 0%);
@color-10: mix(@color-N, @color-C, 10%);
@color-20: mix(@color-N, @color-C, 20%);
@color-30: mix(@color-N, @color-C, 30%);
@color-40: mix(@color-N, @color-C, 40%);
@color-50: mix(@color-N, @color-C, 50%);
@color-60: mix(@color-N, @color-C, 60%);
@color-70: mix(@color-N, @color-C, 70%);
@color-80: mix(@color-N, @color-C, 80%);
@color-90: mix(@color-N, @color-C, 90%);
@color-100: mix(@color-N, @color-C, 100%);
 
@colorG-0: mix(@color-N, @color-W, 0%);
@colorG-10: mix(@color-N, @color-W, 10%);
@colorG-20: mix(@color-N, @color-W, 20%);
@colorG-30: mix(@color-N, @color-W, 30%);
@colorG-40: mix(@color-N, @color-W, 40%);
@colorG-50: mix(@color-N, @color-W, 50%);
@colorG-60: mix(@color-N, @color-W, 60%);
@colorG-70: mix(@color-N, @color-W, 70%);
@colorG-80: mix(@color-N, @color-W, 80%);
@colorG-90: mix(@color-N, @color-W, 90%);
@colorG-100: mix(@color-N, @color-W, 100%);
 
@colorC-0: mix(@color-C, @color-W, 0%);
@colorC-10: mix(@color-C, @color-W, 10%);
@colorC-20: mix(@color-C, @color-W, 20%);
@colorC-30: mix(@color-C, @color-W, 30%);
@colorC-40: mix(@color-C, @color-W, 40%);
@colorC-50: mix(@color-C, @color-W, 50%);
@colorC-60: mix(@color-C, @color-W, 60%);
@colorC-70: mix(@color-C, @color-W, 70%);
@colorC-80: mix(@color-C, @color-W, 80%);
@colorC-90: mix(@color-C, @color-W, 90%);
@colorC-100: mix(@color-C, @color-W, 100%);
 
 
div#nuancier {
    width: 100%; 
    
    div {
        float: left;
        height: 50px;
        width: 8%;
        margin-right: 5px;
	    margin-top: 5px;
    }
}
 
div#colorC-0 { background-color: @colorC-0;}
div#colorC-10 { background-color: @colorC-10;}
div#colorC-20 { background-color: @colorC-20;}
div#colorC-30 { background-color: @colorC-30;}
div#colorC-40 { background-color: @colorC-40;}
div#colorC-50 { background-color: @colorC-50;}
div#colorC-60 { background-color: @colorC-60;}
div#colorC-70 { background-color: @colorC-70;}
div#colorC-80 { background-color: @colorC-80;}
div#colorC-90 { background-color: @colorC-90;}
div#colorC-100 { background-color: @colorC-100;}
 
div#color-0 { background-color: @color-0;}
div#color-10 { background-color: @color-10;}
div#color-20 { background-color: @color-20;}
div#color-30 { background-color: @color-30;}
div#color-40 { background-color: @color-40;}
div#color-50 { background-color: @color-50;}
div#color-60 { background-color: @color-60;}
div#color-70 { background-color: @color-70;}
div#color-80 { background-color: @color-80;}
div#color-90 { background-color: @color-90;}
div#color-100 { background-color: @color-100;}
 
div#colorG-0 { background-color: @colorG-0;}
div#colorG-10 { background-color: @colorG-10;}
div#colorG-20 { background-color: @colorG-20;}
div#colorG-30 { background-color: @colorG-30;}
div#colorG-40 { background-color: @colorG-40;}
div#colorG-50 { background-color: @colorG-50;}
div#colorG-60 { background-color: @colorG-60;}
div#colorG-70 { background-color: @colorG-70;}
div#colorG-80 { background-color: @colorG-80;}
div#colorG-90 { background-color: @colorG-90;}
div#colorG-100 { background-color: @colorG-100;}
 
 


 
/*
-  P R I N T  ------------------------------------------------------------
*/
 
@page {
    //size:14,8cm 20cm; // format coupé : soit 559 x 756 px
    //size:16,8cm 22cm;  // format programme avec cropmarks => 6.60 inches * 8.70 inches ou 635 x 831,5 px
    
	//size:13,8cm 19cm; // format supplement coupé : soit 559 x 756 px
    size:15,8cm 21cm;  // format supplément avec cropmarks => 6.22 inches * 8.27 inches ou 597 x 793,7 px
    margin: 0;

    //margin-left: 0.5cm;
    //margin-right: 0cm;
    //margin-top: 0.5cm;
    //margin-bottom: 0.5cm;
    //margin: 0 1cm;
    border: 1px solid @color-N;
    orphans:4; widows:2; /* ça n'a pas l'air de marcher ce truc ? */ 
}
div#virtual {
    position: absolute;
    z-index: 1000;
    width: 100%; 
}
div.fakepage {
    //position: absolute; 
    position: relative;
    height: 1220px;
    width: 926px; 
    z-index: -10;
}
 
div.crop-tl,
div.crop-tr,
div.crop-br,
div.crop-bl {
    height: 1cm;
    width: 1cm;
    position: absolute;
    box-sizing: border-box;
}
 
div.crop-tl {
    left: 0;
    top: 0;
}
div.crop-tr {
    right: 0cm;
    top: 0cm;
}
div.crop-br {
    right: 0;
    bottom: 0;
}
div.crop-bl {
    left: 0;
    bottom: 0;
}
div.crop-top,
div.crop-right,
div.crop-bottom,
div.crop-left, {
    width: 0.5cm;
    height: 0.5cm;
    position: absolute;
    box-sizing: border-box;
}
div.crop-top {
    border-top: 1px solid black;
}
div.crop-right {
    border-right: 1px solid black;
}
div.crop-bottom {
    border-bottom: 1px solid black;
}
div.crop-left {
    border-left: 1px solid black;
}
 
div.folio {
    position: absolute;
    bottom: 1.9cm;
    font-family: Ume P Gothic Balsa;
    width: 100%;
    text-align: center;
    z-index: 1000;
    p { color: @color-C; font-size: 10pt;}
    
    .sup{
            p { color: @color-N; font-size: 10pt;}
        }
}

 
/*
-  G E N E R A L   ------------------------------------------------------------
*/
 
* {
	color: @color-N;
    -webkit-print-color-adjust: exact;  /* Allows printing of background colors */
}
html {
    width: 870.55px;
    //width: 16.5cm;
}
body {
    width: 100%;
    font-family: Ume P Mincho;
    font-size : @font-size-0;
    line-height: @line-height-0;
    color: @color-C;
    
     .sup{
             color: @color-N;

         }
}
 
@media screen {
    ul#toc { display: block;}
}
@media print {
    ul#toc { display: none;}
}
 
ul#toc {
    position: fixed;
    right: 1cm;
    bottom: 1cm;
    height: auto; 
    width: auto;
}
 
/*
-  B L O C K S   -----------------------------------------
*/
section#body {
    margin-left: 3cm;
    margin-right: 1.5cm;
}

article {
    width: 100%;
    //page-break-before: always;  
    //margin: 0 0.25cm;
    margin-top: 1cm;
    background-color: white;
    clear: both; 

    div {
	    float: left;
	    /*box-sizing: border-box;
	    outline-offset: -10px;*/
	    }

 

    div.texte {
	    /*background-color: mix(@color-C, @color-N, 50%);*/
	    height: auto;
	    box-sizing: border-box;
	    padding: 20px;
	    outline-offset: -10px;
	    outline: @border;
	    color: @color-C;
	    font-size:@font-size-98;
	    line-height: @line-height-98;
	    page-break-inside: avoid;
	
		.sup{
		    color: @color-N;
		}
	    }

	div.resume {
		outline: none;
		color: @color-N;
		}
	
    div.image {
	    /*background-color: mix(@color-C, @color-C, 33%);*/
	    border: @border;
	    overflow: hidden;
	    box-sizing: border-box;
	    margin-right: 5px;
	    margin-bottom: 5px;
	    }

 }
	
	
	
    div.imagesimple {
    outline: 0px solid @color-N;
    overflow: hidden;
    box-sizing: border-box;
    }

 

    div.bible {
    padding: 10px;
    //outline: 3px solid @color-N;
    box-sizing: border-box;
    outline-offset: -10px;
    height: auto;
    width:15%;
    font-size: @font-size-0;
    line-height: @line-height-0;
    }

 

    div.artiste {
    outline: none !important;

    }


 
div.image-cmjn {
    position: relative;
    width: 100%;
    overflow: hidden;
    outline-color: @color-C;
    outline-style: solid;
    outline-width: 0px;
    z-index:90;  
		.sup{
		    outline-color: @color-N;
		}

     
    img {
	    position: absolute;
	    left: 0;
	    //opacity: 0.9;
    }

     

    p {
	    position: relative;
	    z-index: 10;
    }

}
 
div.vignette {
    height: 225px;
    outline-width: 15px;
    margin: 25px;
    margin-left: 0;
    margin-bottom: 5px;
    z-index: 100;
 

    img {

    height: 100%;

    }

}
 
div.transition {
    position: relative;
    width: 886px;
    margin-left: -93px;
    overflow: hidden;
 
    img {
        position: absolute;
    }
}
 
div.full {
    position: relative;
    overflow: hidden;
    height: auto;
    
    img {
        position: absolute;
    }
}
 
div#flux-container div.flux  {
    -webkit-flow-from: article-flow;
    //outline:1px solid blue;
    height:30px;
    float:left;

}
article#artcolophon {
    -webkit-flow-into: article-flow;
    
    dd {
        font-family: Ume P Mincho;
        font-size: 16px;
        border-bottom: none;
        }
}
  
.demi-tour {
     -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
 
.turn-right {
     -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}
 
.turn-left{
     -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
}
 
 
 
.shape-hexagone {

    -webkit-shape-inside: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);

    width: 200px;

    height: 200px;

    text-align: justify;

}
 
div.page-break {
    page-break-before: always;
    height: 1em;
    width: 100%;
    position: relative;
}
 
div.clip {
    -webkit-mask-image: url('http://www.ludi.be/logo-boutt.svg');
    -webkit-mask-clip: padding;
}
 
div.cach{
    position: relative;
    z-index: 100px;
    }
    
div.cuted{
    position: relative;
        }
 
/*
-  P A R A G R A P H E S  &  C H A R A C T E R S ----------------------------------------------
*/
 
sup {
    font-size: 0.7em;
    line-height: 0;
    vertical-align: 0.3em;
}
 
h1, h2, h3, h4, h5, h6 {

    font-weight: normal;     /* Enlève le bold, car sinon il est forcé par le navigateur */

}
 
h1 {
    font-family: Ume P Gothic Shadow;
    text-transform : uppercase;
    font-size: @font-size-4;
    line-height: @line-height-4;
    color:@color-C;
    text-align: center;
    background: white !important;
    z-index: 100;
	
	.sup{
	   color:@color-N;
	}     

}
 
h2 {

    font-family: Ume Mincho Balsa;
    text-transform: uppercase;
    font-size: @font-size-0;
    line-height : @line-height-0;
    color:@color-C;
    text-align: center;

	.sup{
	   color:@color-N;
	}   
	
}
 
h3 {

    font-size: @font-size-97;

    line-height : @line-height-97;

    display: inline-block;

    text-transform:uppercase;

}
h4 {

    font-size: @font-size-2;

    line-height :@line-height-2;

}
 
p {

    width: 100%;

    /*page-break-inside: avoid;*/   /* ça évite que les paragraphes soient coupés par la fin de page ou de bloc*/

}
 
blockquote {

    font-family: Ume Mincho Balsa;

    font-size: @font-size-12;

    line-height : @line-height-12;

    outline: none;

    -webkit-region-break-before: always;

    text-align:center;

    text-transform:uppercase;

    }

.blockquote {
    color: @color-N;
    page-break-inside: avoid;
    padding: 20px 10px;
}
.nl {

    color: @color-C;
    
	.sup{
	   color:@color-N;
	}   
}

ul {
    //.shape-hexagone;
    
    li {

        list-style-type: none;

    }
}
 
dl {

    font-family:Ume Mincho Balsa;

    font-size: 10pt;

    line-height: 13pt;

    text-align: left;

}
  
dt {

    font-family: Ume P Gothic Balsa;
    font-size: 8pt;
    text-transform: uppercase;
    color: inherit;
    letter-spacing: 1px;
    border: solid thin @color-N;
    border-top: none;
    border-right: none;
    display: inline;
    padding: 3px 3px 1px 3px;
    margin: 0 -5px 0 0;
font-weight: normal !important;
}
 
dd {

    color: inherit;
    line-height: 13px;
    margin-bottom: 1px;
    border: solid thin @color-N;
    border-top: none;
    border-left: none;
    display: inline;
    padding: 0px 3px 1px 3px;
    margin: 0 2px 0 0;

}
 
dd + span { 
    font-size: 11pt;
    line-height: 0;
    vertical-align: -6px;
    margin: 0 -6.3px 0 -1.2px;

}
dl span:last-child {
    display: none;
}
 
dd + dt {
    margin-top: 5px;
}
 
div.titre{
    padding: 10px;
    outline:none !important;
    border-color: mix(@color-C, @color-C, 20%);
    border-style: solid;
    box-sizing: border-box;
    margin: 0 0 0 -3px;
  background: white !important;
    z-index: 100;
    position:relative;
    page-break-inside: avoid;
    
	.sup{
	   border-color:@color-N;
	}   
}

div.titre:first-child {

    clear: left;

}
 
div.type {
    padding: 5px;
}
 
div.artiste {
    padding-left: 5px;
}
 
div.date {
     font-family: Ume P Gothic Shadow;
    text-transform : uppercase;
    font-size: @font-size-0;
    line-height : @line-height-0;
    text-align: center;
    outline: none;
    //-webkit-transform: rotate(-15deg);
    color: @color-C;

	.sup{
	  color: @color-N;
	}
}
div.horaire {
    font-family: Ume P Gothic Shadow;
     font-size: @font-size-0;
    line-height : @line-height-0;
    text-transform: uppercase;
    text-align: center;
    color: @color-C;
    
	.sup{
	  color: @color-N;
	}
    
}
 
div.relax{
    font-family: Ume P Gothic Balsa;
    margin-top: 7px;
    margin-bottom: 7px;
    
    }
 
div.production {
    font-family: Ume P Gothic Balsa;
    font-size: @font-size-100;
    line-height : @line-height-100;
    page-break-inside: avoid;

     padding: 10px;

    box-sizing: border-box;

}
 
div.bible {
    page-break-inside: avoid;
}
 
em {
    font-family: Ume P Gothic Balsa;
}
 
b {
    color: @color-C;
    
	.sup{
	  color: @color-N;
	}
}
 
.under {
    text-transform : uppercase;
     text-decoration: underline;
    color: @color-C;
    font-family: Ume P Gothic Balsa;
	.sup{
	  color: @color-N;
	}
}
    
    
.numbers{
    font-family: Ume P Gothic Balsa;
    font-size: @font-size-1;
    line-height: 25px;
    color: @color-N;
    text-transform: uppercase;
    /*outline: 2px solid @color-N;*/
    padding: 8px 10px 0px 5px;
    box-sizing: border-box;
    outline-offset: -5px;
    background-image: url('../materials/extract-R/aspiration.gif');
    background-position:-100px -50px;
    
	.sup{
	  color: @color-N;
	}

}

.fusee-numbers {
    font-family: Ume P Gothic Balsa;
    font-size: @font-size-1;
    line-height: 25px;
    color: @color-N;
    text-transform: uppercase;
    outline: 2px solid @color-N;
    padding: 8px 10px 0px 5px;
    box-sizing: border-box;
    outline-offset: -5px;
    background-image: url('../materials/extract/aspiration.gif');
    background-position:-100px -50px;
	.sup{
	  color: @color-N;
	}
}

article#infos-pratiques .numbers {
    padding: 20px;
    }
 
div.if {
    font-family: Ume P Gothic Balsa;
    font-weight: bold;
    font-size: @font-size-1;
    line-height: @line-height-1;
    outline: none !important;
    box-sizing: border-box;
    padding: 0 5px;
    text-transform: uppercase;
    text-align: left;
    margin-top: 10px;
 

    p {
    color: @color-C;
		.sup{
		  color: @color-N;
		}
    }

}
 
span.lettrine {
    text-transform: uppercase;
    letter-spacing: 1px;
}
 
.occas{
     color: @color-N;
    }
 
div.out{
    font-family: Ume P Gothic Vertical;
    line-height: @line-height-0;
    font-size: 11pt;
    box-sizing: border-box;
    border-top:@border-vert;
   border-left:@border-vert;
   color: @color-N;
    /*font-weight: bold; // forcé par le navigateur, mais nécessaire si texte en défonce*/

    padding:  12px 0 0 15px;

    margin-top: 9px;

    border-color: @color-N;

}

div#pass-varia p, div#pass-varia sup {
    color: @color-C;
		.sup{
		  color: @color-N;
		}
    }
 
 div#making-of p+p {
     text-indent: 1.5em;
}
 
 
div.border {
    border: @border;
}
 
.centrer {   
    margin-left: auto;   
    margin-right: auto;   
    width: 80%; /* largeur obligatoire pour être centré */
}
 
.item {
  width: 50px;
  margin: 10px;
  float: left;
}
 
 div.fiche{
	    height: auto;
	    box-sizing: border-box;
	    padding: 20px;
	    outline-offset: -10px;
	    outline: @border-vert;
	    color: @color-N;
	    font-family: Ume P Gothic Vertical;
	    font-size:@font-size-98;
	    line-height: @line-height-98;
	    page-break-inside: avoid;
		.intitule{
		font-size:@font-size-100;
		text-transform:uppercase;
		}
	
	
     }
 
 
 div#commit-container div {
     -webkit-flow-from: CommitFlow;
     width: 25%;
     height: 1000px;
     }
 
.commit-list {
    width: 100%;
    //-webkit-column-count: 4;
    -webkit-flow-into: CommitFlow;
    //margin-left: 77px;
    
    div {
        float: left;
        }
}
.ellipse {
      clear: both;
      width: 5px;
      margin: auto;
      margin-left: 50px;
      border-left: 1px solid black;
}
.commit p {
      margin-bottom: 0;
}
.commit-author {
      text-transform: uppercase;
      letter-spacing: 0.05em;
      font-size: 8px;
      border: solid 1px;
      padding: 2px;
      margin-bottom: -1px;
      margin-right: -1px;
      position: relative;
}
.commit-author-said {
      text-transform: none;
      letter-spacing: 0.05em;
      font-size: 9px;
      border: solid 1px;
      padding: 2px;
      margin-bottom: -1px;
      margin-right: -1px;
      position: relative;
      top: 0px;
      margin-left: 0px;
}
.commit-spacer {
              display: none;
      width: 19px;
      height: 12px;
      float: left;
      border-top: 1px solid black;
      position: relative;
}
.commit-message {
      float: left;
      text-indent: -18px;
      font-size: 10px;
      line-height: 10.5px;
      border: solid 1px;
      display: inline-block;
      padding: 2px 2px 2px 22px;
      width: 120px;
      margin-left: 15px;
      margin-top: -4px;
      background-color: white;
      background-image:url('../materials/extract-R/aspiration.gif');
      background-position: -470px -257px;
      background-size: 400px 300px;
}

.commit-message1 {
      float: left;
      text-indent: -18px;
      font-size: 10px;
      line-height: 10.5px;
      border: solid 1px;
      display: inline-block;
      padding: 2px 2px 2px 22px;
      width: 120px;
      margin-left: 15px;
      margin-top: -4px;
      background-color: white;
      background-image:url('../materials/extract-G/cloud-light.gif');
      background-position: 465px -865px;
background-size: 205px 211px;
}

.commit-message2 {
      float: left;
      text-indent: -18px;
      font-size: 10px;
      line-height: 10.5px;
      border: solid 1px;
      display: inline-block;
      padding: 2px 2px 2px 22px;
      width: 120px;
      margin-left: 15px;
      margin-top: -4px;
      background-color: white;
      background-image:url('../materials/extract-R/cloud-light.gif');
      background-position: 165px -265px;
background-size: 205px 211px;
}

.commit-date {
          display: none;
      float: left;
      font-size: 8px;
      margin-left: 18px;
      margin-top: -1px;
      padding: 0 2px;
      padding-right: 4px;
      border: solid 1px;
      padding: 1px 3px 1px 3px;
      margin-bottom: -1px;
      margin-right: -1px;
      background-color: @colorC-40;
      border-top-color: @colorC-40;
      margin-top: -2px;
      
	.sup{
	border-top-color: @color-N;
	background-color: none;
	
	}
}
.commit-source {
      font-size: 8px;
      margin-left: 18px;
}
 
 .itemmason {
    font-family: Ume P Gothic Balsa;
    font-size: 10px;
    line-height: 12px;
border; solid 1px;
    padding: 0 0 0 0;
    text-align: center;
    margin: -1px 0px 10px 0px;
 }
 

</style>
</head>

<body>
    <div id="virtual">
        <div id="fakepage" class="fakepage" style="display: none;">
            <img src="../materials/cale-page.png" />
            <div class="crop-tl">
                <div class="crop-right" style="top: 0; right: 0;"></div>
                <div class="crop-bottom" style="bottom: 0cm; left: 0;"></div>
            </div>
            <div class="crop-tr">
                <div class="crop-left" style="top: 0; left: 0;"></div>
                <div class="crop-bottom" style="bottom: 0; right: 0;"></div>
            </div>
            <div class="crop-br">
                <div class="crop-left" style="left: 0; bottom: 0;"></div>
                <div class="crop-top" style="right: 0cm; top: 0;"></div>
            </div>
            <div class="crop-bl">
                <div class="crop-right" style="bottom: 0cm; right: 0;"></div>
                <div class="crop-top" style="left: 0cm; top: 0"></div>
            </div>
            <div class="folio">
            </div>
        </div>
    </div>

    <ul id="toc"></ul>

    <div id="nuancier">
        <div id="colorC-100"></div>
        <div id="colorC-90"></div>
        <div id="colorC-80"></div>
        <div id="colorC-70"></div>
        <div id="colorC-60"></div>
        <div id="colorC-50"></div>
        <div id="colorC-40"></div>
        <div id="colorC-30"></div>
        <div id="colorC-20"></div>
        <div id="colorC-10"></div>
        <div id="colorC-0"></div>

        <div id="color-0"></div>
        <div id="color-10"></div>
        <div id="color-20"></div>
        <div id="color-30"></div>
        <div id="color-40"></div>
        <div id="color-50"></div>
        <div id="color-60"></div>
        <div id="color-70"></div>
        <div id="color-80"></div>
        <div id="color-90"></div>
        <div id="color-100"></div>

        <div id="colorG-0"></div>
        <div id="colorG-10"></div>
        <div id="colorG-20"></div>
        <div id="colorG-30"></div>
        <div id="colorG-40"></div>
        <div id="colorG-50"></div>
        <div id="colorG-60"></div>
        <div id="colorG-70"></div>
        <div id="colorG-80"></div>
        <div id="colorG-90"></div>
        <div id="colorG-100"></div>
    </div>

    <section id="body">

<!--
-  F A U X   T I T R E  -
-->
<article id="faux-titre">

<div class="titre" style="width:100%;">
<h1>Saison<br />2013-2014</h1>
</div>

<div class="if" style="width:18%;  z-index:+10;">
<p>Et si l’alternatif devenait une norme et la norme une alternative&thinsp;? 
</p>
</div>

<div class="titre" style="width:17%; background:transparent !important;">
<h2>Et si…</h2>
</div>

<div class="if" style="width:17%;">
<p>Et si  c’était possible&thinsp;?  
</p>
</div>

<div class="titre" style="width:14%; background:transparent !important;">
<h2>What if…</h2>
</div>

<div class="if" style="width:36%; margin-left:30px;">
<p>Et si les extraterrestres  c’étaient simplement nous, le Nous du futur communiquant au Nous du  passé&thinsp;? </p>
</div>

<div class="titre" style="width:81%; background:transparent !important;">
<h2>Wat als…</h2>
</div>

<div class="transition" style="height: 944px; outline: none; margin-top: -40px; margin-bottom: -14px; z-index:-10;">
    <img alt="" class="noir vert" src="../photos/layers/meteor/meteor_Calque 10-nbhi.png" style="width: 100%;" />
    <img alt="" class="preview" src="../photos/layers/meteor/meteor_Calque 10-nbhi-G.png" style="width: 100%;" />
</div>
</article>

<!--
-  E D I T O  -
-->
<article id="edito">

<div class="titre" style="width:100%; ">
<h1>INVOLUTION 03</h1>
</div>
<div class="titre" style="width:70%;">
<h2>L’art des possibles</h2>
</div>
<div class="" style="width:15%; clear: left;">
<h3 style="text-align: center; width: 103%;padding-top: 30px;margin-left: -16px;">Avant qu’il ne soit trop tard</h3>
</div>

<div class="texte" style="width:35%; height: 150px;">
<p>Bricolons de l’espace pour l’humain, et le temps qui va avec, le temps X des frères Bogdanoff par exemple. </p>
</div>
<div class="if" style="width:29%; height: 147px; margin-top:16px;">
<p>Et  si de petits pouvoirs impliquaient de grandes responsa&shy;bilités&thinsp;? </p>
</div>
<div class="image-cmjn" style="width:21%;height: 144px; outline: none; margin-top: 7px; z-index: -10;">
	<img alt="" class="noir vert" src="../materials/extract/lignes-a-droite.gif" style="width: 135%;" />
   	<img alt="" class="preview" src="../materials/extract-G/lignes-a-droite.gif" style="width: 135%;" />
</div>

<div class="texte" style="width:60%;">
<p>L’art  des possibles, c’est considérer nos imaginaires et nos histoires comme  les fondations réelles et concrètes de toutes les vies parallèles qui  s’offrent à nous. «&thinsp;Et si tu n’existais pas, dis-moi pourquoi  j’existerais&thinsp;?&thinsp;» Et oui, si vous n’existiez pas, pourquoi les théâtres  existeraient&thinsp;? Vous connaissez la chanson, un spectacle sans  spectateurs, c’est un peu comme une politique culturelle sans vision,  comme le berger sans ses moutons, comme l’Histoire sans sa genèse, …  </p>
</div>


<div class="texte" style="width:40%;  height: 162px;">
<p>Et  si la Balsamine se réinventait pour vous, chaque saison&thinsp;? 2013-2014,  c’est la Balsa au pays de l’uchronie, au sens le plus strict, celui de  l’altération.  </p>
</div>

<div class="texte" style="width:40%; height: 142px;" >
<p>Un exemple&thinsp;? </p>
</div>

<div class="texte" style="width:40%; height: 275px;">
<p>Et  si Martine Wijckaert (fondatrice de la Balsamine) n’était pas entrée  dans cette friche, dans cette caserne à l’abandon&thinsp;? Et si elle n’avait  pas, avec ses petits bassinets, recueilli les fuites de ce lieu  abandonné&thinsp;? Et si elle n’avait pas décidé de rester dans ce lieu comme  dans une seconde maison&thinsp;? 
</div>

<div class="image-cmjn" style="width:60%;height: 260px; outline: none; margin-bottom: 20px; z-index:-10;">
    <img alt="" class="noir rose" src="../materials/extract/gruyere-224.gif" style="width: 120%;" />
    <img alt="" class="preview" src="../materials/extract-R/gruyere-224.gif" style="width: 120%;" />
</div>



<div class="if" style="width:60%; height: 70px;" >
<p>Et si  les poules avaient des dents, les traiterions-nous autrement&thinsp;?
</p>
</div>

<div class="page-break" style="height: 180px;"></div>

<div class="if" style="width:26%; clear:left; ">
<p>Et  si nous devenions les héros de notre super-vie&thinsp;?
</p>
</div>

<div class="texte" style="width:40%; ">
<p>
Et si le dictionnaire, avec lequel elle  recherchait le nom du lieu, en tombant sur le sol ne s’était pas ouvert à  la lettre B, sur la page répertoriant cette fleur sauvage, la  balsamine, où en serions-nous aujourd’hui&thinsp;?  </p>
</div>



<div class="if" style="width:34%; ">
<p>Et si en se sortant la  tête de l’eau, on parvenait à respirer&thinsp;? 
</p>
</div>
<div class="if" style="width:31%;margin-top:14px">
<p>Et si on arrêtait de se mettre sous pression&thinsp;? 
</p>
</div>



<div class="texte" style="width:50%;">
<p>Quelle  serait l’Histoire de ce temps qui n’existe pas&thinsp;? Une autre question  nous brûle les lèvres&thinsp;: et si le bras de Martine Wijckaert avait été  plus long, comme celui d’un des 4 fantastiques, combien d’autres portes  aurait-elle pu ouvrir sur son imaginarium&thinsp;? Tout ceci confine à  l’émerveillement. </p>
</div>
<div class="image-cmjn if" style="width:25%;height: 215px; outline: none; margin-top: 105px;margin-top: 7px; z-index: -10;">
	<img alt="" class="noir vert" src="../materials/extract/etoile.gif" style="width: 100%;" />
   	<img alt="" class="preview" src="../materials/extract-G/etoile.gif" style="width: 100%;" />
<p>Et si on passait à l’action, man and woman&thinsp;? 
</p>
</div>



<div class="texte" style="width:70%;">
<p>Martine  Wijckaert est aujourd’hui artiste associée, artiste indissociable de  notre présence en ses murs. Et si sa prochaine création <em>Trilogie de  l’enfer</em> était le spectacle incontournable&thinsp;? Alors pourquoi se priver  de cette réalité si belle&thinsp;?  Les créations susceptibles de changer le  regard ne sont finalement pas aussi nombreuses qu’on pourrait croire&thinsp;!  En soi, la Balsa est un non-lieu de non-temps où le public comme  l’artiste sont dépositaires du sens et du rythme de l’œuvre.  Et si  l’expérience esthétique était à portée de tous&thinsp;?</p>
</div>


<div class="texte" style="width:30%;">
<p>Enfin,  et pour finir avec toutes ces suppositions, imaginons seulement que  cette nouvelle saison théâtrale à effet papillon, ce grand spectacle de  variétés contem&shy;poraines,  soit le départ d’une aventure commune, où le  plaisir passe par la découverte de ces multivers artistiques. </p>
</div>

<div class="if" style="width:60%; clear:left; margin-top:-110px;">
<p>Et si au lieu de vouloir rencontrer  toujours le  troisième type, on commençait par le premier&thinsp;? 
</p>
</div>

<div class="" style="width:50%;">
<p>Il est temps de commencer la lecture de ce programme qui, nous l’espérons, vous uppercutera&thinsp;: </p>
</div>
<div class="" style="width:50%; clear:left;"> 
    <div class="image-cmjn" style="width:50%;height: 140px; outline: none; margin-top: 25px; margin-left: 30px; z-index: -10;">
        <img alt="" class="noir rose" src="../materials/extract/BAM.gif" style="width: 100%;" />
        <img alt="" class="preview" src="../materials/extract-R/BAM.gif" style="width: 100%;" />
        <p style="padding: 40px 1px; width:200px; "><em>Bam Boum Wizz Pimmmm</em></p> 
    </div>
    <div class="" style="width:100%; clear:left; margin-top: 30px;">
        <p>Fabien Dehasseler et Monica Gomes, <br />Directeurs artistiques</p>
    </div>
</div>

<div class="transition" style="height: 360px; outline: none; margin-top: -110px; margin-bottom: -60px; z-index: -110;">
    <img alt="" class="noir vert" src="../materials/extract/lignes.gif" style="width: 120%;" />
    <img alt="" class="preview" src="../materials/extract-G/lignes.gif" style="width: 120%;" />
</div>

</article>

<!--
-  O U V E R T U R E  -
-->

<article id="ouverture" style="padding-top: 100px; background: none;">
    <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
        <h1 style="text-align: center;">O u v e r t u r e</h1>
    </div>
    <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
        <h1 style="text-align: center;">d e</h1>
    </div>
        
    <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
        <h1 style="text-align: center;">s a i s o n</h1>
    </div>
    <div class="titre" style="width: 5%;   border-width: 2px; border-bottom-width: 4px; border-radius: 10px;margin-left:1px; ">
        <h2 style="text-align: center;">2 0 1 3 &ndash; 2 0 1 4</h2>
    </div>

    <div class="date" style="width: 50%; margin: 30px 10px;">
        <p>Le 19 septembre 2013</p>
    </div>
    <div class="image-cmjn" style="width: 35%; height: 230px; outline: none;
        position: relative; z-index: -10; margin-left: 70px;">
        <img alt="" class="noir rose" src="../materials/extract/allo.gif" style="width: 100%;" />
        <img alt="" class="preview" src="../materials/extract-R/allo.gif" style="width: 100%;" />
        <div style="padding: 72px 57px;position: relative;text-align: center;">
            <p>
                <span class="under">Dès 19h</span>
            </p>
            <p>Vernissage des photos de saison 2013&mdash;2014 de Hichem Dahes </p>
        </div>
    </div>
    <div class="image-cmjn" style="width: 65%; height: 450px; outline: none; position: relative; z-index: -10; margin-top: -90px; margin-left:-70px;">
        <div style="padding: 250px 63px; text-align: center;width: 71%;">
        <p>
            <span class="under" style="text-decoration: none;">
                What if all the artists would be there to
                inaugurate this new season&thinsp;?
            </span>
        </p>
        </div>
        <img alt="" class="noir vert turn-left" src="../materials/extract/DSC_6516.gif" style="width: 80%;margin-left: 50px;" />
        <img alt="" class="preview turn-left" src="../materials/extract-G/DSC_6516.gif" style="width: 80%;margin-left: 50px;" />
        <div style="padding: 250px 63px; text-align: center;width:
            71%;position: relative;top: -497px;">
        <p>
            <span class="under">À 20h30</span>
        </p>
        <p>
            Ouverture de saison en compagnie des artistes qui la&nbsp;feront&thinsp;! 
        </p>
        </div>
    </div>
            <img alt="" class="noir rose" src="../photos/layers-processed/meteor/meteor_Calque-7_t.png" style="position:absolute; left:563px; top: 4383px; width: 650px; z-index:100" />
            <img alt="" class="preview" src="../photos/layers-processed/meteor/meteor_Calque-7_t-R.png" style="position:absolute; left:563px; top: 4383px;  width: 650px; z-index:100" />

    <div class="transition" style="height: 400px; outline: none; margin-top: 110px;">
        <img alt="" class="noir vert" src="../materials/extract/hairs.gif" style="width: 100%;" />
        <img alt="" class="preview" src="../materials/extract-G/hairs.gif" style="width: 100%;" />
    </div>
</article>

<!--
-  F U S E E  -
-->

<article id="fusee" style="padding-top: 15px;">
    <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
        <h1 style="text-align: center;">F u s é e </h1>
    </div>
    <div class="titre" style="width: 5%;  border-width: 2px; border-bottom-width: 4px; border-radius: 10px;margin-left:1px; ">
        <h2 style="text-align: center;">g l ö ö r g h</h2>
     </div>
    <div class="titre" style="width: 5%;   border-width: 2px; border-bottom-width: 4px; border-radius: 10px;margin-left:1px; ">
        <h2 style="text-align: center;">o p e r a</h2>
    </div>
    <div class="type" style="width: 31%; height: 120px; margin-right: -15px;  ">
        <div class="type" style="width: 100%;  ">
            <h3>Création Théâtre</h3>
        </div>
        <div class="artiste" style="width: 100%;  ">
            <h4>Clinic Orgasm Society</h4>
        </div>
    </div>

    <div class="date" style="width: 49%; height: 60px; margin-top: 25px; ">
        <p>Du 25 septembre <br/> au 5 octobre 2013 <br/>à 20h30 
        </p>
        <div class="relax">Relâche dimanche, lundi, mardi
            <p>Amphithéâtre</p>
        </div>

        <div class="image-cmjn" style="width: 80px; height: 70px; outline: none; position: relative; z-index: -10; top: 25px; overflow: visible; margin-left: 209px; margin-top: -90px;">
            <img alt="" class="preview" src="../materials/extract-R/crachat.gif" style="width: 100%" />
            <img alt="" class="noir rose" src="../materials/extract/crachat.gif" style="width: 100%" />
        </div>
    </div>    


    <div class="image-cmjn vignette" style="width: 380px;  margin-left:5px; margin-bottom: 25px;">
        <img alt="" class="preview" src="../photos/retable_clinic_orgasm-nb-G.jpg" />
        <img alt="" class="noir vert" src="../photos/retable_clinic_orgasm-nb.jpg" />
    </div>


    <div class="if" style="width: 20%;  ">
        <p>
            Et si les extra&shy;terrestres n’étaient pas nos amis&thinsp;?
        </p>
    </div>


    <!--<div class="image-cmjn" style="width: 100%; height: 200px; outline: none; position: relative; z-index: -10;">-->
        <!--<img alt="" class="preview" src="../materials/extract-G/wouuuuhhhhh.gif" style="width: 140%;" />-->
        <!--<img alt="" class="noir" src="../materials/extract/wouuuuhhhhh.gif" style="width: 140%;" />-->
    <!--</div>-->

    <!--<div class="image-cmjn" style="width: 100%; height: 200px; ">-->
        <!--<img alt="" class="preview" src="../materials/extract-G/pingdansloreille.gif" style="margin-top: -387px; width: 150%; margin-left: -37px;" />-->
        <!--<img alt="" class="noir" src="../materials/extract/pingdansloreille.gif" style="margin-top: -387px; width: 150%; margin-left: -37px; " />-->
    <!--</div>-->

    <div class="if" style="width: 27%; clear: left;  ">
        <p>
            Ne serait-ce pas leur rendre la monnaie de leur pièce que de les torturer à leur tour&thinsp;? 
        </p>
    </div>

    <div class="texte" style="width: 32%; ">
        <p>Première tentative d’échange artistique entre humains et non-humains,  <em>Fusée</em>  est  conçu pour un public majoritairement  extraterrestre.</p>
    </div> 



    <div class="texte" style="width: 41%;  margin-bottom: 0px">
        <p>Déployant une inventivité perverse et musicale, explorant l’aspect relatif de  la   normalité et de l’obscénité, Fusée questionne en dernier ressort les limites de l’utilité et de la représentation.</p>
    </div> 


    <!--<div class="image-cmjn"  style="width: 20%; height: 120px;">-->
        <!--<img alt="" class="preview" src="../photos/layers/orgasm/orgasm_Calque 20.png"/>-->
        <!--<img alt="" class="noir" src="../photos/layers/orgasm/orgasm_Calque 20.png"/>-->
    <!--</div>-->



    <!--<div class="image-cmjn"  style="width: 30%; height: 290px;">-->
        <!--<img alt="" class="preview" src="../photos/layers/orgasm/orgasm_Calque 6.png"  style="width: 100%;"/>-->
        <!--<img alt="" class="noir" src="../photos/layers/orgasm/orgasm_Calque 6.png"  style="width: 100%;"/>-->
    <!--</div>-->


    <div class="fusee-numbers" style="width: 100%; text-align:center; margin auto; height:44px; ">
        <p style="text-align:center; float:none;">Les extraterrestres sont-ils nos amis?</p>
    </div>
    <div class="fusee-numbers" style="width: 34%;  text-align:center; margin auto; height:135px; ">
        <p style="text-align:center; float:none;">Oui, les extra&shy;terrestres sont nos amis<br />17%</p>
    </div>
    <div class="fusee-numbers" style="width: 33%; text-align:center; margin auto; height:135px;">
        <p style="text-align:center; float:none;">Non, les extra&shy;terrestres sont nos ennemis<br />4%</p> 
    </div>    
    <div class="fusee-numbers" style="width: 33%; text-align:center; margin auto; height:135px;">
        <p style="text-align:center; float:none;">Non, nous leurs sommes totalement indifférents<br />4%</p> 
    </div>    
    <div class="fusee-numbers" style="width: 51%; text-align:center; margin auto; height:113px;">
        <p style="text-align:center; float:none;">Non, ils ne savent même pas que nous existons<br />0%</p>
    </div>
    <div class="fusee-numbers" style="width: 49%; text-align:center; margin auto; height:113px;">
        <p style="text-align:center; float:none;">Non, pour eux, nous sommes des cobayes ou des sujets d'étude<br />31%</p>
    </div>
    <div class="fusee-numbers" style="width: 36%; text-align:center; margin auto; height:149px; ">
        <p style="text-align:center; float:none;">Les extraterrestres? Quels extraterrestres?<br />14%</p>
    </div>
    <div class="fusee-numbers" style="width:64%; text-align:center; margin auto; height:149px; margin-bottom: 65px">
        <p style="text-align:center; float:none;">Autre proposition<br />26%</p>
    </div>



<div class="page-break" style="height: 100px;"></div>

    <div style="width: 40%; height: 188px; clear:left;">
        <div class="blockquote">
            <blockquote>
                Ludovic Barth&thinsp;:<br/>
                «&thinsp;Quoi de plus beau et de plus troublant que de torturer en direct un  Glöörgh,
                fleur mutante extra-terrestre aussi mystérieuse que redoutable&thinsp;?&thinsp;»
            </blockquote>
        </div>
    </div>


        

    <div class="texte" style="width: 55%;">
        <p>Après les succès de <em>J’ai gravé le nom de ma grenouille dans ton foie</em> et de <em>DTC (on&nbsp;est bien)</em>, la jeune compagnie Clinic Orgasm Society s’est lancée dans un triptyque&thinsp;: <em>Pré-Blé-Fusée</em>,  3 spectacles indépendants et déjantés qui déplacent les limites de la  normalité et qui se jouent de nos répulsions-fascinations.</p>

        <p>Aussi, après <em>Pré</em> au Varia, <em>Blé</em> au Manège.Mons , voici <em>Fusée</em> à la Balsa, vers l’insoutenable et au-delà&thinsp;!</p>
    </div>

    <div class="bible" style="width: 35%; ">
        <dl>
            <dt>Conception</dt>
            <dd>Ludovic Barth et Claire Deville</dd>
            <dt>Mise en Scène</dt>
            <dd>Ludovic Barth</dd>
            <dt>Collaboration artistique</dt>
            <dd>Mathylde Demarez</dd>
            <dt>Musique</dt>
            <dd>Rodolphe Coster</dd>
            <dt>Lumière</dt>
            <dd>Marc Lhommel</dd>
            <dt>Son</dt>
            <dd>Benjamin Dandoy</dd>
            <dt>Interprétation</dt>
            <dd>Rodolphe Coster, Gregory Duret, Eno Krojanker, Anne-Fleur Inizan
        </dl>
    </div>
    <div class="if" style="width:21%;">
        <p>
            Et si nous tentions ensemble cette expérience&thinsp;?
        </p>
    </div>
            
    <div class="production" style="width: 38%;">
        <p>Une  production de la Clinic Orgasm Society en coproduction avec la  Balsamine, le  Théâtre Varia, le manège.mons/Centres Dramatiques de la  Fédération Wallonie-Bruxelles, le PBA + Eden (Charleroi), Le Grand Bleu  – ENPDA Lille Nord/Pas-de-Calais. Avec le soutien du Centre des Arts  Scéniques (CAS) et de la SACD. Avec l’aide du Conseil de l’aide aux  projets théâtraux (CAPT).</p>
    </div>


    <div class="texte" style="width: 36%; clear: left;">
        <p><span class="lettrine under">Pass Balsa/Varia </span> <p>prix plein&thinsp;: 30€ </p><p style="margin-bottom: 7px;">prix réduit&thinsp;: 18€</p >
        <p style="margin-bottom: 7px;"><span class="lettrine under">Fusée</span>   Du 25 septembre au 5 octobre à 20h30 à la Balsamine</p>
        <p style="margin-bottom: 7px;"><span class="lettrine under">Pré</span>  Les 21 et  22 février, et du 27 février au 1<sup>er</sup> mars à 20h au  Petit Varia</p>
        <p><span class="lettrine under">Blé</span> Du 11 au 14 mars à 20h30, le 15 mars à 19h30  au Grand Varia </p>
    </div>

    <div class="out" style="width: 50%;">
        <p><em>Fusée</em> sera ensuite jouée au Grand Bleu à Lille les 8, 9 et 10 octobre.</p>
        <p>
            <em>Pré</em> et <em>Blé</em>, les deux premiers opus de la trilogie, seront eux à nouveau visibles au Théâtre Varia en février et mars 2014. Mais l’ordre de présentation a peu d’importance. Chaque spectacle est une pièce détachée, une proposition scénique autonome et déviante… Chacun peut être vu séparément des autres, mais vous pouvez aussi opter pour la formule des trois réunis&thinsp;: «&thinsp;Fusée-Pré-Blé&thinsp;», en partenariat avec le Théâtre Varia. 
        </p>
    </div>

    <div class="if" style="width: 50%;  ">
        <p>
            Et si tout cela était de l’ordre du préventif&thinsp;?  
        </p>
    </div>


    <!--<div class="image-cmjn" style="width: 164%; height: 187px; margin-top: -72px; margin-left:-50px;">-->
        <!--<img alt="" class="preview" src="../photos/layers-gris/meteor/meteor_Calque2re.png" style="height:200px" />-->
        <!--<img alt="" class="noir" src="../photos/layers-gris/meteor/meteor_Calque2re.png" style="height:200px" />-->
    <!--</div>-->

    <div class="transition" style="height: 350px; outline: none; margin-top: 130px; margin-bottom: 15px;">
        <img alt="" class="preview" src="../materials/extract-G/geometrie-240.gif" style="margin-top: -1060px; margin-left: -438px; width: 196%;" />
        <img alt="" class="noir vert" src="../materials/extract/geometrie-240.gif" style="margin-top: -1060px; margin-left: -438px; width: 196%;" />
    </div>

</article>

<!--
-  L E S  M O U T O N S  -
-->
<article id="les-moutons">

    <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
        <h1 style="text-align: center;">L e s</h1>
    </div>
    <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
        <h1 style="text-align: center;">M o u t o n s</h1>
    </div>
    <div class="type" style="width:30%;">
        <div class="type" style="width:100%;">
            <h3>Re-création Théâtre ­­­­­­­­­­</h3>
        </div>
        <div class="artiste" style="width:100%;">
            <h4>Schieve Compagnie­</h4>
        </div>
    </div>


    <div class="date" style="width:35%; margin-top: 190px;">
        <div style="width: 15%;text-align:center;margin-top: -94px;padding-left: 70px;position: absolute;">
       
            Du 15 au 26<br />octobre<br />2013 à 20h30 <br /> Foyer
        </div>
        <div class="relax" style="margin-left:256px;">
            Relâche dimanche, lundi
        </div>
    </div>

    <div class="transition turn-right" style="width:56%;height: 763px; outline: none; position:relative; left:322px; top: -520px; z-index:-5;">
        <img alt="" class="noir rose" src="../materials/extract/mouton.gif" style="width: 100%;" />
        <img alt="" class="preview" src="../materials/extract-R/mouton.gif" style="width: 100%;" />
    </div>
        
    <div class="full" style="width: 80%; overflow:visible; margin-bottom: -70px; margin-top:-740px; margin-left:-75px; height: 1154px;">
        <img alt="" class="preview" src="../photos/reprises/les_moutons-R.jpg" style="width: 150%; z-index:-30" />
        <img alt="" class="noir rose" src="../photos/reprises/les_moutons.jpg" style="width: 150%; z-index:-30" />

    </div>
        

    <div class="texte" style="width:70%; clear:left; ">
        <p>
            Et  voilou, les revoilà, toujours plus animales, toujours aussi  attachantes, Corinne et Corinne, nos moutonnes noire et blanche  reprennent du service et s’installent dans le foyer de la Balsamine. Cette fois, c’est décidé, elles veulent  jouir, vivre, penser  et, même  si leurs utopies et leurs goûts musicaux (ah oui, elles chantent des tubes&thinsp;!) semblent avoir pris quelques décennies de retard, elles ne se  perdent pas dans des identités virtuelles désincarnées compensant la  morosité de leurs existences.
        </p>
    </div>
    <div class="if" style="width:10%;">
        <p>Et si on revenait à nos moutons?
        </p>
    </div>

    <div class="if" style="width:31%;">
        <p>
            Et si les moutons chantaient, chanteraient-ils du Michel Berger&thinsp;?
        </p>
    </div>

    <div class="texte" style="width:45%;">
        <p>
            En gros, riches de leur expérience et pour  leur retour exceptionnel, elles prennent des risques, des gros risques&thinsp;!
        </p>
    </div>





    <div class="production" style="width:19%;">
        <p>
            Une  production de la Schieve Compagnie en coproduction avec la Balsamine,  avec l’aide de la Fédération Wallonie-Bruxelles Service du Théâtre.
        </p>
    </div>


    <div class="bible" style="width:50%;  clear:left;  ">
        <dl>
            <dt>Concept, écriture</dt>
            <dd>Élena Perez et Lise Wittamer</dd>
            <dt>Avec</dt>
            <dd>Élena Perez, Renaud Garnier-Fourniguet, Lise Wittamer</dd>
            <dt>Scénographie</dt>
            <dd>Mathieu Chevallier</dd>
            <dt>Conseiller artistique</dt>
            <dd>Olivier Boudon</dd>
            <dt>Diffusion</dt>
            <dd>Cora-line Lefèvre, Julien Sigard (Habemus Papam)</dd>
        </dl>
    </div>


    <div class="if" style="width:35%;">
        <p>Et si les moutons parlaient, que diraient-ils&thinsp;? 
        </p>
    </div>

    <div class="blockquote" style="width:60%;">
        <blockquote>
            Corinne  a dit&thinsp;: 
        </blockquote>
        <blockquote>
            «&thinsp;Tu sais quoi  Corinne&thinsp;? L'intelligence commence par la verticalité. Le mouton se  redresse et en se redressant il voit le monde et ses concitoyens. Le  cerveau se repositionne. L'imagination est enfin parmi nous&thinsp;!&thinsp;»
        </blockquote>
    </div>

    <div class="transition" style="height: 500px; outline: none; margin-top: -250px; margin-bottom: 72px; z-index:-5;">
        <img alt="" class="noir vert" src="../materials/extract/aspiration.gif" style="width: 100%;" />
        <img alt="" class="preview" src="../materials/extract-G/aspiration.gif" style="width: 100%;" />
    </div>

</article>

<!--
-  J ' A I    E N D U R É    V O S    D I S C O U R S  -
-->
<article id="jai-endure-vos-discours-et-jai-loreille-en-feu">

    <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
        <h1>«</h1>
    </div>
    <div style="width: 10%;">
        <div class="titre" style="width:100%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
            <h1>J' a i  </h1>
        </div>
        <div class="titre" style="width:100%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
            <h1>  e n d u r é</h1>
        </div>
    </div>
    <div style="width: 10%;">
        <div class="titre" style="width: 100%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
            <h1>  v o s </h1>
        </div>
        <div class="titre" style="width: 100%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
            <h1>  d i s c o u r s</h1>
        </div>
    </div>
    <div style="width: 10%;">
        <div class="titre" style="width: 100%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
            <h1>e t</h1>
         </div>
        <div class="titre" style="width: 100%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;position:relative;">
            <h1>j' a i</h1>
         </div>
    </div>
    <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
        <h1>l' o r e i l l e</h1>
     </div>
    <div style="width: 10%;">
        <div class="titre" style="width: 100%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
            <h1>e n</h1>
         </div>
        <div class="titre" style="width: 100%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
            <h1>f e u </h1>
         </div>
    </div>
    <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
        <h1>»</h1>
     </div>

    <div class="type" style="width:30%;">
        <div class="type" style="width: 100%;">
            <h3>Création Théâtre</h3>
        </div>

        <div class="artiste" style="width: 100%;">
            <h4>Anne Thuot</h4>
        </div>
    </div>

    <div class="date" style="width: 20%;">
        <p style="    position: relative; top: 50px;left: 50px;">
            Du 6 <br />au 16 novembre 2013<br /> à 20h30</p>
            <div class="relax" style="text-align:center;position: relative;top: 55px;left: 60px;">
                Relâche <br />dimanche,<br /> lundi, mardi
            </div>
        <p style="    left: 50px;    position: relative;    top: 57px;">
            Amphithéâtre
        </p>
        <div class="image-cmjn demi-tour" style="width: 160%; height: 200px; outline: none; position: relative; z-index: -10;      top: -160px;height: 330px;">
            <img alt="" class="preview" src="../materials/extract-G/attendez.gif" style="width: 100%;margin-top: -285px;" />
            <img alt="" class="noir vert" src="../materials/extract/attendez.gif" style="width: 100%;margin-top: -285px;" />
        </div>
    </div>


    <div class="image-cmjn vignette" style="width: 495px; margin-bottom: 10px;margin-top: -200px;margin-left: 210px;">
        <img alt="" class="preview" src="../photos/retable_anne-nb-G.jpg" />
        <img alt="" class="noir vert" src="../photos/retable_anne-nb.jpg" />
    </div>

    <div class="image-cmjn"  style="width: 20%; height: 120px; clear: left; margin-top: -40px;">
        <img alt="" class="preview" src="../photos/layers/annedroite/anne_Calque8-R.png" style=""/>
        <img alt="" class="noir rose" src="../photos/layers/annedroite/anne_Calque8.png" style=""/>
    </div>



    <div class="if" style="width: 40%;">
        <p>
            Et si on  dansait avec la mort&thinsp;? 
        </p>
    </div>




<div class="page-break" style="height: 250px; margin-bottom: 100px;"></div>

    <div class="texte" style="width: 50%;">
        <p>
            <em>La Tragédie de la vengeance</em>*, pièce écrite et jouée pour la première fois en 1606, a longtemps été attribuée à Cyril Tourneur mais la critique pense dorénavant que Thomas Middleton en serait l’auteur.
        </p>
    </div>

    <div class="image-cmjn" style="width: 20%; height:165px;outline:none;">
        <img alt="" class="preview" src="../materials/extract-G/grosse-trame-155.gif" style="width: 400%;margin-top: -325px;margin-left: -97px;" />
        <img alt="" class="noir vert" src="../materials/extract/grosse-trame-155.gif" style="width: 400%;margin-top: -325px;margin-left: -97px;" />
    </div>


    <div class="if" style="width: 30%;">
        <p>
            Et si tu t’appelais  Mélancolie&thinsp;? (encore Joe Dassin, et si c’était un signe&thinsp;?) 
        </p>
    </div>

    <div class="if" style="width: 22%; height: 68px; clear: left;">
        <p>
            Et si la vengeance était un plat qui se réchauffait&thinsp;? 
        </p>
    </div>

    <div class="texte" style="width: 44%;">
        <p>
            <em>«&thinsp;J’ai enduré vos discours et j’ai l’oreille en feu&thinsp;»</em> est une   réécriture libre sur ce texte original. Mélancolie, mort, sexe, inceste   et meurtre en sont les grands thèmes tragiques, un nœud d’intrigues qui  naissent et se décomposent en un fabuleux kaléidoscope. 
        </p>
    </div>

    <div class="numbers" style="width: 32%;">
        <p>
            * Elle est constituée de 5&nbsp;actes, 21 scènes&thinsp;:
        </p>
        <ul style="width: 325px;">
            <li>4 scènes au I<sup>er</sup> acte</li>
            <li>4 scènes au II<sup>e</sup> acte</li>
            <li>6 scènes au III<sup>e</sup> acte</li>
            <li>4 scènes au IV<sup>e</sup> acte</li>
            <li>3 scènes au V<sup>e</sup> acte</li>
        </ul>
    </div>


    <div class="image-cmjn" style="width: 65%; height: 390px;">
        <img alt="" class="preview" src="../photos/couches-test/extrait_anne_n-R.gif" style="width: 100%;"/>
        <img alt="" class="noir rose" src="../photos/couches-test/extrait_anne_n.gif" style="width: 100%;"/>
    </div>


    <div class="numbers" style="width: 30%;">
        <p>
            La pièce compte 12 personnages principaux, 7&nbsp;lieux d’action différents.
        </p>
    </div>

    <div class="numbers" style="width: 30%;">
        <p>
            Elle se décompose en&thinsp;: 
        </p>
        <ul style="width: 450px;">
            <li>657 vers au I<sup>er</sup> acte</li>
            <li>624 vers au II<sup>e</sup> acte</li>
            <li>518 vers au III<sup>e</sup> acte</li>
            <li>551 vers au IV<sup>e</sup> acte</li>
            <li>396 vers au V<sup>e</sup> acte</li>
        </ul>
        <p>
            Pour un total de 2746 vers.
        </p>
    </div>



    <div class="image-cmjn" style="width: 100%; height:110px;outline:none;">
        <img alt="" class="preview" src="../materials/extract-G/nuagessales.gif" style="width: 100%" />
        <img alt="" class="noir vert" src="../materials/extract/nuagessales.gif" style="width: 100%" />
    </div>


    <div class="if" style="width: 100%; text-align:center; margin auto;">
         <p style="text-align:center; margin: auto; float:none; width:50%;">
            What if there was no google&thinsp;?
        </p>
    </div>

<div class="page-break" style="height: 180px; margin-bottom : 100px;"></div>

    <div class="blockquote" style="width: 40%;">
    <blockquote style="width: 340px;">
    Anne  Thuot&thinsp;: «&thinsp;Cette complexité de nos grandes passions humaines, celles   d’hier et d’aujourd’hui, est un luxe&thinsp;: celui de notre liberté.&thinsp;»
    </blockquote>
        </div>

    <div class="image-cmjn"  style="width: 30%; height: 200px;">
        <img alt="" class="preview" src="../photos/layers/annedroite/anne__MG_5248.CR2.png" style="margin-left: -250px; margin-top: -50px;"/>
        <img alt="" class="noir rose" src="../photos/layers/annedroite/anne__MG_5248.CR2.png" style="margin-left: -250px; margin-top: -50px;"/>
    </div>

    <div class="if" style="width: 21%;">
        <p>
            Et si Vendice se foutait de la gueule de Hamlet&thinsp;?  
        </p>
    </div>

    <div class="image-cmjn" style="width: 30%; height: 200px; clear: left; display: none">
        <img alt="" class="preview" src="../photos/layers/annedroite/anne_Calque 14.png"/>
        <img alt="" class="noir rose" src="../photos/layers/annedroite/anne_Calque 14.png"/>
    </div>


    <div class="production" style="width: 62%; margin-bottom: 15px;">
        <p>
        Une   coproduction du Théâtre de l’Ancre et de la Balsamine. Avec l’aide de   la Fédération Wallonie-Bruxelles, service Théâtre et le soutien de WBTD   (aide à la diffusion). En partenariat avec le Centre des Arts  Scéniques.  Anne Thuot est artiste en Compagnie au Théâtre de l’Ancre.
        </p>
    </div>


    <div class="bible" style="width: 39%; ">
        <dl>
            <dt>Mise en scène</dt>
            <dd>Anne Thuot</dd>
            <dt>Texte</dt>
            <dd>Caroline Lamarche</dd>
            <dt>Avec</dt>
            <dd>Marie Bos, Alice Hubball, Francesco Italiano, Natacha Nicora, Hervé Piron</dd>
            <dt>Création lumière</dt>
            <dd>Raphaël Noël</dd>
        </dl>
    </div>

    <div class="blockquote" style="width: 28%;">
        <blockquote>
            Un personnage dit&thinsp;:<br />«&thinsp;Et à la fin, tout le monde meurt, c’est comme dans la&nbsp;vie.&thinsp;»
        </blockquote>
    </div>


    <div class="transition" style="height: 500px; outline: none; margin-top: 330px; margin-bottom: -32px;">
        <img alt="" class="preview" src="../materials/extract-G/gruyere-224.gif" style="width: 130%;" />
        <img alt="" class="noir vert" src="../materials/extract/gruyere-224.gif" style="width: 130%;" />
    </div>

</article>

<!--
*-  S T A G E    C I F A S  -
-->
<article id="stage-cifas" style="padding-top: 50px;">
        
        <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
                <h1>S t a g e </h1>
        </div>
        <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
                <h1>C I F A S</h1>
        </div>
        
        <div class="artiste" style="width:50%;">
                <h4>Oliver Frljic</h4>
        </div>
        
        <div class="date" style="width:45%; margin: 15px 0;">
                <p>
                        Du 19 au 25 novembre 2013 <br /> Amphithéâtre
                </p>
        </div>
        
    <div class="texte" style="width:50%;">
        <p>
            «&thinsp;Malgré  la présence extrême de la politique dans le monde aujourd’hui, nous  vivons paradoxalement dans des sociétés très dépolitisées. Il est de  plus en plus difficile de réfléchir au-delà des concepts politiques  connus et de sortir des rôles sociaux prédéterminés. Dans cette  situation, l'art doit réinventer une façon de politiser l'espace public  qu'il représente.
        </p>
    </div>
    <div class="image-cmjn" style="width: 30%; height: 274px;">
        <img alt="" class="preview" src="../materials/extract-G/grille.gif" style="height: 115%" />
        <img alt="" class="noir vert" src="../materials/extract/grille.gif" style="height: 115%" />
    </div>


    <div class="texte" style="width:45%; height: 304px;">
                <p>
                                Le  Cifas, structure de formation pour artistes professionnels invite  Oliver Frljic, jeune metteur en scène croate controversé qui n’hésite  pas à toucher aux sujets qui fâchent. Représentant du renouveau de la  scène théâtrale post-yougoslave, il oscille entre scènes alternatives et  institutions officielles, réalisations classiques et performances.
                </p>
        </div>
        <div class="texte" style="width:35%;">
                        <p>
                                Olivier  Frljic vient mener un atelier pour une dizaine d'artistes à la  Balsamine. Il y présentera sa méthodologie et les stratégies qu'il met  en place pour réintroduire la notion du politique au théâtre, des points  de vue du contenu et de la représentation.&thinsp;»
                        </p>
        </div>
        
    <div class="production" style="width:80%;">
        <p>Ce stage s’adresse aux artistes professionnels mais nous prévoyons  un moment d’ouverture au public. Plus de précisions suivront sur www.balsamine.be.</p>
    </div>
        
                <div class="transition" style="height: 470px; outline: none; margin-top: 10px;">
                        <img alt="" class="noir vert" src="../materials/extract/grand-canyon-à--ciel-courbé.gif" style="width: 100%;" />
                        <img alt="" class="preview" src="../materials/extract-G/grand-canyon-à--ciel-courbé.gif" style="width:100%;" />
                </div>
        
</article>

<!--
*-  G A R A G E   2 9  -
-->

<article id="garage-29" style="padding-top: 0px;">
    <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
        <h1>C a r t e </h1>
    </div>
    <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
        <h1>B l a n c h e </h1>
    </div>

     <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
                <h1>G a r a g e </h1>
        </div>
        <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
                <h1>2 9</h1>
        </div>
        
        <div class="type" style="width:30%;">
                <h3>Danses Performances / Installation / Atelier / Spectacle / Dîner-Concert</h3>
        </div>

        <div class="artiste" style="width:30%;">
                <h4>Compagnie Tupperware</h4>
        </div>
        
        <div class="date" style="width: 60%;margin-top: 15px;">
                <p>Les 29 et 30 novembre 2013</p>
        </div>
        
        <div class="if" style="width:45%; margin-left: 10px;margin-top: 30px;margin-bottom: 10px;">
                <p>
                        Et si la Balsa invitait le collectif Garage 29 à créer une carte blanche tout en noirceur&thinsp;?
                </p>
        </div>

        
        
        
        <div class="image-cmjn" style="width:64%;height: 215px; outline: none; margin-left: 15px; z-index: -10;">
            <img alt="" class="noir vert" src="../materials/extract/floor.gif" style="width: 110%;" />
            <img alt="" class="preview" src="../materials/extract-G/floor.gif" style="width: 110%;" />
        </div>

        <div class="if" style="width: 50%; margin-bottom: 10px; margin-left: 10px;">
                <p>
                        Et si nos sacs poubelles étaient précieux&thinsp;?  
                </p>
        </div>
        
        
        <div class="texte" style="width:60%;">
                <p>
                        Une  carte blanche festive pour découvrir un collectif d’artistes résidant à  Schaerbeek qui ouvre et partage son lieu à l’expérimentation. Cirque,  danse, musique sont leurs matières de prédilection.  Souvent, ils  questionnent l’espace public et souvent ils obtiennent des réponses.  Venez découvrir ces mécaniciens du corps à corps, ces personnalités  artistiques fougueuses et généreuses, folles selon leur dire mais  engagées dans leur art selon le nôtre.  Deux jours d’investigation dans  et autour de la Balsa où concert, repas, petits pas et tralalas sont au  programme.
                </p>
        </div>
        
        <div class="date" style="width:30%;">
                <p class="date">Le 29 novembre <br />à 20h30</p>
        </div>
        
        <div class="type" style="width:30%;">
                <h3>Danse/performances</h3>
        </div>
        
        
        <div class="texte" style="width:25%;">
                <p>
                        3 performances successives dans 3 espaces différents de la Balsamine
                </p>
        </div>

        <div class="image-cmjn" style="width: 40%; height: 100px;">
            <img alt="" class="preview" src="../materials/extract-G/cinema.gif" style="width: 141%; margin-left: -54px; margin-top: -28px;" />
            <img alt="" class="noir vert" src="../materials/extract/cinema.gif" style="width: 141%; margin-left: -54px; margin-top: -28px;" />
        </div>
        

        <div class="page-break" style="height: 70px; margin-bottom: 160px;"></div>
        
        <div style="width: 26%; clear: left;">
            <div class="date" style="width: 100%;margin-top: 15px;">
                    <p class="date">Le 30 novembre</p>
            </div>
            <div class="if" style="width:100%; margin:15px 0;">
                <p>
                    Et si les voies de garage n’étaient pas sans issue&thinsp;? 
                </p>
            </div>
            <div class="image-cmjn" style="width: 100%; height: 154px;">
                <img alt="" class="preview" src="../materials/extract-G/noise1.gif" style="width: 141%; margin-left: -54px; margin-top: -17px;" />
                <img alt="" class="noir vert" src="../materials/extract/noise1.gif" style="width: 141%; margin-left: -54px; margin-top: -17px;" />
            </div>
        </div>
        
        <div class="texte" style="width:29%;">
                <p>
                        <span class="under">14h</span>  2 ateliers (1&nbsp;pour enfants à partir de 6 ans  et 1 pour adultes) à  partir de la matière plastique et autour de thèmes tels que l’obscurité  et le monstrueux.
                </p>
        </div>
        
        <div class="texte" style="width: 45%;height: 236px;">
                <p>
                        <span class="under">16h</span> <em>«&thinsp;Monsters&thinsp;»</em> Spectacle de danse pour jeune public à partir de 5 ans, dans l'amphithéâtre.
                </p>

                <p>
                        <em>«&thinsp;Monsters»</em> est  un acte d'amour envers les restes poétiques de nos vies logiques et  pragmatiques, une intention de révéler la beauté dans les détails.
                </p>
        </div>
        
        <div class="texte" style="width:74%;">
                <p>
                        <span class="under">19h</span> The Black Dinner and the sweet dark concert&thinsp;:&nbsp;un dîner entièrement noir et concert avec «&thinsp;invités surprises&thinsp;».
                </p>
        </div>
   
   
        <div class="bible" style="width:50%; margin-top:0px; margin-bottom:-30px;">
                <dl class="bible">
                        <dt>Avec</dt>
                        <dd>Sabina Scarlat, Laida Arietta Aldaz, Tiziano Lavoratornovi, Jorge Jauregui Allue, Nicanor de Elia</dd>
                                <dt>Costumes et régie</dt>
                                <dd>Sari Brunel, Sylvain Formatche</dd>
                        <dt>Coordination</dt>
                        <dd>Nicanor de Elia</dd>
                                <dt>Vidéo</dt>
                                <dd>Guillaume Bautista</dd>
                        <dt>Diffusion-Communication</dt>
                        <dd>Flavia Ceglie</dd>
                </dl>
        </div>
           <div class="production" style="width:50%; ">
                <p>
                        Une production du GARAGE29 et de la Compagnie Tupperware, en coproduction avec la&nbsp;Balsamine.
                </p>
        </div>
        
                
                <div class="transition" style="height: 470px; outline: none; margin-top: 380px;">
                        <img alt="" class="noir vert" src="../materials/extract/hallucinogene-338.gif" style="margin-top: -380px; width: 100%;" />
  			<img alt="" class="preview" src="../materials/extract-G/hallucinogene-338.gif" style="margin-top: -380px; width: 100%;" />
                </div>
        
</article>

<!--
-  N O E L    A U    T H E A T R E  -
-->
<article id="noel-au-theatre" style="padding-top: 30px;">

     <div style="width: 10%;">
         <div class="titre" style="width: 100%;  border-width: 3px; border-bottom-width: 7px; border-radius: 15px; ">
            <h1>L e</h1>
        </div>
         <div class="titre" style="width: 100%;  border-width: 3px; border-bottom-width: 7px; border-radius: 15px; ">
            <h1>C o u r r i e r</h1>
        </div>
    </div>

    <div style="width: 10%;">
         <div class="titre" style="width: 100%;  border-width: 3px; border-bottom-width: 7px; border-radius: 15px;margin-left: -6px; ">
            <h1>d e s</h1>
        </div>
         <div class="titre" style="width: 100%;  border-width: 3px; border-bottom-width: 7px; border-radius: 15px;margin-left: -6px; ">
            <h1>e n f a n t s</h1>
        </div>
    </div>

    <div class="titre" style="width: 5%; border-width: 2px ; border-bottom-width: 4px; border-radius: 10px;">
        <h2>N o ë l </h2>
    </div>
    
    <div class="titre" style="width: 5%; border-width: 2px ; border-bottom-width: 4px; border-radius: 10px;">
            <h2>a u </h2>
    </div>
    
    <div class="titre" style="width: 5%; border-width: 2px ; border-bottom-width: 4px; border-radius: 10px;">
            <h2>T h é â t r e</h2>
    </div>
   
        <div class="out" style="width:20%; margin-top: 650px; margin-bottom: -650px; margin-left: -239px;">
        <p>
            Cette  création aura lieu dans le cadre du Festival Noël au théâtre en  collaboration avec le CTEJ.
        </p>
    </div>

    
    <div class="type" style="width:30%; height: 150px;">
        <div class="type" style="width:100%;">
            <h3>Création théâtre +&nbsp;Ateliers</h3>
        </div>
        
        <div class="artiste" style="width:100%;">
            <h4>Théâtre du&nbsp;Tilleul</h4>
        </div>
    </div>
    <div class="date" style="width:20%; height: 120px; margin-top: 25px;margin-left:430px;position:absolute;">
            <p>Du 27 <br />au 29 décembre 2013<br /> Studio et Foyer</p>
            <span style="font-family: Ume P Gothic Balsa; text-transform: none; font-size: 10pt;">Les heures de représentations très bientôt sur www.balsamine.be</span>
    </div>

   <div class="production" style="">
    </div>
    

        
    <div class="texte" style="width:50%;">
        <p>
            Et  si on prenait tout au pied de la lettre, en combinant la reprise d’un  classique&thinsp;: Le Bureau des Histoires (voir plus loin), avec une création  en cours&thinsp;: Le Courrier des enfants. 
        </p>
    </div>

    <div class="texte" style="width:30%; height: 150px;">
        <p>
            Ces deux spectacles sont intimement liés dans leur relation à l’enfant, à l’enfance.  
        </p>
    </div>

    <div class="image-cmjn" style="width: 23%; height: 230px;z-index:-10;">
        <img alt="" class="preview turn-right" src="../materials/extract-G/lignes.gif" style="width: 303%;margin-left: -130px;margin-top: 80px;"/>
        <img alt="" class="noir vert turn-right" src="../materials/extract/lignes.gif" style="width: 303%;margin-left: -130px;margin-top: 80px;"/>

    </div>
        
    

    <div class="texte" style="width:57%;">
        <p>
            Face  à la densité de la correspondance envoyée par les enfants aux artistes  du Bureau des Histoires, le Théâtre du Tilleul a d’abord archivé  l’entièreté des courriers reçus. Aujourd’hui, ces multiples échanges  épistolaires s’imposent et demandent à se faire entendre et connaître.  Des lettres pour rêver, des lettres pour convoquer le théâtre,  des   lettres à partager sans compter.
        </p>
    </div>

    <div class="texte" style="width:30%;">
        <p>
            Et bien sûr, comme à son habitude, le Théâtre du Tilleul prépare des ateliers à faire déborder votre imagination!  Plus d’infos ultérieurement sur www.balsamine.be
        </p>
    </div>
    
        
        
    <div class="bible" style="width:50%;">
        <dl>
            <dt>Conception du spectacle et écriture</dt>
            <dd>Carine Ermans et Sylvain Geoffray</dd>
                <dt>Mise en scène</dt>
                <dd>Sabine Durand</dd>
            <dt>Musique</dt>
            <dd>Alain Gilbert</dd>
                <dt>Scénographie/Lumière</dt>
                <dd>Mark Elst, Benjamin van Thiel</dd>
            <dt>Images animées</dt>
            <dd>Patrick Theunen et l’Atelier Graphoui (atelier de production de films d’animation)</dd>
                <dt>Costumes</dt>
                <dd>Silvia Hasenclever</dd>
            <dt>Conseil dramaturgique</dt>
            <dd>Louis-Dominique Lavigne</dd>
            <dt>Scénographie/Lumière</dt>
            <dd>Mark Elst, Benjamin van Thiel</dd>
            <dt>Costumes</dt>
            <dd>Silvia Hasenclever</dd>
            <dt>Avec</dt>
            <dd>Carine Ermans, Sylvain Geoffray, Benjamin van Thiel, Alain Gilbert</dd>
        </dl>
    </div>
    
    <div class="production" style="width:100%;"> 
        <p> 
            Une production du Théâtre
            du Tilleul, en coproduction avec la Balsamine.  Avec le
            soutien de la Fédération Wallonie-Bruxelles, Service du Théâtre et
            l’aide de La Roseraie, du Foyer culturel de Saint-Ghislain, du PJP&ndash;Pôle Jeune Public Le Revest-les-Eaux (France).  
        </p> 
    </div>

    
    <div class="transition" style="height: 300px; outline: none; margin-top: 0px;">
        <img alt="" class="noir vert" src="../materials/extract/blow1.gif" style="width: 100%;" />
        <img alt="" class="preview" src='../materials/extract-G/blow1.gif' style="width: 100%;">
    </div>
        
</article>

<!--
-  L E   B U R E A U   D E S   H I S T O I R E S  -
-->
<article id="le-bureau-des-histoires" style="padding-top: 50px;">
    <div class="titre" style="width: 10%; border-width: 3px ;border-bottom-width: 7px; border-radius: 15px;">
        <h1>L e</h1>
    </div>
    <div class="titre" style="width: 10%; border-width: 3px; border-bottom-width: 7px; border-radius: 15px;">
            <h1>B u r e a u</h1>
    </div>
    <div class="titre" style="width: 10%; border-width: 3px; border-bottom-width: 7px; border-radius: 15px;">
        <h1>d e s</h1>
    </div>
    <div class="titre" style="width: 10%; border-width: 3px; border-bottom-width: 7px; border-radius: 15px;">
        <h1>H i s t o i r e s</h1>
    </div>
    
    <div class="type" style="width:30%; margin-right: 10%;">
        <div class="type" style="width:100%;">
            <h3>Reprise Théâtre Jeune public</h3>
        </div>
        
        <div class="artiste" style="width:100%;">
            <h4>Théâtre du&nbsp;Tilleul</h4>
        </div>
    </div>


    <div class="image-cmjn date" style="width: 40%; height: 290px; outline: none;  z-index: -10;  overflow: visible; margin-top:-40px;z-index:-101;">
        <img alt="" class="preview" src="../materials/extract-G/bang-miroir.gif" style="width: 170%" />
        <img alt="" class="noir vert" src="../materials/extract/bang-miroir.gif" style="width: 170%" />

        <p style="padding: 110px 140px;    width: 70%;    text-align: center;">
            Les 4 et 5 janvier 2014 <br/>
            Studio<br />
            <span style="font-family: Ume P Gothic Balsa; font-size: 10pt; text-transform: none;">Les heures de représentations très bientôt sur www.balsamine.be</span>
        </p>
    </div>

     <div class="if" style="width:20%;margin-left: 240px;margin-top: 20px;">
        <p>Et si on se repassait un classique? 
        </p>
    </div>
    
     <div class="full" style="width: 81%; margin-top: -180px;  z-index: -50; height: 480px;margin-left: 210px;margin-bottom: -340px;">
        <img alt="" class="vert noir" src="materials/bureau-histoires/BH13_110325.jpg" style="width: 100%" />
         <img alt="" class="preview" src="materials/bureau-histoires/BH13_110325-G.jpg" style="width: 100%" />

    </div> 
  
    <div class="if" style="width:28%; clear: left;">
        <p>Et si on se racontait des histoires jusqu’au bout de la nuit&thinsp;? 
        </p>
    </div>

  
  
    <div class="texte" style="width:30%; clear: left;">
        <p>Quatre  personnages se retrouvent dans un
            «&thinsp;Bureau&thinsp;» hors du temps pour accomplir  une tâche de la plus
            haute importance&thinsp;: celle de répondre aux appels  pressants de personnes
            en demande d’histoires avant d’aller dormir… 
        </p>
    </div>

    <div class="production" style="width:18%; margin-top: 190px;">
        <p>   
            Photographies&thinsp;: Samuel DEFOURNY (noir&nbsp;et blanc) et Danielle PIERRE (couleur). 
        </p>
    </div>
    
    <div class="texte" style="width:50%; margin-top: 190px;">
        <p>Avec  pour toute palette
            chromatique le Noir et le Blanc, le Théâtre du  Tilleul plonge et nous entraîne
            dans cet univers de fantaisie et  d’humour qu’il affectionne. 
        </p>
    </div>

<div class="page-break" style="height: 130px;"></div>
    
    <div style="width: 75%;height: 398px;margin-left: -75px;margin-top: 100px;">
         <div class="full vert" style="width: 50%;  height: 100%;">
            <img alt="" class="preview" src="materials/bureau-histoires/BH09_100713-R.jpg" style="width: 100%" />
            <img alt="" class="noir rose" src="materials/bureau-histoires/BH09_100713.jpg" style="width: 100%" />

        </div>  
      
         <div class="full vert" style="width: 50%; height: 100%; ">
            <img alt="" class="preview" src="materials/bureau-histoires/BH06_100713-R.jpg " style="width: 100%" />
            <img alt="" class="noir rose" src="materials/bureau-histoires/BH06_100713.jpg " style="width: 100%" />

        </div>   
    </div>
 
    
    <div class="out" style="width:30%; margin-left: 2%; margin-top:100px">
        <p>
            <em>Le  Bureau des Histoires (qu'on raconte avant
d'aller dormir le  soir…)</em> créé à La Balsamine en décembre 2009, nous
revient après avoir  tourné en France et en Belgique (plus de 250
représentations).
        </p>
    </div>
    
    
    <div class="production" style="width:34%;">
        <p>
            Une production du Théâtre du Tilleul, en coproduction
            avec la Balsamine. Avec le soutien de la Communauté française de Belgique
            Direction générale de la Culture–Service général des Arts de la Scène. Avec
            l’aide de La Roseraie. 
        </p>
    </div>
    
    
    
    <div class="bible" style="width:50%; clear: left;">
        <dl>
            <dt>Texte et conception du spectacle</dt>
            <dd>Carine Ermans</dd>
                <dt>Collaboration dramaturgique</dt>
                <dd>Marie-Kateline Rutten et Louis-Dominique Lavigne</dd>
            <dt>D’après les albums des auteurs américains</dt>
            <dd>Uri Shulevitz, Donald Crews, Peter Neumeyer, Mary Hall Ets et Margaret Wise Brown </dd>
                <dt>Mise en scène</dt>
                <dd>Sabine Durand</dd>
            <dt>Distribution</dt>
            <dd>Carine Ermans, Jean-Dominique Kérignard, Alain Gilbert, Benjamin van Thiel et l’ombre de Simon Elst</dd>
                    <dt>Scénographie</dt>
                    <dd>Pierre-François Limbosch, Alexandre Obolensky</dd>
        </dl>
    </div>
    
    <div class="bible" style="width:50%; ">
        <dl>
            <dt>Silhouettes</dt>
            <dd>Carine Ermans, Christophe Morisset, Nicolas Bovesse, Julie Michaud, Mélanie  Rutten, Michel Liégeois, Eugénie Obolensky</dd>
                <dt>Musique</dt>
                <dd>Alain Gilbert</dd>
            <dt>Éclairages</dt>
            <dd>Nathalie Borlée</dd>
                <dt>Régie</dt>
                <dd>Sylvain Geoffray</dd>
            <dt>Film animation</dt>
            <dd>Travail collectif encadré par Caroline Nugues Zorobabel)</dd>
                <dt>Accessoires</dt>
                <dd>Elisabeth Houtart, Michel Vinck</dd>
            <dt>Travail du mouvement</dt>
            <dd>Isabelle Lamouline</dd>
                <dt>Costumes</dt>
                <dd>Sylvia Hasenclever</dd>
        </dl>
    </div>
        
        
    <div class="transition" style="height: 423px; outline: none; margin-top: 250px;">
        <img alt="" class="preview" src="../materials/extract-G/flammes.gif" style="width: 100%;" />
        <img alt="" class="noir vert" src="../materials/extract/flammes.gif" style="width: 100%;" />
    </div>
</article>

<!--
*-  T R I L O G I E  D E  L ' E N F E R  -
-->
<article id="trilogie-de-lenfer" style="padding-top: 20px;">
        <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
            <h1>T r i l o g i e</h1>
        </div>
        <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
            <h1> d e </h1>
        </div>
        <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
            <h1>l’ E n f e r</h1>
        </div>
        
        <div style="width: 5%;">
             <div class="titre" style="width: 100%;  border-width: 2px; border-bottom-width: 4px; border-radius: 10px;margin-left:1px; ">
                <h2>s u r</h2>
             </div>
             <div class="titre" style="width: 100%;  border-width: 2px; border-bottom-width: 4px; border-radius: 10px;margin-left:1px; ">
                <h2> l e</h2>
             </div>
             <div class="titre" style="width: 100%;  border-width: 2px; border-bottom-width: 4px; border-radius: 10px;margin-left:1px; ">
                <h2>t h è m e</h2>
             </div>
        </div>
        <div style="width: 5%;">
             <div class="titre" style="width: 100%;  border-width: 2px; border-bottom-width: 4px; border-radius: 10px;margin-left:1px; ">
                <h2>d e</h2>
             </div>
             <div class="titre" style="width: 100%;  border-width: 2px; border-bottom-width: 4px; border-radius: 10px;margin-left:1px; ">
                <h2>l a</h2>
             </div>
             <div class="titre" style="width: 100%;  border-width: 2px; border-bottom-width: 4px; border-radius: 10px;margin-left:1px; ">
                <h2>g a v o t t e</h2>
             </div>
        </div>
        <div style="width: 5%;">
             <div class="titre" style="width: 100%;  border-width: 2px; border-bottom-width: 4px; border-radius: 10px;margin-left:1px; ">
                <h2>a v e c</h2>
             </div>
             <div class="titre" style="width: 100%;  border-width: 2px; border-bottom-width: 4px; border-radius: 10px;margin-left:1px; ">
                <h2>s e s</h2>
             </div>
        </div>
        <div style="width: 5%;">
             <div class="titre" style="width: 100%;  border-width: 2px; border-bottom-width: 4px; border-radius: 10px;margin-left:1px; ">
                <h2>d o u b l e s</h2>
             </div>
             <div class="titre" style="width: 100%;  border-width: 2px; border-bottom-width: 4px; border-radius: 10px;margin-left:1px; ">
                <h2>d e</h2>
             </div>
        </div>
        <div style="width: 5%;">
            <div class="titre" style="width: 100%;  border-width: 2px; border-bottom-width: 4px; border-radius: 10px;margin-left:1px; ">
                <h2> J e a n - P h i l i p p e</h2>
             </div>
            <div class="titre" style="width: 100%;  border-width: 2px; border-bottom-width: 4px; border-radius: 10px;margin-left:1px; ">
                <h2> R a m e a u</h2>
             </div>
        </div>
        
        <div class="type" style="width: 30%; ">
            <div class="type" style="width: 100%; ">
                    <h3>Création Théâtre</h3>
            </div>
        
            <div class="artiste" style="width: 100%; ">
                    <h4>Martine Wijckaert</h4>
            </div>
        </div>
    <div class="date" style="width: 37%;margin-top: 10px;margin-left: 65px;">
       <p>Du 24 janvier <br />au 15 février 2014 à 20h30</p> 
       <div class="relax">Relâche dimanche, lundi, mardi</div>
        <p>Amphithéâtre</p>
    </div>
   <div class="image-cmjn" style="width: 33%; height: 200px; outline: none; position: absolute; z-index: -10;  margin-left:385px;margin-top:100px;">
      <img alt="" class="preview" src="../materials/extract-G/gradient-bigoutupsidedown.png" style="width: 100%" />
      <img alt="" class="noir vert" src="../materials/extract/gradient-bigoutupsidedown.png" style="width: 100%" />
   </div>
    
    
    <div class="image-cmjn vignette vert" style="width: 371px; margin-right: 3%;">
        <img alt="" class="preview" src="../photos/retable_martine-nb-G.jpg" />
        <img alt="" class="noir vert" src="../photos/retable_martine-nb.jpg" />
    </div>
    


    <div class="texte" style="width: 34%; height:417px; margin-top: -2px;" >
        <p>
            Depuis 1981, Martine Wijckaert fait trembler les scènes et les murs de la Balsamine. Auteur et metteur en scène virtuose et figure emblématique de la scène belge, elle traverse le temps sans prendre une ride et en se permettant d’oser toujours plus loin la descente en ses propres enfers, au plus près d’une vérité inépuisée en elle.
        </p>
    </div>
    <div class="image-cmjn" style="width: 60%; height: 108px; outline: none; position: relative; z-index: -10;  overflow: visible; margin-top:-143px;margin-left:39px; ">
        <img alt="" class="noir vert" src="../materials/extract/rayon-convex.gif" style="width: 100%" />
        <img alt="" class="preview" src="../materials/extract-R/rayon-convex.gif" style="width: 100%" />
    </div>


<div class="page-break" style="height: 340px; margin-bottom: 30px;"></div>


    <div class="texte" style="width: 40%;  ">
        <p>
            <em>Trilogie de l’enfer</em> se divise en trois géographies&thinsp;: «&thinsp;En dessous de l’enfer, l’amour&thinsp;», «&thinsp;L’enfer, l’alcool&thinsp;» et «&thinsp;Au-dessus de l’enfer, la guerre&thinsp;». C’est philosophiquement et physiquement, un voyage des sens,  une humanité qui vous renverse cul par-dessus tête.
        </p>
    </div>

    <div class="texte" style="width: 59%; height: 196px; ">
        <p>
            Petit préambule, trois femmes, la mère morte, la fille sous influence, la  fillette sauvage, trois figures dans un espace «&thinsp;en évolution&thinsp;». On  passe de la 3D à la 2D dans un espace théâtral basé sur un point de  fuite qui n’en finirait jamais. 
        </p>
    </div>
    
    <div class="if" style="width: 43%; ">
        <p>
            Et si l’enfer Wijckaertien <br />nous était conté&thinsp;?  
        </p>
    </div>

    <div class="texte" style="width: 36%; clear:left; ">
        <p>
            «&thinsp;En dessous de l’enfer, l’amour&thinsp;» où la Mère, placée en majesté, ouvre  le bal. La question de l’amour y est centrale, autant que dérisoire et historique. La mère dans un écrin, façon primitifs flamands, avec des canaris aux chants lancinants et répétitifs. C’est en soi une peinture qui parle. On dira ici que le mort saisit le vif.
        </p>
    </div>
    
            <div class="texte" style="width: 33%; height: 348px; ">
        <p>
    « L’enfer, l’alcool » se fonde exclusivement sur la transmission de l’être au monde. Des verres partout, un éléphant rose, un espace métaphorique, une grande galaxie où la parole est pénétrée et inspirée. On dira ici que le vif saisit le néant. 
            </p>
    </div>
    <div class="image-cmjn" style="width: 29%; height: 108px; outline: none;margin-top: -75px; z-index: -5;">
        <img alt="" class="noir rose" src="../materials/extract/fausse-peau-de-mouton.gif" style="width: 110%;" />
    	<img alt="" class="preview" src="../materials/extract-R/fausse-peau-de-mouton.gif" style="width: 110%;" />
    </div>

    <div class="texte" style="width: 30%; height: 315px;">
        <p>
            «&thinsp;Au-dessus de l’enfer, la guerre&thinsp;», la question de l’amour ressurgit  pleinement sous forme d’un hymne à l’amour proféré par une toute jeune  fille sauvage. On dira ici que le néant saisit l'être. 
        </p>
    </div>
    

    <div class="texte" style="width: 52%; clear:left;">
        <p>
            <em>Trilogie  de l’enfer</em>, à travers ce déploiement de trois paroles solitaires au  sein d’un même espace en mutation, se penche sur la transmission pour  laisser se déployer une sorte de cartographie existentielle relative aux  solitudes et aux dépendances.
        </p>
    </div>

    <div class="blockquote" style="width: 45%; ">
        <blockquote>
            Martine dit&thinsp;:<br />«&thinsp;Ce  sont des fresques épiques où l’histoire d’une structure familiale  fantasmée se pulvérise dans l’ogre de l’Histoire&thinsp;; cette Famille devient  en quelque sorte un temps mythique dont je ne cesse d’interroger le  cours.&thinsp;»
        </blockquote>
    </div>


    <div class="bible" style="width: 53%;margin-top:-105px; ">
        <dl>
            <dt>Avec</dt>
            <dd>Yvette Poirier, Véronique Dumont et Héloïse Jadoul</dd>
                <dt>Écriture et mise en scène</dt>
                <dd>Martine Wijckaert</dd>
            <dt>Assistante à la mise en scène</dt>
            <dd>Astrid Howard</dd>
                <dt>Scénographie</dt>
                <dd>Valérie Jung </dd>
            <dt>Lumières</dt>
            <dd>Stéphanie Daniel</dd>
                <dt>Costumes et accessoires</dt>
                <dd>Laurence Villerot </dd>
            <dt>Création son</dt>
            <dd>Thomas Turine </dd>
                <dt>Création vidéo</dt>
                <dd>Jacques André</dd>
            <dt>Opérateur prise de vue</dt>
            <dd>Ryszard Karcz</dd>
            <dt>Direction technique</dt>
            <dd>Fred Op de Beeck</dd>
                <dt>Oiseleur</dt>
                <dd>Tristan Plot </dd>
            <dt>Régie spectacle</dt>
            <dd>Mathieu Bastyns</dd>
        </dl>
    </div>

	<div class="out" style="width: 22%;" >
            <p>
                Représentations du 11 au 15 mars 2014 au Théâtre de Liège.
            </p>
        </div>
    <div style="width: 25%;">
        
        <div class="production">
            <p>
                Une production de la Balsamine en coproduction avec le Théâtre de Liège.
            </p>
        </div>
    </div>

 


</article>

<!--
-  Double Martine 1
-->

<article id="martine-1" style="position: relative; height: 944px; border:none; page-break-before:always; padding-top: 0px;">

    <div class="image-cmjn" style="outline: none; position: relative; overflow: visible; width: 893px; margin-left: -2cm;">
           <img alt="" class="preview" alt="" src="assemblages-vert1-G.png"  style="margin-top: 0px; margin-left: 3px; width: 100%; z-index:9"/>
           <img alt="" class="preview" alt="" src="assemblages-rose1-R.png" style="margin-top: 0px; margin-left: 3px; width: 100%; z-index:8"/>
           <img alt="" class="noir vert" alt="" src="assemblages-vert1.png"  style="margin-top: 0px; margin-left: 3px; width: 100%; z-index:9"/>
           <img alt="" class="noir rose" alt="" src="assemblages-rose1.png" style="margin-top: 0px; margin-left: 3px; width: 100%; z-index:8"/>
     </div>
     

</article>
<!--
-  Double Martine 2
-->

<article id="martine-2" style="position: relative; height: 944px; border:none; page-break-before:always; padding-top: 50px;">

    <div class="image-cmjn" style="outline: none; position: relative; overflow: visible; height: 944px; width: 893px; margin-left: -2cm;">
           <img alt="" class="preview" alt="" src="assemblages-vert2-G.png"  style="margin-top: 0px; margin-left: 3px; width: 100%; z-index:9"/>
           <img alt="" class="preview" alt="" src="assemblages-rose2-R.png" style="margin-top: 0px; margin-left: 3px; width: 100%; z-index:8"/>
           <img alt="" class="noir vert" alt="" src="assemblages-vert2.png"  style="margin-top: 0px; margin-left: 3px; width: 100%; z-index:9"/>
           <img alt="" class="noir rose" alt="" src="assemblages-rose2.png" style="margin-top: 0px; margin-left: 3px; width: 100%; z-index:8"/>
     </div>
     

    <div class="transition" style="height: 515px; outline: none;margin-top: 0px; z-index: 200;">
        <img alt="" class="noir vert" src="../materials/extract/moutons-207.gif" style="width: 110%; margin-left: -22px; margin-top:-420px;" />
        <img alt="" class="preview" src='../materials/extract-G/moutons-207.gif' style="width: 110%; margin-left: -22px; margin-top:-420px;" />
    </div>
</article>
<!--
-  V I S I O N  -
-->
<article id="vision" style="padding-top: 30px;">
    <div class="titre" style="width: 10%; border-width: 3px; border-bottom-width: 7px; border-radius: 15px;">
        <h1>V i s i o n</h1>
    </div>
        
    <div class="type" style="width:30%;">
        <div class="type" style="width:100%;">
            <h3>Reprise Théâtre/Cinéma</h3>
        </div>
        <div class="artiste" style="width:100%;">
            <h4>Pierre Megos</h4>
        </div>
    </div>
    <div class="date" style="width:20%;z-index:11;position:absolute;margin-left:23px; margin-top:110px;">
        <p>Du 25 février <br />au 1<sup>er</sup> mars 2014 <br /> à 20h30 <br />
        Amphithéâtre </p>
        <div class="relax" style="margin-left:60px;">
            En anglais <br />surtitré FR/NL
        </div>
    </div>


        <div class="if" style="width:24%;margin-top:130px; margin-left: 100px;">
        <p>Et si ce monde parallèle n’était en fait qu’un monde perpendiculaire. 
                </p>
        </div>


        <div class="image-cmjn" style="width: 35%; height: 200px; outline: none; position: absolute; z-index: -100; margin-top: 97px; overflow: visible;margin-left: 83px;">
		<img alt="" class="noir vert" src="../materials/extract/explosion-violente-2.gif" style="width: 100%" />
		<img alt="" class="preview" src="../materials/extract-G/explosion-violente-2.gif" style="width: 100%" />
	</div>
        
    <div class="full" style="width: 90%;margin-left:40px; margin-top: -40px; overflow:visible; height: 900px;z-index:10;">
        <img alt="" class="preview" src="../photos/reprises/beguinage-anderlecht8-2-R.jpg" style="width: 100%" />
        <img alt="" class="noir rose" src="../photos/reprises/beguinage-anderlecht8-2.jpg" style="width: 100%" />
    </div>
        
        
        <div class="if" style="width:30%;margin-top:20px;">
                <p>Et  si Pierre Megos débarquait sur la planète
interdite&thinsp;?
                </p>
        </div>
        
        <div class="texte" style="width:50%;margin-top:10px;">
                <p>Après  Washington et Avignon, avant Metz, Athènes, Digne-les-Bains et bien d’autres
villes encore,  <em>Vision</em> revient à son lieu de naissance pour briller,
encore un peu plus,  dans les yeux de ceux qui ne l’auraient pas vu.   
                </p>
        </div>
        
        <div class="if" style="width:18%;margin-top:20px;">
        <p>Et si cette vision était vraie&thinsp;? 
                </p>
        </div>
        

        
                <div class="texte" style="width:43%;">
                <p>Une
reprise, donc, du  mythique Hollywood selon Pierre Megos, époustouflant dans sa 
performance,  vivifiant dans son procédé, exaltant dans sa poétique.   
                </p>
        </div>

        
        <div class="if" style="width:30%;margin-top:10px;">
        <p>Et si c’était lui  l’élu&thinsp;? 
                </p>
        </div>
        
        <div class="blockquote" style="width:54%; ">
                <blockquote>
                    Catherine M. a dit&thinsp;: <br />«&thinsp;Dans  Vision, à
l’affiche à la Balsamine, il se dédouble, jouant sur le  plateau et dans un
film, les deux en temps réel, histoire de mettre en  scène et en parallèle le
sentiment d’être “ici réellement” mais “là-bas en&nbsp;rêve”.
                </blockquote>
        </div>
        
                
                 
    <div class="full" style="width: 90%;margin-left: -76px; overflow:visible; height: 900px;z-index: -10;margin-right: -23%;">
        <img alt="" class="preview" src="../photos/reprises/beguinage-anderlecht9_nb-R.jpg" style="width: 100%" />
        <img alt="" class="noir rose" src="../photos/reprises/beguinage-anderlecht9_nb.jpg" style="width: 100%" />
    </div>  
    
                <div class="blockquote" style="width: 40%;margin-top: -10px;">
                <blockquote>
Mêlant réel et
imaginaire, il propose au spectateur de  regarder simultanément un film et sa
fabrication en direct. Le résultat  est soufflant&thinsp;!&thinsp;» in <em>le
Soir</em> du 30/01/2013
                </blockquote>
        </div>
     

        <div class="production" style="width:25%; clear: left;">
                <p>
                        Une  production de Mothership asbl, en coproduction avec
la Balsamine. Avec  l'aide du Service général des Arts de la Scène de la
Fédération  Wallonie-Bruxelles, Service Théâtre et le soutien du WBTD (aide à la
 diffusion).
                </p>
        </div>
        
        <div class="bible" style="width:38%;">
            <dl>
                <dt>Concept, écriture et mise en scène</dt>
                <dd>Pierre Megos</dd>
                <dt>Avec</dt>
                <dd>Pierre Megos, Florence Minder, Kian Cardoen, Lucas Bierlair, Alessandro de Pascale</dd>
                <dt>Assistant/Doublure</dt>
                <dd>Alessandro de Pascale</dd>
                <dt>Administration</dt>
                <dd>Manon Faure</dd>
                <dt>Création vidéo</dt>
                <dd>Caroline De Decker</dd>
                <dt>Création son</dt>
                <dd>Iannis Heaulme</dd>
            </dl>
        </div>
        
            <div class="bible" style="width:37%;">
            <dl>
                <dt>Scénographe «&thinsp;cinéma&thinsp;»</dt>
                <dd>Thomas Delord</dd>
                <dt>Scénographie</dt>
                <dd>Christine Grégoire, en collaboraion avec Ledicia Garcia</dd>
                <dt>Création lumières</dt>
                <dd>Julie Petit-Étienne</dd>
                <dt>Construction</dt>
                <dd>Marc Defrise</dd>
                <dt>Aide à la construction</dt>
                <dd>Dimitri Megos & Herbert Schüller</dd>
                <dt>Maquillage</dt>
                <dd>Maud Liégeois</dd>
            </dl>
        </div>
        
        
                <div class="transition" style="height: 439px; width: 981px; outline: none; margin-top: 231px; margin-left: -187px;">
                        <img alt="" class="noir vert" src="../materials/extract/eponge-219.gif" style="width: 201%; margin-left: -326px; margin-top:-1390px;" />
        		<img alt="" class="preview" src='../materials/extract-G/eponge-219.gif' style="width: 201%; margin-left: -326px; margin-top:-1390px;">
                </div>
</article>

<!--
-  K   B A R R É  -
-->
<article id="k-barre">
        <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
                <h1>K </h1>
        </div>
        <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
                <h1>B a r r é # 1</h1>
        </div>

        <div class="titre" style="width: 5%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
                <h2>L e</h2>
        </div>
                <div class="titre" style="width: 5%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
                <h2>K</h2>
        </div>
        <div class="titre" style="width: 5%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
                <h2>d e s</h2>
        </div>
            <div class="titre" style="width: 5%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
                <h2>f e m m e s </h2>
        </div>
        
        <div class="production" style="width:15%; color:@color-C; position:relative; left:-117px; top:102px;"> Working title </div>
        
        <div class="type" style="width:30%;">
                <div class="type" style="width:100%;">
                        <h3>Création Danse + Concert</h3>
                </div>
                
                <div class="artiste" style="width:100%;">
                        <h4>Barbara Mavro Thalassitis</h4>
                </div>
        </div>
        
        <div class="date" style="width:30%;">
                <p>Du 19 au 22 mars 2014 à 20h30 <br /> Amphithéâtre +&nbsp;Foyer</p>
        </div>
        
        
        <div class="image-cmjn vignette" style="width: 55%; height: 256px; outline-width: 15px; margin-bottom: 20px; margin-top: 20px;z-index: 100;margin-left: 6px;">
            <img alt="" class="preview" src="../photos/retable_barbara-nb-G.jpg" style="width: 100%" />
            <img alt="" class="noir vert" src="../photos/retable_barbara-nb.jpg" style="width: 100%" />

        </div>

        <div class="if" style="width:20%;">
            <p>
                Et si parler des femmes en 2013, c’était forcément parler DES femmes et de leur multiplicité&thinsp;? 
            </p>
        </div>
        
        
        
                
        <div class="texte" style="width:37%;">
                <p>
                        À  l’heure où les femmes représentent un danger «&#x202f;imaginaire&#x202f;» pour  certains ou, pire encore peut-être, le seul avenir possible – les  célébrer nous semblait incontournable. 
                </p>
        </div>

        <div class="if" style="width:14%;">
                <p>
                        Et si Ève pétait les plombs pour de bon&thinsp;? 
                </p>
        </div>
        
        
        
        <div class="texte" style="width:49%;">
                <p>
                        C’est  pour cela que nous avons choisi de les célébrer et de les présentifier…  Pas «&#x202f;toutes&#x202f;» évidemment, car elles ne sont pas «&thinsp;toutes&thinsp;» identiques  et semblables, mais certaines, triées sur le volet d’un monde barré. De  Lydia Lunch et ses textes prophétiques, poétiques et politiques, à  Simone elle est bonne en passant par Barbara Mavro Thalassitis, on vous  propose trois visions de la féminité par des femmes issues de  différentes cultures, pratiques et générations.
                </p>
        </div>

        
        
        <div class="bible" style="width:52%; margin-top:-150px;">
                <dl>
                        <dt>Création</dt>
                        <dd>Barbara Mavro Thalassitis, en collaboration avec  Lydia Lunch, Maria Clara Villa-Lobos, …</dd>
                                <dt>Avec</dt>
                                <dd>Lydia Lunch, Maria Clara Villa-Lobos, … (distribution en cours) </dd>
                        <dt>Chorégraphie, scénographie et costumes</dt>
                        <dd>Barbara Mavro Thalassitis </dd>
                        <dt>After</dt>
                        <dd>Peggy Lee Cooper, Simone elle est bonne, Kinky Frogs</dd>
                </dl>
        </div>
        
        <div class="production" style="width:40%;">
                <p>
                        Une production de Roberta DC, en coproduction avec la Balsamine. Avec le soutien de la Zone Liège.
                </p>
        </div>
        
                <div class="transition" style="height: 380px; outline: none; margin-top: 0px;">
                        <img alt="" class="noir vert" src="../materials/extract/feuillages-239.gif" style="width: 200%; margin-left: -332px; margin-top:-757px;" />
       			 <img alt="" class="preview" src='../materials/extract-G/feuillages-239.gif' style="width: 200%; margin-left: -332px; margin-top:-757px;">
                </div>
</article>

<!--
-  L A   F O R Ê T  -
-->
<article id="la-foret" style="padding-top: 50px;">
        
    <div class=" titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px; ">
        <h1 style="text-align: center;">L a  </h1>
    </div>
    <div class=" titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px; ">
        <h1 style="text-align: center;">F o r ê t  </h1>
    </div>
    

    <div class="type" style="width: 30%;  ">
        <h3 >Création/<br />Opéra de chambre</h3>
    </div>
    <div class="artiste" style="width: 30%;margin-top:50px;margin-left:-220px;  ">
        <h4>Baudouin de&nbsp;Jaer et&nbsp;Stéphane Arcas</h4>
    </div>

    <div class="image-cmjn" style="width:40%;outline: none; position: relative; z-index: -10; overflow: visible;margin-top:50px;">
        <img alt="" class="noir vert" src="../materials/extract/angle-radiant.gif" style="width:100%;"/>
        <img alt="" class="preview" src='../materials/extract-G/angle-radiant.gif' style="width: 100%;">
    </div>

    <div class="date" style="height:50px;margin-top:40px; margin-left: 50px;">
            <p>Du 2 au 5 avril 2014<br /> à 20h30 <br /> Amphithéâtre</p>
    </div>

    <div class="image-cmjn vignette" style="width: 55%; height: 258px;">
        <img alt="" class="preview" src="../photos/retable_arcas_baudouin-nb-G.jpg" style="width: 100%" />
        <img alt="" class="noir vert" src="../photos/retable_arcas_baudouin-nb.jpg" style="width: 100%" />
    </div>

    <div class="if" style=" width: 15% ; margin-top:10px;">
        <p> 
            ET SI<br /> Marie ne s’appelait plus Laforet&thinsp;?  
        </p>
    </div>

    <div class="texte" style="width: 34%; margin-top: 25px;">
        <p>
            La  forêt est le premier opéra composé par Baudouin de Jaer, opéra de  chambre d’une durée de 45 minutes, sur un livret de Stéphane Arcas, adapté pour l’occasion.
        </p> 
    </div>

    <div class="if" style="width: 10%; margin-top: 30px;">
        <p>
            ET SI tout se jouait la nuit&thinsp;? 
        </p>
    </div>
    

            
    
    <div class="texte" style="width: 37%; margin-top:25px;">
        <p>
            Dans un décor sobre, trois personnages occupent la scène&thinsp;: le couple – l’homme <em>A</em>, un ténor, et une femme <em>B</em>, une mezzo soprano&thinsp;; le rôle de <em>C</em>, la  narratrice, est tenu par une comédienne.
        </p>
    </div>
    
    <div class="texte" style="width: 27%; clear: left;">
        <p>
            Tous trois déambulent dans la forêt des arbres «&thinsp;comme ça&thinsp;».
        </p>
    </div>
    
    
    
    <div class="texte" style="width:72%;">
        <p>
            La  précision, la complexité de la nature et l’absence totale de réponses  alimentent l’inspiration musicale de Baudouin de Jaer. Venez voir et  dites-nous quelle est cette faille, cette perte dont on nous parle si  intensément…
        </p>
    </div>


<div class="page-break" style="height: 190px; margin-bottom: 30px;"></div>


    <div class="image"  style="width:35%; height:238px; outline-width: 5px;margin-top:7px;">
        <img alt="" class="preview" src="../photos/retable_arcas_baudouin-nb-G.jpg" style="margin-top: -10px; margin-left: -30px;"/>
        <img alt="" class="noir vert" src="../photos/retable_arcas_baudouin-nb.jpg" style="margin-top: -10px; margin-left: -30px;"/>
    </div>

   <div class="image-cmjn" style="width:45%;outline: none; position: relative; z-index: -10; overflow: visible;margin-left:-500px;margin-top:400px;">
        <img alt="" class= "noir vert" src="../materials/extract/pinceau.gif" style="width:100%;"/>
        <img alt="" class="preview" src='../materials/extract-G/pinceau.gif' style="width: 100%;">
    </div>

    <div class="blockquote"  style="width:21%; height:154px;margin-top:40px;margin-left:35px; margin-right: 35px;">
        <blockquote>
            <em>A</em> dit&thinsp;:<br />«&thinsp;Cet arbre-l&agrave;, je l’ai d&eacute;j&agrave; vu. Je suis s&ucirc;r qu’on est d&eacute;j&agrave; pass&eacute; ici.&thinsp;»
        </blockquote>
    </div>

    <div class="production"  style="width:30%; height:154px;">
        <p>
            Une production de Noodik Productions, en coproduction avec la Balsamine. Avec le soutien de la Fédération Wallonie-Bruxelles.
        </p>
    </div>


    <div class="bible" style="width:30%;margin-top:100px;margin-left:-210px;"> 
        <dl style="background-color:white;">
            <dt>Livret</dt>
            <dd>Stéphane Arcas</dd>
                <dt>Musique</dt>
                <dd>Baudouin de Jaer</dd>
            <dt>Direction musicale</dt>
            <dd>Martijn Dendivel</dd>
                <dt>Mise en scène et scénographie</dt>
                <dd>Stéphane Arcas</dd>
            <dt>Avec</dt>
            <dd>L’ensemble BESIDES, Patrick Kabongo (Ténor), Pauline Claes (Mezzo soprano), Cécile Chèvre, distribution en&nbsp;cours…</dd>
        </dl>
    </div> 


    <div class="image-cmjn" style="width:80%;height:350px;margin-top:-250px;margin-left:100px;">
         <img alt="" class="noir vert" src="../photos/layers-processed/meteor/meteor_Calque-2_nb.png" style="width: 67%; z-index:1000"/>
         <img alt="" class="preview" src="../photos/layers-processed/meteor/meteor_Calque-2_nb-G.png" style="width: 67%; z-index:1000"/>
    </div>
    


    <div class="transition" style="height: 500px; outline: none; position: relative; z-index: -10; margin-top: 240px;">
        <img alt="" class="noir vert" src="../materials/extract/vagues-trouees-236.gif" style="margin-top: -1320px; margin-left: -270px; width: 180%;" />
        <img alt="" class="preview" src="../materials/extract-G/vagues-trouees-236.gif" style="margin-top: -1320px; margin-left: -270px; width: 180%;" />
    </div>

</article>

<!--
-  S O R T I R   L A   T Ê T E   D E   L ' E A U  -
-->
<article id="quest-ce-qui-me-fait-sortir-la-tete-de-leau" style="padding-top: 30px;">
        
        <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
                <h1>Q u’ e s t - c e </h1>
        </div>
        <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
                <h1>q u i </h1>
        </div>
        <div style="width: 10%;">
                <div class="titre" style="width: 100%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
                        <h1>m e </h1>
                </div>
                <div class="titre" style="width: 100%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
                        <h1>f a i t </h1>
                </div>
        </div>
        <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
                <h1>s o r t i r</h1>
        </div>
        <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
                <h1>l a </h1>
        </div>
        <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
                <h1>t ê t e</h1>
        </div>
        <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
                <h1>d e</h1>
        </div>
        <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
                <h1>l’ e a u ?</h1>
        </div>
        
        <div class="date" style="width:30%;">
                <p>Le 26 avril 2014 dès&nbsp;18h</p>
        </div>
        


    <div class="image-cmjn" style="width: 40%; height: 318px; outline: none; position: relative; z-index: -10;  overflow: visible; margin-left: 30px; margin-top: -30px;">
        <img alt="" class="noir rose" src="../materials/extract/soleil-light.gif" style="width: 100%" />
        <img alt="" class="preview" src="../materials/extract-R/soleil-light.gif" style="width: 100%" />
  
        <p style="padding: 115px 62px;width: auto;text-align: center;">
            <span class="under">18h</span><br />
                        Installation à la Balsa et/ou dans l’espace public
        </p>
    </div>
    
     <div class="image-cmjn" style="width: 41%; height: 200px; outline: none; position: relative; z-index: -10;  overflow: visible; margin-left: -35px;margin-top: -140px;">
        <img alt="" class="noir rose" src="../materials/extract/pfiouuu.gif" style="width: 100%" />
        <img alt="" class="preview" src="../materials/extract-R/pfiouuu.gif" style="width: 100%" />

        <p style="padding: 80px 32px;width: auto;padding-left: 84px;text-align: center;">
            <span class="under">19h</span><br />
            Performance danse <br />Foyer
        </p>
    </div>

     <div class="image-cmjn" style="width: 47%; height: 298px; outline: none; position: relative; z-index: -10;  overflow: visible; margin-left: -37px; margin-top: -31px;">
        <img alt="" class="noir rose" src="../materials/extract/soleil.gif" style="width: 100%" />
        <img alt="" class="preview" src="../materials/extract-R/soleil.gif" style="width: 100%" />
  
        <p style="padding: 129px 115px;width: auto;text-align: center;padding-left: 124px;">
            <span class="under">20h30</span><br />
            Performance théâtre <br />Amphithéâtre
        </p>
    </div>




        
    <div class="transition" style="height: 350px; outline: none; position:
        relative; z-index: -10; margin-top: 50px;"> 
        <img alt="" class="noir vert" src="../materials/extract/waouh.gif" style="margin-top: -33px; margin-left: -37px; width: 107%;" /> 
        <img alt="" class="preview" src='../materials/extract-G/waouh.gif' style="margin-top: -33px; margin-left: -37px; width: 107%;"> 
        </div> </article>

<!--
*-  G E N E S I S  -
-->
<article id="genesis" style="padding-top: 50px;">
        <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;text-align:left !important;">
                <h1>G e n e s i s</h1>
        </div>
        <div style="width: 5%;">
                 <div class="titre" style="width: 100%;  border-width: 2px; border-bottom-width: 4px; border-radius: 10px;margin-left:1px; ">
                <h2 style="font-family:UmePMincho ! important;margin-left:-2px;">&#8544;</h2>
                </div>
                <div class="titre" style="width: 100%;  border-width: 2px; border-bottom-width: 4px; border-radius: 10px;margin-left:1px ;">
                        <h2 style="font-family:UmePMincho ! important;margin-left:-2px;">Ⅱ</h2>
                </div>
                <div class="titre" style="width: 100%;  border-width: 2px; border-bottom-width: 4px; border-radius: 10px;margin-left:1px ;">
                        <h2 >e t</h2>
                </div>
                <div class="titre" style="width: 100%;  border-width: 2px; border-bottom-width: 4px; border-radius: 10px;margin-left:1px;">
                        <h2 style="font-family:UmePMincho ! important;margin-left:-2px;">Ⅲ</h2>
                </div>
        </div>
        <div class="type" style="width:30%;">
                <div class="type" style="width:100%;">
                        <h3>Création Théâtre</h3>
                </div>
                
                <div class="artiste" style="width:100%;">
                        <h4>Thomas Ryckewaert</h4>
                </div>
        </div>
        <div class="date" style="width:30%;">
                <p>Genesis III</p>
                <p>Les 27, 28 et 31 mai 2014 à 20h30 <br />Amphithéâtre </p>
        </div>
        
        <div class="date" style="width:30%; margin-bottom:30px; margin-left:155px;">
                <p>Genesis (I, II)</p>
                <p>le 31 mai <br />«&thinsp;Hors les murs&thinsp;» dans une église et dans une  université <span style="font-family: Ume P Gothic Balsa; font-size: 10pt; text-transform: none;">(les lieux précis seront communiqués  ultérieurement)</span></p>
        </div>
        
        
                <div class="image-cmjn vignette" style="width: 55%; height: 236px; outline-width: 15px;">
                        <img alt="" class="preview" src="../photos/retable_thomas-nb-G.jpg" style="width: 100%" />
                        <img alt="" class="noir vert" src="../photos/retable_thomas-nb.jpg" style="width: 100%" />

                </div>
                
        <div class="blockquote" style="width: 29%;  margin-top: -10px;">
                <blockquote >
                        Mais l'Éternel Dieu appela l'homme, et lui dit&thinsp;: Où es-tu&thinsp;? – Genèse 3:9 
                </blockquote>
        </div>
        
        <div class="blockquote" style="width: 29%;  margin-top: -30px;">
                <blockquote class="nl">
                        Dan roept de ENE, God, tot de roodbloedige mens en zegt tot hem&thinsp;: waar ben je&thinsp;? – Gen. 3,9
                </blockquote>
        </div>
        
        
        
        <div class="texte" style="width:52%;">
                <p>
                        C’est  un endroit cruel et déroutant, où l’homme banni trouve refuge. Il y est  confronté à des forces qui dépassent son entendement. Tantôt c’est une  pluie de feu et de soufre qui tombe du ciel, tantôt de simples gouttes  d’eau, mais des semaines durant, jusqu’à ce que tout soit englouti. Il  n’y a rien de plus déconcertant, cependant, que les forces que l’homme  découvre en lui-même&thinsp;: jalousie, érotisme, soif de sang. Mais la force  la plus insaisissable de toutes est l’amour.
                </p>
        </div>
        
        <div class="texte" style="width:48%;">
                <p>
                        Avec  sa nouvelle création, Thomas Ryckewaert s’attaque à un des  chefs-d’œuvre les plus paradoxaux de la littérature mondiale&thinsp;: la  Genèse, le premier livre de la Bible. Un spectacle qui traite de notre  désir incessant de maîtriser le chaos.
                </p>
        </div>
        
        
        <div class="if" style="width:30%; ">
                <p>
                        Et si l’ignorance était enrichissante&thinsp;? 
                </p>
        </div>

<div class="page-break" style="height: 190px; margin-bottom: 30px;"></div>

        <div class="if" style="width:20%; clear: left; ">
                <p>
                        Et si le pommier avait été un cocotier&thinsp;? 
                </p>
        </div>
        
        <div class="texte" style="width:80%;">
                <p>
                        Cette  production est la troisième partie d’un triptyque dans lequel ce texte  poétique et choquant est présenté à partir de différentes perspectives.  <em>Genesis I – Science</em> initie le public au savoir des philosophes, théologiens et traducteurs bibliques. <em>Genesis II – Religion</em>  consiste en une célébration eucharistique dirigée par Ryckewaert. Les  fidèles de la messe et du théâtre sont les témoins collectifs d’un  rituel vieux de 2000 ans, subtilement retravaillé, qui fait intervenir  des sons et lumières, des chants, des textes comme du silence. Dans  <em>Genesis III – Théâtre</em>, Ryckewaert met en scène sa propre version du livre de la Genèse. En quête d’un rituel contemporain.
                </p>
        </div>
        
                <div class="texte" style="width:34%;">
                <p>
                        Dans <em>Genesis (I, II, III)</em>,  Ryckewaert dirige successivement le scientifique, le prêtre et  l’acteur. Une recherche de l’origine du théâtre, de l’essence du rituel.  La liturgie est-elle du théâtre&thinsp;? Le théâtre est-il une liturgie&thinsp;?
                </p>
        </div>
                <div class="blockquote" style="width:60%;">
                <blockquote>
                        En fait je ne crois rien, <br />
                        Et je doute de tout, même de Vous.<br />
                        Mais parfois, lorsque je pense que Vous existez réellement,<br />
                        Je pense que Vous êtes l’Amour, et que vous êtes seul,<br />
                        Et que, partageant mon désespoir, Vous me cherchez<br />
                        Comme je Vous cherche.
                </blockquote>
                <p>Gerard Reve</p>
        </div>
        
<div class="image-cmjn" style="width:90%;height: 145px; outline: none; margin-left: 135px; z-index: -10;">
    <img alt="" class="noir vert" src="../materials/extract/dancing.gif" style="width: 100%;" />
    <img alt="" class="preview" src="../materials/extract-G/dancing.gif" style="width: 100%;" />
</div>
        
        
                <div class="texte" style="width:40%;">
                <p class="nl">
                        Thomas  Ryckewaert waagt zich in zijn nieuwe creatie aan een van de meest  paradoxale meesterwerken uit de wereldliteratuur&thinsp;: Genesis, het eerste  boek van de Bijbel. Een voorstelling over onze levenslange poging de  chaos te bedwingen.
                </p>
        </div>
        
        <div class="texte" style="width:60%;">
                <p  class="nl">
                        In <em>Genesis I — Wetenschap</em> wordt het publiek ingewijd in de expertise van filosofen, theologen en bijbelvertalers. <em>Genesis II – Religie</em> is  een door Ryckewaert geregisseerde eucharistieviering. In een compositie  van licht, geluid, zang, tekst en stilte worden kerk- en theatergangers  samen getuige van een 2000 jaar oud ritueel waaraan subtiel is  geschaafd. In <em>Genesis III – Theater</em> brengt Ryckewaert zijn versie van het boek Genesis op scène. Op zoek naar een hedendaags ritueel.
                </p>
        </div>
        
<div class="page-break" style="height: 190px; margin-bottom: 30px;"></div>

        <div class="blockquote" style="width:50%;">
                <blockquote  class="nl">
                        Eigenlijk geloof ik niets,<br />
                        En twijfel ik aan alles, zelfs aan U.<br />
                        Maar soms, wanneer ik denk dat Gij waarachtig leeft,<br />
                        Dan denk ik dat Gij Liefde zijt, en eenzaam,<br />
                        En dat, in zelfde wanhoop, Gij mij zoekt<br />
                        Zoals ik U.
                </blockquote>
                <p>Gerard Reve</p>
        </div>
        
        <div class="texte" style="width:47%;">
                <p  class="nl">
                        In <em>Genesis (I, II, III)</em>  regisseert Ryckewaert achtereenvolgens de wetenschapper, de priester en  de acteur. Een zoektocht naar de oorsprong van performance, naar de  kern van het ritueel. Is liturgie theater&thinsp;? Is theater liturgie&thinsp;?
                </p>
        </div>
        

        <div class="bible" style="width:47%; ">
                <dl>
                        <dt>Concept & direction</dt>
                        <dd>Thomas Ryckewaert</dd>
                                <dt>Décor sonore</dt>
                                <dd>Tim Vets</dd>
                        <dt>Lumières</dt>
                        <dd>Luc Schaltin</dd>
                                <dt>Costumes</dt>
                                <dd>Bert Gillet</dd>
                        <dt>Dramaturgie</dt>
                        <dd>Marnix Rummens</dd>
                                <dt>Assistance direction</dt>
                                <dd>Tineke De Meyer</dd>
                        <dt>Production</dt>
                        <dd>Margarita Production</dd>
                </dl>
        </div>
        
        
        <div class="production" style="width:30%;">
                <p>
                        Une  coproduction du Vooruit (Gent) et de la Balsamine. En  coopération avec STUK (Leuven), BUDA (Kortrijk), WP Zimmer (Antwerpen).  Avec le soutien du Vlaamse Overheid, Provincie Antwerpen.
                </p>
        </div>
        
        <div class="out" style="width:70%;">
            <p><span class="under">19/10/2013</span>     Genesis (I, II, III)   &mdash;       Vooruit, Gent (BE), première </p>
            <p><span class="under">15/02/2014</span>      Genesis (I, II, III)    &mdash;       De Warande, Turnhout (BE)</p>
            <p><span class="under">25/02/2014</span>      Genesis (III)            &mdash;     Het Toneelhuis, Antwerpen (BE)</p>
            <p><span class="under">22/03/2014</span>      Genesis (I, II, III)      &mdash;      STUK, Leuven (BE)</p>
            <p><span class="under">27+28/05/2014</span>      Genesis (III)           &mdash;      Théâtre la Balsamine, Brussel (BE)</p>
            <p><span class="under">31/05/2014</span>      Genesis (I, II, III)        &mdash;  Théâtre la Balsamine, Brussel (BE)</p>
        </div>
        
        
        
    <div class="transition" style="height: 500px; outline: none; position: relative; z-index: -10; margin-top: 350px;">
        <img alt="" class="noir vert" src="../materials/extract/oiseaux-a-decouper-272.gif" style="margin-top: -538px; margin-left: -37px; width: 110%;" />
        <img alt="" class="preview" src="../materials/extract-G/oiseaux-a-decouper-272.gif" style="margin-top: -538px; margin-left: -37px; width: 110%;" />
    </div>
</article>

<!--
-  B É A T I T U D E S  -
-->
<article id="les-beatitudes-de-lamour" style="padding-top: 0px;">
        
        <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
                <h1>L e s </h1>
        </div>
        <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
                <h1>B é a t i t u d e s</h1>
        </div>
        <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
                <h1>d e</h1>
        </div>
        <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
                <h1>l’ A m o u r</h1>
        </div>
        
        <div class="artiste" style="width:30%; height:150px;">
                <h4>Claude Schmitz</h4>
        </div>
        
        <div class="date" style="width:30%;">
                <p>Du 10 au 14 juin 2014 à 20h30 <br />Amphithéâtre</p>
        </div>
        
        
        
                <div class="image-cmjn vignette" style="width: 55%; height: 253px; outline-width: 15px;  margin-left: 6px; margin-bottom: 20px;">
                        <img alt="" class="preview" src="../photos/retable_claude-nb-G.jpg" style="width: 100%" />
                        <img alt="" class="noir vert" src="../photos/retable_claude-nb.jpg" style="width: 100%" />
                </div>
                
        
        <div class="if" style="width:27%;">
                <p>
                        Et si les feux de l’amour étaient inextinguibles&thinsp;?  
                </p>
        </div>
        
        <div class="texte" style="width:50%;">
                <p>
                        <em>Les Béatitudes de l’Amour</em> est un projet de cinéma, en cours d’écriture, dont le tournage est rêvé pour l’été deux mille quatorze. 
                </p>
        </div>
        
        <div class="blockquote" style="width:80%; margin-left: 100px; margin-top: -40px;">
                <blockquote>
                        Trois  hommes (Gabriel, Darius, Stanislas) débarquent dans la propriété d’un  château en vue de rendre visite à un ami (Jean) qui s'y est établi avec  la fille (Julie) du châtelain (Le Père).  Bientôt, l'histoire unissant les personnages, va provoquer la mort de Jean.
                </blockquote>
        </div>
   

<div class="page-break" style="height: 290px; margin-bottom: 30px; margin-left:85px"></div>

        <img alt=""  class="preview" src="../photos/layers-processed/claude/claude_Calque1-2-G.png" style="position:relative; width:50%; left:-779px; top:645px"/>
        <img alt=""  class="noir vert" src="../photos/layers-processed/claude/claude_Calque1-2.png" style="position:relative; width:50%; left:-779px; top:645px"/>



    </div>
        
       
        
        <div class="texte" style= "position:relative; margin-left: 363px; width:46%; margin-top:76px;">
                <p>
                        La  forme proposée en vue de ces quelques soirées de juin ne sera ni un  spectacle, ni réellement une lecture mais plutôt une forme hybride et  intermédiaire qui tout en interrogeant les codes de représentations sera  configurée comme une réunion de production publique, comme l’exposition  d’un travail en cours, avec néanmoins —comme agrément— un jet-ski,  une épée, quelques feux d’artifices, cinq hommes et une jeune femme  célèbrant sur les ruines de l'amour qui unissait Jean à Julie, les  béatitudes de l'amour.
                <p>
        </div>
        
        <div class="production" style="width:55%; margin-top:0px; margin-left:362px">
                <p>
                        Une production de Paradies en coproduction avec la Balsamine.
                </p>
        </div>
        
        <div class="bible" style="width:45%; margin-top:0px; margin-left:362px">
                <dl>
                        <dt>Scénario</dt>
                        <dd>Arthur Egloff et Claude Schmitz</dd>
                                <dt>Mise en scène</dt>
                                <dd>Claude Schmitz</dd>
                        <dt>Distribution</dt>
                        <dd>en cours</dd>
                </dl>
        </div>
</article>

<!--
-  I N F O S   P R A T I Q U E S  -
-->

<article id="public-rencontres" style="page-break-before: always; padding-top: 55px;">
   <div class="titre" style=" width: 100%;">
       <h1>Public/ <br />Rencontres</h1>
   </div>

   <div class="titre" style="width: 100%;">
       <h2>Les After-Shows</h2>
   </div>

   <div class="texte" style="width:34%;">
       <p>
           Toutes les deuxièmes représentations, en après-spectacle, nous vous proposons une rencontre avec l’équipe artistique.
           Petite particularité, cette rencontre est menée par un autre artiste de la&nbsp;saison.
       </p>
   </div>

   <div class="texte" style="width:66%; padding: 20px; height: 260px;">
       <ul>
           <li><em>Fusée</em>, le jeudi 26 septembre</li>
           <li><em>Les moutons</em>, le mercredi 16 octobre</li>
           <li><em>«&thinsp;J’ai enduré vos discours&hellip;&thinsp;»</em>, le jeudi 7 novembre</li>
           <li><em>Trilogie de l’enfer</em>, le samedi 25 janvier</li>
           <li><em>Vision</em>, le mercredi 26 février</li>
           <li><em>K Barré</em>, le jeudi 20 mars</li>
           <li><em>La forêt</em>, le jeudi 3 avril</li>
           <li><em>Genesis</em>, le mercredi 28 mai</li>
           <li><em>Les béatitudes de l’amour</em>, le mercredi 11 juin</li>
       </ul>
   </div>

   <h2 style="clear: left">Les ateliers Balsa&thinsp;: les slowdatings</h2>

   <div class="texte" style="width:17%; ">
       <p>Des rendez-vous privilégiés artistes/<wbr>public</p>
   </div>
   <div class="texte" style="width:37%; height: 355px">
       <p>
           Nous vous invitons certains samedis de 17h00 à 19h00 à participer à un atelier pratique mené par un artiste de la saison. Il vous sera ensuite possible de vous restaurer et d’assister à une représentation dès 20h30. La participation à ces ateliers est gratuite mais nécessite une réservation. 
       </p>
   </div>
   <div class="texte" style="width:46%; padding: 20px;">
       <ul>
           <li><em>Le 28 septembre</em><br/> avec Ludovic Barth</li>
           <li><em>Le 19 octobre</em><br/> avec Lise Wittamer et Élena Perez</li>
           <li><em>Le 9 novembre</em><br/> avec Anne Thuot</li>
           <li><em>Le 1<sup>er</sup> février</em><br/> avec Martine Wijckaert</li>
           <li><em>Le 1<sup>er</sup> mars</em><br/> avec Pierre Megos</li>
           <li><em>Le 22 mars</em><br/> avec Barbara Mavro Thalassitis</li>
           <li><em>Le 5 avril</em><br/> avec Baudouin de Jaer</li>
       </ul>
   </div>
        
   </article>

<article id="infos-pratiques" style="page-break-before: always; padding-top: 55px;">


    <div class="titre">
        <h1>Informations pratiques</h1>
    </div>



       <div class="titre" style="width: 100%;">
            <h2>Prix des places</h2>
        </div>
        <div style="width:16%;">
            <div class="texte numbers" style="width:100%;  text-transform: none">
                <span class="lettrine">Tarif plein</span> 14€ &mdash; Prévente 12€
            </div>
            <div class="image-cmjn" style="width: 100%; height: 300px; outline: none; position: relative; z-index: -10; overflow: visible; margin-left: 10px;margin-right: -10px;">
                <img alt="" class="noir rose" src="../materials/extract/lignes-obliques.gif" style="width: 100%" />
                <img alt="" class="preview" src="../materials/extract-R/lignes-obliques.gif" style="width: 100%" />
            </div>
        </div>


        <div class="texte numbers" style="width:35%;  text-transform:none; height: 300px;">
            <span class="lettrine">Tarif mécène </span> <br/>Vous aimez la Balsa et la programmation que nous y défendons&thinsp;? Vous voulez nous soutenir&thinsp;? En payant votre place 20&nbsp;euros, vous devenez notre mécène et nous aidez à développer notre ambitieux projet&thinsp;!
        </div>

        <div class="texte numbers" style="width:44%;  text-transform: none">
            <span class="lettrine">Tarifs réduits</span> <br />8€ &mdash; prévente 6€
            (étudiants, +&nbsp;60 ans, demandeurs d’emploi, schaerbeekois)
        </div>
        
        <div class="texte numbers" style="width:24%;  text-transform: none; ">
            <span class="lettrine">Tarifs étudiants <br /> en écoles supérieures artistiques</span> <br/>4€
        </div>
    
        <div class="texte numbers" style="width:22%;  text-transform: none;">
            <span class="lettrine">Les samedis Balsa</span> 6€ tous les samedis toute la saison&thinsp;!
        </div>
        

        <div class="texte numbers" style="width:15%;  text-transform: none; ">
            <span class="lettrine">Art. 27</span> et <span class="lettrine">Arsène 50</span>
        </div>

        
        <div class="texte numbers" style="width:66%;  text-transform: none">
            <span class="lettrine">Tarifs de groupe</span>
            <div class="texte" style="width: 42%; height: 256px; ">
                Le paiement des réservations de groupe doit s’effectuer 10&nbsp;jours avant la date de représentation choisie.
            </div>
            <div class="texte" style="width: 58%; ">
                <span class="lettrine">Groupe adulte</span> (à partir de 10 personnes) : 10€ la place + 1 place offerte à l’organisateur
            </div>
            <div class="texte" style="width: 58%; ">
                <span class="lettrine">Groupe étudiant</span> (à partir de 10 personnes) : 6€ la place + 1 place offerte à l’enseignant
            </div>
        </div>
        
<article id="pass" style="page-break-before: always; padding-top: 55px;">
        
        
   <div class="titre" style="width: 100%">
        <h2>Nos pass</h2>
    </div>
       
        <div class="texte" style="width:40%;">
            <p>
                Et si vous tentiez un pass&thinsp;?  
                Et si en plus les pass donnaient accès à des surprises&thinsp;? Et si vous appeliez Fanny Arvieu <br />au 02 735 64 68 pour plus de&nbsp;renseignements&thinsp;?
            </p>
        </div>
        <div class="texte" style="width:60%;">
            <p>
                Les pass sont nominatifs, réservation des places à tout moment au cours de la saison (sous réserve des places disponibles)
                La personne accompagnant le détenteur d’un Pass bénéficie du tarif réduit 8€/ prévente 6€.
            </p>
        </div>
        <div class="image-cmjn" style="width: 61%; height: 44px; outline: none; position: relative; z-index: -10; margin-top: 0px;  margin-left: 0px;">
            <img alt="" class="noir rose" src="../materials/extract/mini-lignes longues.gif" style="width: 100%" />
            <img alt="" class="preview" src="../materials/extract-R/mini-lignes longues.gif" style="width: 100%" />
        </div>
            
        <div class="texte numbers" style="width:66%;  text-transform: none;">
            <div class="texte" style="width:40%;  height: 300px;">
                <span class="lettrine">Pass quand tu veux</span> donne accès aux 12 spectacles de la saison.
            </div>
            <div class="texte" style="width:30%;  height: 150px;">
                <span class="lettrine">Tarif plein</span> 90€ (soit 7,50€ la place)
            </div>
            <div class="texte" style="width:30%; ">
                <span class="lettrine">Tarif réduit</span> 60€ (soit&nbsp;5€ la place)
            </div>
            <div class="texte" style="width:60%; ">
                <span class="lettrine">Cadeau</span> la Balsamine offre un verre de bienvenue aux détenteurs du pass avant chaque représentation choisie.
            </div>
        </div>
        
        <div id="pass-varia" class="texte numbers" style="width: 34%; text-transform: none; z-index:1000">
            <p><span class="lettrine">Pass Balsa/Varia </span>
            <span>Autour de la Trilogie de  Clinic Orgasm Society</span>
            </p>
            <p>prix plein&thinsp;: 30€ </p><p style="margin-bottom: 7px;">prix réduit&thinsp;: 18€</p >
            <p style="margin-bottom: 7px;"><span class="lettrine">Fusée</span>   Du 25 septembre au 5 octobre à 20h30 à la Balsamine</p>
            <p style="margin-bottom: 7px;"><span class="lettrine">Pré</span>  Les 21 et  22 février, et du 27 février au 1<sup>er</sup> mars à 20h au  Petit Varia</p>
            <p><span class="lettrine">Blé</span> Du 11 au 14 mars à 20h30, le 15 mars à 19h30  au Grand Varia </p>
        </div>
        
        
        <div class="texte numbers" style="width:66%; margin-top: 0px;  text-transform: none;">
            <div class="texte" style="width:40%;  height: 256px;">
                <span class="lettrine">Pass à l’occas'</span> donne accès à 3 spectacles de la saison au choix.
            </div>
            <div class="texte" style="width:30%;  ">
                 <span class="lettrine">Tarif plein</span> 30€
            </div>
            <div class="texte" style="width:30%; ">
                 <span class="lettrine">Tarif réduit </span>18€
            </div>
            <div class="texte" style="width:60%; ">
                 <span class="lettrine">Cadeau</span> la Balsamine offre un verre de bienvenue aux détenteurs du pass avant chaque représentation choisie.
            </div>
        </div>
</article>

<article id="infos-reservations" style="page-break-before: always; padding-top: 55px;">


       <div class="titre" style="width: 100%;">
            <h2>Infos et réservations</h2>
        </div>

       <div class="texte" style="width:27%; height: 212px;">
           <p>
           Via notre site internet (réservation possible 24h/24)&thinsp;: <a href="http://balsamine.be/">www<wbr>.<wbr>balsamine<wbr>.<wbr>be</a>.
            </p>
        </div>
       <div class="texte" style="width:45%; height: 212px;">
           <p>
                Au 02 735 64 68.
                Du lundi au vendredi, de 14h à 18h, Fanny Arvieu prend vos réservations ou vous donne des renseignements complémentaires.
                En dehors de ces heures et le week-end, un répondeur prend vos réservations.
            </p>
        </div>
       <div class="texte" style="width:24%;">
           <p>
           Via notre adresse e-mail&thinsp;: <a href="mailto:reservation@balsamine.be">reservation<wbr>@<wbr>balsamine<wbr>.<wbr>be</a>.
            </p>
        </div>
       <div class="texte" style="width:24%;">
           <p>
                Administration 02 732 96 18
           </p>
        </div>


       <div class="titre" style="width: 100%;">
            <h2>Moyens de paiement et retrait des places</h2>
        </div>

        <div style="width: 65%;">
           <div class="titre" style="width: 100%;">
                <h3>Préventes et ventes</h3>
            </div>
           <div class="texte" style="width: 60%;">
               <p>
                   Par virement bancaire au numéro de compte suivant&thinsp;: IBAN  BE15 0680 6267 2030 &mdash; BIC GKCCBEBB
                   Attention, pour bénéficier du tarif prévente, votre virement doit nous être parvenu 48h avant la date de représentation choisie. Il est donc vivement conseillé de faire le virement 5 jours avant cette date.
               </p>
            </div>
           <div class="texte" style="width: 40%; height: 304px;">
               À la billetterie, ouverte tous les soirs de représentations, dès 19h: 
               paiement cash, Bancontact, Visa et Proton.
            </div>
        </div>

        <div style="width: 35%;">
           <div class="titre" style="width: 100%;">
                <h3>Retrait des places</h3>
            </div>
           <div class="texte" style="width: 100%; height: 304px;">
               <p>
                    Les places (jetons d’entrée) sont à retirer le soir-même de la représentation.
                    Les places réservées doivent être retirées avant 20h15. Au-delà de cette limite, elles pourront être remises en  vente.
                </p>
            </div>
        </div>



    <div style="width: 50%;">
       <div class="titre" style="width: 100%;">
            <h2>Bar et restauration</h2>
        </div>
       <div class="texte" style="width:100%;">
           <p>
                Le bar est ouvert à 19h chaque soir de représentation. 
                Une petite restauration délicieuse et faite sur place vous est proposée avant et après chaque spectacle.
           </p>
        </div>
    </div>

</article>
<article id="plan-equipe" style="page-break-before: always; padding-top: 55px;">



   <div class="titre" style="width: 100%;">
        <h2>Tous les chemins mènent à la Balsa</h2>
    </div>


    <div class="texte" style="width: 90%; height: 690px; margin-top:-7px">
        <img class="noir vert" alt="" src="map2.svg" style="width: 100%;" />
        <img class="preview" alt="" src="map2.svg" style="width: 100%;" />
    </div>


    <div style="width: 48%;">
       <div class="titre" style="width: 100%;">
            <h2>L’équipe</h2>
        </div>
       <div class="texte" style="width:100%; height: 263px;margin-top:-8px;">
            <dl>
                <dt>Monica Gomes & Fabien Dehasseler</dt>
                <dd>Directeurs artistiques</dd>
                <dt>Laurent Henry</dt>
                <dd>Directeur financier et administratif</dd>
                <dt>Fanny Arvieu</dt>
                <dd>Coordination générale/ Réservations/<bwr/>Accueil Compagnies</dd>
                <dt>Isabelle Colassin</dt>
                <dd>Relations publiques/<wbr />Médiation artistique écoles et associations</dd>
                <dt>Martine Wijckaert</dt>
                <dd>Artiste associée</dd>
                <dt>Jef Philips</dt>
                <dd>Directeur technique</dd>
                <dt>Olivier Vincent</dt>
                <dd>Régisseur</dd>
                <dt>Masira Idrissi</dt>
                <dd>Entretien</dd>             
                <dt>Hichem Dahes</dt>
                <dd>Photographe associé</dd>
                <dt>Open Source Publishing <sup>Speculoos</sup></dt>
                <dd>Designers graphiques associés</dd>
            </dl>
        </div>
    </div>


    <div style="width: 50%">
       <div class="titre" style="width: 100%;">
            <h2>Partenaires</h2>
        </div>
       <div class="texte" style="width:100%; padding: 20px;margin-top:-8px;">
           <p>
                La Balsamine est subventionnée par la Fédération Wallonie-Bruxelles et fait partie du réseau des Scènes chorégraphiques de la Commission Communautaire française de la Région de Bruxelles-Capitale.
            </p>
            <p>
                La Balsamine reçoit aussi le soutien de Wallonie-Bruxelles Théâtre/Danse, de Wallonie-Bruxelles International et du Centre des Arts Scéniques.
            </p>
        </div>
    </div>
    <div style="width: 1%; box-sizing: border-box; padding-top: 50px; padding-left: 10px;">
        <img class="noir vert" style="width: 40px; margin: 5px 2px;"  src="../logos/fede-wallonie-bruxelles.svg" />
        <img class="preview" style="width: 40px; margin: 5px 2px;"  src="../logos/fede-wallonie-bruxelles.svg" />
        <img class="noir vert" style="width: 40px; margin: 5px 2px;"  src="../logos/culture-be.svg" />
                <img class="noir vert" style="width: 40px; margin: 5px 2px;"  src="../logos/culture-be.svg" />

        <img class="noir vert" style="width: 40px; margin: 5px 2px;"  src="../logos/cocof.svg" />
                <img class="preview" style="width: 40px; margin: 5px 2px;"  src="../logos/cocof.svg" />

        <img class="noir vert" style="width: 40px; margin: 5px 2px;"  src="../logos/wbi.svg" />
                <img class="preview" style="width: 40px; margin: 5px 2px;"  src="../logos/wbi.svg" />

        <img class="noir vert" style="width: 40px; margin: 5px 2px;"  src="../logos/wbtd.svg" />
                <img class="preview" style="width: 40px; margin: 5px 2px;"  src="../logos/wbtd.svg" />

        <img class="noir vert" style="width: 40px; margin: 5px 2px;"  src="../logos/loterie.svg" />
                <img class="preview" style="width: 40px; margin: 5px 2px;"  src="../logos/loterie.svg" />

        <img class="noir vert" style="width: 40px; margin: 5px 2px;"  src="../logos/arts-sceniques.svg" />
                <img class="preview" style="width: 40px; margin: 5px 2px;"  src="../logos/arts-sceniques.svg" />

        <img class="noir vert" style="width: 40px; margin: 5px 2px;"  src="../logos/gracq.svg" />
                <img class="preview" style="width: 40px; margin: 5px 2px;"  src="../logos/gracq.svg" />

    </div>
    <div style="width: 100%; margin-top: -50px;">
        <img class="noir vert" style="width: 40px; margin: 2px 6px;"  src="../logos/article27.svg" />
                <img class="preview" style="width: 40px; margin: 2px 6px;"  src="../logos/article27.svg" />

        <img class="noir vert" style="width: 40px; margin: 2px 6px;"  src="../logos/arsene50.svg" />
                <img class="preview" style="width: 40px; margin: 2px 6px;"  src="../logos/arsene50.svg" />

        <img class="noir vert" style="width: 40px; margin: 2px 6px;"  src="../logos/ligue-famille.svg" />
                <img class="preview" style="width: 40px; margin: 2px 6px;"  src="../logos/ligue-famille.svg" />

        <img class="noir vert" style="width: 40px; margin: 2px 6px;"  src="../logos/dyoxide-gambette.svg" />
                <img class="preview" style="width: 40px; margin: 2px 6px;"  src="../logos/dyoxide-gambette.svg" />

        <img class="noir vert" style="width: 40px; margin: 2px 6px;"  src="../logos/manege-mons.svg" />
                <img class="preview" style="width: 40px; margin: 2px 6px;"  src="../logos/manege-mons.svg" />

        <img class="noir vert" style="width: 40px; margin: 2px 6px;"  src="../logos/cifas.svg" />
                <img class="preview" style="width: 40px; margin: 2px 6px;"  src="../logos/cifas.svg" />

        <img class="noir vert" style="width: 20px; margin: 2px 6px;"  src="../logos/ctej.svg" />
                <img class="preview" style="width: 20px; margin: 2px 6px;"  src="../logos/ctej.svg" />

        <img class="noir vert" style="width: 60px; margin: 2px 6px;"  src="../logos/mediatheque.svg" />
                <img class="preview" style="width: 60px; margin: 2px 6px;"  src="../logos/mediatheque.svg" />

        <img class="noir vert" style="width: 40px; margin: 2px 6px;"  src="../logos/rtbf.svg" />
                <img class="preview" style="width: 40px; margin: 2px 6px;"  src="../logos/rtbf.svg" />

        <img class="noir vert" style="width: 40px; margin: 2px 6px;"  src="../logos/musiq3.svg" />
                <img class="preview" style="width: 40px; margin: 2px 6px;"  src="../logos/musiq3.svg" />

        <img class="noir vert" style="width: 60px; margin: 2px 6px;"  src="../logos/enseignement-be.svg" />
                <img class="preview" style="width: 60px; margin: 2px 6px;"  src="../logos/enseignement-be.svg" />

    </div>

</article>

<!--
-  L I M A C E  -
-->

<article id="limace" style="position: relative; border:none;page-break-before:always; page-break-after: always">

    <div style="width: 100%;position: relative; text-align:center; margin: auto; ">
         <p style="text-align:center; margin: auto; float:none; width:50%;">
            <img class="noir vert" alt="" src="../logos/limace.svg" style="margin-top: 400px;"/>
                        <img class="preview" alt="" src="../logos/limace.svg" style="margin-top: 400px;"/>

        </p>
        <img class="noir rose" alt="" src="scrolltram.png" style="height: 1120px;        position: absolute; right: -2cm; top: -2cm;" />
                <img class="preview" alt="" src="scrolltram-R.png" style="height: 1120px;        position: absolute; right: -2cm; top: -2cm;" />

     </div>

</article>
<!--
-  C O L O P H O N  -
-->
<article id="colophon" style="position: relative; page-break-before:always;
page-break-after: always; left: -100px; top: -20px;">

    <div style="width:927px;height:1220px;position:relative;">
        <div id="flux-container">
              <div id="region1" class="flux" style="width: 80%;height: 59px;top: 30px;left: 116px;position:absolute;"></div>
              <div id="region2" class="flux turn-right" style="width: 114%;height: 30px;left: 293px;top: 599px;position:absolute;"></div>
              <div id="region3" class="flux demi-tour" style="width:78%;height:30px;bottom: 124px;position:absolute;right:110px;"></div>
              <div id="region4" class="flux turn-left" style="width: 110%;height: 30px;right: 287px;bottom: 640px;position:absolute;"></div>
              
              <div id="region5" class="flux" style="width:74%;height:30px;top:90px;left: 135px;position:absolute;"></div>
              <div id="region6" class="flux turn-right" style="width:105%;height:30px;left: 309px;top: 579px;position:absolute;"></div>
              <div id="region7" class="flux demi-tour" style="width:72%;height:30px;bottom: 142px;position:absolute;right: 138px;"></div>
        </div>

        <article id="artcolophon" style="background-color:inherit !important;">
                    <dt>Éditeur responsable</dt> 
                    Fabien Dehasseler, Avenue Félix Marchal, 1 - 1030 Bruxelles
                    <dt>Photographie</dt> 
                    Hichem Dahes sauf mentions contraires
                    <dt>Design:</dt>
                    Open Source Publishing
                    <dt>Illustrations</dt> 
                    Shin-bijutsukai: v.1 <a href="http://archive.org/details/Shinbijutsukai1">http://archive.org/details/Shinbiju tsukai1</a>, v.2 <a href="http://archive.org/stream/Shinbijutsukai2">http://archive.org/stream/Shinbijutsukai2</a>
                    <dt>Logiciels</dt> 
		    Chromium 25+ avec Experimental Webkit Features on, Curl, css3, Etherpad Lite, Gimp, Git, GNU/Linux, html5, Python, Scribus, Inkscape, Imagemagick, Darktable, FontForge
		    <dt>Fontes</dt> 
                    Ume-Minch o_Balsa, Ume-Mincho-Shadow, Ume-P-Gothic_Balsa, Ume-P-Gothic-Bold, Ume-P-Gothic-Shadow, Ume-P-Gothic-Verti cal, Ume-P-Mincho.
                    <dt>Fichiers disponibles</dt> 
                    sous licence art libre sur osp.constantvzw.org
                    <dt>Impression</dt> 
                    Imprimerie Dereume, Drogenbos
                    <dt>Brochage</dt> 
                    Renaître, Evere
         </article>
    </div>

    <div id="making-of" style="position: absolute; width: 610px; margin-top: 165px ;
        margin-left: 164px; padding-top: 0px; font-size: 15px; line-height: 17px;"> 

        <h2>Making of</h2> <p><span class="under" style="font-size: 12px">Mode
        lyrique</span> Répondre à et infuser la programmation spéculative de la
        Balsa par un déboitement un peu perché au-dessus des sillons tracés par
        Gutenberg, il y a 550 ans quand il s'agit de composer typographiquement les pages d'un livre. 
        OSP tente une composition des textes et des
        images en utilisant les langages neufs qui sont en train de transformer le web mois après
        mois. Les propositions jeunes et encore hésitantes, sur leurs pattes de
        jeunes poulains de ces langues qui pensent le web à venir, élargissent
        brutalement la manière dont des mots, des phrases et des visuels
        cohabitent comme des blocs de glace sur une rivière à la fonte des
        neiges. La notion de page est soudain nettement plus flottante et
        intervient à la fin du processus comme une scansion temporaire, comme
        une résille au rectangle pointe d'autres potentiels. Un document du
        temps&nbsp;qui coule.</p> 

        <div style="float: right; margin-left: 10px; height: 193px;width: 200px;">
        <img class="preview" alt src="../lgm-talk/30a-R.png" width="200px" height="150px" border="0" style="position: absolute;" />
        <img class="noir rose" alt src="../lgm-talk/30a.png" width="200px" height="150px" border="0" style="position: absolute;" />
        <p style="font-family: 'Ume P Gothic Balsa'; font-size: 10px; letter-spacing: 1px; margin-top: 154px;">fig 1 
        — figures extraites d'un lightning talk au Libre Graphics Meeting à Madrid, 12 avril 2013</p>
        </div>
        
        <p><span class="under" style="font-size: 12px">Mode technique</span> Depuis deux ans et demi, de
        multiples logiciels ont été utilisés pour la production graphique de la
        communication de la Balsa (fig. 1). Cette saison, OSP a décidé de faire le mur et de sauter dans
        le verger grouillant de l'HTML récent et des CSS plus récents encore (fig.
        2). L'un et l'autre sont sortis de leur contexte naturel du web pour
        venir s'aventurer à produire les pages du présent petit livret. La liste des
        fonctionnalités nécessaires et des solutions qui peuvent y répondre se
        garnit (même si elle reste un peu moto-cross - fig.&nbsp;3). </p>

        <p>Concrètement, en gros, les 48 pages de ce programme sont concentrées
        dans une longue et grande page web (html + css). Un javascript dessine
        les marques de repérages nécessaires aux imprimeurs, page par page.
        Cette page est imprimée vers des pdf en fonction de leurs couleurs,
        séparées.</p>
        
	<div style="float: left; margin-right: 10px; height: 160px;width: 200px; margin-top:10px">
        <img class="preview" alt src="../lgm-talk/50a-R.png" width="200px" height="150px" border="0" style="position: absolute;" />
        <img class="noir rose" alt src="../lgm-talk/50a.png" width="200px" height="150px" border="0" style="position: absolute;" />
        <p style="font-family: 'Ume P Gothic Balsa'; font-size: 10px; letter-spacing: 1px; margin-top: 156px;">fig 2.</p>
        </div>
        
        <p>L'écologie HTML ↔ CSS ↔ navigateur ↔ système de fichier
        ↔ ligne de commande révèle la symbiose très articulée qui anime ces
        acteurs baignés par une culture commune et rend relativement fluide le flot de
        processus nécessaires à l'élaboration de ce type de publication. Le
        principal écueil encore présent, pour peu de temps, est la faible
        priorité actuelle donnée par le moteur libre Webkit aux routines permettant de découper
        le flux en pages. Un artisanat de détail à cette phase est donc encore
        nécessaire pour quelques&nbsp;mois.</p>
        <p>Le fichier de la mise en page de
        la Balsa peut être visitée à l'aide de patience et d'un navigateur qui
        utilise un Webkit le plus récent possible, comme Chromium,
        et en activant les Webkit Experimental Features dans la page
        <span style="font-family: 'Ume P Gothic Balsa'; font-size: 12px; letter-spacing: 1px;">chrome://flags/</span>
        - <a href="http://osp.constantvzw.org/work/balsamine.2013-2014/tree/master/programme/programme.html">http://osp.constantvzw.org/work/balsamine.2013-2014/tree/master/programme/programme.html</a></p>

        <div style="float: right; margin-left: 10px; height: 160px;width: 200px;">
        <img class="preview" alt src="../lgm-talk/55a-R.png" width="200px" height="150px" border="0" border="0" style="position: absolute;" />
        <img class="noir rose" alt src="../lgm-talk/55a.png" width="200px" height="150px" border="0" border="0" style="position: absolute;" />
        <p style="font-family: 'Ume P Gothic Balsa'; font-size: 10px; letter-spacing: 1px; margin-top: 156px;">fig 3.</p>
        </div>

        <p>Les fichiers de ce programme, et une vision méritocratique de leur
        genèse est à lire sur <a
            href="http://osp.constantvzw.org/work/balsamine.2013-2014/">http://osp.constantvzw.org/work/balsamine.2013-2014</a>
        où un pourrait traduire la tétière par "Pour chacun de nos projets de cuisine et de graphisme, nous
        empilons des fichiers dans un dossier partagé. Le moment de chacun de
        ces empilements correspond à l'écriture de messages qui signent
        littéralement ces actes de —heu— commettre. Nous vous invitons
        chaleureusement à y goûter, à l'améliorer, ou à
        utiliser chacun de ces éléments comme ça vous semble bon ou mal et de les
        redistribuer à votre tour. Les seules formules de politesse que nous
        vous proposons sont de créditer proprement l'origine de ces mets et de
        les redistribuer sous un mode proche du «ne rien ôter à personne»", disons.</p> </div>

</article>
<article id="commits" style="position: relative; border:none;page-break-before:always; page-break-after: always;">
<div id="commit-container" style="margin-top:50px;">
    <div></div>
    <div></div>
    <div></div>
    <div></div>

    <div style="margin-top: 80px"></div>
    <div style="margin-top: 80px"></div>
    <div style="margin-top: 80px"></div>
    <div style="margin-top: 80px"></div>

    <div style="margin-top: 80px"></div>
    <div style="margin-top: 80px"></div>
    <div style="margin-top: 80px"></div>
    <div style="margin-top: 80px"></div>
</div>

        <div class="commit-list">
    
        <div class='ellipse' style='height: 0px;'>&nbsp;</div>
        <div class='commit' data-date="2013-03-18T11:09:52">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>bring out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; Parallel univers - reference pictures start<br /></p>
            <p class='commit-date'>Monday, 18th March 2013 - 11:09</p>
        </div>
    
        <div class='ellipse' style='height: 1.18040068928px;'>&nbsp;</div>
        <div class='commit' data-date="2013-03-18T11:44:16">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>discovered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; refs steph<br /></p>
            <p class='commit-date'>Monday, 18th March 2013 - 11:44</p>
        </div>
    
        <div class='ellipse' style='height: 38.0289324253px;'>&nbsp;</div>
        <div class='commit' data-date="2013-03-19T15:05:10">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; textes provisoires du programme<br /></p>
            <p class='commit-date'>Tuesday, 19th March 2013 - 15:05</p>
        </div>
    
        <div class='ellipse' style='height: 0.927683160309px;'>&nbsp;</div>
        <div class='commit' data-date="2013-03-19T15:32:08">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>babbled out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; readme and licenses<br /></p>
            <p class='commit-date'>Tuesday, 19th March 2013 - 15:32</p>
        </div>
    
        <div class='ellipse' style='height: 66.6579851924px;'>&nbsp;</div>
        <div class='commit' data-date="2013-03-22T10:34:04">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>tattled</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; encore des réfs<br /></p>
            <p class='commit-date'>Friday, 22nd March 2013 - 10:34</p>
        </div>
    
        <div class='ellipse' style='height: 1.41047282347px;'>&nbsp;</div>
        <div class='commit' data-date="2013-03-22T11:15:16">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>gave away</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; more comics covers<br /></p>
            <p class='commit-date'>Friday, 22nd March 2013 - 11:15</p>
        </div>
    
        <div class='ellipse' style='height: 0.0878856787631px;'>&nbsp;</div>
        <div class='commit' data-date="2013-03-22T11:17:48">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>talked</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; et encore plus de réfs<br /></p>
            <p class='commit-date'>Friday, 22nd March 2013 - 11:17</p>
        </div>
    
            
        <div class='ellipse' style='height: 104.81042317px;'>&nbsp;</div>
        <div class='commit' data-date="2013-03-29T14:32:48">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>blabed out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; INVOLUTION 03 : l’art des possibles<br /></p>
            <p class='commit-date'>Friday, 29th March 2013 - 14:32</p>
        </div>
    
        <div class='ellipse' style='height: 2.21191871329px;'>&nbsp;</div>
        <div class='commit' data-date="2013-03-29T15:37:56">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>let loose</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; licenses photos Hichem Dahes --&gt; attention, zone non libre<br /></p>
            <p class='commit-date'>Friday, 29th March 2013 - 15:37</p>
        </div>
    
        <div class='ellipse' style='height: 67.9439575473px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-01T14:02:10">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>spilled the beans</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; session 2<br /></p>
            <p class='commit-date'>Monday, 1st April 2013 - 14:02</p>
        </div>
    
        <div class='ellipse' style='height: 54.6336307892px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-03T13:36:35">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>babbled out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; adding Oswald in between<br /></p>
            <p class='commit-date'>Wednesday, 3rd April 2013 - 13:36</p>
        </div>
    
        <div class='ellipse' style='height: 9.51475423982px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-03T18:38:25">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>argued</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; flowing picturesin the iceberg<br /></p>
            <p class='commit-date'>Wednesday, 3rd April 2013 - 18:38</p>
        </div>
    
        <div class='ellipse' style='height: 0.9929680672px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-03T19:07:18">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>bring out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; pict coulante<br /></p>
            <p class='commit-date'>Wednesday, 3rd April 2013 - 19:07</p>
        </div>
    
        <div class='ellipse' style='height: 12.8029407149px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-04T02:07:32">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>published</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; Purple Scribus<br /></p>
            <p class='commit-date'>Thursday, 4th April 2013 - 02:07</p>
        </div>
    
        <div class='ellipse' style='height: 107.01596997px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-11T14:10:38">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>talked</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; talk-talk<br /></p>
            <p class='commit-date'>Thursday, 11th April 2013 - 14:10</p>
        </div>
    
        <div class='ellipse' style='height: 103.332588338px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-18T11:44:14">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>gave away</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; small retables<br /></p>
            <p class='commit-date'>Thursday, 18th April 2013 - 11:44</p>
        </div>
    
        <div class='ellipse' style='height: 41.7439902332px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-19T19:02:46">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>let out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; thomas et un orgasme<br /></p>
            <p class='commit-date'>Friday, 19th April 2013 - 19:02</p>
        </div>
    
        <div class='ellipse' style='height: 10.4207625022px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-20T00:36:27">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>stated</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; des morceaux manga pour se faire une idée de découpe<br /></p>
            <p class='commit-date'>Saturday, 20th April 2013 - 00:36</p>
        </div>
    
            
        <div class='ellipse' style='height: 36.4785313373px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-21T02:25:32">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>stated</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; down pad but local colors<br /></p>
            <p class='commit-date'>Sunday, 21st April 2013 - 02:25</p>
        </div>
    
        <div class='ellipse' style='height: 12.2783100072px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-21T09:06:21">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>spilled the beans</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; back to flat et  CMYK shifté<br /></p>
            <p class='commit-date'>Sunday, 21st April 2013 - 09:06</p>
        </div>
    
        <div class='ellipse' style='height: 3.98557281173px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-21T11:05:50">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>unwraped</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; retable en double page - césures images verticales ou horizontale<br /></p>
            <p class='commit-date'>Sunday, 21st April 2013 - 11:05</p>
        </div>
    
        <div class='ellipse' style='height: 0.739869205171px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-21T11:27:18">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>rendered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; the Francklin from Levien<br /></p>
            <p class='commit-date'>Sunday, 21st April 2013 - 11:27</p>
        </div>
    
        <div class='ellipse' style='height: 0.242466703072px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-21T11:34:18">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>tattled</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; bits for our Madrid talk<br /></p>
            <p class='commit-date'>Sunday, 21st April 2013 - 11:34</p>
        </div>
    
        <div class='ellipse' style='height: 0.702221607704px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-21T11:54:40">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>blabed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; des morceaux manga, un peu triés, reste à en trouver beaucoup<br /></p>
            <p class='commit-date'>Sunday, 21st April 2013 - 11:54</p>
        </div>
    
        <div class='ellipse' style='height: 56.5465785348px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-23T14:16:34">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>discovered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; basse défs photos hiche: saison, baudouin, claude<br /></p>
            <p class='commit-date'>Tuesday, 23rd April 2013 - 14:16</p>
        </div>
    
        <div class='ellipse' style='height: 4.00907934591px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-23T16:16:47">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>talked</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; sneak preview<br /></p>
            <p class='commit-date'>Tuesday, 23rd April 2013 - 16:16</p>
        </div>
    
        <div class='ellipse' style='height: 0.705645288162px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-23T16:37:15">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>babbled</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; extraits pict<br /></p>
            <p class='commit-date'>Tuesday, 23rd April 2013 - 16:37</p>
        </div>
    
        <div class='ellipse' style='height: 1.99441126801px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-23T17:35:51">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>cried</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; cloud horizontales point 45&#39;<br /></p>
            <p class='commit-date'>Tuesday, 23rd April 2013 - 17:35</p>
        </div>
    
        <div class='ellipse' style='height: 0.991833405556px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-23T18:04:42">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>verbalised</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; talk and some leftovers<br /></p>
            <p class='commit-date'>Tuesday, 23rd April 2013 - 18:04</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.200984399808px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-23T18:10:43">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>expressed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; des brosses de carwash et autres morceaux de jute<br /></p>
            <p class='commit-date'>Tuesday, 23rd April 2013 - 18:10</p>
        </div>
    
        <div class='ellipse' style='height: 4.17651045043px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-23T20:16:10">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>babbled out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; patterns japonais<br /></p>
            <p class='commit-date'>Tuesday, 23rd April 2013 - 20:16</p>
        </div>
    
            
        <div class='ellipse' style='height: 6.45639518059px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-23T23:35:31">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>babbled out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; decomposition CMYK test 1<br /></p>
            <p class='commit-date'>Tuesday, 23rd April 2013 - 23:35</p>
        </div>
    
        <div class='ellipse' style='height: 16.9862109162px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-24T09:18:05">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>ironized</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; test séparation des couches C, M, J et N<br /></p>
            <p class='commit-date'>Wednesday, 24th April 2013 - 09:18</p>
        </div>
    
        <div class='ellipse' style='height: 5.73975184682px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-24T12:13:15">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>let out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; test 2PMS pour Delferrière<br /></p>
            <p class='commit-date'>Wednesday, 24th April 2013 - 12:13</p>
        </div>
    
        <div class='ellipse' style='height: 38.3212804501px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-25T15:52:13">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>expressed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; modif sur le script layers2images -&gt; applique les masques avant d&#39;exporter le layer<br /></p>
            <p class='commit-date'>Thursday, 25th April 2013 - 15:52</p>
        </div>
    
        <div class='ellipse' style='height: 0.641697899004px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-25T16:10:49">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>revealed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; les morceaux de calque d&#39;hichem<br /></p>
            <p class='commit-date'>Thursday, 25th April 2013 - 16:10</p>
        </div>
    
        <div class='ellipse' style='height: 0.0653507926451px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-25T16:12:42">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; nouveaux textes<br /></p>
            <p class='commit-date'>Thursday, 25th April 2013 - 16:12</p>
        </div>
    
        <div class='ellipse' style='height: 2.10994120166px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-25T17:14:46">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>exposed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; les calques de meteor et d&#39;orgasm<br /></p>
            <p class='commit-date'>Thursday, 25th April 2013 - 17:14</p>
        </div>
    
        <div class='ellipse' style='height: 0.96232316124px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-25T17:42:45">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; la dernière photo d&#39;hichem: k barré<br /></p>
            <p class='commit-date'>Thursday, 25th April 2013 - 17:42</p>
        </div>
    
        <div class='ellipse' style='height: 3.05682366844px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-25T19:13:32">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>exposed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; printers stories, dunes and blows<br /></p>
            <p class='commit-date'>Thursday, 25th April 2013 - 19:13</p>
        </div>
    
        <div class='ellipse' style='height: 9.01035271449px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-25T23:57:53">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>whistled</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; un script python pour mixer 2 UFOs en un.<br /><br />Usage:<br /><br />    `python 2fontsin1.py fonte1.ufo fonte2.ufo fonte-out.ufo`<br /><br />Résultat: une Ume Mincho extrudée avec surface noire.<br /></p>
            <p class='commit-date'>Thursday, 25th April 2013 - 23:57</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.755262328557px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-26T00:23:15">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>uttered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; Ume Mincho X en latin1<br /></p>
            <p class='commit-date'>Friday, 26th April 2013 - 00:23</p>
        </div>
    
        <div class='ellipse' style='height: 1.16231096404px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-26T00:57:07">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>talked</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; et une fonte shadow<br /></p>
            <p class='commit-date'>Friday, 26th April 2013 - 00:57</p>
        </div>
    
        <div class='ellipse' style='height: 0.0965502390006px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-26T00:59:54">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>told</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; ume shadow dans l&#39;iceberg<br /></p>
            <p class='commit-date'>Friday, 26th April 2013 - 00:59</p>
        </div>
    
        <div class='ellipse' style='height: 33.3594070695px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-26T23:46:06">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>revealed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; cahier photos au bon format avec toutes les photos<br /></p>
            <p class='commit-date'>Friday, 26th April 2013 - 23:46</p>
        </div>
    
        <div class='ellipse' style='height: 0.935635446608px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-27T00:13:18">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>babbled out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; tapage des infos brutes dans cahier photos<br /></p>
            <p class='commit-date'>Saturday, 27th April 2013 - 00:13</p>
        </div>
    
        <div class='ellipse' style='height: 26.0511724371px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-27T16:37:54">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>babbled</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; l&#39;ombre de la gothic: à 50, 600, -45<br /></p>
            <p class='commit-date'>Saturday, 27th April 2013 - 16:37</p>
        </div>
    
        <div class='ellipse' style='height: 0.922002181356px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-27T17:04:42">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>exposed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; Ume Gothic grasse, mais est-elle assez grasse?<br /></p>
            <p class='commit-date'>Saturday, 27th April 2013 - 17:04</p>
        </div>
    
        <div class='ellipse' style='height: 2.89214894273px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-27T18:30:27">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; nvx extracts<br /></p>
            <p class='commit-date'>Saturday, 27th April 2013 - 18:30</p>
        </div>
    
        <div class='ellipse' style='height: 1.0513683596px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-27T19:01:03">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>gave away</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; add Sarah aux contributeurs et dédoublonnage du dossier talk<br /></p>
            <p class='commit-date'>Saturday, 27th April 2013 - 19:01</p>
        </div>
    
        <div class='ellipse' style='height: 0.0636169191136px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-27T19:02:53">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>emited</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; un petit test déjà ancien de catalogue de couches sur un psd de la première saison<br /></p>
            <p class='commit-date'>Saturday, 27th April 2013 - 19:02</p>
        </div>
    
        <div class='ellipse' style='height: 0.053790499887px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-27T19:04:26">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>cried</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; we have think at some point to use the draft of the Franklin for Raph<br /></p>
            <p class='commit-date'>Saturday, 27th April 2013 - 19:04</p>
        </div>
    
        <div class='ellipse' style='height: 0.10867810138px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-27T19:07:34">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>blabed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; regroupement de références<br /></p>
            <p class='commit-date'>Saturday, 27th April 2013 - 19:07</p>
        </div>
    
        <div class='ellipse' style='height: 0.101170723924px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-27T19:10:29">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>disclosed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; le tout petit début de la peinture sur le batiment<br /></p>
            <p class='commit-date'>Saturday, 27th April 2013 - 19:10</p>
        </div>
    
        <div class='ellipse' style='height: 0.0751749404319px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-27T19:12:39">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>verbalised</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; the slides text sources in svg<br /></p>
            <p class='commit-date'>Saturday, 27th April 2013 - 19:12</p>
        </div>
    
        <div class='ellipse' style='height: 0.032975235059px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-27T19:13:36">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>whispered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; un découpage de page en test<br /></p>
            <p class='commit-date'>Saturday, 27th April 2013 - 19:13</p>
        </div>
    
        <div class='ellipse' style='height: 0.102903295696px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-27T19:16:34">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>told</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; allo!?<br /></p>
            <p class='commit-date'>Saturday, 27th April 2013 - 19:16</p>
        </div>
    
            
        <div class='ellipse' style='height: 3.80409412493px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-27T21:10:43">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>rendered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; ume p mincho pour pierre<br /></p>
            <p class='commit-date'>Saturday, 27th April 2013 - 21:10</p>
        </div>
    
        <div class='ellipse' style='height: 0.3730263429px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-27T21:21:30">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>blabed out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; des et-si comme s&#39;ils passaient d&#39;un monde parallèle à l&#39;autre<br /></p>
            <p class='commit-date'>Saturday, 27th April 2013 - 21:21</p>
        </div>
    
            
        <div class='ellipse' style='height: 23.9903920532px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-28T12:08:31">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>babbled</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; ume p mincho en latin<br /></p>
            <p class='commit-date'>Sunday, 28th April 2013 - 12:08</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.117339059535px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-28T12:12:01">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>shouted</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; 2e tentative<br /></p>
            <p class='commit-date'>Sunday, 28th April 2013 - 12:12</p>
        </div>
    
        <div class='ellipse' style='height: 4.31366287121px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-28T14:21:46">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; preparing various little inclusions et si<br /></p>
            <p class='commit-date'>Sunday, 28th April 2013 - 14:21</p>
        </div>
    
            
        <div class='ellipse' style='height: 1.43522140093px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-28T15:04:05">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>let out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; pleins de nouveaux patterns, matières, formes<br /></p>
            <p class='commit-date'>Sunday, 28th April 2013 - 15:04</p>
        </div>
    
            
        <div class='ellipse' style='height: 17.117061188px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T00:52:09">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>song</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; photos hichem en nb<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 00:52</p>
        </div>
    
        <div class='ellipse' style='height: 0.678820181502px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T01:11:50">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>expressed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; une des premières images traitées venant des psd<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 01:11</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.170426809331px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T01:17:04">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>let on</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; meteor bitmap<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 01:17</p>
        </div>
    
            
        <div class='ellipse' style='height: 19.0651031031px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T12:25:45">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>cried</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; ok, on déménage de l&#39;etherpad lite au git car, reconnaissons-le, les ressources de l&#39;etherpad ne sont pas infinies.<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 12:25</p>
        </div>
    
        <div class='ellipse' style='height: 5.53864627201px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T15:14:26">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>exposed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; qques corrections images dans spectacles. à toi pierre.<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 15:14</p>
        </div>
    
        <div class='ellipse' style='height: 0.0167795915455px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T15:14:55">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>exposed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; on commence à y voir plus clair dans les infos pratiques<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 15:14</p>
        </div>
    
        <div class='ellipse' style='height: 0.899271808641px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T15:41:03">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>song</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; première série d&#39;ajustement de sauts de pages et tuning css<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 15:41</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.428138582248px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T15:53:36">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>told</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; fusée donc, où c&#39;est toujours le bordel<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 15:53</p>
        </div>
    
        <div class='ellipse' style='height: 0.180806953307px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T15:58:49">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>spilled the beans</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; tjrs la fusée<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 15:58</p>
        </div>
    
        <div class='ellipse' style='height: 0.507256151386px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T16:13:30">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>stated</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; allez, les moutons<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 16:13</p>
        </div>
    
        <div class='ellipse' style='height: 0.233827394195px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T16:20:15">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>peached</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; endurance d&#39;endurer avec Joe Dassin<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 16:20</p>
        </div>
    
        <div class='ellipse' style='height: 0.40920060104px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T16:32:05">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>discovered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; une belle brochette<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 16:32</p>
        </div>
    
        <div class='ellipse' style='height: 0.197525987218px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T16:37:47">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>tattled</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; le bureau remembré<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 16:37</p>
        </div>
    
        <div class='ellipse' style='height: 0.0566808236619px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T16:39:25">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>complained</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; le bureau promembré<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 16:39</p>
        </div>
    
        <div class='ellipse' style='height: 0.143889980206px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T16:43:34">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>uttered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; martine face au margin-top<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 16:43</p>
        </div>
    
        <div class='ellipse' style='height: 0.0260348873365px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T16:44:19">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>let on</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; infos pratiques bien rangées dans ses cases<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 16:44</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.358089651381px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T16:54:46">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>divulged</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; jusqu&#39;à vision<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 16:54</p>
        </div>
    
        <div class='ellipse' style='height: 0.0503218907978px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T16:56:13">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; jusqu&#39;à vision<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 16:56</p>
        </div>
    
        <div class='ellipse' style='height: 0.153121779163px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T17:00:38">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>interpreted</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; demergage<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 17:00</p>
        </div>
    
        <div class='ellipse' style='height: 0.140427616102px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T17:04:41">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>confessed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; magosserie<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 17:04</p>
        </div>
    
        <div class='ellipse' style='height: 0.206171570211px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T17:10:38">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>talked</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; hop hop<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 17:10</p>
        </div>
    
        <div class='ellipse' style='height: 4.20631195203px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T19:17:01">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>stated</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; validation HTML -&gt; corrections de plein d&#39;erreurs + j&#39;ai remis l&#39;en-tête du fichier où les images sont ok, donc pourquoi est-ce que ça ne marche toujours pas?<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 19:17</p>
        </div>
    
        <div class='ellipse' style='height: 0.61140854907px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T19:34:44">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>unwraped</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; add some sunny dates to LES MOUTONS<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 19:34</p>
        </div>
    
        <div class='ellipse' style='height: 0.398867769003px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T19:46:16">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>uttered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; moutons updates<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 19:46</p>
        </div>
    
        <div class='ellipse' style='height: 1.59242598606px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T20:32:52">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; layout some moutons<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 20:32</p>
        </div>
    
        <div class='ellipse' style='height: 0.190031939207px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T20:38:21">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>stated</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; adjust the sun<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 20:38</p>
        </div>
    
        <div class='ellipse' style='height: 0.383364516067px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-29T20:49:26">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; here comes the sun Corine<br /></p>
            <p class='commit-date'>Monday, 29th April 2013 - 20:49</p>
        </div>
    
        <div class='ellipse' style='height: 6.79701183569px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T00:19:07">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>babbled out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; bim couverture<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 00:19</p>
        </div>
    
        <div class='ellipse' style='height: 17.9306439871px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T10:40:15">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>blabed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; on enlève le filtre Phil Baines...<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 10:40</p>
        </div>
    
        <div class='ellipse' style='height: 0.0225643521786px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T10:40:54">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>revealed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; météores à 100% pour qu&#39;ils soient à cheval sur 2 pages<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 10:40</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.879942863875px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T11:33:55">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>whispered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; on remet les out dans fusée<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 11:33</p>
        </div>
    
        <div class='ellipse' style='height: 0.0196720555207px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T11:34:29">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>shouted</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; on tente des liens entre 2 blocs citation dans Vision<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 11:34</p>
        </div>
    
        <div class='ellipse' style='height: 0.512411646862px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T11:49:19">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>spoke</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; nuanciers monochromes<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 11:49</p>
        </div>
    
        <div class='ellipse' style='height: 0.275857992641px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T11:57:17">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>babbled</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; reorganise some moutons<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 11:57</p>
        </div>
    
        <div class='ellipse' style='height: 0.222305993142px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T12:03:42">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>argued</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; vignettes hichem toutes à la même hauteur<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 12:03</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.050900009023px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T12:26:44">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>cried</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; allez, juste pour le fun, on fait un nuancier dans le bon ordre<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 12:26</p>
        </div>
    
        <div class='ellipse' style='height: 0.0341318660244px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T12:27:43">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>complained</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; et si de la couverture, avec les si qui se décolent plutôt que l&#39;inverse<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 12:27</p>
        </div>
    
            
            
        <div class='ellipse' style='height: 1.47737826066px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T13:32:45">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>blabed out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; new dates<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 13:32</p>
        </div>
    
        <div class='ellipse' style='height: 3.28385977592px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T15:10:30">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>ironized</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; allez on pousse tout pour que tout soit à peu près lisible à la relecture<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 15:10</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.0676625304944px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T15:12:31">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>spoke</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; padding frame<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 15:12</p>
        </div>
    
        <div class='ellipse' style='height: 0.00173608097099px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T15:12:34">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>gave away</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; ah j&#39;en avais oublié qques-uns...<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 15:12</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.209053099035px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T15:18:47">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>song</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; preview Beguinage<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 15:18</p>
        </div>
    
        <div class='ellipse' style='height: 0.1138748563px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T15:22:04">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>stated</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; première série d&#39;addition de textes programme<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 15:22</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.168119817994px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T15:27:44">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>spilled the beans</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; on clean le html de martine<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 15:27</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.60397628273px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T16:16:40">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>whispered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; et si et si<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 16:16</p>
        </div>
    
        <div class='ellipse' style='height: 0.297722959559px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T16:25:16">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>peached</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; boxes heu le début<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 16:25</p>
        </div>
    
        <div class='ellipse' style='height: 0.104635807434px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T16:28:17">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>gave away</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; boxes heu donc<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 16:28</p>
        </div>
    
        <div class='ellipse' style='height: 0.0803751784919px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T16:30:36">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; Martine se calme<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 16:30</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.0774862241192px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T16:33:09">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>bring out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; full reprise vision - images en bords perdus sur la chasse - yeaah<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 16:33</p>
        </div>
    
        <div class='ellipse' style='height: 0.156006366812px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T16:37:39">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>claimed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; boxes là<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 16:37</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.0884633628277px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T16:41:08">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>unwraped</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; cifas sauce gaufrette de Liège<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 16:41</p>
        </div>
    
        <div class='ellipse' style='height: 0.00694396223601px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T16:41:20">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>let out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; et si encore<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 16:41</p>
        </div>
    
        <div class='ellipse' style='height: 0.195796691214px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T16:46:59">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>told</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; et si test mouton<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 16:46</p>
        </div>
    
        <div class='ellipse' style='height: 1.0252951045px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T17:16:49">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>divulged</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; et si si fi<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 17:16</p>
        </div>
    
        <div class='ellipse' style='height: 0.207900507433px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T17:22:49">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>babbled out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; eeeeet si<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 17:22</p>
        </div>
    
        <div class='ellipse' style='height: 0.104058310191px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T17:25:49">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>ironized</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; Le bureau des histoires en shadows et sous les gallets de titres. Hey? On cache une ou 2 scroll barre tramées?<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 17:25</p>
        </div>
    
        <div class='ellipse' style='height: 0.0185150900098px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T17:26:21">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>whispered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; on essaie de structurer comme on peut Garage 29<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 17:26</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.0185150900098px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T17:27:29">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>tattled</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; yes<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 17:27</p>
        </div>
    
        <div class='ellipse' style='height: 0.195796691214px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T17:33:08">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>blabed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; kome op si fi<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 17:33</p>
        </div>
    
        <div class='ellipse' style='height: 0.0792196167733px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T17:35:25">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>whistled</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; one hour later<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 17:35</p>
        </div>
    
        <div class='ellipse' style='height: 0.032975235059px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T17:36:22">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>told</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; un mini plugin jquery pour les post &lt;dd&gt;<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 17:36</p>
        </div>
    
        <div class='ellipse' style='height: 0.706215878781px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T17:56:51">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>told</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; le gitignore spécial jette-moi tout de suite le fichier temporaire balsa2014.html s&#39;il te plait<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 17:56</p>
        </div>
    
        <div class='ellipse' style='height: 0.086152586522px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T17:59:20">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>ironized</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; bon, un merge quoi<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 17:59</p>
        </div>
    
        <div class='ellipse' style='height: 0.451084098523px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T18:12:23">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>verbalised</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; la cale blanche<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 18:12</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.0994380921136px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T18:15:35">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>spoke</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; avec un ⁀  de liaison après les dd des bibles, donc<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 18:15</p>
        </div>
    
            
        <div class='ellipse' style='height: 2.04221082478px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T19:15:44">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>whispered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; india et des soleils nettoyés<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 19:15</p>
        </div>
    
        <div class='ellipse' style='height: 0.306351236168px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T19:24:35">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>interpreted</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; calm conflict<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 19:24</p>
        </div>
    
        <div class='ellipse' style='height: 0.885628623328px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T19:50:19">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>talked</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; le pack fontes au complet<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 19:50</p>
        </div>
    
        <div class='ellipse' style='height: 0.0838417034176px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T19:52:44">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>complained</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; one conflict less<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 19:52</p>
        </div>
    
        <div class='ellipse' style='height: 0.891882212043px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T20:18:39">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; changé font info dans ume gothic bold<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 20:18</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.0665066749301px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T20:22:51">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>tweeted</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; les extraits de mangas en rose et vert<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 20:22</p>
        </div>
    
        <div class='ellipse' style='height: 1.11026651792px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T20:55:11">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>tattled</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; on refait le html pour avoir les previews des images<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 20:55</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.686241331794px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T21:47:33">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>expressed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; some pink<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 21:47</p>
        </div>
    
        <div class='ellipse' style='height: 1.11026651792px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T22:19:53">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>rendered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; commencé à mettre les previews d&#39;img<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 22:19</p>
        </div>
    
        <div class='ellipse' style='height: 0.132925004602px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T22:23:43">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>published</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; corrections round - ajout colophon et limace<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 22:23</p>
        </div>
    
        <div class='ellipse' style='height: 0.210205664069px;'>&nbsp;</div>
        <div class='commit' data-date="2013-04-30T22:29:47">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>spilled the beans</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; erge<br /></p>
            <p class='commit-date'>Tuesday, 30th April 2013 - 22:29</p>
        </div>
    
        <div class='ellipse' style='height: 3.21607418489px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T00:05:27">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>cried</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; colored mangas extracts<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 00:05</p>
        </div>
    
        <div class='ellipse' style='height: 0.76780137064px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T00:27:44">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>divulged</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; conflict solved<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 00:27</p>
        </div>
    
        <div class='ellipse' style='height: 0.145044048296px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T00:31:55">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>published</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; check after merge Sarah<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 00:31</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.375323899449px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T00:42:50">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>unwraped</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; india corrections 2<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 00:42</p>
        </div>
    
        <div class='ellipse' style='height: 0.0503218907978px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T00:44:17">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>let the cat out of the bag</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; fusée estract<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 00:44</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.0456967043417px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T00:46:41">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>let on</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; check noël<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 00:46</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.234979388297px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T00:53:34">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>blabed out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; edito<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 00:53</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.248801247655px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T01:01:00">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>peached</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; mogrify -type Grayscale -brightness-contrast 55x60 -unsharp 0.7+1+0 *<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 01:01</p>
        </div>
    
        <div class='ellipse' style='height: 0.0179365972149px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T01:01:31">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>argued</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; edito more picture<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 01:01</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.173310398824px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T01:07:12">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>spilled the beans</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; edit<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 01:07</p>
        </div>
    
        <div class='ellipse' style='height: 0.261467929743px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T01:14:45">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>confessed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; edit<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 01:14</p>
        </div>
    
        <div class='ellipse' style='height: 0.190031939207px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T01:20:14">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>cried</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; ouverture colored<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 01:20</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.114452240174px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T01:23:48">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>blabed out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; colored sun<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 01:23</p>
        </div>
    
        <div class='ellipse' style='height: 0.146775100487px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T01:28:02">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>let loose</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; hair &amp; ouverture<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 01:28</p>
        </div>
    
        <div class='ellipse' style='height: 0.17273369423px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T01:33:01">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>song</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; fusée colred<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 01:33</p>
        </div>
    
        <div class='ellipse' style='height: 0.285065459923px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T01:41:15">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>spoke</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; corrections Béatitudes et pratiques<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 01:41</p>
        </div>
    
        <div class='ellipse' style='height: 0.0474311994015px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T01:42:37">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>complained</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; moutons updates<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 01:42</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.314402951201px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T01:51:56">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>uttered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; cifas<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 01:51</p>
        </div>
    
        <div class='ellipse' style='height: 0.170426809331px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T01:56:51">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>exposed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; 29 push garage<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 01:56</p>
        </div>
    
        <div class='ellipse' style='height: 0.571947730469px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T02:13:25">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>blabed out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; rose enfer<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 02:13</p>
        </div>
    
        <div class='ellipse' style='height: 0.193490870168px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T02:19:00">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>discovered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; forest<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 02:19</p>
        </div>
    
        <div class='ellipse' style='height: 0.117339059535px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T02:22:23">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>verbalized</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; genesis<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 02:22</p>
        </div>
    
        <div class='ellipse' style='height: 0.233827394195px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T02:29:08">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>bring out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; pratique<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 02:29</p>
        </div>
    
        <div class='ellipse' style='height: 0.284490042889px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T02:37:21">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>discovered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; cover sans chewing gum mais avec violet acide<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 02:37</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.13581075764px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T02:41:30">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>revealed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; india<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 02:41</p>
        </div>
    
        <div class='ellipse' style='height: 0.790021947259px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T03:04:26">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>let the cat out of the bag</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; forest date<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 03:04</p>
        </div>
    
        <div class='ellipse' style='height: 0.432728527975px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T03:16:57">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>uttered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; date<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 03:16</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.235555375395px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T03:26:49">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>gave away</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; vignette foret<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 03:26</p>
        </div>
    
        <div class='ellipse' style='height: 1.12894086581px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T03:59:42">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; forest penceau<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 03:59</p>
        </div>
    
        <div class='ellipse' style='height: 0.684528856411px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T04:19:33">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>revealed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; add some Pierre&#39;s Meteors<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 04:19</p>
        </div>
    
        <div class='ellipse' style='height: 0.890745254088px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T04:45:26">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>expressed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; la Genèse au dancing<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 04:45</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.774069712672px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T05:08:03">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>tattled</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; correct titles<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 05:08</p>
        </div>
    
        <div class='ellipse' style='height: 0.302324892374px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T05:16:47">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>stated</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; corrections<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 05:16</p>
        </div>
    
        <div class='ellipse' style='height: 0.0769084132136px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T05:19:00">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; garage<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 05:19</p>
        </div>
    
        <div class='ellipse' style='height: 0.0803751784919px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T05:21:19">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>whistled</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; garage<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 05:21</p>
        </div>
    
        <div class='ellipse' style='height: 0.3034753094px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T05:30:05">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>emited</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; pictures de l&#39;enfer<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 05:30</p>
        </div>
    
        <div class='ellipse' style='height: 0.294846536448px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T05:38:36">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>song</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; des rayons<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 05:38</p>
        </div>
    
        <div class='ellipse' style='height: 0.878805634393px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T06:04:08">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; trilogie<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 06:04</p>
        </div>
    
        <div class='ellipse' style='height: 0.415514058469px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T06:16:09">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>babbled</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; Edito goutte à goutte<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 06:16</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.128307453286px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T06:19:59">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>whispered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; l&#39;enfer<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 06:19</p>
        </div>
    
        <div class='ellipse' style='height: 0.366133039733px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T06:30:34">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>discovered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; puspush<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 06:30</p>
        </div>
    
            
        <div class='ellipse' style='height: 1.33333620883px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T07:09:44">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>unwraped</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; démaillage du garage - merci .orig venu de loin<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 07:09</p>
        </div>
    
        <div class='ellipse' style='height: 2.34186000875px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T08:18:47">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>let the cat out of the bag</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; fusée du matin<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 08:18</p>
        </div>
    
        <div class='ellipse' style='height: 5.3881937637px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T11:02:38">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>talked</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; on règle qques petits trucs pour un export pdf<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 11:02</p>
        </div>
    
        <div class='ellipse' style='height: 1.71671641924px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T11:52:56">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>verbalized</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; cleané titrage courrier des enfants<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 11:52</p>
        </div>
    
        <div class='ellipse' style='height: 1.32150182255px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T12:31:30">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>unwraped</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; images full en absolute pour qu&#39;elles puissent se mettre à cheval sur les pages<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 12:31</p>
        </div>
    
        <div class='ellipse' style='height: 7.22305146399px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T16:15:18">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; rough and mellow moves<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 16:15</p>
        </div>
    
            
        <div class='ellipse' style='height: 1.24084072262px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T16:51:42">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>bring out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; au bureau<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 16:51</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.285065459923px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T17:00:16">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>interpreted</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; au bureau date<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 17:00</p>
        </div>
    
        <div class='ellipse' style='height: 0.348320939958px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T17:10:20">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>let the cat out of the bag</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; au bureau date bim<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 17:10</p>
        </div>
    
        <div class='ellipse' style='height: 0.252831903676px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T17:17:38">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>told</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; Béatitude avec cach<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 17:17</p>
        </div>
    
        <div class='ellipse' style='height: 0.410922532128px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T17:29:31">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>tweeted</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; au bureau date bam<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 17:29</p>
        </div>
    
        <div class='ellipse' style='height: 0.835571736325px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T17:53:47">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>argued</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; au bureau boum<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 17:53</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.134079325803px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T17:57:59">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>whistled</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; au bureau whiiiz<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 17:57</p>
        </div>
    
        <div class='ellipse' style='height: 0.0491656342938px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T17:59:24">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>discovered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; au bureau whaaam<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 17:59</p>
        </div>
    
        <div class='ellipse' style='height: 0.566798370416px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T18:15:49">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>verbalized</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; bim l&#39;enfer<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 18:15</p>
        </div>
    
        <div class='ellipse' style='height: 0.394848868687px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T18:27:14">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>claimed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; enfer et bigout<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 18:27</p>
        </div>
    
        <div class='ellipse' style='height: 0.673681816754px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T18:46:46">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>let the cat out of the bag</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; enfer et bigout<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 18:46</p>
        </div>
    
        <div class='ellipse' style='height: 0.171580265085px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T18:51:43">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>shouted</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; enfer et bigout et si<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 18:51</p>
        </div>
    
        <div class='ellipse' style='height: 0.209053099035px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T18:57:45">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>shouted</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; Demi-tour moutous<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 18:57</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.475738790007px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T19:11:44">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>let out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; Mouton y es tu?<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 19:11</p>
        </div>
    
        <div class='ellipse' style='height: 0.150237025088px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T19:16:04">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>bring out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; enfer et si<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 19:16</p>
        </div>
    
            
        <div class='ellipse' style='height: 1.071764036px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T19:47:43">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; bureau set<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 19:47</p>
        </div>
    
        <div class='ellipse' style='height: 0.439612656627px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T20:00:26">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>told</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; corrections fusée et page titre<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 20:00</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.0214074535922px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T20:01:16">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>let the cat out of the bag</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; des images dans garage 29 pour remplir les trous<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 20:01</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.327627954584px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T20:11:04">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>exposed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; redemitour<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 20:11</p>
        </div>
    
        <div class='ellipse' style='height: 0.142735885477px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T20:15:11">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>blabed out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; index image<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 20:15</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.0613049942046px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T20:18:27">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>gave away</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; Relaxe moutons<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 20:18</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.0109941615659px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T20:19:07">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>spoke</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; une image pour justin bennett<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 20:19</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.0266132864434px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T20:20:17">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>blabed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; index image<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 20:20</p>
        </div>
    
        <div class='ellipse' style='height: 0.0745971028158px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T20:22:26">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; space vision<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 20:22</p>
        </div>
    
        <div class='ellipse' style='height: 0.376472638134px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T20:33:19">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>shouted</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; vision date<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 20:33</p>
        </div>
    
        <div class='ellipse' style='height: 0.105790781909px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T20:36:22">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>spoke</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; vision date2<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 20:36</p>
        </div>
    
        <div class='ellipse' style='height: 0.00173608097099px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T20:36:25">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>let loose</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; calage des soleils indiens<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 20:36</p>
        </div>
    
        <div class='ellipse' style='height: 0.0526343235932px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T20:37:56">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; endurance<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 20:37</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.0878856787631px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T20:40:39">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>whispered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; vision date in space<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 20:40</p>
        </div>
    
        <div class='ellipse' style='height: 0.0971278229669px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T20:43:27">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; vision date in 2 space<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 20:43</p>
        </div>
    
        <div class='ellipse' style='height: 0.575380342574px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T21:00:07">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>complained</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; space vision<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 21:00</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.601689209269px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T21:25:46">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>stated</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; vision on the line<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 21:25</p>
        </div>
    
        <div class='ellipse' style='height: 0.518139351777px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T21:40:46">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>let the cat out of the bag</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; des histoires de dates<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 21:40</p>
        </div>
    
        <div class='ellipse' style='height: 0.0104155817479px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T21:41:04">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>emited</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; vision parallel<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 21:41</p>
        </div>
    
        <div class='ellipse' style='height: 0.0462748760471px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T21:42:24">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>tweeted</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; le courrier des enfants au papa noël<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 21:42</p>
        </div>
    
        <div class='ellipse' style='height: 0.197525987218px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T21:48:06">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>let on</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; Genèse scindée<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 21:48</p>
        </div>
    
        <div class='ellipse' style='height: 0.012151301117px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T21:48:27">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>complained</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; vision parallel et si Pierre<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 21:48</p>
        </div>
    
        <div class='ellipse' style='height: 0.208476806555px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T21:54:28">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>complained</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; vision +10<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 21:54</p>
        </div>
    
        <div class='ellipse' style='height: 0.0306618928575px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T21:55:21">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>let loose</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; réglage de conflits<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 21:55</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.167543053527px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T22:00:21">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>expressed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; vision 22<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 22:00</p>
        </div>
    
        <div class='ellipse' style='height: 0.0826862218128px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T22:02:44">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>disclosed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; yeeaah corrections round 2 - done<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 22:02</p>
        </div>
    
            
        <div class='ellipse' style='height: 2.08940971328px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T23:04:21">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>talked</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; cleaning<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 23:04</p>
        </div>
    
        <div class='ellipse' style='height: 0.0896187109341px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T23:06:56">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>claimed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; clean<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 23:06</p>
        </div>
    
        <div class='ellipse' style='height: 0.559931731968px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T23:23:09">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>tattled</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; masque svg<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 23:23</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.0381798637135px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T23:24:55">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; date<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 23:24</p>
        </div>
    
        <div class='ellipse' style='height: 0.562792945924px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T23:41:13">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>discovered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; date<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 23:41</p>
        </div>
    
        <div class='ellipse' style='height: 0.0659287371277px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T23:43:07">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>told</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; date<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 23:43</p>
        </div>
    
        <div class='ellipse' style='height: 0.131193472831px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T23:46:54">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; date hesitaion<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 23:46</p>
        </div>
    
        <div class='ellipse' style='height: 0.0988605348344px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T23:49:45">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>uttered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; date hesitaion<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 23:49</p>
        </div>
    
        <div class='ellipse' style='height: 0.123112198281px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-01T23:53:18">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>uttered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; date hesitaion relache<br /></p>
            <p class='commit-date'>Wednesday, 1st May 2013 - 23:53</p>
        </div>
    
        <div class='ellipse' style='height: 0.284490042889px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T00:01:31">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>discovered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; date hesitaion relache2<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 00:01</p>
        </div>
    
        <div class='ellipse' style='height: 0.125421267149px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T00:05:08">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>exposed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; date hesitaion relache2<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 00:05</p>
        </div>
    
        <div class='ellipse' style='height: 0.0589929623906px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T00:06:50">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>blabed out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; date hesitaion relache3<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 00:06</p>
        </div>
    
        <div class='ellipse' style='height: 0.358089651381px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T00:17:11">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>claimed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; turn right<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 00:17</p>
        </div>
    
        <div class='ellipse' style='height: 0.136387888262px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T00:21:07">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; des folios<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 00:21</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.441333540703px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T00:34:08">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; limace on scroll<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 00:34</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.0774862241192px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T00:36:35">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>bring out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; on renomme le footer pour être sûr qu&#39;il soit toujours à la fin<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 00:36</p>
        </div>
    
        <div class='ellipse' style='height: 0.192914398291px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T00:42:09">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>let the cat out of the bag</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; tetris<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 00:42</p>
        </div>
    
        <div class='ellipse' style='height: 0.229219152351px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T00:48:46">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; tetris2<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 00:48</p>
        </div>
    
        <div class='ellipse' style='height: 0.0057867021649px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T00:48:56">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>tattled</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; fusons<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 00:48</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.050900009023px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T00:50:36">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>exposed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; tetris noel<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 00:50</p>
        </div>
    
        <div class='ellipse' style='height: 0.0514781205639px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T00:52:05">
            <p><span class='commit-author'>Sarah</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; tetris noel2<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 00:52</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.0676625304944px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T00:56:26">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>verbalized</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; 29<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 00:56</p>
        </div>
    
            
        <div class='ellipse' style='height: 1.46838777931px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T01:39:32">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; corrections marche arrière<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 01:39</p>
        </div>
    
        <div class='ellipse' style='height: 0.185996217301px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T01:44:54">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>let the cat out of the bag</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; break<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 01:44</p>
        </div>
    
        <div class='ellipse' style='height: 0.268951279305px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T01:52:40">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>whispered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; photos vignettes n&amp;b. il faudra encore faire un sharpen. Merci Alex!<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 01:52</p>
        </div>
    
        <div class='ellipse' style='height: 0.024299649869px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T01:53:22">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>verbalised</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; la limace autonome et indépendante avec sa scrollbar verticale<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 01:53</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.825895877563px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T02:17:31">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>confessed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; dites 33<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 02:17</p>
        </div>
    
            
        <div class='ellipse' style='height: 17.5882380273px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T12:24:57">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>spilled the beans</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; correction suite et fil de moutons<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 12:24</p>
        </div>
    
        <div class='ellipse' style='height: 2.76144135234px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T13:46:43">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>tweeted</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; out of India<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 13:46</p>
        </div>
    
        <div class='ellipse' style='height: 0.358664222033px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T13:57:05">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>whispered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; Trilogique<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 13:57</p>
        </div>
    
        <div class='ellipse' style='height: 0.0462748760471px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T13:58:25">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>tattled</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; répartition des si vision<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 13:58</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.245346141006px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T14:05:34">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>bring out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; scrollbar limace à droite re<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 14:05</p>
        </div>
    
        <div class='ellipse' style='height: 0.0873079880241px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T14:08:05">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>verbalized</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; la nouvelle map<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 14:08</p>
        </div>
    
        <div class='ellipse' style='height: 0.121380326647px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T14:11:35">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>let loose</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; tarifs ok<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 14:11</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.027770064585px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T14:12:28">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>babbled out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; recadrage plan<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 14:12</p>
        </div>
    
        <div class='ellipse' style='height: 2.63368534602px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T15:30:21">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>gave away</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; les morceaux de Genesis<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 15:30</p>
        </div>
    
        <div class='ellipse' style='height: 0.341424229678px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T15:40:13">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>tattled</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; des clairières dans la forêt<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 15:40</p>
        </div>
    
        <div class='ellipse' style='height: 1.07516250669px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T16:11:31">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>divulged</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; calmons cette fusée<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 16:11</p>
        </div>
    
        <div class='ellipse' style='height: 2.79757049918px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T17:34:23">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>discovered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; j&#39;ai enduré vos discours oui<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 17:34</p>
        </div>
    
        <div class='ellipse' style='height: 0.0740192585217px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T17:36:31">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>disclosed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; ok, we track again the html file for a sneak preview at Variable LOOP<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 17:36</p>
        </div>
    
        <div class='ellipse' style='height: 1.25269421353px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T18:13:03">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>let the cat out of the bag</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; cover with 2 PMS - Yaaah<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 18:13</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.252831903676px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T18:20:46">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>whispered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; kit cover<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 18:20</p>
        </div>
    
        <div class='ellipse' style='height: 0.514702807565px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T18:35:40">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>song</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; grosse ouverture<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 18:35</p>
        </div>
    
        <div class='ellipse' style='height: 0.00810119552272px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T18:35:54">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>spilled the beans</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; on recale les choses qui avaient bougées avec les styles<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 18:35</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.61140854907px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T18:53:43">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>let out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; alt pour les images pour pouvoir valider les pages<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 18:53</p>
        </div>
    
        <div class='ellipse' style='height: 0.151967897505px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T18:58:06">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>talked</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; avec des yeux dans l&#39;ellipse<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 18:58</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.754122259697px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T19:20:13">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; les scripts duotone préparés aux couleurs de la saison.<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 19:20</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.314402951201px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T19:29:23">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>disclosed</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; correction fusée<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 19:29</p>
        </div>
    
        <div class='ellipse' style='height: 0.515848348547px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T19:44:19">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>bring out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message1'>&mdash; une carte avec des détails<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 19:44</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.271829192473px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T19:52:20">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>interpreted</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; les moutons ont reçu une correction<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 19:52</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.44534870656px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T20:05:19">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>whispered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; j&#39;ai enduré vos corrections<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 20:05</p>
        </div>
    
        <div class='ellipse' style='height: 0.139273441452px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T20:09:20">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>babbled out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; correction du pantone Green<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 20:09</p>
        </div>
    
        <div class='ellipse' style='height: 0.480897536093px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T20:23:15">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>said</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message2'>&mdash; cifas recalé<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 20:23</p>
        </div>
    
        <div class='ellipse' style='height: 0.328202875389px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T20:32:44">
            <p><span class='commit-author'>Pierre</span><span class='commit-author-said'>published</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; presque<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 20:32</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.137542129522px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T20:36:50">
            <p><span class='commit-author'>Stéphanie</span><span class='commit-author-said'>uttered</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; rangement au garage<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 20:36</p>
        </div>
    
            
        <div class='ellipse' style='height: 0.658263553414px;'>&nbsp;</div>
        <div class='commit' data-date="2013-05-02T20:56:01">
            <p><span class='commit-author'>Ludi</span><span class='commit-author-said'>let out</span></p>
            <div class='commit-spacer'>
            </div>
            <p class='commit-message'>&mdash; Est-ce-que l&#39;effet image Scribus colorize sait coloriser un tif 1 bit en vrai magenta ?<br /></p>
            <p class='commit-date'>Thursday, 2nd May 2013 - 20:56</p>
        </div>
    
             
</div>

</article>
</section>
<!--
*-  J A V A S C R I P T  -
-->
        <script type="text/javascript" src="articles/less-1.3.0.min.js"></script>
        <script type="text/javascript" src="articles/jquery.min.js"></script>
        <!--<script type="text/javascript" src="https://raw.github.com/DmitryBaranovskiy/raphael/master/raphael-min.js"></script>-->
        
<script type="text/javascript">

        // INSÈRE UN CARACTÈRE UNICODE APRÈS <DD>
        (function($) {
            $.fn.postDD=function()
            {
                return this.each(function(){
                    $(this).after("<span>⁀</span>");
                });
            };
        })(jQuery);

        // INSÈRE DES <WBR> ENTRE CHAQUE LETTRE
        (function($) {
            $.fn.bainesify=function()
            {
                return this.each(function(){
            text = $(this).text().split("");
            html = text.join("<wbr>");
                    console.log(text + html);
            $(this).html(html);
                });
            };
        })(jQuery);
        
        // TITRAGE -> DUPLIQUE L'ÉLÉMENT POUR LE PLACER EN-DESSOUS, CHANGER LE CLONE EN CSS
        (function($) {
            $.fn.titrage=function()
            {
                return this.each(function(){
                    $(this).wrapInner('<span />');
                    span = $("span", $(this));
                        span.clone().css({'position': 'absolute',}).insertBefore(span);
                });
            };
        })(jQuery);
        
        // FAIT COULER UN CONTENU DANS UN FLUX
        (function($) {
            $.fn.flowText=function()
            {
                return this.each(function(){
                    id = $(this).attr("id");
                    $("section#grille-" +id + " div.texte").css("-webkit-flow-from", "Text-" + id);
                    $("div.content", this).css("-webkit-flow-into", "Text-" + id);
                    
                    $("section#grille-" + id + " div.image").css("-webkit-flow-from", "Image-" + id);
                    $("div.image-cmjn", $(this)).css("-webkit-flow-into", "Image-" + id);
                    $("section#grille-" + id + " div.bible").css("-webkit-flow-from", "Bible-" + id);
                    $("dl.bible", $(this)).css("-webkit-flow-into", "Bible-" + id);
                });
            };
        })(jQuery);
        
        // CADRES LOSANGES
        (function($) {
            $.fn.cadre=function()
            {
                return this.each(function(){
                    w = $(this).width();
                    h = $(this).height();
                    t = $(this).offset().top;
                    l = $(this).offset().left;
          $(this).clone().css({'position': 'absolute', "top": t, "left": l, "width": h, "height":w, "border": "3px solid black", "-webkit-  transform":"rotateY(10deg)"}).text("").insertBefore($(this));
                });
            };
        })(jQuery);


        $(document).ready(function(){

                // TITRAGES
                //$("h2").titrage();
                //$("h3").cadre();
                
                // FAKE PAGES
                doc_height = $("body").height();
                page_height = $("#fakepage").height(); 
                //page_height = 22; 
                nb_page = Math.ceil(doc_height/page_height) + 4;
                //gutter = parseInt($("#fakepage").css("top"));  // = 1cm
                
                
                for (i = 0; i <= nb_page; i++){
                    $("#fakepage").clone().css({'outline-offset': '-1cm', 'display': 'block'}).attr("id","fakepage-p"+i).insertBefore($("#fakepage"));
                        
                    // TABLE DES MATIÈRES
                    $("ul#toc").append("<li> <a>")
                    $("ul#toc li:last-child a").attr("href", "#fakepage-p" + i).html("page" + i);
                    // FOLIO
                    $("#fakepage-p" + i + " .folio").html("<p>page " + (i+1) + "</p>");
                }

                // AJOUTE UN UNICODE APRÈS <DD>
                $("dd").postDD();

                //$.each($("img"), function(){
                //        console.log("path: " + $(this).attr("src") + " ; width: " + $(this).width()+ " ; height: " + $(this).height());
                //});
                
                // BAINESIFY
                //$("div.if p").bainesify();
                
                        
                // TEST  SVG  RAPHAELJS
                //hauteur = $("#moutons").offset().top;
                //console.log(hauteur);
                    
                // Creates canvas 320 × 200 at 10, 50
                //var paper = Raphael(10, hauteur, 320, 200);
                // Creates circle at x = 50, y = 40, with radius 10
                //var circle = paper.circle(50, 40, 10);
                // Sets the fill attribute of the circle to red (#f00)
                //circle.attr("fill", "#f00");
                // Sets the stroke attribute of the circle to white
                //circle.attr("stroke", "#fff");
                
        });
</script>
</body>
</html>