Vous êtes sur la page 1sur 60

CHARTE

GRAPHIQUE
V1.3 OCTOBRE 2013

APPRENDRE INVENTER COMPRENDRE


UPEM CHARTE GRAPHIQUE

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

2
UPEM CHARTE GRAPHIQUE

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

LA TRAME,
LES VERSIONS
Pourquoi 3 versions ?
UNIVERSITÉ
Selon les types d’applications
PARIS-EST
-papeterie, édition, signalétique- MARNE-LA-VALLÉE
et 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.

Le logoTYPE PAPETERIE Le logoTYPE éDITION Le logoTYPE SIGNALéTIQUE


V1 V2 V3

6
UPEM CHARTE GRAPHIQUE
LE LOGOTYPE & les éléments graphiques

logoTYPE
LOGO V1 Taille maximum

VERSION 34mm

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 LOGO V1 Taille minimum


H34mm
19mm

Taille minimum
H19mm

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
UPEM CHARTE GRAPHIQUE
LE LOGOTYPE & les éléments graphiques

logoTYPE
LOGO V2 Taille maximum

VERSION
EDITION [ V2 ] 59mm
Pour des raisons de lisibilité en
fonction de la taille du support et de
la qualité d’impression, cette version
doit être utilisée.

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
UPEM CHARTE GRAPHIQUE
LE LOGOTYPE & les éléments graphiques

logoTYPE
LOGO V3 Taille minimum

VERSION
SIGNALETIQUE [ V3 ]
Pour des raisons de lisibilité en 60mm

fonction de la taille du support et de


la qualité d’impression, cette version
doit être utilisée.

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
UPEM CHARTE GRAPHIQUE
LE LOGOTYPE & les éléments graphiques

avec dénomination

logoTYPE
VERSION
18mm

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
18mm
aplat, 2 couleurs, 1 couleur, noir et
blanc et en réserve, en fonction des
indications suivantes :

avec dénomination
Taille maximum : 18mm
Taille minimum : 9mm SANS dénomination

La dénomination est justifiée sur


la hauteur des lettres EM 9mm 8mm 8mm

sans dénomination
Taille maximum : 8mm 9mm

Taille minimum : 5mm 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
UPEM CHARTE GRAPHIQUE
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.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem reprehenderit qui in ea voluptate velit esse quam nihil molestiae
accusantium doloremque laudantium, totam rem aperiam, consequatur, vel illum qui dolorem eum fugiat quo voluptas
eaque ipsa quae ab illo inventore veritatis et quasi architecto nulla pariatur? Sed ut perspiciatis unde omnis iste natus error
beatae vitae dicta sunt sit voluptatem accusa
explicabo. Nemo enim ntium doloremque
ipsam voluptatem quia laudantium, totam
voluptas sit aspernatur rem aperiam, eaque
aut odit aut fugit, sed ipsa quae ab illo
quia consequuntur inventore veritatis
magni dolores eos qui et quasi architecto
ratione voluptatem beatae vitae dicta sunt
sequi nesciunt. Neque explicabo. Nemo enim
porro quisquam est, ipsam voluptatem quia
qui dolorem ipsum voluptas sit aspernatur
quia dolor sit amet, aut odit aut fugit, sed
consectetur, adipisci quia consequuntur
velit, sed quia non magni dolores eos qui
numquam eius modi ratione voluptatem
tempora incidunt sequi nesciunt. Neque
ut labore et dolore porro quisquam est, qui
magnam aliquam dolorem ipsum quia
quaerat voluptatem. Ut enim ad minima veniam, quis nostrum dolor sit amet, consectetur, adipisci velit, sed quia non numquam
exercitationem ullam corporis suscipit laboriosam, nisi ut eius modi tempora incidunt ut labore et dolore magnam
aliquid ex ea commodi consequatur? Quis autem vel eum iure aliquam quaerat voluptatem. Ut enim ad minima veniam,

11
UPEM CHARTE GRAPHIQUE
LE LOGOTYPE & les éléments graphiques

Les références couleurs


COULEURS
La version du logo en couleur PANTONE C C M J N RVB WEB
droit être utilisée en priorité.

NOIR ET BLANC SIGLE 173 0 75 100 0 234 91 12 ea5a0b


Uniquement pour les supports
imprimés en une seule couleur
du type presse quotidienne.

DÉNOMINATION 187 0 90 100 20 194 46 12 cc3300

Black process 0 0 0 100 29 29 27 000000

12
UPEM CHARTE GRAPHIQUE
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
UPEM CHARTE GRAPHIQUE
LE LOGOTYPE & les éléments graphiques

POSITIONNEMENT HORIZONTAL OU
CONFIGURATION EXCLUSIVEMENT VERTICAL (POUR CERTAINS OBJETS
RÉSERVÉE AUX ENDOSSEMENTS COULEUR NON CONFORME 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. DÉNOMINATION NE RESPECTE PRINCIPE D’ENDOSSEMENT
Il est donc strictement indispensable LOGO DÉFORMÉ PAS LA TYPOGRAPHIE NON RESPECTÉ
d’en respecter toutes les règles
d’application sans trahir la
conception définie.

En cas d’hésitation, merci de


consulter le Service Communication.

PRINCIPE D’ENDOSSEMENT PRINCIPE D’ENDOSSEMENT PRINCIPE D’ENDOSSEMENT


NON RESPECTÉ NON RESPECTÉ NON RESPECTÉ

UFR
SCIENCES ET TECHNIQUES DES ACTIVITÉS
UFR PHYSIQUES ET SPORTIVES
SCIENCES ET
TECHNIQUES
DES ACTIVITÉS
PHYSIQUES
ET SPORTIVES

ENTITÉ NON ENDOSSABLE PAS DE LOGO NI DE PRINCIPE PRINCIPE D’ENDOSSEMENT


D’ENDOSSEMENT POUR LES SERVICES 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
UPEM CHARTE GRAPHIQUE
L’univers de marque

LA signature institutionnelle
L’ajout d’une signature institutionnelle,
en l’occurrence trois mots ” Apprendre,
Inventer, Comprendre “, sur certains
Signature verticale
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, enseignant- Signature horizontaLE
chercheur ou personnel administratif.

En externe, elle permet de mieux nous


différencier de notre environnement.

Pour la communication à l’international,


Signature
l’anglais est retenu et se décline de la horizontale dans
même manière. un cartouche

HAUTEUR DU CARTOUCHE

Signature À
L’International
La hauteur de la signature dans
un cartouche ne peut dépasser celle
de la dénomination inscrite dans
le logo.
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
UPEM CHARTE GRAPHIQUE
L’univers de marque

Les 1 édition = ALLER 2 WEB = COLABORATE 3 BUREAUTIQUE = ARIAL

Aa Bb Aa Bb Aa Bb
typographies
1 Pour la plupart des utilisations
en édition, communication
institutionnelle et signalétique :
Aller est choisie pour sa
lisibilité, l’excellence de son aller light abcdefghijk colaborate thin abcdefghijk Arial regular abcdefghijk
dessin qui allie un classicisme abcdefghijklmnopq abcdefghijklmnopqR ab c d e f g h j k l m N O
institutionnel et une précision
typographique contemporaine aller light italic lmnopq colaborate light ijklmnopq Arial italic abcdefghijklm
optimale.
klmnopqRSTUVWXYZ klmnopqRSTUVWXYZ abcdefghjklmNO
2 Pour l’utilisation web :
Colaborate est une police aller regular abcdefgh colaborate regular abcde Arial bold ghijklmnopq
spécifiquement adaptée à abcdefghijklmnopq LnopqRSTUVWXYZ abcdefghjklmNO
l’internet. De plus, elle est proche
de l’Aller. aller regular italic lmn colaborate medium nopq Arial bold italic abcde
3 Pour l’utilisation interne abcdefghijklmnopq LmnopqRSTUVWXYZ abcdefghjklmNO
bureautique :
Arial est la police utilisée lorsque aller bold abcdefghijk colaborate bold acdefgh
la typographie Aller n’est pas abcdefghijklmnopq LnopqRSTUVWXYZ
disponible, par exemple en
bureautique ou sur des aller bold italic hijklm
documents Powerpoint®.
abcdefghijklmnopq
Ces polices ont été
sélectionnées pour leur lisibilité, aller display abcdefg
leur adaptabilité et la diversité abcdefghijklmnopq En téléchargement sur le site :
de leurs caractères. www.u-pem.fr/charte-graphique/

! Tous les logos et documents d’exécution sont


à retirer auprès du Service Communication

17
UPEM CHARTE GRAPHIQUE
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
UPEM CHARTE GRAPHIQUE
L’univers de marque

Les COULEURS EN déGRADé


Les couleurs en dégradé C M J N R V B WEB C M J N R V B WEB
permettent d’enrichir l’univers
de la marque UPEM, dans le
traitement des visuels et des 0 88 100 0 230 56 18 ff3300 0 100 60 0 229 0 70 e4003a
aplats de couleurs.

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
UPEM CHARTE GRAPHIQUE
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
UPEM CHARTE GRAPHIQUE
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.

! Tous
En les logos et documents
téléchargement sur le sited’exécution
:
à retirer auprès du Service Communication
www.u-pem.fr/charte-graphique/
sont

! Tous les logos et documents d’exécution sont


à retirer auprès du Service Communication

22
UPEM CHARTE GRAPHIQUE
L’ARCHITECTURE DE MARQUE

Les Unités de
Recherche
mono-tutelle ESPACES ETHIQUES
Le même principe d’endossement que ET POLITIQUES
INSTITUT HANNAH ARENDT
pour les Composantes est appliqué.

multi-tutelleS
Un principe différent est appliqué : le UnitéS de Recherche MONO-TUTELLE
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).

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 :”.
UnitéS de Recherche MULTI-TUTELLES
Qu’il s’agisse d’endossement
concernant les Unités de Recherche
mono ou multi-tutelles, l’ensemble
Retrouver tous les
endossements pages 57 et 58.
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
forme un bloc-marque, comme pour
l’endossement des Composantes. 23
UPEM CHARTE GRAPHIQUE
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 Documents institutionnels Supports multimédia
• La tête de lettre • Le carton d’invitation • La signature mail et le bandeau mail
Services, Composantes et Unités • Le tampon et la flamme postale interne
de Recherche • Le communiqué de presse • Le site web institutionnel
• La mise en page • Le site web : les menus déroulants
• Les cartes de visite et • Le site web : les modules
cartes de correspondance • Le PowerPoint
Services, Composantes et Unités
de Recherche
• Les enveloppes
• La télécopie et le bordereau d’envoi
25
UPEM CHARTE GRAPHIQUE
La papeterie et la bureautique
B

