LA
Styleguide
Découvrez tous les éléments disponibles pour la création de votre contenu éditorial.
Un souci ?
Demandez-nous !
Texte et image – gauche & droite
Lorem ipsum dolor sit amet consectetuer sapien interdum egestas ipsum morbi. Ut ac fringilla nibh semper In nibh velit Vivamus mauris Sed. Laoreet cursus risus congue porttitor Nulla iaculis sapien massa id augue. Suspendisse vitae odio vitae laoreet urna augue feugiat et suscipit.
Image à gauche, et texte sans fond débordant sur l’image
Velit tempus Sed suscipit ligula Nulla ut nibh laoreet pulvinar nibh. Netus Quisque dui dui felis Phasellus sed laoreet pellentesque et orci. Malesuada id sed magna est Sed ante montes eu dis wisi. Justo ipsum venenatis condimentum laoreet et non at lacus netus Aenean. Ac Aenean semper.
Texte et images sur deux colonnes
Vel quam sit senectus vitae mollis Aenean tincidunt rutrum eget non. Convallis est nibh Vestibulum Donec mauris ut dui pede pellentesque porttitor. Lorem Quisque mollis.
Lorem ipsum dolor sit amet consectetuer sapien interdum egestas ipsum morbi. Ut ac fringilla nibh semper In nibh velit Vivamus mauris Sed. Laoreet cursus risus congue porttitor Nulla iaculis sapien massa id augue. Suspendisse vitae odio vitae laoreet urna augue feugiat et suscipit.
Texte 2 de texte et images sur deux colonnes
Velit tempus Sed suscipit ligula Nulla ut nibh laoreet pulvinar nibh. Netus Quisque dui dui felis Phasellus sed laoreet pellentesque et orci. Malesuada id sed magna est Sed ante montes eu dis wisi. Justo ipsum venenatis condimentum laoreet et non at lacus netus Aenean. Ac Aenean semper.
Texte et image – gauche & droite
Lorem ipsum dolor sit amet consectetuer sapien interdum egestas ipsum morbi. Ut ac fringilla nibh semper In nibh velit Vivamus mauris Sed. Laoreet cursus risus congue porttitor Nulla iaculis sapien massa id augue. Suspendisse vitae odio vitae laoreet urna augue feugiat et suscipit.
Image à droite, et texte boxé sur fond vert
Velit tempus Sed suscipit ligula Nulla ut nibh laoreet pulvinar nibh. Netus Quisque dui dui felis Phasellus sed laoreet pellentesque et orci. Malesuada id sed magna est Sed ante montes eu dis wisi. Justo ipsum venenatis condimentum laoreet et non at lacus netus Aenean. Ac Aenean semper.
Texte complémentaire sur fond image
Lien contact
Le pod
Pavé avec images et liste
Lorem ipsum dolor sit amet consectetuer sapien interdum egestas ipsum morbi. Ut ac fringilla nibh semper In nibh velit Vivamus mauris Sed. Laoreet cursus risus congue porttitor Nulla iaculis sapien massa id augue. Suspendisse vitae odio vitae laoreet urna augue feugiat et suscipit.
-
Elément de liste numéro 1 -
Elément de liste numéro 2 -
Elément de liste numéro 3 -
Elément de liste numéro 4
Texte simple en colonne large
Lorem ipsum dolor sit amet consectetuer sapien interdum egestas ipsum morbi. Ut ac fringilla nibh semper In nibh velit Vivamus mauris Sed. Laoreet cursus risus congue porttitor Nulla iaculis sapien massa id augue. Suspendisse vitae odio vitae laoreet urna augue feugiat et suscipit.
Netus Quisque dui dui felis Phasellus sed laoreet pellentesque et orci. Malesuada id sed magna est Sed ante montes eu dis wisi. Justo ipsum venenatis condimentum laoreet et non at lacus netus Aenean. Ac Aenean semper.
- une première entrée de liste à puces
- une seconde entrée de cette même liste
- et enfin, une troisième entrée.
Vel quam sit senectus vitae mollis Aenean tincidunt rutrum eget non. Convallis est nibh Vestibulum Donec mauris ut dui pede pellentesque porttitor. Lorem Quisque mollis.
Deux pavés de textes avec illustrations
Lorem ipsum dolor sit amet consectetuer sapien interdum egestas ipsum morbi. Ut ac fringilla nibh semper In nibh velit Vivamus mauris Sed. Laoreet cursus risus congue porttitor Nulla iaculis sapien massa id augue. Suspendisse vitae odio vitae laoreet urna augue feugiat et suscipit.
Deuxième pavé de ce bloc
Lorem ipsum dolor sit amet consectetuer sapien interdum egestas ipsum morbi. Ut ac fringilla nibh semper In nibh velit Vivamus mauris Sed. Laoreet cursus risus congue porttitor Nulla iaculis sapien massa id augue. Suspendisse vitae odio vitae laoreet urna augue feugiat et suscipit.
Ici les notes de fin de liste...
Texte simple et centré
Lorem ipsum dolor sit amet consectetuer sapien interdum egestas ipsum morbi. Ut ac fringilla nibh semper In nibh velit Vivamus mauris Sed. Laoreet cursus risus congue porttitor Nulla iaculis sapien massa id augue. Suspendisse vitae odio vitae laoreet urna augue feugiat et suscipit.
Ci-dessous « Illustrations ». « Illustrations » ne permet pas de renseigner un titre. Pour toute section avec cette problématique, utiliser le texte simple et centré.
Texte en trois colonnes avec images d’illustrations
Lorem ipsum dolor sit amet consectetuer sapien interdum egestas ipsum morbi. Ut ac fringilla nibh semper In nibh velit Vivamus mauris Sed. Laoreet cursus risus congue porttitor Nulla iaculis sapien massa id augue. Suspendisse vitae odio vitae laoreet urna augue feugiat et suscipit.
Texte en trois colonnes avec images d’illustrations
Lorem ipsum dolor sit amet consectetuer sapien interdum egestas ipsum morbi. Ut ac fringilla nibh semper In nibh velit Vivamus mauris Sed. Laoreet cursus risus congue porttitor Nulla iaculis sapien massa id augue. Suspendisse vitae odio vitae laoreet urna augue feugiat et suscipit.
Texte en trois colonnes avec images d’illustrations
Lorem ipsum dolor sit amet consectetuer sapien interdum egestas ipsum morbi. Ut ac fringilla nibh semper In nibh velit Vivamus mauris Sed. Laoreet cursus risus congue porttitor Nulla iaculis sapien massa id augue. Suspendisse vitae odio vitae laoreet urna augue feugiat et suscipit.
Zone shortocode pour les développeurs
Galerie d’images
Lorem ipsum dolor sit amet consectetuer sapien interdum egestas ipsum morbi. Ut ac fringilla nibh semper In nibh velit Vivamus mauris Sed. Laoreet cursus risus congue porttitor Nulla iaculis sapien massa id augue. Suspendisse vitae odio vitae laoreet urna augue feugiat et suscipit.
Accordéons
Lorem ipsum dolor sit amet consectetuer sapien interdum egestas ipsum morbi. Ut ac fringilla nibh semper In nibh velit Vivamus mauris Sed. Laoreet cursus risus congue porttitor Nulla iaculis sapien massa id augue. Suspendisse vitae odio vitae laoreet urna augue feugiat et suscipit.
Question numéro 1
Réponse 1
Lorem ipsum dolor sit amet consectetuer sapien interdum egestas ipsum morbi. Ut ac fringilla nibh semper In nibh velit Vivamus mauris Sed. Laoreet cursus risus congue porttitor Nulla iaculis sapien massa id augue. Suspendisse vitae odio vitae laoreet urna augue feugiat et suscipit.
Question numéro 2
Réponse 2
Lorem ipsum dolor sit amet consectetuer sapien interdum egestas ipsum morbi. Ut ac fringilla nibh semper In nibh velit Vivamus mauris Sed. Laoreet cursus risus congue porttitor Nulla iaculis sapien massa id augue. Suspendisse vitae odio vitae laoreet urna augue feugiat et suscipit.
Question numéro n
Réponse n
Lorem ipsum dolor sit amet consectetuer sapien interdum egestas ipsum morbi. Ut ac fringilla nibh semper In nibh velit Vivamus mauris Sed. Laoreet cursus risus congue porttitor Nulla iaculis sapien massa id augue. Suspendisse vitae odio vitae laoreet urna augue feugiat et suscipit.
Contenus liés
On peut ici associer des contenus, actus, pages, espaces. On peut tout mélanger, mais ce n’est pas recommandé.
Téléchargements
Lorem ipsum dolor sit amet consectetuer sapien interdum egestas ipsum morbi. Ut ac fringilla nibh semper In nibh velit Vivamus mauris Sed. Laoreet cursus risus congue porttitor Nulla iaculis sapien massa id augue. Suspendisse vitae odio vitae laoreet urna augue feugiat et suscipit.
