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>↓</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>↓</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>