Charte Graphique

Cette page spéciale fournit la définition des styles graphiques pour les différents éléments textuels utilisés pour la création du contenu des pages Web. Quelques recommandations techniques sont également indiquées pour la création des fichiers illustrations et photos, notamment pour le format et la résolution.

Les titres, paragraphes et liens hypertexte

Titre H1 - Grand titre de page

Utilisé pour le titre principal de certaines pages (Mentions légales, ...)
Police: Montserrat • Taille: 38px • Graisse: 400 • Couleur: #494949

Titre H2 - Titre de section

Utilisé pour le titre des sections à l'intérieur des pages
Police: Montserrat • Taille: 30px • Graisse: 400 • Couleur: #494949

Titre H3 - Sous-titre de section

Utilisé pour les sous-titres des sections à l'intérieur des pages
Police: Montserrat • Taille: 20px • Graisse: 500 • Couleur: #494949

Titre H4 - Sous-titre 2 de section

Utilisé pour les sous-titres de niveau 2 pour les sections à l'intérieur des pages
Police: Roboto • Taille: 18px • Graisse: 400 • Couleur: #494949

Titre H5 - Légende pour photos et illustrations

Utilisé pour les légendes des photos et illustrations
Police: Roboto • Taille: 15px • Graisse: 400 • Couleur: #555555

Titre H6 - Note

Utilisé pour les notes et indications pendant la phase de développement du site internet (comme cette indication)
Police: Roboto • Taille: 14px • Graisse: 400 • Style: Italique • Couleur: #919191

Paragraphe

Suspendisse consequat nibh a mauris. Curabitur libero ligula, faucibus at, mollis ornare, mattis et, libero. Aliquam pulvinar congue pede. Fusce condimentum turpis vel dolor. Ut blandit. Sed elementum justo quis sem. Sed eu orci eu ante iaculis accumsan.

Sed suscipit dolor quis mi. Curabitur ultrices nonummy lacus. Morbi ipsum ipsum, adipiscing eget, tincidunt vitae, pharetra at, tellus. Nulla gravida, arcu eget dictum eleifend, velit ligula suscipit nibh, sagittis imperdiet metus nunc non pede. Aenean congue pede in nisi tristique interdum. Sed commodo, ipsum ac dignissim ullamcorper, odio nulla venenatis nisi, in porta dolor neque venenatis lacus. Pellentesque fermentum.

Mauris sit amet ligula ut tellus gravida mattis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum semper enim non eros. Sed vitae arcu. Aliquam erat volutpat. Praesent odio nisl, suscipit at, rhoncus sit amet, porttitor sit amet, leo. Aenean hendrerit est. Etiam ac augue. Morbi tincidunt neque ut lacus. Duis vulputate cursus orci.

Mauris justo lorem, scelerisque sit amet, placerat sed, condimentum in, leo. Donec urna est, semper quis, auctor eget,

Utilisé pour le corps de texte dans les paragraphes
Police: Roboto • Taille: 16px • Graisse: 400 • Couleur: #494949

Liens hypertexte

Ceci est un lien hypertexte.

Réglages par défaut du thème pour l'instant

Les images

Les photos et illustrations utilisées dans les pages Web du site doivent respecter les contraintes techniques suivantes :

Photographies

Format JPEG
Nveau de compression à 80%
Profil colorimétrique sRVB
Résolution 72 dpi en standard et 144 dpi pour les écrans Retina
Dimensions à définir en fonction de l’utilisation dans la page (vignette, banner, …)

Illustrations

Format PNG sans fond
Profil colorimétrique sRVB
Résolution 72 dpi en standard et 144 dpi pour les écrans Retina
Dimensions à définir en fonction de l’utilisation dans la page (vignette, banner, …)

Palette de couleurs

Titre (sombre) : #383838

Texte / bouton : #797979

Bouton (rouge) : #B92528

Fond (gris clair) : #DADADA