A Alignement

Papeterie 20mm
12mm

A tête de lettre SERVICES 28mm

Format A4 (210mm x 297mm).


le logotype est situé en haut à
C
gauche.

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

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

20mm 25mm 8mm En téléchargement sur le site :


www.u-pem.fr/charte-graphique/
TYPO ALLER BOLD ET Regular 7.5 pt interligné 9 pt

!
NOIR 70% Tous les logos et documents d’exécution sont
à retirer auprès du Service Communication
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 26
T : 01 60 95 70 02 • F : 01 60 95 70 70 • WWW.U-PEM.FR SIRET 199 320 565 00492 - APE 803Z
UPEM CHARTE GRAPHIQUE
La papeterie et la bureautique

alignement alignement alignement

Papeterie
MISE EN PAGE
55mm 55mm

tête de lettre SERVICES


Format A4 (210mm x 297mm). [NOM DE SERVICE] [DESTINATAIRE] [NOM DE SERVICE] [DESTINATAIRE]

le logotype est situé en haut à [RéF 000/000]


[DESTINATAIRE]
[ADRESSE] [RéF 000/000]
[DESTINATAIRE]
[ADRESSE]

gauche.
[PRÉNOM NOM] [ADRESSE] [PRÉNOM NOM] [ADRESSE]
[TITRE ET/OU FONCTION] [TITRE ET/OU FONCTION]
20mm 20mm
T : [00 00 00 00 00] / F : [00 00 00 00 00] T : [00 00 00 00 00] / F : [00 00 00 00 00]
[PRÉNOM.NOM@U-PEM.FR] DATE [XX/XX/XX] [PRÉNOM.NOM@U-PEM.FR] DATE [XX/XX/XX]

tête de lettrE COMPOSANTES OBJET : LORUM IPSUM VOLUPTATEM QUARCHI


BEATAE VITAE DICTA UNDE OMNIS ISTE NATUS
OBJET : LORUM IPSUM VOLUPTATEM QUARCHI
BEATAE VITAE DICTA UNDE OMNIS ISTE NATUS

ET UNITÉS DE RECHERCHE
MONO ET MULTI-TUTELLES Madame, Madame,

Même principe de mise en page. 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
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. architecto beatae vitae dicta sunt explicabo.

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia 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 consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro
quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed 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. quia non numquam eius modi tempora incidunt ut labore et aliquam quaerat voluptatem.

Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit
laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure 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 reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum
qui dolorem eum fugiat quo voluptas nulla pariatur? qui dolorem eum fugiat quo voluptas nulla pariatur?

Quis autem vel eum iure reprehenderit, Quis autem vel eum iure reprehenderit,
TYPO ARIAL REGULAR ET BOLD
8 pt interligné 12 pt

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

alignement A B

Papeterie 5mm
3mm

A+B Cartes de visite services 19mm

Format 85mm x 54mm


Le logotype est situé en haut
à gauche.
PRENOM NOM
Titre et/ou fonction
SERVICE
C+D Cartes de visite coMPOSANTES sur deux lignes
T : 01 60 95 XX XX • F : 01 60 95 XX XX
ET UNITÉS DE RECHERCHE T : 01 60 95 XX XX • F : 01 60 95 XX XX
PRENOM.NOM@U-PEM.FR PRENOM.NOM@U-PEM.FR
BÂTIMENT COPERNIC • BUREAU XXXX
(Cf. Principe d’endossement BÂTIMENT COPERNIC • BUREAU XXXX
UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES
mono et multi-tutelles p.22) 24,2mm
CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2 CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2
WWW.U-PEM.FR WWW.U-PEM.FR
4mm

TYPO ALLER BOLD 7 pt interligné 7 pt alignement C D


ORANGE UPEM
3mm
TYPO ALLER BOLD 6 pt interligné 7 pt
D - MO LABORATOIRE D’INFORMATIQUE
NOIR 70% AR N
5mm SP GASPARD MONGE

GE
TYPO ALLER Regular ET BOLD

- G
5.5 pt interligné 6.5 pt

-
19mm Sous la co-tutelle de :

LAB

E
CNRS
NOIR 70%

IQU
AT ECOLE DES PONTS PARISTECH

OR

AT
OIR M ESIEE PARIS
E D'INFOR UPEM • UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE

PRENOM NOM PRENOM NOM


Titre et/ou fonction Titre et/ou fonction
sur deux lignes sur deux lignes

T : 01 60 95 XX XX • F : 01 60 95 XX XX T : 01 60 95 XX XX • F : 01 60 95 XX XX
PRENOM.NOM@U-PEM.FR PRENOM.NOM@U-PEM.FR
BÂTIMENT COPERNIC • BUREAU XXXX BÂTIMENT COPERNIC • BUREAU XXXX
UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES
CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2 CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2
26,2mm
WWW.U-PEM.FR 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

alignement C

Papeterie alignement A
10mm
6mm

A+B carteS de correspondance 10mm


6mm 28mm

SERVICES
Format 210mm x 100mm. 28mm

le logotype en haut à gauche. 41.2mm

C+D carteS de correspondance 38.3mm

COMPOSANTES ET UNITÉS DE
PRENOM NOM
Titre et/ou fonction

D
RECHERCHE
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

D - MO LABORATOIRE
AR
(Cf. Principe d’endossement mono et UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES • CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2 SP N D'INFORMATIQUE GASPARD-MONGE

GE
T : 01 60 95 75 00 • F : 01 60 95 75 75 • WWW.U-PEM.FR

- G

-
Sous la co-tutelle de :
multi-tutelles p.22) 10mm 25mm 6mm CNRS

LAB

E
IQU
ECOLE DES PONTS PARIS TECH
AT

OR

AT
OIR M ESIEE PARIS
E D'INFOR UPEM • UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE

B
Le logo de la Communauté
d’universités et établissements
Université Paris-Est est inscrit sur le
bas du format, en aplat gris.
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
PRENOM NOM
TYPO ALLER BOLD 8 pt interligné 9 pt Titre et/ou fonction

NOIR 70% 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
TYPO ALLER Regular ET BOLD UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES • CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2 • WWW.U-PEM.FR

7.5 pt interligné 9 pt
NOIR 70%

! Tous les logos et documents d’exécution sont


à retirer auprès du Service Communication

29
UPEM CHARTE GRAPHIQUE
La papeterie et la bureautique

ARNE-LA-VALLÉE CEDEX 2
UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES • CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2

10mm

Papeterie
ENVELOPPES
Le logo est placé en haut à
gauche pour laisser l’espace
d’affranchissement libre.
En raison des variations de taille 25mm
des rabats, l’adresse est toujours
à 10mm du pli.

UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES • CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2


10mm

10mm

UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES • CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2


10mm

10mm

30
UPEM CHARTE GRAPHIQUE
La papeterie et la bureautique

alignement alignement

alignement alignement

Papeterie 20mm
13mm

Télécopie et 29mm
BORDEREAU D’ENVOI
bordereau d’envoi [NOM DE SERVICE]

TÉLÉCOPIE [DESTINATAIRE]
Logo et bloc-adresse sont situés
[PRÉNOM NOM]
[TITRE ET/OU FONCTION] [REF]
T : [00 00 00 00 00] / F : [00 00 00 00 00] [NOMBRE DE PAGES] (CELLE-CI COMPRISE)
comme sur les en-têtes de lettre.
[NOM DE SERVICE]
[PRÉNOM.NOM@U-PEM.FR] 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
UPEM CHARTE GRAPHIQUE
La papeterie et la bureautique

DOCUMENTS
INSTITUTIONNELS INVITATION
LE CARTON D’INVITATION
Plusieurs modèles
d’invitations, au format à
l’italienne 100 x 210 ou 150 x 210,
peuvent être utilisés.

[logoV1]

INVITATION

32
UPEM CHARTE GRAPHIQUE
La papeterie et la bureautique

65mm 50mm

DOCUMENTS Service émetteur

INSTITUTIONNELS sur 1 ou 2 lignes


22mm
30mm
LE Tampon
Plusieurs types de tampons sont APPRENDRE INVENTER COMPRENDRE
utilisés pour traiter le courrier. CITÉ DESCARTES • 5 BVD DESCARTES • CHAMPS-S/MARNE
77454 MARNE-LA-VALLÉE • CEDEX 2 • WWW.U-PEM.FR
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.

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
UPEM CHARTE GRAPHIQUE
La papeterie et la bureautique

alignement alignement

