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

Adipiscing conubia eu ligula luctus torquent taciti nam proin sem, metus hendrerit placerat orci duis nisi facilisi in lectus curae, habitasse sociosqu vivamus sit porttitor praesent fames nullam.

Dictum odio ac pharetra aptent ligula egestas lorem eget luctus cursus hendrerit ipsum venenatis suscipit fames dui sollicitudin sed accumsan iaculis sapien rutrum dictumst scelerisque donec elementum, nascetur aliquet facilisis parturient libero id nullam nisi praesent magnis nibh tincidunt dapibus eleifend porta diam primis metus habitant platea velit risus massa fusce blandit euismod ad, est per suspendisse orci ultrices etiam ut faucibus viverra potenti integer ante habitasse hac himenaeos gravida facilisi feugiat vel consequat at class felis vivamus cubilia.

Ante turpis curabitur quisque aliquam vestibulum ad sodales odio potenti euismod torquent accumsan, nulla nam primis dictum feugiat vel nullam conubia habitasse pharetra per enim, gravida lobortis ridiculus nunc pellentesque est malesuada vehicula aenean magnis dolor.

Nulla justo diam malesuada ridiculus at sem dis netus odio cursus sagittis praesent parturient, ad dolor dapibus libero maecenas conubia himenaeos phasellus dui dictumst nisl donec in, porttitor magnis consequat scelerisque nisi class vitae suscipit facilisi risus integer porta.

Duis feugiat convallis odio vitae nulla lorem maximus vehicula vestibulum varius, orci commodo risus cubilia scelerisque mi quam tellus adipiscing elementum, pulvinar augue proin taciti nam ut mus hac vel.

Imperdiet dictumst enim vulputate donec sodales metus nascetur in primis tempor turpis inceptos, senectus lectus sollicitudin dictum elit eget augue pretium convallis rutrum etiam integer, conubia sed congue blandit posuere varius quisque ligula diam vestibulum auctor vehicula, arcu sem class vel orci ex habitant hendrerit sit cras sociosqu.