CHARTE GRAPHIQUE V1.3 OCTOBRE 2013 APPRENDRE INVENTER COMPRENDRE



Documents pareils
TRAVELEASY GILLIAN SOKOLOFF ET MARCELLO CARLINO 1BGDB

Conduite et présentation des activités professionnelles. Prénom NOM BTS Assurance. Session 20XX

Tous les avantages d'un statut multicarte

PLATEFORME GRAPHIQUE INSTITUT DU NOUVEAU MONDE

Bombardier Guide des NORMES. L évolution de la mobilité

Web conferences : la portlet BigBlueButton

e-commerce+ Solution globale e-commerce Trafic web E-commerce BtoB Travailler les contenus d'un site e-commerce : un critère de qualité

Notice de sécurité de votre. installation au gaz naturel

Charte Graphique Caisse d Epargne Rhône Alpes

Ce document a été créé par SIP19 et fourni gracieusement au réseau associatif sportif scolaire de l USEP.

sommaire Charte graphique - identité visuelle éléments constitutifs de la charte papeterie contenu du CD-ROM

LES OUTILS. Guide pratique. Emploi des travailleurs handicapés

DOSSIER TECHNIQUE. La nouvelle signalétique des envois de presse. nement. bn o GAZINE. Feuille ROUTAGE GAZETTE AGE OURNA ÉDACTION CAHIER

3 chapitre Groupe Eyrolles, 2008

3 PAPETERIE. 3.2 En-tête et suite de lettre CD. Arial Bold 9 pts, noir, cap et bas de casse, centré

Plateforme publicitaire Entreprendre. Guide de normes

CHARTE. d utilisation de la marque Sage par les partenaires

Normes graphiques / Sigma Assistel / Site Internet version 1.0 /

PARLONS ROTARY. Charte graphique à l usage des Rotariens

Charte graphique 2011

Élaborer une charte graphique. Comment élaborer une charte graphique?

Parler. DU Rotary. Charte graphique à l usage des Rotariens

charte graphique 1 - logotype de la FMSH 2 - logotype / couleurs 3 - logotype / variantes 5 - logotype / zone d exclusion 6 - logotype / utilisation

Concours de création

M1105 Web Design Analyse Sectorielle Sites de grands musées

Le point sur les services en ligne employeurs

G U I D E D U T I L I S A T I O N LIFTING IDENTITÉ VISUELLE

Avantages et méthode de la bonne gouvernance d'entreprise - le cas pratique des PSF

expo communication visuelle expographie expographie communication visuelle impression numérique création graphique matériel

Charte d utilisation de la marque et du logo «Somfy»

Les différentes étapes à suivre pour la création d un feuillet

Charte d utilisation de la marque de certification NF pour les bâtiments non résidentiels*

RECOMMANDATION 30 ASSURANCES AUTOMOBILES : CARTE VERTE

Paul Faro 09 /03 /87 PORTFOLIO (0)

Manuel de formation Spaceman 1 ère journée

... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE

Se former pour réussir!

Guide d utilisation des services My Office

RECOPLUS LOGICIEL DE GESTION DES RECOMMANDES NOTICE D UTILISATION DE RECOPLUS RESEAU. N de série

Création d un fichier de découpe

OFFRE de FORMATION {arts, Lettres, Langues}


Créer et gérer une newsletter Comment créer et faire vivre une lettre d information au sein de votre entreprise?

WORDPRESS : réaliser un site web

ASTER et ses modules

Créer une maquette de site Internet

... identité visuelle logotype. CONCEPTION GRAPHIQUE [ print / web ]

MODE D EMPLOI DU MODULE D E-COMMERCE

Sagem MF NOUVEAU : Système multifonctions A3 couleur irréprochable

VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET

Ouverture Février 2015

ATHOMEMAGAZINE. Les prix de l immobilier au Luxembourg!

PLATEFORME ANTI-CORRUPTION AU CAMEROUN

2013 Pearson France Adobe Illustrator CC Adobe Press

L interface Outils, palettes, règles, repères, grille Paramétrer les préférences

GUIDE UTILISATEUR. Guide utilisateur. Logiciel version 7 Documentation version 8

Initiation à Excel. Frédéric Gava (MCF)

KIT DE COM CFA 2015 ANFA - THALAMUS

DÉFINITION DE LA NEWSLETTER : OUVERTURE DU LOGITIEL ETARGET

02/2011. charte graphique d arte pour le print

OFFRE de FORMATION {sciences humaines & sociales}

EFM.me Document de version. Version 2.2 Nouveautés et améliorations

Un site Web performant p 3. Les moteurs de la réussite p 4

Logiciel SuiviProspect Version Utilisateur

Cahier d application Identité visuelle de l union européenne et du FSE en alsace

Cahier des charges - Refonte du site internet rennes.fr

FICHE TECHNIQUE OPTIONS DE COMMUNICATION

Tutoriel d utilisation du Back-Office du site de la ligue

collectif : créatrice > concepteur > graphiste > designer > rédactrice > webdesigner > architecte > typographe > illustratrice > scénographe...

Comment utiliser la feuille de style «CMLF2010.dot»

Comment utiliser FileMaker Pro avec Microsoft Office

Cahier des charges (Exemple de proposition commerciale pour un site Internet vitrine)

Site web établissement sous Drupal

Formations 2015 Bureautique

Bien encaisser en ligne 1. Panorama des moyens de paiement 2. Le point sur la fraude. Club PME 2.0 Damien Jacob

Guide d utilisation rapide. Machine à affranchir CourrierPRO

Cahier des Charges Site Internet

Mise à jour : janvier 2015 POURQUOI ET COMMENT OPTIMISER LES VISUELS

CA CA T T AL AL O O GUE GUE CATALO FORMATIONS t n s c o p. f r / / / / / / c o n t a c t n s c o p. f r / / / / / # t r o c n u m

GE Measurement & Control. Intecal v10. Logiciel de gestion d'étalonnage

UTILISER LA MESSAGERIE

Partie publique / Partie privée. Site statique site dynamique. Base de données.

Rédiger pour le web. Objet : Quelques conseils pour faciliter la rédaction de contenu à diffusion web

La messagerie électronique

Modules Multimédia PAO (Adobe)

STYLEGUIDE ÉLÉMENTS DE BASE PARTENAIRES

Cours de D.A.O. Mécanique

1AN. e n 19" FicheS Techniques. PLV - Dynamique. caractéristiques techniques. dimensions dela structure

MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005

F o r m a t i o n. M a i s o n d e l a. Catalogue des formations. E s p a c e P u b l i c N u m é r i q u e. domaine numérique

1. L ENTREPRISE 2. CARACTERISTIQUES ET DEROULEMENT DE LA PRESTATION CHARTE QUALITE 2.1. DEMARCHE VOLONTAIRE 2.2. REALISATION DE L AUDIT

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

Créer des documents interactifs

Rapport d évaluation de la licence professionnelle

Création d un formulaire de contact Procédure

Excel 2007 Niveau 3 Page 1

Table des matières A. Introduction... 4 B. Principes généraux... 5 C. Exemple de formule (à réaliser) :... 7 D. Exercice pour réaliser une facture

Transcription:

CHARTE GRAPHIQUE V1.3 OCTOBRE 2013 APPRENDRE INVENTER COMPRENDRE

Introduction Cette charte graphique et éditoriale est l aboutissement d une étude identitaire portant sur la création : de notre nouveau nom et logotype : UPEM - Université Paris-Est Marne-la-Vallée, plus simple et plus mémorisable, d une signature institutionnelle qui l accompagnera Apprendre, Inventer, Comprendre, illustrant les atouts de notre université et permettant de lui conférer davantage de sens tout en fédérant l ensemble de la communauté, de l ensemble des déclinaisons de notre nouvelle identité visuelle sur la papeterie et tous les supports de communication qu ils soient émis par les Services, les Composantes ou les Unités de Recherche. La mise en œuvre de notre identité a été conduite dans une démarche participative en groupe de pilotage et s est concrétisée par la présentation de maquettes finalisées auprès d un large public interne et externe pour recueillir observations et suggestions. Cette évolution était rendue indispensable d une part par notre changement de nom et, d autre part, par la nécéssité de rendre cohérents notre image et l ensemble de nos supports de communication. La refonte de notre identité démontre à la fois une volonté de simplification, de modernisation et de cohérence pour notre établissement. La nouvelle identité visuelle assure ainsi cette indispensable reconnaissance du lien entre tous les acteurs de notre communauté. L identité visuelle de l UPEM est celle d une université convaincue de la nécessité de faire connaître dans son unité l activité de ses Services, Composantes et Unités de Recherche au grand public, aux étudiants, aux entreprises, aux responsables d enseignement et de recherche, aux prescripteurs, à ses partenaires institutionnels et économiques, tant en France qu à l international. Pour vous aider dans l application de cette charte, un site web a été spécialement conçu : www.u-pem.fr/charte-graphique Du respect de ce document dépendront la force et la cohérence de notre image. Gilles Roussel Président de l UPEM Université Paris-Est Marne-la-Vallée 2