DOCUMENTS 20mm
12mm

COMMUNIQUÉ TYPO ALLER LIGHT 19 pt interligné 21 pt

INSTITUTIONNELS 28mm
DE PRESSE

TYPO ALLER BOLD 10 pt interligné 13 pt


XX I XX I XXXX
LE COMMUNIQUÉ DE PRESSE
140mm
Ce modèle de document Word ne 55mm
LORUM IPSUM L’UNIVERSITÉ PARIS-EST
nécessite aucun papier pré-imprimé.
MARNE-LA-VALLÉE EST ENIM AD MINIMA VENIAM,
Composé en Aller, ce modèle prêt à
QUIS NOSTRUM EXERCITATIONEM
l’emploi vous permet de saisir
directement votre texte. 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.

Ut enim ad minima veniam, quis nostrum


exercitationem ullam corporis suscipit laboriosam, Nemo enim ipsam voluptatem quia voluptas sit
nisi ut aliquid ex ea commodi consequatur? Quis aspernatur aut odit aut fugit, sed quia
autem vel eum iure reprehenderit qui in ea consequuntur magni dolores eos qui ratione
voluptate velit esse quam nihil molestiae voluptatem sequi nesciunt. Neque porro quisquam
consequatur, vel illum qui dolorem eum fugiat quo est, qui dolorem ipsum quia dolor sit amet,
TYPO ALLER LIGHT 21 pt interligné 25 pt
voluptas nulla pariatur? consectetur, adipisci velit, sed quia non numquam
eius modi tempora incidunt ut labore et dolore
Ut enim ad minima veniam, quis nostrum magnam aliquam quaerat voluptatem.
exercitationem ullam corporis suscipit laboriosam,
nisi ut aliquid ex ea commodi consequatur? Quis Voluptatem sequi nesciunt. Neque porro quisquam
TYPO ALLER LIGHT 10 pt interligné 13 pt autem vel eum iure reprehenderit qui in ea est, qui dolorem ipsum quia dolor sit amet, consect
voluptate velit esse quam nihil molestiae adipisci velit, sed quia non numquam eius.
consequatur, vel illum qui dolorem eum fugiat quo
voluptas nulla pariatur. Quis autem vel eum iure reprehenderit qui in ea
voluptate velit esse quam nihil molestiae
Perspiciatis unde omnis iste natus error sit consequatur.
voluptatem accusantium doloremque laudantium,
totam rem aperiam, eaque ipsa quae ab illo
inventore veritatis et quasi architecto beatae vitae

108mm

CONTACT :
TYPO ALLER REGULAR ET BOLD XXXXXXXX XXXXXXXX, RESPONSABLE COMMUNICATION
8 pt interligné 9 pt XXXXXXXXXXX@U-PEM.FR
T : 01 00 00 00 00 • M : 06 00 00 00 00
WWW.U-PEM.FR

82mm

34
UPEM CHARTE GRAPHIQUE
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 SERVICE DE LA VIE
supérieur indiquant le nom de ÉTUDIANTE
l’émetteur exclusivement sur un fond
orangé (Cf. référence RVB) avec le logo
UPEM en réserve.
668 x 87 pixels

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
UPEM CHARTE GRAPHIQUE
La papeterie et la bureautique

SUPPORTS
MULTIMEDIA
SITE WEB INSTITUTIONNEL
PAGE D’ACCUEIL C’EST LA RENTRÉE !
APPRENDRE INVENTER COMPRENDRE

Le logo UPEM s’inscrit en haut à gauche, LOREM IPSUM DOLOR


la signature institutionnelle, dans un
Ut enim ad minim veniam

cartouche orangé, en haut à droite. WEB MENU 1 WEB MENU 2 WEB MENU 3 WEB MENU 4 WEB MENU 5 WEB MENU 6 WEB MENU 7 WEB MENU 8

On privilégiera une accroche associée


à un visuel dans le bandeau têtière. LOREM IPSUM

Les menus déroulants verticaux DOLOR SIT AMET

CONSECTETUR
structurent horizontalement le haut ADIPISICING ELIT
de page. SED DO EIUSMOD

TEMPOR INCIDIDUNT

Un visuel thématique principal grand UT LABORE ET

format occupe la partie gauche du site. DOLORE MAGNA


VOUS RECHERCHEZ UNE FORMATION?
ALIQUA. UT ENIM
Qu’il soit photographique ou en aplat, LOREM IPSUM LICENCE LICENCE PROFESSIONNELLE MASTER
on privilégiera l’utilisation de la trame DIPLÔME D'INGÉNIEURS DUT AUTRES

illustrative.
Une accroche évènementielle en aplat Titre Rubrique A L'AFFICHE !
peut être utilisée, en partie droite, et
personnalisée avec la trame illustrative. Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, consectetur adipisicing elit,

consectetur adip eiusmod 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 com-
Tempor incididunt ut labore et
On évitera d’inscrire trop d’informations modo consequat. Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore eu fugiat nulla
sur cette page d’accueil, en privilégiant pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est.
la lisibilité et l’ergonomie du site. 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 com-
modo 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.

36
UPEM CHARTE GRAPHIQUE
La papeterie et la bureautique

APPRENDRE INVENTER COMPRENDRE

ZONE LIBRE

SUPPORTS WEB MENU 1 WEB MENU 2 WEB MENU 3 WEB MENU 4

ZONE LIBRE
WEB MENU 5 APPRENDRE
WEB MENU 6 WEBINVENTER
MENU 7 COMPRENDRE
WEB MENU 8

MULTIMEDIA WEB MENU 1 WEB MENU 2 WEB MENU 3 WEB MENU 4 WEB MENU 5 WEB MENU 6
APPRENDREWEBINVENTER
APPRENDRE
MENU 7
INVENTER
WEB MENU 8
COMPRENDRE
COMPRENDRE

SITE WEB ZONE LIBRE


ZONE LIBRE
MENUS DéROULANTs APPRENDREWEB
INVENTER COMPRENDRE
WEB
WEB MENU
MENU 11 WEB
WEB MENU
MENU 22 WEB
WEB MENU
MENU 33 WEB
WEB MENU
MENU 44 WEB
WEB MENU
MENU 55 WEB
WEB MENU
MENU 66 WEB MENU
MENU 77 WEB MENU 8
WEB MENU 8
On privilégiera un principe de menus
Menu niveau 2 Menu niveau 2 ZONE LIBRE
déroulants, simples et permettant un LOREM IPSUM LOREM IPSUM

accès facile.
DOLOR SIT AMET DOLOR SIT AMET
WEB MENU 1 ADIPISI
CONSECTETUR WEB MENU 2 WEB ADIPISI
CONSECTETUR MENU 3 WEB MENU 4 WEB MENU 5 WEB MENU 6 WEB MENU 7 WEB MENU 8
APPRENDRE INVENTER COMPRENDRE
ELIT, SED DO EIUSMOD ELIT, SED DO EIUSMOD
Menu niveau 2 Menu niveau 2
Menu niveau
LOREM IPSUM 2
TEMPOR
LOREM
INCIDIDUNT
IPSUM
UT LABORE ET
ZONE LIBRE
DOLOR
TEMPORSIT AMET
INCIDIDUNT DOLOR
DOLORESIT AMET
MAGNA
CONSECTETUR
UT LABORE ET ADIPISI CONSECTETUR
ALIQUA 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
ELIT,
DOLORESEDMAGNA
DO EIUSMOD ELIT, SED DO EIUSMOD
ALIQUA UT TEMPOR INCIDIDUNT
Menu
Menu niveau
niveau 22 Menu niveau 2
UT LABORE ET
LOREM IPSUM LOREM IPSUM
TEMPOR INCIDIDUNT DOLORE MAGNA
DOLOR SIT AMET DOLOR SIT AMET
UT LABORE ET ALIQUA UT
CONSECTETUR ADIPISI CONSECTETUR ADIPISI
DOLORE MAGNA
ELIT, SED DO EIUSMOD ELIT, SED DO EIUSMOD APPRENDRE INVENTER COMPRENDRE
ALIQUA UT
TEMPOR INCIDIDUNT
Menu niveau 2 UT LABORE ET ZONE LIBRE
TEMPOR INCIDIDUNT DOLORE MAGNA
UT LABORE ET ALIQUA UT
DOLORE MAGNA APPRENDRE
WEB MENU 1 WEB MENU 2 WEB MENU 3 WEB MENU 4 WEB MENU 5 WEB MENU 6 WEBINVENTER
MENU 7 COMPRENDRE
WEB MENU 8
ALIQUA UT

Menu niveau 2 ZONE LIBRE


