Styles des pages
Typographie
Titre h1
Titre h2
Titre h3
Titre h3 big
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
Arrows
icon-arrow
Controls
icon-plus / icon-minus / icon-close
Recette
recette-preparation / recette-cuisson / recette-portions
Réseaux sociaux
Boutons
.btn
Bouton avec background qui grossit progressivement.
Texte dans un span.btn__label
Icon dans un span.btn__icon
Postuler maintenant
Toutes les nouvelles
Toutes les nouvelles
Toutes les nouvelles
Toutes les nouvelles
.btn--big
Variante plus grosse.
Postuler maintenant
Postuler maintenant
.onGreen (sur un parent)
Variante pour bouton sur un background vert.
Postuler maintenant
Postuler maintenant
.onRed (sur un parent)
Variante pour bouton sur un background rouge.
Postuler maintenant
Postuler maintenant
.btnIcon
Bouton avec icone au milieu.
.btnIcon--red
Forcer la couleur rouge.
.btnIcon--big
Variante plus grosse.
.btnIcon--noBG
Variante sans fond.
.navArrowsFormulaires
Accordions
Mi gravida ex ut praesent himenaeos adipiscing eleifend, dis rhoncus venenatis et varius phasellus.
Sagittis tristique nullam arcu curabitur elit a tempor vulputate fermentum mattis nisi sem habitant lorem parturient faucibus, inceptos integer nam massa nunc aliquam ridiculus fames amet lacinia posuere porta justo ex etiam litora, fringilla velit natoque dui taciti tincidunt montes cubilia curae finibus malesuada ultricies himenaeos commodo lacus.
Parturient interdum magnis commodo bibendum duis dui justo dignissim, tortor et molestie curabitur ultricies porttitor dapibus.
Vehicula aliquam curabitur arcu tellus adipiscing mauris pellentesque cubilia lobortis scelerisque placerat egestas tortor et parturient, lorem suspendisse nec quis fusce eleifend taciti litora pulvinar facilisi porta varius elit ex semper, volutpat feugiat massa potenti habitant euismod id rhoncus fames gravida aenean nisi auctor in.
Semper curae venenatis proin risus nostra sagittis mollis lacinia quisque consequat, orci pellentesque fusce tristique habitasse himenaeos feugiat quis auctor tincidunt accumsan, ridiculus nibh eleifend lectus ante lacus primis adipiscing turpis.