Sommaire LE Logotype & LES éléments graphiques 4 Le logotype 5 La trame, les versions 6 La zone de protection 11 Les références couleurs 12 Le logo sur des fonds 13 Les interdits 14 L univers de marque 15 La signature institutionnelle 16 Les typographies 17 Les couleurs d accompagnement 18 Les couleurs en dégradé 19 La trame illustrative 20 L ARCHITECTURE DE MARQUE 21 Les Composantes 22 Les Unités de Recherche mono et multi-tutelles 23 Les co-signatures 24 La papeterie et la bureautique 25 Papeterie La tête de lettre Services, Composantes et Unités de Recherche 26 La mise en page 27 Les cartes de visite et cartes de correspondance 28 Services, Composantes et Unités de Recherche 29 Les enveloppes 30 La télécopie et le bordereau d envoi 31 Documents institutionnels Le carton d invitation 32 Le tampon et la flamme postale 33 Le communiqué de presse 34 Supports multimédia La signature mail et le bandeau mail interne 35 Le site web institutionnel 36 Le site web : les menus déroulants 37 Le site web : les modules 38 Le PowerPoint 39 LES éditions 40 Le niveau institutionnel et Services (formats A4) 41 Le niveau Composantes et Unités de Recherche (formats A4) 42 Les formats A5 43 Les formats 100 x 210mm 44 Les formats 140 x 300mm 45 La chemise, rapport ou dossier de présentation 46 Les pages internes 47 L affiche (formats A3) 48 La signalétique 49 Information : Marquage bâtiment et panneau de porte 50 Orientation : Totem, panneau et banderole 51 Évènementiel : Banderole et kakemono 52 Les objets promotionnels 54 Lexique 55 Annexe 57 Récapitulatif des endossements Composantes et Unités de Recherche mono et multi-tutelles 3

LE LOGOTYPE & LES ÉLÉMENTS GRAPHIQUES Le logotype La trame, les versions La zone de protection Les références couleurs Le logo sur des fonds Les interdits 4

LE LOGOTYPE & les éléments graphiques Le logotype Ce logo mot-image* construit à partir de l acronyme* UPEM, orangé et partiellement tramé, s inscrit dans un rectangle virtuel, évoquant équilibre et force. L orange constitue l un des éléments fondateurs de l identité de l université depuis sa création en 1991. La dénomination complète de l université est inscrite en lettres capitales, en rouge foncé, sur trois lignes justifiées sur la hauteur et à la droite du bloc EM. Sa composition simple, originale et épurée exprime un volume en 2 ou 3 dimensions. L effet de trame accentue l image de mouvement, de construction, d ombre et de lumière. Sa structure compacte est facilement utilisable pour tout type de mise en page et d endossement* (Composantes, Unités de Recherche), ainsi que de co-signature, et permet une grande lisibilité. Le traitement graphique et le code chromatique de l ensemble expriment simplicité, originalité, force et modernité. * Cf. Lexique p. 56! Tous les logos et documents d exécution sont à retirer auprès du Service Communication 5

LE LOGOTYPE & les éléments graphiques LA TRAME, LES VERSIONS Pourquoi 3 versions? Selon les types d applications -papeterie, édition, signalétiqueet la dimension du logo, pour optimiser sa lisibilité sur les différents supports en fonction des techniques d impression, nous utilisons une trame différente. UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE Le logotype PAPETERIE V1 Le logotype édition V2 Le logotype SIGNALéTIQUE V3 6

LE LOGOTYPE & les éléments graphiques logotype VERSION PAPETERIE [ V1 ] Pour des raisons de lisibilité en fonction de la taille du support et de la qualité d impression, cette version doit être utilisée. Taille maximum H34mm Taille minimum H19mm 19mm 34mm LOGO V1 Taille minimum LOGO V1 Taille maximum! En téléchargement sur le site : www.u-pem.fr/charte-graphique/ Tous les logos et documents d exécution sont à retirer auprès du Service Communication 7

LE LOGOTYPE & les éléments graphiques logotype VERSION EDITION [ V2 ] Pour des raisons de lisibilité en fonction de la taille du support et de la qualité d impression, cette version doit être utilisée. LOGO V2 Taille maximum 59mm Il convient d utiliser cette version pour un affichage sur le web. Taille maximum H59mm LOGO V2 Taille minimum Taille minimum H35mm 35mm! En téléchargement sur le site : www.u-pem.fr/charte-graphique/ Tous les logos et documents d exécution sont à retirer auprès du Service Communication 8

LE LOGOTYPE & les éléments graphiques logotype VERSION SIGNALETIQUE [ V3 ] Pour des raisons de lisibilité en fonction de la taille du support et de la qualité d impression, cette version doit être utilisée. LOGO V3 Taille minimum 60mm Taille maximum pour cette version du logo il n y a pas de taille maximum Taille minimum H60mm! Tous les logos et documents d exécution sont à retirer auprès du Service Communication En téléchargement sur le site : www.u-pem.fr/charte-graphique/ 9

LE LOGOTYPE & les éléments graphiques logotype VERSION SIMPLIFIée [ V4 ] Dans certains cas d utilisations très réduites (petits objets siglés, co-signatures sur supports réduits...), le logo sera utilisé uniquement en aplat, 2 couleurs, 1 couleur, noir et blanc et en réserve, en fonction des indications suivantes : avec dénomination 18mm 18mm avec dénomination Taille maximum : 18mm Taille minimum : 9mm La dénomination est justifiée sur la hauteur des lettres EM 9mm SANS dénomination 8mm 8mm sans dénomination Taille maximum : 8mm Taille minimum : 5mm 9mm 5mm 5mm! En téléchargement sur le site : www.u-pem.fr/charte-graphique/ Tous les logos et documents d exécution sont à retirer auprès du Service Communication 10

LE LOGOTYPE & les éléments graphiques La ZONE DE PROTECTION Pour une visibilité optimale et éviter toute perturbation de lecture, une zone de protection obligatoire est définie autour du logo. Cette zone est déterminée par un espace équivalent à la largeur (x) du jambage droit du M. X Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusa ntium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, 11

LE LOGOTYPE & les éléments graphiques Les références couleurs COULEURS La version du logo en couleur droit être utilisée en priorité. PANTONE C C M J N R V B WEB NOIR ET BLANC Uniquement pour les supports imprimés en une seule couleur du type presse quotidienne. SIGLE 173 0 75 100 0 234 91 12 ea5a0b DÉNOMINATION 187 0 90 100 20 194 46 12 cc3300 Black process 0 0 0 100 29 29 27 000000 12

LE LOGOTYPE & les éléments graphiques LE LOGO SUR FONDS Dans le cas d une utilisation sur un fond, 3 options possibles : FOND SIMPLE : sur fonds unis blanc, de couleur ou photographique clair, le logo est en couleur, FONDS UNIS ET PHOTOGRAPHIQUE FONCÉ : le logo est en réserve. FOND COMPLEXE : le logo est toujours en couleur dans un cartouche avec trame illustrative, particulièrement dans les éditions. 13

