Démonstrateur
Styles graphiques par défaut des balises HTML

Titre 2 (H2)

Titre 3 (H3)

Titre 4 (H4)

Titre 5 (H5)
Titre 6 (H6)

Paragraph lorem ipsum...

Paragraph with text link and strong text and em text lorem ipsum...

(Pre)formatted text lorem ipsum...
Address text lorem ipsum...

Blockquote paragraph. Aliquam ultricies purus quis purus consectetur viverra. Ut aliquet fermentum nulla, eget pharetra risus rhoncus vel. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas iaculis massa vel accumsan vehicula.

  • Unordered list item
  • Unordered list item
  • Unordered list item
    • Unordered list item
    • Unordered list item
    • Unordered list item
      • Unordered list item
      • Unordered list item
      • Unordered list item
        • Unordered list item
        • Unordered list item
        • Unordered list item
  1. Ordered list item
  2. Ordered list item
  3. Ordered list item
    1. Ordered list item
    2. Ordered list item
    3. Ordered list item
      1. Ordered list item
      2. Ordered list item
      3. Ordered list item
        1. Ordered list item
        2. Ordered list item
        3. Ordered list item
Table legend
Year Results
2001 12.5 M€
2002 17 M€
2003 21.1 M€

Ligne horizontale (<hr>) :


Styles génériques transverses

Content title style

Sub-title style

Category style

Paragraph with inline uppercase text (span.uppercase), lorem ipsum dolor sit amet...

Text important paragraph (.text-important). Aliquam ultricies purus quis purus consectetur viverra. Ut aliquet fermentum nulla, eget pharetra risus rhoncus vel. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas iaculis massa vel accumsan vehicula. Integer mollis malesuada felis in iaculis. Nulla et fringilla erat, id placerat dui. Aenean tempus tincidunt lacus sit amet congue.

Text note paragraph (.text-note). Aliquam ultricies purus quis purus consectetur viverra. Ut aliquet fermentum nulla, eget pharetra risus rhoncus vel. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas iaculis massa vel accumsan vehicula. Integer mollis malesuada felis in iaculis. Nulla et fringilla erat, id placerat dui. Aenean tempus tincidunt lacus sit amet congue.

Head note paragraph (.head-note). Aliquam ultricies purus quis purus consectetur viverra. Ut aliquet fermentum nulla, eget pharetra risus rhoncus vel. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas iaculis massa vel accumsan vehicula. Integer mollis malesuada felis in iaculis. Nulla et fringilla erat, id placerat dui. Aenean tempus tincidunt lacus sit amet congue.

Paragraph with justified text (.text-justify). Aliquam ultricies purus quis purus consectetur viverra. Ut aliquet fermentum nulla, eget pharetra risus rhoncus vel. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas iaculis massa vel accumsan vehicula. Integer mollis malesuada felis in iaculis. Nulla et fringilla erat, id placerat dui. Aenean tempus tincidunt lacus sit amet congue.

Paragraph with center aligned text (.text-center).

Paragraph with right aligned text (.text-right). Aliquam ultricies purus quis purus consectetur viverra. Ut aliquet fermentum nulla, eget pharetra risus rhoncus vel. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas iaculis massa vel accumsan vehicula. Integer mollis malesuada felis in iaculis. Nulla et fringilla erat, id placerat dui. Aenean tempus tincidunt lacus sit amet congue.

button style

link action style


Styles spécifiques

Couleurs GMF : GMF Orange GMF Bleu GMF Gris

Couleurs GAMMES : auto-moto habitation sante autres-vehicules pret-immobilier prevoyance epargne protection-juridique etudes retraite-transmission-fiscalite loisirs-animaux activites-pro-vie-associative credits


Modèles (mini templates)

Content title

Paragraph with left image (class left). Mauris tempus sollicitudin urna, tempor elementum dolor tempus vel. Morbi non volutpat justo. In hac habitasse platea dictumst. Cras gravida varius quam, vitae consequat purus pharetra tempus. Aliquam ultricies purus quis purus consectetur viverra.

Ut aliquet fermentum nulla, eget pharetra risus rhoncus vel. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas iaculis massa vel accumsan vehicula. Integer mollis malesuada felis in iaculis. Nulla et fringilla erat, id placerat dui. Aenean tempus tincidunt lacus sit amet congue.

Content title

Paragraph with right image (class right). Mauris tempus sollicitudin urna, tempor elementum dolor tempus vel. Morbi non volutpat justo. In hac habitasse platea dictumst. Cras gravida varius quam, vitae consequat purus pharetra tempus. Aliquam ultricies purus quis purus consectetur viverra.

Ut aliquet fermentum nulla, eget pharetra risus rhoncus vel. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas iaculis massa vel accumsan vehicula. Integer mollis malesuada felis in iaculis. Nulla et fringilla erat, id placerat dui. Aenean tempus tincidunt lacus sit amet congue.

Content title

Paragraph in cols-2 with justified text. Mauris tempus sollicitudin urna, tempor elementum dolor tempus vel. Morbi non volutpat justo. In hac habitasse platea dictumst. Cras gravida varius quam, vitae consequat purus pharetra tempus. Aliquam ultricies purus quis purus consectetur viverra. Ut aliquet fermentum nulla, eget pharetra risus rhoncus vel. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas iaculis massa vel accumsan vehicula. Integer mollis malesuada felis in iaculis. Nulla et fringilla erat, id placerat dui. Aenean tempus tincidunt lacus sit amet congue.

Content title

Paragraph in cols-2 with justified text. Mauris tempus sollicitudin urna, tempor elementum dolor tempus vel. Morbi non volutpat justo. In hac habitasse platea dictumst. Cras gravida varius quam, vitae consequat purus pharetra tempus. Aliquam ultricies purus quis purus consectetur viverra. Ut aliquet fermentum nulla, eget pharetra risus rhoncus vel. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas iaculis massa vel accumsan vehicula. Integer mollis malesuada felis in iaculis. Nulla et fringilla erat, id placerat dui. Aenean tempus tincidunt lacus sit amet congue.

Content title

Paragraph in cols-3 with justified text. Mauris tempus sollicitudin urna, tempor elementum dolor tempus vel. Morbi non volutpat justo. In hac habitasse platea dictumst. Cras gravida varius quam, vitae consequat purus pharetra tempus. Aliquam ultricies purus quis purus consectetur viverra. Ut aliquet fermentum nulla, eget pharetra risus rhoncus vel. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Content title

Paragraph in cols-3 with justified text. Mauris tempus sollicitudin urna, tempor elementum dolor tempus vel. Morbi non volutpat justo. In hac habitasse platea dictumst. Cras gravida varius quam, vitae consequat purus pharetra tempus. Aliquam ultricies purus quis purus consectetur viverra. Ut aliquet fermentum nulla, eget pharetra risus rhoncus vel. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Content title

Paragraph in cols-3 with justified text. Mauris tempus sollicitudin urna, tempor elementum dolor tempus vel. Morbi non volutpat justo. In hac habitasse platea dictumst. Cras gravida varius quam, vitae consequat purus pharetra tempus. Aliquam ultricies purus quis purus consectetur viverra. Ut aliquet fermentum nulla, eget pharetra risus rhoncus vel. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Entete Colonne Entete Colonne Entete Colonne
Entete ligne 1 Contenu Ligne 1 Colonne 1 Contenu Ligne 1 Colonne 2 Contenu Ligne 1 Colonne 3
Entete ligne 2 Contenu Ligne 2 Colonne 1 Contenu Ligne 2 Colonne 2 Contenu Ligne 2 Colonne 3