Listes

Base

  1. Lorem ipsum
  2. Totam harum blanditiis
  3. Tempore earum soluta ed veritatis sunt
  4. Sed veritatis

Liste standard : .list

Liste sans style : .listNS

Liste inline horizontale : .listInline

Liste inline horizontale plus grosse avec séparateurs : .listInlineBig

Icônes

Base

icon-arrow-down

icon-arrow-left

icon-arrow-right

icon-arrow-up

icon-arrow-simple-down

icon-arrow-simple-left

icon-arrow-simple-right

icon-arrow-simple-up

icon-close

icon-download

icon-grid

icon-list

icon-location

icon-loupe

icon-play

icon-plus

Dans le menu principal

icon-dev-durable

icon-realisations

icon-ressources

Marchés

marche-sante

Performance

performer-acoustique

performer-durabilite

performer-securite

performer-entretien

performer-esthetique

Solutions

solution-durabilite

Ressources

ressource-brochure

ressource-certifications

ressource-decouverte

ressource-document

ressource-documentation

ressource-formations

ressource-garantie

ressource-installation-entretien

Réseaux sociaux

Boutons

.btn
Bouton standard.
Postuler maintenant Postuler maintenant

.btn--hoverBlanc
Variante avec hover blanc.
Postuler maintenant Postuler maintenant

.btn--orange
Variante orange.
Postuler maintenant Postuler maintenant

.btn--orangeHoverBlanc
Variante orange avec hover blanc.
Postuler maintenant Postuler maintenant

.btn--sm
Variante petite taille.
Postuler maintenant Postuler maintenant

.btn--wide
Variante large.
Postuler maintenant Postuler maintenant

.btn--stroked
Variante avec contour.
Postuler maintenant Postuler maintenant

.btn--offset
Variante avec décalage.
Voir nos produits Voir nos produits
Voir nos produits Voir nos produits

.btn--textLink
Variante qui ressemble beaucoup à un simple lien texte.
Postuler maintenant Postuler maintenant

.btn--textLinkUL
Variante qui ressemble beaucoup à un simple lien texte.
Postuler maintenant Postuler maintenant

.btn--plain
Variante dans les panels du menu principal.
Contact Contact


Il y a 2 possibilités de background foncé : gris ou orange.
On gère les couleurs de boutons manuellement, excepté pour le bouton .btn--stroked et .btn--textLinkUL

Postuler maintenant Postuler maintenant
Postuler maintenant

Postuler maintenant Postuler maintenant
Postuler maintenant

.btnIcon
Bouton avec icone au milieu.
EN

.btnIcon--orangeHoverDark
Variante avec hover foncé.

.btnIcon--white
Variante blanche.

.btnIcon--whiteTB
Variante blanche pour la topbar.

.btnIcon--gray
Variante grise avec icon plus grande.

.btnIcon--darkGray
Variante grise foncé.

.btnIcon--banner
Variante dans la banner.

.btnIcon--play
Variante play.

.btnIcon--hotPin
Variante ronde pour les pins hotspots.

.btnIcon--noBG
Variante sans background.

.btnIcon--noBG--white
Variante blanche sans background.

.navArrows

Formulaires

Lorem ipsum*

Dolorem corporis praesentium quasi.

Dicta et optio ipsa obcaecati tenetur. Nam quam aliquam optio fuga consequuntur sit eligendi distinctio. Itaque dicta reiciendis, mollitia similique quasi tempora excepturi aliquam sed, ipsum pariatur sit in qui velit repellat ratione voluptate obcaecati rerum iste architecto libero magnam amet assumenda.

Accordions

Pulvinar ac eu proin vehicula consectetur at rutrum erat montes gravida sodales lacinia dolor facilisis lorem dis vel per finibus sapien amet suscipit, in mus nascetur bibendum placerat libero cubilia pellentesque efficitur laoreet adipiscing ultricies donec dignissim posuere nulla vulputate habitasse hac odio ut, phasellus interdum habitant congue tempor sagittis enim eget et id nibh urna metus aliquam tellus blandit turpis convallis a tristique neque.

Vitae tellus blandit rhoncus praesent mus risus integer litora turpis ante nisi tempus, netus nostra quam efficitur interdum dis torquent class est elementum senectus, condimentum cras sociosqu mollis scelerisque molestie tristique adipiscing accumsan velit felis.

Ipsum ultricies dolor libero cras efficitur habitasse placerat quis viverra ornare hendrerit dui feugiat pellentesque magna purus laoreet dapibus auctor, id nec senectus interdum commodo diam orci potenti magnis facilisis porttitor odio imperdiet scelerisque morbi dignissim ac curae, ullamcorper torquent metus aliquet litora lectus maecenas pharetra enim tincidunt in amet et sagittis nisi penatibus molestie bibendum ultrices, natoque erat lorem taciti montes risus suspendisse tempus class mattis velit lacinia rutrum vehicula accumsan blandit etiam.

Auctor maximus et cursus sem nec ullamcorper tortor facilisis morbi molestie venenatis iaculis scelerisque praesent quisque fermentum mattis sagittis facilisi sapien hendrerit, porttitor dui magna quam potenti pharetra platea ligula donec felis ante ultricies neque lorem primis vulputate aliquet mus phasellus hac nullam euismod, adipiscing turpis urna a elit ornare penatibus tincidunt nibh diam parturient maecenas eros aliquam mollis dapibus at vel viverra aptent consequat, natoque eget habitant ridiculus laoreet faucibus velit dolor fames tempor ex rhoncus tellus efficitur justo pulvinar habitasse purus dis suscipit.

Per inceptos condimentum mauris tristique vestibulum dapibus ante risus ac diam lorem tempus eget cubilia feugiat justo ultrices odio suspendisse aliquam neque maecenas, ad urna nulla consectetur ullamcorper potenti eleifend faucibus netus id velit tellus efficitur erat litora primis vehicula viverra ipsum eu dis, nullam tortor felis luctus laoreet proin leo a adipiscing dolor molestie libero accumsan ex nascetur rhoncus magna ornare ultricies lobortis amet.

Ad fusce aptent parturient nisl hac consectetur varius accumsan platea porttitor, molestie fringilla venenatis potenti metus urna nisi vitae curae ac, bibendum dapibus purus per sed nibh malesuada eget class.