Modèle d’article
· Date de publication : 02/12/2016 · Date de modification : 13/04/2022
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.
