Vous êtes sur la page 1sur 29

INTRANET

CHARTE GRAPHIQUE DES INTRANETS


JUIN

2006

DIRECTION DES TECHNOLOGIES

M l a n i e
RESPONSABLE

DES

T E TA R T
P RO J E T S W E B D E S I G N

01 40 39 63 28 - melanie.tetart@bfbp.banquepopulaire.fr

Sommaire
OBJECTIFS DUNE CHARTE GRAPHIQUE

CONSEILS & GENERALITS

ORGANISATION DE LESPACE

STRUCTURE DES GABARITS

PERSONNALISATION DES SITES

BANDEAU

PRINCIPES DE NAVIGATION

10

ENCARTS DE DROITE

11

PICTOS

12

COULEURS

13

IMAGES

14

EN TTE & PIED DE PAGE

16

HIRARCHIE DE LECTURE : LA PAGE TYPE

17

BARRE OUTILS & BLOC DE LIEN

18

GABARITS : EXEMPLES DE MISE EN PAGE

20

Objectifs
Ce document de charte graphique des Intranets est un cadre de travail qui tablit les rgles de cohrence en matire de design et d'ergonomie pour vhiculer l'identit du Groupe Banque Populaire.
Un intranet na pas la mme
vocation quun site internet.
On ne sadresse pas aux
mmes types dinternautes.
Il sagit dun outils de
communication et non dun
magazine .
Un intranet doit avoir
des principes dexpression
Groupe .
Linformation doit tre traite avec la mme cohrence
sur lensemble des intranets
dun groupe.

LES PRINCIPAUX BNFICES ATTENDUS :


- La garantie du respect de "rgles de base" en matire
de graphisme et d'ergonomie.
- Un meilleur confort de l'utilisateur travers un "cadre
gnral" toujours prsent, "rassurant", facilitant le reprage
et l'utilisation des informations et fonctions.
- Une cohrence et harmonie au travers des diffrents
intranets du Groupe Banque Populaire.
Lobjectif de ce document est de formaliser laspect graphique
des sites intranets du Groupe Banque Populaire et ainsi de
poser les lments techniques permettant aux sites de
conserver leur intgrit visuelle, lors de la phase dintgration
et pour le dveloppement futur dautres sites.
Cette charte a t conue de manire permettre le plus dvolution et de personnalisation possible. Sa simplicit permet ainsi aussi
bien aux utilisateurs de comprendre les possibilits, aux Chefs de
Projet dtre force de proposition dans la traduction des besoins
utilisateurs, quaux dveloppeurs / prestataires dans lamorce dun
projet en conformit avec celle-ci.

Conseils &
Gnralits

COMPATIBILITE AVEC LES NAVIGATEURS


Les sites doivent tre compatibles avec la version 5+ d'internet
explorer.
RESOLUTION D'ECRAN
Les sites doivent tre conu pour une rsolution d'cran de
800*600. Pour toute rsolution suprieure, le site se retrouvera
centr sur fond gris dans la largeur dans la fentre.
PROFONDEUR DES PAGES
Pour des raisons de lisibilit, il est recommand de limiter la
profondeur 3 niveaux.
LE POIDS DES PAGES
Pour des raisons de confort li au temps de chargement, le poids
des pages doit rester infrieur 50ko. Except pour les pages plus
graphiques o une taille de 80ko est acceptable.
LE POIDS DES FICHIERS JOINTS
Les fichiers Word, Powerpoint, pdf... annexs, doivent imprativement
se limiter une taille de 3mo pour garantir la bonne reception par
le destinataire.
RGLE DE NOMMAGE DES FICHIERS
Les caractres accentus (,, ...), les apostrophes, les guillemets,
les espaces et en rgle gnral tous les caractres non alphabtiques
ou numriques sont proscrire. Vous pouvez cependant utiliser
le tiret (-) ou le soulign (_).
UTILISATION DE FRAMES
Pour faciliter le rfrencement des pages et leur impression,
celles-ci seront construites sans "frames".
ILLUSTRATION ET DROITS
L'utilisation de n'importe quelle image requiert des droits
et doivent tre listes dans la mentions "crdits" pour satisfaire
les droits d'utilisation. Assurez vous bien que les droits ont bien t
ngocis pour les supports intranet.