LE LOGOTYPE & les éléments graphiques CONFIGURATION EXCLUSIVEMENT RÉSERVÉE AUX ENDOSSEMENTS COULEUR NON CONFORME POSITIONNEMENT HORIZONTAL OU VERTICAL (POUR CERTAINS OBJETS SIGLÉS) MAIS JAMAIS INCLINÉ les interdits Afin de respecter l identité visuelle UPEM, toute création arbitraire ou modification du logo et du principe d endossement, serait une source de faiblesse et une altération de notre image. Il est donc strictement indispensable d en respecter toutes les règles d application sans trahir la conception définie. LOGO DÉFORMÉ DÉNOMINATION NE RESPECTE PAS LA TYPOGRAPHIE PRINCIPE D ENDOSSEMENT NON RESPECTÉ En cas d hésitation, merci de consulter le Service Communication. PRINCIPE D ENDOSSEMENT NON RESPECTÉ PRINCIPE D ENDOSSEMENT NON RESPECTÉ PRINCIPE D ENDOSSEMENT NON RESPECTÉ UFR SCIENCES ET TECHNIQUES DES ACTIVITÉS PHYSIQUES ET SPORTIVES UFR SCIENCES ET TECHNIQUES DES ACTIVITÉS PHYSIQUES ET SPORTIVES ENTITÉ NON ENDOSSABLE PAS DE LOGO NI DE PRINCIPE D ENDOSSEMENT POUR LES SERVICES PRINCIPE D ENDOSSEMENT NON RESPECTÉ CAMPUS NUMERIQUE 14

L UNIVERS DE MARQUE La signature institutionnelle Les typographies Les couleurs d accompagnement Les couleurs en dégradé La trame illustrative 15

L univers de marque LA signature institutionnelle L ajout d une signature institutionnelle, en l occurrence trois mots Apprendre, Inventer, Comprendre, sur certains supports de communication permet de donner davantage de sens à notre marque. En interne, au sein de notre communauté, cette signature institutionnelle fédère nos actions et nos objectifs, que l on soit étudiant, personnel enseignant, enseignantchercheur ou personnel administratif. En externe, elle permet de mieux nous différencier de notre environnement. Signature verticale Signature horizontale Pour la communication à l international, l anglais est retenu et se décline de la même manière. Signature horizontale dans un cartouche HAUTEUR DU CARTOUCHE La hauteur de la signature dans un cartouche ne peut dépasser celle de la dénomination inscrite dans le logo. Signature À L International En téléchargement sur le site : www.u-pem.fr/charte-graphique/! Tous les logos et documents d exécution sont à retirer auprès du Service Communication 16

L univers de marque 1 2 3 Les typographies Pour la plupart des utilisations en édition, communication institutionnelle et signalétique : Aller est choisie pour sa lisibilité, l excellence de son dessin qui allie un classicisme institutionnel et une précision typographique contemporaine optimale. Pour l utilisation web : Colaborate est une police spécifiquement adaptée à l internet. De plus, elle est proche de l Aller. Pour l utilisation interne bureautique : Arial est la police utilisée lorsque la typographie Aller n est pas disponible, par exemple en bureautique ou sur des documents Powerpoint. Ces polices ont été sélectionnées pour leur lisibilité, leur adaptabilité et la diversité de leurs caractères. 1 édition = ALLER 2 WEB = COLABORATE 3 BUREAUTIQUE = ARIAL Aa Bb aller light abcdefghijk abcdefghijklmnopq aller light italic lmnopq klmnopqrstuvwxyz aller regular abcdefgh abcdefghijklmnopq aller regular italic lmn abcdefghijklmnopq aller bold abcdefghijk abcdefghijklmnopq aller bold italic hijklm abcdefghijklmnopq aller display abcdefg abcdefghijklmnopq Aa Bb colaborate thin abcdefghijk abcdefghijklmnopqr colaborate light ijklmnopq klmnopqrstuvwxyz colaborate regular abcde LnopqRSTUVWXYZ colaborate medium nopq LmnopqRSTUVWXYZ colaborate bold acdefgh LnopqRSTUVWXYZ! Aa Bb Arial regular abcdefghijk abcdefghjklmno Arial italic abcdefghijklm abcdefghjklmno Arial bold ghijklmnopq abcdefghjklmno Arial bold italic abcde abcdefghjklmno En téléchargement sur le site : www.u-pem.fr/charte-graphique/ Tous les logos et documents d exécution sont à retirer auprès du Service Communication 17

L univers de marque Les couleurs d accompagnement C M J N R V B WEB C M J N R V B WEB C M J N R V B WEB 70 0 10 0 29 186 223 1DB9DE 30 100 0 0 184 14 128 cc0099 0 37 100 0 248 172 0 ff9900 49 0 0 20 116 179 209 74b2d1 60 100 0 20 113 25 111 660066 0 88 100 0 230 56 18 ff3300 55 0 20 0 119 200 210 66cccc 0 100 60 0 229 0 70 e4003a 15 0 100 0 232 225 0 ffcc00 87 30 25 0 0 136 171 0087ab 49 0 100 0 152 194 29 99cc33 0 3 10 30 198 193 184 c5c1b7 100 74 0 0 0 74 155 00499a 59 22 100 50 78 100 26 666600 0 0 20 10 238 233 204 ffffcc 100 0 54 0 0 152 139 00988b 72 0 100 0 73 173 51 49ac33 0 2 6 7 242 238 231 ffffff 18

L univers de marque Les COULEURS EN dégradé Les couleurs en dégradé permettent d enrichir l univers de la marque UPEM, dans le traitement des visuels et des aplats de couleurs. C M J N R V B WEB 0 88 100 0 230 56 18 ff3300 C M J N R V B WEB 0 100 60 0 229 0 70 e4003a 0 75 100 0 234 91 12 ea5a0b 0 88 100 0 230 56 18 ff3300 72 0 100 0 73 173 51 49ac33 87 30 25 0 0 136 171 0087ab 15 0 100 0 232 225 0 ffcc00 55 0 20 0 119 200 210 66cccc 85 38 44 0 22 126 138 167E8A 30 100 0 0 184 14 128 cc0099 32 0 0 28 146 179 198 92B3C6 60 100 0 20 113 25 111 660066 19

L univers de marque La trame illustrative Pour mieux visualiser et enrichir le territoire identitaire spécifique de l UPEM, une trame particulière est conçue, inspirée de celle du logotype. Elle peut-être utilisée dans les éditions, pour créer un titre, avec les photographies et les illustrations, pour apporter une nuance de modernité, de technologie et mieux identifier l UPEM. En signalétique, elle permet également de marquer le territoire identitaire de l UPEM. La hauteur de la trame ne doit pas dépasser la hauteur des lettres EM du logo. 20

L ARCHITECTURE DE MARQUE Les Composantes Les Unités de Recherche mono et multi-tutelles Les co-signatures 21

L ARCHITECTURE DE MARQUE Les Composantes Pour que chaque Composante puisse s identifier, un principe graphique d endossement, modulaire et simple a été conçu. Le logo UPEM étant le dénominateur commun, un filet vertical rouge, justifié à sa droite et sur la hauteur des lettres EM. A droite de ce filet, centré sur sa hauteur, le nom de la Composante est inscrit en noir et en capitales. Dans le cas où la Composante dispose d un logo, il est justifié sur la hauteur du filet. L ensemble forme un bloc-marque. Dans tous les cas d endossement, la dénomination UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE s inscrit sous les lettres UPEM et sur deux lignes. Retrouver tous les endossements pages 58 et 59.!! En Tous téléchargement les logos et documents sur le site d exécution : sont www.u-pem.fr/charte-graphique/ à retirer auprès du Service Communication Tous les logos et documents d exécution sont à retirer auprès du Service Communication 22

L ARCHITECTURE DE MARQUE Les Unités de Recherche mono-tutelle Le même principe d endossement que pour les Composantes est appliqué. ESPACES ETHIQUES ET POLITIQUES INSTITUT HANNAH ARENDT multi-tutelles Un principe différent est appliqué : le logo de l Unité de Recherche est inscrit seul à gauche et en haut du format. Pour les Unités de Recherche ne disposant pas de logo, le sigle est inscrit en réserve au sein d un aplat orangé au format équivalent au rectangle virtuel dans lequel est inscrit le logo UPEM (hors dénomination). UnitéS de Recherche MONO-TUTELLE La dénomination de l Unité de Recherche multi-tutelles est inscrite en lettres capitales, à droite de son logo, en partie supérieure et justifiée dans la continuité du filet rouge virtuel. Un filet vertical rouge, situé à droite du logo ou de la dénomination, est justifié sur sa partie basse et le sépare de la liste des co-tutelles, inscrites, par ordre alphabétique, sous le titre Sous la co-tutelle de :. Qu il s agisse d endossement concernant les Unités de Recherche mono ou multi-tutelles, l ensemble forme un bloc-marque, comme pour l endossement des Composantes. Retrouver tous les endossements pages 57 et 58. En téléchargement sur le site : www.u-pem.fr/charte-graphique/! UnitéS de Recherche MULTI-TUTELLES Tous les logos et documents d exécution sont à retirer auprès du Service Communication 23