Menu niveau 2 DOLOR SIT AMET Menu niveau 2
LOREM IPSUM LOREM IPSUM CONSECTETUR ADIPISI LOREM IPSUM
DOLOR SIT AMET DOLOR SIT AMET ELIT, SED DO EIUSMOD DOLOR SIT AMET
WEB MENU 1 WEB MENU 2 ADIPISI
CONSECTETUR WEB MENU 3 WEB MENU
CONSECTETUR 4
ADIPISI WEB MENU
TEMPOR 5 WEB MENU
INCIDIDUNT 6 WEB MENU
CONSECTETUR 7
ADIPISI WEB MENU 8
APPRENDRE INVENTER COMPRENDRE
ELIT, SED DO EIUSMOD ELIT, SED DO EIUSMOD UT LABORE ET ELIT, SED DO EIUSMOD
Menu niveau 2 Menu niveau 2 Menu niveau 2
Menu niveau
LOREM IPSUM 2
ZONE LIBRE
Menu niveau
LOREM IPSUM 2
DOLOR
DOLORESIT AMET
MAGNA
CONSECTETUR
ALIQUA UT ADIPISI
TEMPOR
LOREM
INCIDIDUNT
IPSUM
UT LABORE ET
DOLOR
TEMPORSIT AMET
INCIDIDUNT DOLOR
TEMPORSIT AMET
INCIDIDUNT ELIT, SED DO EIUSMOD
CONSECTETUR ADIPISI DOLOR
DOLORESIT AMET
MAGNA
CONSECTETUR
UT LABORE ET ADIPISI CONSECTETUR
UT LABORE ET ADIPISI TEMPOR
ELIT, SED INCIDIDUNT
DO EIUSMOD CONSECTETUR
ALIQUA 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
ELIT,
DOLORESEDMAGNA
DO EIUSMOD ELIT,
DOLORESEDMAGNA
DO EIUSMOD UT LABORE
TEMPOR ET
INCIDIDUNT ELIT, SED DO EIUSMOD
ALIQUA UT LOREM ALIQUA UT LOREM DOLORE
UT LABOREMAGNA
ET Menu niveau
TEMPOR 2
INCIDIDUNT
Menu
Menu niveau
IPSUM niveau
22 AMET
DOLOR SIT
Menu
Menu niveau
IPSUM niveau
22 AMET
DOLOR SIT
DOLOR SIT AMET
ALIQUA UT
Menu
UT
niveau 2
LABORE ET ADIPISI
CONSECTETUR
LOREM IPSUM LOREM IPSUM CONSECTETUR ADIPISI LOREM IPSUM
TEMPOR INCIDIDUNT
CONSECTETUR ADIPISI TEMPOR INCIDIDUNT
CONSECTETUR ADIPISI CONSECTETUR ADIPISI DOLORE
ELIT, SEDMAGNA
DO EIUSMOD
DOLOR SIT AMET DOLOR SIT AMET ELIT, SED DO EIUSMOD DOLOR SIT AMET
UT LABORE
ELIT, SED DOETEIUSMOD UT LABORE
ELIT, SED DOETEIUSMOD MenuSED
ELIT, niveau 2
DO EIUSMOD ALIQUA
TEMPORUT INCIDIDUNT
CONSECTETUR ADIPISI CONSECTETUR ADIPISI TEMPOR INCIDIDUNT CONSECTETUR ADIPISI
DOLORE
TEMPOR MAGNA
INCIDIDUNT DOLORE
TEMPOR MAGNA
INCIDIDUNT TEMPOR INCIDIDUNT
LOREM IPSUM UT LABORE ET
ELIT, SED DO EIUSMOD ELIT, SED DO EIUSMOD UT LABORE ET ELIT, SED DO EIUSMOD
ALIQUA
UT LABOREUT LOREM
ET ALIQUA
UT LABOREUT LOREM
ET UT LABORE
DOLORE ET
MAGNA Menu
DOLOREniveau
MAGNA 2
DOLORE MAGNA TEMPOR INCIDIDUNT
IPSUM
DOLOREDOLOR
MAGNASIT AMET IPSUM
DOLOREDOLOR
MAGNASIT AMET ALIQUA UT LOREM CONSECTETUR
ALIQUA UT ADIPISI
Menu niveau 2
CONSECTETUR ADIPISI
Menu niveau 2
CONSECTETUR ADIPISI
ALIQUA UT UT LABORE ET
ELIT, SED DO EIUSMOD
TEMPOR INCIDIDUNT TEMPOR INCIDIDUNT CONSECTETUR ADIPISI DOLORE MAGNA
ELIT, SED DO EIUSMOD ELIT, SED DO EIUSMOD Menu niveau 2 TEMPOR INCIDIDUNT
UT LABORE ET UT LABORE ET ELIT, SED DO EIUSMOD ALIQUA UT
TEMPOR INCIDIDUNT TEMPOR INCIDIDUNT LOREM IPSUM UT LABORE ET
DOLORE MAGNA DOLORE MAGNA TEMPOR INCIDIDUNT
UT LABORE ET UT LABORE ET DOLORE MAGNA DOLORE MAGNA
ALIQUA UT LOREM
DOLORE MAGNA
ALIQUA UT LOREM
DOLORE MAGNA
UT LABORE ET
ALIQUA UT LOREM
Menu niveau 2
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
APPRENDRE INVENTER COMPRENDRE
C’EST LA RENTRÉE !
LOREM IPSUM DOLOR
UPEM CHARTE GRAPHIQUE
Ut enim ad minim veniam
APPRENDRE INVENTER COMPRENDRE
C’EST LAWEBRENTRÉE ! MENU 7
La papeterie et la bureautique WEB MENU 1 WEB MENU 2 WEB MENU 3 WEB MENU 4 WEB MENU 5 MENU 6
LOREM IPSUM DOLOR
WEB WEB MENU 8

Ut enim ad minim veniam

LOREM IPSUM
WEB MENU 1 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 LA RENTRÉE
C’EST LA RENTRÉE! !
CONSECTETUR
LOREM LOREM IPSUM DOLOR
IPSUM DOLOR
ADIPISICING ELIT LOREM IPSUM
Ut enim ad minim veniam
Ut enim ad minim veniam DOLOR SIT AMET
SED DO EIUSMOD

SUPPORTS PRINCIPE DE CARROUSELWEB MENU 3 MENU FIXE BOITE “MOTEUR DE8 RECHERCHE”
CONSECTETUR
WEB 1MENUWEB
1 MENU
WEB 2MENUWEB
2 MENU
WEB 3MENUWEB MENU
WEB 4MENU
WEB MENU
WEB 5INCIDIDUNT
4 TEMPOR MENUWEB5 MENU
WEB 6MENUWEB
6 MENU
WEB 7MENU
WEB
7 MENU
WEB 8MENU
UT LABORE ET ADIPISICING ELIT

SED DO EIUSMOD

MULTIMEDIA
DOLORE MAGNA
LOREM IPSUM
LOREM IPSUM
VOUS RECHERCHEZ UNE FORMATION?
ALIQUA. UT ENIM TEMPOR INCIDIDUNT
DOLOR SIT AMET
DOLOR SIT AMET UT LABORE ET
LOREM IPSUM LICENCE LICENCE PROFESSIONNELLE MASTER
CONSECTETUR
CONSECTETUR DOLORE MAGNA
SITE WEB ADIPISICING ELIT
DIPLÔME D'INGÉNIEURS DUT VOUS RECHERCHEZ UNE FORMATION
AUTRES
ADIPISICING ELIT ALIQUA. UT ENIM
MODULES SED DO EIUSMOD
SED DO EIUSMOD

Principe de carrousel : une animation


TEMPOR INCIDIDUNT
TEMPOR INCIDIDUNT Titre Rubrique
PRINCIPE DE TEXTE
LOREM IPSUM
A L'AFFICHE !
LICENCE LICENCE PROFESSIONNELLE
DIPLÔME D'INGÉNIEURS DUT
MASTER
AUTRES
UT LABORE ET
peut-être réalisée avec des vidéos, Lorem ipsum dolor sit amet VOUSVOUS
RECHERCHEZ UNE UNE
FORMATION?
UT LABORE ET
DOLORE MAGNA Lorem ipsum dolor sit amet, consectetur adipisicing elit,

des illustrations, des photographies. consectetur adip eiusmod Titre


RECHERCHEZ
Rubrique
FORMATION? DOLORE MAGNA
ALIQUA. UT ENIM
sed do eiusmod tempor incididunt ut labore et dolore
ALIQUA. UT ENIM magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea com-
A L'AFFICHE !
On privilégiera l’utilisation des couleurs Lorem ipsum dolor sit amet
LOREM IPSUM LICENCE LICENCE PROFESSIONNELLE MASTER
Tempor incididunt ut labore et LOREM IPSUM modo consequat. LICENCE Duis aute irure dolorPROFESSIONNELLE
LICENCE in reprehenderit MASTER
in voluptate DIPLÔME
velit esse D'INGÉNIEURS
cillum Lorem
dolore euDUT ipsumnulla
fugiat dolor sit amet, consectetur adipisicing elit,
AUTRES
institutionnelles et de la trame
DIPLÔME D'INGÉNIEURS DUT AUTRES
consectetur adip eiusmod pariatur. Excepteur sint occaecat sed
sunt in culpa qui officia deserunt magna
do eiusmod
cupidatat
mollit anim
tempor incididunt ut labore et dolore
non proident,
aliqua. Ut enim ad minim veniam, quis nostrud
id est.
illustrative pour renforcer l’identité exercitation ullamco laboris nisi ut aliquip ex ea com-

de l’UPEM.
Titre Rubrique
Titre Rubrique Tempor incididunt ut labore et
A L'AFFICHE !
A L'AFFICHE ! INTERTITRE 1
Lorem ipsum dolor sit amet, consectetur
modo consequat. Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore eu fugiat nulla
pariatur.adipisicing
Excepteur elit,
sint occaecat cupidatat non proident,
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet Lorem ipsum
Loremdolor
ipsumsitdolor
sed do eiusmod tempor incididuntsunt
amet,sitconsectetur
magna amet, adipisicing
consectetur
aliqua. Ut enim ad
ut labore
elit, elit,
adipisicing
minim veniam,
in culpaet qui
dolore
officia deserunt mollit anim id est.
quis nostrud

Principe de bas de page : le logo consectetur adip