Organisation

de lespace

ZONE SUPERIEURE OU BLOC-MARQUE


1-

Logo, nom & accroche de lintranet et bandeau illustratif

-2 Navigation horizontale, principale et transverse


-3 Connexion/identification et accs direct au moteur de recherche
ZONE CENTRALE
4-

Chemin de fer ou repre de navigation

Zone de contenu

ZONE LATERALE DROITE


6-

Navigation secondaire relative aux rubriques de niveau 1

7-

Modules contextuels ou transverses. Mise en avant, tremplin


vers dautres pages, sites internes ou externes.

Bote outils

PIED DE PAGE
9

Contact, Plan du site, Copyright, Image de la mention Groupe

1
2

4
5

7
8

Structure
des gabarits

770 px

78 px
25 px
30 px

3 px

25 px

25 px

25 px

25 px
25 px
9 px

552 px

9 px

9 px

Personnalisation

des sites

BANDEAU VISUEL
En plus de la couleur dominante par Direction, il permet dillustrer
et de prciser visuellement le mtier.

COULEUR DOMINANTE RELATIVE LA DIRECTION


Elle sapplique sur :
- Les onglets de navigation
- Le titre du site
- Le fond des cartouches
- Les titres, sous-titres et intertitres des contenus
- Les liens

BEditorial
and eau
Charte
desphoto
intranetsCharte
des
Principegraphique
de montage
avec fusiongraphique
dimages, illustrant
le mtier
intranetsCharte
graphique
intranetsCharte
graphique
avec un flou progressif
versdes
la couleur
dominante
puis versdes
le blanc.
intranetsCharte graphique des intranetsCharte graphique des
intranetsCharte
graphique
desaintranetsCharte
graphique
Chaque site, direction,
mtier,
son propre bandeau.
Pour des
chaque
intranetsCharte
des intranetsCharte
des
bandeau, il existegraphique
une dclinaison
de 3 formatsgraphique
:
intranetsCharte graphique des intranetsCharte graphique des
intranetsCharte graphique des intranetsCharte graphique des
intranetsCharte
graphique
des intranetsCharte
des x 78 px
FORMAT POUR
LES SITES
INTRANET graphique 770
intranetsCharte
(14ko maximum) graphique des intranetsCharte graphique des
intranetsCharte graphique des intranetsCharte graphique des

intranetsCharte graphique des intranetsCharte graphique des


intranetsCharte
graphique
des intranetsCharte
graphique des
FORMAT POUR
LES ENQUTES,
NEWSLETTER
ET
intranetsCharte
graphique des intranetsCharte
graphique des
MAILS COMMUNIQUANTS
(10ko maximum)
600 x 61 px
intranetsCharte graphique des intranetsCharte graphique des
intranetsCharte graphique des intranetsCharte graphique des

intranetsCharte
graphique
des PUSH
intranetsCharte graphique des
FORMAT POUR
ENCART
200 x 40 px
intranetsCharte
graphique
des
intranetsCharte
graphique des
SUR COLONNE DE DROITE
(5ko maximum)
intranetsCharte graphique des intranetsCharte graphique des
intranetsCharte graphique
des intranetsCharte graphique des intranetsCharte
graphique des
intranetsCharte graphique
des intranetsCharte graphique des intranetsCharte graphique des
intranetsCharte graphique des intranetsCharte graphique des
intranetsCharte
graphique desCOMME
intranetsCharte
graphique des
OU CAS PARTICULIERS
LES PAGES
intranetsCharte
graphique
desOU
intranetsCharte
graphique des
PUBLICATIONS
FLASH
ACTIFS (ref.ponant)
552 x 40 px
intranetsCharte
(5 ko maximum) graphique des intranetsCharte graphique des
intranetsCharte graphique des intranetsCharte graphique des

Principes de

Editorial
navigation

Charte graphique des intranetsCharte graphique des