L ARCHITECTURE DE MARQUE Les co-signatures Lorsque des documents sont émis par plusieurs partenaires, on positionnera leur logo soit horizontalement en bas du format dans le cas d une édition ou d une affiche, soit verticalement selon les contraintes de mise en page. Ils seront inscrits en haut du format dans le cas d un en-tête de lettre. Placement des logos Chacun est inscrit par ordre alphabétique, horizontalement, de gauche à droite, verticalement, de haut en bas. Il est nécessaire de respecter une zone d espacement autour de chaque logo. 24

LA PAPETERIE & LA BUREAUTIQUE Papeterie La tête de lettre Services, Composantes et Unités de Recherche La mise en page Les cartes de visite et cartes de correspondance Services, Composantes et Unités de Recherche Les enveloppes La télécopie et le bordereau d envoi Documents institutionnels Le carton d invitation Le tampon et la flamme postale Le communiqué de presse Supports multimédia La signature mail et le bandeau mail interne Le site web institutionnel Le site web : les menus déroulants Le site web : les modules Le PowerPoint 25

La papeterie et la bureautique B A Papeterie tête de lettre SERVICES Format A4 (210mm x 297mm). le logotype est situé en haut à gauche. A 20mm 28mm 12mm Alignement C B tête de lettre COMPOSANTES ET UNITÉS DE RECHERCHE MONO-TUTELLE Même principe de mise en page. C tête de lettre UNITÉS DE RECHERCHE MULTI-TUTELLES Même principe de mise en page. Le logo de la Communauté d universités et établissements Université Paris-Est est inscrit sur le bas du format, en aplat gris. UPEM CITÉ DESCARTES 5 BOULEVARD DESCARTES CHAMPS-SUR-MARNE 77454 MARNE-LA-VALLÉE CEDEX 2 T : 01 60 95 70 02 F : 01 60 95 70 70 WWW.U-PEM.FR SIRET 199 320 565 00492 - APE 803Z TYPO ALLER BOLD ET Regular 7.5 pt interligné 9 pt NOIR 70% TYPO ALLER LIGHT 5 pt interligné 9 pt NOIR 70% UPEM CITÉ DESCARTES 5 BOULEVARD DESCARTES CHAMPS-SUR-MARNE 77454 MARNE-LA-VALLÉE CEDEX 2 T : 01 60 95 75 00 F : 01 60 95 75 75 WWW.U-PEM.FR SIRET 199 320 565 00492 - APE 803Z 8mm 20mm 25mm En téléchargement sur le site : www.u-pem.fr/charte-graphique/! Tous les logos et documents d exécution sont à retirer auprès du Service Communication UPEM CITÉ DESCARTES 5 BOULEVARD DESCARTES CHAMPS-SUR-MARNE 77454 MARNE-LA-VALLÉE CEDEX 2 T : 01 60 95 70 02 F : 01 60 95 70 70 WWW.U-PEM.FR SIRET 199 320 565 00492 - APE 803Z 26

La papeterie et la bureautique Papeterie MISE EN PAGE 55mm alignement alignement alignement 55mm tête de lettre SERVICES Format A4 (210mm x 297mm). le logotype est situé en haut à gauche. 20mm [NOM DE SERVICE] [RéF 000/000] [PRÉNOM NOM] [TITRE ET/OU FONCTION] T : [00 00 00 00 00] / F : [00 00 00 00 00] [DESTINATAIRE] [DESTINATAIRE] [ADRESSE] [ADRESSE] 20mm [NOM DE SERVICE] [RéF 000/000] [PRÉNOM NOM] [TITRE ET/OU FONCTION] T : [00 00 00 00 00] / F : [00 00 00 00 00] [DESTINATAIRE] [DESTINATAIRE] [ADRESSE] [ADRESSE] tête de lettre COMPOSANTES ET UNITÉS DE RECHERCHE MONO ET MULTI-TUTELLES Même principe de mise en page. [PRÉNOM.NOM@U-PEM.FR] OBJET : LORUM IPSUM VOLUPTATEM QUARCHI BEATAE VITAE DICTA UNDE OMNIS ISTE NATUS Madame, DATE [XX/XX/XX] ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. [PRÉNOM.NOM@U-PEM.FR] OBJET : LORUM IPSUM VOLUPTATEM QUARCHI BEATAE VITAE DICTA UNDE OMNIS ISTE NATUS Madame, DATE [XX/XX/XX] ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et aliquam quaerat voluptatem. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? TYPO ARIAL REGULAR ET BOLD 8 pt interligné 12 pt Quis autem vel eum iure reprehenderit, Quis autem vel eum iure reprehenderit, TYPO ARIAL REGULAR ET BOLD 10 pt interligné 14 pt 48,3mm 51,5mm 108mm UPEM CITÉ DESCARTES 5 BOULEVARD DESCARTES CHAMPS-SUR-MARNE 77454 MARNE-LA-VALLÉE CEDEX 2 T : 01 60 95 75 00 F : 01 60 95 75 75 WWW.U-PEM.FR SIRET 199 320 565 00492 - APE 803Z UPEM CITÉ DESCARTES 5 BOULEVARD DESCARTES CHAMPS-SUR-MARNE 77454 MARNE-LA-VALLÉE CEDEX 2 T : 01 60 95 75 00 F : 01 60 95 75 75 WWW.U-PEM.FR SIRET 199 320 565 00492 - APE 803Z! Tous les logos et documents d exécution sont à retirer auprès du Service Communication En téléchargement sur le site : www.u-pem.fr/charte-graphique/ 27

- UPEM CHARTE GRAPHIQUE P.28 La papeterie et la bureautique Papeterie 3mm 5mm alignement A B A + B C + D Cartes de visite services Format 85mm x 54mm Le logotype est situé en haut à gauche. Cartes de visite composantes ET UNITÉS DE RECHERCHE (Cf. Principe d endossement mono et multi-tutelles p.22) 19mm 24,2mm PRENOM NOM Titre et/ou fonction sur deux lignes T : 01 60 95 XX XX F : 01 60 95 XX XX PRENOM.NOM@U-PEM.FR BÂTIMENT COPERNIC BUREAU XXXX UPEM CITÉ DESCARTES 5 BOULEVARD DESCARTES CHAMPS-SUR-MARNE 77454 MARNE-LA-VALLÉE CEDEX 2 WWW.U-PEM.FR 4mm SERVICE T : 01 60 95 XX XX F : 01 60 95 XX XX PRENOM.NOM@U-PEM.FR BÂTIMENT COPERNIC BUREAU XXXX UPEM CITÉ DESCARTES 5 BOULEVARD DESCARTES CHAMPS-SUR-MARNE 77454 MARNE-LA-VALLÉE CEDEX 2 WWW.U-PEM.FR TYPO ALLER BOLD 7 pt interligné 7 pt ORANGE UPEM alignement C D TYPO ALLER BOLD 6 pt interligné 7 pt NOIR 70% TYPO ALLER Regular ET BOLD 5.5 pt interligné 6.5 pt NOIR 70% 5mm 19mm 3mm - GASPARD LABORATOIRE D'INFORMATIQUE - MONGE LABORATOIRE D INFORMATIQUE GASPARD MONGE Sous la co-tutelle de : CNRS ECOLE DES PONTS PARISTECH ESIEE PARIS UPEM UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE PRENOM NOM Titre et/ou fonction sur deux lignes PRENOM NOM Titre et/ou fonction sur deux lignes T : 01 60 95 XX XX F : 01 60 95 XX XX PRENOM.NOM@U-PEM.FR BÂTIMENT COPERNIC BUREAU XXXX T : 01 60 95 XX XX F : 01 60 95 XX XX PRENOM.NOM@U-PEM.FR BÂTIMENT COPERNIC BUREAU XXXX 26,2mm UPEM CITÉ DESCARTES 5 BOULEVARD DESCARTES CHAMPS-SUR-MARNE 77454 MARNE-LA-VALLÉE CEDEX 2 WWW.U-PEM.FR UPEM CITÉ DESCARTES 5 BOULEVARD DESCARTES CHAMPS-SUR-MARNE 77454 MARNE-LA-VALLÉE CEDEX 2 WWW.U-PEM.FR 4mm! Tous les logos et documents d exécution sont à retirer auprès du Service Communication 28

