Typographie
Titre h1
Titre h2
Titre h3
Ce titre est accompagné d'une icone
Lorem ipsum dolor sit amet consectetur adipisicing elit. At dolores, exercitationem voluptatem modi fuga enim similique assumenda fugit, eum reprehenderit laboriosam veritatis temporibus mollitia, hic id ex error quod blanditiis provident voluptatibus repudiandae officiis quae pariatur? Accusantium a vitae voluptatibus officiis deleniti quidem minima doloribus recusandae error aliquam inventore dolores dolorum consequatur esse odio tempore, impedit sapiente enim, ipsum eveniet.
Lorem ipsum dolor sit amet consectetur adipisicing elit. At dolores, exercitationem voluptatem modi fuga enim similique assumenda fugit, eum reprehenderit laboriosam veritatis temporibus mollitia, hic id ex error quod blanditiis provident voluptatibus repudiandae officiis quae pariatur? Accusantium a vitae voluptatibus officiis deleniti quidem minima doloribus recusandae error aliquam inventore dolores dolorum consequatur esse odio tempore, impedit sapiente enim, ipsum eveniet.
Titre h2 pour accompagner texte
Lorem ipsum dolor sit amet consectetur adipisicing elit. At dolores, exercitationem voluptatem modi fuga enim similique assumenda fugit, eum reprehenderit laboriosam veritatis temporibus mollitia, hic id ex error quod blanditiis provident voluptatibus repudiandae officiis quae pariatur? Accusantium a vitae voluptatibus officiis deleniti quidem minima doloribus recusandae error aliquam inventore dolores dolorum consequatur esse odio tempore, impedit sapiente enim, ipsum eveniet.
Ab impedit iure nam repudiandae nisi blanditiis, fugit eum mollitia pariatur suscipit exercitationem laudantium enim officiis optio fugiat saepe numquam omnis inventore doloribus excepturi! Hic atque facilis dignissimos aliquid illum impedit optio delectus? Facilis quibusdam rem est doloribus reprehenderit dicta sapiente natus ipsa vel mollitia veniam labore dolorum quidem impedit quod facere quis, quae harum cum asperiores alias corrupti temporibus.
Lorem, ipsum dolor sit amet consectetur adipisicing elit adipisicing elit. Labore in ipsa adipisci consectetur, est ipsam quis suscipit ipsum delectus nihil tempora id nulla sit cupiditate provident quod maiores eos repellat quibusdam. Asperiores laborum illo optio est ratione hic eveniet libero cupiditate sunt eum incidunt sit nulla amet quod veritatis beatae sint voluptates debitis nihil corrupti, exercitationem iusto earum! Delectus ullam reiciendis provident quo accusamus repellendus quibusdam tempora, nihil iure saepe veritatis vel, maiores, rerum et nulla dolore quia perspiciatis reprehenderit quaerat! Officia, inventore neque. At saepe ratione consequatur excepturi. Itaque, tempora nihil! Earum amet nobis, adipisci totam dolorem explicabo repellat!
- Lorem ipsum dolor sit amet.
- Quam tempore quia nisi modi!
- Facilis sed rerum at quisquam!
- Repellat consequuntur praesentium quo laboriosam.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium quam, dolore aperiam excepturi numquam et voluptatibus, quos odit deleniti soluta voluptas maiores iusto ducimus quod deserunt obcaecati velit esse doloremque!
Titre de niveau 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor molestiae aperiam atque, aut accusamus assumenda soluta saepe ex, tempora non possimus, quidem vitae voluptatibus! Ratione expedita nostrum, rerum dignissimos velit facilis, alias ad nihil placeat perspiciatis modi ea laudantium hic fugit fuga voluptatibus, quia aliquam nisi deserunt iure delectus molestiae accusamus quaerat. Impedit iste laudantium repellendus illum, labore cum provident vitae expedita fuga sequi atque numquam adipisci illo corporis eos consequatur id eveniet blanditiis porro debitis cumque? Sint ut, illo.
Titre de niveau 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem recusandae vel aspernatur id harum ipsa culpa maiores totam facere distinctio delectus, molestiae obcaecati placeat vero officia nihil soluta laboriosam expedita!
Titre de niveau 2
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor molestiae aperiam atque, aut accusamus assumenda soluta saepe ex, tempora non possimus, quidem vitae voluptatibus! Ratione expedita nostrum, rerum dignissimos velit facilis, alias ad nihil placeat perspiciatis modi ea laudantium hic fugit fuga voluptatibus, quia aliquam nisi deserunt iure delectus molestiae accusamus quaerat. Impedit iste laudantium repellendus illum, labore cum provident vitae expedita fuga sequi atque numquam adipisci illo corporis eos consequatur id eveniet blanditiis porro debitis cumque? Sint ut, illo.
Titre de niveau 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem recusandae vel aspernatur id harum ipsa culpa maiores totam facere distinctio delectus, molestiae obcaecati placeat vero officia nihil soluta laboriosam expedita!
Listes
Base
- Lorem ipsum
- Totam harum blanditiis
- Tempore earum soluta ed veritatis sunt
- Sed veritatis
- Lorem ipsum
- Totam harum blanditiis
- Tempore earum soluta ed veritatis sunt
- Sed veritatis
Liste standard : .list
- Lorem ipsum
- Totam harum blanditiis
- Tempore earum soluta ed veritatis sunt
- Sed veritatis
Liste sans style : .listNS
- Lorem ipsum
- Totam harum blanditiis
- Tempore earum soluta ed veritatis sunt
- Sed veritatis
Liste inline horizontale : .listInline
- Lorem ipsum
- Totam harum blanditiis
- Tempore earum soluta ed veritatis sunt
- Sed veritatis
Liste inline horizontale plus grosse avec séparateurs : .listInlineBig
- Lorem ipsum
- Totam harum blanditiis
- Tempore earum soluta ed veritatis sunt
- Sed veritatis
Icônes
Base
icon-arrow
icon-arrow avec background jaune
icon-close | icon-close-sm
icon-search-listing | icon-search-listing-one-color
icon-question | icon-question-one-color
icon-search
icon-mail
Réseaux sociaux
Logos
Boutons
.btn
Bouton standard.
Texte dans un span.btn__label
Icon dans un span.btn__icon
Postuler maintenant
Postuler maintenant
.btn--black
Variante de bouton avec fond noir.
Postuler maintenant
Postuler maintenant
.btn--wide
Variante de bouton plus large.
Postuler maintenant
Postuler maintenant
.btn--sm
Variante de bouton plus étroit.
Postuler maintenant
Postuler maintenant
.btn--iconMobile
Variante qui affiche le texte sur desktop mais uniquement l'icone sur mobile.
Retour
.onDark (sur un parent)
Variante pour bouton sur un background foncé.
Postuler maintenant
Postuler maintenant
.btnSubtle
Bouton subtile sans background.
Texte dans un span.btnSubtle__label
Icon dans un span.btnSubtle__icon
En savoir plus
En savoir plus
Retour
.btnSubtle--close
Variante de bouton pour le bouton "Fermer".
.btnIcon
Bouton avec icone au milieu. Par défaut, on hover l'icone pâlit.
.btnIcon .btnIcon--noBG
Variante sans background.
.btnIcon .btnIcon--round
Variante avec background rond.
.navArrows