2 ESPACES DE NAVIGATION :
intranetsCharte graphique des intranetsCharte graphiqueFilet
des
HORIZONTAL ET VERTICAL
sparateur
intranetsCharte graphique des intranetsCharte graphique
des
BLANC
intranetsCharte graphique des intranetsCharte graphique des
de des
1px
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique des
intranetsCharte graphique des intranetsCharte graphique des
intranetsCharte graphique des intranetsCharte graphique des
intranetsCharte graphique des intranetsCharte graphique des
Horizontale, transversale et principale
pour des
rubriques
de niveau 1 graphique des
intranetsCharte
graphique
des intranetsCharte
- Sur une ligne, centre, roll-over(changement
de couleur)
intranetsCharte
graphique des intranetsCharte graphique des
- Une page sommaire devra etre accessible
en cliquant
sur le titre
la rubrique graphique des
intranetsCharte
graphique
des de
intranetsCharte
- Possibilit de passer un onglet sur intranetsCharte
2 lignes
graphique des intranetsCharte graphique des
intranetsCharte graphique des intranetsCharte graphique des
Par dfaut : Arial, Regular, Majuscule, #Couleur dominante, fd de cellule #F2F2F2
intranetsCharte graphique des intranetsCharte graphique des
Picto flche
Roll-over : Arial, Regular, Majuscule, #Blanc, fd de cellule #Couleur dominante
intranetsCharte graphique des intranetsCharte graphique des
dscendante
intranetsCharte graphique des intranetsCharte graphique des
pour montrer
intranetsCharte graphique des intranetsCharte graphique des
quil sagit de
Chemin de fer ou repre de navigation
intranetsCharte graphique des intranetsCharte graphique des
la navigation
intranetsCharte graphique des intranetsCharte graphique des
contextuelle.
Liens actifs : Arial, 11px, Bold, #Couleur dominante
intranetsCharte graphique des intranetsCharte graphique des
Page en cours : Arial, 11px, Regular, #3B3B3B
intranetsCharte graphique des intranetsCharte graphique des
intranetsCharte graphique des intranetsCharte graphique des
intranetsCharte graphique des intranetsCharte graphique des
Verticale contextuelle et/ou tranverse
intranetsCharte graphique des intranetsCharte graphique des
- Le cartouche reprend lintitul de la
Rubrique de niveau
1 des intranetsCharte graphique des
intranetsCharte
graphique
- Au clic sur une rubrique n-2, le sous-niveau
n-3 se dplie
intranetsCharte
graphique des intranetsCharte graphique des
(Un niveau supplmentaire maximum n-4intranetsCharte
est envisageable) graphique des intranetsCharte graphique des
intranetsCharte graphique des intranetsCharte graphique des
Titre du cartouche : Arial, 11px, Majuscule,
Bold, #Blanc graphique des intranetsCharte graphique des intraintranetsCharte
Rubrique n-2 : Arial, 11px, Bold, #Couleur
dominante,
prcd dune flche de counets
leur qui se dplie 90
Sous-rubrique ou n-3 : Arial, 11px, Regular, #3B3B3B, prcd dun chevron
Roll-over : Rectangle blanc avec contour #3B3B3B

Bote outils
Titre du cartouche : Arial, 11px, Majuscule, Bold, #Blanc
Picto + lien : Arial, 11px, Bold, #Couleur dominante

10

Encarts
de droite

Mises en avant, remontes dactualits, tremplin vers


dautres pages, sites internes ou externes...

Bandeau illustratif avec lien : 200x40 px (5ko max)

Bandeau + Insertion dun lien court


par dessus le bandeau

Possibilit dassocier du texte ou


des liens sous le bandeau

Remonte dactualits
sous forme de lien long en savoir plus >>>
+ accs aux archives :Tous les...

Texte avec ou sans vignette* associe


*Vignette : 70x70 px (5ko max)

11

Pictos

Seul lintitul
dun pictogramme
est cliquable
et non le pictogramme
lui-mme.

Dans un soucis dharmonisation et de cohrence, la fois pour les


dveloppeurs que pour les utilisateurs (clients), des pictogrammes
ont t raliss. De nouveaux pictos sont rgulirement crs au
fur et mesure pour des demandes spcifiques.