- - UPEM CHARTE GRAPHIQUE La papeterie et la bureautique Papeterie alignement A 10mm 6mm alignement C A + B cartes de correspondance SERVICES Format 210mm x 100mm. le logotype en haut à gauche. 10mm 28mm 6mm 28mm 41.2mm C + D cartes de correspondance COMPOSANTES ET UNITÉS DE RECHERCHE 38.3mm PRENOM NOM Titre et/ou fonction T : 01 60 95 XX XX F : 01 60 95 XX XX PRENOM.NOM@U-PEM.FR D 6-8 COURS DU DANUBE BÂTIMENT ERASME 7 700 SERRIS UPEM CITÉ DESCARTES 5 BOULEVARD DESCARTES CHAMPS-SUR-MARNE 77454 MARNE-LA-VALLÉE CEDEX 2 WWW.U-PEM.FR (Cf. Principe d endossement mono et multi-tutelles p.22) Le logo de la Communauté d universités et établissements Université Paris-Est est inscrit sur le bas du format, en aplat gris. 10mm 25mm UPEM CITÉ DESCARTES 5 BOULEVARD DESCARTES CHAMPS-SUR-MARNE 77454 MARNE-LA-VALLÉE CEDEX 2 T : 01 60 95 75 00 F : 01 60 95 75 75 WWW.U-PEM.FR 6mm B GASPARD LABORATOIRE D'INFORMATIQUE - MONGE LABORATOIRE D'INFORMATIQUE GASPARD-MONGE Sous la co-tutelle de : CNRS ECOLE DES PONTS PARIS TECH ESIEE PARIS UPEM UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE PRENOM NOM Titre et/ou fonction T : 01 60 95 XX XX F : 01 60 95 XX XX PRENOM.NOM@U-PEM.FR 6-8 COURS DU DANUBE BÂTIMENT ERASME 7 700 SERRIS UPEM CITÉ DESCARTES 5 BOULEVARD DESCARTES CHAMPS-SUR-MARNE 77454 MARNE-LA-VALLÉE CEDEX 2 WWW.U-PEM.FR TYPO ALLER BOLD 8 pt interligné 9 pt ORANGE UPEM TYPO ALLER BOLD 8 pt interligné 9 pt NOIR 70% TYPO ALLER Regular ET BOLD 7.5 pt interligné 9 pt NOIR 70% PRENOM NOM Titre et/ou fonction T : 01 60 95 XX XX F : 01 60 95 XX XX PRENOM.NOM@U-PEM.FR 6-8 COURS DU DANUBE BÂTIMENT ERASME 7 700 SERRIS UPEM CITÉ DESCARTES 5 BOULEVARD DESCARTES CHAMPS-SUR-MARNE 77454 MARNE-LA-VALLÉE CEDEX 2 WWW.U-PEM.FR! Tous les logos et documents d exécution sont à retirer auprès du Service Communication 29

La papeterie et la bureautique UPEM CITÉ DESCARTES 5 BOULEVARD DESCARTES CHAMPS-SUR-MARNE 77454 MARNE-LA-VALLÉE CEDEX 2 10mm ARNE-LA-VALLÉE CEDEX 2 Papeterie ENVELOPPES Le logo est placé en haut à gauche pour laisser l espace d affranchissement libre. En raison des variations de taille des rabats, l adresse est toujours à 10mm du pli. 25mm 10mm 10mm 10mm UPEM CITÉ DESCARTES 5 BOULEVARD DESCARTES CHAMPS-SUR-MARNE 77454 MARNE-LA-VALLÉE CEDEX 2 10mm UPEM CITÉ DESCARTES 5 BOULEVARD DESCARTES CHAMPS-SUR-MARNE 77454 MARNE-LA-VALLÉE CEDEX 2 30

La papeterie et la bureautique alignement alignement alignement alignement Papeterie 20mm 13mm Télécopie et bordereau d envoi Logo et bloc-adresse sont situés comme sur les en-têtes de lettre. 29mm [NOM DE SERVICE] TÉLÉCOPIE [NOM DE SERVICE] [PRÉNOM NOM] [TITRE ET/OU FONCTION] T : [00 00 00 00 00] / F : [00 00 00 00 00] [PRÉNOM.NOM@U-PEM.FR] BORDEREAU D ENVOI [DESTINATAIRE] [REF] [NOMBRE DE PAGES] (CELLE-CI COMPRISE) DATE [XX/XX/XX] [PRÉNOM NOM] [DESTINATAIRE] [TITRE ET/OU FONCTION] [TÉLÉCOPIE] OBJET T : [00 00 00 00 00] / F : [00 00 00 00 00] [NOMBRE DE PAGES] (CELLE-CI COMPRISE) [PRÉNOM.NOM@U-PEM.FR] DATE [XX/XX/XX] OBJET TYPO ARIAL REGULAR ET BOLD 8 pt interligné 12 pt 48,5mm 117mm UPEM CITÉ DESCARTES 5 BOULEVARD DESCARTES CHAMPS-SUR-MARNE 77454 MARNE-LA-VALLÉE CEDEX 2 T : 01 60 95 75 00 F : 01 60 95 75 75 WWW.U-PEM.FR SIRET 199 320 565 00492 - APE 803Z UPEM CITÉ DESCARTES 5 BOULEVARD DESCARTES CHAMPS-SUR-MARNE 77454 MARNE-LA-VALLÉE CEDEX 2 T : 01 60 95 75 00 F : 01 60 95 75 75 WWW.U-PEM.FR SIRET 199 320 565 00492 - APE 803Z! En téléchargement sur le site : www.u-pem.fr/charte-graphique/ Tous les logos et documents d exécution sont à retirer auprès du Service Communication 31

La papeterie et la bureautique DOCUMENTS INSTITUTIONNELS LE CARTON D INVITATION Plusieurs modèles d invitations, au format à l italienne 100 x 210 ou 150 x 210, peuvent être utilisés. INVITATION [logov1] INVITATION 32

La papeterie et la bureautique DOCUMENTS INSTITUTIONNELS LE Tampon Plusieurs types de tampons sont utilisés pour traiter le courrier. Il est recommandé de ne mettre que les informations strictement nécessaires, au-delà du logo (Service, Composante, Unité de Recherche). Plusieurs principes sont proposés. 65mm Service émetteur sur 1 ou 2 lignes APPRENDRE INVENTER COMPRENDRE CITÉ DESCARTES 5 BVD DESCARTES CHAMPS-S/MARNE 77454 MARNE-LA-VALLÉE CEDEX 2 WWW.U-PEM.FR 30mm 50mm 22mm 45mm LA FLAMME POSTALE L enveloppe est un média vecteur de notre image. 20mm CITÉ DESCARTES 5 BVD DESCARTES CHAMPS-S/MARNE 77454 MARNE-LA-VALLÉE CEDEX 2 WWW.U-PEM.FR 33

La papeterie et la bureautique DOCUMENTS INSTITUTIONNELS LE COMMUNIQUÉ DE PRESSE Ce modèle de document Word ne nécessite aucun papier pré-imprimé. Composé en Aller, ce modèle prêt à l emploi vous permet de saisir directement votre texte. 20mm 28mm 55mm alignement 12mm 140mm Ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et aliquam quaerat voluptatem. alignement COMMUNIQUÉ DE PRESSE XX I XX I XXXX LORUM IPSUM L UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE EST ENIM AD MINIMA VENIAM, QUIS NOSTRUM EXERCITATIONEM TYPO ALLER LIGHT 19 pt interligné 21 pt TYPO ALLER BOLD 10 pt interligné 13 pt TYPO ALLER LIGHT 21 pt interligné 25 pt TYPO ALLER LIGHT 10 pt interligné 13 pt Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur. Perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consect adipisci velit, sed quia non numquam eius. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur. 108mm TYPO ALLER REGULAR ET BOLD 8 pt interligné 9 pt CONTACT : XXXXXXXX XXXXXXXX, RESPONSABLE COMMUNICATION XXXXXXXXXXX@U-PEM.FR T : 01 00 00 00 00 M : 06 00 00 00 00 WWW.U-PEM.FR 82mm 34

