Download raw (7.4 KB)

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
    h1 {
        font-weight: normal;
        font-size: 48px;
        line-height: 48px;
        color: #00334C;
        text-transform: uppercase;
	letter-spacing: -1px;
	font-family: "UmePGothicBalsaRegular", "UmeMinchoLatin", "Andale Mono", "Courier New", Monospace;
	
    }
    h2 {
        font-weight: normal;
        font-size: 28px;
        line-height: 28px;
        color: #00334C !important;
        text-transform: uppercase;
	letter-spacing: -1px;
	font-family: "UmePGothicBalsaRegular", "UmeMinchoLatin", "Andale Mono", "Courier New", Monospace;
    }
    h3 {
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
        color: #00334C;
    }
    a {
        font-weight: normal;
        color: #00334C;
    }
    table, p {
	    font-family: "UmePGothicBalsaRegular", "UmeMinchoLatin", "Andale Mono", "Courier New", Monospace;
        text-align: center;
        font-weight: normal;
        font-size: 14px;
        line-height: 17px;
        color: #00334C;
        margin: auto;
    }
    td.titre {
        padding-top: 2em;
        padding-bottom: 3em;
    }
    .legend {
	    padding-top: 12px;
	    font-size: 9px;
        line-height: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: "UmePGothicBalsaRegular", "UmeMinchoLatin", "Andale Mono", "Courier New", Monospace;
    }
    img#balsa-logo {
        vertical-align: middle;
    }
    .exergue {
	    font-family: "UmePGothicBalsaRegular", "UmeMinchoLatin", "Andale Mono", "Courier New", Monospace;
        margin: 0 25%;
        text-transform: uppercase;
    }
    table {
        width: 100%;
    }
    .vignette {
        /*border: 15px solid #00334C;*/
    }
    div.titre {
        margin: 1em 0;
    }
    div.titre2 {
        margin: 1em 0;
    }
    h2 {
        color:#00334C !important;
        font-family:Ume P Gothic Shadow, "Andale Mono", "Courier New", Monospace;
        font-size:29pt;
        line-height:30pt;
        text-align:center;
        text-transform:uppercase;
        margin-bottom: 0;
    }
    h3 {
        color:#00334C !important;
        font-family:Ume P Gothic Shadow, "Andale Mono", "Courier New", Monospace;
        font-size: 12pt;
        line-height: 14pt;
        text-align:center;
        text-transform:uppercase;
        margin-top: 0;
    }
    .artiste {
        color:#00334C !important;
        font-size: 12pt;
        line-height: 14pt;
    }
    .et-pour {
        padding-top: 58px;
        height: 70px;
    }
    .artiste {
        color:#00334C !important;
        font-size: 12pt;
        line-height: 14pt;
    }
</style>