picto-doc.gif

picto-zoom.gif

picto-word.gif

picto-outilscom.gif

picto-excel.gif

picto-contribuer.gif

picto-powerpoint.gif

picto-orga.gif

picto-pdf.gif

picto-calendrier.gif

picto-image.gif

picto-search.gif

picto-lecture.gif

picto-auth.gif

picto-son.gif

picto-listeagences.gif

picto-flash.gif

picto-calcul.gif

picto-newsletter.gif

picto-glossaire.gif

picto-mailing.gif

picto-tarif.gif

picto-telechargement.gif

picto-histo.gif

picto-ajouter.gif

picto-habilitation.gif

picto-supprimer.gif

picto-faq.gif

picto-modifier.gif

picto-annuairegroupe.gif

picto-ensavoirplus.gif

picto-annuairesites.gif

picto-mail.gif

picto-inscription.gif

picto-imprimer.gif

picto-commande.gif

picto-archive.gif

picto_alerte.gif

picto-telephone.gif

picto-recherchedansdocs.gif

picto-cocher.gif

12

Couleurs
Une couleur a t attribue par Direction.
DIRECTIONS

rf. WEB

rf. RVB

#E6ECF4

230 236 244

PORTAIL GROUPE
PONANT

#0E4096

14 64 150

#E5F6FD

229 246 253

BFBP

#00A6EB

0 166 235

#EDEEF5

237 238 245

DVELOPPEMENT

#4A579B

74 87 155

#F2E7E7

242 231 231

LOGISTIQUE

#821312

130 19 18

#EFF4F9

239 244 249

RH

#618FBF

97 143 191

#FEF3EC

254 243 236

TECHNOLOGIES

#F18B49

241 159 73

#F4F6E8

244 246 232

FINANCIRE

#B3C466

179 196 102

#F3EFF9

243 239 249

STRATGIE

#9E7FCD

158 127 205

#F1F6F8

241 246 248

RISQUES

#5D91A2

93 145 162

#F2F3FA

242 243 250

SECRTARIAT

#818ACD

129 138 205

#F2EDE7

242 237 231

JURIDIQUE
& CONFORMITE

#A9885E

169 136 94

#FAEEEE

250 238 238

COMIT DENTREPRISE

#E44646

228 70 70

#EAE7D8

234 231 216

AUDIT & CONTROLE


PERIODIQUE

#578E46

87 142 170

Background des pages

#E0E0E0

224 224 224

Fond des modules, tableaux


et contour dimages

#F2F2F2

242 242 242

Police courrante

#3B3B3B

59 59 59

Couleurs complmentaires
pour fond de cellule

13

Editorial
Images
Pour garantir une homognit tout au long des pages et sur lensemble des sites, nous avons mis en place plusieurs formats suivant
les cas spcifiques.

Pour le traitement
des images, le logiciel
The Gimp ainsi
quun guide dutilisation
sont votre disposition.
Vous pouvez en faire
la demander au SVP
(114).

- Les images seront toujours encadres dun contour


gris #E0E0E0 gnr automatiquement en HTML.
- Fichiers compresss en .jpg
- Toutes images venant illustrer un contenu (une page type)
doit tre dcline en 2 formats.
- Le respect des formats est impratif pour garantir
lhomognit et leur rutilisation dans dautres sites...

FORMAT VIGNETTE
70 x 70px
(5 ko maxi)

Un dossier dimages
prdcoupes aux
formats recommands
est votre disposition
sur P:\Dossiers_Banque
_Federale\Photothque

70 x 70 px

FORMAT CONTENU PAGE TYPE


LIBRE
150 x 200 px ou 200 x 150px
Horizontale ou Verticale
(15 ko maxi)
Il sagit l que dune recommandation
pour viter des problmes daffichage
et de chargement lis au poids de celle-ci.
Certaines images peuvent cependant faire
lexception selon la nature de linformation.
200 px

14

PHOTOTHQUE + ZOOM EN OPEN WINDOW


Sur les gabarits de photothque, la vignette est gnre automatiquement et homothtiquement par rapport limage dorigine.
400 px

