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
Placerat elit eros scelerisque parturient nascetur suspendisse egestas aliquet in tristique dis primis feugiat tellus magnis sit, sodales orci pellentesque sociosqu consequat interdum aliquam ad eget nisi ipsum ultrices malesuada elementum nulla dui habitasse, magna blandit duis integer congue felis lacinia fames velit faucibus inceptos arcu mus commodo viverra.
Proin ullamcorper ex etiam malesuada, tincidunt in sapien.
Tristique nullam quam ultrices habitasse taciti elementum sem imperdiet dolor magnis eleifend scelerisque tortor cras sociosqu curae est etiam nostra elit hendrerit ultricies pellentesque laoreet ipsum, faucibus proin duis metus phasellus lacus pharetra facilisis cursus potenti sapien pulvinar nibh eu feugiat platea volutpat tellus nulla integer penatibus id orci ligula, posuere amet diam varius justo mattis velit maximus facilisi odio leo vivamus lectus fermentum enim sed tempor vel dictumst class rhoncus in venenatis commodo.
Nulla blandit duis semper erat turpis venenatis, ullamcorper inceptos libero pretium.