Modèle d’article

Le Titre de l’article est un « Titre 1 ». Idéalement il ne faut pas utiliser d’autres Titre 1 dans les articles web pour des raisons de référencement (notamment google).

Charte graphique

Styles et polices des textes du site

Styles des Titres

Titre 1  :

Couleur du texte : blanc #fff : rouge(255) bleu(255) vert(255)

Typographie : Trebuchet MS (gras, majuscule et centré)

Taille du texte : 140%

Couleur du fond : bleu-vert #3B797A : rouge(59) bleu(121) vert(122)

Titre 2 :

Couleur du texte : blanc #fff : rouge(255) bleu(255) vert(255)

Typographie : Trebuchet MS (normal et centré)

Taille du texte : 120%

Couleur du fond : bleu-vert #3B797A : rouge(59) bleu(121) vert(122)

Titre 3 :

Couleur du texte : bleu-vert #3B797A : rouge(59) bleu(121) vert(122)

Typographie : Trebuchet MS (gras et centré)

Taille du texte : 110%

Cadre (ligne supérieure et inférieure): bleu-vert #3B797A : rouge(59) bleu(121) vert(122)

Titre 4 :

Couleur du texte : bleu-vert #3B797A : rouge(59) bleu(121) vert(122)

Typographie : Trebuchet MS (normal et centré)

Taille du texte : 100%

Cadre (ligne inférieure): bleu-vert #3B797A : rouge(59) bleu(121) vert(122)

Titre 5 :

Couleur du texte : vert-foncé #538135 : rouge(83) bleu(129) vert(53)

Typographie : Trebuchet MS (normal et souligné)

Taille du texte : 100%

Autres Styles de texte

Corps de texte :

Couleur du texte : Gris-foncé #4c4c4c : rouge(76) bleu(76) vert(76)

Typographie : Lucida Grande (normal et justifié)

Taille du texte : 80%

Boutons d’action :

Couleur du texte : blanc #fff : rouge(255) bleu(255) vert(255)

Typographie : Lucida Grande (normal)

Taille du texte : 90%

Couleur du fond : vert-clair #95AD2A : rouge(149) bleu(173) vert(42)

Catégories :

Couleur du texte : blanc #fff : rouge(255) bleu(255) vert(255)

Typographie : Trebuchet MS (normal)

Taille du texte : 70%

Couleur du fond : vert-foncé #538135 : rouge(83) bleu(129) vert(53)

Autres couleurs du site

background général :

Gris-bleu pâle : rouge(230) bleu(230) vert(240)

background des menus latéraux et infos secondaires :

Bleu très pâle : rouge(245) bleu(245) vert(255)

Exemple de mise en forme

Le Titre 3 contient généralement plus de texte et se colle au titre 2 lorsqu’il le suit immédiatement

Le Titre 4 ne peut dépasser 80% de la largeur de l’article même sur plusieurs lignes

Le Titre 5 pondère légèrement le texte :

Lorem ipsum dolor sit amet, cum numquam vivendo ad, ut ridens luptatum pro. Cum animal iisque posidonium ut, pro zril commodo no, ea posse verear eloquentiam his. Duo et dicta voluptaria argumentum, his ex sanctus assueverit. Sit elit dicat molestiae ea, ex reque nostro mei, ut legere euismod debitis usu. Ad per quas quidam.

Tale atomorum id mei. Cum discere menandri ad, ceteros luptatum consetetur mel et, in alterum probatus mediocrem sea. Phaedrum platonem hendrerit vel no, nusquam propriae ut his. Possim appetere repudiare eu mel, verear accusata mandamus pro ex. Aeque epicuri intellegebat ius et.

Duo et dicta voluptaria argumentum, his ex sanctus assueverit

Le verear eloquentiam his :

Lorem ipsum dolor sit amet, cum numquam vivendo ad, ut ridens luptatum pro. Cum animal iisque posidonium ut, pro zril commodo no, ea posse verear eloquentiam his. Duo et dicta voluptaria argumentum, his ex sanctus assueverit. Sit elit dicat molestiae ea, ex reque nostro mei, ut legere euismod debitis usu. Ad per quas quidam.

Cum discere menandri ad :

Tale atomorum id mei. Cum discere menandri ad, ceteros luptatum consetetur mel et, in alterum probatus mediocrem sea. Phaedrum platonem hendrerit vel no, nusquam propriae ut his. Possim appetere repudiare eu mel, verear accusata mandamus pro ex. Aeque epicuri intellegebat ius et.