FORMAT IMAGE
ZOOM POUR OPEN
WINDOW
Longueur ou largeur
maximum : 400px
Il sagit l encore une fois
que dune recommandation
pour viter lapparition
de scroll (ascenceur) si celleci est plus grande que les
paramtres de la fentre.

FICHE COLLABORATEUR,TROMBINOSCOPE...

PHOTO DIDENTITE
65 x 90px
Respect du format impratif pour
lhomognit et la rutilisation de
celles-ci dans les fiches, trombinoscope...
65 x 90 px

15

En tte
& Pied de Page
L E S

S T Y L E S

Nom de lintranet

Arial - Majuscule - Bold - 22 px - #Couleur dominante


Accroche de lintranet

Arial - Majuscule - Regular - 10 px - #3B3B3B

Voir Principes de navigation

Positionnement, dimensions
et codes couleurs du logo

Intitul

Arial - Regular - Majuscule - 11px - #3B3B3B

9px

Filet

3px - #Couleur dominante


Background des pages #E0E0E0
Utilisation des boutons par dfaut.
Pas de style associ.

60px

#0E4096

Lien pied de page :


Arial, 11px, Bold, #3B3B3B,
non souligne uniquement
au passage de la souris

#00A6EB

Copyright :

Arial, Regular, 9px, #3B3B3B

Ce picto doit apparatre constament dans le pied


de page, il permet de remonter directement en
haut de la page consulte. Il peut tre galement
intgr la fin de chaque section.
16

La mention Groupe doit


figure en bas droite
de tous les sites du
Groupe Banque Populaire

Hirarchie
de lecture
1 Titre de la page

L A

Cartouche sur fond #Couleur


dominante
Titre : Arial - Majuscule - Bold
- 11px - toujours prcd de

PAGE T Y P E

2 Sous-titre

Arial - Bold - 16px - #Couleur


dominante

6
2

3 Intertitre

Arial - Majuscule - Bold- 11px #Couleur dominante prcd


dune puce carr (7x7px) de la
#Couleur dominante

4
3

4 Chapeau

Arial - Bold - 12px - #3B3B3B


5 Texte courrant / Paragraphe

Arial - Regular - 11px - #3B3B3B


Riche text : Majuscule - Bold - Italic #EF0808 (rouge) - lien hypertexte alignement libre (centr - gauche droite)

10
6 Lgende, Source, Auteur
Cartouche sur fond #F2F2F2

11

Arial - Regular - Italic - 11px #3B3B3B


12
7 Date

Arial - Regular - 11px - #FFFFFF


8 Note/PS
8

Arial - Regular - 9px - #3B3B3B


9 Liens courts (Lien hypertexte Bloc liens - mail - en savoir plus...)

Riche text
dsactiv
partout sauf
pour les styles
Texte courrant /
Paragraphe

11 Bloc de lien sur fond #F2F2F2


Intitul : Arial - Bold - 12 px - #3B3B3B
Lien court avec picto associ :

- Etat par dfaut : Arial - Bold 11px - #Couleur dominante


- Roll over : Mme chose mais
soulign au passage de la souris

Arial - Bold - 11 px - #Couleur dominante


12 Barre doutils
Liens courts avec picto associ :

Arial - Bold - 11 px - #Couleur dominante


Filets : 3px - #Couleur dominante

10 Liens longs (Limit 3/4 lignes Remontes dans les listing...)

- Etat par dfaut : Arial Regular - 11px - #3B3B3B +>>>


en bold + #Couleur dominante
- Roll over : Mme chose mais
soulign au passage de la souris

17

Barre outils

Editorial
& Bloc de lien

PRINCIPES DU BLOC DE LIEN ET PRESENTATION


Un bloc de lien est une liste de documents joints, de contact,
de lien vers dautres sites...
2 CAS DE FIGURE
Bloc de lien
associ
un paragraphe
par section

Barre Outils
Bloc de lien
global la
page

18

