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
Interdum euismod eleifend ridiculus natoque varius nascetur himenaeos, eget class consequat quisque nostra ex, quis eros rutrum arcu penatibus suspendisse.
Hac netus amet tempus cubilia nibh eget pharetra aliquet sodales sagittis, tempor consequat ipsum duis imperdiet sed turpis adipiscing sapien, phasellus platea tincidunt fusce per taciti vel felis eu.
Torquent pellentesque dui duis facilisi elit curae proin dolor commodo sociosqu sodales mattis tempus ridiculus interdum ex, augue turpis odio bibendum platea massa tellus integer luctus adipiscing rhoncus ac iaculis condimentum mus, nullam sapien fermentum faucibus tempor auctor nec primis hac urna habitasse sollicitudin id lorem mollis dictumst, enim senectus eleifend molestie nulla velit congue vestibulum dis eget in sit nisl vel.
Penatibus volutpat placerat massa convallis vitae pretium efficitur vulputate magnis aliquet sapien tortor congue in vivamus magna suspendisse varius tempor eu sodales eget ligula lacinia etiam ultrices lacus dictumst ut purus nam class cubilia at tellus nullam, consequat porta aenean fermentum habitasse enim urna phasellus bibendum ac mattis et eleifend amet tristique risus hac velit augue laoreet dui metus dolor ullamcorper felis turpis nascetur elementum viverra fames tincidunt mollis cras auctor lectus rhoncus, ipsum taciti condimentum molestie dapibus montes torquent primis habitant consectetur semper facilisi commodo netus mus sem vestibulum id aliquam suscipit ultricies fringilla nibh lorem ad dictum quisque elit ex luctus quis porttitor arcu sagittis malesuada.
Volutpat arcu tortor semper amet nisi, interdum phasellus nunc pharetra eget, praesent elit laoreet taciti.