consectetur eiusmod
adip eiusmod
sed do sed
eiusmod
magna magna
exercitation
temportempor
do eiusmod
aliqua. aliqua.
incididunt
Ut enimUtadenim
ullamcoullamco
exercitation
ut labore
incididunt
exercitation
minim veniam,
modoad
ullamco
consequat.
laboris laboris
nisi ut aliquip
nisi ut
ut et dolore
labore
laboris
quis nostrud
minim veniam,Duis aute
ex ea com-
aliquip
etnisi
dolore
quisirure
ex
in voluptate velit esse cillum dolore ea
utINTERTITRE
nostrud
aliquip ex ea 1 com-
dolor in reprehenderit
Lorem
com- ipsumnulla
eu fugiat dolor sit amet, consectetur adipisicing elit,
UPEM est toujours présent, en rappel, Tempor incididunt
Tempor ut labore
incididunt et
ut labore et modo consequat. Duis aute
modo consequat. pariatur.
in voluptate velit esse
irure dolor
Duis auteExcepteur
cillum dolore
in reprehenderit
irure dolorsint
eu fugiat
sed
in reprehenderit
nulla
do eiusmod
occaecat cupidatat non proident,
magna aliqua.
tempor incididunt ut labore et dolore
Ut enim ad minim veniam, quis nostrud
in voluptate velit esse
sunt cillum
in culpa dolore eu fugiat
qui officia nulla mollit anim id est.
deserunt
ainsi, éventuellement, que celui du pariatur. Excepteur sint occaecat cupidatat non proident,
pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in sunt
culpainqui officia
exercitation ullamco laboris nisi ut aliquip ex ea com-
culpa qui deserunt mollit anim
officia deserunt mollitidanim
est. id est.modo consequat. Duis aute irure dolor in reprehenderit
de la Communauté d’universités et INTERTITRE 1
in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident,
INTERTITRE 1
établissements Université Paris-Est. PRINCIPE DE BAS DE PAGE
Lorem ipsum dolor sit amet, consectetur adipisicing
Lorem ipsum dolor sit amet, consectetur adipisicing elit, elit,
sunt in culpa qui officia deserunt mollit anim id est.
sed do sed
eiusmod temportempor
incididunt ut labore ut et dolore
On retrouvera les différents thèmes magna
SUIVEZ NOUS
do eiusmod
aliqua.
SUR...Ut enim ad minim
incididunt
veniam,
labore
quis
magna aliqua. Ut enim ad minim veniam, quis nostrud
et dolore
nostrud
exercitation ullamcoullamco
laboris laboris
nisi ut aliquip ex ea com-
et menus. exercitation
modo consequat. Duis aute
modo consequat. irure
Duis
nisi ut aliquip
autedolor
irureindolor
ex ea com-
reprehenderit
in reprehenderit
in voluptate velit esse
in voluptate cillum
velit essedolore
cillum eu fugiat
dolore eunulla
fugiat nulla
pariatur. Excepteur
pariatur. sint occaecat
Excepteur cupidatat
sint occaecat non proident,
cupidatat non proident,
sunt in sunt
culpainqui officia
culpa qui deserunt mollit anim
officia deserunt mollitidanim
est. id est.
Pour chaque composant, “ menu fixe ”,
Menu rubrique Menu rubrique Menu rubrique Menu rubrique Menu rubrique APPRENDRE INVENTER COMPRENDRE
boîte “ moteur de recherche ”, titre et LOREM IPSUM LOREM IPSUM LOREM IPSUM LOREM IPSUM C’EST LAIPSUM
LOREM RENTRÉE !
DOLOR SIT AMET DOLOR SIT AMET DOLOR SIT AMET DOLOR SIT AMET DOLOR SIT AMET
sous-titre, on utilisera les typographies CONSECTETUR ADIPISI CONSECTETUR ADIPISI CONSECTETUR ADIPISI LOREM
TEMPORIPSUM
INCIDIDUNT DOLOR
Ut enim ad minim veniam
Menu rubrique
recommandées, le code couleur et les
ELIT, SED DO EIUSMOD ELIT, SED DO EIUSMOD ELIT, SED DO EIUSMOD UT LABORE ET
TEMPOR INCIDIDUNT TEMPOR INCIDIDUNT DOLORE MAGNA

couleurs d’accompagnement, la trame MEMBRE FONDATEUR Menu rubrique


TEMPOR INCIDIDUNT
UT LABORE ET
DOLORE MAGNA
WEB MENU 1
Menu rubrique
TEMPOR INCIDIDUNT
WEB
UTMENU
LABORE2ET
DOLORE MAGNA
WEB MENU 3 ALIQUA
WEBUT MENU
LOREM 4
IPSUM DOLOR SIT AMET
WEB MENU 5
PRINCIPE
WEB MENU 6
D’ENCADRÉ
WEB MENU 7 WEB MENU 8

illustrative. UT LABORE ET
DOLORE MAGNA
ALIQUA UT LOREM
IPSUM DOLOR SIT AMET
UT LABORE ET
DOLORE MAGNA
ALIQUA UT LOREM
IPSUM DOLOR SIT AMET
CONSECTETUR ADIPISI
ELIT, SED DO EIUSMOD
ALIQUA UT LOREM CONSECTETUR ADIPISI ALIQUA UT LOREM CONSECTETUR ADIPISI LOREM IPSUM
IPSUM DOLOR SIT AMET ELIT, SED DO EIUSMOD IPSUM DOLOR SIT AMET ELIT, SED DO EIUSMOD DOLOR SIT AMET
CONSECTETUR ADIPISI TEMPOR INCIDIDUNT CONSECTETUR ADIPISI TEMPOR INCIDIDUNT
UT LABORE ET UT LABORE ET CONSECTETUR
DOLORE MAGNA
ADIPISICING ELIT

WEB MENU 2 WEB MENU 3 WEB MENU 4 WEB MENU 5 WEB MENU 6 WEBSED
MENUDO
7 EIUSMOD
WEB MENU 8

TEMPOR INCIDIDUNT

UT LABORE ET

DOLORE MAGNA
VOUS RECHERCHEZ UNE FORMATION?
ALIQUA. UT ENIM

LOREM IPSUM LICENCE LICENCE PROFESSIONNELLE


DIPLÔME D'INGÉNIEURS DUT AUTRES
MASTER
38
UPEM CHARTE GRAPHIQUE
La papeterie et la bureautique

SUPPORTS 02 l 07 l 2014

MULTIMEDIA 1 • Inserer Titre

2 • Inserer Titre
LE POWERPOINT
Ce modèle de document PowerPoint 3 • Inserer Titre

se compose en Arial. Sommaire


5 • Inserer Titre

Il comporte quatre modèles Titre de présentation 6 • Inserer Titre

de masques : sur deux lignes 7 • Inserer Titre


Sous titre lorem ipsum est delores
• un masque de titre sur une ou 8 • Inserer Titre
deux lignes,
• un masque de sommaire, Titre de présentation • 02 l 07 l 2014

• un masque de tête de chapitre


ou de page,
• un masque de fin de présentation.

Titre de page lorem

•  Lorem  ipsum  dolor  sit  amet,  consectetur   Merci, lorem ipsum delores
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

•  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
UPEM CHARTE GRAPHIQUE
LES éditions

NIVEAU
INSTITUTIONNEL alignement du titre

ET SERVICES 9mm
9mm

UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES

LES ÉDITIONS formats A4


CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2 CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2
T : 01 60 95 75 00 • F : 01 60 95 75 75 T : 01 60 95 70 02 • F : 01 60 95 70 70
WWW.U-PEM.FR WWW.U-PEM.FR

Le logo UPEM est situé dans un aplat 36mm


VISUEL VISUEL
rectangulaire blanc, en haut à gauche, OU APLAT OU APLAT
du format. La trame illustrative est
PEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES
HAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2
: 01 60 95 75 00 • F : 01 60 95 75 75
WWW.U-PEM.FR positionnée sous l’aplat rectangulaire du
logo et, en partie basse, horizontalement.
VISUEL
OU APLAT TITRE TITRE
SUR 2 LIGNES
Une marge blanche tournante, dont la SUR 2 LIGNES
SOUS TITRE SOUS TITRE

largeur est égale à 9mm, quel que soit


le format de l’édition (hors affiches), est
appliquée.
Un visuel photographique, illustré ou
un aplat de couleur(s) de dimensions
verticales différentes, avec ou sans 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
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

effet de dégradé, est positionné.


WWW.U-PEM.FR WWW.U-PEM.FR

La signature institutionnelle, inscrite en


réserve dans un cartouche orangé est
positionnée en bas du format, suivant
les cotes et proportions indiquées.
TITRE
SUR 2 LIGNES
Les titres et sous-titres sont inscrits en PHOTOGRAPHE :
SOUS TITRE

Aller et peuvent être situés sur la hauteur


Lorem Ipsum
Dolor sit amet, sedi on
consectetur adipisicing elit,
sed do eiusmod tempor
incididunt ut labore et dolo

d’un bandeau vertical virtuel ne dépassant


SERVICE / OU COMPOSANTE / OU UNITÉ DE RECHERCHE
CONTACT

pas la largeur du cartouche de la signature


PHOTOGRAPHE :
Lorem Ipsum
TITRE
SOUS TITRE
institutionnelle.
Dolor sit amet, sedi on
consectetur adipisicing elit,
sed do eiusmod tempor
incididunt ut labore et dolo

Au dos ou en 4ème de couverture, on


SERVICE / OU COMPOSANTE / OU UNITÉ DE RECHERCHE
CONTACT

utilise la couleur orangé institutionnelle