BARRE OUTILS
Elle se situe toujours en
fin de page, elle regroupe
les liens uniques de
contact, document et la
fonction dimpression.
Sil y a plusieurs contacts
ou documents :
Alors la liste saffichera
en dehors de la barre
outils dans des BLOC
DE LIEN respectifs
pour contacts et
documents.

19

GABARITS
EXEMPLES DE MISES EN PAGE

Encarts de la page daccueil


Pages de Listing & Fiches, Annuaires
FAQ & Sommaire avec liens ancrs
Formulaires & Tableaux
Recherche, Plan du site, Glossaire, Archives
Album Photo
Mail, Enqute, Newsletter
Listing des newsletter

20

21

Encarts
de remontes

LES DIFFRENTS TYPES DENCARTS

en page daccueil
- Encart simple :
titre dans cartouche de couleur
+ info sur fond gris

- Encart Quoi de neuf ? :


Tableau avec contour gris
+ alternance de fond gris
Date + dbut actu cliquable
+ lien vers archives
PONANT

- Encart Actualits :
Encarts part entire.
Affichage du titre, chapeau, dbut de texte...
+ lien archives
Encart Flash (ref.ponant):
Mise en avant des actualits A la Une de la
publication Flash + barre outils. Couleur propre
la Publication Flash

Encart vnement (ref.ponant):


Mise en avant alatoire des actualits caractre vnementielles. Fond #couleur dominante en fonction de la
provenance de lvnement.

22

Page
de listing
& Fiches,

Contour gris
#E0E0E0 de 1px

Annuaires

Intertitre sans puce

Pointills

FICHES / ANNUAIRES
Systme de fiche, tiquette...

23

FAQ &
Sommaire
avec liens ancrs

Listing avec puce carr

, entour dans un contour gris #E0E0E0.

Systme de liens ancrs avec toujours la possibilit de remonter


directement en haut de page laide du picto en bas de chaque
section droite.

FAQ

PAGE AVEC
SOMMAIRE
en haut de page
et liens ancrs
vers le dtail

24

Formulaires
&Editorial
Ta b l e a u x
Champs des FORMULAIRES et menus droulants
Contour de 1px de la #Couleur dominante

Pour les boutons


daction,
aucun style
nest appliqu,
nous utiliserons
les boutons
standards.

Intitul de colonne
Arial, 11px, Majuscule, Bold, #Blanc sur fond de couleur dominante

TABLEAUX
Pour plus de lisibilit,
rythmer les ranges des
tableaux par une alternance
de gris #F2F2F2

25

Recherche,
Plan du site,

Glossaire ,
Archives
PLAN DU SITE

GLOSSAIRE

26

MODULEdes
DE
RECHERCHE
Charte graphique
intranetsCharte
graphique des
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
ARCHIVES
intranetsCharte
graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
Barregraphique
de recherche
les archives
intranetsCharte
desdans
intranetsCharte
graphique
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
intranetsCharte graphique des intranetsCharte graphique
nets

des
des
des
des
des
des
des
des
des
des
des
des
des
des
des
des
des
des
des
des
des
des
des
des
des
des
des
des
des intra-

Album
Pho to
Largeur ou hauteur maximum des images
est de 400px

Contour gris
#E0E0E0 de 1px

Barre de navigation
entre photos
3px #Couleur dominante

Vignette gnre
automatiquement

Picto zoom qui dclenche louverture de


limage agrandit dans une nouvelle fentre

27

Mail,
Editorial
Enqute,
Newsletter

MAIL

- Soit actualit
issues du contenu
dun site
- Soit texte libre
(Anciennement mail
bfbp Tous)

NEWSLETTER

Information
plus complte,
listing dactualit :
Edito+sommaire
avec systme
de liens ancrs

ENQUTE

28

2
3
1

Listing des
Editorial
newsletter

1 Visuel gnrique issu


de la newsletter + frise
2 Numro

toujours prcds dun double


chevron de couleur cyan
Arial - Bold - 16px - #0E4096
NX

Arial - Bold - 16px - #Couleur


dominante
3 Liens du sommaire

toujours prcds dune flche


de la couleur dominante
Arial - Rgular - 11px - #0E4096

2
3

29

Vous aimerez peut-être aussi