La papeterie et la bureautique SUPPORTS MULTIMEDIA SIGNATURE MAIL La signature de l émetteur indique toujours, de manière homogène, ses coordonnées, son établissement d appartenance et son adresse. BANDEAU MAIL Pour les communications internes par mail des services (pas des individus), on conservera le principe d un bandeau supérieur indiquant le nom de l émetteur exclusivement sur un fond orangé (Cf. référence RVB) avec le logo UPEM en réserve. 668 x 87 pixels SERVICE DE LA VIE ÉTUDIANTE En téléchargement sur le site : www.u-pem.fr/charte-graphique/! Tous les logos et documents d exécution sont à retirer auprès du Service Communication 35

La papeterie et la bureautique SUPPORTS MULTIMEDIA SITE WEB INSTITUTIONNEL PAGE D ACCUEIL Le logo UPEM s inscrit en haut à gauche, la signature institutionnelle, dans un cartouche orangé, en haut à droite. On privilégiera une accroche associée à un visuel dans le bandeau têtière. Les menus déroulants verticaux structurent horizontalement le haut de page. WEB MENU 1 C EST LA RENTRÉE! LOREM IPSUM DOLOR Ut enim ad minim veniam WEB MENU 2 WEB MENU 3 WEB MENU 4 WEB MENU 5 WEB MENU 6 WEB MENU 7 WEB MENU 8 LOREM IPSUM DOLOR SIT AMET CONSECTETUR ADIPISICING ELIT SED DO EIUSMOD APPRENDRE INVENTER COMPRENDRE Un visuel thématique principal grand format occupe la partie gauche du site. Qu il soit photographique ou en aplat, on privilégiera l utilisation de la trame illustrative. Une accroche évènementielle en aplat peut être utilisée, en partie droite, et personnalisée avec la trame illustrative. On évitera d inscrire trop d informations sur cette page d accueil, en privilégiant la lisibilité et l ergonomie du site. Lorem ipsum dolor sit amet consectetur adip eiusmod Tempor incididunt ut labore et TEMPOR INCIDIDUNT UT LABORE ET DOLORE MAGNA ALIQUA. UT ENIM LOREM IPSUM Titre Rubrique Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est. INTERTITRE 1 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est. VOUS RECHERCHEZ UNE FORMATION? LICENCE LICENCE PROFESSIONNELLE MASTER DIPLÔME D'INGÉNIEURS DUT AUTRES A L'AFFICHE! 36

La papeterie et la bureautique SUPPORTS MULTIMEDIA SITE WEB MENUS DéROULANTs On privilégiera un principe de menus déroulants, simples et permettant un accès facile. ZONE LIBRE APPRENDRE INVENTER COMPRENDRE WEB MENU 1 WEB MENU 2 WEB MENU 3 WEB MENU 4 WEB MENU 5 WEB MENU APPRENDRE 6 WEB INVENTER MENU 7 COMPRENDRE WEB MENU 8 WEB MENU 1 WEB MENU 2 WEB MENU 3 WEB MENU 4 WEB MENU 5 WEB MENU APPRENDRE 6 WEB INVENTER MENU 7 COMPRENDRE WEB MENU 8 APPRENDRE INVENTER COMPRENDRE ZONE LIBRE WEB MENU WEB MENU WEB MENU WEB MENU WEB MENU WEB MENU APPRENDRE WEB INVENTER MENU COMPRENDRE WEB MENU 1 WEB MENU 2 WEB MENU 3 WEB MENU 4 WEB MENU 5 WEB MENU 6 WEB MENU 7 WEB WEB MENU MENU 8 Menu niveau 2 LOREM IPSUM DOLOR SIT AMET Menu niveau 2 LOREM IPSUM DOLOR SIT AMET CONSECTETUR WEB MENU 1 ADIPISI WEB MENU CONSECTETUR 2 WEB ADIPISI MENU 3 WEB MENU 4 WEB MENU 5 WEB MENU 6 APPRENDRE WEB MENU 7 INVENTER WEB MENU 8 COMPRENDRE ELIT, SED DO EIUSMOD ELIT, SED DO EIUSMOD Menu niveau 2 TEMPOR Menu niveau INCIDIDUNT 2 ZONE LIBRE Menu LOREM niveau IPSUM 2 UT LOREM LABORE IPSUM ET TEMPOR DOLOR SIT INCIDIDUNT AMET DOLORE SIT MAGNA AMET UT CONSECTETUR LABORE ET ADIPISI ALIQUA CONSECTETUR UT ADIPISI WEB MENU 1 WEB MENU 2 WEB MENU 3 WEB MENU 4 WEB MENU 5 WEB MENU 6 WEB MENU 7 WEB MENU 8 DOLORE ELIT, SED MAGNA DO EIUSMOD ELIT, SED DO EIUSMOD ALIQUA UT Menu Menu niveau niveau 2 LOREM IPSUM TEMPOR INCIDIDUNT DOLOR SIT AMET UT LABORE ET CONSECTETUR ADIPISI DOLORE MAGNA ELIT, SED DO EIUSMOD ALIQUA UT Menu niveau 2 TEMPOR INCIDIDUNT UT LABORE ET TEMPOR INCIDIDUNT Menu niveau 2 UT LABORE ET LOREM IPSUM DOLORE MAGNA DOLOR SIT AMET ALIQUA UT CONSECTETUR ADIPISI ZONE LIBRE ZONE LIBRE ELIT, SED DO EIUSMOD APPRENDRE INVENTER COMPRENDRE TEMPOR INCIDIDUNT ZONE LIBRE DOLORE MAGNA WEB MENU 1 WEB MENU 2 WEB MENU 3 WEB MENU 4 WEB MENU 5 WEB MENU APPRENDRE 6 WEB INVENTER MENU 7 COMPRENDRE WEB MENU 8 ALIQUA UT WEB MENU 1 UT LABORE ET DOLORE MAGNA ALIQUA UT ZONE LIBRE Menu niveau 2 LOREM IPSUM DOLOR SIT AMET Menu niveau 2 LOREM IPSUM DOLOR SIT AMET DOLOR SIT AMET CONSECTETUR ADIPISI ELIT, SED DO EIUSMOD Menu niveau 2 LOREM IPSUM DOLOR SIT AMET WEB CONSECTETUR MENU 2 ADIPISI WEB MENU CONSECTETUR 3 WEB MENU ADIPISI 4 WEB TEMPOR MENU INCIDIDUNT 5 WEB MENU CONSECTETUR 6 WEB MENU ADIPISI 7 APPRENDRE INVENTER WEB MENU 8 COMPRENDRE ELIT, SED DO EIUSMOD ELIT, SED DO EIUSMOD UT LABORE ET ELIT, SED DO EIUSMOD Menu niveau 2 Menu niveau 2 DOLORE SIT MAGNA AMET TEMPOR Menu niveau INCIDIDUNT 2 ZONE LIBRE Menu LOREM niveau IPSUM 2 Menu LOREM niveau IPSUM 2 ALIQUA CONSECTETUR UT ADIPISI UT LOREM LABORE IPSUM ET TEMPOR DOLOR SIT INCIDIDUNT AMET TEMPOR DOLOR SIT INCIDIDUNT AMET CONSECTETUR ELIT, SED DO EIUSMOD ADIPISI DOLORE SIT MAGNA AMET UT CONSECTETUR LABORE ET ADIPISI UT CONSECTETUR LABORE ET ADIPISI ELIT, TEMPOR SED INCIDIDUNT DO EIUSMOD ALIQUA CONSECTETUR UT ADIPISI WEB MENU 1 WEB MENU 2 WEB MENU 3 WEB MENU 4 DOLORE ELIT, SED MAGNA DO EIUSMOD DOLORE ELIT, SED MAGNA DO EIUSMOD WEB MENU 5 WEB MENU 6 WEB MENU 7 TEMPOR UT LABORE INCIDIDUNT ET ELIT, SED DO EIUSMOD WEB MENU 8 ALIQUA UT LOREM ALIQUA UT LOREM UT DOLORE LABORE MAGNA ET Menu TEMPOR niveau INCIDIDUNT IPSUM Menu Menu niveau niveau DOLOR SIT 2 AMET IPSUM Menu Menu niveau niveau DOLOR SIT 2 DOLOR SIT AMET Menu niveau 2 AMET ALIQUA UT CONSECTETUR UT LABORE ET ADIPISI LOREM IPSUM CONSECTETUR TEMPOR INCIDIDUNT ADIPISI DOLOR SIT AMET ELIT, UT LABORE SED DO ET EIUSMOD CONSECTETUR ADIPISI TEMPOR DOLORE MAGNA INCIDIDUNT ELIT, SED DO EIUSMOD UT ALIQUA LABORE UT LOREM ET LOREM IPSUM CONSECTETUR TEMPOR INCIDIDUNT ADIPISI DOLOR SIT AMET ELIT, UT LABORE SED DO ET EIUSMOD CONSECTETUR ADIPISI TEMPOR DOLORE MAGNA INCIDIDUNT ELIT, SED DO EIUSMOD UT ALIQUA LABORE UT LOREM ET CONSECTETUR ADIPISI CONSECTETUR ADIPISI ELIT, SED DO EIUSMOD ELIT, Menu SED niveau DO EIUSMOD 2 TEMPOR INCIDIDUNT TEMPOR LOREM IPSUM INCIDIDUNT UT LABORE ET UT DOLORE LABORE MAGNA ET LOREM IPSUM ELIT, DOLORE SED MAGNA DO EIUSMOD DOLOR SIT AMET TEMPOR ALIQUA UT INCIDIDUNT CONSECTETUR ADIPISI UT LABORE ET ELIT, SED DO EIUSMOD DOLORE Menu niveau MAGNA 2 DOLORE MAGNA TEMPOR INCIDIDUNT DOLORE IPSUM DOLOR MAGNA SIT AMET DOLORE IPSUM DOLOR MAGNA SIT AMET ALIQUA UT LOREM ALIQUA CONSECTETUR UT ADIPISI Menu niveau 2 Menu niveau 2 ALIQUA UT UT LABORE ET CONSECTETUR ADIPISI CONSECTETUR ADIPISI ELIT, SED DO EIUSMOD TEMPOR INCIDIDUNT ELIT, SED DO EIUSMOD TEMPOR INCIDIDUNT ELIT, SED DO EIUSMOD CONSECTETUR ADIPISI Menu niveau 2 DOLORE MAGNA TEMPOR INCIDIDUNT UT LABORE ET TEMPOR INCIDIDUNT UT LABORE ET TEMPOR INCIDIDUNT ELIT, SED DO EIUSMOD LOREM IPSUM ALIQUA UT UT LABORE ET DOLORE MAGNA DOLORE MAGNA TEMPOR INCIDIDUNT UT LABORE ET UT LABORE ET DOLORE MAGNA DOLORE MAGNA ALIQUA UT LOREM ALIQUA UT LOREM UT LABORE ET Menu niveau 2 DOLORE MAGNA DOLORE MAGNA ALIQUA UT LOREM ALIQUA UT IPSUM DOLOR SIT AMET IPSUM DOLOR SIT AMET CONSECTETUR ADIPISI CONSECTETUR ADIPISI CONSECTETUR ADIPISI ELIT, SED DO EIUSMOD ELIT, SED DO EIUSMOD ELIT, SED DO EIUSMOD Menu niveau 2 TEMPOR INCIDIDUNT TEMPOR INCIDIDUNT TEMPOR INCIDIDUNT LOREM IPSUM UT LABORE ET UT LABORE ET UT LABORE ET DOLORE MAGNA DOLORE MAGNA DOLORE MAGNA DOLORE MAGNA ALIQUA UT LOREM ALIQUA UT 37