avec la trame illustrative. Le logo UPEM
90mm
ou celui de l’émetteur, apparaît en réserve
ainsi que ses coordonnées. L’adresse du TYPO ALLER LIGHT 32 pt interligné 32 pt
site Internet UPEM est mise en valeur par
TYPO ALLER BOLD 13 pt interligné 15 pt
un corps de typo plus important.
41
UPEM CHARTE GRAPHIQUE
LES éditions

Alignement du titre

NIVEAU
ComposanteS
et UnitéS
LABORATOIRE
D'ANALYSE COMPARÉE
DES POUVOIRS
UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES
CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2

de Recherche
T : 01 60 95 70 02 • F : 01 60 95 70 70
WWW.U-PEM.FR

D - MO LABORATOIRE
AR N
SP D'INFORMATIQUE GASPARD-MONGE
Il s’agit du même principe de mise

GE
- G

-
en page que pour les niveaux Sous la co-tutelle de :
CNRS

LAB

E
IQU
ECOLE DES PONTS PARIS TECH
institutionnel et Services AT

OR

AT
OIR M ESIEE PARIS
E D'INFOR

(page précédente). VISUEL


UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES
UPEM • UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE

OU APLAT
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

Seul le logo de la Composante ou de


l’Unité de Recherche varie, selon le
principe graphique préconisé p. 22.

TITRE
SOUS TITRE

TITRE
SOUS TITRE

42
UPEM CHARTE GRAPHIQUE
LES éditions

alignement du titre

LES FORMATS A5
Il s’agit du même principe de mise
en page que pour le niveau institutionnel 30.7mm
UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES

et Services (page précédente). 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

[LOGO Papeterie V1]


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

TITRE
SUR 2 LIGNES
SOUS TITRE

TITRE
SUR 2 LIGNES
SOUS TITRE

76,5mm

TYPO ALLER LIGHT 24 pt interligné 24 pt

TYPO ALLER BOLD 10 pt interligné 11 pt


43
UPEM CHARTE GRAPHIQUE
LES éditions

alignement du titre

LES FORMATS
100 x 210mm 28mm

Mêmes principes de mise en page


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

que pages précédentes.


WWW.U-PEM.FR
UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES
UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES
CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2
CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2
T : 01 60 95 75 00 • F : 01 60 95 75 75
T : 01 60 95 70 02 • F : 01 60 95 70 70
WWW.U-PEM.FR
[LOGOWWW.U-PEM.FR
Papeterie V1]

TITRE
SOUS TITRE

TITRE
SOUS TITRE

TITRE
SUR 2 LIGNES
SOUS TITRE

71mm

TYPO ALLER LIGHT 24 pt interligné 24 pt

TYPO ALLER BOLD 10 pt interligné 11 pt

44
UPEM CHARTE GRAPHIQUE
LES éditions

alignement du titre

LES FORMATS
140 X 300mm 36mm
UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES
CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2

Mêmes principes de mise en page


UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES UPEM • CITÉ DESCARTES • 5 BOULEVARD DESCARTES
T : 01 60 95 75 00 • F : 01 60 95 75 75
WWW.U-PEM.FR

que pages précédentes.


CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE CEDEX 2
T : 01 60 95 75 00 • F : 01 60 95 75 75
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 WWW.U-PEM.FR

[LOGO Edition V2]

TITR
PHOTOGRAPHE :
Lorem Ipsum
Lorem ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor SOUS TIT
incididunt ut labore et dolo

PHOTOGRAPHE :
Lorem Ipsum
Lorem ipsum dolor sit amet, TITRE TITRE
consectetur adipisicing elit, SOUS TITRE
sed do eiusmod tempor SOUS TITRE
incididunt ut labore et dolo

90mm

TYPO ALLER LIGHT 32 pt interligné 32 pt

TYPO ALLER bold 13 pt interligné 15 pt


45
UPEM CHARTE GRAPHIQUE
LES éditions

1ère de couverture 4ème de couverture

LA CHEMISE,
RAPPORT OU 36mm

DOSSIER
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
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

PRéSENTATION
WWW.U-PEM.FR

Le même principe que pour les


éditions s’applique.

Le titre du document est situé dans


un rectangle virtuel, au-dessus et de
la même largeur que le cartouche de
la signature institutionnelle.

Pour le dos ou la 4ème de couverture,


le logo et les coordonnées de l’UPEM
sont inscrits en haut et à gauche du
format, en réserve blanche sur un
fond orangé laissant apparaître la
trame illustrative dans la continuité
horizontale de la couverture.
TITRE
PHOTOGRAPHE :
Jean Consectetur PHOTOGRAPHE :
Jean Consectetur
Lorem ipsum dolor sit amet,

Dans l’aplat blanc, en bas du format,


consectetur adipisicing elit, Lorem ipsum dolor sit amet,
sed do eiusmod tempor consectetur adipisicing elit,
incididunt ut labore et dolo SOUS TITRE sed do eiusmod tempor
incididunt ut labore et dolo

un emplacement situé en partie


gauche, peut être utilisé pour apposer
SERVICE / OU COMPOSANTE / OU UNITÉ DE RECHERCHE
CONTACT SERVICE / OU COMPOSANTE / OU UNITÉ DE RECHERCHE
CONTACT

diverses informations, dont la photo


et son crédit. Un autre emplacement,
situé sous la légende de la photo ou 90mm

à droite de celle-ci, permet d’inscrire


les coordonnées de l’émetteur, qu’il TYPO ALLER LIGHT 32 pt interligné 32 pt
soit Service, Composante ou Unité TYPO ALLER BOLD 13 pt interligné 15 pt
de Recherche.

46
UPEM CHARTE GRAPHIQUE
LES éditions

Les pages
internes
Exemples de pages internes

47
UPEM CHARTE GRAPHIQUE
LES éditions

Alignement Alignement

L’AFFICHE lorum ipsum :


Le principe de mise en page du logo 50mm LE 2 NOVEMBRE 2013 - 17H
est appliqué, comme pour les éditions,
quel que soit l’émetteur de l’évènement.

La marge de blanc tournant est alors MICROHISTOIRE


ET PRATIQUES
de 12mm. La date de l’événement est HISTORIENNES
indiquée en haut du format, à droite du
logo.
COORDINATEURS DOLORES EOS QUI RATIONE VOLUPTATEM SEQUI
Antoine Franzini Université Paris-Est Marne-la-Vallée NESCIUNT : Neque porro quisquam est, qui dolorem
Didier Lett Université Denis-Diderot (Paris VII) ipsum quia dolor sit amet, consectetur, adipisci velit,
ORGANISATEUR sed quia non numquam eius modi tempora incidunt

Le titre de la manifestation ou du sujet


ut labore et dolore magnam aliquam quaerat
Analyse Comparée des Pouvoirs,
Laboratoire de recherche voluptatem enim ad minima veniam, quis nostrum
exercitationem ullam corporis suscipit laboriosam,

CONTACTS

de l’information est inscrit en réserve 18mm


A.FRANZINI@FREESBEE.FR • DIDIER.LETT@WANADOO.FR

BÂTIMENT BOIS DE L’ETANG • AILE C, SALLE C006


BOULEVARD DESCARTES • 77420 CHAMPS-SUR-MARNE
INSCRIPTIONS ET PROGRAMME
WWW.U-PEM.FR

ou en aplat sur le visuel, sauf en cas


d’illustration complexe. 152.8mm

Le texte descriptif ne doit pas dépasser APPRENDRE INVENTER COMPRENDRE

8 à 10 lignes maximum et rester lisible.


Le bandeau horizontal incluant VOUS AVEZ
rédactionnel et coordonnées de
l’émetteur est variable en hauteur sans
UN PROJET ?
toutefois dépasser la moitié du format. LOREM IPSUM DOLOR SIT AMET

Dans le cas d’utilisation d’un visuel Sed ut perspiciatis unde omnis iste nat DOLORES EOS QUI RATIONE VOLUPTATEM SEQUI
complexe, toutes les informations sont us error sit voluptatem accusantium NESCIUNT : Neque porro quisquam est, qui dolorem
ipsum quia dolor sit amet, consectetur, adipisci velit,
doloremque laudantium, totam rem.
inscrites en réserve et/ou en noir & sed quia non numquam eius modi tempora incidunt
ut labore et dolore magnam aliquam quaerat
blanc dans ce bandeau horizontal. voluptatem enim ad minima veniam, quis nostrum
exercitationem ullam corporis suscipit laboriosam,
Les logos des partenaires/co- POUR PLUS DE RENSEIGNEMENTS : lorum ipsum :
LE 2 NOVEMBRE 2014 - 17H
SERVICE DE LA VIE ETUDIANTE • BÂTIMENT COPERNIC
organisateurs seront positionnés BUREAU 0B095 • VIE.ETUDIANTE@U-PEM.FR
TITRE LORUM IPSUM ?
01 60 95 70 38 / 01 60 95 76 35
horizontalement en bas (au dessus de la WWW.U-PEM.FR
LOREM IPSUM DOLOR SIT AMET
Sed ut perspiciatis unde omnis iste nat DOLORES EOS QUI RATIONE VOLUPTATEM SEQUI

signature institutionnelle) us error sit voluptatem accusantium NESCIUNT : Neque porro quisquam est, qui dolorem
ipsum quia dolor sit amet, consectetur, adipisci velit,
doloremque laudantium, totam rem.
sed quia non numquam eius modi tempora incidunt
ut labore et dolore magnam aliquam quaerat volupta-
POUR PLUS DE RENSEIGNEMENTS : tem enim ad minima veniam.
SERVICE DE LA VIE ETUDIANTE • BÂTIMENT COPERNIC
BUREAU 0B095 • VIE.ETUDIANTE@U-PEM.FR
01 60 95 70 38 / 01 60 95 76 35

