Ultragramme http://ultragramme.com/ Un studio de design graphique pour l'art, la culture et les entreprises. fr SPIP - www.spip.net Pôle Culturel http://ultragramme.com/Pole-Culturel-Identite-visuelle http://ultragramme.com/Pole-Culturel-Identite-visuelle 2016-10-17T13:14:50Z text/html fr Charles Beauté identité visuelle papeterie logotype culturel site internet affiche <p>une identité modulaire pour une salle de spectacle</p> - <a href="http://ultragramme.com/travaux" rel="directory">travaux</a> / <a href="http://ultragramme.com/identite-visuelle" rel="tag">identité visuelle</a>, <a href="http://ultragramme.com/papeterie" rel="tag">papeterie</a>, <a href="http://ultragramme.com/logotype" rel="tag">logotype</a>, <a href="http://ultragramme.com/culturel" rel="tag">culturel</a>, <a href="http://ultragramme.com/site-internet" rel="tag">site internet</a>, <a href="http://ultragramme.com/affiche" rel="tag">affiche</a> <img class='spip_logo spip_logo_right spip_logos' alt="" style='float:right' src='http://ultragramme.com/local/cache-vignettes/L107xH150/arton63-018f7.jpg?1476737138' width='107' height='150' /> <div class='rss_chapo'><p>salle + spectacles × Alfortville</p></div> <div class='rss_texte'><blockquote class="spip"> <p>La salle de spectacle du Pôle Culturel d'Alfortville possède une large programmation de théâtre, danse, humour, chanson, musique classique, jazz, cirque, etc. Elle s'adresse à tous les publics et rayonne sur l'ensemble du Val-de-Marne.</p> </blockquote><span class="csfoo htmla"></span><div class='spip_document_384 layout__item 4/5' style=' display:block; text-align:center; margin: 0 auto;' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/IMG/gif/animation-principe-addition.gif?1475528306' alt=" " class='image-texte' width='500' height='164' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><blockquote class="spip"> <p>Pour cette identité, nous avons conçu un système graphique et sémantique suffisamment souple pour pouvoir accueillir et représenter la diversité des spectacles proposés et des publics concernés, de l'opéra à l'apéro, des plus jeunes aux seniors. À l'image de ce lieu où se rencontrent et s'additionnent une pluralité de disciplines artistiques, nous avons joué avec diverses formes de langages, en mêlant mots, images et icônes.</p> </blockquote><h3 class="spip">Les supports de communication</h3><span class="csfoo htmla"></span><div class='spip_document_373 layout__item 1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH282/banniere-ouverture-saison-5bd8a.jpg?1476737139' alt="Bannière Pôle Culturel " title="Bannière Pôle Culturel" class='image-texte' width='500' height='282' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_395 layout__item 1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH196/affiches_morris_pole-mockup-low-a9b36.png?1476737139' alt="Colonne Morris et affiches " title="Colonne Morris et affiches" class='image-texte' width='500' height='196' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_377 layout__item 1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH218/_dsc0281-copie-1b275.jpg?1476737139' alt="sacs identité Pôle Culturel " title="sacs identité Pôle Culturel" class='image-texte' width='500' height='218' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><h3 class="spip">Le site internet</h3><span class="csfoo htmla"></span><div class='spip_document_396 layout__item 1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH401/site-internet-pole-low2-f27e6.png?1476737139' alt="site internet Pôle Culturel " title="site internet Pôle Culturel" class='image-texte' width='500' height='401' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><h3 class="spip">La papeterie</h3> <p>Tous les supports de papeterie ont été imprimés en ton direct bleu ou or.</p> <span class="csfoo htmla"></span><div class='spip_document_397 layout__item 1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/_dsc0256-copie-9b24c.jpg?1476737140' alt="identité visuelle Pôle Culturel " title="identité visuelle Pôle Culturel" class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_398 layout__item 1/2 palm1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0251-copie-21cc2.jpg?1476737140' alt=" " class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_399 layout__item 1/2 palm1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0262-copie-1c2bb.jpg?1476737140' alt=" " class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_400 layout__item 1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0244-db4f7.jpg?1476737140' alt=" carte de correspondance " class='image-texte' width='500' height='333' /><!-- --><figcaption class="image_legende" style=""><p>carte de correspondance</p></figcaption><!-- --></figure></div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_401 layout__item 1/2 palm1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0266-copie-835cd.jpg?1476737140' alt=" cartes de visite " class='image-texte' width='500' height='333' /><!-- --><figcaption class="image_legende" style=""><p>cartes de visite</p></figcaption><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_402 layout__item 1/2 palm1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0249-copie-4dac8.jpg?1476737140' alt=" carte d'abonné " class='image-texte' width='500' height='333' /><!-- --><figcaption class="image_legende" style=""><p>carte d'abonné</p></figcaption><!-- --></figure></div><span class="csfoo htmlb"></span><h3 class="spip">L'invitation à la présentation de saison</h3><span class="csfoo htmla"></span><div class='spip_document_403 layout__item 1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0237-b9fe0.jpg?1476737140' alt=" impression quadrichromie et encre à gratter " class='image-texte' width='500' height='333' /><!-- --><figcaption class="image_legende" style=""><p>impression quadrichromie et encre à gratter</p></figcaption><!-- --></figure></div><span class="csfoo htmlb"></span><h3 class="spip">Le billet et son enveloppe</h3><span class="csfoo htmla"></span><div class='spip_document_404 layout__item 1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH170/billet-3636b.jpg?1476737140' alt=" " class='image-texte' width='500' height='170' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span></div> Pôle Culturel http://ultragramme.com/Pole-Culturel http://ultragramme.com/Pole-Culturel 2016-10-17T13:14:48Z text/html fr Charles Beauté brochures et publications identité visuelle culturel <p>programme de la saison 2016-2017</p> - <a href="http://ultragramme.com/travaux" rel="directory">travaux</a> / <a href="http://ultragramme.com/brochures-et-publications" rel="tag">brochures et publications</a>, <a href="http://ultragramme.com/identite-visuelle" rel="tag">identité visuelle</a>, <a href="http://ultragramme.com/culturel" rel="tag">culturel</a> <img class='spip_logo spip_logo_right spip_logos' alt="" style='float:right' src='http://ultragramme.com/local/cache-vignettes/L107xH150/arton62-b9964.jpg?1476737140' width='107' height='150' /> <div class='rss_chapo'><p>Demandez le programme !</p></div> <div class='rss_texte'><p>Dans la lignée de <a href='http://ultragramme.com/Pole-Culturel-Identite-visuelle' class='spip_in'>l'identité</a> que nous avions mise en place pour le Pôle Culturel, nous avons conçu un programme de saison vivant et coloré. <br class='autobr' /> S'adressant à un public très varié, et dans l'optique de faire venir davantage de jeunes sans perdre les habitués, ce livret se devait d'être un objet intriguant, nouveau et élégant tout en restant populaire.</p> <span class="csfoo htmla"></span><div class='spip_document_340 layout__item 1/1 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/tas-de-programmes-60410.jpg?1476737141' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <p>Le programme est entièrement imprimé en 4 tons directs (bleu foncé, rouge, jaune fluo et or), y compris les photos, que nous avons retravaillées en trichromie. Ainsi, une lumière particulière se dégage de chaque image et les aplats de couleurs sont intenses et surprenants.</p> <span class="csfoo htmla"></span><div class='spip_document_343 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0166-aae20.jpg?1476737141' alt=" " class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_344 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0168-a1686.jpg?1476737141' alt=" " class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_346 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0174-25575.jpg?1476737141' alt=" " class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_351 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0196-ff4b2.jpg?1476737141' alt=" " class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_350 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0191-77e22.jpg?1476737141' alt=" " class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_348 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0180-e103e.jpg?1476737141' alt=" " class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_357 layout__item 1/1 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/gros-plan-7-aff9e.jpg?1476737141' alt=" " class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_355 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0204-5b811.jpg?1476737141' alt=" " class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_356 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0206-bf0f3.jpg?1476737141' alt=" " class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_359 layout__item 1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0201-2-8e675.jpg?1476737141' alt=" " class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_360 layout__item 1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/gros-plan-2-f981d.jpg?1476737142' alt=" " class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span></div> L'île des réunions http://ultragramme.com/L-ile-des-reunions http://ultragramme.com/L-ile-des-reunions 2016-10-03T14:43:59Z text/html fr Charles Beauté <p>design d'un livre analytique et exotique pour le collectif des Commissaires anonymes</p> - <a href="http://ultragramme.com/travaux" rel="directory">travaux</a> <img class='spip_logo spip_logo_right spip_logos' alt="" style='float:right' src='http://ultragramme.com/local/cache-vignettes/L107xH150/arton60-875dd.jpg?1475526853' width='107' height='150' /> <div class='rss_chapo'><p>méthode de réunions collaboratives pour une approche affirmative de l'incertitude</p></div> <div class='rss_texte'><p><i>L'île des réunions</i> rassemble dix récits et analyses de situations artistiques et sociales produites dans le cadre de <i>Mons 2015, Capitale Européenne de la Culture</i>. Ces situations questionnent toutes des enjeux de l'acte de se réunir : qu'est-ce que se réunir ? Pourquoi faire une réunion ?<br class='autobr' /> Nous avons travaillé en étroite collaboration avec les commissaires pour penser et mettre en forme cet ouvrage : <i>L'île des réunions</i>.</p> <span class="csfoo htmla"></span><div class='spip_document_311 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/ile_des_reunions_ultragramme_01-6b5d6.jpg?1475526853' alt="couverture île des réunions - ultragramme " title="couverture île des réunions - ultragramme" class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_312 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/ile_des_reunions_ultragramme_03-1b126.jpg?1475526853' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_313 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/ile_des_reunions_ultragramme_04-f2373.jpg?1475526853' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_314 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/ile_des_reunions_ultragramme_05-2ff1c.jpg?1475526854' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <p>Ce livre se situe à la croisée du recueil de fables et du manuel pratique. Les dix expériences y sont données à lire comme des histoires, puis sous forme de méthodes visuelles.</p> <span class="csfoo htmla"></span><div class='spip_document_316 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/ile_des_reunions_ultragramme_07-fab80.jpg?1475526854' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_323 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/ile_des_reunions_ultragramme_14-2db39.jpg?1475526854' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_318 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/ile_des_reunions_ultragramme_09-4d2a7.jpg?1475526854' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_321 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/ile_des_reunions_ultragramme_12-764af.jpg?1475526855' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_324 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/ile_des_reunions_ultragramme_15-21c4f.jpg?1475526855' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_325 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/ile_des_reunions_ultragramme_16-323e9.jpg?1475526855' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_326 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/ile_des_reunions_ultragramme_17-563c9.jpg?1475526855' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_331 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/ile_des_reunions_ultragramme_22-74ae7.jpg?1475526855' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <p>Nous avons dessiné plus de 150 pictogrammes, monochromes ou en deux couleurs, détaillant pour chacune des situations les éléments constitutifs de ce que les commissaires ont désigné comme le "cadre opérationnel" et la "zone d'incertitude". Ces pictogrammes ne sont pas à considérer comme des illustrations, mais comme un moyen de préciser, de poursuivre la réflexion ou d'en montrer les limites.</p> <span class="csfoo htmla"></span><div class='spip_document_336 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/ile_des_reunions_ultragramme_27-3e1eb.jpg?1475526856' alt="pictogrammes île des réunions Ultragramme " title="pictogrammes île des réunions Ultragramme" class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_337 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/ile_des_reunions_ultragramme_28-f0c31.jpg?1475526856' alt="pictogrammes île des réunions " title="pictogrammes île des réunions " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_338 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/ile_des_reunions_ultragramme_29-bda83.jpg?1475526856' alt="pictogrammes île des réunions " title="pictogrammes île des réunions " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_339 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/ile_des_reunions_ultragramme_30-7cbc3.jpg?1475526856' alt="pictogrammes île des réunions " title="pictogrammes île des réunions" class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_327 layout__item 1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/ile_des_reunions_ultragramme_18-b1a25.jpg?1475526856' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_330 layout__item 1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/ile_des_reunions_ultragramme_21-dc5c1.jpg?1475526857' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><h3 class="spip">impression</h3> <p><i>L'île des réunions</i> a été imprimé en Riso sur les presses de <a href="http://www.papiermachine.fr" class='spip_out' rel='external'>Papier Machine</a>, en vert, violet et orange fluo. Chaque page est intégralement recouverte d'une légère trame colorée. Les photographies ont été imprimées en trichromie.</p> <h3 class="spip">typographie</h3> <p><i>L'île des réunions</i> est entièrement composé en <a href="https://www.batfoundry.com/family/wigrum" class='spip_out' rel='external'>Wigrum</a> de <a href="https://www.batfoundry.com" class='spip_out' rel='external'>BAT foundry</a></p> <span class="csfoo htmla"></span><div class='spip_document_334 layout__item 1/2' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/ile_des_reunions_ultragramme_25-28229.jpg?1475526857' alt="4<sup class="typo_exposants">e</sup> de couverture île des réunions Ultragramme " title="4<sup class="typo_exposants">e</sup> de couverture île des réunions Ultragramme" class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span></div> Bétonsalon http://ultragramme.com/Betonsalon http://ultragramme.com/Betonsalon 2016-09-29T12:49:27Z text/html fr Charles Beauté brochures et publications art contemporain <p>Co-workers : Beyond Disaster</p> - <a href="http://ultragramme.com/travaux" rel="directory">travaux</a> / <a href="http://ultragramme.com/brochures-et-publications" rel="tag">brochures et publications</a>, <a href="http://ultragramme.com/art-contemporain" rel="tag">art contemporain</a> <img class='spip_logo spip_logo_right spip_logos' alt="" style='float:right' src='http://ultragramme.com/local/cache-vignettes/L107xH150/arton58-678bd.jpg?1475180793' width='107' height='150' /> <div class='rss_chapo'><p><i>Co-workers : Beyond Disaster</i> publication post-apocalyptique</p></div> <div class='rss_texte'><span class="csfoo htmla"></span><div class='spip_document_296 layout__item 1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/betonsalon_co-workers_ultragramme_02-7fb06.jpg?1475180793' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <p><strong>Bétonsalon – Centre d'art et de recher­che</strong> œuvre à la confluence de l'art et de la recher­che afin d'inter­ro­ger les formes nor­ma­li­sées de pro­duc­tion, de clas­si­fi­ca­tion et de dis­tri­bu­tion du savoir.</p> <p>Les commissaires Mélanie Bouteloup et Garance Malivel ont fait appel à Ultragramme pour créer les images, les flyers et la publication <i>BS n°19</i> accompagnant l'exposition <i>Co-workers : Beyond Disaster</i>.</p> <span class="csfoo htmla"></span><div class='spip_document_298 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/betonsalon_co-workers_ultragramme_04-29b53.jpg?1475180793' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_299 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/betonsalon_co-workers_ultragramme_05-c13ef.jpg?1475180793' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_301 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/betonsalon_co-workers_ultragramme_07-23094.jpg?1475180793' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_302 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/betonsalon_co-workers_ultragramme_08-5e8d9.jpg?1475180793' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <p>Pensée comme <strong>une publication universitaire post-apocalyptique</strong>, <i>BS n°19</i> est entièrement monochrome, composée de textes denses bordés de marges réduites à leur minimum. Les colonnes viennent contraindre le texte selon des règles qui évoluent de pages en pages. Ces colonnes sont déformées et le texte est perturbé par des images aux formes changeantes que nous avons créées spécialement pour la publication. On peut voir dans ces images qui se déroulent parfois sur plusieurs pages paysages d'éruptions sous-marines, nuages de pollution ou autres nids d'abeilles géants.</p> <span class="csfoo htmla"></span><div class='spip_document_303 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/betonsalon_co-workers_ultragramme_09-7777b.jpg?1475180793' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_305 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/betonsalon_co-workers_ultragramme_11-ac913.jpg?1475180793' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <p>Entièrement bilingue Français-Anglais, <i>BS n°19</i> est scindé en deux parties qui sont le négatif l'une de l'autre : la partie française en bleu-violet sur fond blanc et la partie anglaise en blanc sur fond bleu-violet.</p> <span class="csfoo htmla"></span><div class='spip_document_306 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/betonsalon_co-workers_ultragramme_12-c6e3a.jpg?1475180794' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_307 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/betonsalon_co-workers_ultragramme_13-64a2f.jpg?1475180794' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_308 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/betonsalon_co-workers_ultragramme_14-8839f.jpg?1475180794' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_309 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/betonsalon_co-workers_ultragramme_15-f0294.jpg?1475180794' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_310 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/betonsalon_co-workers_ultragramme_16-6fdb3.jpg?1475180794' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <p>Nous avons utilisé pour cette publication les typographies <a href="https://www.productiontype.com/family/minotaur" class='spip_out' rel='external'>Minotaur</a> et <a href="https://www.productiontype.com/family/minotaur_sans" class='spip_out' rel='external'>Minotaur sans</a> de la fonderie <a href="https://www.productiontype.com" class='spip_out' rel='external'>Production Type</a>.</p> <p><br class='manualbr' /></p> <span class="csfoo htmla"></span><div class='spip_document_295 layout__item 3/4 palm-1/1' style=' display:block; text-align:center; margin: 0 auto;' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/betonsalon_co-workers_ultragramme_01-5b6e1.jpg?1475180794' alt=" " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span></div> Eldorado Maximum http://ultragramme.com/Eldorado-Maximum http://ultragramme.com/Eldorado-Maximum 2016-09-21T13:49:00Z text/html fr Juliette Goiffon revues et livres art contemporain <p>design d'un livre d'aventures artistiques pour le collectif des Commissaires anonymes</p> - <a href="http://ultragramme.com/travaux" rel="directory">travaux</a> / <a href="http://ultragramme.com/revues-et-livres" rel="tag">revues et livres</a>, <a href="http://ultragramme.com/art-contemporain" rel="tag">art contemporain</a> <img class='spip_logo spip_logo_right spip_logos' alt="" style='float:right' src='http://ultragramme.com/local/cache-vignettes/L107xH150/arton56-2edf4.jpg?1470421595' width='107' height='150' /> <div class='rss_chapo'><p>Design d'un livre d'aventures artistiques pour le collectif des Commissaires anonymes.</p></div> <div class='rss_texte'><p>Comme nombre de projets des Commissaires anonymes, <i>Eldorado Maximum</i> est inclassable, à la croisée des genres. Quelque part entre l'essai théorique, le livre ésotérique, le roman d'aventure et le journal de bord, nous avons pu donner forme à cet OVNI avec une grande liberté.</p> <span class="csfoo htmla"></span><div class='spip_document_290 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0925-web-9c669.jpg?1470421595' alt="Eldorado Maximum - couverture " title="Eldorado Maximum - couverture" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_287 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0927-web-d6ba0.jpg?1470421596' alt="Eldorado Maximum - double " title="Eldorado Maximum - double" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_288 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0928-web-6cc17.jpg?1470421596' alt="Eldorado Maximum - double " title="Eldorado Maximum - double" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_289 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0934-web-271e7.jpg?1470421596' alt="Eldorado Maximum - double " title="Eldorado Maximum - double" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><h3 class="spip">typographie</h3> <p>Les lettres aux contours bruts du <i><a href="https://www.productiontype.com/family/minotaur" class='spip_out' rel='external'>Minotaur</a></i>, édité par <i>Production Type</i>, ont des proportions qui ne sont pas sans rappeler certains romans du début du XX<sup class="typo_exposants">e</sup> siècle. Pour donner à cette édition une part de jeu et de mystère, des mots en capitales lombardes ont été cachés entre les pages, au niveau de la reliure.</p> <span class="csfoo htmla"></span><div class='spip_document_285 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0929-web-36028.jpg?1470421596' alt="Eldorado Maximum - double " title="Eldorado Maximum - double" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_286 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0942-web-ee2a5.jpg?1470421596' alt="Eldorado Maximum - détail typo " title="Eldorado Maximum - détail typo" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><h3 class="spip">impression</h3> <p><i>Eldorado Maximum</i> a été imprimé en Riso sur les presses de <i>Papier Machine</i>, en bleu, or et orange fluo. Chaque page est intégralement recouverte d'une légère trame colorée. Les photographies ont été retravaillées en bichromie ou monochromie.</p> <span class="csfoo htmla"></span><div class='spip_document_291 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0935-web-1494f.jpg?1470421596' alt="Eldorado Maximum - bichromie " title="Eldorado Maximum - bichromie" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_293 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0945-web-04468.jpg?1470421596' alt="Eldorado Maximum - detail " title="Eldorado Maximum - detail" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_292 layout__item 1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0937-web-4247d.jpg?1470421596' alt="Eldorado Maximum - bichromie " title="Eldorado Maximum - bichromie" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span></div> Les commissaires anonymes http://ultragramme.com/Les-commissaires-anonymes http://ultragramme.com/Les-commissaires-anonymes 2016-08-02T14:13:47Z text/html fr Juliette Goiffon identité visuelle site internet culturel art contemporain <p>un site internet pour un collectif de commissaires d'exposition</p> - <a href="http://ultragramme.com/travaux" rel="directory">travaux</a> / <a href="http://ultragramme.com/identite-visuelle" rel="tag">identité visuelle</a>, <a href="http://ultragramme.com/site-internet" rel="tag">site internet</a>, <a href="http://ultragramme.com/culturel" rel="tag">culturel</a>, <a href="http://ultragramme.com/art-contemporain" rel="tag">art contemporain</a> <img class='spip_logo spip_logo_right spip_logos' alt="" style='float:right' src='http://ultragramme.com/local/cache-vignettes/L107xH150/arton26-0b795.jpg?1426430423' width='107' height='150' /> <div class='rss_chapo'><p>sont sur internet, aujourd'hui et pour toujours.</p></div> <div class='rss_texte'><p><i>Les Commissaires anonymes</i> ont pour principe de ne pas se fixer, et d'organiser des projets dans différents pays d'Europe. <br class='autobr' /> Nous voulions que leur site devienne leur lieu, ainsi nous l'avons pensé comme un espace d'expression et de travail, de communication et d'affichage, de présentation et d'archivage. Pour correspondre à ces commissaires débordant d'énergie et de nouvelles idées, le site évolue et se construit en fonction des projets et des envies du moment.</p> <span class="csfoo htmla"></span><div class='spip_document_125 layout__item' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH1025/ordi-commissaires-1-d46ba.png?1426430424' alt="site internet des commissaires anonymes " title="site internet des commissaires anonymes" class='image-texte' width='500' height='1025' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <p>Nous avons conçu une palette d'outils (différents corps de textes, blocs colorés, grille de mise en page modulaire) qui permettent aux commissaires de s'approprier cette plateforme et de la modifier au jour le jour. Ils (elles) peuvent ainsi y annoncer des évènements, y partager des textes ou des billets d'humeur, mais aussi y classer leurs projets, et s'en servir comme système de présentation lors de conférences. <br class='autobr' /> Le site est pensé pour fonctionner efficacement sur tous types d'écrans (ordinateurs, tablettes, smartphones).</p> <span class="csfoo htmla"></span><div class='spip_document_124 layout__item 1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH525/display-0648-1-2014-11-05-f9e60.png?1426430425' alt="site internet des commissaires anonymes " title="site internet des commissaires anonymes" class='image-texte' width='500' height='525' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <p>À l'image du travail des <i>Commissaires anonymes</i>, nous avons opté pour un design efficace et une esthétique brute, énergique et généreuse.</p> <span class="csfoo htmla"></span><div class='spip_document_126 layout__item 1/2' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/IMG/gif/cartes-anim-fond-blanc.gif?1421940901' alt="carte de visite des commissaires anonymes " title="carte de visite des commissaires anonymes" class='image-texte' width='500' height='341' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_129 layout__item 1/2' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH341/cartes-1-fond-blanc-0b4ba.jpg?1426430426' alt="cartes de visite des commissaires anonymes " title="cartes de visite des commissaires anonymes" class='image-texte' width='500' height='341' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <p>Les cartes de visites sont imprimées en encre à gratter</p> <span class="csfoo htmla"></span><div class='spip_document_128 layout__item 1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/tampon-1-ea6aa.jpg?1426430427' alt="cartes tampon les commissaires anonymes " title="cartes tampon les commissaires anonymes" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class="clearfix"> </div><span class="csfoo htmlb"></span> <p>visiter le site <a href="http://lescommissairesanonymes.fr" class='spip_out' rel='external'>lescommissairesanonymes.fr</a></p></div> Graphisme en France http://ultragramme.com/Graphisme-en-France http://ultragramme.com/Graphisme-en-France 2015-05-11T14:39:39Z text/html fr Juliette Goiffon direction artistique revues et livres institutionnel culturel <p>21<sup class="typo_exposants">e</sup> édition de la revue, éditée par le Centre national des arts plastiques.</p> - <a href="http://ultragramme.com/travaux" rel="directory">travaux</a> / <a href="http://ultragramme.com/direction-artistique" rel="tag">direction artistique</a>, <a href="http://ultragramme.com/revues-et-livres" rel="tag">revues et livres</a>, <a href="http://ultragramme.com/institutionnel" rel="tag">institutionnel</a>, <a href="http://ultragramme.com/culturel" rel="tag">culturel</a> <img class='spip_logo spip_logo_right spip_logos' alt="" style='float:right' src='http://ultragramme.com/local/cache-vignettes/L107xH150/arton54-77768.jpg?1431371868' width='107' height='150' /> <div class='rss_chapo'><p>Chaque année, le CNAP fait appel à un jeune studio pour concevoir le design graphique de la publication <i>Graphisme en France</i>. Pour l'édition de 2015, c'est Ultragramme qui s'est vu confié cette mission.</p></div> <div class='rss_texte'><p>Depuis 1994, chercheurs, critiques et professionnels du graphisme partagent leur regard et leurs recherches sur les grandes thématiques qui animent la création graphique dans la revue <i>Graphisme en France</i>, revue annuelle destinée à l'ensemble des professionnels du design graphique et de la communication. Dans ce 21<sup class="typo_exposants">e</sup> numéro, c'est le thème de la direction artistique de presse et de magazines qui est abordé, à travers les contributions d'Angelo Cirimele, de Francesco Franchi, de Pierre Ponant et de Véronique Vienne.</p> <span class="csfoo htmla"></span><div class='spip_document_236 layout__item' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/web-_dsc0669-2-e0995.jpg?1431371869' alt="Graphisme en France - couverture " title="Graphisme en France - couverture" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <p>À travers nos choix de papiers, de mises en page, d'impression et de caractères typographiques, nous avons mis en place un certain nombre de codes, directement inspirés par ceux de la presse et des magazines. Jouant librement avec ces codes au fil des articles, nous avons souhaité proposer un objet foisonnant, changeant et généreux.</p> <h3 class="spip">mise en page</h3> <p>À partir d'une grille de base extrêmement modulaire, le texte est tour à tour calé sur deux, trois et quatre colonnes, et les titrages successivement centrés, ferrés à droite, puis à gauche.</p> <span class="csfoo htmla"></span><div class='spip_document_255 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/web-_dsc0705-12-2-833b5.jpg?1431371869' alt="Graphisme en France - double " title="Graphisme en France - double" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_256 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/web-_dsc0722-22-2-23080.jpg?1431371869' alt="Graphisme en France - double " title="Graphisme en France - double" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_258 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/web-_dsc0726-24-2-0d810.jpg?1431371869' alt="Graphisme en France - double " title="Graphisme en France - double" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_257 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/web-_dsc0731-27-2-0de66.jpg?1431371869' alt="Graphisme en France - double " title="Graphisme en France - double" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><h3 class="spip">impression</h3><span class="csfoo htmla"></span><div class='spip_document_247 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/web-_dsc0738-31-f2693.jpg?1431371869' alt="Graphisme en France - double " title="Graphisme en France - double" class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_248 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/web-_dsc0704-11-f60e7.jpg?1431371869' alt="Graphisme en France - double " title="Graphisme en France - double" class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <p>Une partie de la publication a été imprimée en tons directs (bleu foncé, rouge et jaune fluo), alternant les pages en monochromie, bichromie et trichromie. Grâce à un travail de photogravure, l'impression des images reproduites en tons directs tend à se rapprocher d'une impression en quadrichromie, mais avec un léger décalage de tonalité, dont il se dégage une sensibilité particulière.</p> <span class="csfoo htmla"></span><div class='spip_document_259 layout__item' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/web-_dsc0744-32-2-bd070.jpg?1431371869' alt="Graphisme en France - détail " title="Graphisme en France - détail" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><h3 class="spip">typographies</h3><span class="csfoo htmla"></span><div class='spip_document_252 layout__item 1/3 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/web-_dsc0713-16-f96e8.jpg?1431371869' alt="Graphisme en France - double " title="Graphisme en France - double" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_251 layout__item 2/3 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/web-_dsc0717-18-7d35c.jpg?1431371869' alt="Graphisme en France - double " title="Graphisme en France - double" class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_249 layout__item 2/3 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/web-_dsc0761-33-c0aa9.jpg?1431371869' alt="Graphisme en France - détail " title="Graphisme en France - détail" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <p>Nous avons choisi trois caractères typographiques (le <i>Trianon</i> et l'<i>Origin Super Condensed</i> de Production Type et le <i>Wigrum</i> du Bureau des affaires typographiques), dont les utilisations permutent au fil des articles. Ainsi, chaque caractère est alternativement utilisé en titrage, en texte, ainsi que pour les notes et les exergues.</p> <span class="csfoo htmla"></span><div class='spip_document_254 layout__item' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/web-_dsc0729-2-c66fa.jpg?1431371869' alt="Graphisme en France - double " title="Graphisme en France - double" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_253 layout__item' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/web-_dsc0676-4-0c545.jpg?1431371869' alt="Graphisme en France - 4<sup class="typo_exposants">e</sup> " title="Graphisme en France - 4<sup class="typo_exposants">e</sup>" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <p>pour télécharger la version PDF de <i>Graphisme en France</i>, rendez-vous sur <a href="http://www.cnap.graphismeenfrance.fr/article/graphisme-france-ndeg21" class='spip_out' rel='external'>cnap.graphismeenfrance.fr</a></p></div> La Gaîté Lyrique http://ultragramme.com/La-Gaite-Lyrique-51 http://ultragramme.com/La-Gaite-Lyrique-51 2015-03-31T10:53:59Z text/html fr Juliette Goiffon signalétique culturel <p>une signalétique en forme d'éclipse pour le hall d'entrée</p> - <a href="http://ultragramme.com/travaux" rel="directory">travaux</a> / <a href="http://ultragramme.com/signaletique" rel="tag">signalétique</a>, <a href="http://ultragramme.com/culturel" rel="tag">culturel</a> <img class='spip_logo spip_logo_right spip_logos' alt="" style='float:right' src='http://ultragramme.com/local/cache-vignettes/L107xH150/arton51-813e3.jpg?1427803409' width='107' height='150' /> <div class='rss_chapo'><p>Une signalétique en forme d'éclipse pour le hall d'entrée de ce centre des cultures numériques.</p></div> <div class='rss_texte'><span class="csfoo htmla"></span><div class='spip_document_213 layout__item' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/_dsc0212-web-052a4.jpg?1427803409' alt="Portes Gaité Lyrique - échantillons " title="Portes Gaité Lyrique - échantillons " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <p>Nous avons été contactés par le cabinet d'architectes Gillot + Givry en janvier 2014 pour réfléchir à un système de marquage particulier sur les nouvelles portes et baies vitrées de la Gaîté Lyrique. Plutôt que d'appliquer le traditionnel rond rouge de sécurité, ce centre culturel parisien a souhaité un type d'intervention plus inventif et plus fidèle à l'esprit du lieu au croisement de la création, de l'innovation et des cultures numériques.</p> <span class="csfoo htmla"></span><div class='spip_document_214 layout__item 1/2' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0228-web-ecb17.jpg?1427803409' alt="Portes Gaité Lyrique - pose des films " title="Portes Gaité Lyrique - pose des films" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_215 layout__item 1/2' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0243-web-a9db1.jpg?1427803409' alt="Portes Gaité Lyrique - pose des films " title="Portes Gaité Lyrique - pose des films" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_221 layout__item' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0279-web3-c0802.jpg?1427803410' alt="Portes Gaité Lyrique - pose des films " title="Portes Gaité Lyrique - pose des films" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_228 layout__item 1/2' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0310-web-2-80fe0.jpg?1427825022' alt="Portes Gaité Lyrique - pose des films " title="Portes Gaité Lyrique - pose des films" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_229 layout__item 1/2' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH333/_dsc0289-web-2-f0684.jpg?1427825022' alt="Portes Gaité Lyrique - pose des films " title="Portes Gaité Lyrique - pose des films" class='image-texte' width='500' height='333' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <p>Pour les portes du bas, qui ouvrent sur l'espace d'accueil et devaient refléter l'identité du lieu, nous avons repris la forme et les proportions des trois ronds du logo de la Gaité Lyrique. Nous avons joué avec le système automatique d'ouverture et de fermeture des portes et la transparence des films choisis, pour que des éclipses apparaissent dès que les portes sont en mouvement.</p> <span class="csfoo htmla"></span><div class='spip_document_267 layout__item' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/_dsc1028-web-45051.jpg?1470096486' alt="Portes Gaité Lyrique - signalétique - hall " title="Portes Gaité Lyrique - signalétique - hall" class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_268 layout__item 1/2' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/_dsc1041-web-61bb0.jpg?1470096486' alt="Portes Gaité Lyrique - signalétique " title="Portes Gaité Lyrique - signalétique" class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_270 layout__item 1/2' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH327/_dsc1076-web-ec014.jpg?1470096486' alt="Portes Gaité Lyrique - signalétique - détail " title="Portes Gaité Lyrique - signalétique - détail" class='image-texte' width='500' height='327' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <p>Dans ce jeu de phénomènes lumineux, nous avons utilisé du film dichroïque, dont la couleur, indescriptible, change en permanence, selon l'angle de vision adopté. Les ronds noirs ont été imprimés sur un film intégral transparent, et sont entourés d'un léger halo en dégradé.</p> <p>En haut, nous avons reproduit ce jeu d'éclipses et de transparences en utilisant les deux faces des parois vitrées. Sur l'une des faces est appliqué le film noir dégradé, et sur l'autre, le film dichroïque.</p> <span class="csfoo htmla"></span><div class='spip_document_273 layout__item' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH326/eclipses-web-269af.jpg?1470096486' alt="Portes Gaité Lyrique - signalétique " title="Portes Gaité Lyrique - signalétique" class='image-texte' width='500' height='326' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span></div> Alias Production http://ultragramme.com/Alias_production http://ultragramme.com/Alias_production 2015-03-24T14:00:43Z text/html fr Juliette Goiffon logotype identité visuelle musique <p>une identité percutante pour une agence de production de concerts</p> - <a href="http://ultragramme.com/travaux" rel="directory">travaux</a> / <a href="http://ultragramme.com/logotype" rel="tag">logotype</a>, <a href="http://ultragramme.com/identite-visuelle" rel="tag">identité visuelle</a>, <a href="http://ultragramme.com/musique" rel="tag">musique</a> <img class='spip_logo spip_logo_right spip_logos' alt="" style='float:right' src='http://ultragramme.com/local/cache-vignettes/L107xH150/arton50-3c7b2.jpg?1427230623' width='107' height='150' /> <div class='rss_chapo'><p>Une identité percutante pour une agence de production de concerts.</p></div> <div class='rss_texte'><p>Alias organise depuis plus de 20 ans des concerts et des tournées pour des artistes d'influences variées (d'Agnès Obel à Marilyn Manson, en passant par Blur et Asa).<br class='autobr' /> La société souhaitait une nouvelle identité qui puisse à la fois s'adapter à la diversité de leur catalogue, et se décliner sur leurs multiples supports de communication (encarts de presse, flyers, newsletters, affiches etc.). Ils voulaient une image plus forte et une posture plus engagée. Pour répondre à cette volonté, nous avons cherché à valoriser les choix musicaux d'Alias et le contenu des chansons des artistes représentés.</p> <span class="csfoo htmla"></span><div class='spip_document_165 layout__item' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/image-2-7c0b8.png?1427208997' alt="Flyer Alias-Production " title="Flyer Alias-Production " class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <p>L'identité que nous avons créée pour Alias, extrêmement modulaire, repose sur un principe simple : un extrait de chanson choisi et placé dans un encadré. À partir de ce principe, nous avons établi des règles et développé des outils permettant à Alias d'être autonome et de décliner cette identité sur les différents supports quand qu'ils le souhaitent. Selon les choix de paroles qui sont faits, Alias est libre de définir son image, et d'interpeler par toutes sortes de messages, du plus grave au plus léger.</p> <h3 class="spip">les flyers</h3> <p>Imprimés sur papier épais, nous avons pensé les flyers comme des cartes postales à garder et collectionner. Selon le choix de l'artiste et des paroles, elles se déclinent avec ou sans photo, et dans différents systèmes de couleurs.</p> <span class="csfoo htmla"></span><div class='spip_document_187 layout__item' style=' display:block; text-align:center; margin: 0 auto;' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH616/image-19-82eb3.png?1427392796' alt="Flyers Alias-production " title="Flyers Alias-production " class='image-texte' width='500' height='616' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><h3 class="spip">les encarts de presse</h3><span class="csfoo htmla"></span><div class='spip_document_173 layout__item' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH340/image-7-5fad6.png?1427219811' alt="Encart presse Alias-production " title="Encart presse Alias-production" class='image-texte' width='500' height='340' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class="clearfix"> </div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_188 layout__item' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH228/image-20-7c9e6.png?1427392797' alt="Encarts presse Alias-production " title="Encarts presse Alias-production" class='image-texte' width='500' height='228' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><h3 class="spip">les newsletters</h3><span class="csfoo htmla"></span><div class='spip_document_179 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH665/image-13-740d1.png?1427219812' alt="Newsletter Alias-Production " title="Newsletter Alias-Production" class='image-texte' width='500' height='665' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_180 layout__item 1/2 palm-1/1' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH665/image-11-ebfe8.png?1427219812' alt="Newsletter Alias-Production " title="Newsletter Alias-Production" class='image-texte' width='500' height='665' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><h3 class="spip">le logo</h3> <p>Nous avons retravaillé le logo initial qu'Alias ne souhaitait pas radicalement modifier, pour en faire un élément plus léger, avec lequel jouer. À la manière de stickers ou d'étiquettes de fruits, on peut les multiplier, les incliner, les déplacer, les superposer, selon le support sur lequel on l'applique.</p> <span class="csfoo htmla"></span><div class='spip_document_186 layout__item' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH226/image-18-29dbb.png?1427230623' alt="Logo Alias-production " title="Logo Alias-production" class='image-texte' width='500' height='226' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span></div> Strabic.fr http://ultragramme.com/Strabic-fr http://ultragramme.com/Strabic-fr 2015-02-10T09:07:53Z text/html fr Juliette Goiffon identité visuelle site internet direction artistique revues et livres culturel <p>direction artistique, exigeante et exotique de la revue en ligne de théorie du design</p> - <a href="http://ultragramme.com/travaux" rel="directory">travaux</a> / <a href="http://ultragramme.com/identite-visuelle" rel="tag">identité visuelle</a>, <a href="http://ultragramme.com/site-internet" rel="tag">site internet</a>, <a href="http://ultragramme.com/direction-artistique" rel="tag">direction artistique</a>, <a href="http://ultragramme.com/revues-et-livres" rel="tag">revues et livres</a>, <a href="http://ultragramme.com/culturel" rel="tag">culturel</a> <img class='spip_logo spip_logo_right spip_logos' alt="" style='float:right' src='http://ultragramme.com/local/cache-vignettes/L107xH150/arton32-29aba.jpg?1426430415' width='107' height='150' /> <div class='rss_chapo'><p>Direction artistique, exigeante et exotique de la revue en ligne de théorie du design.</p></div> <div class='rss_texte'><p>Strabic.fr est une revue oblique qui parle de conception et d'arts de faire. Elle est née en 2011 d'une volonté profonde : parler de design sans paillettes ni projecteurs, de forme et de fond, de ce qui se fait et ce qui peut se faire, de pourquoi et de comment cela se fait, d'extravagance et d'excursions.<br class='autobr' /> À l'image de cette ligne éditoriale, le design de Strabic.fr affiche une radicalité teintée de fraîcheur et d'humour. <br class='autobr' /> <br/></p> <span class="csfoo htmla"></span><div class="clearfix"> </div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_154 layout__item' style=' display:block; text-align:center; margin: 0 auto;' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH332/_dsc0107-2-3b6e4.jpg?1426430416' alt="cartes de visite Strabic " title="cartes de visite Strabic" class='image-texte' width='500' height='332' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <blockquote class="spip"> <p>"My luck is that I was born cross-eyed." Buckminster Fuller</p> </blockquote><span class="csfoo htmla"></span><div class='spip_document_156 layout__item 4/5' style=' display:block; text-align:center; margin: 0 auto;' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH484/business-card-0373-2014-11-04-e9b1b.png?1426430416' alt="supports de communication Strabic " title="supports de communication Strabic" class='image-texte' width='500' height='484' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <p>Accueillant des centaines de brèves et d'articles, des critiques de livres, des ressources et des portraits, le site est pensé pour évoluer en fonction des sujets tout en restant clair et lisible. Les choix de mise en page et les réglages typographiques offrent une lecture optimale sur tous types d'écrans.</p> <span class="csfoo htmla"></span><div class='spip_document_160 layout__item' style=' display:block; text-align:center; margin: 0 auto;' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH1115/display-0649-1-2015-02-10-18a5c.png?1426430416' alt="site Strabic.fr " title="site Strabic.fr" class='image-texte' width='500' height='1115' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <p>Nous créons des images pour les articles ou faisons appel à des illustrateurs tels que Vincent Broquaire, Marion Fayolle, Simon Roussin, Vincent Godeau, Clément Paurd etc. pour assurer une qualité iconographique.<br class='autobr' /> <br/></p> <span class="csfoo htmla"></span><div class="clearfix"> </div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_157 layout__item 1/3' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH633/display-0648-7-2015-02-10-1baaa.png?1426430416' alt="illustration de Vincent Broquaire pour Strabic.fr " title="illustration de Vincent Broquaire pour Strabic.fr" class='image-texte' width='500' height='633' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_158 layout__item 1/3' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH641/display-0648-5-2015-02-10-d943a.png?1426430417' alt="illustration de Marion Fayolle pour Strabic.fr " title="illustration de Marion Fayolle pour Strabic.fr" class='image-texte' width='500' height='641' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span><span class="csfoo htmla"></span><div class='spip_document_159 layout__item 1/3' style='' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/local/cache-vignettes/L500xH648/display-0648-6-2015-02-10---copie-b6797.png?1426430417' alt="illustration de Clément Paurd pour Strabic.fr " title="illustration de Clément Paurd pour Strabic.fr" class='image-texte' width='500' height='648' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span> <p>Strabic.fr est une revue à géométrie variable mais à mémoire de forme. Elle est toujours en mouvement et se redéfinit sans cesse. J. Brinckerhoff Jackson dit à propos de paysage qu'il « n'accomplit son identité qu'au fur et à mesure de l'existence : c'est seulement quand il cesse d'évoluer que nous pouvons dire ce qu'il est. »<br class='autobr' /> Souhaitons donc ne jamais pouvoir dire ce que Strabic est !<br class='autobr' /> <br/> visiter le site <a href="http://strabic.fr" class='spip_out' rel='external'>strabic.fr</a><br class='autobr' /> <br/> <br/> <br/></p> <span class="csfoo htmla"></span><div class="clearfix"> </div><span class="csfoo htmlb"></span> <span class="csfoo htmla"></span><div class='spip_document_161 layout__item' style=' display:block; text-align:center; margin: 0 auto;' ><figure><!-- teste si le bloc est centré --><!-- --><img src='http://ultragramme.com/IMG/gif/gif-strabic-web.gif?1423565276' alt="site Strabic.fr " title="site Strabic.fr" class='image-texte' width='500' height='394' /><!-- --><!-- --></figure></div><span class="csfoo htmlb"></span></div>