1. Accueil  
  2. Design  
  3. Bases  
  4. Citations

Citations

La citation est un style typographique utilisé pour mettre en évidence le discours d’une personne ou citer la source d’un texte.

Exemple : citation longue en français

Voilà une excellente nouvelle pour la région du Nord-du-Québec. Grâce à cet investissement majeur de notre gouvernement, nous pourrons loger davantage de travailleurs et leurs familles, ce qui renforcera la vitalité économique de nos communautés. 

Pierre Dufour

Ministre des Forêts, de la Faune et des Parcs, ministre responsable de la région de l’Abitibi-Témiscamingue et de la région du Nord-du-Québec et député d’Abitibi-Est

Exemple : citation courte en anglais

I have to constantly use creativity and imagination to impart knowledge to my students, but that’s also what drives me on a daily basis.

Karel

Teacher


Quand l’utiliser

Lorsqu’une citation résume l’essentiel d’un discours ou présente le passage clé d’un texte, il est pertinent de la mettre en valeur par les styles de citation.

Comment l’utiliser

Il existe deux styles de citations : la « citation longue » et la « citation courte ».

Dans les deux cas, la citation doit être concise :

  • S’il s’agit d’une longue citation : viser un maximum de 280 caractères.
  • S’il s’agit d’une courte citation : viser un maximum de 140 caractères.

Ajouter un bloc de citation seulement s’il ajoute de la valeur à la page en citant, par exemple, les personnes importantes qui commentent un sujet.

Minimiser l'utilisation de blocs de citation sur une page : éviter de les mettre les uns à la suite des autres.

Il ne faut pas inclure de guillemets lors de l’intégration du texte de citation : les guillemets seront ajoutés automatiquement par le style CSS.

Informations techniques

Tailles des caractères

La citation est constituée des éléments suivants.

Le paragraphe de citation peut être paramétré avec un de ces deux styles :

  • En taille de caractères de 18 px, lorsqu’il s’agit d’une citation longue.
  • En taille de caractères de 31 px, lorsqu’il s’agit d’une citation courte.

La mention du nom de l’auteur.

Le titre de l’auteur, qui est facultatif.

Apparence des libellés

Paragraphe de citation (longue)

Police de caractère : Open Sans
Taille : 18 px / 28 px
Graisse : semibold

Paragraphe de citation (courte)

Police de caractère : Open Sans
Taille : 31 px / 48 px
Graisse : semibold

Mention du nom de l’auteur

Police de caractère : Open Sans
Taille : 16 px / 24 px
Graisse : semibold

Titre de l’auteur

Police de caractère : Open Sans
Taille : 14 px / 20 px
Graisse : regular

Espacements

Le bloc de citation a un espacement de 48 px en haut et en bas.

La citation longue a un espacement de 32 px à gauche et à droite, alors que dans la citation courte, il est de 40 px.

Entre le paragraphe de citation et la mention du nom de l’auteur, il y a un espacement de 16 px.

À gauche de la mention du nom de l’auteur, il y a un long tiret de 24 px de large par 1 px de haut. Il y a un dégagement de 8 px entre le tiret et la mention.

Guillemets

Les guillemets sont générés automatiquement par le style CSS selon la langue définie. En ajoutant un attribut « lang=fr », le CSS doit générer des guillemets français (en chevrons doubles, ouvrant puis fermant), alors qu’un attribut « lang=en » doit générer des guillemets droits doubles.

Dernière mise à jour : 14 novembre 2023

Évaluation de page

L’information sur cette page vous a-t-elle été utile?
Avis général

Des questions ou besoin de renseignements?

Communiquez avec Services Québec