QUELQUES RÈGLES :
WWW.U-PEM.FR

• privilégier le visuel et l’accroche APPRENDRE INVENTER COMPRENDRE


APPRENDRE INVENTER COMPRENDRE

ou le thème de l’évènement,
132mm
• rester succinct dans la description,
• ne pas être redondant,
• donner l’envie et la possibilité au
lecteur d’en savoir davantage.
48
LA SIGNALÉTIQUE
• Information : Marquage bâtiment et
panneau de porte
• Orientation : Totem, panneau et banderole
• Évènementiel : Banderole et kakemono

49
UPEM CHARTE GRAPHIQUE
La signalétique

LA SIGNALÉTIQUE
D’INFORMATION
Marquage bâtiment
En fonction du lieu et du matériau,
on utilise le logo en vitrophanie, en
lettres découpées, sur un cartouche…
SERVICE COMMUNICATION
La signature institutionnelle peut être
ajoutée, suivant la configuration choisie.
Sandrine Diago
PANNEAU DE PORTE Zlatan Ibrahimovic
On utilise le fond orangé avec la trame Olivier Petit
illustrative pour inscrire le nom du
service et des personnes en réserve. Ludovic Vérité
La localisation du bureau et le nom du
bâtiment sont également en réserve,
en bas du format, ferrés à droite et
séparés horizontalement par un bandeau
en réserve. Bureau B207
BÂTIMENT BOIS DE L'ETANG
Le logo UPEM est situé en haut à gauche
du format, sur un aplat blanc.

50
UPEM CHARTE GRAPHIQUE
La signalétique

LA SIGNALÉTIQUE BÂTIMENT BOIS DE L'ETANG


Aile A
D’ORIENTATION
UNIVERSITÉ
PARIS-EST
MARNE-LA-VALLÉE
DIRECTION RESSOURCES HUMAINES
On utilise, dès que le format
le permet, tous les signes et le
BÂTIMENT XXXXX
vocabulaire graphique de l’UPEM : BÂTIMENT
Aile X
Le logo, les typographies préconisées,
le code couleur, la signature
BOIS DE SERVICE
institutionnelle, la trame illustrative. L’ETANG
BÂTIMENT
restaurant universitaire
BOIS DE L’ETANG
L’ARLEQUIN AILE X
Grilladerie &
Salon de thé 2 Salles d’enseignement
Bureaux
B000 - B000
B000 - B000 -  B000

Salles d’enseignement B000 - B000


Salles informatiques B000 - B000
Bureaux B000 - B000 - B000
B000 - B000 - B000
B000

1 Salles d’enseignement
Salle informatique
B000 à B000
B000

RDC Amphithéatre B000


Salles d’enseignement B000 - B000 -
B000 à B000 - B000
B000
Salle informatique B000
Bureaux B000 - B000
B000 à B000
B000 - B000 - B000
UFR
Sciences économiques et gestion
IAE Gustave Eiffel
Licence et Masters B000 - B000

51
UPEM CHARTE GRAPHIQUE
La signalétique

LA SIGNALÉTIQUE
ÉVÈNEMENTIELLE
Banderole
et kakEmono

JOURNÉE
JEUDI 6 SEPTEMBRE 2014 / 10h-15h
DE L’ÉCONOMIE
JOURNÉE DE LA RENTRÉE SOCIALE ET
SOLIDAIRE
29 SEPTEMBRE 2014
JEUDI 6 SEPTEMBRE 2014 / 10h-15h À PARTIR DE 14H00

JOURNÉE DE LA RENTRÉE PLUS D’INFOS :


WWW.U-PEM.FR/CHAIRE-ECONOMIE-SOCIALE-SOLIDAIRE/

En partenariat avec :

52
LES OBJETS
PROMOTIONNELS

53
UPEM CHARTE GRAPHIQUE

Les objets
promotionnels
Lors d’événements particuliers
nous sommes amenés à réaliser
des objets promotionnels, supports
de communication de notre identité.

Les exemples ci-contre permettent


de visualiser la mise en place du logo
en fonction du type de support.

*
Tout objet promotionnel doit être validé
par le Service Communication

! Tous les logos et documents d’exécution sont


à retirer auprès du Service Communication

54
UPEM CHARTE GRAPHIQUE

Lexique
Aplat Bon à graver Couché Duplicata Filet utilisés en informatique
Surface, plage de couleur Accord pour la gravure. Se dit d’un papier très lisse Copie ou double d’une diapo, Trait fin qui sert d’ornement (Internet, présentation...) ou
uniforme, dans une amélioré par une opération d’un ektachrome. ou qui permet d’améliorer en imprimerie.
impression. Bon à tirer de couchage et destiné aux la lisibilité d’un logo dans
Accord pour l’impression. impressions fines. Encart certains cas. Identité visuelle
Acronyme Feuille ou cahier insérés entre Souvent utilisé comme Parmi les différents moyens
Sigle qui se prononce Calibrage Coupe les feuillets d’un livre ou élément signalétique d’un de représentation d’une image
comme un mot, sans qu’il Action de calibrer un texte, Papier excédentaire, imprimé d’une revue. logo. de marque, les principaux sont
soit nécessaire d’épeler c’est-à-dire d’évaluer son ou non, éliminé au moment du ceux liés à la visualisation
chaque lettre. Exemple : FNAC, encombrement par rapport massicotage d’un imprimé à ENDOSSEMENT Filets techniques de la marque par un logo
UNESCO... à la taille et au style du son format définitif. Principe graphique permettant On appelle ainsi les filets (fins) et la définition d’un univers
caractère utilisé et à la place de montrer l’appartenance présents sur le document de marque. L’identification
Bas de casse disponible. Cromalin d’une structure (filiale, d’exécution, pour servir de visuelle s’effectue à travers
Lettre minuscule. Document en couleur, sur département, composante…) repères au photograveur, mais un logotype et l’univers de
Capitale support spécial, qui permet à une collectivité, une qui ne doivent pas apparaître marque.
Benday Lettre majuscule. de vérifier la qualité de la communauté ou à une sur le document final.
Nom usuellement photogravure. marque. Image INSTITUTIONNELLE
donné à une valeur de Caractère Fond perdu Image que construit
couleur exprimée par des Chacune des lettres ou tout CTP (Computer To Plate) Épreuve On dit d’une impression pour son ou ses publics
pourcentages de trame. un alphabet dessiné d’une Procédé de copie directe du Essai d’impression sur le qu’elle est à fond perdu une organisation ou une
façon spécifique, dans un fichier numérique sur les papier choisi effectué par lorsque l’image imprimée est entreprise au moyen :
Bichromie style particulier. plaques d’impression, après le graveur sur une machine limitée par les seuls bords • d’un système d’identification
Image tramée imprimée en mise en imposition. spéciale. extérieurs de la page, sans visuelle,
deux couleurs de base. Charte graphique marge blanche. • d’un registre de
Document récapitulant les Demi-teinte Façonnage récits institutionnels
BLOC-MARQUE règles de construction du Par opposition au noir et Étape regroupant toutes Fonte dont l’ensemble forme
Ensemble solidaire constitué logotype et des principes de blanc pur, se dit d’une image les opérations qui suivent Les caractères typographiques la communication
du (ou des) logo(s) et du sa déclinaison dans les cas les photographique qui comporte l’impression : pliage, sont réunis en familles institutionnelle,
(ou des) nom(s) de la marque plus usuels. différentes valeurs de gris. encartage, collage, agrafage, (romain, à empattements, • de médias appropriés à la
représentant l’émetteur du massicotage… fantaisie, etc.) puis en polices transmission de ces récits,
support de communication. Composition Détourage (Garamond, Times, Caravelle, notamment le plan d’action de
Dans le cas de l’UPEM, le Assemblage mécanique Action de détourer, c’est-à- Fer à droite - fer à gauche Helvetica...) puis en fontes relations publiques.
logo (sigle et dénomination) (à la main, ou sur dire de séparer un élément Par référence à la typographie (gras, corps 10, italique,
constitue un bloc–marque, machine) ou électronique du reste d’une image pour le traditionnelle, on a conservé corps 24...). Ce terme vient Imposition
mais également tous les (photocomposition ou PAO) de réutiliser sur un fond neutre. le terme « fer à droite » ou « du fait que les premières Opération qui consiste, pour
principes d’endossement tous les signes constituant un Le détourage peut être fer à gauche » pour indiquer fontes de caractères étaient l’imprimeur, à bien disposer
de la marque UPEM avec texte pour l’impression. manuel ou électronique. au compositeur que le texte faites d’un alliage de plomb les pages d’un document de
les Composantes et Unités doit s’aligner sur la marge de et d’antimoine fondu afin façon à ce que, une fois les
de Recherche. Corps Document d’exécution droite ou sur celle de gauche. de reproduire plusieurs cahiers de l’ouvrage façonnés,
Taille d’un caractère (souvent Document technique très Il existe trois autres modes caractères identiques à partir les pages se suivent dans le
Bon à composer mesurée par rapport à la précis, qui sert de base pour d’organisation d’un texte : d’un moule unique. bon ordre.
Accord sur les textes. capitale). réaliser la photogravure. centré, justifié ou en habillage. Aujourd’hui, on parle
Il doit être extrêmement également de fonte pour les
soigné et contenir toutes les ensembles de caractères
informations nécessaires au
photograveur.
55
UPEM CHARTE GRAPHIQUE