<table cellspacing="5" border="0">
    <tr>
        <td>
            <h1><img id="balsa-logo" src="http://balsamine.be/uploads/Partenaires.Partenaires/balsamine-logo_part3-bleu.png" alt="à la balsa"/></h1>

            <div id="bestiaire" style="width: 822px; margin: auto; padding: 1em; margin-top: -4em;">
                <img style="width: 60px;" src="http://git.constantvzw.org/?p=osp.work.balsamine.2014-2015.git;a=blob_plain;f=newsletter/animalia-dodo.png;hb=HEAD" />
                <img style="width: 60px;" src="http://git.constantvzw.org/?p=osp.work.balsamine.2014-2015.git;a=blob_plain;f=newsletter/criss-cross_canards.png;hb=HEAD" />
                <img style="width: 80px;" src="http://git.constantvzw.org/?p=osp.work.balsamine.2014-2015.git;a=blob_plain;f=newsletter/madeleines-elephant.png;hb=HEAD" />
                <img style="width: 80px;" src="http://git.constantvzw.org/?p=osp.work.balsamine.2014-2015.git;a=blob_plain;f=newsletter/bleu5-rot.png;hb=HEAD" />
                <img style="width: 80px;" src="http://git.constantvzw.org/?p=osp.work.balsamine.2014-2015.git;a=blob_plain;f=newsletter/katchen-coeur.png;hb=HEAD" />
                <img style="width: 90px;" src="http://git.constantvzw.org/?p=osp.work.balsamine.2014-2015.git;a=blob_plain;f=newsletter/comment_octopus.png;hb=HEAD" />
                <img style="width: 90px;" src="http://git.constantvzw.org/?p=osp.work.balsamine.2014-2015.git;a=blob_plain;f=newsletter/enfoncures_cochons.png;hb=HEAD" />
                <img style="width: 80px;" src="http://git.constantvzw.org/?p=osp.work.balsamine.2014-2015.git;a=blob_plain;f=newsletter/kevin-singe01.png;hb=HEAD" />
                <img style="width: 30px;" src="http://git.constantvzw.org/?p=osp.work.balsamine.2014-2015.git;a=blob_plain;f=newsletter/hantologie-cigogne-paperjs.png;hb=HEAD" />
                <img style="width: 100px;" src="http://git.constantvzw.org/?p=osp.work.balsamine.2014-2015.git;a=blob_plain;f=newsletter/balsa-detoure-tsp.png;hb=HEAD" />
            </div>

            <h2>Invitation</h2>
        </td>
    </tr>
    <tr>
        <td>
            <p class="exergue">
                Madame Stéphanie Vilayphiou 
            </p>
            <p class="exergue" style="padding-bottom: 2em; border-bottom: 1px solid #00334C;">
                La Balsamine est heureuse de vous inviter  pour
            </p>
        </td>
    </tr>
</table>
<table cellspacing="5" border="0" style="width: 822px; margin: auto; padding: 1em;">
    <tr>
        <td>
            <img class="vignette" src="http://git.constantvzw.org/?p=osp.work.balsamine.2014-2015.git;a=blob_plain;f=images/bleu-stipple-etire/bleu2mid.jpg;h=a8cefdfd61d2d27cbb0d599d698089ebf30a3569;hb=HEAD" style="width: 500px;" alt="" />
            <p class="legend">© Hichem Dahes</p>
        </td>
        <td>
            <div class="titre">
                <h2>Bleu</h2>
                <div class="artiste">Éléonore Valère Lachky</div>
            </div>
            <p>
                Création danse
            </p>
            <p style="margin-bottom: 1em; text-transform: uppercase;">
                du 24 au 27 novembre 2014 <br />à 20h30
            </p>
            <p style="margin-bottom: 1em; text-transform: uppercase; font-weight: bold;">
                Invitation pour<br />
                le 24 ou 25 novembre 2014 à 20h30
            </p>
            <p style="margin-bottom: 1em;">
                Ici du texte optionnel.
            </p>
            <p>&darr;</p>
            <p>
                <a href="#">Plus d’infos</a><br />
            </p>
        </td>
    </tr>
</table>
            <p style=" width: auto; border-top: 1px solid #00334C;border-bottom: 1px solid #00334C;" class="exergue et-pour">et pour</p>
<table cellspacing="5" border="0" style="width: 822px; margin: auto; padding: 1em;">
    <tr>
        <td>
            <div class="titre2">
                <h2>Hantologie</h2>
                <p class="artiste">Samuel Lefeuvre</p>
            </div>
            <p>
                Création danse
            </p>
            <p style="margin-bottom: 1em; text-transform: uppercase;">
                du 29 avril au 2 mai 2015 <br />à 20h30
            </p>
            <p style="margin-bottom: 1em; text-transform: uppercase; font-weight: bold;">
                Invitation pour<br />
                le 29 ou 30 avril 2015 à 20h30
            </p>
            <p style="margin-bottom: 1em;">
                Ici du texte optionnel.
            </p>
            <p>&darr;</p>
            <p>
                <a href="#">Plus d’infos</a><br />
            </p>
        </td>
        <td>
            <img class="vignette" src="http://git.constantvzw.org/?p=osp.work.balsamine.2014-2015.git;a=blob_plain;f=mockups/hantologie-full-socle.jpg;hb=HEAD" style="width: 500px;" alt="" />
            <p class="legend">© Hichem Dahes</p>
        </td>
    </tr>
</table>