La papeterie et la bureautique WEB MENU 1 C EST LA RENTRÉE! LOREM IPSUM DOLOR Ut enim ad minim veniam APPRENDRE INVENTER COMPRENDRE APPRENDRE INVENTER COMPRENDRE WEB MENU 2 WEB MENU 3 WEB MENU 4 WEB C EST MENU 5 LA WEB RENTRÉE MENU 6 WEB! MENU 7 WEB MENU 8 LOREM IPSUM DOLOR Ut enim ad minim veniam SUPPORTS MULTIMEDIA SITE WEB MODULES Principe de carrousel : une animation peut-être réalisée avec des vidéos, des illustrations, des photographies. On privilégiera l utilisation des couleurs institutionnelles et de la trame illustrative pour renforcer l identité de l UPEM. Principe de bas de page : le logo UPEM est toujours présent, en rappel, ainsi, éventuellement, que celui du de la Communauté d universités et établissements Université Paris-Est. On retrouvera les différents thèmes et menus. Pour chaque composant, menu fixe, boîte moteur de recherche, titre et sous-titre, on utilisera les typographies recommandées, le code couleur et les couleurs d accompagnement, la trame illustrative. MEMBRE FONDATEUR WEB MENU 1 LOREM IPSUM WEB MENU 2 WEB MENU 3 WEB MENU 4 WEB MENU 5 WEB MENU 6 WEB MENU 7 WEB MENU 8 DOLOR SIT AMET APPRENDRE INVENTER COMPRENDRE APPRENDRE INVENTER COMPRENDRE C EST C EST LA RENTRÉE LA RENTRÉE CONSECTETUR!! LOREM IPSUM DOLOR ADIPISICING ELIT LOREM IPSUM LOREM IPSUM DOLOR Ut enim ad minim veniam Ut enim ad minim veniam SED DO EIUSMOD DOLOR SIT AMET WEB MENU 1 WEB MENU 2 WEB MENU 3 WEB MENU 4 WEB TEMPOR MENU 5INCIDIDUNT WEB MENU 6 WEB CONSECTETUR WEB MENU 1 WEB MENU 2 WEB MENU 3 WEB MENU 4 WEB MENU 5 WEB MENU 6 MENU WEB 7 MENU WEB 7 MENU WEB 8 MENU 8 UT LABORE ET ADIPISICING ELIT DOLORE MAGNA SED DO EIUSMOD LOREM IPSUM VOUS RECHERCHEZ UNE FORMATION? LOREM IPSUM ALIQUA. UT ENIM TEMPOR INCIDIDUNT DOLOR SIT AMET DOLOR SIT AMET LOREM IPSUM UT LABORE ET CONSECTETUR LICENCE LICENCE PROFESSIONNELLE MASTER CONSECTETUR DOLORE DIPLÔME MAGNA D'INGÉNIEURS DUT AUTRES ADIPISICING ELIT ADIPISICING ELIT ALIQUA. UT ENIM SED DO EIUSMOD SED DO EIUSMOD LOREM IPSUM LICENCE LICENCE PROFESSIONNELLE MASTER TEMPOR INCIDIDUNT TEMPOR INCIDIDUNT Titre Rubrique PRINCIPE DE TEXTE A DIPLÔME L'AFFICHE D'INGÉNIEURS! DUT AUTRES UT LABORE ET UT LABORE ET Lorem ipsum dolor sit amet DOLORE MAGNA Lorem ipsum dolor sit amet, consectetur adipisicing elit, DOLORE MAGNA VOUS RECHERCHEZ UNE FORMATION? sed do eiusmod VOUS tempor incididunt RECHERCHEZ ut labore et UNE dolore FORMATION? ALIQUA. UT ENIM consectetur adip eiusmod magna aliqua. Ut enim ad minim veniam, Titre quis nostrud Rubrique A L'AFFICHE! ALIQUA. UT ENIM exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. LICENCE Duis aute irure LICENCE dolor PROFESSIONNELLE in reprehenderit MASTER LOREM IPSUM LICENCE LICENCE PROFESSIONNELLE MASTER Tempor incididunt ut labore et LOREM IPSUM Lorem ipsum dolor sit in amet voluptate DIPLÔME velit esse D'INGÉNIEURS cillum dolore Lorem eu DUT fugiat ipsum nulla AUTRES dolor sit amet, consectetur adipisicing elit, DIPLÔME D'INGÉNIEURS pariatur. Excepteur sint occaecat sed cupidatat do eiusmod DUT non proident, tempor AUTRES incididunt ut labore et dolore consectetur adip eiusmod sunt in culpa qui officia deserunt magna mollit anim aliqua. id est. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit Tempor incididunt ut labore et Titre Rubrique INTERTITRE 1 Titre Rubrique in voluptate A L'AFFICHE velit A esse L'AFFICHE cillum! dolore! eu fugiat nulla Lorem ipsum dolor sit amet, consectetur pariatur. adipisicing Excepteur elit, sint occaecat cupidatat non proident, sed do eiusmod tempor incididunt sunt ut labore in culpa et qui dolore officia deserunt mollit anim id est. Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, consectetur adipisicing elit, Lorem ipsum dolor sit amet Lorem ipsum dolor magna sit amet, aliqua. consectetur Ut enim adipisicing minim veniam, elit, quis nostrud sed do sed eiusmod do eiusmod tempor tempor incididunt ut labore et dolore exercitation incididunt ullamco ut labore laboris et nisi dolore ut INTERTITRE aliquip ex ea 1 com- adip eiusmod magna aliqua. Ut enim ad minim veniam, quis nostrud consectetur adip eiusmod magna aliqua. Ut modo enim ad consequat. minim veniam, Duis aute quis irure nostrud dolor in reprehenderit exercitation exercitation ullamco ullamco laboris nisi ut aliquip ex ea commodo consequat. in voluptate laboris nisi velit ut aliquip esse cillum ex ea dolore commodo consequat. Lorem eu fugiat ipsum nulla dolor sit amet, consectetur adipisicing elit, Tempor Tempor incididunt incididunt ut labore ut labore et et Duis aute irure dolor in reprehenderit pariatur. Duis aute Excepteur irure dolor sint reprehenderit occaecat sed cupidatat do eiusmod non proident, tempor incididunt ut labore et dolore in voluptate in voluptate velit esse velit cillum esse dolore eu fugiat nulla sunt cillum in culpa dolore qui officia eu fugiat deserunt nulla magna mollit anim aliqua. id est. Ut enim ad minim veniam, quis nostrud pariatur. pariatur. Excepteur Excepteur sint occaecat sint occaecat cupidatat cupidatat non proident, non proident, exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit sunt in sunt culpa in qui culpa officia qui deserunt officia deserunt mollit anim mollit id anim est. id est. in voluptate velit esse cillum dolore eu fugiat nulla INTERTITRE INTERTITRE 1 1 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est. Lorem ipsum Lorem dolor ipsum sit dolor amet, sit consectetur amet, consectetur adipisicing adipisicing elit, elit, sed do sed eiusmod do eiusmod tempor tempor incididunt incididunt ut labore ut et labore dolore et dolore SUIVEZ magna NOUS magna aliqua. SUR... aliqua. Ut enim Ut ad enim minim ad veniam, minim veniam, quis nostrud quis nostrud exercitation exercitation ullamco ullamco laboris laboris nisi ut aliquip nisi ut aliquip ex ea commodo consequat. ex ea commodo consequat. Duis aute Duis irure aute dolor irure in dolor reprehenderit in reprehenderit in voluptate in voluptate velit esse velit cillum esse dolore cillum eu dolore fugiat eu nulla fugiat nulla pariatur. pariatur. Excepteur Excepteur sint occaecat sint occaecat cupidatat cupidatat non proident, non proident, sunt in sunt culpa in qui culpa officia qui deserunt officia deserunt mollit anim mollit id anim est. id est. Menu rubrique Menu rubrique Menu rubrique Menu rubrique Menu rubrique APPRENDRE INVENTER COMPRENDRE LOREM IPSUM LOREM IPSUM LOREM IPSUM LOREM IPSUM C EST LOREM LA IPSUM RENTRÉE! DOLOR SIT AMET DOLOR SIT AMET DOLOR SIT AMET DOLOR SIT AMET DOLOR SIT AMET CONSECTETUR ADIPISI CONSECTETUR ADIPISI CONSECTETUR ADIPISI LOREM TEMPOR IPSUM INCIDIDUNT DOLOR ELIT, SED DO EIUSMOD ELIT, SED DO EIUSMOD ELIT, SED DO EIUSMOD Menu rubrique Ut enim ad minim veniam UT LABORE ET TEMPOR INCIDIDUNT TEMPOR INCIDIDUNT DOLORE MAGNA Menu rubrique UT LABORE ET Menu rubrique WEB MENU 1 WEB UT MENU LABORE 2ET WEB MENU 3 ALIQUA WEB UT MENU LOREM 4 WEB MENU 5 WEB MENU 6 WEB MENU 7 WEB MENU 8 PRINCIPE D ENCADRÉ TEMPOR INCIDIDUNT DOLORE MAGNA TEMPOR INCIDIDUNT DOLORE MAGNA IPSUM DOLOR SIT AMET UT LABORE ET DOLORE MAGNA ALIQUA UT LOREM IPSUM DOLOR SIT AMET CONSECTETUR ADIPISI ALIQUA UT LOREM IPSUM DOLOR SIT AMET CONSECTETUR ADIPISI ELIT, SED DO EIUSMOD TEMPOR INCIDIDUNT UT LABORE ET DOLORE MAGNA UT LABORE ET DOLORE MAGNA ALIQUA UT LOREM IPSUM DOLOR SIT AMET CONSECTETUR ADIPISI ALIQUA UT LOREM IPSUM DOLOR SIT AMET CONSECTETUR ADIPISI ELIT, SED DO EIUSMOD TEMPOR INCIDIDUNT UT LABORE ET CONSECTETUR ADIPISI ELIT, SED DO EIUSMOD LOREM IPSUM DOLOR SIT AMET CONSECTETUR ADIPISICING ELIT PRINCIPE DE CARROUSEL MENU FIXE BOITE MOTEUR DE RECHERCHE PRINCIPE DE BAS DE PAGE VOUS RECHERCHEZ UNE FORMATION WEB MENU 2 WEB MENU 3 WEB MENU 4 WEB MENU 5 WEB MENU 6 WEB SED MENU DO 7 EIUSMOD WEB MENU 8 TEMPOR INCIDIDUNT UT LABORE ET DOLORE MAGNA ALIQUA. UT ENIM LOREM IPSUM VOUS RECHERCHEZ UNE FORMATION? 38 LICENCE LICENCE PROFESSIONNELLE MASTER DIPLÔME D'INGÉNIEURS DUT AUTRES