Lexique
Interlignage • un principe de modification Le processus de reconnais- primaires qui, tramées et Simili • les systèmes d’identification
Espace entre les lignes. des couleurs en fonction des sance et de mémorisation de juxtaposées, imitent les Mot employé en photogravure visuelle sur d’autres supports
supports possibles, la marque devient alors un couleurs originales. pour désigner une image de communication : films,
Justification • un principe de combinaison réflexe visuel instantané. Les couleurs primaires pour tramée en une couleur (en vidéo, pages-écrans…
Dimension définissant la des différents éléments en l’imprimerie sont : le cyan général le noir).
largeur d’un texte ou d’une fonction des utilisations. Nuancier (bleu), le magenta (rouge), Trait
ligne d’un texte. • éventuellement, une Outil permettant un choix et le jaune, renforcées par le Symbole iconographique Se dit d’une image en noir et
signature institutionnelle facile et réaliste des couleurs, noir. Dessin qui, bien qu’ayant sa blanc purs, sans valeurs de
Label/marque de qualité (slogan, base-line, phrase- par rapport aux techniques propre signification, fait partie gris ni trames.
Catégorie particulière vocation…). d’impression et des supports. Réserve intégrante du logo. Détaché
de marques signatures Partie non imprimée. Seule du reste du logo, le symbole Typographie d’accompagne-
institutionnelles venant Maquette Offset façon, par exemple en offset, iconographique peut signifier, ment
renforcer l’identification de Document, dessiné ou réalisé Procédé d’impression très d’obtenir du blanc. de façon associée, la totalité Manière de typographier les
la marque de l’entreprise ou par collages, préfigurant répandu aujourd’hui utilisant du logo, donc la marque textes qui accompagnent le
du produit, sous certaines l’imprimé définitif, et le principe de la répulsion Rough/Esquisse elle-même, à la manière d’un logo.
conditions techniques ou permettant de juger eau/encre d’imprimerie et un Croquis rapide en couleurs, emblème.
marketing. l’efficacité ou la justesse des cylindre intermédiaire entre la qui préfigure les grandes Typographie d’un logo
Un label peut être commun à éléments : couleurs, mise en forme imprimante et le papier. lignes de l’imprimé définitif. Système d’identification Graphisme des lettres d’un
plusieurs marques. page… visuelle/univers nom. La typographie d’un
Pantone Sélection de marque logo peut être choisie parmi
Logotype/logo Mise en page Fabricant de couleurs Définition, pour chaque Ensemble des supports réels les alphabets existants ou
Système de représentation et Art d’organiser les textes et d’imprimerie normalisées, couleur d’une image, des et potentiels de tout ou partie bien faire l’objet, pour tout ou
d’identification de la marque, les images entre eux et dans possédant un nuancier qui pourcentages de couleurs du logo de la marque. partie, d’un graphisme original
le logo comprend : une surface donnée. sert de référence. primaires nécessaires à sa L’univers de marque comprend et spécifique.
• une typographie spécifique, reconstitution. usuellement :
• éventuellement un symbole Montage PAO • les documents d’édition : Typon
iconographique, Mise en page de tous les Publication assistée par Sigle papeterie administrative et Nom donné au film de gravure
• un principe de liaison entre éléments du document ordinateur. Cas particulier de nom de commerciale, brochures…, nécessaire à l’insolation d’une
le symbole et la typographie, d’exécution. marque composé par des • la signalétique : enseignes, plaque offset.
• éventuellement un signal Photogravure lettres initiales de plusieurs panneaux, éléments
ou des signaux visuels (trait, mot-image Réalisation, à partir du mots. Exemple : SNCF, EDF… d’architecture…,
barre, point, tiret, accent, etc.), Un accident visuel interpelle document d’exécution, des • les systèmes physiques
• une mise en place le lecteur la première fois différents films (ou typons), Signalétique d’identification : marquage
typographique (filet, qu’il découvre le logotype et séparant les couleurs dont Ensemble de moyens de des véhicules, uniformes,
cartouche, aplat de couleur, l’oblige à marquer un temps aura besoin l’imprimeur pour signalisation à la disposition architecture intérieure, objets
etc.), de réflexion. Dès la deuxième exposer ses plaques à la d’une entreprise ou d’une promotionnels…,
• un système de couleurs, ou la troisième lecture, cet lumière. organisation pouvant être des • le packaging et les
pour l’ensemble des éléments accident visuel, formant un supports de la représentation systèmes d’identification
identifiables, mot-image, reste ” imprégné “ Quadrichromie de l’image de marque. des produits : emballages,
dans la mémoire visuelle du Reproduction d’un document On distingue usuellement : décors des contenants, labels,
lecteur. original couleurs par • la signalétique d’orientation, étiquettes…,
l’intermédiaire de couleurs • la signalétique d’information,
• la signalétique évènementielle.

56
UPEM CHARTE GRAPHIQUE
LES COMPOSANTES

UFR
UFR INSTITUT
LETTRES, ARTS,
SCIENCES ÉCONOMIQUES FRANÇAIS
COMMUNICATION ET
ET GESTION D’URBANISME
TECHNOLOGIE

IFSA
INSTITUT FRANCILIEN
DES SCIENCES APPLIQUÉES

IFIS UFR
UFR
INSTITUT FRANCILIEN SCIENCES HUMAINES
MATHÉMATIQUES
D’INGÉNIERIE DES SERVICES ET SOCIALES

UFR
INSTITUT D’ÉLECTRONIQUE
UFR SCIENCES ET
ET D’INFORMATIQUE
LANGUES ET CIVILISATIONS TECHNIQUES DES ACTIVITÉS
GASPARD MONGE
PHYSIQUES ET SPORTIVES

57
UPEM CHARTE GRAPHIQUE
Les Unités de Recherche mono-tutelle et multi-tutelleS

ANALYSE LITTÉRATURES, LABORATOIRE


COMPARÉE SAVOIRS ET GÉOMATÉRIAUX ET
DES POUVOIRS ARTS ENVIRONNEMENT

LABORATOIRE D’URBANISME LABORATOIRE DE MODÉLISATION


ET SIMULATION MULTI ÉCHELLE

Sous la co-tutelle de :
CNRS
Sous la co-tutelle de : UPEC • UNIVERSITÉ PARIS-EST CRETEIL
ESPACES ETHIQUES UPEC • UNIVERSITÉ PARIS-EST CRETEIL UPEM • UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE
ET POLITIQUES UPEM • UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE
INSTITUT HANNAH ARENDT

D - MO LABORATOIRE D’INFORMATIQUE DISPOSITIFS D’INFORMATION ET DE INSTITUT DE


AR N COMMUNICATION À L’ÈRE NUMÉRIQUE RECHERCHE EN GESTION
SP GASPARD MONGE
PARIS ÎLE-DE-FRANCE
A

GE
- G

Sous la co-tutelle de : Sous la co-tutelle de :


Sous la co-tutelle de :
L AB

CNRS CNAM
IQU

ÉCOLE DES PONTS PARISTECH UPEC • UNIVERSITÉ PARIS-EST CRETEIL


AT
OR

UPEM • UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE


AT

OIR RM ESIEE PARIS UPEM • UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE


E D'INFO UNIVERSITÉ PARIS OUEST NANTERRE LA DÉFENSE
UPEM • UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE

INSTITUT DES MONDES ANGLOPHONE, Laboratoire LABORATOIRE ÉLECTRONIQUE, LABORATOIRE EAU,


ESYCOM
GERMANIQUE ET ROMAN SYSTÈMES DE COMMUNICATION ET ENVIRONNEMENT ET SYSTÈMES URBAINS
MICROSYSTÈMES
Sous la co-tutelle de :
Sous la co-tutelle de : ÉCOLE DES PONTS PARISTECH
UPEC • UNIVERSITÉ PARIS-EST CRETEIL Sous la co-tutelle de : ENGREF
UPEM • UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE CNAM UPEC • UNIVERSITÉ PARIS-EST CRETEIL
ESIEE PARIS UPEM • UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE
UPEM • UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE

LABORATOIRE D’ANALYSE ÉQUIPE DE RECHERCHE SUR L’UTILISATION LABORATOIRE DE PHYSIQUE DES


LAMA ET DE MATHÉMATIQUES APPLIQUÉES ERUDITE DES DONNÉES INDIVIDUELLES LPMDI MATÉRIAUX DIVISÉS ET DES INTERFACES
ET TEMPORELLES

Sous la co-tutelle de :
Sous la co-tutelle de : Sous la co-tutelle de :
CNRS
UPEC • UNIVERSITÉ PARIS-EST CRETEIL CNRS
UPEC • UNIVERSITÉ PARIS-EST CRETEIL
UPEM • UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE UPEM • UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE
UPEM • UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE

LABORATOIRE TECHNIQUES, LABORATOIRE VILLE,


LATTS TERRITOIRES ET SOCIÉTÉS LVMT MOBILITÉ, TRANSPORT

Sous la co-tutelle de : Sous la co-tutelle de :


CNRS ÉCOLE DES PONTS PARISTECH
ÉCOLE DES PONTS PARISTECH IFSTTAR
UPEM • UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE UPEM • UNIVERSITÉ PARIS-EST MARNE-LA-VALLÉE

58
59
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

pour toute question, demande de document, conseil,


merci de contacter le Service Communication :

COM@U-PEM.FR • T : 01 60 95 71 25
BUREAU B207 • BÂTIMENT BOIS DE L’ÉTANG • 5 BD DESCARTES
CHAMPS-SUR-MARNE • 77454 MARNE-LA-VALLÉE

Photo de couverture : Bâtiment Lavoisier - MESR/PictureTank

Vous aimerez peut-être aussi