
SurtitleSection title to the left
SurtitleSection title centred
SurtitleSection title on the right
#focusBlockMEA block title Subtitle
Highlights
These are the elements most frequently used on the site: the integration of these elements must be perfect.
Title 2 – Mega title
Title 2
Title 3
Title 4
Title 5
Morbi mattis ullamcorper velit. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Vivamus in erat ut urna cursus vestibulum. Praesent ac massa at ligula laoreet iaculis.
In consectetuer turpis ut velit. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros. Aenean commodo ligula eget dolor. Fusce vel dui.
- List item 1
- List item 2
- List item 3
Title 2 – Mega title
Title 2
Title 3
Title 4
Title 5
Morbi mattis ullamcorper velit. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Vivamus in erat ut urna cursus vestibulum. Praesent ac massa at ligula laoreet iaculis.
In consectetuer turpis ut velit. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros. Aenean commodo ligula eget dolor. Fusce vel dui.
- List item 1
- List item 2
- List item 3
Title 2 – Mega title
Title 2
Title 3
Title 4
Title 5
Morbi mattis ullamcorper velit. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Vivamus in erat ut urna cursus vestibulum. Praesent ac massa at ligula laoreet iaculis.
In consectetuer turpis ut velit. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros. Aenean commodo ligula eget dolor. Fusce vel dui.
- List item 1
- List item 2
- List item 3
Title 2 – Mega title
Title 2
Title 3
Title 4
Title 5
Morbi mattis ullamcorper velit. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Vivamus in erat ut urna cursus vestibulum. Praesent ac massa at ligula laoreet iaculis.
In consectetuer turpis ut velit. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros. Aenean commodo ligula eget dolor. Fusce vel dui.
- List item 1
- List item 2
- List item 3
- Donec vitae sapien?
Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Nam commodo suscipit quam. Aenean massa. Aenean imperdiet. Donec id justo.
Phasellus tempus. Maecenas nec odio et ante tincidunt tempus. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. In ut quam vitae odio lacinia tincidunt. Fusce neque.
- Suspendisse pulvinar augue ac ?
Donec id justo. Vestibulum dapibus nunc ac augue. Vestibulum eu odio. Fusce a quam. Praesent congue erat at massa.
Phasellus viverra nulla ut metus varius laoreet. Cras sagittis. Duis leo. Ut leo. Cras sagittis.
Sed hendrerit. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero, non adipiscing dolor urna a orci. Donec mollis hendrerit risus. Mauris turpis nunc, blandit et, volutpat molestie, porta ut, ligula.
- Mauris sollicitudin fermentum libero ?
Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Cras id dui. Vestibulum suscipit nulla quis orci. Curabitur vestibulum aliquam leo. Pellentesque auctor neque nec urna.
Button block
The main and secondary buttons must be clearly distinguishable, with an identifiable hover and a coherent hierarchy.
Share links
Make sure that all the coloured backgrounds are well managed and that the share buttons are consistent with the site’s charter.
Form
Quotes
Check that all quotations behave correctly against the different coloured backgrounds, including illustrated inverted commas where appropriate.
Suspendisse feugiat. Nunc sed turpis. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In hac habitasse platea dictumst. Etiam rhoncus.


Suspendisse feugiat. Nunc sed turpis. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In hac habitasse platea dictumst. Etiam rhoncus.

Suspendisse feugiat. Nunc sed turpis. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In hac habitasse platea dictumst. Etiam rhoncus.

Suspendisse feugiat. Nunc sed turpis. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In hac habitasse platea dictumst. Etiam rhoncus.

Suspendisse feugiat. Nunc sed turpis. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In hac habitasse platea dictumst. Etiam rhoncus.

Suspendisse feugiat. Nunc sed turpis. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. In hac habitasse platea dictumst. Etiam rhoncus.
Tab groups
Each tab group layout makes it easy to identify when an action is required, and the horizontal/vertical behaviour is well managed. Coloured backgrounds are optimally managed.
Check that the elements of a gallery comply with the graphic charter (rounding, shading, copyright) and that the indentation of the margins does not pose a problem.




BlockInteractive media gallery
Interactive galleries must behave in a consistent way, with texts open or closed, and the action button must be visible and consistent with the style of the site.
Section classes / customised blocks To be completed
This section should be completed if the site has customised sections or blocks (section classes, layout, colour, interactive map, etc.). Note that the list of section classes can be found on the dashboard.