UPEM CHARTE GRAPHIQUE La papeterie et la bureautique SUPPORTS MULTIMEDIA LE POWERPOINT Ce modèle de document PowerPoint se compose en Arial. 02 l 07 l 2014 Sommaire 1 Inserer Titre 2 Inserer Titre 3 Inserer Titre 5 Inserer Titre Il comporte quatre modèles de masques : un masque de titre sur une ou deux lignes, un masque de sommaire, un masque de tête de chapitre ou de page, un masque de fin de présentation. Titre de présentation sur deux lignes Sous titre lorem ipsum est delores 6 Inserer Titre 7 Inserer Titre 8 Inserer Titre Titre de présentation 02 l 07 l 2014 Titre de page lorem Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercita;on ullamco laboris nisi ut aliquip ex Merci, lorem ipsum delores Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat CONTACT PRÉNOM NOM, TITRE ET / OU FONCTION 00 +33 (0)0 00 00 00 00 NOM@U-PEM.FR 03 Titre de présentation 02 l 07 l 2014! En téléchargement sur le site : www.u-pem.fr/charte-graphique/ Tous les logos et documents d exécution sont à retirer auprès du Service Communication 39

LES ÉDITIONS Le niveau institutionnel et Services (formats A4) Le niveau Composantes et Unités de Recherche (formats A4) Les formats A5 Les formats 100 x 210mm Les formats 140 x 300mm La chemise, rapport ou dossier de présentation Les pages internes L affiche (formats A3) 40